.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container,
  .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
.col {
  flex: 1 0 0%;
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}
.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}
.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}
.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}
.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}
.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}
.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}
.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !important;
}
.d-inline-grid {
  display: inline-grid !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.order-first {
  order: -1 !important;
}
.order-0 {
  order: 0 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-last {
  order: 6 !important;
}
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}
.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.me-0 {
  margin-right: 0 !important;
}
.me-1 {
  margin-right: 0.25rem !important;
}
.me-2 {
  margin-right: 0.5rem !important;
}
.me-3 {
  margin-right: 1rem !important;
}
.me-4 {
  margin-right: 1.5rem !important;
}
.me-5 {
  margin-right: 3rem !important;
}
.me-auto {
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ms-0 {
  margin-left: 0 !important;
}
.ms-1 {
  margin-left: 0.25rem !important;
}
.ms-2 {
  margin-left: 0.5rem !important;
}
.ms-3 {
  margin-left: 1rem !important;
}
.ms-4 {
  margin-left: 1.5rem !important;
}
.ms-5 {
  margin-left: 3rem !important;
}
.ms-auto {
  margin-left: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}
.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pe-0 {
  padding-right: 0 !important;
}
.pe-1 {
  padding-right: 0.25rem !important;
}
.pe-2 {
  padding-right: 0.5rem !important;
}
.pe-3 {
  padding-right: 1rem !important;
}
.pe-4 {
  padding-right: 1.5rem !important;
}
.pe-5 {
  padding-right: 3rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.ps-0 {
  padding-left: 0 !important;
}
.ps-1 {
  padding-left: 0.25rem !important;
}
.ps-2 {
  padding-left: 0.5rem !important;
}
.ps-3 {
  padding-left: 1rem !important;
}
.ps-4 {
  padding-left: 1.5rem !important;
}
.ps-5 {
  padding-left: 3rem !important;
}
@media (min-width: 576px) {
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 768px) {
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 992px) {
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1400px) {
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/*
---
DEFAULT CSS RESET
---
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  text-decoration: none;
}
body,
html {
  width: 100%;
  min-height: 100%;
  color: #444444;
  font-family: 'Roboto', sans-serif;
}
input,
select,
textarea,
button {
  font-family: 'Roboto', sans-serif;
  font-size: 100%;
  color: #444444;
}
.clear {
  clear: both;
  margin: 0;
  padding: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  width: 100%;
  height: 0;
}
.cover {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.center {
  text-align: center;
  margin: auto;
}
.table {
  display: table;
  width: 100%;
  height: 100%;
}
.r-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.btn-link {
  display: inline;
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  color: inherit;
  font: inherit;
  text-decoration: inherit;
  line-height: normal;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  -webkit-appearance: none;
  cursor: pointer;
  outline: none;
  text-align: left;
}
/*
---
END DEFAULT
---
*/
/**
 * FLEXBOX MIXINS
 *
 */
/**
*  SPINNER
*
*/
.spinner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  background-color: #f7f7f7;
}
.spinner:after {
  content: "";
  display: block;
  width: 3em;
  height: 3em;
  border-top-color: #ff4800;
  border-left-color: #ff4800;
  animation: spinner 400ms linear infinite;
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-style: solid;
  border-width: 6px;
  border-radius: 50%;
  box-sizing: border-box;
}
/**
 * KEYFRAMES
 *
 */
/**
 * FONT PX->REM + lineheight MIXINS
 *
 */
/*
-----
INDEX
-----
*/
/*uprava na mensi obsah*/
/*@color-3: rgba(240,240,240,1);*/
body {
  background-color: #e9ebeb;
  -webkit-font-smoothing: subpixel-antialiased;
  max-width: 100%;
  overflow-x: hidden;
}
.content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
a {
  color: inherit;
}
.error_red {
  padding: 0.5em 0;
  color: red;
}
.error_green {
  padding: 0.5em 0;
  color: green;
}
.tracking {
  position: absolute;
}
.tracking iframe {
  display: block;
}
/*
-----
btn
-----
*/
@keyframes btn-pending-spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.btn-pending {
  pointer-events: none;
}
.btn-pending > span {
  vertical-align: middle;
}
.btn-pending:before {
  content: "";
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  border-top: 2px solid transparent;
  border-left: 2px solid white;
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  border-radius: 50%;
  margin-right: 0.6em;
  animation: btn-pending-spinner 600ms linear infinite;
  vertical-align: middle;
}
.btn {
  display: block;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn--search {
  border-radius: 4px;
  background-color: #f86c35;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 16;
  line-height: 1.1428571428571428;
  letter-spacing: 0.05em;
  font-family: 'Roboto', sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  height: 100%;
  vertical-align: middle;
  border: none;
  cursor: pointer;
  border: 1px solid #f86c35;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: all 0.3s ease-in-out;
}
.btn--search:hover {
  background-color: #ffffff;
  color: #f86c35;
}
.btn-line {
  display: inline-block;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 16;
  line-height: 1.0666666666666667;
  letter-spacing: 0.04em;
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
  padding: 0.75em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 6px;
  z-index: 10;
}
.btn-line--style2 {
  color: #ffffff;
  background-color: #1597bc;
  cursor: pointer;
}
.btn-line--style2h {
  border: 1px solid transparent;
  color: #ffffff;
  background-color: #1597bc;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.btn-line--style2h:hover {
  border: 1px solid #1597bc;
  color: #1597bc;
  background-color: transparent;
}
.btn-box__more {
  margin-top: 2em;
  text-align: center;
}
.btn--more {
  display: inline-block;
  text-align: center;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 16;
  line-height: 1.0666666666666667;
  letter-spacing: 0.04em;
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #1597bc;
  padding: 0.9em 1.125em;
  min-width: 12em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 6px;
  z-index: 10;
  border: 1px solid transparent;
  cursor: pointer;
}
.btn--more:hover {
  color: #1597bc;
  background-color: #ffffff;
  border: 1px solid #1597bc;
}
.btn--cart {
  margin-bottom: 2px;
  display: inline-block;
  font-size: 16px;
  font-size: 1rem;
  line-height: 18;
  line-height: 1.125;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #3ca240;
  padding: 0.8em 1.25em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 6px;
  border: 1px solid transparent;
  cursor: pointer;
}
.btn--cart:hover {
  color: #3ca240;
  background-color: #ffffff;
  border: 1px solid #3ca240;
}
.btn--login {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 16;
  line-height: 1.1428571428571428;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #3ca240;
  padding: 1em 0.8em;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid transparent;
  margin-top: 0.8em;
  cursor: pointer;
}
.btn--login:hover {
  color: #3ca240;
  background-color: #ffffff;
  border: 1px solid #3ca240;
}
.btn--login--fb {
  color: #ffffff;
  background-color: #345b96;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 14;
  line-height: 1.1666666666666667;
  letter-spacing: 0.01em;
  padding: 1.17em 0.2em;
}
.btn--login--fb:before {
  content: '';
  display: inline-block;
  width: 1.8em;
  height: 1.8em;
  vertical-align: middle;
  background-size: cover;
  margin-right: 0.8em;
}
.btn--login--fb:hover {
  color: #345b96;
  background-color: #ffffff;
  border: 1px solid #345b96;
}
.btn--cart-back {
  color: #ffffff;
  background-color: #646464;
  border: 1px solid transparent;
}
.btn--cart-back:hover {
  color: #646464;
  background-color: #ffffff;
  border: 1px solid #646464;
}
.btn--cart-preview {
  display: inline-block;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 16;
  line-height: 1.0666666666666667;
  letter-spacing: 0.04em;
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #3ca240;
  padding: 0.8em 1.25em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 6px;
  border: 1px solid transparent;
  cursor: pointer;
}
.btn--cart-preview:hover {
  color: #3ca240;
  background-color: #ffffff;
  border: 1px solid #3ca240;
}
.btn--cart-preview:hover .btn--cart-preview-img path {
  fill: #3ca240;
}
.btn--complaint {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 16;
  line-height: 1.1428571428571428;
  letter-spacing: 0.03em;
  background-color: #ff4800;
  padding: 0.8em 2em;
}
.btn--complaint:hover {
  color: #ff4800;
  background-color: #ffffff;
  border: 1px solid #ff4800;
}
.btn--cart-preview-img {
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  background-image: url('../img/cart-preview__arrow.svg');
  background-size: cover;
}
/*
-----
helper-div
-----
*/
#helper-div {
  display: none;
}
/* ======================================================
   [START] Horní lišta na stránkách (Přihlášení, vlajky)
   ====================================================== */
/* TOPBAR LAYOUT */
.top-bar__wrapper {
  display: block;
  position: relative;
  margin: 0 auto;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #e9ebeb;
  background-color: #f3f3f3;
}
.top-bar {
  font-size: 0.8rem;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.top-bar__section--left {
  display: none;
}
@media screen and (min-width: 45em) {
  .top-bar__section--left {
    display: flex;
  }
}
.top-bar__section--right {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media screen and (min-width: 45em) {
  .top-bar__section--right {
    justify-content: flex-end;
  }
}
/* ----------- */
/* TOPBAR MENU */
.top-bar__menu-box {
  display: flex;
  align-items: center;
}
.top-bar__menu-link {
  display: inline-block;
  padding: 0.75em 1em;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: gray;
  flex-shrink: 0;
}
.top-bar__menu-link:hover {
  text-decoration: underline;
}
.top-bar__menu-link:not(:last-child):after {
  content: "";
  position: absolute;
  right: 0;
  height: 50%;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  opacity: 0.5;
  background-color: silver;
}
/* ----------- */
/* TOPBAR COLLAPSER */
.top-dropdown__box {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
}
.top-dropdown__box.top-dropdown__box--opened {
  z-index: 1000;
}
.top-dropdown__background-shadow {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
.top-dropdown__box--opened .top-dropdown__background-shadow {
  display: block;
}
.top-dropdown__btn {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 3em;
  padding: 0 1em;
}
.top-dropdown__box:not(.top-dropdown__box--opened) .top-dropdown__btn:hover {
  background-color: #f3f3f3;
}
.top-dropdown__box--opened .top-dropdown__btn {
  background-color: white;
}
.top-dropdown__box--opened .top-dropdown__btn:before {
  content: "";
  width: 100%;
  height: 2em;
  background-color: white;
  left: 0;
  top: 90%;
  position: absolute;
}
.top-dropdown__item {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  min-height: 3em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1em;
  background-color: white;
}
.top-dropdown__item:not(:last-child) {
  border-bottom: 1px solid silver;
}
.top-dropdown__item:hover {
  background-color: #e9ebeb;
}
.top-dropdown__icon-box {
  position: relative;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 1.5em;
  margin-right: 0.5em;
}
.top-dropdown__btn .top-dropdown__icon-box {
  margin-right: 0;
}
.top-dropdown__icon {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.top-dropdown__label {
  position: relative;
  display: block;
  flex-grow: 1;
}
.top-dropdown__btn .top-dropdown__label {
  margin-left: 0.5em;
}
.top-dropdown__label strong {
  font-weight: bold;
}
.top-dropdown__arrow-box {
  position: relative;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.7em;
  margin-left: 1em;
}
.top-dropdown__arrow {
  display: block;
  width: 100%;
}
.top-dropdown__box--opened .top-dropdown__arrow {
  transform: rotate(180deg);
}
.top-dropdown__content {
  display: none;
  position: absolute;
  top: calc(100% + 0.5em);
  left: 0;
  min-width: 100%;
  background-color: white;
  overflow: hidden;
}
.top-dropdown__content.top-dropdown__content--right {
  right: 0;
  left: auto;
}
.top-dropdown__box--opened .top-dropdown__content {
  display: block;
}
.top-dropdown__icon-box--lang {
  border: 1px solid silver;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  overflow: hidden;
}
.top-dropdown__icon--lang {
  transform: scale(1.2);
}
/* ======================================================
   [END] Horní lišta na stránkách (Přihlášení, vlajky)
   ====================================================== */
/* ======================================================
   [START] Hlavička
   ====================================================== */
.header__overlay {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  z-index: -100;
  opacity: 0;
  transition: opacity 200ms ease-out;
}
.header__overlay.header__overlay--showed {
  z-index: 100;
  opacity: 1;
}
.header {
  position: relative;
  max-width: 100em;
  margin: 0 auto 3.5rem auto;
  z-index: 101;
}
.header.header--basket {
  border-bottom: 1px solid #e9ebeb;
  margin-bottom: 0;
  max-width: 80rem;
}
@media screen and (min-width: 66em) {
  .header {
    margin: 0 auto;
  }
}
.header__main-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  background-color: white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0.3em 0.5em;
}
@media screen and (min-width: 66em) {
  .header__main-wrapper {
    justify-content: space-between;
    padding: 1em;
  }
}
.header__logo-wrapper {
  position: relative;
  width: 33.33333333vw;
  max-width: 250px;
}
.header__logo-wrapper img {
  width: 100%;
  display: block;
}
.header-search {
  width: 100%;
  height: 3.5rem;
  background-color: white;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.5em;
  border-bottom: 1px solid silver;
}
.header-search:after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 0.5em;
  background: #ffffff;
  background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0.15) 100%);
  background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0.15) 100%);
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0.15) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#000000", GradientType=1);
}
@media screen and (min-width: 66em) {
  .header-search {
    width: 100%;
    max-width: 35rem;
    height: auto;
    padding: 0;
    flex-grow: 1;
    position: relative;
    margin: 0 1em;
    border-bottom: 0px;
  }
  .header-search:after {
    content: none;
  }
}
.header-search__result-wrapper {
  display: none;
}
.header-search--opened .header-search__result-wrapper {
  display: block;
}
.header-search__input-container {
  position: relative;
  display: flex;
  align-items: stretch;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.header-search__input {
  height: 100%;
  width: 100%;
  border: 1px solid silver;
  border-right: 0px;
  background-color: white;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 2.5em;
  min-width: 100px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  -webkit-appearance: none;
}
.header-search__input::-ms-clear {
  display: none;
}
.header-search__input:focus,
.header-search--opened .header-search__input {
  outline: none;
  border: 1px solid #ff4800;
  border-right: 0px;
}
@media screen and (min-width: 66em) {
  .header-search__input {
    padding: 0.7em 0.7em 0.7em 2.5em;
  }
}
.header-search__reset-btn-wrapper {
  position: relative;
  display: none;
  align-items: center;
  padding: 0 0.5em;
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
  flex-shrink: 0;
}
.header-search__input:focus ~ .header-search__reset-btn-wrapper,
.header-search--opened .header-search__reset-btn-wrapper {
  border-top: 1px solid #ff4800;
  border-bottom: 1px solid #ff4800;
}
.header-search--opened .header-search__reset-btn-wrapper {
  display: flex;
}
.header-search__reset-btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: silver;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.2em;
}
.header-search__reset-btn img {
  display: block;
  width: 100%;
  height: 100%;
}
.header-search__reset-btn:hover {
  cursor: pointer;
  background-color: gray;
}
.header-search__search-btn-wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.2em;
  position: relative;
  border: 1px solid silver;
  border-left: 0px;
  border-radius: 3px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  flex-shrink: 0;
}
.header-search__input:focus ~ .header-search__search-btn-wrapper,
.header-search--opened .header-search__search-btn-wrapper {
  border: 1px solid #ff4800;
  border-left: 0px;
}
.header-search__search-btn {
  background-color: #ff4800;
  color: white;
  border: 1px solid #ff4800;
  height: 100%;
  padding: 0 0.4em;
  border-radius: 3px;
}
@media screen and (min-width: 66em) {
  .header-search__search-btn {
    padding: 0 1em;
  }
}
.header-search__search-btn:hover {
  cursor: pointer;
  background-color: white;
  color: #ff4800;
}
.header-search__search-btn:focus {
  outline: none;
}
.header-search__search-icon {
  position: absolute;
  top: 0.5em;
  left: 0.6em;
  width: 1.5em;
}
@media screen and (min-width: 66em) {
  .header-search__search-icon {
    top: 0.6em;
  }
}
.header-search__spinner-wrapper {
  display: none;
  position: absolute;
  top: 0.5em;
  left: 0.6em;
  width: 1.5em;
  height: 1.5em;
  background-color: white;
  box-sizing: border-box;
  padding: 0.1em;
}
.header-search--searching .header-search__spinner-wrapper {
  display: block;
}
@media screen and (min-width: 66em) {
  .header-search__spinner-wrapper {
    top: 0.6em;
  }
}
.header-search__spinner {
  border: 3px solid #f3f3f3;
  border-top: 3px solid #ff4800;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  animation: search-spinner 1s linear infinite;
}
@keyframes search-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.header-search-result__container {
  background-color: white;
  position: absolute;
  left: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: 66em) {
  .header-search-result__container {
    border-radius: 6px;
    margin-top: 1em;
    overflow: hidden;
  }
}
.header-search-result__group-title {
  padding: 1.5em 1em 0.7em 1em;
}
.header-search-result__group-title span {
  font-weight: bold;
  font-size: 0.9em;
}
.header-search-result__item {
  padding: 0.3em 1em;
  display: flex;
  /* li:first-of-type &{
         border-top: 1px solid #e3e3e3;
     }
     border-bottom: 1px solid #e3e3e3;
    */
}
.header-search-result__item:focus {
  outline: none;
}
.header-search-result__item:hover,
.header-search-result__item.suggestion-item--active {
  outline: none;
  background-color: #dcf4ff;
}
.header-search-result__img-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  position: relative;
  margin-right: 0.7em;
  background-color: white;
  border: 1px solid #f0f0f0;
  flex-shrink: 0;
}
.header-search-result__img {
  max-width: 90%;
  max-height: 90%;
}
.header-search-result__info-container {
  flex-grow: 1;
}
.header-search-result__name {
  width: 100%;
}
.header-search-result__price-and-avalability-container {
  display: flex;
  justify-content: space-between;
}
.header-search-result__previous-price {
  text-decoration: line-through;
  font-size: 0.8em;
  text-align: right;
}
.header-search-result__price {
  font-weight: bold;
  font-size: 0.9em;
  color: #ff4800;
  text-align: right;
}
.header-search-result__availability {
  font-size: 0.9em;
}
.header-search-result__availability.header-search-result__availability--green {
  color: #229C26;
}
.header-search-result__availability.header-search-result__availability--red {
  color: #cc0000;
}
.header-search-result__availability.header-search-result__availability--blue {
  color: #0099ff;
}
.header-search-result__category-item {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  padding: 0.3em 1em;
}
.header-search-result__category-item:focus {
  outline: none;
}
.header-search-result__category-item:hover,
.header-search-result__category-item.suggestion-item--active {
  outline: none;
  background-color: #dcf4ff;
}
.header-search-result__category-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.5em;
}
.header-search-result__category-info {
  display: flex;
  flex-wrap: wrap;
}
.header-search-result__category-part {
  line-height: 1.5em;
  vertical-align: middle;
}
.header-search-result__category-part:not(:last-child):after {
  content: "›";
  margin: 0 0.3em 0 0.5em;
}
.header-search-result__showall {
  width: 100%;
  padding: 1em 0;
  text-align: center;
  background-color: #F0F0F0;
  display: block;
  margin-top: 1em;
}
.header__right-side {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-grow: 1;
}
@media screen and (min-width: 66em) {
  .header__right-side {
    flex-grow: 0;
    flex-shrink: 0;
  }
}
.header__menu-trigger {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 1.5em;
  border-radius: 3px;
  margin-left: 0.9em;
  padding: 0.5rem;
  border: 1px solid #f86c35;
  color: #f86c35;
  font-weight: 500;
}
@media screen and (min-width: 66em) {
  .header__menu-trigger {
    display: none;
  }
}
.header__menu-trigger.collapser__trigger--opened .header__menu-trigger-line:first-child {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.header__menu-trigger.collapser__trigger--opened .header__menu-trigger-line:nth-child(2) {
  opacity: 0;
}
.header__menu-trigger.collapser__trigger--opened .header__menu-trigger-line:last-child {
  bottom: 50%;
  transform: translateY(50%) rotate(-45deg);
}
.header__menu-trigger-lines-container {
  position: relative;
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
}
.header__menu-trigger-line {
  position: absolute;
  height: 3px;
  width: 100%;
  border-radius: 1em;
  background: #ff9600;
  background: -moz-linear-gradient(131deg, #ff9600 0%, #ff4800 100%);
  background: -webkit-linear-gradient(131deg, #ff9600 0%, #ff4800 100%);
  background: linear-gradient(131deg, #ff9600 0%, #ff4800 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff9600", endColorstr="#ff4800", GradientType=1);
  transition: all 200ms ease-out;
}
.header__menu-trigger-line:first-child {
  top: 0;
}
.header__menu-trigger-line:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
}
.header__menu-trigger-line:last-child {
  bottom: 0;
}
.header__cart-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 103;
}
.header__cart-overlay.header__cart-overlay--showed {
  display: block;
}
.header__cart-container {
  z-index: 103;
  position: relative;
}
.header__cart-container:hover {
  background-color: white;
}
.header__cart-link {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0.6em;
}
@media screen and (min-width: 50em) {
  .header__cart-link {
    padding: 1em;
  }
}
.header__cart-info-container {
  display: none;
}
@media screen and (min-width: 50em) {
  .header__cart-info-container {
    display: block;
  }
}
.header__cart-icon-container {
  position: relative;
  width: 30px;
  height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 50em) {
  .header__cart-icon-container {
    width: 40px;
    height: 40px;
    margin-right: 1em;
  }
}
.header__cart-icon {
  width: 100%;
}
.header__cart-quantity-badge {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 1.2em;
  height: 1.2em;
  top: -8px;
  right: -8px;
  background: #23832c;
  background: linear-gradient(300deg, #23832c 0%, #37d95c 100%);
  color: white;
  font-size: 70%;
  font-weight: bold;
  border-radius: 3px;
  padding: 2px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: 50em) {
  .header__cart-quantity-badge {
    font-size: 80%;
    top: -5px;
    right: -5px;
  }
}
.header__cart-content-container {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 500px;
  background-color: white;
}
.header__cart-container--opened .header__cart-content-container {
  display: block;
}
.header__cart-items-container {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-height: 350px;
  overflow-y: auto;
  padding: 1em;
}
.header__cart-item {
  display: flex;
  padding: 0.5em 0;
  border-bottom: 1px solid #e0e0e0;
}
.header__cart-item:last-child {
  border-bottom: 0px;
}
.header__cart-goto {
  display: block;
  width: 100%;
  text-align: center;
  padding: 1em 0;
  background-color: #f3f3f3;
}
.header__cart-goto:hover {
  background-color: #e3e3e3;
}
.header__cart-item-image-wrapper {
  position: relative;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  margin-right: 1em;
}
.header__cart-item-image {
  max-width: 100%;
  max-height: 100%;
}
.header__cart-item-right-container {
  flex-grow: 1;
}
.header__cart-item-info-container {
  display: flex;
}
.header__cart-item-name {
  flex-grow: 1;
}
.header__cart-item-price-container {
  margin-left: 1em;
  width: 150px;
  text-align: right;
  color: #ff4800;
}
.header__cart-item-price {
  font-weight: bold;
}
.header__price-container {
  display: flex;
  margin: 0 auto;
  justify-content: flex-end;
}
.header__price {
  font-weight: bold;
  color: #ff4800;
  margin-right: 0.5em;
}
.header__hotline-container {
  display: flex;
  align-items: center;
  padding: 0.6em;
}
@media screen and (min-width: 50em) {
  .header__hotline-container {
    padding: 1em;
  }
}
.header__hotline-icon-container {
  position: relative;
  width: 30px;
  height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 50em) {
  .header__hotline-icon-container {
    margin-right: 1em;
    width: 40px;
    height: 40px;
  }
}
.header__hotline-icon {
  width: 100%;
}
.header__hotline-info-container {
  display: none;
}
@media screen and (min-width: 50em) {
  .header__hotline-info-container {
    display: block;
  }
}
.header__hotline-phone {
  font-weight: bold;
  color: #ff4800;
}
.header__hotline-availability {
  font-size: 80%;
  text-transform: uppercase;
  color: gray;
}
.header__shortcut {
  color: #ff4800;
}
.header__cart-show {
  font-size: 80%;
  text-transform: uppercase;
  color: gray;
  text-align: right;
}
.header__cart-item-control-container {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5em;
}
.header__cart-quantity-container {
  display: flex;
}
.header__cart-quantity-input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 1.5rem;
  border: 0;
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
  width: 2em;
  text-align: center;
  font-weight: bold;
  font-size: 0.9rem;
}
.header__cart-quantity-control {
  width: 1.5rem;
  height: 1.5rem;
  color: white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #ff4800;
  border: 1px solid #ff4800;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  font-weight: 400;
  cursor: pointer;
}
.header__cart-quantity-control:hover {
  color: #ff4800;
  background-color: white;
}
.header__cart-item-delete {
  width: 1.5em;
  height: 1.5em;
  display: block;
  opacity: 0.8;
}
.header__cart-item-delete:hover {
  cursor: pointer;
  opacity: 1;
}
.header__cart-item-delete .header__cart-item-delete-img {
  display: block;
  width: 100%;
  height: 100%;
}
.mainmenu {
  position: absolute;
  max-width: 100em;
  width: 100%;
  z-index: 100;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 66em) {
  .mainmenu {
    margin: 0 auto;
    position: relative;
  }
}
.mainmenu.mainmenu--mobile {
  display: none;
}
.mainmenu.collapser__content:not(.mainmenu--mobile) {
  display: block;
}
@media screen and (min-width: 66em) {
  .mainmenu__list {
    display: flex;
  }
}
@media screen and (min-width: 66em) {
  .mainmenu__item {
    width: 16.66666667%;
  }
  .mainmenu__item:hover .mainmenu__link {
    background-color: #e03f00;
  }
}
.mainmenu__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: white;
  height: 3em;
  padding: 0 1em;
  background-color: #ff4800;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.mainmenu__item:last-child > .mainmenu__link {
  border-bottom: 0;
}
@media screen and (min-width: 66em) {
  .mainmenu__link {
    height: 100%;
    padding: 0.8em 0.2em;
    justify-content: center;
    border-bottom: none;
  }
}
.mainmenu__link-name {
  flex-grow: 1;
  text-align: left;
}
@media screen and (min-width: 66em) {
  .mainmenu__link-name {
    flex-grow: 0;
  }
}
.mainmenu__link-icon-box {
  position: relative;
  width: 1.5em;
  margin-right: 0.5em;
}
.mainmenu__link-icon {
  display: block;
  width: 100%;
}
.mainmenu__link-trigger {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.1);
  padding: 0.7em;
}
@media screen and (min-width: 66em) {
  .mainmenu__link-trigger {
    display: none;
  }
}
.mainmenu__link-trigger-lines-container {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 200ms ease-out;
}
.collapser--opened > .mainmenu__link > .mainmenu__link-trigger > .mainmenu__link-trigger-lines-container {
  transform: rotate(90deg);
}
.mainmenu__link-trigger-line {
  height: 2px;
  width: 100%;
  background-color: white;
  position: absolute;
  top: 50%;
  transition: opacity 200ms ease-out;
  transform: translateY(-50%);
}
.mainmenu__link-trigger-line:nth-child(2) {
  transform: translateY(-50%) rotate(90deg);
}
.collapser--opened > .mainmenu__link > .mainmenu__link-trigger > .mainmenu__link-trigger-lines-container > .mainmenu__link-trigger-line:first-child {
  opacity: 0;
}
.mainmenu__submenu {
  background-color: white;
}
@media screen and (min-width: 66em) {
  .mainmenu__submenu {
    position: absolute;
    width: 60em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2em;
    left: 0;
    border-bottom: 5px solid #ff4800;
  }
  .mainmenu__submenu.mainmenu__submenu--right-align {
    left: auto;
    right: 0;
  }
  .mainmenu__item.collapser--opened > .mainmenu__submenu {
    display: none;
  }
  .mainmenu__item:hover > .mainmenu__submenu,
  .mainmenu__submenu:hover {
    display: block;
  }
}
.mainmenu__submenu-title {
  display: none;
}
@media screen and (min-width: 66em) {
  .mainmenu__submenu-title {
    display: block;
    font-weight: bold;
    font-size: 120%;
    margin-bottom: 1em;
  }
}
@media screen and (min-width: 66em) {
  .mainmenu__sublist {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 66em) {
  .mainmenu__subitem {
    width: 33.33333333%;
  }
}
.mainmenu__sublink {
  display: flex;
  align-items: center;
  background-color: white;
  border-bottom: 1px solid #f3f3f3;
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 66em) {
  .mainmenu__sublink {
    border: 0;
    border: 1px solid silver;
    margin-bottom: 0.2em;
    margin-right: 0.2em;
  }
  .mainmenu__sublink:hover {
    color: white;
    border: 1px solid #ff4800;
    background-color: #ff4800;
  }
}
.mainmenu__subimage-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5em;
  height: 2.5em;
  margin-right: 1em;
  background-color: white;
}
.mainmenu__subimage-box img {
  max-width: 90%;
  max-height: 90%;
}
/* ======================================================
   [END] Hlavička
   ====================================================== */
/*
-----
Footer
-----
*/
.main-footer__wrap {
  width: 100%;
}
@media screen and (min-width: 40em) {
  .main-footer__wrap {
    max-width: 100em;
    padding: 0 1.25em;
    margin: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.main-footer {
  width: 100%;
  background-color: #ffffff;
  margin-top: 2.5em;
}
.main-footer__box {
  width: 100%;
  float: left;
}
@media screen and (min-width: 34em) {
  .main-footer__box {
    width: 50%;
  }
}
@media screen and (min-width: 68em) {
  .main-footer__box {
    width: 25%;
  }
}
.main-footer__box-content {
  padding: 2em 10% 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.main-footer__title {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 16;
  line-height: 0.8888888888888888;
  letter-spacing: 0.08em;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  color: #1575a0;
  padding-bottom: 0.5em;
  display: block;
  width: 100%;
  position: relative;
}
.main-footer__title:after {
  content: '';
  display: block;
  height: 3px;
  width: 100%;
  background-color: #e9ebeb;
  position: absolute;
  left: 0;
  bottom: 0;
}
.main-footer__list {
  margin-top: 0.8em;
}
.main-footer__list-point {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 28;
  line-height: 2.1538461538461537;
  letter-spacing: 0.08em;
  font-family: 'Roboto', sans-serif;
  color: #333333;
  list-style-type: none;
}
.main-footer__list-point a {
  color: inherit;
}
.main-footer__list-point a:hover {
  text-decoration: underline;
}
.main-footer__list-point strong {
  color: #1597bc;
}
.main-footer__list-point span {
  font-weight: 300;
}
.main-footer__list-point--extra {
  color: #ff4800;
  text-decoration: underline;
}
/*--Benefit--*/
.main-footer__benefit {
  width: 100%;
  padding: 2.75em 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.main-footer__benefit-pic {
  height: 5em;
  width: auto;
  margin-right: 1.6em;
  display: inline-block;
}
.main-footer__benefit-pic:nth-last-child(1) {
  margin-right: 0;
}
.main-footer__benefit-pic img,
.main-footer__benefit-pic svg {
  height: 100%;
}
.main-footer__benefit-pic--logo {
  padding: 0.625em 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.main-footer__benefit-pic--mobile {
  display: none;
}
@media screen and (min-width: 54em) {
  .main-footer__benefit-pic--mobile {
    display: inline-block;
  }
}
/*--Partner--*/
.main-footer__partner {
  width: 100%;
  padding: 1.8em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #edf4f6;
  text-align: center;
}
.main-footer__partner-pic {
  height: 3em;
  width: auto;
  border: 1px solid #d8d8d8;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 1em;
  display: inline-block;
}
.main-footer__partner-pic:nth-last-child(1) {
  margin-right: 0;
}
/*--End--*/
.footer__end {
  width: 100%;
  padding: 2em 0.3em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #ffffff;
  text-align: center;
  box-shadow: 0 10px 8px -7px rgba(0, 0, 0, 0.51);
}
.footer__nav-title {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 16;
  line-height: 1.2307692307692308;
  letter-spacing: 0.08em;
  font-family: 'Roboto', sans-serif;
  color: #333333;
  display: block;
}
@media screen and (min-width: 50em) {
  .footer__nav-title {
    display: inline-block;
  }
}
.footer__nav-point {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 16;
  line-height: 1.2307692307692308;
  letter-spacing: 0.08em;
  font-family: 'Roboto', sans-serif;
  color: #ff4800;
  margin-left: 0.2em;
}
.footer__nav-point:nth-last-child(1):after {
  display: none;
}
.footer__nav-point:after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 0.8em;
  background-color: #646464;
  margin-left: 0.2em;
  vertical-align: middle;
}
.footer__nav-point:hover {
  text-decoration: underline;
}
.footer__nav--end {
  margin-top: 1.8em;
  font-weight: 300;
}
/*
-----
Benefit
-----
*/
.benefit__wrap {
  max-width: 81.25em;
  padding: 0 1.25em;
  margin: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.benefit {
  width: 100%;
  margin-bottom: 3rem;
}
.benefit__box-main-wrap {
  width: 100%;
}
.benefit__box-main-wrap:nth-last-child(2) {
  display: none;
}
@media screen and (min-width: 46em) {
  .benefit__box-main-wrap {
    width: 50%;
    float: left;
  }
}
@media screen and (min-width: 67em) {
  .benefit__box-main-wrap {
    width: 33.33333333%;
  }
  .benefit__box-main-wrap:nth-last-child(2) {
    display: block;
  }
}
.benefit__box-wrap {
  max-width: 30em;
  background-color: #ffffff;
  padding: 0.625em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 1em auto;
  position: relative;
  color: #1597bc;
}
@media screen and (min-width: 46em) {
  .benefit__box-wrap {
    width: 21em;
    max-width: none;
  }
}
.benefit__box-wrap--set2 {
  color: #ffffff;
  background-color: #1597bc;
}
.benefit__box-wrap--set2 .benefit__box:before {
  border-top: 3px solid #ffffff;
  border-left: 3px solid #ffffff;
}
.benefit__box-wrap--set2 .benefit__box:after {
  border-bottom: 3px solid #ffffff;
  border-right: 3px solid #ffffff;
}
.benefit__box-wrap--category {
  background-color: #ffffff;
  width: 100%;
  padding: 0.375em;
  margin: 2em auto;
}
.benefit__box-wrap--category .benefit__box {
  padding: 1em 0;
  min-height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.benefit__box-wrap--category .benefit__box:before {
  border-top: 1px solid #1575a0;
  border-left: 1px solid #1575a0;
  top: 0;
  left: 0;
}
.benefit__box-wrap--category .benefit__box:after {
  border-bottom: 1px solid #1575a0;
  border-right: 1px solid #1575a0;
  position: absolute;
  transition: all 0.8s ease-in-out;
  bottom: 0;
  right: 0;
}
.benefit__box-wrap--category .benefit__box--no-padding {
  padding: 0;
}
.benefit__box-wrap--category .benefit__box--no-padding.fb {
  min-height: 22.5em;
}
.benefit__box-wrap--category .benefit__list {
  width: 100%;
  text-align: center;
}
.benefit__box-wrap--category .benefit__list--img {
  text-align: left;
  width: auto;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 42;
  line-height: 2.8;
  letter-spacing: 0.05em;
}
.benefit__box-wrap--category .benefit__list--img .benefit__list-point:before {
  background-image: url('../images/done--blue.svg');
}
.benefit__box-wrap--category .benefit__list-box {
  float: none;
}
.benefit__box-wrap--category .benefit__list-icon {
  float: none;
  display: block;
  margin: auto;
}
.benefit__box {
  width: 100%;
  min-height: 22.5em;
  display: table;
  position: relative;
  text-align: center;
}
.benefit__box:before,
.benefit__box:after {
  content: ' ';
  position: absolute;
  width: 30%;
  height: 30%;
  display: block;
  transition: all 0.6s ease-in-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.benefit__box:before {
  border-top: 3px solid #e9ebeb;
  border-left: 3px solid #e9ebeb;
  top: 0;
  left: 0;
}
.benefit__box:after {
  border-bottom: 3px solid #e9ebeb;
  border-right: 3px solid #e9ebeb;
  position: absolute;
  transition: all 0.8s ease-in-out;
  bottom: 0;
  right: 0;
}
.benefit__box:hover:before,
.benefit__box:hover:after {
  width: 100%;
  height: 100%;
}
.benefit__box--no-border:after,
.benefit__box--no-border:before {
  display: none;
}
.benefit__box--full-border:before,
.benefit__box--full-border:after {
  width: 100%;
  height: 100%;
}
.benefit__box--aside {
  border: 1px solid #b6b6b6;
}
.benefit__title {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 24;
  line-height: 1.2;
  letter-spacing: 0.08em;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  display: block;
  width: 100%;
  text-align: center;
  margin: 1.3em 0 2em;
  padding: 0 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.benefit__title--category {
  margin: 0 0 1em;
}
.benefit__title--aside {
  color: #d2b31c;
}
.benefit__list {
  display: inline-block;
  text-align: left;
}
.benefit__list--img .benefit__list-point:before {
  content: '';
  display: inline-block;
  width: 1.53em;
  height: 1.53em;
  background-size: contain;
  vertical-align: middle;
  margin-right: 0.6em;
}
.benefit__list--img .benefit__list-point:nth-child(1):before {
  background-image: url('../images/benefit-icon-1.svg');
}
.benefit__list--img .benefit__list-point:nth-child(2):before {
  background-image: url('../images/benefit-icon-2.svg');
}
.benefit__list--img .benefit__list-point:nth-child(3):before {
  background-image: url('../images/benefit-icon-3.svg');
}
.benefit__list--img .benefit__list-point:nth-child(4):before {
  background-image: url('../images/benefit-icon-4.svg');
}
.benefit__list--img .benefit__list-point:nth-child(5):before {
  background-image: url('../images/benefit-icon-5.svg');
}
.benefit__box-wrap--category .benefit__list-point {
  padding: 0.2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 44;
  line-height: 2.933333333333333;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 86em) {
  .benefit__box-wrap--category .benefit__list-point {
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 44;
    line-height: 2.588235294117647;
    letter-spacing: 0.06em;
  }
}
.benefit__box-wrap--category .benefit__list--img .benefit__list-point:nth-child(1):before {
  background-image: url('../images/benefit-icon-1--category.svg');
}
.benefit__box-wrap--category .benefit__list--img .benefit__list-point:nth-child(2):before {
  background-image: url('../images/benefit-icon-2--category.svg');
}
.benefit__box-wrap--category .benefit__list--img .benefit__list-point:nth-child(3):before {
  background-image: url('../images/benefit-icon-3--category.svg');
}
.benefit__box-wrap--category .benefit__list--img .benefit__list-point:nth-child(4):before {
  background-image: url('../images/benefit-icon-4--category.svg');
}
.benefit__box-wrap--category .benefit__list--img .benefit__list-point:nth-child(5):before {
  background-image: url('../images/benefit-icon-5--category.svg');
}
.benefit__list-point {
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 44;
  line-height: 2.588235294117647;
  letter-spacing: 0.06em;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}
.benefit__list-point--new {
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 80;
  line-height: 4.705882352941177;
  letter-spacing: 0.06em;
  margin-top: 1em;
}
.benefit__list-point--new:nth-child(1) {
  margin-top: 0;
}
.benefit__list-icon {
  width: 3em;
  height: 3em;
  float: left;
  margin-right: 1em;
}
.benefit__list-box {
  float: left;
}
.benefit__list-title {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 22;
  line-height: 1.1;
  letter-spacing: 0.06em;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  display: block;
  margin-top: 0.3em;
}
.benefit__list-text {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 15;
  line-height: 1.1538461538461537;
  letter-spacing: 0.06em;
  font-weight: 400;
  font-family: 'Roboto', sans-serif;
  display: block;
  color: #333333;
  margin-top: 0.3em;
}
.benefit__ico {
  width: 30%;
  margin-top: 0.6em;
}
.rating__list {
  font-family: 'Roboto', sans-serif;
}
.rating__box {
  padding: 0.8em 1.4em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 1em;
  text-align: right;
}
.rating__box:nth-last-of-type(1) {
  margin-bottom: 0;
}
.rating__text {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 20;
  line-height: 1.3333333333333333;
  letter-spacing: 0.05em;
  font-weight: 500;
  font-style: italic;
  color: #1575a0;
  margin-bottom: 0.6em;
  text-align: left;
}
.rating__customer-box {
  display: inline-block;
}
.rating__customer {
  width: 2.6em;
  height: auto;
  vertical-align: bottom;
}
.rating__name {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 12;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  color: #333333;
  text-align: right;
  margin-top: 0.2em;
  display: inline-block;
}
.rating__time {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 12;
  line-height: 1.0909090909090908;
  letter-spacing: 0.05em;
  color: #333333;
  text-align: right;
  margin-top: 0.4em;
  display: inline-block;
  font-style: italic;
}
.rating__more {
  display: block;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 13;
  line-height: 1;
  letter-spacing: 0.05em;
  font-family: 'Roboto', sans-serif;
  color: #1575a0;
  text-align: center;
  margin: 1em 0;
}
.rating__more:hover {
  text-decoration: underline;
  color: #646464;
}
/*
-----
Line-benefit
-----
*/
.line-benefit {
  width: 100%;
  margin-bottom: 3rem;
}
.line-benefit__wrap {
  max-width: 65em;
  padding: 0 0.3em;
  margin: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.line-benefit--category .line-benefit__wrap {
  padding: 0.8em 0.3em;
  border-top: 1px solid #b6b6b6;
  border-bottom: 1px solid #b6b6b6;
}
.line-benefit__box {
  width: 33.33333333%;
  float: left;
  text-align: center;
}
.line-benefit__content {
  display: inline-block;
}
.line-benefit__pic {
  width: 3.5em;
  height: 3.5em;
}
@media screen and (min-width: 51em) {
  .line-benefit__pic {
    float: left;
    margin-right: 1em;
  }
}
.line-benefit__text-wrap {
  height: 2em;
  width: 100%;
  text-align: center;
  display: table;
}
@media screen and (min-width: 51em) {
  .line-benefit__text-wrap {
    height: 3.5em;
    float: left;
    width: auto;
    text-align: left;
  }
}
.line-benefit__text {
  font-size: 16px;
  font-size: 1rem;
  line-height: 18;
  line-height: 1.125;
  letter-spacing: 0;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  display: table-cell;
  color: #333333;
  vertical-align: middle;
}
.line-benefit__text strong {
  font-weight: 500;
}
/*
-----
Newsletter
-----
*/
.newsletter {
  width: 100%;
  margin: 1.8em 0;
}
.newsletter__wrap {
  max-width: 100em;
  padding: 0 1.25em;
  margin: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 5%;
  text-align: right;
}
@media screen and (max-width: 68em) {
  .newsletter__wrap {
    text-align: center;
  }
}
.newsletter__title {
  font-size: 16px;
  font-size: 1rem;
  line-height: 20;
  line-height: 1.25;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  color: #333333;
  margin-right: 1.5em;
  display: inline-block;
}
.newsletter__title strong {
  font-weight: 500;
}
@media screen and (max-width: 68em) {
  .newsletter__title {
    display: block;
    margin-bottom: 0.8em;
  }
}
.newsletter__input {
  display: inline-block;
  min-width: 18em;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 16;
  line-height: 1.0666666666666667;
  letter-spacing: 0.06em;
  font-family: 'Roboto', sans-serif;
  color: #1597bc;
  padding: 0.6em 1.2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  margin-right: 1.8em;
  border: 1px solid #d8d8d8;
}
@media screen and (max-width: 38em) {
  .newsletter__input {
    display: block;
    margin: auto;
    margin-bottom: 0.8em;
  }
}
@media screen and (max-width: 38em) {
  .newsletter__input--page {
    margin: 0.8em 0;
  }
}
.newsletter__btn {
  display: inline-block;
  border-radius: 6px;
  border: 1px solid #1597bc;
  background-color: #ffffff;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 16;
  line-height: 1.0666666666666667;
  letter-spacing: 0.06em;
  font-family: 'Roboto', sans-serif;
  color: #1597bc;
  padding: 0.6em 1.2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.newsletter__btn:hover {
  background-color: #1597bc;
  color: #ffffff;
}
.newsletter__snippet {
  height: auto;
  display: inline-block;
  vertical-align: middle;
  margin-left: 1.2em;
}
.newsletter__snippet .cover {
  padding: 1em;
}
.newsletter__snippet .table {
  border-radius: 4px;
}
@media screen and (max-width: 88.5em) {
  .newsletter__snippet {
    display: block;
    width: 80%;
    margin: 0.8em auto 0;
    text-align: center;
  }
}
.newsletter__snippet--done {
  background-color: #447cfd;
}
.newsletter__snippet--done .newsletter__snippet-text:before {
  background-image: url("../images/newsletter-done.svg");
}
.newsletter__snippet--error {
  background-color: red;
}
.newsletter__snippet--error .newsletter__snippet-text:before {
  background-image: url("../images/newsletter-error.svg");
}
.newsletter__snippet-text {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 18;
  line-height: 1.2;
  letter-spacing: 0.02em;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: #ffffff;
}
.newsletter__snippet-text:before {
  content: '';
  display: inline-block;
  margin-right: 0.8em;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  background-size: cover;
}
/*
-----
Article
-----
*/
.article {
  width: 100%;
  margin: 1.8em 0 1.8em;
}
.article__wrap {
  max-width: 100em;
  padding: 0 1.25em;
  margin: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 35em) {
  .article__wrap {
    text-align: center;
  }
}
.article__bg {
  width: 100%;
  background-color: #ffffff;
  padding: 0 4% 3em 4%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.article__main {
  width: 100%;
  border-bottom: 1px solid #e9ebeb;
  margin-bottom: 0.8em;
}
.article__main-pic-box {
  display: none;
}
@media screen and (min-width: 56em) {
  .article__main-pic-box {
    width: 33%;
    display: block;
    float: left;
    padding-right: 4%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media screen and (min-width: 61em) {
  .article__main-pic-box {
    padding-right: 8%;
  }
}
.article__main-pic {
  width: 100%;
  height: auto;
  padding-bottom: 1em;
}
.article__main-content {
  width: 100%;
  padding-bottom: 1em;
}
@media screen and (min-width: 56em) {
  .article__main-content {
    width: 67%;
    float: left;
  }
}
.article__main-title {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22;
  line-height: 1.2222222222222223;
  letter-spacing: 0.05em;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  color: #ff4800;
  display: block;
}
.article__main-title:hover {
  text-decoration: underline;
}
.article__main-text {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 22;
  line-height: 1.5714285714285714;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  color: #333333;
  display: block;
  margin-top: 0.3em;
}
.article__main-text strong {
  font-weight: 400;
}
.article__show-more {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 16;
  line-height: 1.1428571428571428;
  letter-spacing: 0.05em;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  color: #ff4800;
  display: inline-block;
  margin-top: 0.8em;
}
.article__show-more:hover {
  text-decoration: underline;
}
.article__show-more--basic {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 16;
  line-height: 1.3333333333333333;
  letter-spacing: 0.05em;
  margin-top: 0.2em;
}
.article__perex {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 56em) {
  .article__perex {
    width: 66.66666667%;
    float: left;
    padding-right: 6%;
  }
}
.article__perex-title {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22;
  line-height: 1.2222222222222223;
  letter-spacing: 0.05em;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  color: #ff4800;
  display: block;
}
.article__perex-text {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 22;
  line-height: 1.5714285714285714;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  color: #333333;
  display: block;
  margin-top: 1em;
}
.article__perex-text strong {
  font-weight: 400;
}
.article__perex-text--mobile {
  display: none;
}
@media screen and (min-width: 44em) {
  .article__perex-text--mobile {
    display: block;
  }
}
.article__basic {
  width: 100%;
  margin-top: 1.5em;
}
@media screen and (min-width: 56em) {
  .article__basic {
    width: 33.33333333%;
    float: left;
    margin-top: 0;
  }
}
.article__basic-box {
  margin-top: 0.8em;
}
.article__basic-box:nth-of-type(1) {
  margin-top: 0;
}
.article__basic-box .article__basic-text {
  display: none;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 22;
  line-height: 1.5714285714285714;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  color: #333333;
}
@media screen and (min-width: 44em) {
  .article__basic-box .article__basic-text {
    display: block;
  }
}
.article__basic-title {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 18;
  line-height: 1.2;
  letter-spacing: 0.05em;
  font-family: 'Roboto', sans-serif;
  text-decoration: underline;
  color: #333333;
  display: block;
}
.article__basic-title:hover {
  color: #ff4800;
}
.article__basic-text {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 16;
  line-height: 1.2307692307692308;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  color: #333333;
  display: block;
  margin-top: 0.2em;
}
.article__basic-date {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 16;
  line-height: 1.2307692307692308;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  color: #333333;
  display: inline-block;
  padding: 0 0.8em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*
-----
Blok detail
-----
*/
.d-blog__wrap {
  max-width: 100em;
  padding: 0 1.25em;
  margin: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.d-blog {
  width: 100%;
  background-color: #ffffff;
}
.d-blog-main__wrap {
  width: 100%;
  padding: 0 6%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.d-blog-main__wrap a {
  text-decoration: underline;
}
.d-blog-main__wrap a:hover {
  color: #ff4800;
}
.d-blog-main__wrap--m-b-3 {
  margin-bottom: 3em;
}
.d-blog-main__wrap--header {
  display: table;
  height: 1.75em;
}
@media screen and (min-width: 52em) {
  .d-blog-main__wrap--header {
    height: 8.75em;
  }
}
.d-blog-main__pic-box {
  display: none;
}
@media screen and (min-width: 65em) {
  .d-blog-main__pic-box {
    width: 33%;
    display: block;
    float: left;
    padding-right: 3%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.d-blog-main__pic {
  width: 100%;
  height: auto;
  padding-bottom: 1em;
}
.d-blog-main__content {
  width: 100%;
  padding-bottom: 1em;
}
@media screen and (min-width: 65em) {
  .d-blog-main__content {
    width: 67%;
    float: left;
  }
}
.d-blog h2,
.d-blog__title {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22;
  line-height: 1.2222222222222223;
  letter-spacing: 0.05em;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  color: #ff4800;
  display: block;
}
.d-blog__title--main {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 26;
  line-height: 1.0833333333333333;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 52em) {
  .d-blog__title--main {
    text-align: center;
  }
}
.d-blog__title + .d-blog__text {
  margin-top: 1.5em;
}
.d-blog__text + .d-blog__title {
  margin-top: 1.5em;
}
.d-blog h2 + p,
.d-blog h2 + ol,
.d-blog h2 + ul {
  margin-top: 1em;
}
.d-blog p + h2,
.d-blog ul + h2,
.d-blog ol + h2 {
  margin-top: 2em;
}
.d-blog p + p,
.d-blog ul + p,
.d-blog p + ul,
.d-blog ol + p,
.d-blog p + ol,
.d-blog ul + ul,
.d-blog ol + ul,
.d-blog ul + ol {
  margin-top: 1em;
}
.d-blog ul {
  list-style-type: disc;
  padding-left: 1em;
}
.d-blog ol {
  list-style-type: decimal;
  padding-left: 1em;
}
.d-blog p,
.d-blog__text,
.d-blog ul,
.d-blog ol {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24;
  line-height: 1.7142857142857142;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  color: #333333;
  display: block;
}
.d-blog p strong,
.d-blog__text strong,
.d-blog ul strong,
.d-blog ol strong {
  font-weight: 400;
  color: #ff4800;
}
.d-blog .detail-ques__error {
  display: none;
}
.d-blog .blog-info {
  display: inline-block;
}
/*
-----
Blog-info
-----
*/
.blog-info__box {
  display: block;
  width: 100%;
  padding: 1em 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.blog-info {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 20;
  line-height: 1.6666666666666667;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  color: #333333;
  margin-right: 4%;
  display: inline-block;
}
.blog-info:before {
  content: '';
  display: inline-block;
  width: 1.6em;
  height: 1.6em;
  margin-right: 0.5em;
  vertical-align: middle;
}
.blog-info--date:before {
  background-image: url('../images/icon__date.svg');
}
.blog-info--comment:before {
  background-image: url('../images/icon__coment.svg');
}
.blog-info--category:before {
  background-image: url('../images/icon__category.svg');
}
/*
-----
Comment
-----
*/
.comment--contact-page {
  padding-left: 1.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.comment__title {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24;
  line-height: 1.3333333333333333;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  color: #333333;
  display: block;
  margin-bottom: 1em;
}
.comment__full-box {
  width: 100%;
}
.comment__half-box {
  width: 50%;
  float: left;
  margin-bottom: 0.6em;
}
.comment__third-box {
  width: 33.33333333%;
  float: left;
  margin-bottom: 0.6em;
}
.comment__third-box--right {
  text-align: right;
}
.comment__input,
.comment__textarea {
  width: 100%;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 16;
  line-height: 1.2307692307692308;
  letter-spacing: 0.04em;
  font-family: 'Roboto', sans-serif;
  padding: 0.75em;
  border: 1px solid #646464;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 6px;
  color: #646464;
  background-color: #ffffff;
}
.comment__textarea {
  min-height: 10em;
}
.comment__lable {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 20;
  line-height: 1.6666666666666667;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  color: #646464;
  padding: 0.75em;
  padding-left: 1.4em;
}
.comment__btn-box {
  margin-top: 0.4em;
  text-align: right;
}
/*
-----
Comment-area
-----
*/
.comment-area {
  margin-top: 2em;
  width: 100%;
}
.coomment-area__box {
  width: 100%;
  padding-top: 1em;
  border-bottom: 1px solid #646464;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.comment-area__header {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 16;
  line-height: 1.1428571428571428;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  color: #646464;
}
.comment-area__title {
  font-weight: 500;
  padding-right: 5%;
  color: #333333;
}
.comment-area__time {
  padding-right: 5%;
}
.comment-area__email {
  font-style: italic;
}
.comment-area__text {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 24;
  line-height: 1.8461538461538463;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  color: #646464;
  padding: 1.6em 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*
-----
page
-----
*/
.page__wrap {
  max-width: 100em;
  padding: 0;
  margin: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 70rem) {
  .page__wrap {
    max-width: 100em;
    padding: 1;
    margin: auto;
  }
  .page__wrap.page__wrap--basket {
    max-width: 100em;
    padding: 0;
    margin: auto;
  }
}
.page__wrap.page__wrap--basket {
  max-width: 80rem;
  padding: 0;
  margin: auto;
}
.page {
  width: 100%;
  background-color: #ffffff;
  padding: 2rem 3.4%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 65rem) {
  .page {
    padding: 4rem 3.4%;
  }
}
.page.page--darker {
  margin-top: 0;
  background-color: #f7f7f7;
}
.page.page--basket {
  padding: 1rem 3.4%;
}
.page__content {
  position: relative;
  font-size: 0.9rem;
  color: #444444;
  max-width: 60rem;
  margin: 0 auto;
}
.page__block {
  padding: 2.5em 0;
}
.page__block:last-child {
  padding-bottom: 0;
}
.page__block:first-child {
  padding-top: 0;
}
.page__shadow {
  display: block;
  width: 100%;
}
.page__title {
  font-size: 1.5rem;
  color: #ff4800;
  font-weight: bold;
  margin-bottom: 1.5rem;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 65rem) {
  .page__title {
    font-size: 2rem;
  }
}
.page__title.page__title--center {
  text-align: center;
}
.page__subtitle {
  color: #646464;
  font-weight: bold;
  margin-bottom: 1rem;
}
.page__subtitle.page__subtitle--center {
  text-align: center;
}
h2.page__subtitle {
  font-size: 1.3rem;
}
@media screen and (min-width: 65rem) {
  h2.page__subtitle {
    font-size: 1.6rem;
  }
}
h3.page__subtitle {
  font-size: 1.2rem;
}
@media screen and (min-width: 65rem) {
  h3.page__subtitle {
    font-size: 1.3rem;
  }
}
h4.page__subtitle {
  font-size: 1.1rem;
}
@media screen and (min-width: 65rem) {
  h4.page__subtitle {
    font-size: 1.2rem;
  }
}
h5.page__subtitle {
  font-size: 1rem;
  text-decoration: underline;
}
@media screen and (min-width: 55rem) {
  .page__cols-wrapper {
    display: flex;
  }
}
.page__col-half {
  margin-bottom: 3em;
}
@media screen and (min-width: 55rem) {
  .page__col-half {
    margin-bottom: 0;
    width: 50%;
    flex-shrink: 0;
    box-sizing: border-box;
  }
  .page__col-half:nth-of-type(odd) {
    padding-right: 2em;
  }
  .page__col-half:nth-of-type(even) {
    padding-left: 2em;
  }
}
@media screen and (min-width: 70em) {
  .page--bg-partners {
    background-image: url('../images/partners-page--main.jpg');
    background-size: contain;
    background-position: top right;
    background-repeat: no-repeat;
  }
}
@media screen and (min-width: 70em) {
  .page--bg-post {
    background-image: url('../images/post-page__main.jpg');
    background-size: contain;
    background-position: top right;
    background-repeat: no-repeat;
  }
}
.page__note {
  background-color: #daf6ff;
  border-left: 5px solid #8cd4ff;
  padding: 1em;
  color: #487b9b;
}
.page__note strong {
  font-weight: bold;
}
.page__warning {
  background-color: #fff3d1;
  border-left: 5px solid #ffda89;
  padding: 1em;
  color: #917d4f;
}
.page__warning strong {
  font-weight: bold;
}
.page__half {
  width: 100%;
  padding: 3em 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 48em) {
  .page__half {
    width: 50%;
    float: left;
  }
}
.page__half--bobr {
  display: none;
}
@media screen and (min-width: 48em) {
  .page__half--bobr {
    display: block;
  }
}
.page__header {
  height: 8em;
  width: 100%;
  display: table;
}
.page__title--partners:after {
  content: '';
  display: inline-block;
  width: 2em;
  height: 2em;
  background-image: url('../images/partners-page__icon-program.svg');
  background-size: cover;
  vertical-align: middle;
  margin-left: 0.6em;
}
.page__title--affi:before {
  content: '';
  display: inline-block;
  width: 1.8em;
  height: 1.8em;
  background-image: url('../images/partners-page__icon-affil.svg');
  background-size: cover;
  vertical-align: middle;
  margin-right: 0.6em;
}
.page__title--drop:before {
  content: '';
  display: inline-block;
  width: 1.8em;
  height: 1.8em;
  background-image: url('../images/partners-page__icon-drop.svg');
  background-size: cover;
  vertical-align: middle;
  margin-right: 0.6em;
}
.page__title--post:before {
  content: '';
  display: block;
  width: 2.4em;
  height: 2.4em;
  background-image: url('../images/post-page--title.svg');
  background-size: cover;
  vertical-align: middle;
  margin-bottom: 0.4em;
}
.page__title--conditions:before {
  content: '';
  display: inline-block;
  width: 1.8em;
  height: 1.8em;
  background-image: url('../images/cotions-page--title.svg');
  background-size: cover;
  vertical-align: middle;
  margin-right: 0.6em;
}
.page__title--gray {
  color: #646464;
}
.page__title--about-sub {
  color: #646464;
}
.page__title--about-sub:after {
  content: '';
  display: inline-block;
  width: 2em;
  height: 2em;
  background-image: url('../images/about-page--title-info.svg');
  background-size: cover;
  vertical-align: middle;
  margin-left: 0.6em;
}
.page__title--about {
  padding: 0 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.page__title--about:after {
  content: '';
  display: inline-block;
  width: 2em;
  height: 2em;
  background-image: url('../images/about-page--title.svg');
  background-size: cover;
  vertical-align: middle;
  margin-left: 0.6em;
}
.page__title + .page__text {
  margin-top: 2.5em;
}
.page__text {
  line-height: 1.5;
  color: #646464;
  width: 100%;
}
.page__text strong {
  font-weight: 500;
}
.page__text span {
  color: #ff4800;
}
.secondary-color {
  color: #ff4800;
}
.page__link {
  white-space: nowrap;
  color: #ff4800;
  text-decoration: underline;
}
.page__link:hover {
  text-decoration: none;
}
.page__text + .page__text,
.page__text + .page__note,
.page__text + .page__warning,
.page__note + .page__text,
.page__note + .page__note,
.page__warning + .page__note,
.page__note + .page__warning,
.page__warning + .page__warning,
.page__warning + .page__text,
.page__text + .page__element,
.page__element + .page__text,
.page__element + .page__note,
.page__element + .page__warning,
.page__note + .page__element,
.page__warning + .page__element,
.page__element + .page__element {
  margin-top: 1.4em;
}
.page__text + .page__title,
.default-ul__list + .page__title,
.page__note + .page__title,
.page__element + .page__title,
.page__list + .page__title,
.page__warning + .page__title {
  margin-top: 2em;
}
.page__text + .page__subtitle,
.default-ul__list + .page__subtitle,
.page__note + .page__subtitle,
.page__element + .page__subtitle,
.page__list + .page__subtitle,
.page__warning + .page__subtitle {
  margin-top: 2em;
}
@media screen and (min-width: 70em) {
  .d-blog__text--p-r {
    padding-right: 15%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.page__text--p-left {
  padding-left: 0.8em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.page__text--center {
  text-align: center;
}
.page__text--justify {
  text-align: justify;
}
.page__text--partners {
  max-width: 34em;
  padding-bottom: 4em;
}
.page__text--post {
  padding-bottom: 4em;
}
@media screen and (min-width: 70em) {
  .page__text--post {
    padding-right: 30em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.page__text--max {
  max-width: 70em;
  display: block;
  margin: auto;
}
.page__text--padding {
  padding: 2em 1em;
}
.page__eet {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 16;
  line-height: 1.2307692307692308;
  letter-spacing: 0.02em;
  font-family: 'Roboto', sans-serif;
  color: #333333;
  padding: 0.8em 0;
}
.page__list {
  display: block;
  padding-left: 1em;
  margin: 1.5em 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.5;
  color: #646464;
  width: 100%;
}
.page__list strong {
  font-weight: 500;
}
.page__list-point {
  position: relative;
  margin: 1em 0;
  padding-left: 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.page__list-point:before {
  position: absolute;
  left: 0;
  top: -0.35em;
  font-size: 1.6em;
  content: '»';
  color: #ff4800;
}
.page__list-point.page__list-point--tick:before {
  top: -0.15em;
  font-size: 1.3em;
  content: '✔';
}
.page--conditions .page__text strong {
  font-weight: 600;
}
.page--conditions .page__list strong {
  font-weight: 600;
}
.page__header-cover {
  display: block;
  height: 100%;
  padding: 1em 0;
}
@media screen and (min-width: 54em) {
  .page__header-cover {
    display: table-cell;
    padding: 0;
    vertical-align: middle;
  }
}
.page__menu {
  float: right;
  display: inline-block;
  position: inherit;
}
@media screen and (max-width: 54em) and (-webkit-min-device-pixel-ratio: 0) {
  .page__menu {
    position: relative;
    bottom: 4em;
  }
}
@media screen and (max-width: 34em) and (-webkit-min-device-pixel-ratio: 0) {
  .page__menu {
    position: relative;
    bottom: 6em;
  }
}
@media screen and (max-width: 26em) and (-webkit-min-device-pixel-ratio: 0) {
  .page__menu {
    position: relative;
    bottom: 7em;
  }
}
.btn-line--page {
  margin: 0.2em;
  font-weight: 300;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 16;
  line-height: 1.1428571428571428;
  letter-spacing: 0.05em;
}
.page__box-main {
  width: 100%;
}
@media screen and (min-width: 70em) {
  .page__box-main {
    width: 66.66666667%;
    float: left;
  }
}
@media screen and (min-width: 70em) {
  .page__box-main--2 {
    width: 100%;
  }
}
@media screen and (min-width: 80em) {
  .page__box-main--2 {
    width: 74%;
    padding-right: 3.4%;
  }
}
.page__box-main--2--border-right {
  border: none;
}
@media screen and (min-width: 70em) {
  .page__box-main--2--border-right {
    border: none;
  }
}
@media screen and (min-width: 80em) {
  .page__box-main--2--border-right {
    border: none;
    border-right: 1px solid #b6b6b6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.page__box-main--2--no-padding {
  padding-right: 0;
}
.page__box-main--padding {
  padding-left: 4%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.page__box-aside {
  width: 100%;
}
@media screen and (min-width: 70em) {
  .page__box-aside {
    width: 33.33333333%;
    float: left;
  }
}
.page__box-aside--post {
  text-align: center;
}
@media screen and (min-width: 80em) {
  .page__box-aside--post {
    text-align: right;
  }
}
@media screen and (min-width: 70em) {
  .page__box-aside--2 {
    width: 100%;
  }
}
@media screen and (min-width: 80em) {
  .page__box-aside--2 {
    width: 26%;
  }
}
.page__box-aside--2 .page__box-aside__wrap--border-l {
  border: none;
}
@media screen and (min-width: 70em) {
  .page__box-aside--2 .page__box-aside__wrap--border-l {
    border: none;
  }
}
@media screen and (min-width: 80em) {
  .page__box-aside--2 .page__box-aside__wrap--border-l {
    border: none;
    border-left: 1px solid #b6b6b6;
  }
}
.page__box-aside__wrap {
  width: 100%;
  padding: 0 5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.page__box-aside__wrap--header {
  display: table;
  height: 8.75em;
  text-align: center;
}
.page__box-aside__wrap--border {
  border-top: 1px solid #b6b6b6;
  margin-top: 1.5em;
  padding-top: 1.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 70em) {
  .page__box-aside__wrap--border {
    border: none;
    margin-top: 0;
    padding-top: 0;
    border-left: 1px solid #b6b6b6;
  }
}
@media screen and (min-width: 70em) {
  .page__box-aside__wrap--border-r {
    border: none;
    border-right: 1px solid #b6b6b6;
  }
}
.page--post .page__box-aside__wrap--border-r {
  border: none;
}
@media screen and (min-width: 80em) {
  .page--post .page__box-aside__wrap--border-r {
    border-right: 1px solid #b6b6b6;
  }
}
.page__box {
  width: 100%;
  padding: 0 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.page__box-half {
  width: 100%;
  padding: 0 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 37em) {
  .page__box-half--partners {
    width: 50%;
    float: left;
  }
}
@media screen and (min-width: 66em) {
  .page__box-half--post {
    width: 50%;
    float: left;
  }
}
@media screen and (min-width: 55em) {
  .page__box-half--about {
    width: 50%;
    float: left;
  }
}
@media screen and (max-width: 73em) {
  .page__box-half--about-2 .page__box-aside__wrap--border-r {
    border: none;
  }
}
@media screen and (min-width: 73em) {
  .page__box-half--about-2 {
    width: 50%;
    float: left;
  }
}
.page__map {
  width: 100%;
  display: block;
  max-width: 22em;
  margin: auto;
  padding: 1.5em 2em 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.page__map-text {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 27;
  line-height: 1.2272727272727273;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  color: #646464;
  width: 100%;
  padding: 0 3em 3em 3em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
}
@media screen and (min-width: 80em) {
  .page__map-text {
    text-align: right;
  }
}
.page__map-text span {
  display: block;
  font-size: 27px;
  font-size: 1.6875rem;
  line-height: 27;
  line-height: 1;
  letter-spacing: 0.03em;
}
.page__info-pic {
  width: 100%;
}
/*
-----
page 404
-----
*/
.page-404__title {
  font-size: 86px;
  font-size: 5.375rem;
  line-height: 86;
  line-height: 1;
  letter-spacing: 0.03em;
  color: #646464;
  font-weight: 900;
  font-family: 'Roboto', sans-serif;
  display: block;
  text-align: center;
}
@media screen and (min-width: 48em) {
  .page-404__title {
    text-align: left;
  }
}
.page-404__sub-title {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 26;
  line-height: 1.0833333333333333;
  letter-spacing: 0.03em;
  color: #ff4800;
  font-family: 'Roboto', sans-serif;
  display: block;
  margin-top: 0.6em;
  text-align: center;
}
@media screen and (min-width: 48em) {
  .page-404__sub-title {
    text-align: left;
  }
}
.page-404__btn-box {
  margin: 2em 0;
  text-align: center;
}
@media screen and (min-width: 48em) {
  .page-404__btn-box {
    text-align: left;
  }
}
.page-404__text {
  font-size: 16px;
  font-size: 1rem;
  line-height: 20;
  line-height: 1.25;
  letter-spacing: 0.03em;
  color: #999999;
  font-family: 'Roboto', sans-serif;
  text-align: center;
}
@media screen and (min-width: 48em) {
  .page-404__text {
    text-align: left;
  }
}
.page-404__bobr {
  width: 22em;
  margin: 0 auto;
  background-image: url('../images/bobr.png');
  background-size: cover;
}
.page-404__bobr:after {
  content: '';
  padding-bottom: 130%;
  display: block;
}
/*
-----
Blog
-----
*/
.blog-article {
  padding: 1.25em;
  background-color: #ffffff;
}
.blog-article:nth-child(even) {
  background-color: #f7f7f7;
}
.blog-article__pic-box {
  display: none;
}
@media screen and (min-width: 56em) {
  .blog-article__pic-box {
    width: 33%;
    display: block;
    float: left;
    padding-right: 3%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.blog-article__pic {
  width: 100%;
  height: auto;
}
.blog-article__content {
  width: 100%;
  padding-bottom: 1em;
}
@media screen and (min-width: 56em) {
  .blog-article__content {
    width: 67%;
    float: left;
  }
}
.blog-article__title {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 26;
  line-height: 1.0833333333333333;
  letter-spacing: 0.05em;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  color: #ff4800;
  display: block;
}
.blog-article__text {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24;
  line-height: 1.7142857142857142;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: #333333;
  display: block;
  margin-top: 0.3em;
}
.blog-article__text strong {
  font-weight: 400;
}
.blog-article__show-more {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24;
  line-height: 1.7142857142857142;
  letter-spacing: 0.05em;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  color: #ff4800;
  display: inline-block;
  margin-top: 0.8em;
}
.blog-article__show-more:hover {
  text-decoration: underline;
}
/*
-----
Faq
-----
*/
.faq {
  width: 100%;
  margin: 1em 0 4em 0;
}
.faq__box {
  width: 100%;
  padding-bottom: 1em;
}
.faq__box:hover .faq__header {
  background-color: #ff4800;
  color: #ffffff;
}
.faq__box:hover .faq__status-wrap {
  background-color: #ff4800;
}
.faq__box--active .faq__header {
  background-color: #ff4800;
  color: #ffffff;
}
.faq__box--active .faq__status-wrap {
  background-color: #ff4800;
}
.faq__header {
  width: 100%;
  padding: 0 4em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background-color: #e9ebeb;
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24;
  line-height: 1.3333333333333333;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  color: #5a5a5a;
  transition: all 0.1s ease-in-out;
}
.faq__header:hover {
  cursor: pointer;
}
.faq__status-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 4em;
  height: 100%;
  background-color: #f7f7f7;
  text-align: center;
  transition: all 0.1s ease-in-out;
}
.faq__status {
  width: 100%;
  height: 100%;
  display: table;
}
.faq__title {
  display: inline-block;
  padding: 1em 0;
}
.faq__text {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 28;
  line-height: 2;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  color: #5a5a5a;
  text-align: justify;
  padding: 1.2em 0 1.4em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.faq__text strong {
  font-weight: 600;
}
/*
-----
Page contact
-----
*/
.page-contact--padding-b {
  padding-bottom: 2em;
}
.page-contact__box {
  width: 100%;
  margin-bottom: 2em;
  text-align: left;
}
@media screen and (min-width: 75em) {
  .page-contact__box {
    width: 28%;
    float: left;
    margin-bottom: 0;
    text-align: left;
  }
}
@media screen and (min-width: 75em) {
  .page-contact__box--third {
    width: 33.33333333%;
    float: left;
    padding: 1.8em 0;
  }
}
.page-contact__box--two-third {
  padding: 1.8em 0;
}
@media screen and (min-width: 75em) {
  .page-contact__box--two-third {
    width: 66.66666667%;
    float: left;
  }
}
.page-contact__box--big {
  width: 100%;
}
@media screen and (min-width: 75em) {
  .page-contact__box--big {
    width: 44%;
    float: left;
  }
}
.page-contact__title {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24;
  line-height: 1.3333333333333333;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  color: #5a5a5a;
  margin-bottom: 0.8em;
}
.page-contact__title:before {
  display: inline-block;
  width: 2.6em;
  height: 2.6em;
  background-size: cover;
  vertical-align: middle;
  margin-right: 0.6em;
}
.page-contact__title--internet:before {
  content: '';
  background-image: url('../images/icon__internet.svg');
}
.page-contact__title--phone:before {
  content: '';
  background-image: url('../images/icon__contact-phone.svg');
}
.page-contact__title--about {
  font-style: italic;
}
.page-contact__list {
  width: 100%;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24;
  line-height: 1.5;
  letter-spacing: 0.03em;
}
.page-contact__list strong {
  font-weight: 500;
}
.page-contact__list--half {
  width: 100%;
  margin-bottom: 2em;
}
@media screen and (min-width: 40em) {
  .page-contact__list--half {
    width: 50%;
    float: left;
    margin-bottom: 0;
  }
}
.page-contact__list--40 {
  width: 40%;
  float: left;
}
.page-contact__list--20 {
  width: 20%;
  float: left;
}
.page-contact__list--partners {
  font-size: 16px;
  font-size: 1rem;
  line-height: 20;
  line-height: 1.25;
  letter-spacing: 0.03em;
}
.page-contact__list--about {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24;
  line-height: 1.7142857142857142;
  letter-spacing: 0.03em;
}
.page-contact__list--about span {
  color: #ff4800;
}
.page-contact__list--post {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 30;
  line-height: 2.142857142857143;
  letter-spacing: 0.03em;
}
.page-contact__list--cart {
  font-size: 16px;
  font-size: 1rem;
  line-height: 28;
  line-height: 1.75;
  letter-spacing: 0.03em;
}
.page-contact__list--conditions {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 38;
  line-height: 2.533333333333333;
  letter-spacing: 0.03em;
  text-align: center;
  margin: 4em 0;
}
.page-contact__list--conditions span {
  color: #ff4800;
}
.page-contact__list--register {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 38;
  line-height: 2.533333333333333;
  letter-spacing: 0.03em;
  text-align: left;
  margin: 2em 0;
}
.page-contact__list--register span {
  color: #ff4800;
}
.page-contact__point {
  font-family: 'Roboto', sans-serif;
  color: #5a5a5a;
}
.page-contact__point strong {
  font-weight: 500;
}
.page-contact__point a {
  text-decoration: underline;
}
.page-contact__point a:hover {
  color: #ff4800;
}
.page-contact__point--top {
  margin-top: 0.6em;
}
.page-contact__point--extra {
  font-style: italic;
}
.page-contact__point--mail:before {
  content: '';
  display: inline-block;
  width: 1.125em;
  height: 1.125em;
  background-image: url('../images/cart-mail.svg');
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 0.6em;
  vertical-align: middle;
}
.page-contact__point--tel:before {
  content: '';
  display: inline-block;
  width: 1.125em;
  height: 1.125em;
  background-image: url('../images/cart-tel.svg');
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 0.6em;
  vertical-align: middle;
}
.page-contact__half {
  width: 100%;
  margin-bottom: 2em;
}
@media screen and (min-width: 40em) {
  .page-contact__half {
    width: 50%;
    float: left;
    margin-bottom: 0;
  }
}
.page-contact__perex {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24;
  line-height: 1.5;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  color: #1597bc;
  text-align: center;
}
.page-contact__btn-box {
  text-align: center;
  margin: 1em auto;
}
.btn--page-contact {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 22;
  line-height: 1;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  padding: 1em 1.2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0.2em;
  display: inline-block;
}
.btn--page-contact:before {
  display: block;
  float: left;
  width: 1em;
  height: 1em;
  background-size: cover;
  vertical-align: middle;
  margin-right: 0.6em;
  content: '';
  background-image: url('../images/icon__contact-old-phone.svg');
}
.btn--page-contact:hover:before {
  background-image: url('../images/icon__contact-old-phone--hover.svg');
}
.btn--page-affi {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 24;
  line-height: 1.0909090909090908;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  padding: 0.6em 1.6em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0.2em;
  display: inline-block;
  margin-top: 1em;
}
.btn--page-drop {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 24;
  line-height: 1.0909090909090908;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  padding: 0.6em 1.6em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0.2em;
  display: inline-block;
  margin-top: 1em;
  background-color: #3ca240;
}
.btn--page-drop:hover {
  border: 1px solid #3ca240;
  color: #3ca240;
}
.page-contact__info {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24;
  line-height: 1.5;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  font-style: italic;
  color: #646464;
  text-align: center;
}
.page-contact__map-box:hover .page-contact__icon-map path {
  fill: #ff4800;
}
.page-contact__map-box:hover .page-contact__icon-map-link {
  color: #ff4800;
}
.page-contact__icon-map {
  width: 2.5em;
  height: 2.5em;
  margin: 0 auto;
  display: block;
}
.page-contact__icon-map-link {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 14;
  line-height: 1;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  font-style: italic;
  color: #646464;
  text-decoration: underline;
  margin-top: 0.4em;
  text-align: center;
  display: block;
}
.page-contact__text {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 14;
  line-height: 1.0769230769230769;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  width: 100%;
  color: #646464;
  text-align: center;
  display: block;
  padding: 1.4em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.comment__title--contact-page {
  color: #ff4800;
  padding-bottom: 1em;
}
.comment__title--contact-page:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-right: 1em;
  width: 2.78em;
  height: 2.89em;
  background-image: url('../images/contact-page__icon-contact.svg');
  background-size: cover;
}
/*
-----
box-like-card
-----
*/
.box-like-card {
  width: 100%;
  border: 1px solid #d8d8d8;
  border-radius: 0.6em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  margin-bottom: 2em;
  text-align: left;
}
.box-like-card--support {
  max-width: 580px;
  margin: auto;
}
.box-like-card {
  margin-bottom: 1em;
}
.box-like-card--half {
  max-width: 28em;
  margin: auto;
}
@media screen and (min-width: 50em) {
  .box-like-card--half {
    width: 49%;
    float: left;
    margin-bottom: 0;
    max-width: none;
  }
  .box-like-card--half:nth-child(1) {
    margin-right: 2%;
  }
}
.box-like-card__pic {
  display: none;
}
@media screen and (min-width: 80em) {
  .box-like-card__pic {
    display: block;
    width: 100%;
    height: auto;
  }
}
.box-like-card__cover {
  padding: 0.6em 1.2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.box-like-card__cover--center {
  text-align: center;
}
.box-like-card__bg-partners {
  background-color: #5eb6b8;
  background-image: url('../images/partners-page__icon-call.png');
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 42em) {
  .box-like-card__bg-about {
    background-image: url('../images/partners-page__icon-call-bg.png');
    background-size: contain;
    background-repeat: no-repeat;
  }
}
.box-like-card__bg-cart {
  background-image: url('../images/page-cart__info.png');
  background-size: contain;
  background-position: top right;
  background-repeat: no-repeat;
}
.box-like-card__perex {
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24;
  line-height: 1.3333333333333333;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  max-width: 11.6em;
  float: right;
  padding: 1.2em 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #5eb6b8;
}
.box-like-card__perex strong {
  font-weight: 500;
  font-style: italic;
}
.box-like-card__perex--support {
  max-width: 100%;
}
.box-like-card__perex--cart {
  text-align: left;
  color: #666666;
  font-size: 19px;
  font-size: 1.1875rem;
  line-height: 21;
  line-height: 1.105263157894737;
  letter-spacing: 0.03em;
  float: none;
  font-weight: 400;
  background-color: transparent;
}
.box-like-card__perex--cart strong {
  font-style: normal;
}
.box-like-card__content {
  text-align: center;
  width: 100%;
  padding: 0.6em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 42em) {
  .box-like-card__content {
    padding: 1.2em 1em 1.2em 8em;
  }
}
/*
-----
list
-----
*/
.list {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24;
  line-height: 1.7142857142857142;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  color: #646464;
  margin-top: 3em;
}
.list--about {
  margin-top: 0;
}
.list-point {
  position: relative;
  padding-left: 2em;
  margin-top: 1em;
}
.list-point:before {
  content: '';
  width: 1em;
  height: 1em;
  display: inline-block;
  background-image: url('../images/done-2.svg');
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0.5em;
}
.list-point span {
  color: #ff4800;
}
/*
-----
post-table
-----
*/
.post-table {
  width: 100%;
  margin-top: 1em;
}
.post-table__row:nth-child(odd) .post-table__col {
  background-color: #e9ebeb;
}
.post-table__row:nth-child(1) .post-table__col {
  color: #ff4800;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18;
  line-height: 1.3846153846153846;
  letter-spacing: 0;
}
@media screen and (max-width: 34em) {
  .post-table__row:nth-child(1) .post-table__col {
    font-size: 11px;
    font-size: 0.6875rem;
    line-height: 18;
    line-height: 1.6363636363636365;
    letter-spacing: 0;
    padding: 0.8em 0.3em;
  }
}
.post-table__col {
  width: 21%;
  margin-right: 1%;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18;
  line-height: 1.2857142857142858;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  color: #646464;
  padding: 0.8em 0.4em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  text-align: right;
}
@media screen and (max-width: 34em) {
  .post-table__col {
    width: 24.5%;
    margin-right: 0.5%;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 18;
    line-height: 1.5;
    letter-spacing: 0.03em;
    padding: 0.8em 0.3em;
  }
}
.post-table__col--big {
  width: 33%;
  text-align: left;
}
@media screen and (max-width: 34em) {
  .post-table__col--big {
    width: 24.5%;
  }
}
/*
-----
post-map
-----
*/
.post-page__map {
  width: 100%;
  height: 20.7em;
  background-color: #e9ebeb;
}
.gmapa-1:nth-child(1) {
  display: none;
}
.gmapa-2:nth-child(2) {
  display: none;
}
/*
-----
full-map
-----
*/
.full-map {
  width: 100%;
  position: relative;
  background-color: #f7f7f7;
}
.full-map__wrap {
  width: 100%;
  min-height: 300px;
  position: relative;
}
.full-map__wrap:after {
  content: '';
  display: block;
  padding-top: 30%;
}
.full-map__map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.m-t-2 {
  margin-top: 2em;
}
.p-t-2 {
  padding-top: 2em;
}
.sub__text {
  display: block;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 20;
  line-height: 1.5384615384615385;
  letter-spacing: 0.03em;
}
/*
-----
layout
-----
*/
.lay__wrap {
  width: 100%;
  margin-top: 1.5em;
}
@media screen and (min-width: 40em) {
  .lay__wrap {
    max-width: 100em;
    padding: 0 1.25em;
    margin: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 1.5em;
  }
}
.lay-aside {
  display: none;
}
@media screen and (min-width: 74em) {
  .lay-aside {
    display: block;
    width: 19%;
    margin-right: 3%;
    float: left;
  }
}
.lay-main {
  width: 100%;
  background-color: #ffffff;
}
@media screen and (min-width: 74em) {
  .lay-main {
    width: 78%;
    float: left;
  }
}
.lay-main__wrap {
  width: 100%;
  padding: 1% 2%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*---bradcrumbs---*/
.bradcrumbs {
  display: block;
  width: 100%;
  padding: 0.3em 0;
  border-bottom: 1px solid #aeaeae;
}
.bradcrumbs--category {
  margin-bottom: 1em;
}
.bradcrumbs--detail {
  padding-top: 1em;
}
.bradcrumbs__point {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 16;
  line-height: 1.1428571428571428;
  letter-spacing: 0.05em;
  font-family: 'Roboto', sans-serif;
  color: #aeaeae;
  display: inline-block;
  margin-right: 0.1em;
}
.bradcrumbs__point:hover {
  text-decoration: underline;
}
.bradcrumbs__point:after {
  content: '/';
  display: inline-block;
  margin-left: 0.1em;
}
.bradcrumbs__point:nth-last-of-type(1) {
  color: #333333;
}
.bradcrumbs__point:nth-last-of-type(1):after {
  display: none;
}
/*
-----
Slide-menu
-----
*/
.side-menu__title-box {
  width: 100%;
  padding: 1em 1.25em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #ff4800;
}
.side-menu__title-box.side-menu__title-box--profile {
  display: flex;
  color: white;
  cursor: pointer;
  align-items: center;
}
.side-menu__title {
  font-size: 16px;
  font-size: 1rem;
  line-height: 20;
  line-height: 1.25;
  letter-spacing: 0.05em;
  font-family: 'Roboto', sans-serif;
  color: #ffffff;
}
.side-menu__list {
  width: 100%;
}
.side-menu__plus:before {
  content: '+';
  display: inline-block;
  vertical-align: middle;
  font-size: 1em;
}
.side-menu__level1 {
  display: block;
  width: 100%;
  background-color: #d7d7d7;
  border-bottom: 1px solid #b6b6b6;
}
.side-menu__level1:nth-last-child(1) {
  border-bottom: 0;
}
.side-menu__level1:hover {
  background-color: transparent;
}
.side-menu__level1 .side-menu__cover {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1em 0;
}
.side-menu__level1 a {
  display: inline-block;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 20;
  line-height: 1.3333333333333333;
  letter-spacing: 0.05em;
  font-family: 'Roboto', sans-serif;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 1.5em;
}
.side-menu__level1 a:hover {
  color: #ff4800;
}
.side-menu__level1 .opened:before {
  content: '-';
}
.side-menu__arrow:before {
  content: '\25b6';
  display: inline-block;
  vertical-align: middle;
  font-size: 0.6em;
}
.side-menu__arrow:before:hover {
  color: #e9ebeb;
}
.side-menu__level2 {
  display: block;
  width: 100%;
  background-color: #fbfbfb;
}
.side-menu__level2:hover {
  background-color: #fbfbfb;
}
.side-menu__level2 .side-menu__cover {
  padding: 0.7em 0;
}
.side-menu__level2 a {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 20;
  line-height: 1.5384615384615385;
  letter-spacing: 0.05em;
  padding-left: 1.8em;
}
.side-menu__level2 a:hover {
  color: #ff4800;
}
.side-menu__level2 .opened:before {
  content: '\25bc';
}
.side-menu__level2 span {
  font-size: 8px;
  font-size: 0.5rem;
  line-height: 10;
  line-height: 1.25;
  letter-spacing: 0.01em;
}
.side-menu__level3 {
  display: block;
  width: 100%;
  background-color: #d7d7d7;
}
.side-menu__level3:hover {
  background-color: #d7d7d7;
}
.side-menu__level3 .side-menu__cover {
  padding: 0.6em 0;
}
.side-menu__level3 a {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 20;
  line-height: 1.6666666666666667;
  letter-spacing: 0.05em;
  padding-left: 2.2em;
}
.side-menu__level3 a:hover {
  color: #ff4800;
}
.side-menu__level3 span {
  font-size: 6px;
  font-size: 0.375rem;
  line-height: 10;
  line-height: 1.6666666666666667;
  letter-spacing: 0.01em;
}
.side-menu__level4 {
  display: block;
  width: 100%;
  background-color: #fbfbfb;
}
.side-menu__level4:hover {
  background-color: #fbfbfb;
}
.side-menu__level4 .side-menu__cover {
  padding: 0.4em 0;
}
.side-menu__level4 a {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 16;
  line-height: 1.4545454545454546;
  letter-spacing: 0.05em;
  padding-left: 2.9em;
}
.side-menu__level4 a:hover {
  color: #ff4800;
}
.side-menu__level4 span {
  font-size: 4px;
  font-size: 0.25rem;
  line-height: 10;
  line-height: 2.5;
  letter-spacing: 0.01em;
}
.side-menu__level5 {
  display: block;
  width: 100%;
  background-color: #fbfbfb;
}
.side-menu__level5:hover {
  background-color: #fbfbfb;
}
.side-menu__level5 .side-menu__cover {
  padding: 0.4em 0;
}
.side-menu__level5 a {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 16;
  line-height: 1.4545454545454546;
  letter-spacing: 0.05em;
  padding-left: 3.6em;
}
.side-menu__level5 a:hover {
  color: #ff4800;
}
.side-menu__level5 span {
  font-size: 4px;
  font-size: 0.25rem;
  line-height: 10;
  line-height: 2.5;
  letter-spacing: 0.01em;
}
/* =================================================================================
   [START] Nejprodávanější produkty
   ================================================================================= */
.top-products__container {
  margin-bottom: 1em;
}
.top-products__product-wrapper {
  display: block;
  padding: 1em 0 1em 0;
  border-bottom: 1px solid silver;
}
.top-products__product-wrapper:last-child {
  border-bottom: 0px;
}
.top-products__product-wrapper:hover .top-products__product-name {
  text-decoration: underline;
}
.top-products__product-container {
  width: 100%;
  display: flex;
}
.top-products__image-wrapper {
  position: relative;
  width: 3em;
  height: 3em;
  border: 1px solid silver;
  margin-right: 1em;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
}
@media screen and (min-width: 45em) {
  .top-products__image-wrapper {
    width: 4em;
    height: 4em;
  }
}
.top-products__image {
  max-width: 95%;
  max-height: 95%;
}
.top-products__badge {
  position: absolute;
  top: -0.8em;
  right: -0.8em;
  font-size: 0.8rem;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}
.top-products__badge.top-products__badge--gold {
  background-color: #ffda84;
}
.top-products__badge.top-products__badge--silver {
  background-color: #c0c0c0;
}
.top-products__badge.top-products__badge--bronze {
  color: white;
  background-color: #D27325;
}
.top-products__info-price-container {
  min-width: 0;
  flex-grow: 1;
}
@media screen and (min-width: 45em) {
  .top-products__info-price-container {
    display: flex;
  }
}
@media screen and (min-width: 45em) {
  .top-products__info-container {
    flex-grow: 1;
    margin-right: 2em;
  }
}
.top-products__product-name {
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.top-products__description {
  color: #838383;
  display: none;
}
@media screen and (min-width: 45em) {
  .top-products__description {
    display: block;
    margin-top: 0.2em;
  }
}
.top-products__prices-container {
  flex-shrink: 0;
  text-align: left;
  margin-top: 0.2em;
}
@media screen and (min-width: 45em) {
  .top-products__prices-container {
    margin-top: 0;
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.top-products__previous-price {
  text-decoration: line-through;
  font-size: 0.8rem;
  color: silver;
}
.top-products__price {
  font-weight: bold;
  color: #ff4800;
}
.top-products__availability {
  margin-top: 0.2em;
  color: #229C26;
  font-weight: bold;
  font-size: 0.9rem;
}
/* =================================================================================
   [END] Nejprodávanější produkty
   ================================================================================= */
/*
-----
Category
-----
*/
.category__title {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 30;
  line-height: 1.0714285714285714;
  letter-spacing: 0.05em;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  color: #1575a0;
  margin: 0.7em 0;
}
.article-category h2,
.article-category h3,
.article-category h4,
.category__subtitle {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 26;
  line-height: 1.3;
  letter-spacing: 0.05em;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  color: #1575a0;
  margin: 0.7em 0;
}
.article-category p,
.category__text {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20;
  line-height: 1.4285714285714286;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  color: #444444;
}
.article-category p strong,
.category__text strong {
  color: #ff4800;
}
.article-category p a,
.category__text a {
  text-decoration: underline;
}
.category__text + .category__text {
  margin-top: 1.6em;
}
.category__text + .category__subtitle {
  margin-top: 1.5em;
}
.article-category p + p {
  margin-top: 1.6em;
}
.article-category p + h2 {
  margin-top: 1.5em;
}
.category__num-product {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 14;
  line-height: 1.1666666666666667;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  color: #333333;
  width: 100%;
  text-align: center;
  display: block;
  padding: 0.8em 0;
}
.category-link {
  width: 100%;
  margin: 2em auto;
}
.category-link__title {
  font-size: 16px;
  font-size: 1rem;
  line-height: 20;
  line-height: 1.25;
  letter-spacing: 0.05em;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  color: #1575a0;
  margin: 0.5em 0;
}
.category-link__point {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 26;
  line-height: 2;
  letter-spacing: 0.05em;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  color: #646464;
  display: block;
  width: 100%;
  float: left;
  padding-right: 0.6em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.category-link__point a:hover {
  text-decoration: underline;
  color: #1575a0;
}
@media screen and (min-width: 28em) {
  .category-link__point {
    width: 50%;
  }
}
@media screen and (min-width: 43em) {
  .category-link__point {
    width: 33.33333333%;
  }
}
@media screen and (min-width: 40em) {
  .category-link__point {
    width: 25%;
  }
}
/*
-----
Folder-list
-----
*/
.folder-list {
  width: 100%;
  background-color: #ffffff;
  margin-bottom: 2em;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}
.folder-list.folder-list--top-categories {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.5em 1em 1em 1em;
}
.folder-list__box {
  display: none;
  width: 50%;
  min-height: 3.75em;
  padding: 0.4em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.folder-list__box:nth-child(-n+6) {
  display: block;
}
@media screen and (min-width: 52em) {
  .folder-list__box {
    width: 33.33333333%;
  }
  .folder-list__box:nth-child(-n+9) {
    display: block;
  }
}
@media screen and (min-width: 94em) {
  .folder-list__box {
    display: block;
    width: 25%;
  }
}
.folder-list--expanded .folder-list__box {
  display: block;
}
.folder-list__box-link {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  border-radius: 6px;
  background-color: white;
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  transition: all 0.1s ease-out;
}
.folder-list__box-link:hover {
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.4);
}
.folder-list__pic-box {
  position: relative;
  width: 36px;
  margin-right: 0.8em;
  flex-shrink: 0;
}
.folder-list__pic-ratio {
  width: 100%;
  padding-top: 100%;
}
.folder-list__pic-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.folder-list__pic-image {
  max-width: 100%;
  max-height: 100%;
}
.folder-list__content {
  font-size: 0.9rem;
  font-weight: 500;
}
.folder-list__next-box {
  text-align: center;
  width: 100%;
  margin-top: 0.7em;
  display: none;
}
.folder-list__next-box.folder-list__next-box--show {
  display: inline-block;
}
@media screen and (min-width: 94em) {
  .folder-list__next-box.folder-list__next-box--show {
    display: none;
  }
}
.folder-list__next {
  color: #333333;
  padding: 0.6em 1.5em;
  border-radius: 3px;
  background-color: #e9ebeb;
  display: inline-block;
  cursor: pointer;
  transition: all 0.3s ease-out;
  border: 1px solid transparent;
}
.folder-list__next:hover {
  background-color: transparent;
  border: 1px solid #333333;
}
/* =================================================================================
   [START] Staré stránkování
   ================================================================================= */
.paging {
  text-align: center;
  margin: 1.2em 0;
}
.paging__wrap {
  display: inline-block;
}
.paging__box {
  background-color: #ffffff;
  overflow: hidden;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  width: 2em;
  height: 2em;
  display: table;
  border: 1px solid #333333;
  float: left;
  margin-left: 0.7em;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}
.paging__box:nth-of-type(1) {
  margin-left: 0;
}
.paging__box:hover {
  border: 1px solid #1597bc;
}
.paging__box:hover .paging__point {
  color: #1597bc;
}
.paging__box--active {
  border: 1px solid #1597bc;
  background-color: #1597bc;
}
.paging__box--active .paging__point {
  color: #ffffff;
}
.paging__box--active:hover .paging__point {
  color: #ffffff;
}
.paging__box--add {
  border: 1px solid #1597bc;
  background-color: #1597bc;
}
.paging__box--add .paging__point {
  color: #ffffff;
}
.paging__box--add:hover {
  border: 1px solid #1597bc;
  background-color: #ffffff;
}
.paging__box--add:hover polygon {
  fill: #1597bc;
}
.paging__box--add:hover .paging__point {
  color: #333333;
}
.paging__point {
  font-size: 16px;
  font-size: 1rem;
  line-height: 16;
  line-height: 1;
  letter-spacing: 0.05em;
  font-family: 'Roboto', sans-serif;
  color: #333333;
  display: table-cell;
  vertical-align: middle;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.paging__point-icon {
  width: 0.8em;
  max-height: 0.8em;
  padding: 0.1em;
}
/* =================================================================================
   [END] Staré stránkování
   ================================================================================= */
/* =================================================================================
   [START] Nové stránkování
   ================================================================================= */
.pagenation__wrapper {
  margin: 2em 0 4em 0;
}
.pagenation__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.pagenation__btn {
  displaY: flex;
  margin: 0.2em;
  min-width: 2em;
  height: 2em;
  border-radius: 6px;
  background-color: #ececec;
  justify-content: center;
  align-items: center;
  padding: 0 0.2em;
}
.pagenation__btn:hover {
  background-color: #e2e1e1;
}
.pagenation__btn.pagenation__btn--active,
.pagenation__btn.pagenation__btn--control {
  background-color: #ff4800;
  color: white;
}
.pagenation__icon {
  display: block;
  width: 1em;
}
/* =================================================================================
   [KONEC] Nové stránkování
   ================================================================================= */
/*
-----
product-panel
-----
*/
.product-panel {
  width: 100%;
  background-color: #edf4f6;
  padding: 1em 1.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.product-panel__half {
  width: 100%;
  text-align: center;
  padding: 0.3em 0;
}
@media screen and (min-width: 50em) {
  .product-panel__half {
    width: 50%;
    float: left;
    color: #333333;
    text-align: left;
    padding: 0;
  }
}
@media screen and (min-width: 50em) {
  .product-panel__half--right {
    text-align: right;
  }
}
.product-panel__name {
  display: inline-block;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 16;
  line-height: 1.0666666666666667;
  letter-spacing: 0.04em;
  font-family: 'Roboto', sans-serif;
  color: #333333;
  margin-right: 0.8em;
  vertical-align: middle;
}
.product-panel__name--show {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 16;
  line-height: 1.1428571428571428;
  letter-spacing: 0.03em;
  margin-top: 0.5em;
}
.product-panel__order {
  width: 15em;
  height: 2.3em;
  border: 1px solid #333333;
  background-color: #ffffff;
  border-radius: 8px;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 16;
  line-height: 1.2307692307692308;
  letter-spacing: 0.05em;
  font-family: 'Roboto', sans-serif;
}
.product-panel__order:hover {
  border: 1px solid #1597bc;
}
/*
-----
page-cart
-----
*/
.cart-content {
  position: relative;
  font-size: 0.9rem;
  color: #444444;
  width: 100%;
  margin: 0 auto 3rem auto;
}
.cart-content.cart-content--full {
  width: 100%;
  max-width: none;
}
.page-cart__nav-wrap {
  padding: 1em 0;
  margin-bottom: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
@media screen and (min-width: 48em) {
  .page-cart__nav-wrap {
    margin-bottom: 2em;
  }
}
.page-cart__center {
  text-align: center;
}
.page-cart__proces {
  display: none;
}
@media screen and (min-width: 77em) {
  .page-cart__proces {
    display: block;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 26;
    line-height: 1.0833333333333333;
    letter-spacing: 0.03em;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #666666;
    position: absolute;
    left: 0;
    top: 0;
    padding: 1em 0;
  }
}
.page-cart__nav {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.page-cart__nav-point {
  display: block;
  margin: auto;
  text-align: center;
  border-radius: 6px;
  border: 1px solid #aeaeae;
  overflow: hidden;
  margin-top: 0.4em;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 16;
  line-height: 1.1428571428571428;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #646464;
  font-family: 'Roboto', sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: not-allowed;
}
.page-cart__nav-point:nth-child(1) {
  margin-left: 0;
}
@media screen and (min-width: 31em) {
  .page-cart__nav-point {
    float: left;
    margin-left: 3%;
  }
}
@media screen and (max-width: 48em) {
  .page-cart__nav-point {
    display: none;
  }
}
@media screen and (min-width: 31em) and (max-width: 48em) {
  .page-cart__nav-point {
    width: 48.5%;
  }
  .page-cart__nav-point:nth-child(odd) {
    margin-left: 0;
  }
}
.page-cart__nav-point:hover .page-cart__nav-number {
  background-color: #ffffff;
}
.page-cart__nav-point--active {
  border: 1px solid transparent;
  color: #ffffff;
  cursor: pointer;
}
.page-cart__nav-point--active .page-cart__nav-number {
  background-color: #0d6882;
}
.page-cart__nav-point--active .page-cart__nav-name {
  background-color: #1597bc;
}
.page-cart__nav-point--active:hover .page-cart__nav-number {
  background-color: #333333;
}
.page-cart__nav-point--done {
  color: #444444;
  cursor: pointer;
}
.page-cart__nav-point--done .page-cart__nav-number {
  background-color: #e9ebeb;
}
.page-cart__nav-point--done .page-cart__nav-name {
  background-color: #e1e1e1;
}
.page-cart__nav-number {
  width: 20%;
  float: left;
  padding: 1.3em 0;
  transition: background-color 0.2s ease-in-out;
}
@media screen and (min-width: 48em) and (max-width: 60em) {
  .page-cart__nav-number {
    width: 100%;
    padding: 0.3em 0;
  }
}
.page-cart__nav-name {
  width: 80%;
  float: left;
  padding: 1.3em 0.2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 48em) and (max-width: 60em) {
  .page-cart__nav-name {
    width: 100%;
  }
}
.page-cart__nav--complaint .page-cart__nav-name {
  text-align: right;
  padding: 1.3em 0.8em;
  padding-left: 0.2em;
}
.page-cart__nav--complaint .page-cart__nav-point {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 15;
  line-height: 1.1538461538461537;
  letter-spacing: 0.03em;
}
.cart-info {
  margin: 2em 0;
}
.cart-info__title {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 18;
  line-height: 1;
  letter-spacing: 0.03em;
  color: #ff4800;
  font-weight: 600;
  font-family: 'Roboto', sans-serif;
  display: block;
  text-align: center;
  margin-bottom: 1em;
}
.cart-info__perex {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 16;
  line-height: 1.1428571428571428;
  letter-spacing: 0.03em;
  color: #666666;
  font-family: 'Roboto', sans-serif;
  display: block;
  text-align: center;
}
.cart-discont-box {
  display: block;
  margin-top: 0.5em;
}
.page-cart__title {
  font-size: 1.7rem;
  color: #ff4800;
  font-weight: bold;
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 65rem) {
  .page-cart__title {
    font-size: 2rem;
  }
}
.page-cart__link {
  color: #ff4800;
  text-decoration: underline;
}
.page-cart__link:hover {
  text-decoration: none;
}
.page-cart__title--cart:after {
  background-image: url('../images/cart.svg');
  width: 2.125em;
  height: 2em;
}
.page-cart__title--resume {
  display: block;
  margin-bottom: 2em;
}
.page-cart__title--resume:after {
  display: none;
}
.page-cart__title + .page-cart__text {
  margin-top: 2.2em;
}
.page-cart__title + .page-cart__text--compaint {
  margin-top: 0.8em;
}
.page-cart__text {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24;
  line-height: 1.7142857142857142;
  letter-spacing: 0.03em;
  color: #666666;
  font-family: 'Roboto', sans-serif;
}
.page-cart__text strong {
  font-weight: 500;
}
.page-cart__text--compaint {
  margin-bottom: 1.5em;
}
.page-cart__subtitle {
  font-size: 1.2rem;
  color: #444444;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  margin-bottom: 1rem;
}
@media screen and (min-width: 65rem) {
  .page-cart__subtitle {
    font-size: 1.3rem;
  }
}
.page-cart__subtitle--resume {
  display: block;
  margin-bottom: 1.6em;
  font-weight: 500;
}
.page-cart__subtitle--compaint {
  margin-bottom: 1.5em;
}
.page-cart__subtitle--compaint--top_margin {
  margin-top: 1.5em;
}
.page-cart__info {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 20;
  line-height: 1.3333333333333333;
  letter-spacing: 0.03em;
  color: #999999;
  font-family: 'Roboto', sans-serif;
  margin: 1.5em 0;
}
.page-cart__info strong {
  font-weight: 500;
}
.page-cart__add {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 16;
  line-height: 1.2307692307692308;
  letter-spacing: 0.03em;
  color: #666666;
  font-family: 'Roboto', sans-serif;
  padding: 0.5em 0.8em;
  display: inline-block;
}
.page-cart__text-box {
  width: 100%;
  margin: 2.2em 0;
}
.page-cart__text-box:before {
  content: '';
  width: 3.6em;
  height: 3.6em;
  display: block;
  float: left;
  margin-right: 0.8em;
  background-image: url(../images/star-done.svg);
  background-size: cover;
  margin-top: 0.6em;
}
.page-cart__text-box--done:before {
  float: none;
  margin: 1.6em auto;
}
.page-cart__text-box--error:before {
  float: none;
  margin: 1.6em auto;
  background-image: url(../images/cross.svg);
}
.page-cart__text-box--none:before {
  display: none;
}
.page-cart__order {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 20;
  line-height: 1.1111111111111112;
  letter-spacing: 0.01em;
  color: #333333;
  font-family: 'Roboto', sans-serif;
  margin-bottom: 0.3em;
}
.page-cart__order strong {
  font-weight: 500;
}
.page-empty-cart {
  width: 100%;
  text-align: center;
  padding: 2em 0;
}
.page-empty-cart__img {
  max-width: 7em;
  display: inline-block;
}
.page-empty-cart__title {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 28;
  line-height: 1.1666666666666667;
  letter-spacing: 0.03em;
  color: #ff4800;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  margin: 1em 0;
  display: block;
}
.page-empty-cart__text {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24;
  line-height: 1.3333333333333333;
  letter-spacing: 0.03em;
  color: #333333;
  font-family: 'Roboto', sans-serif;
  display: block;
  max-width: 38em;
  margin: auto;
}
.page-empty-cart__text strong {
  color: #1597bc;
}
/*
-----
cart-product
-----
*/
.cart-product {
  margin: 0 auto;
  padding: 0.3em 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Roboto', sans-serif;
}
.cart-product__point {
  width: 100%;
  border-top: 1px solid #aeaeae;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  padding: 1em 0;
}
@media screen and (max-width: 48em) {
  .cart-product__point {
    border-top: none;
  }
}
.cart-product__point:nth-last-child(1) {
  margin-bottom: 0;
}
.cart-product__point--upload {
  padding: 0.3em 0;
}
.cart-product__point--info {
  display: none;
}
@media screen and (min-width: 55em) {
  .cart-product__point--info {
    display: block;
    border: none;
    padding: 0.4em 0;
    color: #666666;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 16;
    line-height: 1.0666666666666667;
    letter-spacing: 0.03em;
    text-align: center;
  }
}
.cart-product__info--mobile {
  display: none;
}
@media screen and (min-width: 55em) {
  .cart-product__info--mobile {
    display: block;
  }
}
.cart-product__point--day-offer {
  background-color: #ffffff;
  color: #1575a0;
}
@media screen and (min-width: 55em) {
  .cart-product__point--day-offer {
    display: block;
    border: none;
    padding: 0.625em 0;
    color: #1575a0;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 16;
    line-height: 1.0666666666666667;
    letter-spacing: 0.03em;
    text-align: center;
  }
}
.cart-product__point--free-gift {
  background-color: #ffffff;
}
@media screen and (min-width: 55em) {
  .cart-product__point--free-gift {
    display: block;
    border: none;
    padding: 0.625em 0;
    color: #3ca240;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 16;
    line-height: 1.0666666666666667;
    letter-spacing: 0.03em;
    text-align: center;
  }
}
.cart-product__cart {
  width: 15%;
  float: left;
  background-color: #e9ebeb;
}
.cart-product__flex {
  display: table;
  table-layout: fixed;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.cart-product__pic-box {
  width: 99%;
  margin: 0 0.5%;
  position: relative;
}
@media screen and (min-width: 34em) {
  .cart-product__pic-box {
    width: 29%;
    float: left;
  }
}
@media screen and (min-width: 55em) {
  .cart-product__pic-box {
    width: 8%;
  }
}
.cart-product__pic-square {
  max-width: 7.5em;
  margin: auto;
}
.cart-product__pic-square:after {
  content: '';
  display: block;
  padding-bottom: 100%;
}
.cart-product__pic {
  max-width: 100%;
  display: block;
  margin: auto;
}
.cart-product__table {
  width: 100%;
  height: 100%;
  display: table;
}
.cart-product__cont {
  width: 100%;
}
@media screen and (min-width: 34em) {
  .cart-product__cont {
    width: 70%;
    float: left;
  }
}
@media screen and (min-width: 55em) {
  .cart-product__cont {
    width: 40%;
  }
}
.cart-product__cont--upload {
  width: 100%;
  min-height: 2.4em;
  text-align: center;
}
@media screen and (min-width: 34em) {
  .cart-product__cont--upload {
    width: 70%;
    float: left;
  }
}
@media screen and (min-width: 55em) {
  .cart-product__cont--upload {
    width: 60%;
    text-align: left;
  }
}
.cart-product__cont--upload .cart-product__name {
  padding-right: 0;
}
.cart-product__perex {
  width: 49%;
  float: left;
  text-align: left;
}
.cart-product__name {
  font-size: 16px;
  font-size: 1rem;
  line-height: 22;
  line-height: 1.375;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  color: #444444;
  padding-right: 1.2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.cart-product__name a:hover {
  text-decoration: underline;
}
@media screen and (min-width: 34em) {
  .cart-product__name {
    text-align: left;
  }
}
.cart-product__code {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18;
  line-height: 1.2857142857142858;
  letter-spacing: 0.03em;
  color: #aeaeae;
  margin-top: 0.2em;
  font-family: 'Roboto', sans-serif;
}
@media screen and (max-width: 34em) {
  .cart-product__code {
    text-align: center;
  }
}
.cart-product__code-sale {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 15;
  line-height: 1.1538461538461537;
  letter-spacing: 0.02em;
  color: #ff4800;
  margin-top: 0.2em;
}
.cart-product__status {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20;
  line-height: 1.4285714285714286;
  letter-spacing: 0.03em;
  font-weight: 500;
  color: #3ca240;
  margin-top: 0.8em;
}
.cart-product__status:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('../images/star-done.svg');
  width: 1.5em;
  height: 1.5em;
}
@media screen and (max-width: 34em) {
  .cart-product__status {
    text-align: center;
  }
}
.cart-product__status-text--green {
  display: none;
}
.cart-product__status--red {
  color: #ff0000;
}
.cart-product__status--red:before {
  display: none;
}
.cart-product__qunt-box {
  width: 100%;
  float: left;
  text-align: center;
  padding: 0.6em 0;
  background-color: #f7f7f7;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 55em) {
  .cart-product__qunt-box {
    clear: none;
    width: 16%;
    padding: 0;
    background-color: transparent;
  }
}
.cart-product__qunt {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 20;
  line-height: 1.1111111111111112;
  letter-spacing: 0.03em;
  color: #333333;
  font-family: 'Roboto', sans-serif;
}
.cart-product__price {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 20;
  line-height: 1.1111111111111112;
  letter-spacing: 0.03em;
  color: #333333;
  width: 100%;
  display: block;
}
.cart-product__price--abroad {
  color: rgba(51, 51, 51, 0.6);
  padding-top: 0.3em;
}
.cart-product__price--free-gift {
  font-size: 16px;
  font-size: 1rem;
  line-height: 18;
  line-height: 1.125;
  letter-spacing: 0.03em;
  color: #ff4800;
  font-weight: 500;
}
.cart-product__price--old {
  text-decoration: line-through;
  font-size: 16px;
  font-size: 1rem;
  line-height: 18;
  line-height: 1.125;
  letter-spacing: 0.03em;
  color: rgba(51, 51, 51, 0.6);
}
.cart-product__price-box {
  width: 100%;
  text-align: center;
  font-family: 'Roboto', sans-serif;
}
@media screen and (min-width: 34em) {
  .cart-product__price-box {
    width: 33.33333333%;
    float: left;
  }
}
@media screen and (min-width: 55em) {
  .cart-product__price-box {
    width: 14%;
  }
}
.cart-product__price-box--upload {
  width: 100%;
  min-height: 2.4em;
  text-align: center;
}
@media screen and (min-width: 34em) {
  .cart-product__price-box--upload {
    width: 70%;
    float: left;
    text-align: center;
  }
}
@media screen and (min-width: 55em) {
  .cart-product__price-box--upload {
    width: 25%;
  }
}
.car-product__delete-box {
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 34em) {
  .car-product__delete-box {
    width: 33.33333333%;
    float: left;
    text-align: right;
  }
}
@media screen and (min-width: 55em) {
  .car-product__delete-box {
    width: 7%;
  }
}
.car-product__delete-box--upload {
  width: 100%;
  min-height: 2.4em;
  text-align: center;
}
@media screen and (min-width: 34em) {
  .car-product__delete-box--upload {
    width: 70%;
    float: left;
    text-align: center;
  }
}
@media screen and (min-width: 55em) {
  .car-product__delete-box--upload {
    text-align: right;
    margin-right: 0.8em;
  }
}
.car-product__delete {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  cursor: pointer;
  vertical-align: middle;
}
@media screen and (min-width: 34em) {
  .car-product__delete {
    margin-right: 1em;
  }
}
.car-product__delete:hover path {
  fill: #646464;
}
.cart-product__info {
  display: none;
}
@media screen and (max-width: 55em) {
  .cart-product__info {
    display: block;
    color: #666666;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 14;
    line-height: 1.1666666666666667;
    letter-spacing: 0;
    padding: 0.3em 0;
    margin-bottom: 0.6em;
    border-bottom: 1px solid #f7f7f7;
  }
}
.cart-product__total {
  width: 100%;
  padding: 1em 1.5em;
  margin-top: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #e9ebeb;
}
@media screen and (min-width: 60em) {
  .cart-product__total-flex {
    display: table;
    table-layout: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.cart-product__half {
  width: 100%;
}
@media screen and (min-width: 60em) {
  .cart-product__half {
    width: 50%;
    float: left;
  }
}
.cart-product__half--code {
  margin-bottom: 0.8em;
  text-align: right;
}
@media screen and (min-width: 60em) {
  .cart-product__half--code {
    text-align: left;
    margin: auto;
  }
}
.cart-product__discont-code {
  margin-top: 0.4em;
}
.cart-product__sale-code + .cart-product__sale-code {
  margin-top: 0.8em;
}
.cart-product__input {
  color: #666666;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 13;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 500;
  padding: 0 0.6em;
  height: 2.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #aeaeae;
  border-radius: 4px 0 0 4px;
  vertical-align: middle;
  border-right: none;
}
.cart-product__input-box {
  margin-top: 0.6em;
  display: block;
}
.cart-product__sale-code {
  color: #444444;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 13;
  line-height: 1;
  letter-spacing: 0;
  text-align: left;
  display: block;
}
.cart-product__sale-code span {
  color: #ff4800;
}
@media screen and (min-width: 34em) {
  .cart-product__sale-code {
    margin-right: 1.3em;
    display: inline-block;
    margin-bottom: 0;
  }
}
.cart-product__sale-code--extra {
  cursor: pointer;
}
.cart-product__sale-code--extra:hover {
  color: #ff4800;
}
.cart-product__sale-code--extra:before {
  content: '\00bb';
  display: inline-block;
  margin-right: 0.3em;
  color: #ff4800;
  font-size: 16px;
  font-size: 1rem;
  line-height: 16;
  line-height: 1;
  letter-spacing: 0;
}
.cart-product__btn {
  color: #666666;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 13;
  line-height: 1;
  letter-spacing: 0;
  text-transform: uppercase;
  border: 1px solid #aeaeae;
  border-radius: 0 4px 4px 0;
  height: 2.5em;
  vertical-align: middle;
  font-weight: 500;
  padding: 0 1em;
  background-color: #d8d8d8;
  border-left: none;
  cursor: pointer;
}
.cart-product__btn:hover {
  background-color: #ff4800;
  color: #ffffff;
}
.cart-product__price-all {
  color: #444444;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 16;
  line-height: 1;
  letter-spacing: 0;
  text-align: right;
}
.cart-product__price-all span {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 20;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 500;
  min-width: 150px;
  display: inline-block;
}
.cart-product__price-all--dph {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 18;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 500;
}
.cart-product__price-all--dph span {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 22;
  line-height: 1;
  letter-spacing: 0;
  color: #ff4800;
}
.cart-product__price-all + .cart-product__price-all {
  margin-top: 1em;
}
.cart-btn__wrap {
  margin-top: 2rem;
}
.cart-btn__box {
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 40em) {
  .cart-btn__box {
    width: 50%;
    float: left;
    text-align: left;
  }
}
@media screen and (min-width: 40em) {
  .cart-btn__box--right {
    text-align: right;
  }
}
@media screen and (min-width: 40em) {
  .cart-btn__box--center {
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 40em) {
  .cart-btn__box + .cart-btn__box {
    margin-top: 1.4em;
  }
}
/* ======================================================================================================
   [START] Košík 2
   ====================================================================================================== */
.cart-post__half {
  position: relative;
  width: 100%;
  margin-bottom: 2em;
}
@media screen and (min-width: 65em) {
  .cart-post__half {
    width: 50%;
    float: left;
    padding-right: 3%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .cart-post__half:nth-child(even) {
    padding-right: 0;
    padding-left: 3%;
  }
}
.cart-post__list {
  position: relative;
  width: 100%;
  margin-bottom: 1.25em;
}
.cart-post__point {
  display: flex;
  padding: 0.75em 0.75em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  color: #444444;
  width: 100%;
  min-height: 4em;
  align-items: center;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          supported by Chrome, Opera and Firefox */
  border-bottom: 1px solid #e3e3e3;
}
.cart-post__point:first-of-type {
  border-top: 1px solid #e3e3e3;
}
.collapser .cart-post__point:not(.cart-post__point--collapser):first-of-type {
  border-top: none;
  background-image: url('../images/cart-shadow.png');
  background-repeat: no-repeat;
  background-position: top center;
}
.cart-post__point:hover:not(.cart-post__point--active):not(.cart-post__point--collapser):hover {
  background-color: #f3f3f3;
}
.cart-post__point.cart-post__point--collapser {
  font-weight: 500;
  width: 100%;
}
.cart-post__point.cart-post__point--active {
  background-color: #e6ffc4;
}
.cart-post__point.cart-post__point--error {
  background-color: #ffcccc;
}
@media screen and (min-width: 65em) {
  .cart-post__point {
    padding: 0.75em 1.25em;
  }
}
.cart-post__collapser-sign-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-right: 1em;
  width: 2em;
  height: 2em;
}
.cart-post__collapser-sign {
  position: relative;
  width: 1em;
  height: 1em;
  transition: transform 100ms ease-in-out;
  display: block;
  transform: rotate(-90deg);
}
.collapser--opened .cart-post__collapser-sign {
  transform: rotate(0);
}
.cart-post__name {
  font-size: 0.9rem;
}
.cart-post__additional-info {
  display: none;
  margin-top: 0.5em;
  font-size: 0.8rem;
}
.cart-post__point--active .cart-post__additional-info {
  display: flex;
}
.cart-post__branch {
  display: none;
  margin-top: 0.7em;
  font-size: 0.8rem;
}
.cart-post__branch .cart-post__branch-label {
  font-weight: bold;
  margin-bottom: 0.3em;
}
.cart-post__point--active .cart-post__branch {
  display: block;
}
.cart-post__branch-error {
  margin-top: 0.5em;
  font-weight: bold;
  color: #cc0000;
  display: none;
}
.cart-post__point--error .cart-post__branch-error {
  display: block;
}
.cart-post__branch-select {
  cursor: pointer;
  color: white;
  background-color: #3ca240;
  width: 10em;
  text-align: center;
  padding: 0.5em;
  margin-top: 0.7em;
  border-radius: 3px;
  border: 1px solid #3ca240;
}
.cart-post__branch-select:hover {
  background-color: white;
  color: #3ca240;
}
.cart-post__select-icon-container {
  margin-right: 1em;
  position: relative;
  border: 1px solid silver;
  border-radius: 50%;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
}
.cart-post__select-icon {
  width: 100%;
  height: 100%;
  z-index: 2;
  display: none;
  transform: scale(1.7);
}
.cart-post__point--active .cart-post__select-icon {
  display: block;
}
.cart-post__icon-box {
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 4rem;
  height: 2rem;
  margin-right: 1em;
}
.cart-post__icon {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  max-width: 100%;
}
.cart-post__text-box {
  flex-grow: 1;
  margin-right: 1em;
}
.cart-post__price-box {
  text-align: right;
  flex-shrink: 0;
  color: #ff4800;
  font-size: 0.8rem;
  font-weight: bold;
}
.cart-post__price-box.cart-post__price-box--free {
  color: #00a323;
}
.cart-post__message-box {
  display: flex;
  position: relative;
  background-color: #e3fcff;
  padding: 1em;
  align-items: center;
  border-radius: 1em;
  border: 1px solid #a9ebff;
  margin-bottom: 1em;
}
.cart-post__message-icon-box {
  width: 2em;
  position: relative;
  margin-right: 1em;
  flex-shrink: 0;
}
.cart-post__message-icon {
  display: block;
  width: 100%;
}
.cart-post__message-text {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  color: #007898;
  font-size: 0.9rem;
}
/* ======================================================================================================
   [END] Košík 2
   ====================================================================================================== */
/* ======================================================================================================
   [START] Košík 3
   ====================================================================================================== */
.cart-form--top {
  margin-top: 2.4em;
}
.cart-form__point {
  margin-bottom: 1.5em;
  position: relative;
}
.cart-form__half {
  width: 100%;
  margin-bottom: 3em;
}
@media screen and(min-width: 40em) {
  .cart-form__half {
    width: 50%;
    float: left;
    padding-right: 3%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .cart-form__half.cart-form__half--right {
    padding-right: 0;
    padding-left: 3%;
  }
}
.cart-form__name {
  display: block;
  font-weight: bold;
  margin-bottom: 0.3em;
}
.cart-form__required-star {
  color: red;
}
.cart-form__input-box {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cart-form__input {
  border: 1px solid silver;
  padding: 0 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 2.7em;
  outline: none;
  border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.cart-form__input:disabled {
  border-color: #d3d3d3;
  background-color: #f2f2f2;
  color: gray;
}
.cart-form__input:focus {
  outline: none;
  border-color: #ff4800;
}
@keyframes spin {
  0% {
    transform: translateY(-50%) rotate(0deg);
  }
  100% {
    transform: translateY(-50%) rotate(360deg);
  }
}
.cart-form__input-spinner-container {
  position: relative;
}
.cart-form__input-spinner {
  display: none;
  position: absolute;
  right: 0.5em;
  border: 4px solid #f3f3f3;
  border-top: 4px solid #ff4800;
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  top: 50%;
  transform: translateY(-50%);
}
.cart-form__input-spinner.cart-form__input-spinner--showed {
  display: block;
  animation: spin 1s linear infinite;
}
.cart-form__select-box {
  width: 100%;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cart-form__select {
  border: 1px solid silver;
  padding: 0 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 2.7em;
  background-color: white;
  border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position: 100% center;
  padding-right: 2em;
}
.cart-form__select _:-ms-fullscreen,
:root .cart-form__select {
  padding-right: 0;
}
.cart-form__select:disabled {
  border-color: #d3d3d3;
  background-color: #f2f2f2;
  color: gray;
}
.cart-form__select:focus {
  outline: none;
  border-color: #ff4800;
}
.cart-form__phone-code-box {
  width: 100%;
  display: flex;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cart-form__phone-code-container {
  margin-right: 1em;
  width: 7em;
}
.cart-form__phone-number-container {
  flex-grow: 1;
}
.cart-form__textarea {
  border: 1px solid silver;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-height: 10em;
  padding: 0.5em;
  margin-bottom: 3rem;
  resize: vertical;
  border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.cart-form__textarea:disabled {
  border-color: #d3d3d3;
  background-color: #f2f2f2;
  color: gray;
}
.cart-form__textarea:focus {
  outline: none;
  border-color: #ff4800;
}
@media screen and (min-width: 46em) {
  .cart-form__textarea {
    min-height: 6em;
    padding: 1em;
  }
}
.cart-form__error-global {
  display: none;
  width: 100%;
  margin-bottom: 2em;
  padding: 1em;
  color: white;
  background-color: #ff0000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cart-form__error-global-title {
  font-weight: bold;
  margin-bottom: 0.5em;
}
.cart-form__error-global--show {
  display: block;
}
.cart-form__input-box--error .cart-form__error {
  display: block;
}
.cart-form__input-box--error .cart-form__input {
  border: 2px solid #ff0000;
}
.cart-form__error {
  line-height: 1.5;
  color: #ffffff;
  background-color: #ff0000;
  width: 100%;
  display: block;
  padding: 0.5em 0.5em;
  margin-top: -3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
}
.cart-form__checkbox .cart-form__error {
  position: relative;
  border-radius: 5px;
  margin-top: 1em;
  text-align: left;
  padding: 1em;
}
.terms-error__arrow {
  position: absolute;
  top: -13px;
  left: 100px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 13px 10px;
  border-color: transparent transparent #ff0000 transparent;
}
.cart-form__checkbox {
  margin: 1.2em 0;
  font-weight: 500;
}
.cart-form__info {
  color: gray;
  font-size: 0.8rem;
  margin-bottom: 1em;
}
.cart-form__op-checkbox {
  font-size: 1.2rem;
}
.cart-form__op-link {
  text-decoration: underline;
}
.cart-form__op-link:hover {
  color: #ff4800;
}
@media screen and(min-width: 46em) {
  .cart-form__upload-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
}
.cart-form__upload-button {
  background-color: #ff4800;
  border: 1px solid #ff4800;
  color: white;
  border-radius: 0.5em;
  padding: 0.7em 1.3em;
  flex-shrink: 0;
  margin-right: 1em;
  margin-bottom: 0.5em;
}
.cart-form__upload-button:hover {
  color: #ff4800;
  background-color: white;
  cursor: pointer;
}
/* Změna nadpisu u bloku s adresou Adresa/Fakturační adresa */
.adress:not(.invoice) > .subtitle-invoice {
  display: none;
}
.adress.invoice > .subtitle-invoice {
  display: inline;
}
.adress.invoice > .subtitle-adress {
  display: none;
}
/*-----------------------------------------------------------*/
/* Sdílené s reklamačním formulářem a profilem */
@media screen and(min-width: 40em) {
  .cart-form__half--floatright {
    width: 50%;
    float: right;
  }
}
.cart-form__type {
  width: 100%;
  font-size: 16px;
  font-size: 1rem;
  line-height: 16;
  line-height: 1;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  color: #666666;
  padding-bottom: 0.6em;
}
@media screen and (min-width: 46em) {
  .cart-form__type {
    width: 18em;
    position: absolute;
    padding-bottom: 0;
  }
}
.cart-form__extra {
  font-size: 16px;
  font-size: 1rem;
  line-height: 18;
  line-height: 1.125;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  color: #333333;
  font-weight: 500;
  padding-bottom: 0.5em;
}
.cart-form__input-box--complaint {
  width: 100%;
}
@media screen and (min-width: 46em) {
  .cart-form__input-box--complaint {
    width: 49em;
    max-width: 100%;
    padding-left: 19em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.cart-product__name-box--complaint {
  width: 100%;
  float: left;
  text-align: center;
  padding: 0.6em 0;
  background-color: #f7f7f7;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 55em) {
  .cart-product__name-box--complaint {
    clear: none;
    width: 16%;
    padding: 0;
    background-color: transparent;
  }
}
.cart-product__qunt-box--complaint {
  width: 100%;
  float: left;
  text-align: center;
  padding: 0.6em 0;
  background-color: #f7f7f7;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 55em) {
  .cart-product__qunt-box--complaint {
    clear: none;
    width: 16%;
    padding: 0;
    background-color: transparent;
  }
}
.cart-form__input-box--bigger {
  width: 22em;
  max-width: 100%;
}
.cart-form__input-box--full {
  width: 100%;
}
.cart-form__error--full {
  margin: 0.2em 0;
  text-align: center;
  border-radius: 5px;
  padding: 0.8em 0.5em;
}
.cart-form__error--warranty {
  display: none;
  margin: 1em 0;
  text-align: left;
  color: #c72929;
  padding: 1em;
  background-color: #ffd3d3;
  border-left: 5px solid #FF0000;
}
/*----------------------------------*/
/* ======================================================================================================
   [END] Košík 3
   ====================================================================================================== */
/* ======================================================================================================
   [START] Obecný checkbox
   ====================================================================================================== */
/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  display: block;
  padding-left: 2em;
  cursor: pointer;
}
/* checkbox aspect */
[type="checkbox"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: -0.1em;
  width: 1.4em;
  height: 1.4em;
  border: 2px solid silver;
  background: #fff;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
[type="checkbox"]:checked + label:before {
  border: 2px solid #ff4800;
  background-color: #ff4800;
}
/* checked mark aspect */
[type="checkbox"] + label:after {
  content: "✔\fe0e";
  position: absolute;
  display: flex;
  top: -0.1em;
  left: 0;
  width: 1.4em;
  height: 1.4em;
  color: white;
  transition: all 0.2s;
  justify-content: center;
  align-items: center;
  font-weight: normal;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
/* hover style just for information */
[type="checkbox"]:not(:disabled) + label:hover:before {
  border: 2px solid #ff4800;
}
/* ======================================================================================================
   [END] Obecný checkbox
   ====================================================================================================== */
/*
-----
cart-resume
-----
*/
.cart-resume {
  margin-bottom: 3.8em;
}
.cart-resume__half {
  width: 100%;
  margin-top: 1.6em;
}
@media screen and(min-width: 42em) {
  .cart-resume__half {
    width: 50%;
    float: left;
    margin-top: 0;
  }
}
.cart-resume__list + .cart-resume__list {
  margin-top: 2em;
}
.cart-resume__point {
  font-size: 16px;
  font-size: 1rem;
  line-height: 26;
  line-height: 1.625;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  color: #666666;
}
.cart-resume__point strong {
  font-weight: 600;
}
.cart-resume__title {
  font-size: 16px;
  font-size: 1rem;
  line-height: 26;
  line-height: 1.625;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  color: #666666;
  font-weight: 600;
}
.cart-resume-post__box {
  margin-bottom: 1em;
}
.cart-resume-post__flex {
  display: table;
  table-layout: fixed;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 1.2em;
}
.cart-resume-post__icon-box {
  width: 30%;
  float: left;
}
.cart-resume-post__icon {
  height: 2.25em;
  max-width: 100%;
  margin: auto;
}
.cart-resume-post__text {
  width: 70%;
  float: left;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20;
  line-height: 1.25;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  color: #666666;
}
.cart-resume-post__text strong {
  font-weight: 600;
}
.cart-resume__cart-box {
  width: 100%;
  padding: 1em 1.8em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 6px;
  border: 1px solid #b6b6b6;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 16;
  line-height: 1.1428571428571428;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  color: #666666;
  margin-bottom: 0.5em;
}
.cart-resume__cart-box:nth-child(odd) {
  background-color: #f7f7f7;
}
.cart-resume__cart-box strong {
  font-weight: 600;
}
@media screen and(min-width: 42em) {
  .cart-resume__cart-flex {
    display: table;
    table-layout: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.cart-resume__name-box {
  width: 100%;
  padding-right: 0.8em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
@media screen and(min-width: 42em) {
  .cart-resume__name-box {
    width: 43%;
    float: left;
  }
}
.cart-resume__name-box--radio {
  padding-left: 2.5em;
}
.cart-resume__name-box--full {
  width: 100%;
}
.cart-resume__radio-box {
  width: 2.4em;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: table;
  table-layout: fixed;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.warranty__radio-box {
  width: 2.4em;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: table;
  table-layout: fixed;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.warranty__radio-box label {
  margin-bottom: 15px;
}
.cart-resume__radio {
  width: 1em;
  border: 1px solid #b6b6b6;
}
.cart-resume__radio:active {
  background-color: #ff4800;
}
.cart-resume__num-box,
.cart-resume__price-box,
.cart-resume__price-all-box {
  width: 100%;
  margin-top: 1em;
}
@media screen and(min-width: 24em) {
  .cart-resume__num-box,
  .cart-resume__price-box,
  .cart-resume__price-all-box {
    width: 50%;
    float: left;
  }
}
@media screen and(min-width: 42em) {
  .cart-resume__num-box,
  .cart-resume__price-box,
  .cart-resume__price-all-box {
    width: 19%;
    padding: 0 0.5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0;
  }
}
.cart-resume__price-all-box {
  width: 100%;
  padding-right: 0;
}
@media screen and(min-width: 42em) {
  .cart-resume__price-all-box {
    width: 19%;
  }
}
.cart-resume__all {
  width: 100%;
  text-align: right;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20;
  line-height: 1.4285714285714286;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  color: #666666;
  margin: 1.6em 0;
}
.cart-resume__all strong {
  font-weight: 600;
}
.cart-resume__all-price-dph {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 20;
  line-height: 1.1111111111111112;
  letter-spacing: 0.03em;
}
.cart-resume__all-price {
  color: #999999;
  margin-top: 0.2em;
}
.cart-resume__all-note {
  margin-top: 0.2em;
}
.cart-resume__all-note strong {
  font-weight: 500;
}
/*
-----
special offer
-----
*/
.special-offer {
  width: 100%;
}
.special-offer__title {
  padding: 0.8em 0;
  background-color: #ffffff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 26;
  line-height: 1.0833333333333333;
  letter-spacing: 0.05em;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  color: #1575a0;
  display: block;
}
.special-offer__box {
  width: 28em;
  float: left;
  margin-right: 1.8em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e1e1e1;
}
.special-offer__box:nth-last-child(1) {
  margin-right: 0;
}
.special-offer__box--bigger .special-offer__content-box {
  width: 68%;
}
.special-offer__flex {
  display: table;
  table-layout: fixed;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.special-offer__img-box {
  width: 16%;
  float: left;
}
.special-offer__img {
  width: 100%;
  max-height: 100%;
}
.special-offer__content-box {
  width: 84%;
  float: left;
  padding: 1em 0;
}
.special-offer__control-box {
  width: 16%;
  float: left;
}
.special-offer__price-box {
  width: 100%;
  height: 50%;
  display: table;
  text-align: center;
}
.special-offer__price {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 15;
  line-height: 1;
  letter-spacing: 0.01em;
  font-family: 'Roboto', sans-serif;
  color: #3ca240;
}
.special-offer__add-box {
  width: 100%;
  height: 50%;
  background-color: #3ca240;
  text-align: center;
  display: table;
  border: 1px solid #3ca240;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  margin-bottom: 1.2em;
}
.special-offer__add-box:hover {
  background-color: #ffffff;
}
.special-offer__add-box:hover .special-offer__add {
  color: #3ca240;
}
.special-offer__add {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 14;
  line-height: 1;
  letter-spacing: 0.01em;
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
  color: #f7f7f7;
}
.special-offer__name {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 17;
  line-height: 1.2142857142857142;
  letter-spacing: 0.02em;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  color: #444444;
  padding-right: 1.2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
@media screen and (min-width: 34em) {
  .special-offer__name {
    text-align: left;
  }
}
.special-offer__text {
  margin-top: 0.5em;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 16;
  line-height: 1.2307692307692308;
  letter-spacing: 0.03em;
  color: #aeaeae;
  margin-top: 0.2em;
  font-family: 'Roboto', sans-serif;
}
.special-offer__text strong {
  color: #3ca240;
  font-weight: 500;
}
@media screen and (max-width: 34em) {
  .special-offer__text {
    text-align: center;
  }
}
/*
-----
field
-----
*/
.field {
  display: inline-block;
}
.field__control {
  background-color: #666666;
  text-align: center;
  color: #ffffff;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 22;
  line-height: 1;
  letter-spacing: 0;
  border: 1px solid #666666;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 1.5em;
  height: 1.4em;
  display: block;
  float: left;
  margin-top: 0.43636364em;
}
.field__control:hover {
  background-color: #ffffff;
  color: #666666;
}
.field__table {
  width: 100%;
  height: 100%;
  display: table;
}
.field__input {
  width: 2.625em;
  height: 3.125em;
  background-color: #ffffff;
  border: 1px solid #aeaeae;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0.5em;
  font-size: 16px;
  font-size: 1rem;
  line-height: 18;
  line-height: 1.125;
  letter-spacing: 0.03em;
  color: #444444;
  text-align: center;
  vertical-align: middle;
  display: block;
  float: left;
}
/*
-----
detail
-----
*/
.detail__wrap {
  width: 100%;
  background-color: #ffffff;
  padding: 0 4% 0.1%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.detail__lay-half {
  width: 100%;
  margin-top: 1.2em;
}
@media screen and (min-width: 49em) {
  .detail__lay-half {
    width: 50%;
    float: left;
    margin-top: 1.8em;
  }
}
.old-product__layout {
  padding-top: 1em;
}
@media screen and (min-width: 45em) {
  .old-product__layout {
    display: flex;
  }
}
.old-product__layout {
  padding-top: 1em;
}
@media screen and (min-width: 45em) {
  .old-product__layout {
    display: flex;
  }
}
.old-product__column {
  margin-bottom: 2em;
}
.old-product__photo-column {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 45em) {
  .old-product__photo-column {
    width: 40%;
    padding-right: 2em;
  }
}
@media screen and (min-width: 80em) {
  .old-product__photo-column {
    width: 30%;
  }
}
@media screen and (min-width: 45em) {
  .old-product__info-layout {
    width: 60%;
  }
}
@media screen and (min-width: 80em) {
  .old-product__info-layout {
    width: 70%;
    display: flex;
  }
}
.old-product__info-column {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 80em) {
  .old-product__info-column {
    padding-right: 2em;
    width: 50%;
  }
}
@media screen and (min-width: 80em) {
  .old-product__score-column {
    width: 50%;
  }
}
.old-product__image-box {
  position: relative;
  width: 100%;
  border: 1px solid #dcdada;
}
.old-product__ratio-holder {
  width: 100%;
  padding-top: 70%;
}
.old-product__image-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.old-product__image {
  display: block;
  max-width: 90%;
  max-height: 90%;
}
.old-product__message-container {
  margin-bottom: 2em;
  border-radius: 3px;
  display: flex;
  align-items: center;
}
.old-product__message {
  font-weight: bold;
  color: #990000;
}
.old-product__icon {
  width: 2em;
  margin-right: 0.5em;
}
.detail__product {
  font-family: 'Roboto', sans-serif;
}
.detail__title {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 24;
  line-height: 1.0909090909090908;
  letter-spacing: 0.05em;
  font-weight: 500;
  text-transform: uppercase;
  color: #1597bc;
}
.detail__title--error {
  text-align: center;
  width: 100%;
  color: #ff0000;
  padding: 1em 0;
}
.detail__title + .detail__text {
  margin-top: 1em;
}
.detail__text {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 22;
  line-height: 1.5714285714285714;
  letter-spacing: 0.05em;
  font-weight: 300;
  font-family: 'Roboto', sans-serif;
  color: #0b0b0b;
  margin-bottom: 2em;
}
.detail__info-action {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 13;
  line-height: 1;
  letter-spacing: 0.01em;
  color: #333333;
  font-family: 'Roboto', sans-serif;
  margin-top: 0.8em;
}
.detail__rank {
  margin: 0.8em 0;
}
.detail__rank-box {
  display: inline-block;
  margin-right: 1em;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 22;
  line-height: 1.5714285714285714;
  letter-spacing: 0.05em;
  font-weight: 300;
  color: #0b0b0b;
}
.detail__rank-link {
  display: inline-block;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 20;
  line-height: 1.5384615384615385;
  letter-spacing: 0.05em;
  color: #0b0b0b;
}
.detail__rank-link a {
  text-transform: uppercase;
  text-decoration: underline;
}
.detail__rank-link a:hover {
  color: #ff4800;
}
.detail__more-text {
  display: inline-block;
  margin-top: 0.4em;
  color: #ff4800;
}
.detail__more-text:hover {
  text-decoration: underline;
}
.detail__sale-box {
  width: 100%;
  height: 3.125em;
  background-color: #ce4057;
  text-align: center;
  padding: 0.4em 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.detail__sale-box-bg {
  background-image: url('../images/top-sale--detail.svg');
  background-size: cover;
  background-repeat: repeat-x;
  width: 100%;
  height: 100%;
}
.detail__sale-box-wrap {
  display: table;
  height: 100%;
  margin: auto;
}
.detail__sale-box-text {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 20;
  line-height: 1.1111111111111112;
  letter-spacing: 0.03em;
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
  height: 100%;
  vertical-align: middle;
  display: table-cell;
  background-color: #ce4057;
  padding: 0 1.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.detail__sale-box-text span {
  display: block;
  text-transform: lowercase;
  margin-top: 0.34em;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 14;
  line-height: 1.0769230769230769;
  letter-spacing: 0.03em;
}
.detail__sale-box + .detail__delivery-box {
  margin-top: 0.3125em;
}
.detail__delivery-box {
  width: 100%;
  height: 2.625em;
  background-color: #3ca240;
  text-align: center;
  padding: 0.375em 1.25em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.detail__delivery-box-bg {
  background: url('../images/delivery.svg') top left no-repeat, url('../images/delivery.svg') top right no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}
.detail__delivery-box-wrap {
  display: table;
  height: 100%;
  margin: auto;
}
.detail__delivery-box-text {
  font-size: 16px;
  font-size: 1rem;
  line-height: 18;
  line-height: 1.125;
  letter-spacing: 0.03em;
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
  height: 100%;
  vertical-align: middle;
  display: table-cell;
  background-color: #3ca240;
  padding: 0 1.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.detail__card {
  width: 100%;
  background-color: #edf4f6;
  padding: 1em 5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 0.625em;
  text-align: center;
}
@media screen and (min-width: 70em) {
  .detail__card {
    text-align: left;
  }
}
.detail__card-info-row {
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.5em;
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.detail__card-info-column-left {
  flex: 5 0 0%;
}
.detail__card-info-column-middle {
  flex: 5 0 0%;
}
.detail__card-info-column-right {
  flex: 1 0 0%;
  text-align: right;
}
.detail__card-two-third {
  width: 100%;
}
@media screen and (min-width: 70em) {
  .detail__card-two-third {
    width: 60%;
    float: left;
  }
}
.detail__card-third {
  width: 100%;
}
@media screen and (min-width: 70em) {
  .detail__card-third {
    width: 40%;
    float: left;
    text-align: right;
  }
}
.detail__card-list {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
  align-content: space-between;
}
.detail__card-price-without-vat-header {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 28;
  line-height: 2;
  letter-spacing: 0.03 em;
  text-align: center;
}
.detail__card-price-without-vat {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 28;
  line-height: 2;
  letter-spacing: 0.03 em;
  text-align: center;
}
.detail__card-row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.detail__card-additional-info-row {
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.5em;
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.detail__card-additional-info-column-left {
  flex: 7 0 0%;
}
.detail__card-additional-info-column-right {
  flex: 7 0 0%;
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #edf4f6;
}
.detail__card-left-column {
  flex: 1 0 0%;
  height: 100%;
}
.detail__card-right-column {
  flex: 0 0 0%;
  justify-content: flex-end;
  align-items: flex-end;
  max-width: max(30%, 17em);
  padding: 0 5px;
  min-width: 10em;
}
.detail__card-right-column .product-price-box__price {
  text-align: center;
}
.detail__card-list-point {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 28;
  line-height: 2;
  letter-spacing: 0.03 em;
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
  color: #646464;
  font-family: 'Roboto', sans-serif;
  text-align: center;
}
@media screen and (min-width: 70em) {
  .detail__card-list-point {
    width: 50%;
    text-align: left;
  }
}
.detail__card-list-point strong {
  color: #444444;
  font-weight: 500;
}
.detail__card-list-point.detail__card-list-point-header {
  min-width: 11em;
}
@media screen and (min-width: 70em) {
  .detail__card-list-point.detail__card-list-point-header {
    width: 11em;
  }
}
.detail__card-status {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 28;
  line-height: 1.5555555555555556;
  letter-spacing: 0.05em;
  color: #3ca240;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-style: italic;
  margin-bottom: 1em;
  width: 100%;
}
.detail__card-list-box {
  display: inline-block;
  position: relative;
  left: auto;
  margin-left: 0;
  width: 2em;
  height: 2em;
  z-index: 20;
  vertical-align: middle;
}
.detail__card-list-box:hover .detail__card-list-cover {
  display: block;
}
.detail__card-list-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.2em;
  height: 1.2em;
  cursor: context-menu;
  z-index: 5;
  margin-left: 0.4em;
  margin-top: 0.3em;
}
.detail__card-list-cover {
  position: absolute;
  top: 0;
  left: -60px;
  margin-left: 0.7em;
  background-color: #ffffff;
  border: 1px solid #b6b6b6;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 17;
  line-height: 1.3076923076923077;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  padding: 1.2em;
  padding-top: 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 300px;
  display: none;
}
@media screen and (min-width: 70em) {
  .detail__card-list-cover {
    left: 0;
    margin-left: 0;
  }
}
.detail__card-cost-point {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20;
  line-height: 1.4285714285714286;
  letter-spacing: 0.03em;
  color: #333333;
  font-family: 'Roboto', sans-serif;
}
.detail__card-cost-point span {
  text-decoration: underline;
}
.detail__card-cost-point strong {
  font-weight: 600;
}
.detail__card-old-price {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 30;
  line-height: 2.142857142857143;
  letter-spacing: 0.03em;
  color: #333333;
  font-family: 'Roboto', sans-serif;
}
.detail__card-old-price span {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 30;
  line-height: 1.25;
  letter-spacing: 0.03em;
  color: #ce4057;
  font-weight: 400;
  text-decoration: line-through;
  display: block;
}
.detail__card-main-price {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 40;
  line-height: 1.1111111111111112;
  letter-spacing: 0.03em;
  color: #333333;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
}
.detail__card-order {
  border-top: 1px solid rgba(255, 255, 255, 0.8);
  padding-top: 0.8em;
  margin-top: 0.8em;
}
.detail__card-btn {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 18;
  line-height: 1;
  letter-spacing: 0;
  font-family: 'Roboto', sans-serif;
  display: inline-block;
  color: #ffffff;
  background-color: #3ca240;
  padding: 0.8em 1em;
  border: 1px solid #3ca240;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: all 0.4s ease-in-out;
  text-align: center;
}
@media screen and (max-width: 70em) {
  .detail__card-btn {
    margin-top: 0.8em;
  }
}
.detail__card-btn:hover {
  background-color: #ffffff;
  color: #3ca240;
}
.detail__card-btn--small {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 15;
  line-height: 1;
  letter-spacing: 0;
  padding: 0.6em 0.8em;
}
.detail__card-btn--active {
  padding: 1.4em 1.4em;
  border-radius: 1em;
  background-color: #1597bc;
  border: 1px solid #ffffff;
}
.detail__card-btn--active:hover {
  background-color: #1597bc;
  color: #ffffff;
}
.old-product__btn-wrapper {
  text-align: center;
}
@media screen and (min-width: 49em) {
  .old-product__btn-wrapper {
    text-align: left;
  }
}
.old-product__btn {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 18;
  line-height: 1;
  letter-spacing: 0;
  font-family: 'Roboto', sans-serif;
  display: inline-block;
  color: #ffffff;
  background-color: #3ca240;
  padding: 0.8em 1em;
  border: 1px solid #3ca240;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: all 0.4s ease-in-out;
  text-align: center;
}
.old-product__btn:hover {
  background-color: #ffffff;
  color: #3ca240;
}
.detail__third {
  width: 100%;
  margin-top: 0.5em;
}
@media screen and (min-width: 64em) {
  .detail__third {
    width: 33.33333333%;
    float: left;
  }
}
.detail__two-third {
  width: 100%;
  margin-top: 0.5em;
}
@media screen and (min-width: 64em) {
  .detail__two-third {
    width: 66.66666667%;
    float: left;
  }
}
.detail__half {
  width: 50%;
  float: left;
  margin-top: 0.5em;
}
.detail__link {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18;
  line-height: 1.2857142857142858;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  color: #333333;
  text-decoration: underline;
  padding-left: 1em;
  display: block;
}
.detail__link:hover {
  color: #ff4800;
}
.detail__btn-link {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18;
  line-height: 1.2857142857142858;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  display: inline-block;
  color: #3b5998;
  padding: 0.5em 1.2em;
  border: 1px solid #3b5998;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 96%;
  max-width: 12em;
  text-align: center;
  background-color: transparent;
}
.detail__btn-link:hover {
  color: #ffffff;
  background-color: #3b5998;
}
.detail__btn-icon:before {
  content: '';
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  background-color: #ffffff;
  background-image: url('../images/F_icon.svg');
  background-size: cover;
  margin-right: 0.65em;
  vertical-align: text-top;
}
.detail__btn-link--tweet {
  background-color: #1bb2e9;
  border: 1px solid #1bb2e9;
}
.detail__btn-link--tweet:hover {
  background-color: rgba(27, 178, 233, 0.7);
}
.detail__btn-icon--twiter:before {
  background-image: url('../images/T_icon.svg');
}
.detail__link--cz {
  padding-left: 0;
}
.detail__link--cz:before {
  content: '';
  display: block;
  width: 1.625em;
  height: 1.25em;
  background-image: url('../images/flag-cz.svg');
  background-size: cover;
  float: left;
  margin-right: 0.8em;
  vertical-align: middle;
}
.detail__link-box {
  width: 100%;
  border: 1px solid #646464;
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.detail__link-manufacture-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.2em;
  height: 1.2em;
  cursor: context-menu;
  z-index: 5;
  margin-left: 0.4em;
  margin-top: 0.3em;
}
.detail__link-manufacture-cover {
  position: absolute;
  top: 0;
  left: -20px;
  margin-left: 0.7em;
  background-color: #ffffff;
  border: 1px solid #b6b6b6;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 17;
  line-height: 1.3076923076923077;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  padding: 1.2em;
  padding-top: 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 300px;
  display: none;
}
@media screen and (min-width: 70em) {
  .detail__link-manufacture-cover {
    left: 0;
    margin-left: 0;
  }
}
.detail__link-manufacture-box {
  display: inline-block;
  float: left;
  position: relative;
  width: 2em;
  height: 2em;
  z-index: 20;
}
.detail__link-manufacture-box:hover .detail__link-manufacture-cover {
  display: block;
}
@media screen and (min-width: 70em) {
  .detail__link-manufacture-box {
    display: inline-block;
    left: auto;
    margin-left: 0;
    vertical-align: top;
  }
}
.detail__link-pic {
  width: 75%;
  max-width: 10em;
  margin: auto;
  display: inline-block;
  margin-bottom: 0.6em;
}
/*
-----
score
-----
*/
.score__ico-wrap {
  display: block;
  text-align: center;
  float: right;
  position: relative;
}
.score__ico-wrap img {
  position: absolute;
  top: 2em;
  right: -3em;
}
.score__text {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20;
  line-height: 1.4285714285714286;
  letter-spacing: 0.03em;
  display: block;
}
.score__text strong {
  font-weight: 600;
}
.old-product__shop-info-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.old-product__shop-info-panel {
  background-color: #e9ebeb;
  padding: 1.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 1em;
}
.old-product__shop-info-badge-wrap {
  margin-right: 2em;
}
.old-product__shop-info-badge {
  width: 80px;
}
.old-product__shop-info-badge.old-product__shop-info-badge--small {
  width: 50px;
}
.old-product__shop-info-point:not(:last-child) {
  margin-bottom: 1em;
}
.old-product__shop-info-point strong {
  font-weight: bold;
}
/*
-----
detail-nav
-----
*/
.detail-nav {
  margin-top: 1em;
}
.detail-nav__point {
  width: 50%;
  display: block;
  float: left;
  padding: 0.5em 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  background-color: #edf4f6;
  font-family: 'Roboto', sans-serif;
  cursor: pointer;
}
@media screen and (min-width: 49em) {
  .detail-nav__point {
    width: 25%;
  }
}
.detail-nav__point span {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  border-left: 2px solid #ffffff;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 17;
  line-height: 1.3076923076923077;
  letter-spacing: 0em;
  font-weight: 500;
  color: #444444;
  text-transform: uppercase;
  padding: 1em 0;
}
.detail-nav__point:nth-child(1) span {
  border-left: 2px solid transparent;
}
@media screen and (max-width: 49em) {
  .detail-nav__point:nth-child(2n+1) span {
    border-left: 2px solid transparent;
  }
}
.detail-nav__point:hover {
  background-color: #ff4800;
}
.detail-nav__point:hover span {
  color: #ffffff;
}
.detail-nav__point--active {
  background-color: #ff4800;
}
.detail-nav__point--active span {
  color: #ffffff;
  border-left: 2px solid transparent;
}
/*
-----
detail-content
-----
*/
.detail-content {
  display: inline-block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 1px 4px 6px 3px rgba(11, 11, 11, 0.28);
  padding-bottom: 7em;
  margin-bottom: 3em;
}
.detail-content .product-slide__wrap {
  padding: 0;
}
.detail-content__wrap {
  padding: 0 1.2em;
}
@media screen and (min-width: 57em) {
  .detail-content__wrap {
    padding: 0 3.5em;
  }
}
.detail-content__wrap--des {
  padding: 1.2em;
}
@media screen and (min-width: 57em) {
  .detail-content__wrap--des {
    padding: 3.5em;
  }
}
.detail-content__box {
  width: 100%;
}
@media screen and (min-width: 57em) {
  .detail-content__box {
    width: 40%;
    float: left;
  }
}
.detail-content__box--bigger {
  width: 100%;
  margin-bottom: 3em;
}
@media screen and (min-width: 57em) {
  .detail-content__box--bigger {
    width: 100%;
    padding-right: 2.6em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 57em) {
  .detail-content__box--right {
    text-align: right;
  }
}
.detail-des {
  font-family: 'Roboto', sans-serif;
  display: none;
}
.detail-des h2,
.detail-des__title {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 28;
  line-height: 1.2727272727272727;
  letter-spacing: 0.03em;
  font-weight: 500;
  color: #ff4800;
  text-transform: uppercase;
}
.detail-des h3,
.detail-des__subtitle {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 26;
  line-height: 1.1818181818181819;
  letter-spacing: 0.03em;
  font-weight: 600;
  color: #333333;
}
.detail-des h4,
.detail-des__subtitle {
  font-size: 16px;
  font-size: 1rem;
  line-height: 20;
  line-height: 1.25;
  letter-spacing: 0.03em;
  font-weight: 600;
  color: #333333;
}
.detail-des p,
.detail-des__text {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24;
  line-height: 1.7142857142857142;
  letter-spacing: 0.03em;
  text-align: justify;
  color: #333333;
}
.detail-des p strong,
.detail-des__text strong {
  font-weight: 600;
}
.detail-des p span,
.detail-des__text span {
  font-style: italic;
}
.detail-des__title + .detail-des__text {
  margin-top: 3em;
}
.detail-des__subtitle + .detail-des__text {
  margin-top: 2.6em;
}
.detail-des__text + .detail-des__text {
  margin-top: 2.2em;
}
.detail-des__text + .detail-des__subtitle {
  margin-top: 3em;
}
.detail-des h2 + p {
  margin-top: 1.8em;
}
.detail-des h2 + ul {
  margin-top: 1.8em;
}
.detail-des h3 + p {
  margin-top: 1.2em;
}
.detail-des p + p,
.detail-des p + ul,
.detail-des ul + p {
  margin-top: 1.2em;
}
.detail-des p + h3 {
  margin-top: 2em;
}
.detail-des h3 + ul {
  margin-top: 1.2em;
}
.detail-des ul + h3 {
  margin-top: 2em;
}
.detail-des p + h4 {
  margin-top: 2em;
}
.detail-des h4 + p {
  margin-top: 1em;
}
.detail-des h4 + ul {
  margin-top: 1em;
}
.detail-des ul + h4 {
  margin-top: 2em;
}
.detail-des ul,
.detail-des__list {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18;
  line-height: 1.2857142857142858;
  letter-spacing: 0.04em;
  color: #333333;
  list-style: disc;
  list-style-position: inside;
}
.detail-des ul strong,
.detail-des__list strong {
  font-weight: 600;
}
.detail-des ul li,
.detail-des__point {
  padding: 0.5em;
  border-bottom: 1px solid #E0E0E0;
  list-style-type: none;
}
.detail-des ul li:nth-child(even),
.detail-des__point:nth-child(even) {
  background-color: #fafafa;
}
.detail-des ul li:nth-child(1),
.detail-des__point:nth-child(1) {
  margin-top: 0;
  border-top: 1px solid #E0E0E0;
}
.detail-des__subtitle + .detail-des__list {
  margin-top: 0.8em;
}
.detail-des__subtitle--main + .detail-des__list {
  margin-top: 3em;
}
.detail-topic {
  font-family: 'Roboto', sans-serif;
  display: none;
}
.detail-topic__list {
  padding-bottom: 2.4em;
}
.detail-topic__point {
  padding: 2em 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #d8d8d8;
}
.detail-topic__name {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22;
  line-height: 1.2222222222222223;
  letter-spacing: 0.03em;
  font-weight: 500;
  color: #333333;
  display: block;
  width: 100%;
  text-transform: uppercase;
}
@media screen and (min-width: 37.5em) {
  .detail-topic__name {
    width: 80%;
    float: left;
    padding-right: 2em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.detail-topic__name span {
  color: #999999;
  font-weight: 400;
  text-transform: none;
  display: inline-block;
}
.detail-topic__btn-box {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 1.2em;
}
@media screen and (min-width: 37.5em) {
  .detail-topic__btn-box {
    width: 20%;
    float: left;
    margin-top: 0;
  }
}
.detail-topic__btn {
  display: inline-block;
  background-color: #ff4800;
  color: #ffffff;
  text-transform: uppercase;
  border: 1px solid transparent;
  padding: 0.6em 1.4em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 14;
  line-height: 1;
  letter-spacing: 0.04em;
}
.detail-topic__btn:hover {
  background-color: #ffffff;
  color: #ff4800;
  border: 1px solid #ff4800;
}
.detail-topic__title {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 26;
  line-height: 1.1818181818181819;
  letter-spacing: 0.03em;
  font-weight: 600;
  color: #333333;
}
.detail-article {
  width: 100%;
  padding: 2em 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #d8d8d8;
}
.detail-article__title {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24;
  line-height: 1.3333333333333333;
  letter-spacing: 0.03em;
  font-weight: 600;
  color: #333333;
}
.detail-article__text {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24;
  line-height: 1.7142857142857142;
  letter-spacing: 0.03em;
  color: #333333;
}
.detail-article__text strong {
  font-weight: 600;
}
.detail-article__text span {
  font-style: italic;
}
.detail-article__title + .detail-article__text {
  margin-top: 1.8em;
}
.detail-article__text + .detail-article__text {
  margin-top: 1em;
}
.detail-article__link {
  color: #ff4800;
  text-decoration: underline;
}
.detail-ques {
  font-family: 'Roboto', sans-serif;
  display: none;
}
.detail-ques__article {
  padding: 2em 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #d8d8d8;
}
.detail-ques__box {
  width: 100%;
  text-align: right;
}
@media screen and (min-width: 57em) {
  .detail-ques__box {
    width: 18%;
    float: right;
    padding-right: 2em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media screen and (min-width: 57em) {
  .detail-ques__box--admin {
    width: 30%;
  }
}
.detail-ques__box--bigger {
  width: 100%;
  margin-bottom: 3em;
}
@media screen and (min-width: 57em) {
  .detail-ques__box--bigger {
    width: 82%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0;
    text-align: left;
  }
}
.detail-ques__box--admin-bigger {
  background-color: #edf4f6;
  padding: 1.6em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 57em) {
  .detail-ques__box--admin-bigger {
    width: 70%;
    text-align: left;
  }
}
.detail-ques__name {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20;
  line-height: 1.4285714285714286;
  letter-spacing: 0.03em;
  font-weight: 600;
  text-transform: uppercase;
  color: #333333;
  display: block;
}
.detail-ques__admin {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20;
  line-height: 1.4285714285714286;
  letter-spacing: 0.03em;
  color: #ffffff;
  background-color: #ff4800;
  padding: 0.3em 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin-top: 0.2em;
}
.detail-ques__date {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20;
  line-height: 1.4285714285714286;
  letter-spacing: 0.03em;
  color: #999999;
  display: block;
  margin-top: 0.2em;
}
.detail-ques__text {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24;
  line-height: 1.7142857142857142;
  letter-spacing: 0.03em;
  color: #333333;
}
.detail-ques__text strong {
  font-weight: 600;
}
.detail-ques__text span {
  font-style: italic;
}
.detail-recommended {
  padding-top: 2em;
}
.detail-ques__comment {
  margin: 2em 0;
}
.detail-ques__comment-name-box {
  width: 100%;
}
@media screen and (min-width: 30em) {
  .detail-ques__comment-name-box {
    width: 8.5em;
    display: inline-block;
  }
}
@media screen and (min-width: 30em) {
  .detail-ques__comment-name-box--textarea {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.detail-ques__comment-name {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18;
  line-height: 1.2857142857142858;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  color: #333333;
  text-transform: uppercase;
  padding: 0.2em 0;
}
.detail-ques__comment-input-box {
  width: 100%;
  margin-bottom: 0.3em;
}
@media screen and (min-width: 30em) {
  .detail-ques__comment-input-box {
    width: 15em;
    display: inline-block;
  }
}
.detail-ques__comment-input-box--error .detail-ques__comment-input,
.cart-form__input-box--error .detail-ques__comment-input {
  border: 2px solid #ff0000;
}
.detail-ques__comment-input-box--error .detail-ques__error,
.cart-form__input-box--error .detail-ques__error {
  display: block;
}
.detail-ques__comment-input-box--textarea {
  width: 100%;
  padding: 0 2px;
}
@media screen and (min-width: 30em) {
  .detail-ques__comment-input-box--textarea {
    padding-left: 8.5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
  }
}
.detail-ques__comment-input {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18;
  line-height: 1.2857142857142858;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  color: #333333;
  padding: 0.5em 0.6em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d8d8d8;
  margin-bottom: 0.3em;
  width: 100%;
}
.detail-ques__comment-input--textarea {
  min-height: 14em;
  width: 100%;
}
.detail-ques__comment-btn-box {
  text-align: center;
  display: block;
}
@media screen and (min-width: 30em) {
  .detail-ques__comment-btn-box {
    text-align: right;
  }
}
.detail-ques__comment-btn {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18;
  line-height: 1.2857142857142858;
  letter-spacing: 0.04em;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  border: 1px solid #ff4800;
  color: #ffffff;
  background-color: #ff4800;
  padding: 0.5em 2.8em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  cursor: pointer;
}
.detail-ques__comment-btn:hover {
  color: #ff4800;
  background-color: #ffffff;
}
.detail-ques__error {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 14;
  line-height: 1;
  letter-spacing: 0;
  font-family: 'Roboto', sans-serif;
  color: #ffffff;
  background-color: #ff0000;
  width: 100%;
  display: block;
  padding: 0.4em 0.5em;
  margin-top: -0.3em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
}
/*
-----
overlay
-----
*/
.overlay_cont {
  position: absolute;
  z-index: 20;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: url(../images/loader.gif);
  background-position: center 120px;
  background-repeat: no-repeat;
}
.overlay {
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.2;
}
.overlay_cont p.title {
  position: absolute;
  text-align: center;
  top: 170px;
  width: 100%;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 18;
  line-height: 1.2;
  letter-spacing: 0.04em;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  color: #1597bc;
}
/*
-----
modal
-----
*/
.modal-window {
  display: block;
  position: fixed;
  left: 4%;
  right: 4%;
  top: 4%;
  bottom: 4%;
  background-color: #ffffff;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 8px 8px 0 0 rgba(0, 0, 0, 0.4);
}
@media screen and (min-width: 33em) {
  .modal-window {
    left: 10%;
    right: 10%;
    top: 10%;
    bottom: 10%;
  }
}
@media screen and (max-width: 33em) {
  .modal-window.small_modal_window {
    height: auto;
    bottom: auto;
  }
}
@media screen and (min-width: 50em) {
  .modal-window.small_modal_window {
    height: auto;
    bottom: auto;
    left: 30%;
    right: 30%;
  }
}
@media screen and (min-width: 33em) and (max-width: 50em) {
  .modal-window.small_modal_window {
    height: auto;
    bottom: auto;
    left: 15%;
    right: 15%;
  }
}
.modal-window__close-box {
  position: absolute;
  right: -1em;
  top: -1em;
  width: 4em;
  height: 4em;
  border-radius: 2em;
  background-color: #ffffff;
  text-align: center;
  z-index: 99;
}
.modal-window__close {
  display: inline-block;
  width: 2em;
  height: 2em;
  padding: 1em;
  cursor: pointer;
}
.modal-window__close:hover path {
  fill: #646464;
}
.model-window__content {
  width: 100%;
  height: 100%;
  overflow: scroll;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24;
  line-height: 1.7142857142857142;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  color: #646464;
  padding: 0.8em 0.6em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.model-window__content .page--modal {
  padding: 0 0.4% 1em;
  padding-top: 2em;
}
.model-window__content.small_modal_content {
  height: inherit;
  overflow: visible;
}
.modal-window__overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 1;
  visibility: visible;
  backface-visibility: hidden;
}
.box-inner.small_modal_box {
  padding-left: 1em;
}
.box-inner.small_modal_box h4 {
  font-size: 1.5em;
  letter-spacing: 0.1em;
}
/*
-----
branch_search
-----
*/
.branch_search {
  width: 100%;
  height: 2.625em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 0.05em;
  position: relative;
}
.branch_search-input {
  width: 100%;
  height: 100%;
  color: #333333;
  vertical-align: middle;
  padding: 0 0.8em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Roboto', sans-serif;
  background-color: #ffffff;
  border: 1px solid #aeaeae;
  border-radius: 4px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 14;
  line-height: 1;
  letter-spacing: 0.02em;
}
.branch_search-btn {
  height: 100%;
  width: auto;
  padding: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
}
.branch_result {
  border: 1px solid #aeaeae;
  border-top: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 100%;
  background-color: white;
  width: 100%;
}
.branch_result-list {
  max-height: 400px;
  overflow-y: auto;
}
.branch_result-item {
  padding: 0.5em;
  font-size: 1em;
}
.branch_result-item:not(:last-child) {
  border-bottom: 1px solid silver;
}
.branch_result-item strong {
  font-weight: bold;
}
.branch_result-item:hover {
  background-color: #ff4800;
  color: #ffffff;
}
.branch_result-no-result {
  padding: 0.5em;
  height: 1.5em;
  font-size: 1em;
}
.branch_list {
  max-height: 25em;
  overflow-y: auto;
  margin: 1em 0;
}
.branch_item:nth-child(odd) {
  background-color: #f3f3f3;
}
.branch_item {
  display: flex;
  align-items: center;
  padding: 1em;
}
.branch_item label {
  display: block;
  margin-left: 1em;
  font-size: 1em;
}
.branch_item label strong {
  font-weight: bold;
}
.aaa-top {
  margin-top: 3em;
}
.antiskype {
  color: #FFF !important;
  display: none !important;
}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
  width: 100% !important;
}
.fb_iframe_widget {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: 99;
}
/*
-----
test
-----
*/
.test {
  background-color: rgba(255, 72, 0, 0.7);
}
.test__wrap {
  width: 100%;
  padding: 0.6em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 40em) {
  .test__wrap {
    max-width: 100em;
    padding: 0 1.25em;
    margin: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.6em;
  }
}
.test__text {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 16;
  line-height: 1.2307692307692308;
  letter-spacing: 0.02em;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  color: #fff;
  display: inline-block;
}
.test__btn {
  display: inline-block;
  padding: 0.4em 0.8em;
  margin: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 16;
  line-height: 1.2307692307692308;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  color: #ff4800;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #fff;
}
.test__btn:hover {
  background-color: transparent;
  color: #fff;
}
/*
-----
Footer Banner (Roman)
-----
*/
.footer-banner__container {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: -1;
  padding: 0 0;
  box-sizing: border-box;
}
.footer-banner__container.hidden {
  visibility: hidden;
}
.footer-banner__wrapper {
  position: relative;
  margin: 0 auto;
  max-width: 900px;
  overflow: hidden;
}
.footer-banner__wrapper.shadow {
  box-shadow: 0px 0px 24px 6px rgba(0, 0, 0, 0.2);
}
.footer-banner__ratio_wrapper {
  position: relative;
  width: 100%;
  padding-top: 40%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer-banner__image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.footer-banner__spinner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
}
.footer-banner__spinner > div {
  width: 3em;
  height: 3em;
  border-top-color: #ff4800;
  border-left-color: #ff4800;
  animation: spinner 400ms linear infinite;
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-style: solid;
  border-width: 6px;
  border-radius: 50%;
  box-sizing: border-box;
}
.footer-banner__spinner.hidden {
  display: none;
}
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media screen and (min-width: 40em) {
  .footer-banner__container {
    padding: 0 1.25em;
  }
}
/*
-----
upload
-----
*/
.upload__title {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24;
  line-height: 1.3333333333333333;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  color: #ff4800;
  text-align: center;
  width: 100%;
  display: block;
  margin: 1em 0;
}
.upload__half {
  width: 100%;
  padding: 1.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 30em) {
  .upload__half {
    width: 50%;
    float: left;
  }
}
.relative {
  position: relative;
}
.upload__input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.upload__progress {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 36;
  line-height: 1;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  color: #ff4800;
}
.upload__error {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 20;
  line-height: 1.1111111111111112;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  color: #ff4800;
}
.upload__list {
  padding: 0 1.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.status--hide {
  display: none;
}
/*
-----
ruzne vychytavky
-----
*/
.mt--20 {
  margin-top: 2em;
}
.mt--10 {
  margin-top: 1em;
}
.orange {
  color: #ff4800;
}
/*
-----
login-form
-----
*/
.a-main-title {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 26;
  line-height: 1.0833333333333333;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  color: #ff4800;
  text-transform: uppercase;
}
.a-main-title--info {
  text-align: center;
  padding: 0.6em 0;
}
.login-form__point {
  margin-top: 0.7em;
  position: relative;
}
.login-form__name {
  font-size: 16px;
  font-size: 1rem;
  line-height: 14;
  line-height: 0.875;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
  text-align: right;
  color: #333333;
  width: 12em;
  display: inline-block;
}
.login-form__input-box {
  width: 16.4em;
  display: inline-block;
  padding-left: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.login-form__input {
  border: 2px solid #b6b6b6;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 3em;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 14;
  line-height: 1;
  letter-spacing: 0;
  font-family: 'Roboto', sans-serif;
  color: #ff4800;
  padding: 0 0.6em;
}
.login-form__checkbox {
  padding-left: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 14;
  line-height: 1;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  color: #333333;
  display: inline-block;
}
.login-form__link {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 14;
  line-height: 1;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  color: #ff4800;
  display: inline-block;
  padding-left: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.login-form__link:hover {
  text-decoration: underline;
}
.login-form__btn-box {
  width: 16.4em;
  display: inline-block;
  padding-left: 1em;
  margin-top: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.login-form__error {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 16;
  line-height: 1.1428571428571428;
  letter-spacing: 0;
  font-family: 'Roboto', sans-serif;
  color: #ffffff;
  background-color: #ff0000;
  width: 100%;
  display: block;
  padding: 0.5em 0.5em;
  border-radius: 0 0 5px 5px;
  margin-top: -3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
}
.login-form__input-box--error .login-form__error {
  display: block;
}
.login-form__input-box--error .login-form__input {
  border: 2px solid #ff0000;
}
/*
-----
Loading
-----
*/
.loading .loading__cover {
  display: block;
}
.loading__cover {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.28);
  display: none;
  transition: all 0.3s;
  text-align: center;
  z-index: 99999;
}
.loading__text {
  font-size: 23px;
  font-size: 1.4375rem;
  line-height: 26;
  line-height: 1.1304347826086956;
  letter-spacing: 0.07em;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  color: #1575a0;
  margin-bottom: 2em;
  display: inline-block;
}
.loading__img-box {
  width: 20%;
  max-width: 16em;
  position: relative;
  display: block;
  margin: auto;
}
.loading__img-box:after {
  content: '';
  display: block;
  padding-bottom: 100%;
}
.circle {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.circle-point {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.circle-point:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #1597bc;
  border-radius: 100%;
  -webkit-animation: circle-pointeDelay 1.2s infinite ease-in-out both;
  animation: circle-pointDelay 1.2s infinite ease-in-out both;
}
.circle-point:nth-child(2) {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
.circle-point:nth-child(2):before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.circle-point:nth-child(3) {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
.circle-point:nth-child(3):before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.circle-point:nth-child(4) {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.circle-point:nth-child(4):before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.circle-point:nth-child(5) {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
.circle-point:nth-child(5):before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.circle-point:nth-child(6) {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
.circle-point:nth-child(6):before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.circle-point:nth-child(7) {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.circle-point:nth-child(7):before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.circle-point:nth-child(8) {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
.circle-point:nth-child(8):before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.circle-point:nth-child(9) {
  -webkit-transform: rotate(2400deg);
  -ms-transform: rotate(2400deg);
  transform: rotate(2400deg);
}
.circle-point:nth-child(9):before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.circle-point:nth-child(10) {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.circle-point:nth-child(10):before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.circle-point:nth-child(11) {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
.circle-point:nth-child(11):before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.circle-point:nth-child(12) {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
.circle-point:nth-child(12):before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
@-webkit-keyframes circle-pointDelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes circle-pointDelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/*
-----
Admin
-----
*/
/*
-----
Profil
-----
*/
.profil__title {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 26;
  line-height: 1.0833333333333333;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  color: #ff4800;
  margin: 1.2em 0;
  display: inline-block;
}
.profil__title span {
  color: #444444;
}
.profil__title--blue {
  color: #1597bc;
}
.profil__title--center {
  text-align: center;
}
.profil__subtitle {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 20;
  line-height: 1.1111111111111112;
  letter-spacing: 0.03em;
  color: #999999;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  margin-bottom: 0.8em;
  text-transform: uppercase;
}
.profil__text {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 22;
  line-height: 1.4666666666666666;
  letter-spacing: 0.02em;
  color: #666666;
  font-family: 'Roboto', sans-serif;
}
.profil__text strong {
  font-weight: 600;
}
.profil__text--center {
  text-align: center;
}
.profil__text--error {
  color: red;
}
.profil__text + .profil__text {
  margin-top: 0.6em;
}
.profil__menu-name {
  flex-grow: 1;
}
.profil__menu-arrow-wrapper {
  position: relative;
  width: 1em;
}
.profil__menu-arrow {
  display: block;
  width: 100%;
  transform: rotate(-90deg);
  transition: transform 100ms ease-in-out;
}
.collapser--opened .profil__menu-arrow {
  transform: rotate(0);
}
/*
-----
layout + menu
-----
*/
.lay-aside--profile {
  display: block;
  width: 100%;
  margin-bottom: 2em;
}
@media screen and (min-width: 74em) {
  .lay-aside--profile {
    display: block;
    width: 19%;
    margin-right: 3%;
    float: left;
  }
}
.side-menu--profil .side-menu__level1 {
  background-color: #f7f7f7;
  border-bottom: 2px solid #e9ebeb;
}
.side-menu--profil .side-menu__level1--active {
  border-bottom: 2px solid #ff4800;
}
.side-menu--profil .side-menu__level1--active a {
  color: #ff4800;
}
@media screen and (max-width: 74em) {
  .side-menu--profil .side-menu__level1 {
    width: 33.33333333%;
    float: left;
    display: inline-block;
    border-right: 1px solid #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media screen and (min-width: 40em) and (max-width: 74em) {
  .side-menu--profil .side-menu__level1:nth-child(3n) {
    border-right: 0;
  }
}
@media screen and (min-width: 20em) and (max-width: 40em) {
  .side-menu--profil .side-menu__level1:nth-child(2n) {
    border-right: 0;
  }
}
@media screen and (max-width: 40em) {
  .side-menu--profil .side-menu__level1 {
    width: 50%;
  }
}
@media screen and (max-width: 28em) {
  .side-menu--profil .side-menu__level1 {
    width: 100%;
    border-right: 0;
  }
}
/*
-----
profil-list
-----
*/
.profil-list {
  margin: 1em auto 1.8em;
  font-family: 'Roboto', sans-serif;
}
.profil-list__point {
  width: 100%;
  border: 1px solid #aeaeae;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0.8em 1.6em;
  margin-bottom: 0.3em;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24;
  line-height: 1.7142857142857142;
  letter-spacing: 0.02em;
  font-family: 'Roboto', sans-serif;
  color: #444444;
}
.profil-list__point:nth-last-child(even) {
  background-color: #e9ebeb;
}
.profil-list__point--info {
  display: none;
}
@media screen and (min-width: 55em) {
  .profil-list__point--info {
    display: block;
    border: none;
    padding: 0.8em 1.6em;
    color: #333333;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 16;
    line-height: 1.1428571428571428;
    letter-spacing: 0.03em;
    font-weight: 600;
    background-color: transparent;
  }
}
.profil-list__abroad {
  color: rgba(51, 51, 51, 0.6);
  display: block;
}
@media screen and (min-width: 87em) {
  .profil-list__abroad {
    display: inline-block;
  }
}
.profil-list__column {
  padding: 0 0.3em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  border-bottom: 1px solid rgba(174, 174, 174, 0.3);
}
.profil-list__column:nth-last-child(1) {
  border-bottom: 0;
}
.profil-list__column--6 {
  width: 100%;
  text-align: center;
  padding: 0.2em;
}
@media screen and (min-width: 20em) {
  .profil-list__column--6 {
    width: 50%;
  }
  .profil-list__column--6:nth-last-child(2) {
    border-bottom: 0;
  }
}
@media screen and (min-width: 30em) {
  .profil-list__column--6 {
    width: 33.33333333%;
  }
  .profil-list__column--6:nth-last-child(3) {
    border-bottom: 0;
  }
}
@media screen and (min-width: 60em) {
  .profil-list__column--6 {
    width: 16.66666667%;
    padding: 0;
    border-bottom: 0;
  }
}
@media screen and (min-width: 30em) {
  .profil-list__column--6--double {
    width: 50%;
  }
}
@media screen and (min-width: 60em) {
  .profil-list__column--6--double {
    width: 33.33333333%;
    padding: 0;
    border-bottom: 0;
  }
}
.profil-list__column--6--full {
  width: 100%;
}
@media screen and (min-width: 30em) {
  .profil-list__column--6--full {
    width: 33.33333333%;
  }
  .profil-list__column--6--full:nth-last-child(3) {
    border-bottom: 0;
  }
}
@media screen and (min-width: 60em) {
  .profil-list__column--6--full {
    width: 16.66666667%;
    padding: 0;
    border-bottom: 0;
  }
}
@media screen and (max-width: 60em) {
  .profil-list__column--6--border {
    border-bottom: 1px solid rgba(174, 174, 174, 0.3) !important;
  }
}
@media screen and (max-width: 30em) {
  .profil-list__column--6--border-small {
    border-bottom: 1px solid rgba(174, 174, 174, 0.3) !important;
  }
}
.profil-list__column--4 {
  width: 100%;
  text-align: center;
  padding: 0.2em;
}
@media screen and (min-width: 20em) {
  .profil-list__column--4 {
    width: 50%;
  }
  .profil-list__column--4:nth-last-child(2) {
    border-bottom: 0;
  }
}
@media screen and (min-width: 40em) {
  .profil-list__column--4 {
    width: 25%;
    padding: 0;
    border-bottom: 0;
  }
}
.profil-list__column--3 {
  width: 100%;
  text-align: center;
  padding: 0.2em;
}
@media screen and (min-width: 30em) {
  .profil-list__column--3 {
    width: 33.33333333%;
    padding: 0;
    border-bottom: 0;
  }
}
.profil-list__link {
  color: #ff4800;
  text-decoration: underline;
}
.profil-list__link:hover {
  color: #1597bc;
}
.profil-list__icon-box {
  text-align: center;
  vertical-align: middle;
}
.profil-list__icon {
  width: 2em;
  height: 2em;
  display: inline-block;
}
.profil-list__icon:hover g g g path {
  fill: #700b1d;
}
.profil__nav {
  margin-bottom: 1.2em;
}
.profil__nav a {
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 13;
  line-height: 1;
  letter-spacing: 0.02em;
  font-weight: 500;
  color: #444444;
  padding: 0.8em 1.4em;
  text-transform: uppercase;
  border-bottom: 1px solid #b6b6b6;
}
@media screen and (min-width: 30em) {
  .profil__nav a {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24;
    line-height: 1.3333333333333333;
    letter-spacing: 0.02em;
  }
}
.profil__nav a:hover {
  text-decoration: underline;
}
.profil__nav .active {
  color: #ff4800;
  border: 1px solid #b6b6b6;
  border-bottom: 1px solid transparent;
}
@media screen and (min-width: 30em) {
  .profil__nav .active {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 22;
    line-height: 1;
    letter-spacing: 0.02em;
  }
}
/*
-----
cart-resume
-----
*/
.profil-section {
  margin-bottom: 3.8em;
}
.profil-section__half {
  width: 100%;
  margin-bottom: 1.5em;
}
.profil-section__half:nth-last-child(1) {
  margin-bottom: 0;
}
@media screen and(min-width: 42em) {
  .profil-section__half {
    width: 50%;
    float: left;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.profil-section__half--right {
  float: right;
}
.profil-section__list--right {
  text-align: right;
}
.profil-section__list--bg {
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #d2f0ff;
}
.profil-section__point {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 24;
  line-height: 1.6;
  letter-spacing: 0.02em;
  font-weight: 300;
  color: #444444;
}
.profil-section__point strong {
  font-weight: 600;
}
.profil-section__point-half {
  width: 100%;
  display: block;
}
@media screen and (min-width: 28em) {
  .profil-section__point-half {
    width: 50%;
    float: left;
  }
}
.profil-section__point-half--no-media {
  width: 50%;
  float: left;
}
.profil-section__point-half--abroad {
  color: rgba(51, 51, 51, 0.6);
  padding-top: 0.3em;
}
.profil-basket--orders .car-product__status-box {
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 34em) {
  .profil-basket--orders .car-product__status-box {
    width: 33.33333333%;
    float: left;
    text-align: right;
  }
}
@media screen and (min-width: 55em) {
  .profil-basket--orders .car-product__status-box {
    width: 14%;
  }
}
@media screen and (min-width: 55em) {
  .profil-basket--orders .cart-product__qunt-box {
    clear: none;
    width: 9%;
    padding: 0;
    background-color: transparent;
  }
}
.profil-basket--warranty .cart-product__perex {
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 34em) {
  .profil-basket--warranty .cart-product__perex {
    width: 70%;
    float: left;
    text-align: left;
  }
}
@media screen and (min-width: 55em) {
  .profil-basket--warranty .cart-product__perex {
    width: 70%;
  }
}
@media screen and (min-width: 34em) {
  .profil-basket--warranty .cart-product__qunt-box {
    width: 100%;
    float: left;
  }
}
@media screen and (min-width: 55em) {
  .profil-basket--warranty .cart-product__qunt-box {
    clear: none;
    width: 30%;
    padding: 0;
    background-color: transparent;
  }
}
.profil-basket--warranty .cart-product__cont {
  width: 100%;
}
@media screen and (min-width: 34em) {
  .profil-basket--warranty .cart-product__cont {
    width: 61%;
    float: left;
  }
}
@media screen and (min-width: 55em) {
  .profil-basket--warranty .cart-product__cont {
    width: 61%;
  }
}
.profil-basket--invoice .cart-product__price-box {
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 34em) {
  .profil-basket--invoice .cart-product__price-box {
    width: 25%;
    float: left;
  }
}
@media screen and (min-width: 55em) {
  .profil-basket--invoice .cart-product__price-box {
    width: 12%;
    text-align: right;
  }
}
.profil-basket--invoice .cart-product__dph-box {
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 34em) {
  .profil-basket--invoice .cart-product__dph-box {
    width: 25%;
    float: left;
  }
}
@media screen and (min-width: 55em) {
  .profil-basket--invoice .cart-product__dph-box {
    width: 10%;
    text-align: right;
  }
}
@media screen and (min-width: 55em) {
  .profil-basket--invoice .cart-product__qunt-box {
    clear: none;
    width: 5%;
    padding: 0;
    background-color: transparent;
  }
}
@media screen and (min-width: 55em) {
  .profil-basket--delivery .cart-product__price-box,
  .profil-basket--delivery .cart-product__price-box,
  .profil-basket--delivery .cart-product__price {
    text-align: right;
  }
}
@media screen and (min-width: 55em) {
  .profil-basket--delivery .cart-product__qunt-box {
    clear: none;
    width: 11%;
    padding: 0;
    background-color: transparent;
  }
}
.profil-basket--delivery .cart-product__delivery-box {
  width: 50%;
  float: left;
  text-align: center;
}
@media screen and (min-width: 55em) {
  .profil-basket--delivery .cart-product__delivery-box {
    width: 20%;
    float: left;
  }
}
.profil-basket--delivery .cart-product__delivery {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 20;
  line-height: 1.1111111111111112;
  letter-spacing: 0.03em;
  color: #333333;
  width: 100%;
  text-align: center;
  display: block;
  font-family: 'Roboto', sans-serif;
}
/* [TODO] Tohle patří ke stránce profilu - nesouvisí s admin panelem v košíku, je třeba změnit*/
.profil__note-box {
  background-color: #d2f0ff;
}
.profil__note {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 24;
  line-height: 1.6;
  letter-spacing: 0.02em;
  font-weight: 300;
  color: #444444;
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*[END TODO]*/
/*
-----
Profil-cart
-----
*/
.cart-product__list--profil .cart-product__point--info {
  display: none;
}
@media screen and (min-width: 55em) {
  .cart-product__list--profil .cart-product__point--info {
    display: none;
  }
}
@media screen and (min-width: 62em) {
  .cart-product__list--profil .cart-product__point--info {
    display: block;
    border: none;
    padding: 0.625em 0;
    color: #666666;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 16;
    line-height: 1.2307692307692308;
    letter-spacing: 0.03em;
    text-align: center;
  }
}
.cart-product__list--day-offer {
  background-color: rgba(21, 117, 160, 0.07);
}
.cart-product__list--day-offer .cart-product__point:nth-child(2) {
  border-top: 1px solid #1575a0;
}
.cart-product__list--day-offer .cart-product__qunt-box {
  background: transparent;
}
@media screen and (max-width: 55em) {
  .cart-product__list--day-offer .cart-product__price-box {
    width: 100%;
  }
}
@media screen and (max-width: 48em) {
  .cart-product__list--day-offer {
    border-top: none;
  }
}
.cart-product__list--free-gift {
  background-color: rgba(60, 162, 64, 0.07);
}
.cart-product__list--free-gift .cart-product__point:nth-child(2) {
  border-top: 1px solid #3ca240;
}
.cart-product__list--free-gift .cart-product__qunt-box {
  background: transparent;
}
@media screen and (max-width: 55em) {
  .cart-product__list--free-gift .cart-product__price-box {
    width: 100%;
  }
}
.cart-product__point--profil .cart-product__perex {
  width: 39%;
}
.cart-product__point--profil .cart-product__name {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18;
  line-height: 1.2857142857142858;
  letter-spacing: 0.03em;
}
.cart-product__point--profil .cart-product__price {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20;
  line-height: 1.4285714285714286;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 1300px) {
  .cart-product__point--profil .cart-product__name {
    font-size: 16px;
    font-size: 1rem;
    line-height: 18;
    line-height: 1.125;
    letter-spacing: 0.03em;
  }
  .cart-product__point--profil .cart-product__price {
    font-size: 16px;
    font-size: 1rem;
    line-height: 20;
    line-height: 1.25;
    letter-spacing: 0.02em;
  }
}
.cart-product__point--profil .cart-product__info {
  display: none;
}
@media screen and (max-width: 62em) {
  .cart-product__point--profil .cart-product__info {
    display: block;
    color: #666666;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 14;
    line-height: 1.1666666666666667;
    letter-spacing: 0;
    padding: 0.3em 0;
    margin-bottom: 0.6em;
    border-bottom: 1px solid #f7f7f7;
  }
}
.cart-product__point--profil .cart-product__qunt-box {
  width: 100%;
}
@media screen and (min-width: 55em) {
  .cart-product__point--profil .cart-product__qunt-box {
    text-align: center;
    padding: 0.6em 0;
    background-color: #f7f7f7;
    margin-bottom: 0.5em;
  }
}
@media screen and (min-width: 62em) {
  .cart-product__point--profil .cart-product__qunt-box {
    clear: none;
    width: 14%;
    padding: 0;
    background-color: transparent;
  }
}
.cart-product__point--profil .cart-product__price-box {
  width: 100%;
}
@media screen and (min-width: 34em) {
  .cart-product__point--profil .cart-product__price-box {
    width: 50%;
  }
}
@media screen and (min-width: 55em) {
  .cart-product__point--profil .cart-product__price-box {
    width: 50%;
  }
}
@media screen and (min-width: 62em) {
  .cart-product__point--profil .cart-product__price-box {
    width: 10%;
    text-align: right;
  }
}
@media screen and (min-width: 62em) {
  .cart-product__point--profil .cart-product__price-box--center {
    text-align: center;
  }
}
.cart-product__point--profil .cart-product__cont {
  width: 100%;
}
@media screen and (min-width: 34em) {
  .cart-product__point--profil .cart-product__cont {
    width: 70%;
    float: left;
  }
}
@media screen and (min-width: 55em) {
  .cart-product__point--profil .cart-product__cont {
    width: 70%;
    float: left;
  }
}
@media screen and (min-width: 62em) {
  .cart-product__point--profil .cart-product__cont {
    width: 30%;
  }
}
@media screen and (min-width: 34em) {
  .cart-product__point--profil .car-product__delete-box {
    width: 50%;
    text-align: center;
  }
}
@media screen and (min-width: 55em) {
  .cart-product__point--profil .car-product__delete-box {
    width: 50%;
    text-align: center;
  }
}
@media screen and (min-width: 62em) {
  .cart-product__point--profil .car-product__delete-box {
    width: 7%;
  }
}
.cart-product__point--profil--admin .cart-product__perex {
  width: 29%;
}
.cart-product__point--profil--admin .cart-product__cont {
  width: 100%;
}
@media screen and (min-width: 34em) {
  .cart-product__point--profil--admin .cart-product__cont {
    width: 70%;
    float: left;
  }
}
@media screen and (min-width: 55em) {
  .cart-product__point--profil--admin .cart-product__cont {
    width: 70%;
    float: left;
  }
}
@media screen and (min-width: 62em) {
  .cart-product__point--profil--admin .cart-product__cont {
    width: 20%;
  }
}
.cart-product__price-input {
  width: 4.6em;
  height: auto;
  background-color: #ffffff;
  border: 1px solid #aeaeae;
  padding: 0.3em 0;
  margin-bottom: 0.3em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 16;
  line-height: 1.1428571428571428;
  letter-spacing: 0.03em;
  color: #ff4800;
  text-align: center;
  display: inline-block;
}
.cart-product__sale-box {
  width: 100%;
  text-align: center;
  font-family: 'Roboto', sans-serif;
}
@media screen and (min-width: 34em) {
  .cart-product__sale-box {
    width: 50%;
    float: left;
  }
}
@media screen and (min-width: 55em) {
  .cart-product__sale-box {
    width: 50%;
    float: left;
  }
}
@media screen and (min-width: 62em) {
  .cart-product__sale-box {
    width: 10%;
  }
}
.cart-product__select {
  border: 1px solid #b6b6b6;
  border-radius: 5px;
  padding: 0 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 80%;
  margin: 0.2em auto;
  height: 2em;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 13;
  line-height: 1;
  letter-spacing: 0;
  font-family: 'Roboto', sans-serif;
  color: #333333;
}
/* formaátování reklamace v profilu */
.claim-table-product {
  width: 90%;
  margin: 30px;
  border-collapse: collapse;
  font-family: 'Roboto', sans-serif;
}
.claim-table-product th,
.claim-table-product td {
  border-bottom: 1px solid #DDDDDD;
}
.claim-table-list {
  margin: 30px;
  border: 1px solid #DDDDDD;
  width: 90%;
  border-collapse: collapse;
}
.claim-table-list td {
  border: 1px solid #DDDDDD;
}
.claim-tr1 {
  font-size: 14px;
  height: 40px;
}
.claim-tr2 {
  height: 80px;
  font-size: 12px;
}
.claim-thumb {
  border: 1px solid #DDDDDD;
  max-height: 60px;
}
.claim-catid {
  color: #0086B7;
}
.claim-list {
  font-size: 24px;
}
.claim-number {
  padding: 0 0 0 80px;
}
.claim-date {
  padding: 0 0 0 40px;
}
.claim-dodavatel {
  float: left;
  padding: 20px;
}
.claim-values {
  width: 50%;
  padding: 10px;
}
.claim-pad10 {
  padding: 10px;
}
.claim-pad20 {
  padding: 20px;
}
.claim-pad30 {
  padding: 0 0 0 30px;
}
.claim-w50-pad20 {
  width: 50%;
  padding: 20px;
}
.claim-center {
  text-align: center;
}
.claim-top {
  vertical-align: top;
}
.claim-left {
  text-align: left;
}
/* pro detail stranky, zajistuje rozsireni po prihlaseni */
.detail-profil__box {
  margin: 1.6em 0;
}
.detail-profil__box .detail__half,
.detail-profil__box .detail__third {
  margin: 0.8em 0;
}
.detail-profil__text {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 15;
  line-height: 1.1538461538461537;
  letter-spacing: 0.01em;
  font-family: 'Roboto', sans-serif;
  color: #333333;
  font-weight: 300;
}
.detail-profil__text strong {
  font-weight: 500;
}
@media screen and (min-width: 64em) {
  .detail__third--info {
    padding-right: 0.8em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.detail__third--info li {
  padding: 0 0.7em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.detail__third--info li:nth-child(odd) {
  background-color: #b6b6b6;
}
.detail__third--info li .detail__half:nth-child(even) {
  text-align: right;
}
.detail__third--price {
  text-align: center;
}
@media screen and (min-width: 64em) {
  .detail__third--price {
    padding-right: 0.8em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.detail__third--price li {
  padding: 0.1em 0.7em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: rgba(60, 162, 64, 0.16);
}
.detail__third--price li:nth-child(even) {
  background-color: rgba(255, 72, 0, 0.16);
}
.detail__third--price .detail__link {
  margin-top: 1em;
}
@media print {
  body {
    background-color: white !important;
    width: 1000px !important;
  }
  /* Vypnuti stylu */
  .header {
    position: relative !important;
    top: 0 !important;
  }
  .header__logo {
    width: 268px;
    height: 60px;
  }
  .phone__pic {
    display: inline-block;
    width: 30px;
    height: 60px;
    vertical-align: middle;
  }
  .phone-box {
    float: right !important;
    display: block !important;
    height: 60px;
    vertical-align: middle;
  }
  .benefit {
    width: 1000px;
  }
  .benefit__wrap {
    max-width: 1000px;
  }
  .benefit__box-main-wrap {
    width: 50%;
    float: left;
  }
  .benefit__box-wrap {
    width: 80%;
  }
  .benefit__box-wrap--set2 .benefit__box:before,
  .benefit__box-wrap--set2 .benefit__box:after {
    width: 100%;
    height: 100%;
  }
  .benefit__box-wrap--set2 .benefit__box:before {
    border-top: 3px solid #e9ebeb;
    border-left: 3px solid #e9ebeb;
    top: 0;
    left: 0;
  }
  .benefit__box-wrap--set2 .benefit__box:after {
    border-bottom: 3px solid #e9ebeb;
    border-right: 3px solid #e9ebeb;
  }
  .product-slide__show-box {
    display: none;
  }
  .after-footer,
  .slick-dots {
    display: none !important;
  }
  .main-footer__wrap {
    margin-bottom: 0 !important;
  }
  .main-footer {
    margin-top: 0;
  }
  .main-footer__box:nth-child(1) {
    display: none;
  }
  .main-footer__box:nth-child(2) {
    display: none;
  }
  .main-footer__box:nth-child(3) {
    width: 50%;
  }
  .main-footer__box:nth-child(4) {
    width: 50%;
  }
  .main-footer__list-point--extra {
    display: none;
  }
  .main-footer__benefit {
    padding: 10px 0 0;
  }
  .main-footer__benefit-pic--logo,
  .main-footer__benefit-pic {
    height: 70px;
    display: inline-block;
  }
  .main-footer__benefit-pic img {
    height: 70px;
    display: inline-block;
  }
  .top-bar,
  .header__search-box,
  .cart-box,
  .main-menu__wrap,
  .newsletter,
  .slick-dots,
  .footer__end,
  .folder-list,
  .category__text,
  .product-panel,
  .btn-box__more,
  .pagenation-container,
  .article-category,
  .category-link,
  .product-slide__wrap--category,
  .product-slide__detail-box {
    display: none;
  }
  .products-list-data {
    width: 1000px !important;
  }
  .product-slide__box--category {
    width: 250px !important;
    float: left;
  }
  .detail__card-order,
  .print-hide,
  .detail__card-list-box,
  .detail__text,
  .detail-nav {
    display: none;
  }
  .score {
    max-height: 160px;
    margin: 0;
  }
  .score__half-box:nth-child(1) {
    display: none;
  }
  .detail__lay-half {
    width: 47%;
    display: block;
    float: left;
  }
  .detail__lay-half:nth-child(2) {
    margin-right: 3%;
  }
  .detail__lay-half:nth-child(1) {
    margin-left: 3%;
  }
  .product-slide__control-box {
    display: none !important;
  }
  #slider-product-for,
  .slider-product,
  .slider-product__box,
  .slider-product__pic {
    width: 480px !important;
  }
  .score__half-box {
    width: 100%;
    display: block;
  }
  .score__box {
    display: block;
    float: left;
    width: 50%;
  }
}
.video {
  border: 0;
  width: 100%;
  height: 400px;
  padding-top: 2em;
  padding-right: 1em;
}
@media only screen and (min-width: 900px) {
  .video {
    width: 600px;
  }
}
@media only screen and (max-width: 560px) {
  .video {
    height: 200px;
  }
}
@media only screen and (max-width: 280px) {
  .video {
    height: 160px;
  }
}
.default-ul__list {
  list-style-type: circle;
  margin-top: 1em;
  margin-left: 4em;
  margin-bottom: 1em;
}
.default-ol__list {
  list-style: decimal;
  margin-top: 1em;
  margin-left: 4em;
  margin-bottom: 1em;
}
.alpha-ol__list {
  list-style: lower-alpha;
  margin-top: 1em;
  margin-left: 4em;
  margin-bottom: 1em;
}
.progress_bar {
  background-color: #5eb95e;
  height: 25px;
}
.modal_item_flex {
  display: table;
  table-layout: fixed;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.modal_item__pic-box {
  width: 99%;
  margin: 0 0.5%;
  position: relative;
}
@media screen and (min-width: 55em) {
  .modal_item__pic-box {
    float: left;
    width: 8%;
  }
}
.modal_item__pic-square {
  max-width: 7.5em;
  margin: auto;
}
.modal_item__pic-square:after {
  content: '';
  display: block;
  padding-bottom: 100%;
}
.modal_item__cont {
  width: 100%;
}
@media screen and (min-width: 55em) {
  .modal_item__cont {
    width: 70%;
    float: left;
  }
}
.modal_item__cont--upload {
  width: 100%;
  min-height: 2.4em;
  text-align: center;
}
@media screen and (min-width: 55em) {
  .modal_item__cont--upload {
    width: 55%;
    float: left;
    text-align: left;
  }
}
.modal_item__cont--upload .modal_item__name {
  padding-right: 0;
}
.modal_item__name {
  font-size: 16px;
  font-size: 1rem;
  line-height: 22;
  line-height: 1.375;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  color: #444444;
  padding-right: 1.2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.modal_item__name a:hover {
  text-decoration: underline;
}
@media screen and (min-width: 55em) {
  .modal_item__name {
    text-align: left;
  }
}
.modal_item__size-box {
  width: 100%;
  text-align: center;
  font-family: 'Roboto', sans-serif;
}
@media screen and (min-width: 55em) {
  .modal_item__size-box {
    width: 33.33333333%;
    float: left;
    width: 14%;
  }
}
.modal_item__size-box--upload {
  width: 100%;
  min-height: 2.4em;
  text-align: center;
}
@media screen and (min-width: 55em) {
  .modal_item__size-box--upload {
    width: 25%;
    float: left;
    text-align: center;
  }
}
.modal_item__size {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 20;
  line-height: 1.1111111111111112;
  letter-spacing: 0.03em;
  color: #333333;
  width: 100%;
  display: block;
}
.modal_item__delete-box {
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 55em) {
  .modal_item__delete-box {
    width: 33.33333333%;
    float: left;
    text-align: right;
  }
}
.modal_item__delete-box--upload {
  width: 100%;
  min-height: 2.4em;
  text-align: center;
}
@media screen and (min-width: 55em) {
  .modal_item__delete-box--upload {
    float: left;
    text-align: center;
    width: 5%;
    text-align: right;
    margin-right: 0.8em;
  }
}
.warranty__num-box {
  width: 100%;
  margin-top: 1em;
}
@media screen and(min-width: 24em) {
  .warranty__num-box {
    width: 50%;
    float: left;
  }
}
@media screen and(min-width: 42em) {
  .warranty__num-box {
    width: 30%;
    padding: 0 0.5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0;
  }
}
.warranty__nav-point {
  display: block;
  margin: auto;
  text-align: center;
  border-radius: 6px;
  border: 1px solid #aeaeae;
  overflow: hidden;
  margin-top: 0.4em;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 16;
  line-height: 1.1428571428571428;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #646464;
  font-family: 'Roboto', sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: not-allowed;
}
.warranty__nav-point:nth-child(1) {
  margin-left: 0;
}
@media screen and (min-width: 31em) {
  .warranty__nav-point {
    float: left;
    margin-left: 3%;
  }
}
@media screen and (max-width: 48em) {
  .warranty__nav-point {
    display: none;
  }
}
@media screen and (min-width: 31em) and (max-width: 48em) {
  .warranty__nav-point {
    width: 48.5%;
  }
  .warranty__nav-point:nth-child(odd) {
    margin-left: 0;
  }
}
.warranty__nav-point:hover .warranty__nav-number {
  background-color: #ffffff;
}
.warranty__nav-point--active {
  border: 1px solid transparent;
  color: #ffffff;
  cursor: pointer;
}
.warranty__nav-point--active .warranty__nav-number {
  background-color: #0d6882;
}
.warranty__nav-point--active .warranty__nav-name {
  background-color: #1597bc;
}
.warranty__nav-point--active:hover .warranty__nav-number {
  background-color: #333333;
}
.warranty__nav-point--done {
  color: #444444;
  cursor: pointer;
}
.warranty__nav-point--done .warranty__nav-number {
  background-color: #e9ebeb;
}
.warranty__nav-point--done .warranty__nav-name {
  background-color: #e1e1e1;
}
.warranty__nav-number {
  width: 20%;
  float: left;
  padding: 1.3em 0;
  transition: background-color 0.2s ease-in-out;
}
@media screen and (min-width: 48em) and (max-width: 60em) {
  .warranty__nav-number {
    width: 100%;
    padding: 0.3em 0;
  }
}
.warranty__nav-name {
  width: 80%;
  float: left;
  padding: 1.3em 0.2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 48em) and (max-width: 60em) {
  .warranty__nav-name {
    width: 100%;
  }
}
.warranty__nav--complaint .warranty__nav-name {
  text-align: right;
  padding: 1.3em 0.8em;
  padding-left: 0.2em;
}
.warranty__nav--complaint .warranty__nav-point {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 15;
  line-height: 1.1538461538461537;
  letter-spacing: 0.03em;
}
.warranty__input-box--complaint {
  width: 100%;
}
@media screen and (min-width: 46em) {
  .warranty__input-box--complaint {
    width: 49em;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.warranty-product-row__header {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24;
  line-height: 1.3333333333333333;
  letter-spacing: 0;
  font-weight: 600;
  margin-top: 0.5em;
  color: #333333;
}
.warranty-product-row__text {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24;
  line-height: 1.5;
  letter-spacing: 0;
  color: #333333;
}
.warranty-product-row__text strong {
  font-weight: 600;
}
.warranty-product-row__text span {
  font-style: italic;
}
.warranty-product-row__preferences {
  list-style: number;
}
.warranty-product-row__header + .warranty-product-row__text {
  margin-top: 0.1em;
}
.warranty-button-wrapper {
  float: right;
  width: 66px;
}
.warranty-move-up-button {
  width: 0;
  height: 0;
  border-left: 33px solid transparent;
  border-right: 33px solid transparent;
  border-bottom: 10px solid #ff4800;
  margin-bottom: 3px;
  transition: all 0.7s ease-in-out;
}
.warranty-move-up-button:hover {
  margin-bottom: 8px;
  border-bottom: 10px solid #f86c35;
}
.warranty-move-down-button {
  width: 0;
  height: 0;
  border-left: 33px solid transparent;
  border-right: 33px solid transparent;
  border-top: 10px solid #ff4800;
  margin-top: 3px;
  transition: all 0.7s ease-in-out;
}
.warranty-move-down-button:hover {
  margin-top: 8px;
  border-top: 10px solid #f86c35;
}
.restartWarranty {
  color: #ff4800;
}
.restartWarranty:hover {
  text-decoration: underline;
}
.marginTop15 {
  margin-top: 15px;
}
.modal-window-info {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 16;
  line-height: 1.2307692307692308;
  letter-spacing: 0.02em;
  padding-left: 5%;
}
/* FB Spinner */
.fb-spinner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  z-index: 1000;
}
.fb-spinner::after {
  content: "";
  width: 3em;
  height: 3em;
  border-top-color: #ff4800;
  border-left-color: #ff4800;
  animation: spinner 400ms linear infinite;
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-style: solid;
  border-width: 6px;
  border-radius: 50%;
  box-sizing: border-box;
}
.benefit__box.loaded > .fb-spinner {
  display: none;
}
/*********************************************************************************************************************/
/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*= NOVÉ STYLY 2020 =*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/
/*********************************************************************************************************************/
.btn-basic {
  border-radius: 6px;
  display: inline-block;
  padding: 0.8rem 1rem;
  text-align: center;
  min-width: 10rem;
}
.product-btn-colors {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3bb83f+0,229c26+100 */
  background: #3bb83f;
  /* Old browsers */
  background: -moz-linear-gradient(top, #3bb83f 0%, #229c26 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #3bb83f 0%, #229c26 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #3bb83f 0%, #229c26 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3bb83f', endColorstr='#229c26', GradientType=0);
  /* IE6-9 */
  color: white;
  border: 1px solid #229c26;
}
.product-btn-colors-hover {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#229c26+0,3bb83f+100 */
  background: #229c26;
  /* Old browsers */
  background: -moz-linear-gradient(top, #229c26 0%, #3bb83f 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #229c26 0%, #3bb83f 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #229c26 0%, #3bb83f 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#229c26', endColorstr='#3bb83f', GradientType=0);
  /* IE6-9 */
  color: white;
  border: 1px solid #229c26;
}
/* =======================
   [START] Šablona stránky
   ======================= */
/*[SUB] Nadpisy */
.page-headline-second {
  display: block;
  color: #1575a0;
  font-size: 1.7rem;
  text-transform: uppercase;
  padding: 0.8em 0;
  font-weight: 500;
}
/*[SUBEND] Nadpisy */
/*[SUB]Bloky, boxy, sekce*/
.inner {
  margin: 0 0 3rem 0;
}
/*[SUBEND]Bloky, boxy, sekce*/
/*[MOD] Inner box na stránce*/
.inner--top-space {
  margin: 3rem 0 0 0;
}
/*[MODEND] Inner box na stránce*/
/* =======================
   [KONEC] Šablona stránky
   ======================= */
/* ======================================================================================================
   [START] Formuláře
   ====================================================================================================== */
/* [SUB] AJAXové formuláře*/
form {
  position: relative;
}
form.sending .spinner {
  display: flex;
}
/*[SUBEND] AJAXové formuláře */
/* [SUB] Formuláře - zpráva o úspěchu (snippet) */
.form-message {
  top: 0;
  left: 0;
  position: absolute;
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  text-align: center;
  color: white;
  padding: 1em;
}
.form-message__icon-box {
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 1rem;
}
.form-message__icon {
  width: 3em;
}
.form-message__txt {
  margin-bottom: 1rem;
}
.form-message--success {
  background-color: #4cb050;
}
.form-message--warning {
  background-color: #fe9807;
}
.form-message--error {
  background-color: #cd5155;
}
.form-message__solution {
  font-weight: bold;
  text-decoration: underline;
}
.form-message__solution:hover {
  text-decoration: none;
}
/* [SUBEND] Formuláře - zpráva o úspěchu */
.input-group {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 1.5em;
  position: relative;
}
.input-group input {
  display: block;
}
.input-group input[type=text],
.input-group input[type=password] {
  border: 1px solid silver;
  padding: 0 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 2.7em;
  outline: none;
  border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.input-group input[type=text]:disabled,
.input-group input[type=password]:disabled {
  border-color: #d3d3d3;
  background-color: #f2f2f2;
  color: gray;
}
.input-group input[type=text]:focus,
.input-group input[type=password]:focus {
  outline: none;
  border-color: #ff4800;
}
.input-group--error input[type=text],
.input-group--error input[type=password] {
  border: 2px solid #d70000;
}
.input-label {
  display: block;
  font-weight: bold;
  margin-bottom: 0.3em;
}
.input-label.input-label--required-star:after {
  content: "*";
  color: red;
}
.required-info {
  font-size: 0.8em;
  color: gray;
  margin-bottom: 1.5em;
}
.required-star {
  color: red;
}
textarea {
  border: 1px solid silver;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-height: 8em;
  padding: 0.5em;
  resize: vertical;
  border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
textarea:disabled {
  border-color: #d3d3d3;
  background-color: #f2f2f2;
  color: gray;
}
textarea:focus {
  outline: none;
  border-color: #ff4800;
}
.input-group--error textarea {
  border: 2px solid #d70000;
}
.input-error {
  text-align: left;
  display: none;
  margin: 0.5em 0;
  position: relative;
}
.input-error.green {
  color: #009405;
}
.input-error:not(.green) {
  color: #d70000;
  padding-left: 1.5em;
}
.input-error:not(.green):before {
  content: "";
  display: block;
  width: 1.1em;
  height: 1.1em;
  position: absolute;
  background-image: url(../images/template-images/form/input-error.svg);
  background-size: 100%;
  left: 0;
  top: 0;
}
.input-group--error .input-error {
  display: block;
}
.button-group {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
.button-group.button-group--center {
  justify-content: center;
}
.button-group.button-group--left {
  justify-content: flex-start;
}
.button-group.button-group--right {
  justify-content: flex-end;
}
.button-group.button-group--space-between {
  justify-content: space-between;
}
.button {
  display: block;
  position: relative;
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 1em;
  border-radius: 0.5em;
  flex-shrink: 0;
  text-align: center;
  font-weight: 500;
  cursor: pointer;
  background-color: #00a323;
  border: 1px solid #00a323;
  color: white;
  min-width: 10em;
}
.button.button-small {
  font-size: 0.9rem;
  padding: 0.7em 1em;
  min-width: auto;
}
.button:focus {
  outline: none;
}
.button:hover {
  background-color: white;
  color: #00a323;
}
.button.button--gray {
  background-color: gray;
  color: white;
  border: 1px solid gray;
}
.button.button--gray:hover {
  background-color: white;
  color: gray;
}
.button.button--blue {
  background-color: #4d96cf;
  color: white;
  border: 1px solid #4d96cf;
}
.button.button--blue:hover {
  background-color: white;
  color: #4d96cf;
}
/* ======================================================================================================
   [KONEC] Formuláře
   ====================================================================================================== */
/* ======================================================================================================
   [START] Hlavní samostatný panel, napříáklad na hlavní stránce, často sdílený (Carousely, Blog, apúod.)
   ====================================================================================================== */
.main-panel {
  display: block;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  position: relative;
  max-width: 100em;
  margin: 0 auto 3em auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 40em) {
  .main-panel {
    padding: 0 1.25em;
  }
}
.main-panel.main-panel--old-related {
  margin-top: 1px;
}
.main-panel__title-container {
  background-color: white;
  display: block;
  width: 100%;
}
.main-panel__title {
  display: block;
  color: #1575a0;
  font-size: 1.7rem;
  padding: 0.8em 1em;
  text-transform: uppercase;
}
.main-panel__title a:hover {
  text-decoration: underline;
}
.main-panel__content-container {
  background-color: white;
  display: block;
  width: 100%;
}
/* [MOD] Modifikace pro hlavní panel (hlavní stránka - top slevy)*/
.main-panel--top-sales .main-panel__title-container {
  background-image: url(../images/top-sale.svg);
  background-size: contain;
  background-repeat: repeat-x;
}
.main-panel--top-sales .main-panel__title {
  color: #e40303;
}
/* [MODEND] Modifikace pro hlavní panel (hlavní stránka - top slevy)*/
/* [MOD] Modifikace pro hlavní panel (hlavní stránka - hlavní carousel)*/
.main-panel--main-carousel .main-panel__content-container {
  background-color: transparent;
}
.main-panel--main-carousel {
  margin-bottom: calc(3rem - 35px);
}
/* [MODEND] Modifikace pro hlavní panel (hlavní stránka - hlavní carousel)*/
/* ======================================================================================================
   [KONEC] Hlavní samostatný panel, napříáklad na hlavní stránce, často sdílený (Carousely, Blog, apúod.)
   ====================================================================================================== */
/* =======================================
   [START] Úvodní panel s carouselem a 3 benefity
   ======================================= */
.benefit-carousel-box {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap-reverse;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 75em) {
  .benefit-carousel-box {
    flex-wrap: nowrap;
  }
}
/* [SUB] Box s carouselem */
.main-carousel-box {
  position: relative;
  display: block;
  width: 100%;
  background-color: silver;
}
@media screen and (min-width: 75em) {
  .main-carousel-box {
    flex-grow: 1;
    width: 0%;
  }
}
.main-carousel__items {
  white-space: nowrap;
  font-size: 0;
  overflow: hidden;
}
.main-carousel__item {
  position: relative;
  width: 100%;
  display: inline-block;
  vertical-align: top;
}
.main-carousel__ratio-box {
  position: relative;
  width: 100%;
  padding-top: 39.16745506%;
  overflow: hidden;
}
.main-carousel__item img,
.main-carousel__item picture {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.main-carousel__dots-box {
  display: none;
  position: relative;
  text-align: right;
  height: 35px;
  line-height: 35px;
}
@media screen and (min-width: 75em) {
  .main-carousel__dots-box {
    display: block;
  }
}
.main-carousel__dots li {
  vertical-align: middle;
  display: inline-block;
  margin-left: 1em;
}
.main-carousel__dots button {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #f86c35;
  font-size: 0;
  background-color: white;
  display: block;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}
.main-carousel__dots li.slick-active button,
.main-carousel__dots button:hover {
  background-color: #f86c35;
}
/* [SUBEND] Box s carouselem */
/* [SUB] - Box s benefity */
.main-benefit-box {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: white;
}
@media screen and (min-width: 75em) {
  .main-benefit-box {
    flex-wrap: wrap;
    width: 18%;
  }
}
.main-benefit-item {
  position: relative;
  width: calc(100% / 3);
  text-align: center;
}
@media screen and (min-width: 75em) {
  .main-benefit-item {
    flex-wrap: wrap;
    width: 100%;
  }
}
.main-benefit-item__image {
  max-width: 4em;
}
.main-benefit-item__title {
  font-family: 'Roboto', sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #1597bc;
  margin-top: 0.5em;
}
.main-benefit-item__text {
  display: none;
}
@media screen and (min-width: 47.5em) {
  .main-benefit-item__text {
    display: block;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 16;
    line-height: 1.2307692307692308;
    letter-spacing: 0.03em;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
    color: #333333;
    margin-top: 0.2em;
  }
}
/* [SUBEND] - Box s benefity */
/* ==============================================
   [KONEC] Úvodní panel s carouselem a 3 benefity
   ============================================== */
/* ===========================================================================
   [START] Produktový carousel pro samostantý panel (například hlavní stránka)
   =========================================================================== */
.carousel {
  position: relative;
  width: 100%;
}
.carousel__items {
  white-space: nowrap;
  width: 100%;
  position: relative;
  background-color: white;
  overflow: hidden;
  font-size: 0;
}
/* [HACK] Schová krajní ohraničení posledního viditelného prvku v carouselu */
.carousel__items:after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-color: white;
}
.carousel__item {
  font-size: 1rem;
  white-space: normal;
  display: inline-block;
  vertical-align: top;
  position: relative;
  border-right: 1px solid #dcdada;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 1em;
}
@media screen and (min-width: 550px) and (max-width: 849px) {
  .carousel__item {
    width: 50%;
  }
}
@media screen and (min-width: 850px) and (max-width: 1099px) {
  .carousel__item {
    width: calc(100% / 3);
  }
}
@media screen and (min-width: 1100px) and (max-width: 1349px) {
  .carousel__item {
    width: 25%;
  }
}
@media screen and (min-width: 1350px) {
  .carousel__item {
    width: calc(20%);
  }
}
/* [SUB] Ovládací tlačítka carouselu */
.carousel__control-btn {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 3em;
  height: 6em;
  padding: 0.5em;
  background-color: #f86c35;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  cursor: pointer;
}
.carousel__control-btn > img {
  width: 100%;
}
.carousel__control-btn:hover {
  background-color: #ff4800;
}
.carousel__control-btn--prev {
  -webkit-border-top-right-radius: 1em;
  -webkit-border-bottom-right-radius: 1em;
  -moz-border-radius-topright: 1em;
  -moz-border-radius-bottomright: 1em;
  border-top-right-radius: 1em;
  border-bottom-right-radius: 1em;
  left: 0;
}
.carousel__control-btn--next {
  -webkit-border-top-left-radius: 1em;
  -webkit-border-bottom-left-radius: 1em;
  -moz-border-radius-topleft: 1em;
  -moz-border-radius-bottomleft: 1em;
  border-top-left-radius: 1em;
  border-bottom-left-radius: 1em;
  right: 0;
}
/* [SUBEND] Ovládací tlačítka carouselu */
/* [MOD] Carousel kategorií pro samostantý panel (například hlavní stránka) */
.carousel--panel-categories .carousel__item {
  width: 100%;
}
@media screen and (min-width: 400px) {
  .carousel--panel-categories .carousel__item {
    width: 50%;
  }
}
@media screen and (min-width: 600px) {
  .carousel--panel-categories .carousel__item {
    width: calc(100% / 3);
  }
}
@media screen and (min-width: 750px) {
  .carousel--panel-categories .carousel__item {
    width: 25%;
  }
}
@media screen and (min-width: 1000px) {
  .carousel--panel-categories .carousel__item {
    width: calc(100% / 6);
  }
}
@media screen and (min-width: 1200px) {
  .carousel--panel-categories .carousel__item {
    width: calc(100% / 7);
  }
}
.carousel--inner-categories .carousel__item {
  width: 100%;
}
@media screen and (min-width: 400px) {
  .carousel--inner-categories .carousel__item {
    width: 50%;
  }
}
@media screen and (min-width: 600px) {
  .carousel--inner-categories .carousel__item {
    width: calc(100% / 3);
  }
}
@media screen and (min-width: 850px) {
  .carousel--inner-categories .carousel__item {
    width: 25%;
  }
}
@media screen and (min-width: 1100px) {
  .carousel--inner-categories .carousel__item {
    width: calc(100% / 5);
  }
}
/* [MODEND] Carousel kategorií pro samostantý panel (například hlavní stránka) */
/* ===========================================================================
   [KONEC] Produktový carousel pro samostantý panel (například hlavní stránka)
   =========================================================================== */
/* =================================================================================
   [START] Grid s výpisem náhledů produktů (například zobrazení konkrétní kategorie)
   ================================================================================= */
.product-grid {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-top: 1em;
}
/* =================================================================================
   [KONEC] Grid s výpisem náhledů produktů (například zobrazení konkrétní kategorie)
   ================================================================================= */
/* =====================================================================================
   [START] Náhled produktu (například zobrazení konkrétní kategorie nebo v carouselech)
   ===================================================================================== */
.product-thumbnail {
  position: relative;
  display: block;
  width: 100%;
  padding: 1em 1em 2em 1em;
  box-sizing: border-box;
  font-family: 'Roboto', sans-serif;
}
.product-thumbnail__title {
  display: block;
  height: 2.5em;
  overflow: hidden;
  font-weight: bold;
  margin-bottom: 0.7em;
}
.product-thumbnail__picture-box-ratio {
  position: relative;
  width: 100%;
  padding-top: 100%;
  margin-bottom: 0.7em;
}
.product-thumbnail__picture-box {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.product-thumbnail__picture {
  max-width: 90%;
  max-height: 90%;
  display: block;
  flex-shrink: 1;
}
.product-thumbnail__price-btn-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  column-gap: 1rem;
}
@media screen and (min-width: 330px) {
  .product-thumbnail__price-btn-container {
    flex-direction: row;
  }
}
.product-thumbnail__description {
  font-size: 90%;
  color: #5F5F5F;
  height: 3.5em;
  overflow: hidden;
  margin-bottom: 1em;
}
.product-thumbnail__availability {
  color: #229C26;
  text-align: right;
  margin-top: 0.5rem;
  font-size: 90%;
  display: block;
}
.product-thumbnail__add-to-cart-availability-container {
  display: flex;
  flex-direction: column;
  align-items: end;
}
.product-thumbnail__detail-btn {
  display: inline-block;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3bb83f+0,229c26+100 */
  background: #3bb83f;
  /* Old browsers */
  background: -moz-linear-gradient(top, #3bb83f 0%, #229c26 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #3bb83f 0%, #229c26 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #3bb83f 0%, #229c26 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3bb83f', endColorstr='#229c26', GradientType=0);
  /* IE6-9 */
  color: white;
  border: 1px solid #229c26;
  -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5);
  box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5);
  border-radius: 6px;
  padding: 0.7em 1.5em;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4);
  font-size: 90%;
}
.product-thumbnail__detail-btn:hover {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#229c26+0,3bb83f+100 */
  background: #229c26;
  /* Old browsers */
  background: -moz-linear-gradient(top, #229c26 0%, #3bb83f 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #229c26 0%, #3bb83f 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #229c26 0%, #3bb83f 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#229c26', endColorstr='#3bb83f', GradientType=0);
  /* IE6-9 */
  color: white;
  border: 1px solid #229c26;
}
/* [MOD] Náhled produktu pro pro výpis v gridu */
.product-thumbnail.product-thumbnail--product-grid-item {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.08+1,0+6 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.08) 1%, rgba(0, 0, 0, 0) 6%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.08) 1%, rgba(0, 0, 0, 0) 6%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.08) 1%, rgba(0, 0, 0, 0) 6%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14000000', endColorstr='#00000000', GradientType=0);
  /* IE6-9 */
  position: relative;
  width: 100%;
  padding: 1.7em 1em 1em 1em;
  box-sizing: border-box;
  font-family: 'Roboto', sans-serif;
  vertical-align: top;
  flex-shrink: 0;
  -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
  -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
  box-shadow: inset 0px 1px 0px 0px #ffffff;
  border-bottom: 1px solid #d4d4d4;
}
.product-thumbnail.product-thumbnail--product-grid-item:first-of-type {
  border-top: 1px solid #d4d4d4;
}
@media screen and (min-width: 600px) and (max-width: 899px) {
  .product-thumbnail.product-thumbnail--product-grid-item {
    width: 50%;
    border-right: 1px solid #d4d4d4;
  }
  .product-thumbnail.product-thumbnail--product-grid-item:nth-of-type(2n+1) {
    border-left: 1px solid #d4d4d4;
  }
  .product-thumbnail.product-thumbnail--product-grid-item:nth-of-type(-n+2) {
    border-top: 1px solid #d4d4d4;
  }
}
@media screen and (min-width: 900px) and (max-width: 1599px) {
  .product-thumbnail.product-thumbnail--product-grid-item {
    width: calc(100% / 3);
    border-right: 1px solid #d4d4d4;
  }
  .product-thumbnail.product-thumbnail--product-grid-item:nth-of-type(3n+1) {
    border-left: 1px solid #d4d4d4;
  }
  .product-thumbnail.product-thumbnail--product-grid-item:nth-of-type(-n+3) {
    border-top: 1px solid #d4d4d4;
  }
}
@media screen and (min-width: 1600px) {
  .product-thumbnail.product-thumbnail--product-grid-item {
    width: 25%;
    border-right: 1px solid #d4d4d4;
  }
  .product-thumbnail.product-thumbnail--product-grid-item:nth-of-type(4n+1) {
    border-left: 1px solid #d4d4d4;
  }
  .product-thumbnail.product-thumbnail--product-grid-item:nth-of-type(-n+4) {
    border-top: 1px solid #d4d4d4;
  }
}
/* [MODEND] Náhled produktu pro pro výpis v gridu */
/* [MOD] Náhled produktu pro pro Carousel */
.product-thumbnail.product-thumbnail--carousel {
  padding: 1em;
}
.product-thumbnail.product-thumbnail--carousel .product-thumbnail__picture-box {
  background-color: white;
}
.product-thumbnail.product-thumbnail--carousel .product-thumbnail__price-btn-container {
  margin-bottom: 0;
}
/* [MODEND] Náhled produktu pro pro Carousel */
/* =====================================================================================
   [KONEC] Náhled produktu (například zobrazení konkrétní kategorie nebo v carouselech)
   ===================================================================================== */
/* ==========================================================================================
   [START] Příznaky produktu, jako overlay přes produktové fotky (TOP, SLEVA, NOVINKA, apod.)
   ========================================================================================== */
.product-flags {
  font-family: 'Roboto', sans-serif;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.product-flags__half {
  display: flex;
  flex-direction: column;
}
.product-flags__half:first-of-type {
  width: 30%;
}
.product-flags__half:nth-of-type(2) {
  width: 70%;
}
.product-flags__half.product-flags__half--right {
  align-items: flex-end;
}
.product-flags__half.product-flags__half--left {
  align-items: flex-start;
}
.product-flags__percentage {
  width: 3.2em;
  height: 3.2em;
  background-color: #FFCC00;
  border-radius: 50%;
  color: black;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-flags__half.product-flags__half--left {
  align-items: flex-start;
}
.product-flags__flag {
  font-size: 80%;
  background-color: coral;
  border-radius: 6px;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0.5em 1em;
  margin-bottom: 0.3em;
}
.product-flags__flag.product-flags__flag--top {
  background-color: #5d03e4;
}
.product-flags__flag.product-flags__flag--action {
  background-color: #ff008a;
}
.product-flags__flag.product-flags__flag--last-minute {
  background-color: #e46503;
}
.product-flags__flag.product-flags__flag--sale {
  background-color: #e40377;
}
.product-flags__flag.product-flags__flag--new {
  background-color: #00c;
}
.product-flags__flag.product-flags__flag--temp {
  background-color: #000000;
}
.product-flags__flag.product-flags__flag--super-price {
  background-color: #d80202;
}
/* [MOD] Modifikace pro zobrazení v detailu produktu */
.product-flags--product-detail {
  padding: 2em;
  font-family: 'Roboto', sans-serif;
}
/* [MODEND] Modifikace pro zobrazení v detailu produktu */
/* ==========================================================================================
   [KONEC] Příznaky produktu, jako overlay přes produktové fotky (TOP, SLEVA, NOVINKA, apod.)
   ========================================================================================== */
/* ================================================================
   [START] Náhled kategorie zobrazující se v menu, nebo v carouselu
   ================================================================ */
.category-thumbnail {
  font-family: 'Roboto', sans-serif;
  position: relative;
  display: flex;
  box-sizing: border-box;
}
.category-thumbnail__ratio-box {
  position: relative;
  width: 20%;
  padding-top: 20%;
}
.category-thumbnail__picture-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0.5em;
}
.category-thumbnail__picture {
  max-width: 100%;
  max-height: 100%;
}
.category-thumbnail__title {
  width: 80%;
  box-sizing: border-box;
  padding-left: 1em;
  display: flex;
  align-items: center;
  font-size: 1rem;
}
/* [MOD] Náhled kategorie - velký, pro potřeby carouselu */
.category-thumbnail.category-thumbnail--big {
  display: block;
  padding: 1em;
}
.category-thumbnail.category-thumbnail--big .category-thumbnail__ratio-box {
  width: 100%;
  padding-top: 100%;
  margin-bottom: 1em;
}
.category-thumbnail.category-thumbnail--big .category-thumbnail__picture-box {
  padding: 0;
}
.category-thumbnail.category-thumbnail--big .category-thumbnail__title {
  display: block;
  width: 100%;
  text-align: center;
  padding: 0;
}
/* [MODEND] Náhled kategorie - velký, pro potřeby carouselu */
/* ================================================================
   [KONEC] Náhled kategorie zobrazující se v menu, nebo v carouselu
   ================================================================ */
/* ===================================
   [START] Pomocníci, zatím nezařazeno
   =================================== */
.slick-slide,
.slick-slide a {
  outline: none;
}
.box-placeholder {
  color: transparent;
}
.box-placeholder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fafafa;
}
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                          supported by Chrome, Opera and Firefox */
}
/* ===================================
   [KONEC] Pomocníci, zatím nezařazeno
   =================================== */
/* ===================================
   [START] Loading overlay
   =================================== */
.loading-overlay--full {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  z-index: 1000;
  justify-content: center;
  align-items: center;
}
.loading-overlay--full.loading-overlay--show {
  display: flex;
}
.loading-overlay__spinner-container {
  position: relative;
  display: block;
  color: #ff4800;
  padding: 3em;
  text-align: center;
  border-radius: 1em;
}
.loading-overlay__spinner {
  color: #ff4800;
  display: block;
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 auto;
}
.loading-overlay__label {
  margin-top: 1em;
  text-transform: uppercase;
}
.loading-overlay__spinner div {
  transform-origin: 40px 40px;
  animation: overlay-spinner 1.2s linear infinite;
}
.loading-overlay__spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background-color: #ff4800;
}
.loading-overlay__spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.loading-overlay__spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.loading-overlay__spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.loading-overlay__spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.loading-overlay__spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.loading-overlay__spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.loading-overlay__spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.loading-overlay__spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.loading-overlay__spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.loading-overlay__spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.loading-overlay__spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.loading-overlay__spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes overlay-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* ===================================
   [Konec] Loading overlay
   =================================== */
/* =================================
   [START] Galerie detailu produktu
   ================================= */
.product-carousel {
  position: relative;
  display: block;
  width: 100%;
}
@media screen and (min-width: 49em) {
  .product-carousel {
    width: 90%;
  }
}
/*[SUB] Hlavní obrázek */
.product-carousel__main-container {
  position: relative;
  border: 1px solid #dcdada;
}
.product-carousel__main-container .product-flags {
  padding: 1em;
  pointer-events: none;
}
.product-carousel__items {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 0;
  white-space: nowrap;
  overflow: hidden;
}
.product-carousel__item {
  position: relative;
  width: 100%;
  height: 100%;
  display: inline-block;
  vertical-align: top;
}
.product-carousel__ratio-box {
  width: 100%;
  padding-top: 80%;
  position: relative;
}
.product-carousel__picture-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-carousel__picture {
  max-width: 90%;
  max-height: 90%;
}
/*[SUBEND] Hlavní obrázek */
/*[SUB] Navigace (malé náhledy)*/
.product-carousel__thumbs-container {
  position: relative;
  width: 100%;
  display: none;
}
@media screen and (min-width: 36em) {
  .product-carousel__thumbs-container {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }
}
.product-carousel__thumbs {
  position: relative;
  flex-shrink: 1;
  flex-grow: 1;
  font-size: 0;
  padding: 1rem 0;
  white-space: nowrap;
  overflow: hidden;
}
.product-carousel__thumb {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 20%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 4px;
}
.product-carousel__thumb-ratio-box {
  position: relative;
  width: 100%;
  padding-top: 60%;
  border: 1px solid #dcdada;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.product-carousel__thumb-ratio-box:hover,
.slick-current .product-carousel__thumb-ratio-box {
  border: 1px solid #f86c35;
}
.product-carousel__thumb-picture-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-carousel__thumb-picture {
  max-width: 90%;
  max-height: 90%;
}
/*[SUBEND] Navigace (malé náhledy)*/
/* [SUB] Ovládací tlačítka hlavního náhledu*/
.product-carousel__control-btn {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 3em;
  height: 6em;
  padding: 0.5em;
  background-color: #f86c35;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  cursor: pointer;
}
.product-carousel__control-btn > img {
  width: 100%;
}
.product-carousel__control-btn:hover {
  background-color: #ff4800;
}
.product-carousel__control-btn--prev {
  -webkit-border-top-right-radius: 1em;
  -webkit-border-bottom-right-radius: 1em;
  -moz-border-radius-topright: 1em;
  -moz-border-radius-bottomright: 1em;
  border-top-right-radius: 1em;
  border-bottom-right-radius: 1em;
  left: 0;
}
.product-carousel__control-btn--next {
  -webkit-border-top-left-radius: 1em;
  -webkit-border-bottom-left-radius: 1em;
  -moz-border-radius-topleft: 1em;
  -moz-border-radius-bottomleft: 1em;
  border-top-left-radius: 1em;
  border-bottom-left-radius: 1em;
  right: 0;
}
/* [SUBEND] Ovládací tlačítka hlavního náhledu*/
/* [SUB] Ovládací tlačítka navigace galerie (malé náhledy)*/
.product-carousel__thumbs-control-btn {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  padding: 5px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* [SUBEND] Ovládací tlačítka navigace galerie (malé náhledy)*/
/* =================================
   [KONEC] Galerie detailu produktu
   ================================= */
/* ======================================================================================================
   [START] Košík 4
   ====================================================================================================== */
.cart-confirm {
  margin-bottom: 1rem;
  color: #444444;
}
.cart-confirm__half {
  width: 100%;
  margin-bottom: 2rem;
}
@media screen and (min-width: 65em) {
  .cart-confirm__half {
    width: 40%;
    float: left;
    padding-right: 3%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 1rem;
  }
  .cart-confirm__half.cart-confirm__half--right {
    width: 60%;
    padding-right: 0;
    padding-left: 3%;
  }
}
.cart-confirm__list {
  margin-bottom: 1rem;
}
.cart-confirm__point {
  line-height: 1.3;
}
.cart-confirm__point.cart-confirm__point--top-marged {
  margin-bottom: 0.3em;
}
.cart-confirm__list-title {
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 0.4em;
}
.cart-confirm__label {
  font-weight: bold;
}
.cart-confirm-post__box {
  margin-bottom: 1em;
}
.cart-confirm-post__point {
  display: flex;
  align-items: center;
  padding: 0.3em;
  border: 1px solid #d3d3d3;
}
.cart-confirm-post__icon-box {
  position: relative;
  width: 4rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin-right: 0.5em;
}
.cart-confirm-post__icon {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.cart-confirm-post__text {
  flex-grow: 1;
}
.cart-confirm-post__name {
  font-weight: bold;
}
.cart-confirm-post__branch {
  font-size: 0.9rem;
  margin-top: 0.2em;
}
.cart-confirm__cart-item {
  width: 100%;
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #b6b6b6;
  font-size: 0.9em;
}
.cart-confirm__cart-item:first-of-type {
  border-top: 1px solid #b6b6b6;
}
.cart-confirm__cart-item:nth-child(odd) {
  background-color: #f7f7f7;
}
.cart-confirm__cart-item strong {
  font-weight: 600;
}
.cart-confirm__cart-flex {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.cart-confirm__name-box {
  width: 100%;
  padding-right: 3em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 1em;
}
@media screen and (min-width: 55rem) {
  .cart-confirm__name-box {
    width: 40%;
    margin-bottom: 0em;
  }
}
.cart-confirm__item-info {
  position: relative;
  width: 100%;
  padding: 0.15em;
  flex-shrink: 0;
  display: flex;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #d3d3d3;
}
.cart-confirm__item-info:last-of-type {
  border-bottom: none;
}
@media screen and (min-width: 35rem) {
  .cart-confirm__item-info {
    width: 33.33333333%;
    border: none;
    display: block;
  }
  .cart-confirm__item-info .cart-confirm__item-label {
    width: 100%;
    text-align: center;
  }
  .cart-confirm__item-info .cart-confirm__item-value {
    width: 100%;
    text-align: center;
  }
}
@media screen and (min-width: 55rem) {
  .cart-confirm__item-info {
    width: 20%;
  }
}
.cart-confirm__item-label {
  flex-shrink: 0;
  width: 8em;
  text-transform: uppercase;
  color: gray;
}
.cart-confirm__item-value {
  font-weight: bold;
  flex-grow: 1;
  text-align: right;
}
.cart-confirm__radio {
  width: 1em;
  border: 1px solid #b6b6b6;
}
.cart-confirm__radio:active {
  background-color: #ff4800;
}
.cart-confirm__total {
  width: 100%;
  text-align: right;
  margin-bottom: 1em;
}
.cart-confirm__total strong {
  font-weight: 600;
}
.cart-confirm__all-price-dph {
  font-size: 1.2rem;
  margin-bottom: 0.2em;
}
.cart-confirm__all-price {
  color: #999999;
}
.cart-confirm__post-price {
  text-align: right;
  padding: 0.5rem;
  background-color: #f3f3f3;
  margin-bottom: 1rem;
}
.cart-confirm__post-price strong {
  font-weight: bold;
}
.cart-confirm__note {
  margin-bottom: 2rem;
  color: #444444;
}
/* ======================================================================================================
   [END] Košík 4
   ====================================================================================================== */
/* ======================================================================================================
   [START] Košík Navigace
   ====================================================================================================== */
.cart-nav__wrap {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: start;
  max-width: 50rem;
  padding: 0 0 1rem 0;
  margin: 0 auto;
  overflow: hidden;
}
@media screen and (min-width: 55rem) {
  .cart-nav__wrap {
    padding: 0rem 1rem 1rem 1rem;
    align-items: center;
  }
}
.cart-nav__step {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
  cursor: not-allowed;
}
@media screen and (min-width: 55rem) {
  .cart-nav__step {
    flex-direction: row;
    flex-basis: auto;
    flex-grow: 0;
  }
}
.cart-nav__separator {
  color: silver;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  flex-basis: 0;
  flex-shrink: 1;
}
@media screen and (min-width: 55rem) {
  .cart-nav__separator {
    font-size: 2rem;
  }
}
.cart-nav__number {
  display: flex;
  background-color: #ededed;
  border: 1px solid silver;
  color: silver;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 0.9rem;
  width: 2em;
  height: 2em;
  flex-shrink: 0;
}
.cart-nav__label {
  display: block;
  color: silver;
  font-size: 0.8rem;
  margin-top: 0.5em;
  text-align: center;
}
@media screen and (min-width: 55rem) {
  .cart-nav__label {
    margin-top: 0;
    font-size: 1rem;
    text-align: left;
    margin-left: 1em;
  }
}
.cart-nav__step--active {
  cursor: pointer;
}
.cart-nav__step--active .cart-nav__number {
  border: 1px solid #ff4800;
  background-color: #ff4800;
  color: white;
  font-weight: bold;
}
.cart-nav__step--active .cart-nav__label {
  color: #444444;
}
.cart-nav__step--done {
  cursor: pointer;
}
.cart-nav__step--done .cart-nav__number {
  border: 1px solid #ff4800;
  background-color: white;
  color: #ff4800;
  font-weight: bold;
}
.cart-nav__step--done .cart-nav__label {
  color: #444444;
}
.cart-nav__step--done:hover .cart-nav__number {
  background-color: #ff4800;
  color: white;
}
.cart-nav__step--active .cart-nav__label {
  font-weight: bold;
}
.cart-nav__shadow {
  display: block;
  width: 100%;
  height: 18px;
  margin: 0 auto 1rem auto;
}
@media screen and (min-width: 30rem) {
  .cart-nav__shadow {
    margin: 0 auto 2rem auto;
  }
}
/* ======================================================================================================
   [END] Košík Navigace
   ====================================================================================================== */
/* ======================================================================================================
   [START] Košík Global
   ====================================================================================================== */
.cart__message-box {
  display: flex;
  position: relative;
  background-color: #e3fcff;
  padding: 1em;
  align-items: center;
  border-radius: 1em;
  border: 1px solid #a9ebff;
  margin-bottom: 1em;
}
.cart__message-icon-box {
  width: 2em;
  position: relative;
  margin-right: 1em;
  flex-shrink: 0;
}
.cart__message-icon {
  display: block;
  width: 100%;
}
.cart__message-text {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  color: #007898;
  font-size: 0.9rem;
  text-align: left;
}
/* ======================================================================================================
   [END] Košík Global
   ====================================================================================================== */
/* ======================================================================================================
   [START] Extended panel (Panel zobrazující se v košíku, pokud jsi přihlášen jako Admin, nebo reseller)
   ====================================================================================================== */
.extended-cart-panel {
  width: 100%;
  background-color: #ffffff;
  padding: 0.2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 8px solid #ff4800;
  padding: 1em;
}
.extended-cart-panel__flex {
  display: flex;
  flex-wrap: wrap;
}
.extended-cart-panel__column {
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px dotted silver;
}
@media screen and (min-width: 73em) {
  .extended-cart-panel__column {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
.extended-cart-panel__title {
  display: block;
  margin-bottom: 1em;
  font-weight: bold;
  font-size: 1.2rem;
}
@media screen and (min-width: 73em) {
  .extended-cart-panel__column--set {
    width: 20%;
    padding-right: 1em;
    border-right: 1px dotted silver;
  }
}
@media screen and (min-width: 73em) {
  .extended-cart-panel__column--tag {
    width: 60%;
    padding-left: 1em;
    padding-right: 0.5em;
    border-right: 1px dotted silver;
  }
}
@media screen and (min-width: 73em) {
  .extended-cart-panel__column--area {
    padding-left: 1em;
    width: 20%;
  }
}
.extended-cart-panel__subcolumns {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.extended-cart-panel__subcolumn--area {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 2em;
}
@media screen and (min-width: 40em) {
  .extended-cart-panel__subcolumn--area {
    width: 50%;
    margin-bottom: 0;
  }
  .extended-cart-panel__subcolumn--area:first-child {
    padding-right: 1em;
  }
  .extended-cart-panel__subcolumn--area:nth-child(2) {
    padding-left: 1em;
  }
}
@media screen and (min-width: 73em) {
  .extended-cart-panel__subcolumn--area {
    width: 100%;
    margin-bottom: 2em;
  }
  .extended-cart-panel__subcolumn--area:first-child {
    padding-right: 0;
  }
  .extended-cart-panel__subcolumn--area:nth-child(2) {
    padding-left: 0;
  }
}
.extended-cart-panel__textarea {
  border: 1px solid silver;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-height: 100px;
  padding: 0.5em;
  resize: vertical;
}
.extended-cart-panel__textarea:focus {
  outline: none;
  border-color: #ff4800;
}
.extended-cart-panel__label {
  display: block;
  font-weight: bold;
  margin-bottom: 0.3em;
}
.extended-cart-panel__select-box {
  width: 100%;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.extended-cart-panel__select {
  border: 1px solid silver;
  padding: 0 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 2.7em;
  width: 100%;
}
.extended-cart-panel__select:focus {
  outline: none;
  border-color: #ff4800;
}
.extended-cart-panel__tags {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.extended-cart-panel__tag {
  padding: 0.4em 1em 0.4em 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.extended-cart-panel__tag * {
  vertical-align: middle;
}
@media screen and (min-width: 35em) {
  .extended-cart-panel__tag {
    width: 50%;
  }
}
@media screen and (min-width: 45em) {
  .extended-cart-panel__tag {
    width: 33.33333333%;
  }
}
.extended-cart-panel__tag-icon {
  width: 20px;
  margin-right: 4px;
}
.extended-cart-panel__btn-box {
  width: 100%;
  text-align: right;
}
.extended-cart-panel__btn {
  display: inline-block;
  font-size: 16px;
  font-size: 1rem;
  line-height: 18;
  line-height: 1.125;
  letter-spacing: 0.03em;
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #3ca240;
  padding: 0.8em 1.25em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 6px;
  border: 1px solid transparent;
}
.extended-cart-panel__btn:hover {
  color: #3ca240;
  background-color: #ffffff;
  border: 1px solid #3ca240;
}
.extended-cart-panel__btn--add:before {
  content: '+';
  display: inline-block;
}
/* ======================================================================================================
   [END] Extended panel (Panel zobrazující se v košíku, pokud jsi přihlášen jako Admin, nebo reseller)
   ====================================================================================================== */
/* ====================
   [START] Top Message
   ====================*/
.top-message__wrapper {
  display: none;
  position: relative;
  background-color: #d80202;
  color: white;
  padding: 1em 0.5em;
  background-size: 100px 100px;
  background-position: 50px 50px;
  -webkit-box-shadow: inset 0px -46px 28px -57px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0px -46px 28px -57px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px -46px 28px -57px rgba(0, 0, 0, 0.75);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.top-message__wrapper.top-message__wrapper--show {
  display: block;
}
.top-message__container {
  margin: 0 auto;
  max-width: 100rem;
  padding: 0 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0.8rem;
  display: flex;
}
.top-message__text {
  flex-grow: 1;
}
.top-message__close-wrapper {
  flex-shrink: 0;
  margin-left: 1em;
}
.top-message__close-btn {
  width: 1.2em;
  height: 1.2em;
  display: flex;
  position: relative;
  background-color: white;
  border-radius: 50%;
  color: #d80202;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  cursor: pointer;
}
.top-message__close-btn:hover {
  background-color: #aa0000;
  color: white;
}
/* ====================
   [END] Top Message
   ====================*/
/* ======================
   [START] Collapsers Basic
   ======================*/
.collapser__content {
  display: none;
}
.collapser--opened > .collapser__content,
.collapser__content.collapser--opened {
  display: block;
}
/* ======================
   [END] Collapsers Basic
   ======================*/
.cart-final__message-container {
  position: relative;
  max-width: 35rem;
  text-align: center;
  margin: 2em auto 2em auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cart-final__status-icon-box {
  position: relative;
  width: 5em;
  margin: 0em auto 1.5em auto;
}
.cart-final__status-icon {
  width: 100%;
}
.cart-final__text {
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.cart-final__text strong {
  font-weight: bold;
}
.cart-final__payment-info {
  position: relative;
  font-size: 1rem;
  width: 100%;
  margin: 3rem auto;
  overflow: hidden;
}
.cart-final__payment-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cart-final__payment-item:nth-child(odd) {
  background-color: #f3f3f3;
}
.cart-final__payment-items {
  margin-top: 1rem;
}
.cart-final__payment-label {
  font-weight: bold;
}
.cart-final__order-id-container {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 1em;
}
.cart-final__order-id {
  color: #ff4800;
}
.cart-final__qr-container {
  margin-top: 3em;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 40rem) {
  .cart-final__qr-container {
    text-align: left;
    flex-direction: row;
  }
}
.cart-final__qr-image-wrapper {
  position: relative;
  margin: 0 auto 2em auto;
  width: 10em;
  height: 10em;
  flex-shrink: 0;
  border-radius: 1em;
  overflow: hidden;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3);
}
.cart-final__qr-image-wrapper img {
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 40rem) {
  .cart-final__qr-image-wrapper {
    margin: 0 2em 0 0;
  }
}
.cart-sidebar__container {
  background-color: #f3f3f3;
  width: 20em;
  height: 100%;
}
.cart-layout {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.cart-empty__message-container {
  margin: 0 auto;
  max-width: 40rem;
  text-align: center;
}
.cart-empty__text {
  font-size: 1rem;
  margin-bottom: 1rem;
}
.cart-empty__image {
  display: block;
  margin: 0 auto 2em auto;
  max-width: 12em;
}
.cart-buttons__container {
  position: relative;
  display: flex;
  flex-wrap: wrap-reverse;
  margin: 1.5rem auto;
  width: 100%;
  align-items: center;
}
@media screen and (min-width: 35rem) {
  .cart-buttons__container.cart-buttons__container--space-between {
    justify-content: space-between;
  }
  .cart-buttons__container.cart-buttons__container--center {
    justify-content: center;
  }
  .cart-buttons__container.cart-buttons__container--left {
    justify-content: flex-start;
  }
  .cart-buttons__container.cart-buttons__container--right {
    justify-content: flex-end;
  }
}
.cart-buttons__button {
  display: block;
  position: relative;
  padding: 1em;
  font-size: 1rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 1em;
  border-radius: 0.5em;
  background-color: silver;
  flex-shrink: 0;
  text-align: center;
  font-weight: 500;
}
@media screen and (min-width: 35rem) {
  .cart-buttons__button {
    width: auto;
    min-width: 15em;
  }
  .cart-buttons__container--center .cart-buttons__button {
    margin: 0 0.5em;
  }
  .cart-buttons__container--left .cart-buttons__button {
    margin: 0 1em 0 0;
  }
  .cart-buttons__container--right .cart-buttons__button {
    margin: 0 0 0 1em;
  }
}
.cart-buttons__button--green {
  background-color: #00a323;
  color: white;
  border: 1px solid #00a323;
}
.cart-buttons__button--green:hover {
  background-color: white;
  color: #00a323;
}
.cart-buttons__button--gray {
  background-color: #f0f0f0;
  border: 1px solid #f0f0f0;
}
.cart-buttons__button--gray:hover {
  background-color: #f5f5f5;
}
/* ======================================================================================================
   [START] Košík 1 + admin a reseller
   ====================================================================================================== */
.cart-items-container {
  margin-bottom: 2rem;
}
.cart-items-container.cart-items-container--summary {
  margin-bottom: 0;
}
.cart-items__title {
  font-weight: bold;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.cart-items__title.cart-items__title--gift {
  color: #167d1b;
}
.cart-items__title.cart-items__title--special {
  color: #0070a1;
}
.cart-items__subtitle {
  margin-bottom: 0.5rem;
}
.cart-items__subtitle.cart-items__subtitle--gift {
  color: #167d1b;
}
.cart-items__subtitle.cart-items__subtitle--special {
  color: #0070a1;
}
.cart-item {
  width: 100%;
  position: relative;
  border-bottom: 1px solid #e9ebeb;
  padding: 1rem 0.5rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cart-item.cart-item--summary {
  padding: 0.5rem;
}
.cart-item:first-child {
  border-top: 1px solid #e9ebeb;
}
@media screen and (min-width: 50rem) {
  .cart-item:not(.cart-item--admin):not(.cart-item--reseller) {
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 75rem) {
  .cart-item.cart-item--admin,
  .cart-item.cart-item--reseller {
    display: flex;
    align-items: center;
  }
}
.cart-item.cart-item--special {
  background-color: #ebf9ff;
  border-bottom: 1px solid #8bdbff;
}
.cart-item.cart-item--special:first-child {
  border-top: 1px solid #8bdbff;
}
.cart-item.cart-item--gift {
  background-color: #e6ffe7;
  border-bottom: 1px solid #6fd68b;
}
.cart-item.cart-item--gift:first-child {
  border-top: 1px solid #6fd68b;
}
.cart-item__half-container {
  display: flex;
  flex-wrap: nowrap;
}
@media screen and (min-width: 50rem) {
  .cart-item__half-container {
    align-items: center;
    width: 55%;
    flex-shrink: 0;
  }
}
.cart-item__admin-reseller-product-container {
  display: flex;
  flex-wrap: nowrap;
  padding-right: 2.5rem;
}
@media screen and (min-width: 75rem) {
  .cart-item__admin-reseller-product-container {
    padding-right: 0rem;
    align-items: center;
    width: 30%;
    flex-shrink: 0;
  }
}
@media screen and (min-width: 50rem) {
  .cart-item__basic-quantity-container {
    display: flex;
    flex-grow: 1;
  }
}
@media screen and (min-width: 50rem) {
  .cart-item__basic-quantity-container.cart-item__basic-quantity-container--admin,
  .cart-item__basic-quantity-container.cart-item__basic-quantity-container--reseller {
    display: block;
    flex-grow: 1;
  }
}
.cart-item__basic-info-container {
  padding-right: 2.5rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cart-item__basic-info-container.cart-item__basic-info-container--summary {
  padding-right: 0;
}
@media screen and (min-width: 50rem) {
  .cart-item__basic-info-container {
    flex-grow: 1;
    padding-right: 1rem;
  }
}
.cart-item__image-wrapper {
  position: relative;
  display: block;
  flex-shrink: 0;
  flex-grow: 0;
  width: 5em;
  margin-right: 1rem;
  aspect-ratio: 1;
}
.cart-item__image-wrapper.cart-item__image-wrapper--summary {
  width: 3em;
}
@media screen and (min-width: 50rem) {
  .cart-item__image-wrapper.cart-item__image-wrapper--admin,
  .cart-item__image-wrapper.cart-item__image-wrapper--reseller {
    width: 7em;
    margin-right: 2rem;
  }
}
.cart-item__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.cart-item__name {
  font-weight: 500;
  margin-bottom: 0.3em;
}
.cart-item__code {
  color: silver;
  font-size: 0.8rem;
  margin-bottom: 0.3em;
}
.cart-item__availability {
  margin-bottom: 0.3em;
}
.cart-item__availability.cart-item__availability--green {
  color: #00a323;
}
.cart-item__availability.cart-item__availability--red {
  color: #e61f1f;
}
.cart-item__quantity-container {
  display: flex;
  align-items: center;
}
.cart-item__quantity-control {
  width: 1.8rem;
  height: 1.8rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f8f8f8;
  border: 1px solid silver;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 400;
  cursor: pointer;
  color: #979797;
}
.cart-item__quantity-control:first-of-type {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.cart-item__quantity-control:last-of-type {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.cart-item__quantity-control:hover {
  color: inherit;
  background-color: white;
}
.cart-item__quantity-value-container {
  white-space: nowrap;
  padding: 0 0.5rem;
}
.cart-item__quantity-value {
  border: 1px solid silver;
  border-radius: 0;
  border-left: none;
  border-right: none;
  background-image: none;
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-align: center;
  padding: 0;
  width: 1.8rem;
  font-weight: bold;
  height: 1.8rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.cart-item__quantity-value:focus {
  outline: none;
  border: 1px solid #ff4800;
  border-left: none;
  border-right: none;
}
.cart-item__price-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 1rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.cart-item__price-container strong {
  font-weight: bold;
}
.cart-item__price-container.cart-item__price-container--summary {
  margin-top: 0.5rem;
}
.cart-item__price-container.cart-item__price-container--summary .cart-item__price-total {
  padding-right: 0;
}
@media screen and (min-width: 50rem) {
  .cart-item__price-container:not(.cart-item__price-container--admin):not(.cart-item__price-container--reseller) {
    margin-top: 0;
    align-items: center;
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: flex-start;
  }
}
.cart-item__price-container.cart-item__price-container--admin,
.cart-item__price-container.cart-item__price-container--reseller {
  flex-wrap: wrap;
  align-items: stretch;
}
@media screen and (min-width: 75rem) {
  .cart-item__price-container.cart-item__price-container--admin,
  .cart-item__price-container.cart-item__price-container--reseller {
    margin-top: 0;
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: flex-start;
    padding: 0 1rem;
  }
}
.cart-item__price-box-wrapper {
  width: 50%;
  padding: 0.2em;
  text-align: center;
  box-sizing: border-box;
}
@media screen and (min-width: 50rem) {
  .cart-item__price-box-wrapper.cart-item__price-box-wrapper--admin {
    width: 20%;
  }
  .cart-item__price-box-wrapper.cart-item__price-box-wrapper--reseller {
    width: 25%;
  }
}
.cart-item__price-box-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #f3f3f3;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
}
.cart-item__price-box-title {
  font-size: 0.8rem;
  font-weight: 500;
  width: 100%;
  padding: 0.25em 0;
  background-color: rgba(0, 0, 0, 0.1);
}
.cart-item__price-box-content {
  position: relative;
  box-sizing: border-box;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0.5em 0.2em;
  flex-grow: 1;
}
.cart-item__price-incvat {
  color: #ff4800;
  font-weight: 500;
}
.cart-item__price-input {
  box-sizing: border-box;
  width: 70%;
  border: 1px solid silver;
  border-radius: 3px;
  text-align: center;
  height: 1.9em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #ff4800;
  font-weight: 500;
}
.cart-item__price-input:focus {
  outline: none;
  border: 1px solid #ff4800;
}
.cart-item__sale-select {
  box-sizing: border-box;
  width: 80%;
  border: 1px solid silver;
  border-radius: 3px;
  text-align: center;
  height: 1.9em;
}
.cart-item__sale-select:focus {
  outline: none;
  border: 1px solid #ff4800;
}
.cart-item__price-input-currency {
  color: #ff4800;
  font-weight: 500;
}
.cart-item__min-profit {
  color: red;
  font-weight: 500;
}
@media screen and (min-width: 50rem) {
  .cart-item__price-per-piece {
    text-align: right;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 1rem;
  }
}
.cart-item__price-total {
  text-align: right;
}
@media screen and (min-width: 50rem) {
  .cart-item__price-total {
    text-align: right;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 2rem;
  }
}
.cart-item__discount-note {
  font-size: 0.8rem;
  color: #ff4800;
}
.cart-item__price {
  color: #ff4800;
}
.cart-item__price.cart-item__price--original {
  text-decoration: line-through;
  color: silver;
  font-size: 0.9rem;
}
.cart-item__delete-sign {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: 1rem;
  right: 0;
  cursor: pointer;
  opacity: 0.6;
}
@media screen and (min-width: 50rem) {
  .cart-item__delete-sign:not(.cart-item__delete-sign--admin):not(.cart-item__delete-sign--reseller) {
    top: auto;
    right: auto;
    position: relative;
  }
}
@media screen and (min-width: 75rem) {
  .cart-item__delete-sign.cart-item__delete-sign--admin,
  .cart-item__delete-sign.cart-item__delete-sign--reseller {
    top: auto;
    right: auto;
    position: relative;
  }
}
.cart-item__delete-sign:hover {
  opacity: 1;
}
.cart-item__special-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 1rem;
  flex-grow: 1;
}
.cart-item__special-container strong {
  font-weight: bold;
}
@media screen and (min-width: 50rem) {
  .cart-item__special-container {
    margin-top: 0;
    align-items: center;
    justify-content: flex-start;
  }
}
.cart-item__special-part {
  flex-shrink: 0;
  flex-grow: 0;
}
@media screen and (min-width: 50rem) {
  .cart-item__special-part {
    width: 50%;
    text-align: center;
  }
}
.cart-item__special-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #00a6f8;
  border: 1px solid #00a6f8;
  border-radius: 6px;
  color: white;
  height: 2.5em;
  padding: 0 1em;
}
.cart-item__special-btn:hover {
  background-color: white;
  color: #00a6f8;
}
.cart-items__price-container {
  background-color: #f3f3f3;
  padding: 1rem;
  text-align: center;
  border-radius: 6px;
}
@media screen and (min-width: 35em) {
  .cart-items__price-container {
    text-align: right;
  }
}
.cart-items__price strong {
  font-weight: bold;
}
.cart-items__price:first-child {
  margin-bottom: 0.5rem;
}
.cart-items__price.cart-items__price--novat {
  color: gray;
}
.cart-items__price.cart-items__price--vat {
  font-size: 1rem;
}
@media screen and (min-width: 35em) {
  .cart-items__price.cart-items__price--vat {
    font-size: 1.3rem;
  }
}
.cart-discount-code__container {
  margin-top: 1rem;
}
.cart-discount-code__container strong {
  font-weight: bold;
}
.cart-discount-code__button {
  display: inline-flex;
  align-items: center;
  font-weight: bold;
  margin-bottom: 1em;
  cursor: pointer;
}
.cart-discount-code__button:hover {
  color: #ff4800;
  text-decoration: underline;
}
.cart-discount-code__button-icon-wrapper {
  position: relative;
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.5em;
}
.cart-discount-code__button-icon {
  width: 100%;
}
.cart-discount-code__content {
  display: none;
}
.cart-discount-code__container--opened .cart-discount-code__content,
.cart-discount-code__container--filled .cart-discount-code__content {
  display: block;
}
.cart-discount-code__input-group {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}
@media screen and (min-width: 30em) {
  .cart-discount-code__input-group {
    width: auto;
  }
}
.cart-discount-code__input {
  border: 1px solid silver;
  border-right: none;
  padding: 0 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  flex-grow: 1;
  height: 2.7em;
  outline: none;
  font-size: 0.9rem;
  border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media screen and (min-width: 30em) {
  .cart-discount-code__input {
    flex-grow: 0;
    width: 15em;
  }
}
.cart-discount-code__submit {
  border: 1px solid #ff4800;
  background-color: #ff4800;
  color: white;
  padding: 0 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 5em;
  height: 2.7em;
  outline: none;
  text-align: center;
  cursor: pointer;
}
.cart-discount-code__submit:hover {
  color: #ff4800;
  background-color: white;
}
.cart-discount-code__label {
  font-weight: bold;
  margin-bottom: 0.5em;
}
.cart-discount-code__value {
  display: inline-block;
  color: #ff4800;
  padding: 0.5em 2em;
  border: 1px solid silver;
  background-color: #f3f3f3;
  margin-bottom: 1em;
  margin-right: 1em;
}
.cart-discount-code__remove {
  display: inline-block;
  color: #e61f1f;
  font-weight: bold;
  background-color: white;
  border: 1px solid #e61f1f;
  width: 1.1em;
  font-size: 1.2rem;
  height: 1.1em;
  border-radius: 50%;
  vertical-align: middle;
  line-height: 1.1em;
  text-align: center;
}
.cart-discount-code__remove:hover {
  color: white;
  background-color: #e61f1f;
}
.cart-discount-code__message {
  margin-top: 0.5em;
}
.cart-discount-code__message.cart-discount-code__message--success {
  color: #00a323;
}
.cart-discount-code__message.cart-discount-code__message--error {
  color: #e61f1f;
}
.cart-discount-code__message.cart-discount-code__message--warning {
  margin-top: 0;
  color: #FF5F1A;
}
/* ======================================================================================================
   [END] Košík 1 + admin a reseller
   ====================================================================================================== */
.cart-eet {
  box-sizing: border-box;
  text-align: center;
  margin: 0 auto;
  max-width: 100em;
  font-size: 0.9rem;
  padding: 1em 3.4% 4em 3.4%;
}
/* =====================================================================
   [START] Výběr varianty produktu
   ===================================================================== */
.product-variant {
  position: relative;
  z-index: 30;
  margin-bottom: 2em;
}
.product-variant.product-variant--opened {
  z-index: 35;
}
.product-variant__title {
  font-weight: bold;
  margin-bottom: 0.3em;
}
.product-variant__image-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  width: 4em;
  height: 4em;
  flex-shrink: 0;
  margin-right: 0.5em;
}
.product-variant__image {
  max-width: 90%;
  max-height: 90%;
}
.product-variant__header {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0.5em;
  border: 1px solid silver;
  z-index: 5;
  background-color: white;
  border-radius: 3px;
  cursor: pointer;
}
.product-variant--opened .product-variant__header {
  border-bottom: 1px solid transparent;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.product-variant__arrow-wrapper {
  position: relative;
  width: 0.7em;
  padding: 0 0.25em;
}
@media screen and (min-width: 40em) {
  .product-variant__arrow-wrapper {
    padding: 0 1em;
  }
}
.product-variant__arrow {
  width: 100%;
}
.product-variant--opened .product-variant__arrow {
  transform: rotateZ(180deg);
}
.product-variant__list {
  max-height: 300px;
  overflow-y: auto;
}
.product-variant__dropdown {
  height: 0;
  overflow: hidden;
  box-sizing: border-box;
  position: absolute;
  background-color: white;
  width: 100%;
  margin-top: -1px;
  border: 1px solid silver;
  border-top: none;
  transform: translateY(-1em);
  transition: transform 300ms ease-out;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.3);
  /* &:after{
         content: "";
         position: absolute;
         top: 0;
         left:0;
         height: .3em;
         background: rgb(236,236,236);
         background: -moz-linear-gradient(0deg, rgba(236,236,236,0) 0%, rgba(0,0,0,0.3) 100%);
         background: -webkit-linear-gradient(0deg, rgba(236,236,236,0) 0%, rgba(0,0,0,0.3) 100%);
         background: linear-gradient(0deg, rgba(236,236,236,0) 0%, rgba(0,0,0,0.3) 100%);
         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ececec",endColorstr="#000000",GradientType=1);
         width: 100%;
     }*/
}
.product-variant--opened .product-variant__dropdown {
  height: auto;
  overflow: visible;
  transform: translateY(0em);
}
.product-variant__shadow {
  position: absolute;
  width: 100%;
  height: 0.3em;
  background: #ececec;
  background: -moz-linear-gradient(0deg, rgba(236, 236, 236, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
  background: -webkit-linear-gradient(0deg, rgba(236, 236, 236, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
  background: linear-gradient(0deg, rgba(236, 236, 236, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ececec", endColorstr="#000000", GradientType=1);
  opacity: 0;
}
.product-variant--opened .product-variant__shadow {
  opacity: 0.5;
}
.product-variant__item {
  padding: 0.5em;
  border-bottom: 1px solid #f0f0f0;
}
.product-variant__item:last-of-type {
  border-bottom: 0;
}
.product-variant__item:hover {
  background: #ff4800;
  color: white;
}
.product-variant__item:hover .product-variant__price {
  color: white;
}
.product-variant__name {
  flex-grow: 1;
  font-size: 0.9em;
}
@media screen and (min-width: 40em) {
  .product-variant__name {
    font-size: 1em;
  }
}
.product-variant__info {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.product-variant__prices-container {
  flex-shrink: 0;
  text-align: right;
  margin-left: 0.25em;
}
.product-variant__previous-price {
  text-decoration: line-through;
  font-size: 0.9rem;
  color: silver;
  text-align: right;
}
.product-variant__price {
  font-weight: bold;
  color: #ff4800;
}
/* =====================================================================
   [END] Výběr varianty produktu
   ===================================================================== */
/* =====================================================================
   [START] Kontakt
   ===================================================================== */
.contact-col-layout__container {
  display: flex;
  flex-wrap: wrap;
}
.contact-col-layout__column {
  display: block;
  width: 100%;
  padding: 1em 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  align-items: stretch;
}
@media screen and (min-width: 60em) {
  .contact-col-layout__column {
    width: 33.33333333%;
    padding: 1em;
  }
}
.contact-panel__container {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2em;
  text-align: center;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  min-height: 5em;
  border-radius: 1em;
  height: 100%;
}
.contact-panel__icon-wrapper {
  margin: 0 auto;
  width: 50px;
  margin-bottom: 1em;
}
.contact-panel__icon {
  display: block;
  width: 100%;
}
.contact-panel__title {
  font-weight: bold;
  font-size: 140%;
  margin-bottom: 1em;
}
.contact-panel__subtitle {
  font-size: 100%;
  margin-bottom: 0.5em;
  font-weight: bold;
  text-decoration: underline;
}
.contact-panel__text {
  max-width: 300px;
  margin: 0 auto 1em auto;
  line-height: 1.5;
}
.contact__map-btn {
  background-color: #ff4800;
  color: white;
  border: 1px solid #ff4800;
  border-radius: 6px;
  padding: 0.5em 1em;
  display: inline-block;
}
.contact__map-btn:hover {
  transform: scale(1.1);
}
.contact__map-arrow {
  margin: -3px auto 0 auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 10px 0 10px;
  border-color: #ff4800 transparent transparent transparent;
}
.contact__rma-button {
  background-color: #00a323;
  color: white;
  border: 1px solid #00a323;
  border-radius: 6px;
  padding: 0.5em 1em;
  display: inline-block;
  margin: 0 auto 2em auto;
}
.contact__rma-button:hover {
  background-color: transparent;
  color: #00a323;
}
.contact__pickup-map {
  width: 100%;
  border: 1px solid silver;
  border-radius: 0.7em;
  overflow: hidden;
  position: relative;
  max-width: 300px;
  margin: 2em auto 0em auto;
}
.contact__pickup-map img {
  position: relative;
  display: block;
  width: 100%;
}
.contact__pickup-map-overlay {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.contact-line {
  align-items: center;
  display: flex;
  margin-bottom: 0.5em;
}
.contact-line strong {
  font-weight: 600;
}
.contact-line.contact-line--phone {
  font-size: 150%;
  color: #ff4800;
  margin-bottom: 0;
  font-weight: 600;
}
.contact-line.contact-line--phone a {
  text-decoration: none;
}
.contact-line.contact-line--center {
  justify-content: center;
}
.contact-line.contact-line--vertical-top {
  align-items: flex-start;
  text-align: left;
  margin-bottom: 2em;
}
@media screen and (min-width: 40em) {
  .contact-line.contact-line--vertical-top {
    width: 50%;
  }
}
.contact-line a {
  text-decoration: underline;
}
.contact-line a:hover {
  text-decoration: none;
}
.contact-line__infotime {
  margin-bottom: 2em;
}
.contact-line__icon {
  width: 20px;
  margin-right: 0.5em;
}
.contact-line--phone .contact-line__icon {
  width: 30px;
}
.contact-line__icon img {
  display: block;
  width: 100%;
}
.contact-company__item {
  margin-bottom: 0.5em;
}
.contact-company__item strong {
  font-weight: bold;
}
.contact-company__title {
  font-size: 120%;
  font-weight: 600;
  margin-bottom: 0.5em;
  color: #ff4800;
}
.contact-form__container {
  position: relative;
}
@media screen and (min-width: 60em) {
  .contact-form__container {
    display: flex;
    margin-top: 2em;
  }
}
.contact-form__image-wrapper {
  display: none;
}
@media screen and (min-width: 60em) {
  .contact-form__image-wrapper {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0;
    width: 250px;
    padding-right: 4em;
  }
  .contact-form__image-wrapper img {
    width: 100%;
  }
}
.contact-form__form {
  position: relative;
  flex-grow: 1;
}
.contact-form__columns {
  display: flex;
  flex-wrap: wrap;
}
.contact-form__column {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 40em) {
  .contact-form__column {
    width: 50%;
  }
  .contact-form__column:first-of-type {
    padding-right: 2em;
  }
}
@media screen and (max-width: 30em) {
  .contact-form__button {
    width: 100%;
  }
}
.contact-panel__note {
  color: #ff4800;
}
.depot-address__select {
  margin: 1em 0;
  font-weight: bold;
  padding: 0.5em;
  border: 1px solid #D0D0D0;
  border-radius: 3px;
  width: 100%;
}
.depot-address__select:focus {
  outline: none;
  border: 1px solid #f86c35;
}
.depot-address__select.depot-address__select--wauto {
  width: auto;
}
.depot-container {
  display: none;
}
.depot-container.depot-container--show {
  display: block;
}
/* =====================================================================
   [END] Kontakt
   ===================================================================== */
/* =====================================================================
   [START] 404
   ===================================================================== */
.error404__layout {
  position: relative;
  display: block;
}
@media screen and(min-width: 40em) {
  .error404__layout {
    display: flex;
    align-items: stretch;
  }
}
.error404__image-col {
  position: relative;
}
@media screen and(min-width: 40em) {
  .error404__image-col {
    padding-right: 2em;
    width: 30%;
    text-align: right;
    margin-top: -1em;
    flex-shrink: 0;
  }
}
.error404__txt-col {
  position: relative;
}
@media screen and(min-width: 40em) {
  .error404__txt-col {
    padding-left: 2em;
    width: 70%;
    max-width: 570px;
  }
}
.error404__badge {
  display: block;
  font-weight: bold;
  font-size: 4rem;
  color: #dcdcdc;
  margin-bottom: 0.3em;
}
@media screen and(min-width: 40em) {
  .error404__badge {
    margin-bottom: 0.2em;
    font-size: 6rem;
  }
}
.error404__subtitle {
  font-weight: bold;
  font-size: 1.5rem;
  margin-bottom: 0.5em;
}
.error404__image {
  width: 100%;
}
.error404__pretitle {
  text-transform: uppercase;
  color: #ff4800;
}
.error404__buttons {
  margin-top: 3em;
}
.error404__vertical-line {
  width: 1px;
  background: #ffffff;
  background: -moz-linear-gradient(0deg, #ffffff 0%, #cccccc 50%, #ffffff 100%);
  background: -webkit-linear-gradient(0deg, #ffffff 0%, #cccccc 50%, #ffffff 100%);
  background: linear-gradient(0deg, #ffffff 0%, #cccccc 50%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
}
/* =====================================================================
   [END] 404
   ===================================================================== */
/* =====================================================================
   [START] Doprava a platba
   ===================================================================== */
.payment-shipping__icons-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 2em 0;
}
.payment-shipping__icon {
  margin: 0 1.5em 1.5em 0;
  display: block;
}
.postage__container {
  position: relative;
  margin: 2em 0 1em 0;
}
@media screen and (min-width: 45em) {
  .postage__container {
    display: flex;
    flex-wrap: wrap;
  }
}
.postage__item-wrapper {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 2em;
}
@media screen and (min-width: 45em) {
  .postage__item-wrapper {
    width: 50%;
  }
  .postage__item-wrapper:nth-child(odd) {
    padding-right: 1em;
  }
  .postage__item-wrapper:nth-child(even) {
    padding-left: 1em;
  }
}
.postage__table {
  width: 100%;
  font-size: 0.8rem;
}
@media screen and (min-width: 45em) {
  .postage__table {
    font-size: inherit;
  }
}
.postage__cell {
  padding: 0.7em 0.5em;
}
.postage__cell.postage__cell--right {
  text-align: right;
}
.postage__cell.postage__cell--head {
  color: white;
  background-color: #ff4800;
  padding: 0.4em 0.5em;
}
.postage__cell.postage__cell--price {
  color: #ff4800;
}
.postage__row:nth-of-type(even) > .postage__cell {
  background-color: #fff8f8;
}
.postage__title-container {
  display: flex;
  border-top: 1px solid white;
  border-left: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  -webkit-border-top-left-radius: 1em;
  -webkit-border-top-right-radius: 1em;
  -moz-border-radius-topleft: 1em;
  -moz-border-radius-topright: 1em;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
  align-items: center;
  height: 55px;
  padding: 0 1em;
}
.postage__icon {
  margin-right: 1em;
  height: 100%;
  max-height: 30px;
}
.postage__title {
  font-weight: bold;
}
.postage__item {
  border-radius: 1em;
  overflow: hidden;
  -webkit-box-shadow: 0px 4px 20px -10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 4px 20px -10px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 4px 20px -10px rgba(0, 0, 0, 0.4);
}
.postage__category-name {
  display: inline-block;
  background-color: gray;
  padding: 0.3em;
  color: white;
  border-radius: 3px;
  font-size: 0.7rem;
  font-weight: bold;
  background-color: #ff4800;
  width: 40px;
  text-align: center;
}
.pickup__container {
  display: block;
  margin-bottom: 4em;
}
.depot-point__point {
  display: flex;
  margin-bottom: 1em;
}
.depot-point__point:last-child {
  margin-bottom: 0;
}
.depot-point__point-icon-wrapper {
  position: relative;
  width: 1.3em;
  margin-top: 0;
  margin-right: 0.5em;
}
.depot-point__txt {
  line-height: 1.5;
}
.depot-point__txt.depot-point__txt--info {
  color: #5899cb;
}
.depot-point__txt strong {
  font-weight: bold;
}
.depot-point__point-icon {
  display: block;
  width: 100%;
}
.postage__modal {
  max-width: 800px;
  margin: 2em auto;
}
/* =====================================================================
   [END] Doprava a platba
   ===================================================================== */
/* =====================================================================
   [START] Profil - partneři, tlačítko stahování souborů
   ===================================================================== */
.user-profile__download-button {
  display: flex;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1em;
  background-color: #f3f3f3;
  margin: 1em 0;
  align-items: center;
}
.user-profile__download-button:hover {
  background-color: #ebebeb;
}
.user-profile__download-buttons-container {
  margin: 2em 0;
}
.user-profile__download-button-icon {
  display: block;
  width: 2em;
}
.user-profile__download-button-title {
  font-weight: bold;
}
.user-profile__download-button-badge {
  background-color: #ff4800;
  color: white;
  font-weight: bold;
  padding: 0.2em 0.5em;
  font-size: 0.8rem;
  border-radius: 0.3em;
  margin-right: 0.5em;
}
/* =====================================================================
   [END] Profil - partneři, tlačítko stahování souborů
   ===================================================================== */
/* =====================================================================
   [START] Kroková navigae (Košík, Reklamační formulář)
   ===================================================================== */
.step-navigation__wrap {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  max-width: 50rem;
  padding: 0rem 2rem 3rem 2rem;
  margin: 0 auto;
}
@media screen and (min-width: 30rem) {
  .step-navigation__wrap {
    padding: 1rem 2rem 2rem 2rem;
  }
}
.step-navigation__step {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  cursor: not-allowed;
}
.step-navigation__separator {
  height: 1px;
  margin: 0 0.5em;
  background-color: silver;
  flex-grow: 1;
  flex-shrink: 1;
  max-width: 5em;
}
.step-navigation__number {
  display: flex;
  background-color: #ededed;
  border: 1px solid silver;
  color: silver;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 0.9rem;
  width: 2em;
  height: 2em;
}
.step-navigation__label {
  display: none;
  margin-left: 0.5em;
  color: silver;
}
@media screen and (min-width: 55rem) {
  .step-navigation__label {
    display: block;
  }
}
.step-navigation__step--active {
  cursor: pointer;
}
.step-navigation__step--active .step-navigation__number {
  border: 1px solid #ff4800;
  background-color: #ff4800;
  color: white;
  font-weight: bold;
}
.step-navigation__step--active .step-navigation__label {
  color: #444444;
}
.step-navigation__step--done {
  cursor: pointer;
}
.step-navigation__step--done .step-navigation__number {
  border: 1px solid #ff4800;
  background-color: white;
  color: #ff4800;
  font-weight: bold;
}
.step-navigation__step--done .step-navigation__label {
  color: #444444;
}
.step-navigation__step--done:hover .step-navigation__number {
  background-color: #ff4800;
  color: white;
}
.step-navigation__step--active .step-navigation__label {
  font-weight: bold;
}
.step-navigation__step--active .step-navigation__label {
  display: block;
  position: absolute;
  top: 55%;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}
@media screen and (min-width: 30rem) {
  .step-navigation__step--active .step-navigation__label {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    text-align: left;
    margin-left: 0.5em;
  }
}
.step-navigation__shadow {
  display: block;
  width: 100%;
  height: 18px;
  margin: 0 auto 1rem auto;
}
@media screen and (min-width: 30rem) {
  .step-navigation__shadow {
    margin: 0 auto 2rem auto;
  }
}
/* =====================================================================
   [END]  Kroková navigae (Košík, Reklamační formulář)
   ===================================================================== */
.cart-form__input-info-wrapper {
  margin-top: 0.5em;
}
.cart-form__input-info {
  position: relative;
  padding: 0 0 0 1.6em;
  color: #6c94b7;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cart-form__input-info:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 1.2em;
  height: 1.2em;
  background-image: url('../images/template-images/global/input-info.svg');
}
.cart-form__input-info a {
  text-decoration: underline;
  font-weight: bold;
}
.cart-form__input-info a:hover {
  text-decoration: none;
}
.warranty-form__step1-layout-container {
  display: flex;
}
.warranty-form__step1-layout-col {
  width: 50%;
}
.warranty-form__step1-layout-col.warranty-form__step1-layout-col--left {
  padding-right: 1em;
}
.warranty-form__step1-layout-col.warranty-form__step1-layout-col--right {
  padding-left: 1em;
}
/* =====================================================================
   [START]  Volba požadavku v reklamačním formuláři
   ===================================================================== */
@media screen and (min-width: 45rem) {
  .warranty-form__request-container {
    margin-top: 2em;
    display: flex;
    align-items: stretch;
  }
}
.warranty-form__request-radio {
  position: absolute;
  left: -9999px;
}
.warranty-form__request-item-wrapper {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 2em;
}
@media screen and (min-width: 45rem) {
  .warranty-form__request-item-wrapper {
    width: 50%;
  }
  .warranty-form__request-item-wrapper:first-child {
    margin-right: 1em;
  }
  .warranty-form__request-item-wrapper:last-child {
    margin-left: 1em;
  }
}
.warranty-form__request-item-container {
  position: relative;
  border: 5px solid transparent;
  padding: 1em;
  border-radius: 6px;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
  transition: box-shadow 200ms ease-in-out;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.warranty-form__request-radio:checked ~ .warranty-form__request-item-container {
  border: 5px solid #33c451;
  box-shadow: none;
}
.warranty-form__request-radio:checked ~ .warranty-form__request-item-container:after {
  content: "✔";
  display: flex;
  justify-content: center;
  font-size: 1rem;
  align-items: center;
  position: absolute;
  width: 2em;
  height: 2em;
  top: -1em;
  right: -1em;
  background: #23832c;
  background: linear-gradient(300deg, #23832c 0%, #37d95c 100%);
  color: white;
  border-radius: 50%;
  font-weight: bold;
}
.warranty-form__request-radio:disabled ~ .warranty-form__request-item-container {
  box-shadow: none;
  overflow: hidden;
  border: 5px solid #e8e8e8;
}
.warranty-form__request-radio:disabled ~ .warranty-form__request-item-container:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  background-image: url(../images/template-images/global/striped.png);
  background-size: 1em 1em;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: not-allowed;
}
.warranty-form__request-radio:not(:disabled):not(:checked) ~ .warranty-form__request-item-container:hover {
  background-color: #f7f7f7;
}
.warranty-form__request-sorry {
  padding: 1em;
  color: gray;
}
.warranty-form__request-sorry strong {
  font-weight: bold;
}
.warranty-form__request-sorry-title {
  font-weight: bold;
  margin-bottom: 0.5em;
}
.warranty-form__request-item-title {
  font-weight: bold;
  font-size: 1.3rem;
  color: #ff4800;
}
.warranty-form__request-item-subtitle {
  color: gray;
}
.warranty-form__request-item-features-list {
  margin-top: 1em;
}
.warranty-form__request-item-feature {
  position: relative;
  margin-bottom: 0.5em;
  padding-left: 1.5em;
}
.warranty-form__request-item-feature:before {
  content: "»";
  position: absolute;
  color: #ff4800;
  font-size: 1.6em;
  left: 0;
  top: -0.25em;
}
.warranty-form__request-item-feature strong {
  font-weight: bold;
}
.warranty-form__request-item-btn {
  background-color: #ff4800;
  padding: 0.8em 1.5em;
  margin: 1.5em auto 0 auto;
  color: white;
  border-radius: 0.5em;
  max-width: 15em;
  text-align: center;
  border: 1px solid #ff4800;
}
.warranty-form__request-radio:not(:disabled):not(:checked) ~ .warranty-form__request-item-container:hover .warranty-form__request-item-btn {
  background-color: white;
  color: #ff4800;
}
/* =====================================================================
   [END]  Volba požadavku v reklamačním formuláři
   ===================================================================== */
/* =====================================================================
   [START]  Položky k řazení v reklamačním formuláři
   ===================================================================== */
.warranty-form__sort-item-wrapper {
  position: relative;
  width: 100%;
  margin-bottom: 0.5em;
  padding: 0.5em 1em;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 6px;
  overflow: hidden;
  background-color: white;
}
.warranty-form__sort-item-wrapper.replacing:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: white;
  border: 2px dashed silver;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.warranty-form__sort-item-wrapper:last-child {
  margin-bottom: 0;
}
.warranty-form__sort-item-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.warranty-form__sort-buttons-container {
  display: flex;
}
.warranty-form__sort-button {
  display: block;
  width: 2em;
  height: 2em;
  background-color: #eeeeee;
  border-radius: 0.5em;
  margin: 0.2em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1em 1em;
}
.warranty-form__sort-button.warranty-form__sort-button--up {
  background-image: url('../images/template-images/global/arrow_up.svg');
}
.warranty-form__sort-button.warranty-form__sort-button--down {
  background-image: url('../images/template-images/global/arrow_down.svg');
}
.warranty-form__sort-item-wrapper:first-child .warranty-form__sort-button.warranty-form__sort-button--up {
  display: none;
}
.warranty-form__sort-item-wrapper:last-child .warranty-form__sort-button.warranty-form__sort-button--down {
  display: none;
}
.warranty-form__sort-button:hover {
  background-color: #d5d5d5;
  cursor: pointer;
}
/* =====================================================================
   [END]  Položky k řazení v reklamačním formuláři
   ===================================================================== */
/* =====================================================================
   [START]  Radio přepínač v reklamačním formuláři
   ===================================================================== */
.warranty-radio__item-container {
  display: flex;
  padding: 1.2em 1em;
  border-radius: 6px;
  background-color: white;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
  margin-bottom: 0.5em;
  cursor: pointer;
}
.warranty-radio__input {
  position: absolute;
  opacity: 0;
  z-index: -10000;
}
.warranty-radio__marker {
  position: relative;
  width: 1em;
  height: 1em;
  background-color: silver;
  border-radius: 50%;
  margin-right: 1em;
  margin-top: 0.1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.warranty-radio__input:checked + .warranty-radio__marker-wrapper .warranty-radio__marker {
  background-color: white;
  border: 0.3em solid #ff4800;
}
.warranty-radio__item-container:hover .warranty-radio__marker {
  background-color: gray;
}
/* =====================================================================
   [END]  Radio přepínač v reklamačním formuláři
   ===================================================================== */
/* =====================================================================
   [START]  Reklamovaný produkt
   ===================================================================== */
.warranty-description__product-container {
  display: flex;
  margin-bottom: 2em;
}
.warranty-description__product-image-wrapper {
  width: 3em;
  height: 3em;
  border: 1px solid silver;
  flex-shrink: 0;
  margin-right: 1em;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 45em) {
  .warranty-description__product-image-wrapper {
    width: 8em;
    height: 8em;
  }
}
.warranty-description__product-image {
  display: block;
  max-width: 90%;
  max-height: 90%;
}
.warranty-description__product-type {
  color: #ff4800;
}
.warranty-description__product-name {
  font-weight: bold;
}
@media screen and (min-width: 45em) {
  .warranty-description__product-name {
    font-size: 1.5rem;
  }
}
.warranty-description__product-catalog-nr {
  color: silver;
}
.warranty-description__type strong {
  font-weight: bold;
}
/* =====================================================================
   [END]  Reklamovaný produkt
   ===================================================================== */
/* =====================================================================
   [START]  Checkbox přepínač v reklamačním formuláři
   ===================================================================== */
.warranty-check__item-container {
  display: flex;
  padding: 1em;
  border-radius: 6px;
  background-color: white;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
  margin-bottom: 0.5em;
  cursor: pointer;
  transition: transform 200ms ease-in-out;
}
.warranty-check__input {
  position: absolute;
  opacity: 0;
  z-index: -10000;
}
.warranty-check__marker {
  position: relative;
  left: 0;
  top: -0.1em;
  width: 1.4em;
  height: 1.4em;
  border: 2px solid silver;
  background: #fff;
  border-radius: 4px;
  margin-right: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.warranty-check__input:checked + .warranty-check__marker-wrapper .warranty-check__marker {
  background-color: #ff4800;
  border: 2px solid #ff4800;
}
.warranty-check__input:checked + .warranty-check__marker-wrapper .warranty-check__marker:after {
  content: "✔\fe0e";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.warranty-check__item-container:hover .warranty-check__marker {
  background-color: silver;
}
/* =====================================================================
   [END]  Radio přepínač v reklamačním formuláři
   ===================================================================== */
/* =====================================================================
   [START]  Reklamace - produkt v sumarizaci
   ===================================================================== */
.warranty-final-product__container {
  display: block;
  background: #ffffff;
  background: -moz-linear-gradient(0deg, #ffffff 0%, #ebebeb 100%);
  background: -webkit-linear-gradient(0deg, #ffffff 0%, #ebebeb 100%);
  background: linear-gradient(0deg, #ffffff 0%, #ebebeb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ebebeb", GradientType=1);
  padding: 0.5em;
  margin-bottom: 1em;
  border-radius: 0.5em;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 45em) {
  .warranty-final-product__container {
    padding: 1em;
  }
}
.warranty-final-product__preferences-container {
  width: 100%;
  margin-top: 0.5em;
}
.warranty-final-product__catalog-nr {
  color: #a4a4a4;
}
.warranty-final-product__name {
  font-weight: bold;
  font-size: 1rem;
}
.warranty-final-product__quantity strong {
  font-weight: bold;
}
.warranty-final-product__info-container {
  flex-grow: 1;
}
@media screen and (min-width: 45em) {
  .warranty-final-product__info-container {
    border-left: 3px solid #ff4800;
    padding-left: 1em;
  }
}
.warranty-final-product__type {
  color: #ff4800;
}
.warranty-final-product__preferences-title {
  font-weight: bold;
  margin-top: 2em;
}
.warranty-final-product__quantity-wrapper {
  display: block;
  margin-top: 1em;
}
.warranty-final-product__quantity-container {
  display: flex;
  align-items: center;
}
.warranty-final-product__quantity-control {
  width: 2rem;
  height: 2rem;
  color: white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #ff4800;
  border: 1px solid #ff4800;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  font-weight: 400;
  cursor: pointer;
}
@media screen and (min-width: 45em) {
  .warranty-final-product__quantity-control {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.warranty-final-product__quantity-control:hover {
  color: #ff4800;
  background-color: white;
}
.warranty-final-product__quantity-value {
  border: 1px solid silver;
  background-image: none;
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-align: center;
  padding: 0;
  width: 2rem;
  font-weight: bold;
  height: 2rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0.2rem;
  border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: white;
}
.warranty-final-product__quantity-value:focus {
  outline: none;
  border: 1px solid #ff4800;
}
.warranty-final-product__description {
  margin-top: 1em;
}
/* =====================================================================
   [END]  Reklamace - produkt v sumarizaci
   ===================================================================== */
/* =====================================================================
   [START]  Reklamace - produkt k výběru
   ===================================================================== */
.warranty-selectable-products__container {
  margin-bottom: 4em;
}
.warranty-selectable-product {
  display: block;
  background: #ffffff;
  background: -moz-linear-gradient(0deg, #ffffff 0%, #ebebeb 100%);
  background: -webkit-linear-gradient(0deg, #ffffff 0%, #ebebeb 100%);
  background: linear-gradient(0deg, #ffffff 0%, #ebebeb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ebebeb", GradientType=1);
  padding: 0.5em;
  margin-bottom: 1em;
  border-radius: 0.5em;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 45em) {
  .warranty-selectable-product {
    padding: 1em;
  }
}
.warranty-selectable-product__main-flex {
  display: flex;
}
.warranty-selectable-product__marker-wrapper {
  display: flex;
  align-items: center;
  height: 3em;
}
@media screen and (min-width: 45em) {
  .warranty-selectable-product__marker-wrapper {
    height: 6em;
  }
}
.warranty-selectable-product__image-wrapper {
  position: relative;
  width: 3em;
  height: 3em;
  background-color: white;
  border: 1px solid silver;
  margin-right: 1em;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 45em) {
  .warranty-selectable-product__image-wrapper {
    width: 6em;
    height: 6em;
  }
}
.simulated-hover .warranty-selectable-product__image-wrapper {
  border-color: #ff4800;
}
.warranty-selectable-product__image {
  max-width: 90%;
  max-height: 90%;
}
.warranty-selectable-product__catalog-nr {
  color: #a4a4a4;
}
.warranty-selectable-product__name {
  font-weight: bold;
  font-size: 1rem;
}
.simulated-hover .warranty-selectable-product__name {
  text-decoration: underline;
}
.warranty-selectable-product__quantity-wrapper {
  display: none;
  margin-top: 0.5em;
}
.warranty-selectable-product--selected .warranty-selectable-product__quantity-wrapper {
  display: block;
}
.warranty-selectable-product__quantity-container {
  display: flex;
  align-items: center;
}
.warranty-selectable-product__quantity-control {
  width: 2rem;
  height: 2rem;
  color: white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #ff4800;
  border: 1px solid #ff4800;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  font-weight: 400;
  cursor: pointer;
}
@media screen and (min-width: 45em) {
  .warranty-selectable-product__quantity-control {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.warranty-selectable-product__quantity-control:hover {
  color: #ff4800;
  background-color: white;
}
.warranty-selectable-product__quantity-value {
  border: 1px solid silver;
  background-image: none;
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-align: center;
  padding: 0;
  width: 2rem;
  font-weight: bold;
  height: 2rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0.2rem;
  border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: white;
}
.warranty-selectable-product__quantity-value:focus {
  outline: none;
  border: 1px solid #ff4800;
}
.simulated-hover .warranty-selectable-product__checkbox-marker:before {
  border-color: #ff4800;
}
.warranty-selectable-product__description {
  margin-top: 1.5em;
  display: none;
}
.warranty-selectable-product--selected .warranty-selectable-product__description {
  display: block;
}
.warranty-selectable-product__upload {
  display: none;
}
.warranty-selectable-product--selected .warranty-selectable-product__upload.enabled {
  display: block;
}
.warranty-selectable-product__status {
  color: #4eba40;
  margin-top: 0.5em;
  font-weight: bold;
}
.warranty-selectable-product__status-icon {
  display: inline-block;
  width: 1.5em;
  vertical-align: middle;
  margin-right: 0.5em;
}
.warranty-selectable-product__input-radio {
  position: absolute;
  left: -99999px;
}
.warranty-selectable-product__radio-marker {
  position: relative;
  width: 1.3em;
  height: 1.3em;
  background-color: silver;
  border-radius: 50%;
  margin-right: 1em;
  margin-top: 0.1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.warranty-selectable-product:not(.warranty-selectable-product--disabled) .warranty-selectable-product__input-radio:not(:checked) + .warranty-selectable-product__radio-marker:hover {
  background-color: gray;
}
.warranty-selectable-product.simulated-hover:not(.warranty-selectable-product--disabled) .warranty-selectable-product__input-radio:not(:checked) + .warranty-selectable-product__radio-marker {
  background-color: gray;
}
.warranty-selectable-product__input-radio:checked + .warranty-selectable-product__radio-marker {
  background-color: white;
  border: 0.3em solid #ff4800;
}
/* =====================================================================
   [END]  Reklamace - produkt k výběru
   ===================================================================== */
/* =====================================================================
   [START]  Progress bar
   ===================================================================== */
.progress-bar__background {
  display: none;
  position: relative;
  background-color: #f0f0f0;
  overflow: hidden;
  border-radius: 0.5em;
  height: 3em;
  width: 100%;
  margin: 2em auto;
}
.progress-bar__bar {
  width: 0;
  height: 100%;
  background-color: #2ca958;
  background-size: 10px 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: width 200ms linear;
}
.progress-bar__percentage {
  color: white;
  font-weight: bold;
}
/* =====================================================================
   [END]  Progress bar
   ===================================================================== */
/* =====================================================================
   [START]  Reklamace - upload souborů
   ===================================================================== */
.warranty-upload__files-container {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.warranty-upload__file-wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.5em;
  flex-shrink: 0;
  flex-grow: 0;
  width: 100%;
}
@media screen and (min-width: 25em) {
  .warranty-upload__file-wrapper {
    width: 50%;
  }
}
@media screen and (min-width: 38em) {
  .warranty-upload__file-wrapper {
    width: 33.33333333%;
  }
}
@media screen and (min-width: 60em) {
  .warranty-upload__file-wrapper {
    width: 25%;
  }
}
@media screen and (min-width: 60em) {
  .warranty-upload__file-wrapper {
    width: 20%;
  }
}
.warranty-upload__file-container {
  position: relative;
}
.warranty-upload__thumbnail-wrapper {
  position: relative;
  width: 100%;
  padding-top: 60%;
  border-radius: 0.5em;
  overflow: hidden;
  -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.3);
}
.warranty-upload__thumbnail {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.warranty-upload__filename {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 0.5em;
}
.warranty-upload__infopanel {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.5em 0.5em 2em 0.5em;
  width: 100%;
  background: #000000;
  background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.warranty-upload__size {
  color: white;
}
.warranty-upload__delete-icon {
  display: block;
  width: 2em;
  height: 2em;
  opacity: 0.8;
}
.warranty-upload__delete-icon:hover {
  opacity: 1;
}
.warranty-upload__shadow-separator {
  width: 100%;
}
.warranty-upload__message {
  display: none;
  margin: 1em auto;
  padding: 1em;
}
.warranty-upload__message.warranty-upload__message--error {
  color: #c72929;
  background-color: #ffd3d3;
  border-left: 5px solid #FF0000;
}
.warranty-upload__message.warranty-upload__message--success {
  color: #2c6f2e;
  background-color: #ceffce;
  border-left: 5px solid #80dc80;
}
.warranty-upload__uploader-container {
  margin: 2em auto 1em auto;
  max-width: 500px;
  width: 100%;
  text-align: center;
}
/* =====================================================================
   [START]  Reklamace - upload souborů
   ===================================================================== */
/* =====================================================================
   [START]  Reklamace layout tlačítek
   ===================================================================== */
.warranty-buttons__container {
  display: flex;
  flex-direction: column-reverse;
  margin-top: 3em;
  margin-bottom: 1em;
}
.warranty-buttons__container.warranty-buttons__container--no-top-margin {
  margin-top: 0;
}
.warranty-buttons__container .button {
  margin: 0 !important;
  flex-shrink: 1;
}
.warranty-buttons__container .button + .button,
.warranty-buttons__container .button + .warranty-buttons__group {
  margin-bottom: 1em !important;
}
@media screen and (min-width: 45em) {
  .warranty-buttons__container {
    flex-direction: row;
    justify-content: flex-start;
  }
  .warranty-buttons__container .button + .button,
  .warranty-buttons__container .button + .warranty-buttons__group,
  .warranty-buttons__container .warranty-buttons__group + .button {
    margin-bottom: 0 !important;
  }
  .warranty-buttons__container .button + .button,
  .warranty-buttons__container .button + .warranty-buttons__group,
  .warranty-buttons__container .warranty-buttons__group + .button {
    margin-left: 1em !important;
  }
  .warranty-buttons__container.warranty-buttons__container--space-between {
    justify-content: space-between;
  }
  .warranty-buttons__container.warranty-buttons__container--right {
    justify-content: flex-end;
  }
  .warranty-buttons__container.warranty-buttons__container--center {
    justify-content: center;
  }
}
.warranty-buttons__group {
  display: flex;
  flex-direction: column-reverse;
}
@media screen and (min-width: 45em) {
  .warranty-buttons__group {
    flex-direction: row;
  }
  .warranty-buttons__group .button + .button {
    margin-bottom: 0 !important;
  }
  .warranty-buttons__group .button + .button {
    margin-left: 1em !important;
  }
}
/* =====================================================================
   [END]  Reklamace layout tlačítek
   ===================================================================== */
.warranty-success {
  background-color: #daffda;
  border-left: 5px solid #8ad885;
  padding: 1em;
  margin-bottom: 2em;
  color: #589454;
}
/* =====================================================================
   [START]  Chybová stránka
   ===================================================================== */
.service__header {
  display: block;
  width: 100%;
  background-color: white;
  padding: 1em;
  box-sizing: border-box;
}
.service__logo {
  display: block;
  max-width: 10em;
  margin: 0 auto;
}
.service__content {
  display: block;
  margin: 0 auto;
  padding: 1em;
  max-width: 800px;
  box-sizing: border-box;
}
.service__title {
  text-align: center;
  color: gray;
  font-weight: bold;
  font-size: 1.3rem;
  margin-bottom: 0.5em;
}
.service__icon {
  display: block;
  width: 3em;
  margin: 1em auto;
}
.service__description {
  text-align: center;
  font-size: 0.8rem;
  color: gray;
  line-height: 1.5;
  margin-bottom: 1em;
}
.service__description strong {
  font-weight: bold;
}
.service__dots {
  display: block;
  width: 3em;
  margin: 1em auto;
}
.service__contacts {
  text-align: center;
  margin-bottom: 1em;
}
.service__contact-item {
  font-size: 0.8rem;
  background-color: white;
  border-radius: 11em;
  padding: 0.7em 1em;
  color: gray;
  white-space: nowrap;
  display: inline-block;
  margin: 0.5em;
  -webkit-box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.3);
  width: 150px;
}
.service__contact-item:hover {
  color: #ff4800;
}
.service__contacts {
  text-align: center;
}
.service__contact-icon {
  vertical-align: middle;
  width: 1.5em;
  margin-right: 0.3em;
}
.service__contact-value {
  vertical-align: middle;
}
.service__ip-adress {
  border: 1px solid silver;
  background-color: white;
  margin: 0 auto;
  padding: 0.5em;
  max-width: 200px;
  text-align: center;
  font-weight: bold;
}
/* =====================================================================
   [END]  Chybová stránka
   ===================================================================== */
/* =====================================================================
   [START]  O nás
   ===================================================================== */
.about__contact-panel {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  min-height: 5em;
  border-radius: 1em;
  background-color: white;
  overflow: hidden;
  position: relative;
}
.about__contact-panel-content {
  padding: 2em;
}
.about__contact-panel-img {
  width: 100%;
}
/* =====================================================================
   [END]  O nás
   ===================================================================== */
/* =====================================================================
   [START]  Page Collapser
   ===================================================================== */
.page-collapser__item {
  border-bottom: 1px solid #e5e5e5;
}
.page-collapser__header {
  padding: 1em;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-collapser__container {
  color: #646464;
  border-top: 1px solid #e5e5e5;
}
.page-collapser__container.page-collapser__container--more {
  margin-bottom: 0;
}
.page-collapser__title {
  padding-right: 1em;
}
.page-collapser__content-text {
  padding: 1em;
  position: relative;
  border-top: 1px solid #e5e5e5;
  background-color: #F7F7F7;
}
.page-collapser__content-text p + p {
  margin-top: 1em;
}
.page-collapser__arrow-wrapper {
  height: 1em;
  width: 1em;
  flex-shrink: 0;
  position: relative;
  transition: all 100ms ease-out;
}
.collapser--opened > .collapser__trigger > .page-collapser__arrow-wrapper {
  transform: rotate(90deg);
}
.page-collapser__arrow {
  width: 100%;
}
.page-collapser__more-button-wrapper {
  text-align: center;
  margin: 1em 0;
}
.page-collapser__more-button {
  padding: 0.5em 1em;
  display: inline-flex;
  align-items: center;
  background-color: #ff4800;
  border-radius: 6px;
  justify-content: center;
  color: white;
  cursor: pointer;
}
.page-collapser__more-arrow-wrapper {
  position: relative;
  width: 15px;
  margin-right: 0.5em;
}
.page-collapser__more-arrow {
  display: block;
  width: 100%;
  transform: rotate(90deg);
  transition: all 100ms ease-out;
}
.collapser--opened .page-collapser__more-arrow {
  transform: rotate(-90deg);
}
.collapser--opened .page-collapser__more-txt {
  display: none;
}
.page-collapser__less-txt {
  display: none;
}
.collapser--opened .page-collapser__less-txt {
  display: inline;
}
/* =====================================================================
   [END]  Page Collapser
   ===================================================================== */
/* =====================================================================
   [START]  Mapy.cz - syly
   ===================================================================== */
.smap img {
  cursor: pointer;
}
.smap img[src$="--active.svg"] {
  animation-duration: 1.3s;
  animation-iteration-count: infinite;
  animation-name: jump-marker;
  animation-timing-function: ease;
}
@keyframes jump-marker {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-7px);
  }
  100% {
    transform: translateY(0);
  }
}
.smap .cluster {
  margin-top: -35px;
  margin-left: -35px;
  width: 70px !important;
  height: 70px !important;
}
.smap .cluster div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.smap .cluster div img {
  display: none;
}
/* =====================================================================
   [END]  Mapy.cz - syly
   ===================================================================== */
/* =====================================================================
   [START]  Modální okno - nové
   ===================================================================== */
.modalwin {
  display: none;
  position: fixed;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  top: 0;
  left: 0;
  z-index: 10000002;
  box-sizing: border-box;
  padding: 0.5em;
}
.modalwin.show {
  display: flex;
}
.modalwin.auto-height {
  justify-content: center;
}
@media screen and (min-width: 55em) {
  .modalwin {
    padding: 3em;
  }
}
.modalwin__bg {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: white;
  border-radius: 1em;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
}
.auto-height .modalwin__bg {
  height: auto;
  max-height: 100%;
}
@media screen and (min-width: 55em) {
  .modalwin__bg {
    max-width: 1000px;
  }
  .md .modalwin__bg {
    max-width: 700px;
  }
  .sm .modalwin__bg {
    max-width: 500px;
  }
}
.modalwin__header {
  flex-shrink: 0;
  padding: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.modalwin__body {
  flex-grow: 1;
  padding: 1rem;
  overflow-y: auto;
  position: relative;
  box-sizing: border-box;
}
.modalwin__body.no-padding {
  padding: 0;
}
.modalwin__footer {
  flex-shrink: 0;
  padding: 1rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.modalwin__content {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  position: relative;
}
.modalwin__close {
  flex-shrink: 0;
  width: 3em;
  height: 3em;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #ff4800;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  margin-top: 0.5em;
}
.modalwin__close:hover {
  transform: scale(1.2);
}
@media screen and (min-width: 55em) {
  .modalwin__close {
    margin-top: 1em;
    width: 4em;
    height: 4em;
  }
}
.modalwin__close-icon {
  display: block;
  width: 1.5em;
  height: 1.5em;
}
@media screen and (min-width: 55em) {
  .modalwin__close-icon {
    width: 2em;
    height: 2em;
  }
}
/* =====================================================================
   [END]  Modální okno - nové
   ===================================================================== */
/* =====================================================================
   [END]  Výběr poboček
   ===================================================================== */
.branchModal__layout {
  position: relative;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 55em) {
  .branchModal__layout {
    display: flex;
    flex-direction: row;
  }
}
.branchModal__layout-branches,
.branchModal__layout-map {
  flex-shrink: 0;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.branchModal__layout-branches {
  position: relative;
  width: 100%;
  padding: 1em;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: height 300ms ease-in-out;
}
.branchModal__layout--showmap .branchModal__layout-branches {
  height: 65%;
}
@media screen and (min-width: 55em) {
  .branchModal__layout-branches {
    height: 100%;
    width: 40%;
  }
  .branchModal__layout--showmap .branchModal__layout-branches {
    height: 100%;
  }
}
.branchModal__map-btn-showtext {
  display: inline;
}
.branchModal__layout--showmap .branchModal__map-btn-showtext {
  display: none;
}
.branchModal__map-btn-hidetext {
  display: none;
}
.branchModal__layout--showmap .branchModal__map-btn-hidetext {
  display: inline;
}
.branchModal__layout-map-btn {
  margin-top: 1em;
}
@media screen and (min-width: 55em) {
  .branchModal__layout-map-btn {
    display: none;
  }
}
.branchModal__map-btn {
  font-size: 0.8rem;
  border-radius: 0.5em;
  border: 1px solid #ff4800;
  color: #ff4800;
  width: 150px;
  padding: 0.5em;
  text-align: center;
  margin: 0 auto;
  cursor: pointer;
}
.branchModal__map-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.branchModal__map-wrapper:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background-color: red;
  height: 1em;
  z-index: 10;
  background: #000000;
  background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
}
@media screen and (min-width: 55em) {
  .branchModal__map-wrapper:after {
    content: "";
    width: 1em;
    background-color: red;
    height: 100%;
    background: #000000;
    background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
  }
}
.branchModal__layout-map {
  transition: opacity 300ms ease-in-out;
  opacity: 0;
  height: 35%;
  width: 100%;
}
.branchModal__layout--showmap .branchModal__layout-map {
  opacity: 1;
}
@media screen and (min-width: 55em) {
  .branchModal__layout-map {
    opacity: 1;
    height: 100%;
    width: 60%;
  }
}
.branchModal__search-container {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  height: 0;
}
.branchModal__searchbar-container {
  position: relative;
  background-color: #ececec;
  display: flex;
  border-radius: 0.5em;
  padding: 0.3em;
  height: 2.5em;
  flex-shrink: 0;
}
.branchModal__searchbar-input {
  flex-grow: 1;
  border: none;
  background-color: transparent;
  outline: none;
}
.branchModal__searchbar-input:focus {
  outline: none;
}
.branchModal__searchbar-icon {
  display: block;
  width: 1.5em;
  margin: 0 0.5em;
}
.branchModal__branch-name {
  font-size: 0.9rem;
  font-weight: bold;
  margin-bottom: 0.2em;
}
.branchModal__branch-string {
  color: gray;
  font-size: 0.8em;
}
.branchModal__branch-content {
  padding: 1em 0.5em;
  box-sizing: border-box;
  display: flex;
}
.branchModal__branches-item:not(:last-of-type) > .branchModal__branch-content {
  border-bottom: 1px solid #ececec;
}
.branchModal__branch-content:hover,
.branchModal__branch-content.branchModal__branch-content--active {
  background-color: #e3fcff;
}
.branchModal__branch-content:hover:not(.branchModal__branch-content--active) {
  cursor: pointer;
}
.branchModal__branch-radio {
  display: none;
}
.branchModal__branch-expanded {
  width: 100%;
}
.branchModal__opening-day {
  font-weight: bold;
}
.branchModal__opening-table {
  font-size: 0.8em;
}
.branchModal__opening-table tr:nth-of-type(odd) td {
  background-color: rgba(0, 0, 0, 0.05);
}
.branchModal__opening-table td {
  padding: 0.3em;
}
.branchModal__branch-expanded {
  display: none;
  margin-top: 1em;
}
.branchModal__branch-content--active .branchModal__branch-expanded {
  display: block;
}
.branchModal__opening-title {
  font-weight: bold;
  font-size: 0.8em;
  margin-bottom: 0.5em;
}
.branchModal__branch-icon {
  display: block;
  width: 2.5em;
  margin-right: 0.5em;
  margin-top: 0.2em;
}
.branchModal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.7em;
}
.branchModal__header .page__subtitle {
  margin-bottom: 0;
}
.branchModal__personal-location-container {
  display: flex;
  color: #f86c35;
  align-items: center;
  font-size: 0.8em;
}
.branchModal__personal-location-container:hover {
  cursor: pointer;
  text-decoration: underline;
}
.branchModal__personal-location-container img {
  display: block;
  width: 1em;
  height: 1em;
  margin-right: 0.3em;
}
.branchModal__confirm-branch-btn {
  display: block;
  text-align: center;
  background-color: #00a6f8;
  border: 1px solid #00a6f8;
  border-radius: 6px;
  color: white;
  padding: 0.5em 2em;
  /*margin-top: 1em;*/
}
.branchModal__confirm-branch-btn:hover {
  cursor: pointer;
  background-color: #0090d7;
  border-color: #0090d7;
}
.brahcModal__branch-info {
  flex-grow: 1;
}
.branchModal__branches-list {
  position: relative;
  overflow-y: auto;
  margin-top: 1em;
  height: 100%;
}
.branchModal__branches-list.loading {
  overflow-y: hidden;
}
.global-loading__ring {
  position: relative;
  display: block;
  width: 48px;
  height: 48px;
}
.global-loading__ring:after {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 6px solid #ff4800;
  border-color: transparent #ff4800 transparent #ff4800;
  animation: global-loading 0.8s linear infinite;
}
.global-loading__ring:before {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 6px solid #ff4800;
  opacity: 0.2;
}
@keyframes global-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.global-loading__container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
}
.global-loading__message {
  margin-top: 1em;
  color: #ff4800;
}
.branchModal__loading {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background-color: white;
}
.branchModal__branches-list.loading .branchModal__loading {
  display: flex;
}
.branchModal__empty-message {
  display: flex;
  font-size: 0.8em;
  color: gray;
  font-weight: bold;
}
.branchModal__empty-icon {
  display: block;
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.5em;
}
/* =====================================================================
   [END]  Výběr poboček
   ===================================================================== */
.ajax-loading-overlay {
  position: fixed;
  z-index: 3147483649;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  justify-content: center;
  align-items: center;
  display: none;
}
.main-loading .ajax-loading-overlay {
  display: flex;
}
/* =====================================================================
   [START]  Job Collapser
   ===================================================================== */
.job-collapser__item {
  margin-bottom: 1em;
  border-radius: 0.5em;
  overflow: hidden;
}
.job-collapser__header {
  background-color: #ff4800;
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1em;
  cursor: pointer;
}
@media screen and (min-width: 40em) {
  .job-collapser__header {
    font-size: 1.1rem;
  }
}
.job-collapser__arrow-wrapper {
  width: 1em;
}
.job-collapser__content {
  background-color: #f2f2f2;
}
.job-collapser__content-text {
  padding: 1em;
}
.job-collapser__arrow {
  transform: rotate(90deg);
  transition: transform 200ms ease-in-out;
}
.collapser--opened .job-collapser__arrow {
  transform: rotate(-90deg);
}
/* =====================================================================
   [END]  Job Collapser
   ===================================================================== */
/* =====================================================================
   [START]  Upsell modal
   ===================================================================== */
.upsell-modal .cart-item__image-wrapper {
  width: 3.5em;
  border: 1px solid #e7e7e7;
  background-color: white;
  padding: 0.3em;
  box-sizing: border-box;
}
.upsell-modal .cart-item__name {
  font-size: 0.9em;
}
.upsell-modal .add-to-cart {
  font-size: 0.8em;
}
.upsell-modal .cart-item__price--previous {
  font-size: 0.8em;
  color: gray;
  text-decoration: line-through;
  margin-left: 0.5em;
}
.upsell-modal .cart-item__prices {
  display: flex;
}
@media screen and (min-width: 768px) {
  .upsell-modal .cart-item__prices {
    flex-direction: column-reverse;
    align-items: flex-end;
  }
}
.upsell-modal .product-flags__percentage {
  border-radius: 3px;
  padding: 3px;
  font-size: 0.8rem;
  position: absolute;
  top: -6px;
  left: -6px;
  width: auto;
  height: auto;
}
.upsell-modal h5.page__subtitle {
  text-decoration: none;
}
.modal-upsell__added-item {
  background-color: aliceblue;
  border: 1px solid #c3deff;
  border-radius: 0.5em;
  position: relative;
}
.modal-upsell__added-tick {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: -0.7rem;
  right: -0.7rem;
}
.modal-upsell__item {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  border-radius: 0.5em;
}
/* =====================================================================
   [END]  Upsell modal
   ===================================================================== */
/* =====================================================================
   [START]  Upsell carousel
   ===================================================================== */
.upsell-carousel .product-thumbnail.product-thumbnail--upsell-carousel {
  box-sizing: border-box;
  border-radius: 0.5em;
  border: 1px solid rgba(0, 0, 0, 0.1);
  height: 100%;
  padding: 0.5em;
}
.upsell-carousel .product-thumbnail.product-thumbnail--upsell-carousel .button-small {
  font-size: 0.8rem;
}
.upsell-carousel .product-thumbnail.product-thumbnail--upsell-carousel .product-price-box {
  font-size: 0.8rem;
}
.upsell-carousel .product-thumbnail.product-thumbnail--upsell-carousel .product-price-box__price {
  font-size: 1rem;
}
.upsell-carousel .product-thumbnail.product-thumbnail--upsell-carousel .product-price-box__previous-price {
  font-size: 0.8rem;
}
.upsell-carousel .carousel__item.carousel__item--upsell {
  box-sizing: border-box;
  border-right: 0;
  margin-bottom: 0;
  height: 100%;
}
.upsell-carousel .slick-track {
  display: flex;
  margin: 0;
  gap: 0.5rem;
}
.upsell-carousel .slick-slide {
  position: relative;
  display: block;
  float: none;
  height: auto;
}
.upsell-carousel .slick-slide > div {
  height: 100%;
}
/* =====================================================================
   [END]  Upsell carousel
   ===================================================================== */
#CybotCookiebotDialogHeader,
#CybotCookiebotDialogPoweredByText {
  display: none !important;
}
.CybotCookiebotDialogBodyLevelConsentCheckbox {
  left: inherit !important;
  position: relative;
}
/* =====================================================================
   [START]  Product Price Box
   ===================================================================== */
.product-price-box.product-price-box--sale {
  border-radius: 0.5rem;
  overflow: hidden;
  text-align: center;
}
.product-price-box.product-price-box--thumbnail {
  flex-grow: 1;
}
.product-price-box__txt {
  display: block;
  padding: 0.5rem 1rem;
  font-weight: bold;
  font-size: 90%;
  text-transform: uppercase;
  color: black;
  background-color: #FFCC00;
  letter-spacing: 0.05em;
}
.product-price-box--thumbnail .product-price-box__txt {
  padding: 0.3rem 0.5rem;
  font-size: 80%;
}
.product-price-box__price {
  white-space: nowrap;
  font-weight: bold;
  font-size: 180%;
}
.product-price-box--sale .product-price-box__price {
  color: white;
  background-color: #d80202;
  padding: 0.5rem 1rem;
}
.product-price-box--thumbnail .product-price-box__price {
  font-size: 120%;
  padding: 0.3rem 0.5rem;
}
.product-price-box--thumbnail:not(.product-price-box--sale) .product-price-box__price {
  color: #ff4800;
}
.product-price-box__previous-price {
  white-space: nowrap;
  font-size: 120%;
  padding: 0 1rem 0.5rem 1rem;
  text-decoration: line-through;
  color: white;
  background-color: #d80202;
}
.product-price-box--thumbnail .product-price-box__previous-price {
  font-size: 90%;
  padding: 0 0.5rem 0.3rem 0.5rem;
}
/* =====================================================================
   [END]  Product Price Box
   ===================================================================== */
/*# sourceMappingURL=style.css.map */