/* OWL & BOOTSTRAP & FONTS */
* {
  box-sizing: border-box;
}

@-ms-viewport {
  width: device-width;
}
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

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

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -12px;
  margin-left: -12px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

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

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

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

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

.col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

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

.col-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

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

.col-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

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

.order-first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12;
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}
.d-none {
  display: none !important;
}

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

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

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

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

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

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

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

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

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

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

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

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

.justify-content-start {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

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

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

.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -webkit-box-align: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

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

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

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

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

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

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  display: none;
}

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.no-js .owl-carousel {
  display: block;
}

.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform 100ms ease;
  transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

@font-face {
  font-family: "Onest";
  src: url("../fonts/Onest-Regular.woff2") format("woff2"), url("../fonts/Onest-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Onest";
  src: url("../fonts/Onest-Medium.woff2") format("woff2"), url("../fonts/Onest-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Onest";
  src: url("../fonts/Onest-Bold.woff2") format("woff2"), url("../fonts/Onest-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Vinnytsia Sans";
  src: url("../fonts/VinnytsiaSans-Bold.eot");
  src: local("Vinnytsia Sans Bold"), local("VinnytsiaSans-Bold"), url("../fonts/VinnytsiaSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/VinnytsiaSans-Bold.woff2") format("woff2"), url("../fonts/VinnytsiaSans-Bold.woff") format("woff"), url("../fonts/VinnytsiaSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Vinnytsia Sans";
  src: url("../fonts/VinnytsiaSans-Regular.eot");
  src: local("Vinnytsia Sans Regular"), local("VinnytsiaSans-Regular"), url("../fonts/VinnytsiaSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/VinnytsiaSans-Regular.woff2") format("woff2"), url("../fonts/VinnytsiaSans-Regular.woff") format("woff"), url("../fonts/VinnytsiaSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* OWL & BOOTSTRAP & FONTS */
body,
html {
  height: 100%;
}

body {
  margin: 0;
  line-height: 1.4;
  font-size: 18px;
  color: #161618;
  font-family: "Onest";
}
@media screen and (max-width: 767px) {
  body {
    font-size: 16px;
  }
}

input,
textarea,
select,
button {
  outline: none;
  box-sizing: border-box;
  font-family: "Onest";
}

input,
textarea,
select {
  display: block;
  width: 100%;
  line-height: 50px;
  height: 50px;
  border: 0;
  background: #ffffff;
  border-radius: 5px;
  padding: 0 20px;
  font-size: 18px;
  color: #7b7b85;
}

textarea {
  line-height: 1.2;
  padding: 20px;
  height: 105px;
  resize: none;
}

button {
  cursor: pointer;
}

img {
  max-width: 100%;
}

a {
  color: #1998d6;
  text-decoration: none;
  transition: all 0.4s ease;
}
a:hover {
  color: #27272b;
}
a:hover {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  line-height: 1.2;
  font-family: "Onest";
}

h1 {
  font-size: 44px;
}
h1.min {
  font-size: 36px;
}
@media screen and (max-width: 960px) {
  h1 {
    font-size: 42px;
  }
}
@media screen and (max-width: 767px) {
  h1 {
    font-size: 30px;
  }
  h1.min {
    font-size: 26px;
  }
}

h2 {
  font-size: 36px;
  margin-top: 80px;
}
h2:first-child {
  margin-top: 0;
}
h2:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 992px) {
  h2.big {
    font-size: 44px;
  }
}
@media screen and (max-width: 960px) {
  h2 {
    font-size: 33px;
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  h2 {
    font-size: 26px;
    margin-top: 40px;
    letter-spacing: -0.01em;
  }
}

h3 {
  margin: 40px 0 20px;
  font-size: 30px;
}
@media screen and (max-width: 767px) {
  h3 {
    font-size: 20px;
    margin-top: 40px;
  }
}

h4 {
  font-size: 28px;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  h4 {
    font-size: 22px;
    margin-bottom: 15px;
  }
}

p:first-child {
  margin-top: 0;
}
p:last-child {
  margin-bottom: 0;
}

/* FRAME */
.flex {
  display: flex;
  flex-wrap: wrap;
}
.flex.inline {
  display: inline-flex;
}
.flex.jcsb {
  justify-content: space-between;
}
.flex.ais {
  align-items: flex-start;
}
.flex.aic {
  align-items: center;
}
.flex.jcc {
  justify-content: center;
}
.flex.aib {
  align-items: flex-end;
}
.flex.aif {
  align-items: flex-start;
}
.flex.nowrap {
  flex-wrap: nowrap;
}

.blockin {
  position: relative;
  max-width: 1435px;
  margin: 0 auto;
  width: 100%;
  padding: 0 15px;
}

.wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
}
@media screen and (max-width: 991px) {
  .wrapper {
    padding-bottom: 54px;
  }
}

/* FRAME */
/* HEADER */
.header {
  position: sticky;
  top: 0;
  bottom: 0;
  z-index: 10;
  background: #fff;
  padding: 8px 0;
}
.header__top {
  height: 36px;
  background: #ebf4ff;
  border-radius: 4px;
  padding: 3px 12px;
}
.header__top-left {
  gap: 5px 30px;
}
.header__top-right {
  gap: 20px;
}
.header__top-right a {
  display: flex;
  align-items: center;
  min-height: 24px;
}
.header__info {
  display: flex;
  align-items: center;
  gap: 8px;
  align-items: center;
  font-size: 16px;
  color: #44444a;
  line-height: 1;
}
.header__login {
  font-weight: 500;
  font-size: 16px;
  color: #000000;
  padding-left: 32px;
  background: url(../images/h_login.svg) 0 50% no-repeat;
}
.header__login:hover {
  color: #1998d6;
}
.header__fav {
  font-weight: 500;
  font-size: 16px;
  color: #000000;
  padding-left: 32px;
  background: url(../images/h_fav.svg) 0 50% no-repeat;
  gap: 5px;
  display: flex;
  align-items: center;
}
.header__fav:hover {
  color: #1998d6;
}
.header__fav:hover em {
  display: block;
}
.header__fav em {
  display: inline-block;
  padding: 0 5px;
  line-height: 15px;
  border: 1px solid #3ab3ee;
  color: #3ab3ee;
  font-weight: 400;
  font-size: 13px;
  font-style: normal;
  display: none;
  border-radius: 100px;
}
.header__basket {
  color: #161618;
  padding-left: 29px;
  line-height: 24px;
  background: url(../images/basket.svg) 0 50% no-repeat;
  font-weight: 500;
  gap: 5px;
  display: flex;
  align-items: center;
  position: relative;
}
.header__basket:hover {
  color: #1998d6;
}
.header__basket:hover em {
  display: block;
}
.header__basket:hover .basket-count {
  visibility: visible;
  opacity: 1;
}
.header__basket em {
  display: inline-block;
  padding: 0 5px;
  line-height: 15px;
  border: 1px solid #3ab3ee;
  color: #3ab3ee;
  font-weight: 400;
  font-size: 13px;
  font-style: normal;
  display: none;
  border-radius: 100px;
}
.header__basket .basket-count {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  line-height: 22px;
  padding: 0 6px;
  white-space: nowrap;
  font-size: 15px;
  color: #ffffff;
  background: #0e7aaf;
  border-radius: 4px;
  font-family: Arial;
  transition: all 0.4s ease;
}
.header__basket .basket-count:before {
  content: "";
  position: absolute;
  top: -6px;
  left: calc(50% - 4px);
  width: 8px;
  height: 6px;
  background: url(../images/basket_total.svg) 50% 50% no-repeat;
}
.header__center {
  padding: 25px 0 15px;
  gap: 15px;
}
.header__center-left {
  gap: 16px;
}
.header__center-search {
  max-width: 465px;
  flex-grow: 2;
  position: relative;
  z-index: 2;
}
.header__center-right {
  gap: 20px;
}
.header__logo img {
  display: block;
}
.header__slogan {
  color: #44444a;
  font-size: 15px;
  max-width: 135px;
  line-height: 1.2;
}
.header__soc {
  display: flex;
  gap: 24px;
  font-size: 0;
  line-height: 0;
}
.header__phone {
  color: #161618;
  font-weight: 700;
  font-size: 18px;
}
.header__phone:hover {
  color: #1998d6;
}
.header__menu {
  background: #1998d6;
  border-radius: 4px;
  position: relative;
}
.header__menu > ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
}
.header__menu > ul > li {
  flex-grow: 2;
}
.header__menu > ul > li:first-child > a {
  border-radius: 4px 0 0 4px;
}
.header__menu > ul > li:last-child > a {
  border-radius: 0 4px 4px 0;
}
.header__menu > ul > li:hover > ul {
  display: block;
}
.header__menu > ul > li:hover > a {
  background: #1478a8;
}
.header__menu > ul > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  line-height: 47px;
  font-weight: 500;
  font-size: 18px;
  color: #ffffff;
  padding: 0 12px;
  white-space: nowrap;
}
.header__menu > ul > li > a:hover {
  background: #1478a8;
}
.header__menu > ul > li > a > span {
  width: 20px;
  height: 20px;
  background: url(../images/topm.svg) 50% 50% no-repeat;
}
.header__menu > ul > li > ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fafafa;
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  column-count: 4;
  padding: 20px;
  margin: 0;
  list-style: none;
}
.header__menu > ul > li > ul > li {
  margin-top: 14px;
}
.header__menu > ul > li > ul > li:first-child {
  margin: 0;
}
.header__menu > ul > li > ul > li > a {
  color: #3d3d42;
  font-weight: 500;
  font-size: 16px;
}
.header__menu > ul > li > ul > li > a:hover {
  color: #1998d6;
}
.header__menu > ul > li > ul > li ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.header__menu > ul > li > ul > li ul li a {
  color: #6e6e78;
  font-size: 14px;
  font-weight: 400;
}
.header__menu > ul > li > ul > li ul li a:hover {
  color: #1998d6;
}
.header__menu > ul > li:nth-child(3) {
  position: relative;
}
.header__menu > ul > li:nth-child(3) > ul {
  column-count: 1;
  right: auto;
  white-space: nowrap;
}
@media screen and (max-width: 1420px) {
  .header__top {
    height: 72px;
  }
  .header__span {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  .header__info:nth-child(2) {
    display: none;
  }
  .header__center-left {
    flex-direction: column;
  }
  .header__slogan {
    display: none;
  }
  .header__menu > ul > li > a {
    font-size: 15px;
  }
  .header__phone {
    font-size: 16px;
  }
}
@media screen and (max-width: 991px) {
  .header {
    padding: 0;
    border-bottom: 1px solid #e0e0e0;
  }
  .header__top, .header__menu {
    display: none;
  }
  .header__center {
    padding: 0;
    height: 64px;
  }
  .header__center-search {
    display: none;
  }
  .header__center-right .sitebutton {
    display: none;
  }
  .header__logo {
    max-width: 140px;
  }
  .header__soc {
    gap: 14px;
    margin-left: auto;
  }
  .header__soc a {
    width: 25px;
  }
  .header__phone {
    font-size: 0;
    line-height: 0;
    width: 32px;
    height: 32px;
    background: url(../images/c_phone.svg) 50% 50% no-repeat;
  }
  .header .burger {
    display: block;
  }
}

.burger {
  width: 28px;
  position: relative;
  cursor: pointer;
  height: 18px;
  display: none;
}
.burger span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #1998d6;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.burger span:nth-child(1) {
  top: 0px;
}
.burger span:nth-child(2),
.burger span:nth-child(3) {
  top: 8px;
}
.burger span:nth-child(4) {
  top: 16px;
}
.burger.open span:nth-child(1) {
  top: 8px;
  width: 0%;
  left: 50%;
}
.burger.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.burger.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.burger.open span:nth-child(4) {
  top: 8px;
  width: 0%;
  left: 50%;
}

.mobileblock {
  position: fixed;
  top: 65px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 6;
  background: #1998d6;
  max-height: calc(100vh - 65px);
  overflow-y: auto;
  display: none;
}
.mobileblock__wrap {
  padding: 25px 15px 15px;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.mobileblock__wrap > div {
  width: 100%;
}
.mobileblock__menu > ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.mobileblock__menu > ul > li {
  border-top: 1px solid #1a9fe0;
}
.mobileblock__menu > ul > li:first-child {
  border: 0;
}
.mobileblock__menu > ul > li > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #ffffff;
  font-weight: 500;
  font-size: 20px;
  min-height: 50px;
}
.mobileblock__menu > ul > li > a span {
  width: 20px;
  height: 20px;
  background: url(../images/topm.svg) 0 0 no-repeat;
  transform: rotate(-90deg);
}
.mobileblock__menu > ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  background: #1998d6;
  padding: 25px 15px 0;
  margin: 0;
  list-style: none;
  z-index: 1;
}
.mobileblock__menu > ul ul li {
  color: #fff;
  font-weight: 500;
  border-top: 1px solid #1a9fe0;
}
.mobileblock__menu > ul ul li:first-child, .mobileblock__menu > ul ul li:nth-child(2), .mobileblock__menu > ul ul li:nth-child(3) {
  border: 0;
}
.mobileblock__menu > ul ul li:nth-child(2) {
  font-size: 20px;
  padding-bottom: 10px;
}
.mobileblock__menu > ul ul li a {
  font-size: 16px;
  color: #ffffff;
  display: flex;
  min-height: 36px;
  align-items: center;
}
.mobileblock__menu > ul ul li a.back {
  opacity: 0.8;
  margin-bottom: 5px;
  padding-left: 24px;
  background: url(../images/back_m.svg) 0 50% no-repeat;
}
.mobileblock__login {
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  padding-left: 32px;
  background: url(../images/m_login.svg) 0 50% no-repeat;
}

.search {
  position: relative;
}
.search form {
  position: relative;
  border: 1px solid #bfbfc4;
  border-radius: 5px;
  display: flex;
}
.search form input {
  padding: 0 12px;
  background: none;
  border-radius: 0;
  font-size: 16px;
}
.search form button {
  width: 48px;
  border: 0;
  background: url(../images/search_but.svg) 50% 50% no-repeat;
}
.search__list {
  position: absolute;
  top: calc(100% + 10px);
  border: 1px solid #bfbfc4;
  border-radius: 5px;
  background: #fff;
  max-height: 400px;
  overflow-y: auto;
  display: none;
}
.search__list ul {
  padding: 0;
  margin: 0;
  list-style: none;
  padding: 10px;
}
.search__list ul li {
  font-size: 15px;
  line-height: 1.2;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #bfbfc4;
}
.search__list ul li:first-child {
  padding: 0;
  border: 0;
  margin: 0;
}
.search__list ul li a {
  color: #161618;
}
.search__list ul li a:hover {
  color: #1998d6;
}

.mobilesearch {
  position: relative;
  border: 1px solid #96d4f3;
  border-radius: 5px;
  display: flex;
}
.mobilesearch input {
  padding: 0 12px;
  background: none;
  border-radius: 0;
  font-size: 16px;
  color: #fff;
}
.mobilesearch input::placeholder {
  color: #bfe5f8;
}
.mobilesearch button {
  width: 48px;
  border: 0;
  background: url(../images/m_search.svg) 50% 50% no-repeat;
}

/* HEADER */
/* CONTENT */
.sitebutton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 50px;
  background: #1998d6;
  border-radius: 4px;
  font-weight: 700;
  font-size: 18px;
  color: #fff;
  border: 0;
  transition: all 0.4s ease;
  padding: 5px 15px;
}
.sitebutton.block {
  display: flex;
  width: 100%;
}
.sitebutton.padding {
  padding: 0 15px;
}
.sitebutton:hover {
  background: #1478a8;
  color: #fff;
}
.sitebutton.border {
  background: none;
  border: 2px solid #1998d6;
  color: #161618;
}
.sitebutton.border:hover {
  background: #1478a8;
  border-color: #1478a8;
  color: #fff;
}
.sitebutton.step {
  padding: 9px 15px 9px 20px;
  min-height: 40px;
}
.sitebutton.previos {
  padding: 9px 20px 9px 15px;
  min-height: 40px;
}
.sitebutton.continue {
  background: #ededed;
  color: #161618;
}
.sitebutton.continue:hover {
  background: black;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .sitebutton {
    min-height: unset;
  }
  .sitebutton.mobilesize12 {
    font-size: 12px;
  }
  .sitebutton.basket {
    padding: 5px 20px 7px;
    font-size: 13px;
    letter-spacing: -0.13px;
    height: 30px;
  }
  .sitebutton.continue {
    padding: 5px 20px 7px;
    font-size: 13px;
    letter-spacing: -0.13px;
    height: 30px;
  }
}
@media only screen and (max-width: 1320px) and (min-width: 767px) {
  .sitebutton.mobilesize12 {
    font-size: 14px;
  }
}

.slider {
  padding: 16px 0 24px;
}
.slider__item {
  overflow: hidden;
  background: #e3e7ec url(../images/slider_i_bg.png) 50% 50% repeat;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.slider__item img {
  width: auto !important;
  max-width: 670px;
  height: 400px;
  object-fit: cover;
}
.slider__item-left {
  padding: 0 10px 0 48px;
}
.slider__item-title {
  font-weight: 700;
  font-size: 56px;
  color: #161618;
  font-family: "Onest";
  line-height: 1;
  margin-bottom: 50px;
}
@media screen and (min-width: 992px) {
  .slider__item h1 {
    font-size: 56px;
  }
}
.slider__conrol {
  position: absolute;
  bottom: 48px;
  left: 0;
  right: 0;
  font-size: 0;
  line-height: 0;
  height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.slider__conrol-wrap {
  height: 0;
  padding: 0 64px;
  position: relative;
}
.slider__conrol-nav {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.slider__conrol-nav div {
  width: 40px;
  height: 40px;
  cursor: pointer;
  background: url(../images/slider_arrow.svg) 0 0 no-repeat;
}
.slider__conrol-nav div:hover {
  background: url(../images/slider_arrow_h.svg) 0 0 no-repeat;
}
.slider__conrol-nav div:first-child {
  transform: rotate(180deg);
}
.slider__conrol-dots {
  display: flex;
  gap: 12px;
  margin-top: -5px;
}
.slider__conrol-dots div {
  width: 10px;
  height: 10px;
  background: #c2cbd6;
  border-radius: 50%;
  cursor: pointer;
}
.slider__conrol-dots div.active {
  background: #1998d6;
}
@media screen and (max-width: 991px) {
  .slider__item-left {
    padding: 15px;
  }
  .slider__item-title {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  .slider .blockin {
    padding: 0;
  }
  .slider__conrol {
    bottom: 40px;
  }
  .slider__conrol-nav {
    display: none;
  }
  .slider__item {
    flex-direction: column-reverse;
    padding: 15px 15px 86px;
  }
  .slider__item:before, .slider__item:after {
    display: none;
  }
  .slider__item img {
    width: 100% !important;
    background: #fff;
    border-radius: 8px;
    height: 230px;
  }
  .slider__item-left {
    padding: 30px 0 0;
  }
  .slider__item-title {
    margin-bottom: 24px;
    min-height: 90px;
  }
}

.content {
  flex-grow: 2;
  padding: 40px 0 90px;
}
.content__block {
  margin-top: 90px;
}
.content__block:first-child {
  margin: 0;
}
.content__maxtext {
  max-width: 1070px;
}
@media screen and (min-width: 992px) {
  .content__wrap {
    overflow: hidden;
  }
  .content__wrap h2 {
    font-size: 44px;
  }
}
@media screen and (max-width: 1024px) {
  .content {
    padding: 30px 0 60px;
  }
}
@media screen and (max-width: 991px) {
  .content__row > div:first-child {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .content {
    padding: 20px 0 40px;
  }
  .content__block {
    margin-top: 40px;
  }
}

.maininfo {
  padding: 95px 0;
  background: #fafafa;
}
.maininfo__block {
  margin-top: 95px;
}
.maininfo__block:first-child {
  margin: 0;
}
@media screen and (max-width: 1024px) {
  .maininfo {
    padding: 60px 0;
  }
  .maininfo__block {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  .maininfo {
    background: none;
    padding: 0 0 50px;
  }
  .maininfo__block {
    margin-top: 50px;
  }
}

.premium {
  gap: 16px 0;
}
.premium__block {
  height: 100%;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 24px 16px;
  background: #eaedf1;
  border-radius: 4px;
  font-weight: 400;
  font-size: 16px;
  color: #6c6c75;
}
.premium__block-img {
  min-width: 55px;
}
.premium__block-title {
  padding: 15px 0 8px;
  color: #000000;
  font-size: 18px;
  font-weight: 500;
}
.premium__block.col {
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .premium__block {
    padding: 18px 14px;
    gap: 8px;
    font-size: 15px;
  }
  .premium__block-img {
    min-width: 48px;
    max-width: 48px;
  }
  .premium__block-title {
    padding: 8px 0 4px;
    font-size: 16px;
  }
}

.faq {
  margin-top: 70px;
  border-top: 2px solid #e0e0e0;
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .faq.min .faq__block-title {
    font-size: 22px;
    min-height: 100px;
  }
  .faq.min .faq__block-title:before {
    width: 45px;
    height: 45px;
    top: calc(50% - 22px);
  }
}
.faq__block {
  border-bottom: 2px solid #e0e0e0;
}
.faq__block-title {
  color: #44444a;
  display: flex;
  letter-spacing: 0;
  align-items: center;
  min-height: 120px;
  cursor: pointer;
  font-weight: 500;
  font-size: 26px;
  padding: 10px 90px 10px 0;
  position: relative;
  transition: all 0.4s ease;
  margin: 0;
}
.faq__block-title:before {
  content: "";
  position: absolute;
  right: 10px;
  top: calc(50% - 30px);
  width: 60px;
  height: 60px;
  background: #ebf4ff url(../images/faq_plus.svg) 50% 50% no-repeat;
  border-radius: 50%;
  transition: all 0.4s ease;
}
.faq__block-title:hover {
  color: #1998d6;
}
.faq__block-title:hover:before {
  background-color: #1998d6;
  background-image: url(../images/faq_plus_h.svg);
}
.faq__block-title.active:before {
  background-image: url(../images/faq_minus.svg);
}
.faq__block-title.active:hover:before {
  background-image: url(../images/faq_minus_h.svg);
}
.faq__block-text {
  display: none;
  padding: 20px 0 30px;
}
.faq__block-text h3 {
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .faq__block-title {
    font-size: 16px;
    min-height: auto;
    padding: 12px 50px 12px 0;
  }
  .faq__block-title:before {
    right: 5px;
    width: 33px;
    height: 33px;
    background-size: cover !important;
    top: calc(50% - 16px);
  }
  .faq__block-title.active:before {
    background-size: 11px auto !important;
  }
  .faq__block-title.active:hover:before {
    background-size: 11px auto !important;
  }
  .faq__block-text h3 {
    font-size: 18px;
  }
}

.advantages {
  gap: 16px 0;
}
.advantages__block {
  padding: 24px 20px;
  background: #eaedf1;
  border-radius: 4px;
  height: 100%;
}
.advantages__block-title {
  font-weight: 500;
  font-size: 18px;
  margin: 18px 0 8px;
}
.advantages__block-text {
  color: #6c6c75;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .advantages__block-title {
    font-size: 16px;
    margin-top: 10px;
  }
  .advantages__block-text {
    font-size: 15px;
  }
}

.reviews .owl-stage {
  display: flex;
  flex-wrap: wrap;
}
.reviews__block {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 35px 30px;
  border: 2px solid #e0e0e0;
  border-radius: 5px;
  background: #fff;
}
.reviews__block-text {
  font-size: 20px;
  line-height: 140%;
  margin-bottom: 15px;
}
.reviews__block-text a {
  opacity: 0.5;
  color: #27272b;
}
.reviews__block-text a:hover {
  color: #1998d6;
  opacity: 1;
}
.reviews__block-info {
  gap: 14px;
  display: flex;
  font-weight: 500;
  font-size: 18px;
  color: #6c6c75;
  align-items: center;
}
.reviews__block-star {
  display: flex;
  gap: 5px;
}
.reviews__block-star div {
  width: 17px;
  height: 17px;
  background: url(../images/rating.svg);
}
.reviews .owl-nav {
  position: absolute;
  top: -62px;
  right: 0;
  height: 0;
  display: flex;
  align-items: center;
  font-size: 0;
  line-height: 0;
  gap: 24px;
  justify-content: space-between;
}
.reviews .owl-nav div {
  width: 40px;
  height: 40px;
  cursor: pointer;
  background: url(../images/slider_arrow_h.svg) 0 0 no-repeat;
  opacity: 0.8;
}
.reviews .owl-nav div:hover {
  opacity: 1;
}
.reviews .owl-nav div:first-child {
  transform: rotate(180deg);
}
.reviews .owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-top: 30px;
}
.reviews .owl-dots div {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #c2cbd6;
}
.reviews .owl-dots div.active {
  background: #1998d6;
}
@media screen and (max-width: 767px) {
  .reviews__block {
    padding: 20px 15px;
  }
  .reviews__block-text {
    font-size: 15px;
    line-height: 1.4;
  }
  .reviews .owl-nav {
    display: none;
  }
}

.news__title {
  margin-bottom: 50px;
  gap: 10px;
}
.news__title h2 {
  margin: 0;
}
.news__title a {
  font-weight: 700;
  font-size: 18px;
  color: #1998d6;
}
.news__block {
  display: block;
  color: #44444a;
  font-size: 15px;
  line-height: 120%;
}
.news__block-img {
  display: block;
  margin-bottom: 16px;
}
.news__block-img img {
  display: block;
  width: 100%;
  border-radius: 4px;
}
.news__block-title {
  display: block;
  font-weight: 500;
  font-size: 16px;
}
.news__block-text {
  display: block;
  margin-top: 4px;
}
.news__block-text span {
  color: #1998d6;
}
.news__block-date {
  margin-top: 12px;
  color: #44444a;
  font-size: 15px;
  display: block;
}
.news .owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-top: 30px;
}
.news .owl-dots div {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #c2cbd6;
}
.news .owl-dots div.active {
  background: #1998d6;
}
@media screen and (max-width: 767px) {
  .news__title {
    margin-bottom: 24px;
  }
}

.leftmenu {
  padding: 15px;
  background: #f3f5f7;
  border-radius: 4px;
}
.leftmenu > ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.leftmenu > ul > li {
  border-top: 2px solid #ffffff;
}
.leftmenu > ul > li:first-child {
  border: 0;
}
.leftmenu > ul > li > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 40px;
  padding: 5px 0;
  gap: 5px;
  color: #3d3d42;
  font-size: 18px;
  line-height: 1.2;
}
.leftmenu > ul > li > a:hover {
  color: #1998d6;
}
.leftmenu > ul > li > a span {
  width: 25px;
  height: 25px;
  background: url(../images/leftmenu_arrow.svg) 50% 50% no-repeat;
}
.leftmenu > ul > li > a.active span {
  transform: rotate(180deg);
}
.leftmenu > ul > li ul {
  padding: 0 0 10px;
  margin: 0;
  list-style: none;
  display: none;
}
.leftmenu > ul > li ul li {
  margin-top: 5px;
}
.leftmenu > ul > li ul li:first-child {
  margin: 0;
}
.leftmenu > ul > li ul li a {
  font-size: 16px;
  color: #6e6e78;
  line-height: 1.2;
}
.leftmenu > ul > li ul li a:hover {
  color: #1998d6;
}

.pageslider .owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  background: #e7e7e9;
  border-radius: 4px;
  overflow: hidden;
}
.pageslider .owl-dots div {
  flex-grow: 2;
  height: 8px;
}
.pageslider .owl-dots div.active {
  background: #a3aab1;
}
.pageslider .owl-nav {
  position: absolute;
  top: -62px;
  right: 0;
  height: 0;
  display: flex;
  align-items: center;
  font-size: 0;
  line-height: 0;
  gap: 24px;
  justify-content: space-between;
}
.pageslider .owl-nav div {
  width: 40px;
  height: 40px;
  cursor: pointer;
  background: url(../images/slider_arrow_h.svg) 0 0 no-repeat;
  opacity: 0.8;
}
.pageslider .owl-nav div:hover {
  opacity: 1;
}
.pageslider .owl-nav div:first-child {
  transform: rotate(180deg);
}

.production.row {
  gap: 25px 0;
  margin: 0 -12px;
}
.production.row > div {
  padding: 0 12px;
}
.production__block {
  position: relative;
  display: block;
  border-radius: 4px;
  overflow: hidden;
  overflow: hidden;
}
.production__block img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s ease;
}
.production__block-title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: flex-end;
  padding: 19px 15px;
  background: rgba(14, 122, 175, 0.8);
  font-weight: 700;
  font-size: 18px;
  color: #ffffff;
  transition: all 0.4s ease;
}
.production__block:hover img {
  transform: scale(1.2);
}
.production__block:hover span {
  background: #0e7aaf;
}
@media screen and (max-width: 767px) {
  .production.row {
    margin: 0 -6px;
    gap: 12px 0;
  }
  .production.row > div {
    padding: 0 6px;
  }
  .production__block-title {
    font-size: 12px;
    display: flex;
    align-items: center;
    min-height: 54px;
    padding: 5px 10px;
  }
}

.product__link {
  display: block;
  color: #161618;
  font-weight: 500;
  font-size: 16px;
}
.product__link img {
  display: block;
  width: 100%;
}
.product__title {
  display: block;
  margin: 10px 0 5px;
}
.product__price {
  font-weight: 300;
  font-size: 20px;
  margin-bottom: 12px;
  display: block;
}
.product__price span {
  font-family: "Arial";
}
@media screen and (max-width: 767px) {
  .product__link {
    font-size: 12px;
  }
}

.catalog {
  gap: 15px 0;
}
.catalog__block {
  display: block;
  height: 100%;
  padding: 24px;
  background: #eceff2;
  border-radius: 4px;
  color: #161618;
  text-align: center;
}
.catalog__block-img {
  margin-bottom: 20px;
  min-width: 96px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.catalog__block-img img {
  border-radius: 4px;
  display: block;
}
.catalog__block-title {
  font-weight: 700;
  font-size: 18px;
}
.catalog__block:hover {
  background: #1998d6;
  color: #fff;
}
.catalog__all {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  height: 100%;
  background: #eceff2;
  border-radius: 4px;
  font-weight: 700;
  font-size: 18px;
  color: #161618;
  padding: 20px 0;
}
.catalog__all svg path {
  fill: #1998d6;
  transition: all 0.4s ease;
}
.catalog__all:hover {
  background: #1998d6;
  color: #fff;
}
.catalog__all:hover svg path {
  fill: #fff;
}
@media screen and (max-width: 767px) {
  .catalog__block {
    padding: 12px;
  }
  .catalog__all {
    gap: 20px;
    min-height: 120px;
  }
}

.siteform {
  padding: 48px;
  background: #dfe8f1;
  border-radius: 4px;
  margin-top: 90px;
}
.siteform.notop {
  margin: 0;
}
.siteform .row {
  gap: 24px 0;
}
.siteform__title {
  font-weight: 700;
  font-size: 44px;
  color: #1998d6;
  line-height: 1;
  margin-bottom: 8px;
  font-family: "Onest";
}
.siteform__text {
  font-size: 20px;
  line-height: 1.4;
  color: #44444a;
}
.siteform__img {
  margin-top: 40px;
}
.siteform__block {
  margin-top: 12px;
}
.siteform__block:first-child {
  margin: 0;
}
.siteform__block-info {
  margin-top: 16px;
  font-size: 14px;
  line-height: 1.2;
  color: #6c6c75;
  opacity: 0.8;
}
.siteform__block-info a {
  color: #6c6c75;
  border-bottom: 1px solid #6c6c75;
}
.siteform__block-info a:hover {
  border-color: transparent;
}
@media screen and (max-width: 991px) {
  .siteform {
    padding: 25px 15px;
    margin: 55px -15px 0;
    border-radius: 0;
  }
  .siteform__title {
    font-size: 26px;
    padding-left: 64px;
    background: url(../images/siteform.svg) 0 0 no-repeat;
    background-size: 52px auto;
    margin-bottom: 12px;
  }
  .siteform__text {
    font-size: 18px;
  }
  .siteform__img {
    display: none;
  }
}

.popular {
  position: relative;
  padding-right: 120px;
  overflow: hidden;
}
.popular:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 30px;
  right: 0;
  width: 96px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  z-index: 2;
}
.popular .owl-stage-outer {
  overflow: visible;
}
.popular .owl-nav {
  right: -120px;
}
.popular .owl-dots {
  margin-right: -120px;
}
@media screen and (min-width: 767px) {
  .popular__lide .owl-nav {
    right: 0;
  }
  .popular__lide-wrap {
    padding: 0 !important;
  }
  .popular__lide-wrap:after {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .popular {
    overflow: hidden;
  }
}
@media screen and (max-width: 767px) {
  .popular__item {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #e0e0e0;
  }
  .popular__lider.row {
    margin: 0;
  }
  .popular__lider.row > div {
    width: 50%;
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #e0e0e0;
  }
  .popular__lider.row > div:first-child, .popular__lider.row > div:first-child + div {
    padding: 0;
    margin: 0;
    border: 0;
  }
  .popular__lider.row > div:nth-child(odd) > div {
    padding-right: 6px;
  }
  .popular__lider.row > div:nth-child(even) > div {
    padding-left: 6px;
  }
  .popular__lider-wrap.nopadding {
    padding: 0;
  }
  .popular__lider-wrap.nopadding:after {
    display: none;
  }
}

.path {
  padding-top: 25px;
  font-weight: 500;
  font-size: 15px;
  color: #6c6c75;
}
.path span {
  margin: 0 4px;
}
.path img {
  margin: 0 4px;
}
.path a {
  color: #6c6c75;
}
.path a:hover {
  color: #1998d6;
}

.topslider {
  padding: 0 60px;
}
.topslider__block {
  display: block;
  font-size: 15px;
  line-height: 1.2;
  color: #161618;
}
.topslider__block-img {
  display: block;
  margin-bottom: 20px;
}
.topslider__block-price {
  font-family: "Arial";
  font-weight: 400;
  font-size: 18px;
  color: #000000;
  display: block;
}
.topslider__block-list {
  display: table;
  border-spacing: 0;
}
.topslider__block-list > span {
  display: table-row;
}
.topslider__block-list > span span {
  display: table-cell;
  padding: 5px 0;
}
.topslider__block-list > span span:first-child {
  color: #6c6c75;
  padding-right: 10px;
}
.topslider .owl-nav {
  position: absolute;
  top: 50%;
  height: 0;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  font-size: 0;
  line-height: 0;
  justify-content: space-between;
}
.topslider .owl-nav div {
  width: 40px;
  height: 40px;
  cursor: pointer;
  background: url(../images/slider_arrow_h.svg) 0 0 no-repeat;
  opacity: 0.8;
}
.topslider .owl-nav div:hover {
  opacity: 1;
}
.topslider .owl-nav div:first-child {
  transform: rotate(180deg);
}
.topslider .owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #e7e7e9;
  border-radius: 4px;
  overflow: hidden;
  margin: 40px -60px 0;
}
.topslider .owl-dots div {
  flex-grow: 2;
  height: 8px;
}
.topslider .owl-dots div.active {
  background: #a3aab1;
}
@media screen and (max-width: 767px) {
  .topslider {
    padding: 0;
  }
  .topslider .owl-nav {
    display: none;
  }
  .topslider .owl-dots {
    margin: 25px 0 0;
  }
}

.pageform {
  padding: 40px 48px;
  background: #dfe8f1;
  border-radius: 4px;
}
.pageform__title {
  font-weight: 700;
  font-size: 36px;
  letter-spacing: -0.01em;
  color: #1688c0;
  height: 1.2;
}
.pageform__text {
  font-size: 20px;
  margin: 5px 0 30px;
  color: #44444a;
  line-height: 1.2;
}
.pageform .row {
  margin: 0 -6px;
  gap: 16px 0;
}
.pageform .row > div {
  padding: 0 6px;
}
.pageform__info {
  text-align: center;
  color: #6c6c75;
  opacity: 0.8;
  font-size: 14px;
}
.pageform__info a {
  color: #6c6c75;
  border-bottom: 1px solid #6c6c75;
}
.pageform__info a:hover {
  border-color: transparent;
}
@media screen and (max-width: 767px) {
  .pageform {
    padding: 20px 15px;
    border-radius: 0;
    margin: 0 -15px;
  }
  .pageform__title {
    line-height: 1;
    font-size: 26px;
  }
  .pageform__text {
    font-size: 18px;
    margin-top: 10px;
  }
  .pageform .row {
    gap: 12px 0;
  }
  .pageform__info {
    text-align: left;
  }
}

.page__block {
  margin-top: 64px;
}
.page__block:first-child {
  margin: 0;
}
.page .row {
  gap: 25px 0;
  margin: 40px -12px 0;
}
.page .row > div {
  padding: 0 12px;
}
.page .row img {
  display: block;
}
.page__title {
  gap: 20px;
  margin-bottom: 40px;
  justify-content: space-between;
}
.page__title h2 {
  margin: 0;
}
.page ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.page ul li {
  padding-left: 32px;
  margin-top: 10px;
  background: url(../images/page_list.svg) 0 0 no-repeat;
}
.page ul li:first-child {
  margin: 0;
}
@media screen and (max-width: 991px) {
  .page__block {
    margin-top: 50px;
  }
  .page__block.mobiletop {
    margin-top: 0;
  }
}

.pagepremium {
  padding: 15px;
  background: #ebf4ff;
  border-radius: 4px;
  gap: 20px 0;
}
.pagepremium .row {
  margin: 0 -5px;
  gap: 20px 0;
}
.pagepremium .row > div {
  padding: 0 5px;
}
.pagepremium__block {
  text-align: center;
  font-weight: 500;
  font-size: 15px;
}
.pagepremium__block-img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .pagepremium {
    margin: 0 -15px;
    border-radius: 0;
  }
  .pagepremium__block {
    display: flex;
    align-items: center;
    text-align: left;
    gap: 12px;
  }
  .pagepremium__block-img {
    margin: 0;
  }
}

blockquote {
  font-weight: 400;
  font-size: 24px;
  padding: 35px;
  border: 4px solid #196fa8;
  margin: 40px 0 0;
}
@media screen and (max-width: 767px) {
  blockquote {
    margin-top: 30px;
    padding: 20px;
    font-size: 18px;
  }
}

.tablewrapper {
  overflow-x: auto;
}

.pagetable {
  background: #fafafa;
  width: 100%;
  border-spacing: 0;
  font-size: 15px;
}
.pagetable th {
  padding: 15px;
  text-align: left;
  font-weight: 500;
  font-size: 15px;
  color: #6c6c75;
}
.pagetable td {
  border-top: 1px solid #e0e0e0;
  padding: 15px;
  vertical-align: top;
  min-width: 135px;
}
.pagetable__title {
  color: #6c6c75;
  font-weight: 500;
}
.pagetable__center {
  text-align: center;
}
.pagetable__bg {
  background: #f2f2f2;
}

.pagelist {
  padding: 0;
  list-style: none;
}
.pagelist li {
  padding-left: 32px;
  margin-top: 8px;
  background: url(../images/pagelist.svg) 0 0 no-repeat;
}
.pagelist li:first-child {
  margin-top: 0;
}

.mobileslider.owl-carousel {
  margin: 0;
}
.mobileslider.owl-carousel .owl-stage-outer {
  padding: 0;
}
.mobileslider.owl-carousel .owl-item .col-sm-6,
.mobileslider.owl-carousel .owl-item .col-sm-4 {
  padding: 0;
}
.mobileslider .owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-top: 30px;
}
.mobileslider .owl-dots div {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #c2cbd6;
}
.mobileslider .owl-dots div.active {
  background: #1998d6;
}

.types__block {
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 12px 24px 12px 12px;
  background: #ebf4ff;
  margin-top: 24px;
}
.types__block:first-child {
  margin: 0;
}
.types__block-img {
  min-width: 100px;
}
.types__block-right {
  width: 100%;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 24px;
}
.types__block-title {
  font-weight: 500;
  font-size: 18px;
}
.types__block-link {
  white-space: nowrap;
  font-weight: 700;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .types__block {
    align-items: flex-start;
    gap: 12px;
  }
  .types__block-img {
    max-width: 50px;
  }
  .types__block-right {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 10px;
  }
  .types__block-title {
    font-size: 15px;
  }
  .types__block-link {
    font-size: 15px;
  }
}

.stickers {
  gap: 40px 0;
}
.stickers__block {
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #6c6c75;
}
.stickers__block-img {
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 128px;
  background: #ebf4ff;
  border-radius: 4px;
  margin-bottom: 20px;
}
.stickers__block-title {
  display: block;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.2;
  color: #1998d6;
}
.stickers__block-price {
  display: block;
  margin: 8px 0;
  font-size: 16px;
  color: #27272b;
}
.stickers__block-price span {
  color: #1998d6;
}
@media screen and (max-width: 767px) {
  .stickers__block {
    font-size: 13px;
  }
  .stickers__block-title {
    font-size: 15px;
  }
  .stickers__block-price {
    font-size: 14px;
  }
}

.logopartner {
  margin-left: -6px !important;
  margin-right: -6px !important;
  gap: 20px 0;
}
.logopartner > div {
  padding: 0 6px !important;
}
.logopartner a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f0f1f2;
  border-radius: 4px;
  height: 85px;
}

.topimgblock {
  padding-top: 25px;
}
.topimgblock__wrap {
  position: relative;
  height: 400px;
  display: flex;
  align-items: center;
}
.topimgblock__info {
  position: relative;
  padding: 20px 50px;
}
.topimgblock__info h1 {
  color: #fff;
  margin-bottom: 30px;
}
.topimgblock__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  overflow: hidden;
}
.topimgblock__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.5;
}
.topimgblock__img video {
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .topimgblock .blockin {
    padding: 0;
  }
  .topimgblock__wrap {
    height: 270px;
  }
  .topimgblock__info {
    padding: 15px;
  }
  .topimgblock__info h1 {
    letter-spacing: -1.5px;
  }
}

.newcatalog {
  margin: 0 -12px;
  gap: 24px 0;
}
.newcatalog > div {
  padding: 0 12px;
}
.newcatalog__block {
  display: block;
  height: 100%;
  padding: 24px;
  border-radius: 4px;
  background: #eceff2;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #161618;
  transition: all 0.4s ease;
}
.newcatalog__block-img {
  display: block;
  margin-bottom: 24px;
}
.newcatalog__block-img img {
  display: block;
}
.newcatalog__block:hover {
  background: #1998d6;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .newcatalog {
    margin: 0 -6px;
    gap: 12px 0;
  }
  .newcatalog > div {
    padding: 0 6px;
  }
  .newcatalog__block {
    padding: 4px 4px 8px;
    font-size: 14px;
  }
  .newcatalog__block-img {
    margin-bottom: 8px;
  }
}

.pagination {
  margin-top: 23px;
}
.pagination__wrap {
  margin-top: 65px;
}
.pagination ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.pagination ul li a {
  min-width: 40px;
  line-height: 40px;
  display: block;
  text-align: center;
  font-size: 18px;
  color: #161618;
  font-weight: 500;
}
.pagination ul li a:hover {
  color: #1998d6;
}
.pagination__prev {
  transform: rotate(180deg);
}
.pagination__prev span,
.pagination__prev a, .pagination__next span,
.pagination__next a {
  line-height: 0 !important;
  font-size: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination__active {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  font-weight: 500;
  font-size: 18px;
  border: 2px solid #1998d6;
}
@media screen and (max-width: 767px) {
  .pagination__wrap {
    margin-top: 30px;
  }
}

.rub {
  font-family: "Arial";
}

.product {
  gap: 50px 0;
}
.product__block {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
}
.product__block-top {
  color: #161618;
}
.product__block-img img {
  display: block;
  width: 100%;
}
.product__block-title {
  font-size: 16px;
  font-weight: 500;
  display: block;
  margin: 16px 0 12px;
}
.product__block-price {
  font-size: 20px;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .product {
    gap: 0;
  }
  .product.row {
    margin: 0;
  }
  .product > div {
    padding: 0;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #e0e0e0;
  }
  .product > div:first-child, .product > div:first-child + div {
    margin-top: 0;
    padding: 0;
    border-top: 0;
  }
  .product > div:nth-child(even) .product__block {
    padding-right: 0;
  }
  .product > div:nth-child(odd) .product__block {
    padding-left: 0;
  }
  .product__block {
    padding: 0 6px;
  }
  .product__block-title {
    font-size: 12px;
  }
}

.sort {
  border-bottom: 1px solid #e0e0e0;
  padding: 12px 0;
  margin-bottom: 40px;
}
.sort__wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}
.sort__right {
  min-width: 170px;
}
.sort__select {
  display: flex;
  flex-direction: row;
  justify-content: start;
  border-radius: 4px;
  background: #ebf4ff;
  min-height: 32px;
  height: 32px;
  line-height: 32px;
  padding: 0 23px 0 8px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease;
}
.sort__select::after {
  content: "";
  position: absolute;
  right: 7px;
  top: 11px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 0.75rem;
  height: 0.75rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0yLjA3NTIxIDEuMTI3MDRDMS43MDE3NSAwLjc3NTAwOCAxLjExODU1IDAuNzc1MzI1IDAuNzQ1NDY5IDEuMTI3NzZDMC4zNDA3OTkgMS41MTAwNCAwLjM0MDc5OSAyLjE1MzkzIDAuNzQ1NDY4IDIuNTM2Mkw1LjMxMzI5IDYuODUxMjlDNS42OTg3MSA3LjIxNTM4IDYuMzAxMjkgNy4yMTUzOCA2LjY4NjcxIDYuODUxMjlMMTEuMjU0NSAyLjUzNjJDMTEuNjU5MiAyLjE1MzkzIDExLjY1OTIgMS41MTAwNCAxMS4yNTQ1IDEuMTI3NzZDMTAuODgxNSAwLjc3NTMyNSAxMC4yOTgyIDAuNzc1MDA4IDkuOTI0NzkgMS4xMjcwNEw2IDQuODI2NTlMMi4wNzUyMSAxLjEyNzA0WiIgZmlsbD0iIzE5OThENiIvPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  transition: all 0.2s ease;
}
.sort__select.is-active .select__list {
  max-height: 64px;
}
.sort__select.is-active::after {
  transform: rotate(180deg);
  top: 11px;
}
.sort__list {
  margin-top: 13px;
  display: flex;
  gap: 16px;
  font-size: 13px;
  flex-wrap: wrap;
}
.sort__list div {
  display: flex;
  align-items: center;
  color: #62626a;
  gap: 4px;
}
.sort__list div a {
  min-width: 16px;
  height: 16px;
  background: url(../images/delte_param_filter.svg);
}
.sort__list-clear a {
  background: url(../images/clear_filter.svg) !important;
}
.sort__list .js-openmobfilter {
  display: none;
  gap: 4px;
  font-size: 12px;
  color: #161618;
  white-space: nowrap;
  font-weight: 500;
}
.sort__left {
  display: flex;
  align-items: center;
  gap: 10px 40px;
}
.sort__left-flex {
  display: flex;
  gap: 12px;
}
.sort__filter {
  position: relative;
  z-index: 2;
}
.sort__filter-title {
  cursor: pointer;
  display: flex;
  height: 32px;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #161618;
  padding: 0 21px 0 8px;
  font-size: 15px;
  font-weight: 500;
  position: relative;
}
.sort__filter-title:before {
  content: "+";
  top: 3px;
  right: 6px;
  position: absolute;
  font-size: 18px;
  font-weight: 700;
  color: #1998d6;
}
.sort__filter-title.active:before {
  content: "-";
}
.sort__filter-title.active + div {
  display: block;
}
.sort__filter-body {
  display: none;
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  width: 240px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
  padding: 12px;
}
.sort__filter-body ul {
  padding: 0 10px 0 0;
  margin: 0 0 8px;
  list-style: none;
  max-height: 175px;
  overflow-y: auto;
}
.sort__filter-body ul::-webkit-scrollbar {
  width: 5px;
}
.sort__filter-body ul::-webkit-scrollbar-track {
  background: #e7e7e9;
}
.sort__filter-body ul::-webkit-scrollbar-thumb {
  background: #a3aab1;
}
.sort__filter-body ul li {
  margin-top: 8px;
}
.sort__filter-body ul li:first-child {
  margin: 0;
}
.sort__filter-body ul li label {
  min-height: 28px;
  display: flex;
  align-items: flex-start;
  gap: 9px;
  cursor: pointer;
  font-size: 15px;
  line-height: 1.1;
}
.sort__filter-body ul li label span {
  width: 22px;
  min-width: 22px;
  height: 22px;
  border-radius: 4px;
  border: 1px solid #b3b3b3;
}
.sort__filter-body ul li label input {
  display: none;
}
.sort__filter-body ul li label input:checked + span {
  border-color: #1998d6;
  background: url(../images/detail_list.svg) 50% 50% no-repeat;
}
.sort__filter-body .sitebutton {
  height: 32px;
  min-height: 32px;
  font-size: 15px;
}
.sort__filter-button {
  display: flex;
  align-items: center;
  gap: 10px;
}
.sort__filter-button:hover .clear {
  display: flex;
}
.sort__filter-button .clear {
  font-size: 14px;
  color: #62626a;
  display: flex;
  gap: 4px;
  display: none;
}
.sort__filter-button .clear img {
  min-width: 16px;
  width: 16px;
}
@media screen and (max-width: 767px) {
  .sort__left {
    font-size: 12px;
  }
  .sort__left-flex {
    display: none;
  }
  .sort__list {
    gap: 10px;
  }
  .sort__list .js-openmobfilter {
    display: flex;
  }
  .sort__select {
    height: 25px;
    font-size: 12px;
    padding-right: 28px;
  }
}

.select__list {
  padding: 0;
  margin: 0;
  list-style: none;
  max-height: 0;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  background: #ebf4ff;
  z-index: 9;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
}
.select__option {
  position: relative;
  list-style: none;
  padding: 0 8px;
  background-color: #ebf4ff;
  transition: all 0.3s ease;
}

.detail {
  gap: 25px 0;
}
.detail__img {
  display: flex;
  align-items: center;
  justify-content: center;
}
.detail__img img {
  display: block;
  width: 100%;
}
.detail__info {
  padding: 28px 20px 0 0;
  font-size: 16px;
  color: #161618;
}
.detail__info-block {
  margin-top: 25px;
}
.detail__info-block:first-child {
  margin: 0;
}
.detail__info-title {
  font-size: 16px;
  color: #6c6c75;
  font-weight: 700;
}
.detail__info ul {
  padding: 12px 0 0;
  margin: 0;
  list-style: none;
}
.detail__info ul li {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 4px;
  line-height: 1.2;
  margin-top: 12px;
}
.detail__info ul li:first-child {
  margin: 0;
}
.detail__info ul li span:first-child {
  color: #6c6c75;
  font-weight: 500;
}
.detail__info ul li em {
  flex-grow: 2;
  border-bottom: 1px dashed #a6a6a6;
  margin-bottom: 3px;
}
.detail__info-link {
  margin-top: 20px;
}
.detail__info-link a {
  font-size: 16px;
  font-weight: 700;
  padding-right: 20px;
  background: url(../images/more.svg) 100% 50% no-repeat;
}
.detail__view {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  flex-wrap: wrap;
}
.detail__view label {
  width: 120px;
  cursor: pointer;
}
.detail__view label input {
  display: none;
}
.detail__view label input:checked + span {
  border-color: #1998d6;
}
.detail__view label span {
  border-radius: 4px;
  border: 2px solid #e0e0e0;
  display: block;
  padding: 10px;
}
.detail__view label span img {
  display: block;
}
.detail__color {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  flex-wrap: wrap;
}
.detail__color label {
  width: 55px;
  cursor: pointer;
}
.detail__color label input {
  display: none;
}
.detail__color label input:checked + span {
  border-color: #1998d6;
}
.detail__color label > span {
  border-radius: 50%;
  border: 2px solid #e0e0e0;
  display: block;
  height: 55px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.detail__color label > span > span {
  display: block;
  height: 45px;
  width: 45px;
  margin: auto;
  border-radius: 50%;
}
.detail__right {
  border-radius: 4px;
  background: #ebf4ff;
  padding: 28px;
}
.detail__right-info-block {
  margin-top: 12px;
  font-size: 15px;
  color: #44444a;
}
.detail__right-info-block:first-child {
  margin: 0;
}
.detail__right-info-block p {
  margin: 4px 0;
}
.detail__right-info-block p:first-child {
  margin-top: 0;
}
.detail__right-info-block p:last-child {
  margin-bottom: 0;
}
.detail__right-info-block ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.detail__right-info-block ul li {
  margin-top: 5px;
  padding-left: 20px;
  background: url(../images/detail_list.svg) 0 0 no-repeat;
}
.detail__right-info-title {
  font-weight: 700;
  color: #6c6c75;
}
.detail__right-minprice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid #fff;
}
.detail__right-minprice span {
  font-size: 18px;
  font-weight: 500;
}
.detail__right-minprice .sitebutton {
  background: #fff;
}
.detail__price {
  font-size: 36px;
  color: #161618;
}
.detail__price-list {
  padding: 12px 0 0;
}
.detail__price-list ul {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 15px 5%;
  list-style: none;
  line-height: 1;
  font-size: 14px;
}
.detail__price-list ul li {
  width: 40%;
  display: flex;
  gap: 5px;
}
.detail__price-list ul li span:first-child {
  color: #6c6c75;
  white-space: nowrap;
}
.detail__button {
  margin-top: 20px;
  display: flex;
  gap: 8px;
}
.detail__amount {
  width: 110px;
  min-width: 110px;
  display: flex;
  align-items: center;
  padding: 0 8px;
  height: 50px;
  border-radius: 5px;
  background: #fff;
}
.detail__amount button {
  width: 23px;
  height: 23px;
  min-width: 23px;
  border: 0;
  background: url(../images/amount_plus.svg) 0 0 no-repeat;
}
.detail__amount button:first-child {
  background-image: url(../images/amount_minus.svg);
}
.detail__amount input {
  padding: 0;
  text-align: center;
  font-weight: 500;
  color: #000;
  height: 48px;
  line-height: 48px;
}
.detail__buy-one-click {
  margin-top: 16px;
  text-align: center;
}
.detail__buy-one-click a {
  font-size: 16px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .detail > div {
    order: 0;
  }
  .detail > div:nth-child(2) {
    order: 2;
  }
  .detail > div:nth-child(3) {
    order: 1;
  }
  .detail__right {
    padding: 15px;
  }
  .detail__price {
    font-size: 26px;
  }
}

.mobilefilter {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  overflow: hidden;
}
.mobilefilter__wrap {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  overflow-y: auto;
  width: 90%;
  margin-left: auto;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  right: -90%;
  transition: all 0.4s ease;
}
.mobilefilter__wrap.show {
  right: 0;
}
.mobilefilter__top {
  position: relative;
  padding: 20px;
}
.mobilefilter__title {
  font-size: 22px;
  color: #3d3d42;
  font-weight: bold;
  margin-bottom: 20px;
}
.mobilefilter__close {
  cursor: pointer;
  width: 48px;
  height: 48px;
  background: url(../images/closefilter.svg);
  position: absolute;
  top: 10px;
  right: 10px;
}
.mobilefilter__block {
  border-bottom: 1px solid #161618;
}
.mobilefilter__block-title {
  display: flex;
  align-items: center;
  height: 60px;
  cursor: pointer;
  position: relative;
  font-size: 18px;
  font-weight: 500;
}
.mobilefilter__block-title:before {
  content: "";
  position: absolute;
  top: 6px;
  right: 0;
  width: 36px;
  height: 36px;
  background: url(../images/mobfilter_arrow.svg) 0 0 no-repeat;
}
.mobilefilter__block-title.active:before {
  transform: rotate(180deg);
}
.mobilefilter__block-body {
  padding-bottom: 15px;
}
.mobilefilter__block .sort__filter-body {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  box-shadow: none;
  padding: 0;
  display: block;
}
.mobilefilter__block .sort__filter-body ul {
  margin: 0;
}
.mobilefilter__bottom {
  background: #ebf4ff;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 15px;
  align-items: center;
}
.mobilefilter__bottom .clearfilter {
  color: #6b6f74;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  display: flex;
  gap: 5px;
  align-items: center;
}
.mobilefilter__price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.mobilefilter__price-block {
  display: flex;
  border-radius: 5px;
  align-items: center;
  border: 1px solid #b3b3b3;
  background: #fff;
  max-width: 125px;
  padding: 0 15px;
}
.mobilefilter__price-block input {
  line-height: 37px;
  height: 37px;
  padding: 0 5px;
}

.nstSlider {
  position: relative;
  height: 3px;
  background: #cbcbcb;
  margin-top: 20px;
  margin-bottom: 20px;
}
.nstSlider .bar {
  position: absolute;
  top: 0;
  background: #1998d6;
  bottom: 0;
}
.nstSlider .leftGrip,
.nstSlider .rightGrip {
  position: absolute;
  width: 25px;
  height: 25px;
  background: #1998d6;
  border-radius: 50%;
  margin-top: -12px;
}

/* CONTENT */
/* CONTACTS_BLOCK */
.contactsblock {
  padding: 95px 0 55px;
  background: #e3e7ec;
}
.contactsblock__row {
  gap: 30px 0;
}
.contactsblock__contacts {
  gap: 20px 0;
}
.contactsblock__phone {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px 0;
}
.contactsblock__phone a {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  color: #161618;
  font-weight: 700;
  font-size: 24px;
  padding-left: 44px;
  background: url(../images/c_phone.svg) 0 50% no-repeat;
}
.contactsblock__phone a:hover {
  color: #1998d6;
}
.contactsblock__mail {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  color: #161618;
  font-weight: 500;
  font-size: 20px;
  padding-left: 44px;
  margin-top: 40px;
  background: url(../images/c_mail.svg) 0 50% no-repeat;
}
.contactsblock__mail:hover {
  color: #1998d6;
}
.contactsblock__soc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 28px 0;
}
.contactsblock__soc a {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 500;
  font-size: 20px;
  color: #161618;
}
.contactsblock__soc a:hover {
  color: #1998d6;
}
.contactsblock__address, .contactsblock__work {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  font-size: 18px;
  margin-top: 30px;
}
.contactsblock__address:first-child, .contactsblock__work:first-child {
  margin: 0;
}
.contactsblock__form {
  padding: 32px 40px;
  background: #eaedf1;
  border-radius: 4px;
}
.contactsblock__form-title {
  font-weight: 500;
  font-size: 26px;
  color: #44444a;
  padding-bottom: 10px;
}
.contactsblock__form-block {
  margin-top: 12px;
}
.contactsblock__form-info {
  margin-top: 16px;
  font-weight: 400;
  font-size: 14px;
  color: #6c6c75;
}
.contactsblock__form-info a {
  color: #6c6c75;
  border-bottom: 1px solid #6c6c75;
}
.contactsblock__form-info a:hover {
  border-color: transparent;
}
.contactsblock__map {
  height: 360px;
  background: #fff;
  margin-top: 40px;
}
@media screen and (max-width: 960px) {
  .contactsblock {
    padding: 55px 0;
  }
  .contactsblock__form {
    padding: 30px 15px;
  }
  .contactsblock__form-title {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .contactsblock__phone {
    gap: 14px;
  }
  .contactsblock__phone a {
    font-size: 18px;
    padding-left: 30px;
    background-size: 24px auto;
  }
  .contactsblock__soc {
    gap: 12px 0;
  }
  .contactsblock__soc a {
    font-size: 16px;
  }
  .contactsblock__soc a img {
    width: 24px;
  }
  .contactsblock__mail {
    margin-top: 20px;
    padding-left: 30px;
    background-size: 24px auto;
  }
  .contactsblock__work, .contactsblock__address {
    margin-top: 12px;
    font-size: 16px;
  }
  .contactsblock__work img, .contactsblock__address img {
    width: 24px;
  }
}

/* CONTACTS_BLOCK */
/* FOOTER */
.footer {
  background: #161618;
}
.footer__top {
  padding: 55px 0;
  font-size: 16px;
  color: #d2d2d2;
}
.footer__top-row {
  gap: 25px 0;
  margin-top: 27px;
}
.footer__logo {
  display: inline-flex;
  align-items: center;
}
.footer__phone {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px 0;
}
.footer__phone a {
  min-height: 24px;
  display: flex;
  align-items: center;
  padding-left: 32px;
  background: url(../images/f_phone.svg) 0 50% no-repeat;
  font-weight: 700;
  color: #d2d2d2;
}
.footer__phone a:hover {
  color: #1998d6;
}
.footer__mail {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding-left: 32px;
  background: url(../images/f_mail.svg) 0 50% no-repeat;
  font-weight: 700;
  color: #d2d2d2;
  margin-top: 24px;
}
.footer__mail:hover {
  color: #1998d6;
}
.footer__soc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}
.footer__soc a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 500;
  color: #d2d2d2;
}
.footer__soc a:hover {
  color: #1998d6;
}
.footer__address {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 24px;
}
.footer__menu {
  padding: 0;
  margin: 0;
  list-style: none;
  font-weight: 500;
}
@media screen and (min-width: 576px) {
  .footer__menu {
    column-count: 2;
  }
}
.footer__menu li {
  margin-top: 24px;
}
.footer__menu li:first-child {
  margin: 0;
}
.footer__menu li a {
  color: #ffffff;
}
.footer__menu li a:hover {
  color: #1998d6;
}
.footer__bottom {
  background: #131313;
  border-top: 1px solid #2e2e2e;
  font-size: 15px;
  padding: 20px 0;
}
.footer__bottom-row {
  min-height: 77px;
  gap: 12px 15px;
}
.footer__copyright {
  color: rgba(255, 255, 255, 0.6);
}
.footer__link {
  color: rgba(255, 255, 255, 0.6);
}
.footer__link span {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.footer__link:hover {
  color: rgba(255, 255, 255, 0.6);
}
.footer__link:hover span {
  border-color: transparent;
}
@media screen and (max-width: 577px) {
  .footer__top {
    font-size: 15px;
    padding: 30px 0;
  }
}

.fixbottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5;
  background: #fff;
  border-top: 1px solid #e0e0e0;
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
}
.fixbottom li {
  flex-grow: 2;
  border-left: 1px solid #e0e0e0;
  flex-basis: 25%;
}
.fixbottom li:first-child {
  border: 0;
}
.fixbottom li a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  height: 60px;
  color: #161618;
  position: relative;
  text-align: center;
}
.fixbottom li a em {
  position: absolute;
  top: 5px;
  left: calc(50% + 20px);
  font-weight: 400;
  padding: 0 5px 0 4px;
  font-size: 10px;
  line-height: 14px;
  border: 1px solid #3ab3ee;
  border-radius: 100px;
  color: #0e7aaf;
  padding-top: 1px;
}
@media screen and (min-width: 992px) {
  .fixbottom {
    display: none;
  }
}

/* FOOTER */
/* POPUP */
.popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  padding: 15px;
  font-size: 0;
  line-height: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.8);
  z-index: 20;
  display: none;
}
.popup__wrap {
  display: inline-block;
  vertical-align: middle;
  max-width: 455px;
  width: 100%;
  padding: 55px 35px 40px;
  background: #eaedf1;
  border-radius: 5px;
  position: relative;
  font-size: 14px;
  line-height: 1.2;
  color: #6c6c75;
  box-sizing: border-box;
  text-align: left;
}
.popup__wrap-reviews {
  max-width: 940px;
  font-weight: 400;
  font-size: 20px;
  color: #27272b;
}
.popup__wrap-basket {
  vertical-align: middle;
  padding: 40px;
  border-radius: 10px;
  background: #fff;
  max-width: 650px;
}
.popup__closebut {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  background: url(../images/closebut.svg) 0 0 no-repeat;
  cursor: pointer;
}
.popup__body {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 60px;
}
.popup__body-basket {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.popup__body-title {
  margin: 0;
  color: #161618;
}
.popup__title {
  font-weight: 700;
  font-size: 36px;
  font-family: "Onest";
  color: #1998d6;
  margin-bottom: 8px;
}
.popup__text {
  margin-bottom: 20px;
  font-size: 18px;
  color: #6c6c75;
  line-height: 1.3;
}
.popup__block {
  margin-top: 12px;
}
.popup__block-info {
  margin-top: 16px;
  font-weight: 400;
  font-size: 14px;
  color: #6c6c75;
}
.popup__block-info a {
  color: #6c6c75;
  border-bottom: 1px solid #6c6c75;
}
.popup__block-info a:hover {
  border-color: transparent;
}
.popup__center {
  text-align: center;
  margin-bottom: 24px;
}
.popup form + .success {
  display: none;
}
.popup .success {
  text-align: center;
}
.popup:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.popup__good {
  display: flex;
  align-items: center;
  gap: 20px;
  flex: 1 0 0;
  padding: 20px 0;
  border-top: 1px solid #ededee;
  border-bottom: 1px solid #ededee;
}
.popup__good-title {
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 19.5px */
  letter-spacing: -0.3px;
  color: #161618;
  flex: 1 0 0;
}
.popup__good-price {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 24px */
  letter-spacing: -0.4px;
  color: #161618;
}
.popup__buttons {
  display: flex;
  gap: 10px;
}
.popup__close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  background: url(../images/svg/close-blur-bt.svg) 50% no-repeat;
  cursor: pointer;
}
.popup__close-basket {
  background: url(../images/svg/close-blur-bt.svg) 50% no-repeat;
}
.popup form + .success {
  display: none;
}
@media screen and (max-width: 960px) {
  .popup__title {
    font-size: 33px;
  }
}
@media screen and (max-width: 767px) {
  .popup__wrap {
    padding: 45px 15px 15px;
  }
  .popup__title {
    font-size: 26px;
  }
}
@media screen and (max-width: 1399.98px) {
  .popup__body-text {
    font-size: 16px;
    letter-spacing: -0.16px;
  }
  .popup__body-block {
    font-size: 16px;
    letter-spacing: -0.16px;
  }
}
@media screen and (max-width: 1199.98px) {
  .popup__wrap-basket .sitebutton {
    font-size: 15px;
    letter-spacing: -0.15px;
  }
  .popup__wrap-success {
    max-width: 401px;
    padding: 50px 40px 50px 20px;
  }
  .popup__info-title {
    font-size: 25px;
    letter-spacing: -0.5px;
  }
  .popup__close {
    top: 27px;
    right: 12px;
    width: 40px;
    height: 40px;
  }
  .popup__close-invoice {
    top: 10px;
  }
  .popup__close-footer {
    background: url(../images/svg/close-bt.svg) 50% no-repeat;
  }
  .popup__good-price {
    font-size: 18px;
    letter-spacing: -0.36px;
  }
}
@media screen and (max-width: 991.98px) {
  .popup-mob {
    bottom: 64px;
  }
  .popup__wrap {
    padding: 25px 20px;
  }
  .popup__wrap-invoice {
    max-width: 344px;
  }
  .popup__wrap-req {
    max-width: 716px;
    padding: 25px 20px;
  }
  .popup__wrap-basket {
    padding: 30px;
  }
  .popup__wrap-basket .sitebutton {
    font-size: 14px;
    letter-spacing: -0.14px;
  }
  .popup__wrap-success {
    padding: 50px 40px 50px 20px;
  }
  .popup__body-top {
    margin-bottom: 0;
  }
  .popup__body form {
    margin-top: 0;
  }
  .popup__body-req {
    gap: 20px;
  }
  .popup__body-basket {
    gap: 20px;
  }
  .popup__close {
    top: 22px;
  }
  .popup__close-invoice {
    top: 10px;
  }
  .popup__good-img {
    width: 80px;
    height: 80px;
  }
  .popup__good-price {
    font-size: 16px;
    letter-spacing: -0.32px;
    width: 80px;
  }
}
@media screen and (max-width: 767.98px) {
  .popup {
    bottom: 61px;
  }
  .popup__wrap {
    padding: 10px 20px;
  }
  .popup__wrap-invoice {
    padding: 25px 12px;
    max-width: 576px;
  }
  .popup__wrap-basket {
    padding: 25px 20px;
    max-width: 552px;
  }
  .popup__wrap-basket .sitebutton {
    font-size: 13px;
    letter-spacing: -0.13px;
  }
  .popup__wrap-success {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 576px;
    max-width: 576px;
    height: 325px;
  }
  .popup__wrap-success img {
    width: 40px;
    height: 40px;
  }
  .popup__body {
    gap: 30px;
  }
  .popup__body-text {
    font-size: 15px;
    letter-spacing: -0.15px;
  }
  .popup__body-calls .header__phone {
    padding: 5px 0;
    font-size: 14px;
    letter-spacing: -0.14px;
  }
  .popup__body-messages .header__popup-link {
    font-size: 14px;
    letter-spacing: -0.14px;
  }
  .popup__body-req {
    height: 280px;
    overflow-y: auto;
  }
  .popup__body-basket {
    gap: 20px;
  }
  .popup__body-block {
    min-height: 23px;
    font-size: 15px;
    letter-spacing: -0.15px;
    gap: 12px;
  }
  .popup__body-block span:first-child {
    min-width: 189px;
  }
  .popup__close {
    top: 7px;
    background: url(../images/svg/close-bt.svg) 50% no-repeat;
  }
  .popup__close-invoice {
    top: 10px;
  }
  .popup__close-basket {
    top: 10px;
    right: 0;
    background: url(../images/svg/close-blur-bt.svg) 50% no-repeat;
  }
  .popup__good {
    padding: 15px 0;
  }
  .popup__good-title {
    font-size: 14px;
    letter-spacing: -0.28px;
  }
  .popup__good-price {
    font-size: 15px;
    letter-spacing: -0.3px;
  }
}
@media screen and (max-width: 575.98px) {
  .popup {
    bottom: 58px;
  }
  .popup__wrap {
    padding: 15px 12px;
  }
  .popup__wrap-success {
    width: 360px;
    min-width: 100%;
    height: 192px;
    padding: 70px 12px 70px;
    border-radius: 0 0 10px 10px;
    top: 0;
  }
  .popup__wrap-req {
    min-width: 360px;
    vertical-align: top;
    max-height: unset;
    padding: 50px 12px 30px;
    border-radius: 0 0 10px 10px;
  }
  .popup__wrap-basket {
    padding: 25px 15px;
    max-width: 336px;
  }
  .popup__body {
    flex-direction: column;
    gap: 10px;
  }
  .popup__body-calls .header__phone {
    margin: 0 auto;
  }
  .popup__body-messages .header__popup-link {
    margin: 0 auto;
    min-width: 99px;
    justify-content: flex-start;
  }
  .popup__body-req {
    height: auto;
  }
  .popup__body-success {
    display: flex;
    flex-direction: row;
  }
  .popup__body-block span:first-child {
    min-width: 162px;
  }
  .popup__body-block span:last-child {
    word-break: break-all;
  }
  .popup__info img {
    width: 40px;
    height: 40px;
  }
  .popup__info-title {
    font-size: 22px;
    letter-spacing: -0.44px;
  }
  .popup__close {
    top: 10px;
  }
  .popup__good {
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px 0;
  }
  .popup__good-img {
    width: 50px;
    height: 50px;
  }
  .popup__good-title {
    width: 246px;
    font-size: 13px;
    letter-spacing: -0.26px;
  }
  .popup__good-price {
    margin-left: 60px;
  }
  .popup__buttons {
    flex-direction: column;
  }
}

/* POPUP */
/* CARDS */
.cards {
  width: 100%;
}
.cards__list {
  position: relative;
  overflow: hidden;
  padding-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 30px 0;
}
.cards__block.row {
  row-gap: 30px;
}
.cards__block .col-6 {
  padding-bottom: 30px;
  border-bottom: 1px solid #e0e0e0;
}
.cards__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  min-height: 100%;
}
.cards__item .sitebutton {
  margin-top: auto;
}
.cards__item-link {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}
.cards__item-img {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-radius: 5px;
  background: #f4f5f7;
  min-height: 330px;
}
.cards__item-img img {
  mix-blend-mode: darken;
}
.cards__item-fav {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background: url(../images/svg/card-fav.svg) center no-repeat;
  cursor: pointer;
  z-index: 1;
  transition: all 0.4s ease;
}
.cards__item-fav:hover {
  background: url(../images/svg/card-fav-hover.svg) center no-repeat;
}
.cards__item-fav.active {
  background: url(../images/svg/card-fav-active.svg) center no-repeat;
}
.cards__item-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
.cards__item-price {
  display: flex;
  align-items: flex-start;
  gap: 5px;
  color: #161618;
}
.cards__item-curprice {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 24px */
  letter-spacing: -0.4px;
}
.cards__item-oldprice {
  color: #39434c;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 19.2px */
  letter-spacing: -0.32px;
  text-decoration-line: line-through;
  opacity: 0.7;
}
.cards__item-discount {
  display: flex;
  padding: 4px 5px 6px 5px;
  align-items: flex-start;
  gap: 10px;
  border-radius: 5px;
  background: #39434c;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 14.4px */
  letter-spacing: -0.24px;
  color: #ffffff;
}
.cards__item-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  color: #161618;
  text-overflow: ellipsis;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 19.5px */
  letter-spacing: -0.3px;
  transition: all 0.4s ease;
}
.cards__item:hover .cards__item-title {
  color: #1998d6;
}
@media screen and (max-width: 1399.98px) {
  .cards__item-curprice {
    font-size: 18px;
    letter-spacing: -0.36px;
  }
  .cards__item-oldprice {
    font-size: 15px;
    letter-spacing: -0.3px;
  }
}
@media screen and (max-width: 991.98px) {
  .cards__item-link {
    gap: 10px;
  }
  .cards__item-img {
    min-height: 290px;
    padding: 5px;
  }
  .cards__item-fav {
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    border-radius: 5px;
  }
  .cards__item-curprice {
    font-size: 16px;
    letter-spacing: -0.32px;
  }
  .cards__item-oldprice {
    font-size: 14px;
    letter-spacing: -0.28px;
  }
  .cards__item-discount {
    padding: 4px 5px;
  }
  .cards__item-title {
    font-size: 14px;
    letter-spacing: -0.28px;
  }
}
@media screen and (max-width: 767.98px) {
  .cards__block.row {
    row-gap: 35px;
    margin: 0 -6px;
  }
  .cards__block .col-6 {
    padding-bottom: 0;
    border-bottom: none;
    padding: 0 6px;
  }
  .cards__item-img {
    min-height: 245px;
  }
  .cards__item-info {
    gap: 5px;
  }
  .cards__item-curprice {
    font-size: 15px;
    letter-spacing: -0.3px;
  }
  .cards__item-oldprice {
    font-size: 12px;
    letter-spacing: -0.24px;
  }
  .cards__item-discount {
    display: none;
  }
  .cards__item-discountmob {
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    padding: 4px 5px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 5px;
    background: #39434c;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 14.4px */
    letter-spacing: -0.24px;
    color: #ffffff;
  }
  .cards__item-title {
    font-size: 12px;
    letter-spacing: -0.24px;
  }
}
@media screen and (max-width: 575.98px) {
  .cards__list {
    gap: 35px;
  }
  .cards__item-img {
    min-height: 190px;
  }
  .cards__item-fav {
    width: 26px;
    height: 26px;
    border-radius: 5px;
    background-size: 90%;
  }
  .cards__item-fav:hover {
    background-size: 90%;
  }
  .cards__item-fav.active {
    background-size: 90%;
  }
}

/* CARDS_END */
/* FAVORITES */
.favorites {
  width: 100%;
  padding: 40px 0 100px;
  position: relative;
}
.favorites__content {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.favorites__head {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.favorites__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.favorites__body-text {
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 33px */
  letter-spacing: -0.22px;
  color: #44444a;
}
.favorites__body-icon {
  width: 40px;
  height: 40px;
  background: url(../images/svg/card-fav.svg) 50% no-repeat;
  transition: all 0.4s ease;
  cursor: pointer;
}
.favorites__body-icon:hover {
  background: url(../images/svg/card-fav-active.svg) 50% no-repeat;
}
.favorites__cards {
  display: flex;
  flex-direction: column;
  gap: 30px;
  overflow: hidden;
}
.favorites.empty {
  padding: 80px 0 120px;
}
.favorites.empty .favorites__content {
  align-items: center;
  gap: 50px;
}
@media screen and (max-width: 1399.98px) {
  .favorites {
    padding: 40px 0 80px;
  }
}
@media screen and (max-width: 1199.98px) {
  .favorites {
    padding: 30px 0 70px;
  }
}
@media screen and (max-width: 991.98px) {
  .favorites__body-text {
    font-size: 20px;
    letter-spacing: -0.2px;
  }
  .favorites.empty {
    padding: 115px 0 160px;
  }
  .favorites.empty .favorites__content {
    gap: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .favorites {
    padding: 30px 0 50px;
  }
  .favorites__body-text {
    flex-wrap: wrap;
    justify-content: center;
    font-size: 16px;
    letter-spacing: -0.16px;
  }
  .favorites.empty {
    padding: 60px 0 110px;
  }
  .favorites.empty .favorites__content {
    gap: 40px;
  }
}
@media screen and (max-width: 575.98px) {
  .favorites {
    padding: 35px 0 50px;
  }
  .favorites.empty {
    padding: 60px 0 60px;
  }
  .favorites.empty .favorites__content {
    gap: 30px;
  }
  .favorites__body-text {
    font-size: 13px;
    letter-spacing: -0.13px;
  }
}

/* FAVORITES_END */
/* FILTERS */
.filters {
  width: 100%;
  position: relative;
  z-index: 2;
}
.filters__wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e0e0e0;
}
@media screen and (max-width: 991.98px) {
  .filters__wrap {
    padding-bottom: 10px;
  }
}

/* FILTERS_END */
/* AUTH */
.auth-h1 {
  font-size: 40px;
  margin-bottom: 0;
}
.auth__content {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.auth__section {
  display: flex;
  padding: 40px;
  flex-direction: column;
  align-items: flex-start;
  gap: 25px;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0px 5px 20px 0px rgba(15, 36, 55, 0.1);
  margin-top: 60px;
}
.auth__form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
}
.auth__form-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  align-self: stretch;
}
.auth__form-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  align-self: stretch;
}
.auth__form-block span {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
  letter-spacing: -0.16px;
  color: #39434c;
}
.auth__form-buttons {
  flex-direction: row;
  gap: 15px;
  margin-top: 10px;
}
.auth__form-input {
  height: 45px;
  display: flex;
  padding: 10px 20px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 4px;
  background: #ededee;
}
.auth__form-submit {
  height: 50px;
  display: flex;
  padding: 12px 25px 13px 25px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 4px;
  background: #1998d6;
  color: #ffffff;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 25.2px */
  letter-spacing: -0.18px;
  cursor: pointer;
  transition: all 0.4s ease;
}
.auth__form-submit:hover {
  background: #1478a8;
}
.auth__form-submit.auth__form-cancel {
  background: #ededee;
  color: #161618;
}
.auth__form-submit.auth__form-cancel:hover {
  background: #161618;
  color: #ffffff;
}
.auth__form-register {
  width: 100%;
  padding: 12px 25px 13px 25px;
}
.auth__pass-recovery {
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 21px */
  letter-spacing: -0.15px;
  color: #e93820;
}
.auth__pass-recovery:hover {
  color: #161618;
}
@media screen and (max-width: 1919.98px) {
  .auth__section {
    padding: 30px;
  }
}
@media screen and (max-width: 1399.98px) {
  .auth__section {
    margin-top: 50px;
  }
  .auth__form-register {
    height: 50px;
    font-size: 18px;
    letter-spacing: -0.18px;
  }
}
@media screen and (max-width: 1199.98px) {
  .auth__section {
    margin-top: 40px;
  }
  .auth__form-block span {
    font-size: 15px;
    letter-spacing: -0.15px;
  }
  .auth__form-input {
    height: 40px;
    font-size: 16px;
    letter-spacing: -0.16px;
  }
  .auth__form-register {
    height: 50px;
    font-size: 18px;
    letter-spacing: -0.18px;
  }
}
@media screen and (max-width: 991.98px) {
  .auth-h1 {
    font-size: 34px;
  }
}
@media screen and (max-width: 767.98px) {
  .auth-h1 {
    font-size: 30px;
  }
  .auth__section {
    margin-top: 0;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
  }
  .auth__form-block span {
    font-size: 14px;
    letter-spacing: -0.14px;
  }
  .auth__form-input {
    height: 35px;
    font-size: 15px;
    letter-spacing: -0.15px;
  }
  .auth__form-submit {
    height: 40px;
    padding: 9px 20px;
    font-size: 16px;
    letter-spacing: -0.16px;
  }
  .auth__form-register {
    padding: 9px 20px;
    height: 40px;
    font-size: 16px;
    letter-spacing: -0.16px;
  }
}
@media screen and (max-width: 575.98px) {
  .auth__section {
    gap: 15px;
  }
}

/* AUTH_END */
/* PERSONAL */
.personal {
  width: 100%;
}
.personal__content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.personal__title {
  font-size: 55px;
  letter-spacing: -1.1px;
}
.personal__sections {
  display: flex;
  align-items: center;
  gap: 24px 24px;
}
.personal__section {
  display: flex;
  padding: 40px 15px 30px 15px;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  flex: 1 0 0;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0px 5px 20px 0px rgba(15, 36, 55, 0.1);
  transition: all 0.4s ease;
}
.personal__section-title {
  display: flex;
  height: 52px;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 28.8px */
  letter-spacing: -0.48px;
  color: #161618;
  transition: all 0.4s ease;
}
.personal__section:hover {
  box-shadow: 0px 10px 30px 0px rgba(15, 36, 55, 0.25);
}
.personal__section:hover .personal__section-title {
  color: #1998d6;
}
.personal__logout {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: -0.18px;
  line-height: 130%;
  padding: 15px 20px;
  color: #161618;
  background: #ededee;
  border-radius: 10px;
  cursor: pointer;
}
.personal__nav {
  display: flex;
  padding: 10px 30px 30px;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  flex-shrink: 0;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0px 5px 20px 0px rgba(15, 36, 55, 0.1);
  margin: 0;
  list-style: none;
}
.personal__nav li {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  border-top: 1px solid #ededee;
}
.personal__nav li:first-child {
  border-top: none;
}
.personal__nav-item {
  display: flex;
  padding-top: 15px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  flex: 1 0 0;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 25.2px */
  letter-spacing: -0.36px;
  color: #161618;
}
.personal__nav-item:hover {
  color: #1998d6;
}
.personal__nav-item.active {
  opacity: 0.6;
}
.personal__nav-item.active:hover {
  opacity: 1;
}
.personal__orders-list {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.personal__order {
  display: flex;
  padding-bottom: 30px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  border-radius: 10px;
  border: 2px solid #eff1f3;
}
.personal__order-head {
  display: flex;
  padding: 25px 20px 0px 20px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  font-family: "Onest";
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 26.4px */
  letter-spacing: -0.44px;
  color: #131313;
}
.personal__order-head span {
  color: #6c6c75;
  font-weight: 500;
}
.personal__order-body {
  display: flex;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 25px;
  align-self: stretch;
}
.personal__order-blocks {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.personal__order-goods {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
}
.personal__order-block {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.personal__order-block .cart__good:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.personal__order-top {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  letter-spacing: -0.16px;
  color: #6c6c75;
  margin-bottom: 5px;
}
.personal__order-info {
  display: flex;
  padding-top: 15px;
  align-items: center;
  gap: 60px;
  align-self: stretch;
  min-width: 100px;
  font-size: 16px;
  font-style: normal;
  letter-spacing: -0.32px;
  border-top: 1px solid #ededee;
  color: #161618;
}
.personal__order-document {
  font-weight: 500;
  line-height: 130%; /* 20.8px */
}
.personal__order-sum {
  font-weight: 600;
  line-height: 120%; /* 19.2px */
}
.personal__order-status, .personal__order-delivery {
  padding-top: 10px;
  font-weight: 500;
  line-height: 130%; /* 20.8px */
  color: #161618;
}
.personal__order-change {
  width: max-content;
  display: flex;
  height: 35px;
  padding: 7px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 21px */
  letter-spacing: -0.15px;
  color: #fff;
}
.personal__order-footer {
  display: flex;
  padding: 0px 20px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.personal__order-link {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 22.4px */
  letter-spacing: -0.16px;
  color: #161618;
}
.personal__order-more {
  padding-right: 23px;
  background: url(../images/svg/order-arrow.svg) 100% 1px no-repeat;
}
.personal__order-more:hover {
  color: #1998d6;
}
.personal__order-cancel {
  padding-left: 29px;
  background: url(../images/svg/trash.svg) 0 -2px no-repeat;
}
.personal__order-cancel:hover {
  color: #1998d6;
}
.personal__order-repeat {
  padding-left: 29px;
  background: url(../images/svg/repeat.svg) 0 -2px no-repeat;
}
.personal__order-repeat:hover {
  color: #1998d6;
}
.personal__accounts-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  flex-shrink: 0;
}
.personal__account {
  display: flex;
  padding: 20px;
  align-items: center;
  gap: 24px;
  align-self: stretch;
  border-radius: 10px;
  border: 2px solid #eff1f3;
  font-family: "Onest";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 19.2px */
  letter-spacing: -0.32px;
  color: #39434c;
}
.personal__account-name {
  flex: 1 0 0;
  font-weight: 600;
  color: #131313;
}
.personal__account-type {
  flex: 1 0 0;
}
.personal__account-date {
  flex: 1 0 0;
}
.personal__account-edit {
  display: flex;
  padding: 6px 0 6px 19px;
  align-items: center;
  gap: 3px;
  font-family: "Onest";
  color: #161618;
  background: url(../images/svg/edit.svg) 0 40% no-repeat;
  opacity: 0.7;
}
.personal__account-edit:hover {
  opacity: 1;
  color: #1998d6;
  background: url(../images/svg/edit-hover.svg) 0 40% no-repeat;
}
@media screen and (max-width: 1919.98px) {
  .personal__section-title {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
  .personal__nav {
    padding: 10px 20px 25px;
  }
}
@media screen and (max-width: 1399.98px) {
  .personal__content {
    gap: 40px;
  }
  .personal__title {
    font-size: 50px;
    letter-spacing: -1px;
  }
  .personal__sections {
    flex-wrap: wrap;
    gap: 30px 24px;
  }
  .personal__section {
    padding: 30px 15px 20px;
    width: calc(33.3333333333% - 16px);
    flex: initial;
  }
  .personal__section-icon {
    width: 90px;
    height: 71px;
  }
  .personal__section-title {
    font-size: 18px;
    letter-spacing: -0.36px;
  }
  .personal__order-head {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
  .personal__order-body {
    padding: 10px 20px;
  }
  .personal__account-name {
    font-size: 15px;
    letter-spacing: -0.3px;
  }
  .personal__account-type {
    font-size: 15px;
    letter-spacing: -0.3px;
  }
  .personal__account-date {
    font-size: 15px;
    letter-spacing: -0.3px;
  }
  .personal__account-edit {
    font-size: 14px;
    letter-spacing: -0.28px;
  }
}
@media screen and (max-width: 1199.98px) {
  .personal__content {
    gap: 30px;
  }
  .personal__title {
    font-size: 42px;
    letter-spacing: -0.84px;
  }
  .personal__section {
    padding: 20px 15px 15px;
  }
  .personal__section-icon {
    width: 80px;
    height: 63px;
  }
  .personal__section-title {
    font-size: 16px;
    letter-spacing: -0.32px;
  }
  .personal__nav {
    padding: 5px 20px 20px;
  }
  .personal__nav-item {
    font-size: 16px;
    letter-spacing: -0.32px;
  }
  .personal__orders-list {
    gap: 20px;
  }
  .personal__order-head {
    font-size: 18px;
    letter-spacing: -0.36px;
  }
  .personal__order-top {
    font-size: 15px;
    letter-spacing: -0.15px;
  }
  .personal__order-document, .personal__order-sum, .personal__order-status, .personal__order-delivery {
    font-size: 15px;
    letter-spacing: -0.3px;
  }
  .personal__order-link {
    font-size: 15px;
    letter-spacing: -0.15px;
  }
  .personal__order-block .cart__good-title {
    font-size: 14px;
    letter-spacing: -0.28px;
  }
  .personal__order-block .cart__good-param {
    font-size: 13px;
    letter-spacing: -0.26px;
  }
  .personal__order-block .cart__good-price {
    font-size: 15px;
    letter-spacing: -0.3px;
  }
  .personal__account {
    padding: 10px 20px 20px;
    flex-wrap: wrap;
    gap: 15px 30px;
  }
  .personal__account-name {
    min-width: 432px;
    flex: initial;
  }
  .personal__account-edit {
    order: 1;
    margin-left: auto;
  }
  .personal__account-type, .personal__account-date {
    order: 2;
    flex: initial;
  }
}
@media screen and (max-width: 991.98px) {
  .personal__title {
    font-size: 40px;
    letter-spacing: -0.8px;
  }
  .personal__orders {
    row-gap: 24px;
  }
  .personal__nav {
    padding: 5px 15px 15px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px 24px;
  }
  .personal__nav li {
    width: calc(50% - 12px);
  }
  .personal__nav li:nth-child(2) {
    border-top: 0;
  }
  .personal__nav-item {
    padding-top: 10px;
    font-size: 14px;
    letter-spacing: -0.28px;
  }
  .personal__order-head {
    padding: 25px 15px 0;
    font-size: 16px;
    letter-spacing: -0.32px;
  }
  .personal__order-body {
    padding: 10px 15px;
  }
  .personal__order-top {
    font-size: 14px;
    letter-spacing: -0.14px;
  }
  .personal__order-footer {
    padding: 0 15px;
  }
  .personal__order-document, .personal__order-sum, .personal__order-status, .personal__order-delivery {
    font-size: 14px;
    letter-spacing: -0.28px;
  }
  .personal__order-link {
    font-size: 14px;
    letter-spacing: -0.14px;
  }
  .personal__order-cancel, .personal__order-change {
    font-size: 14px;
    letter-spacing: -0.14px;
  }
  .personal__order-more {
    background: url(../images/svg/order-arrow.svg) 100% 0 no-repeat;
  }
  .personal__order-cancel {
    padding-left: 23px;
    background: url(../images/svg/trash-sm.svg) 0 0 no-repeat;
  }
  .personal__order-repeat {
    padding-left: 26px;
    background: url(../images/svg/repeat-768.svg) 0 0 no-repeat;
  }
  .personal__order-block .cart__good-img {
    width: 70px;
    height: 70px;
  }
  .personal__order-block .cart__good-img img {
    width: 70px;
    height: 70px;
  }
  .personal__order-block .cart__good-param span {
    font-size: 13px;
    letter-spacing: -0.26px;
  }
  .personal__order-block .cart__good-price {
    font-size: 14px;
    letter-spacing: -0.28px;
  }
  .personal__profile {
    row-gap: 24px;
  }
  .personal__card .auth__form-group {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px 24px;
  }
  .personal__card .auth__form-block {
    width: calc(50% - 12px);
  }
  .personal__accounts {
    row-gap: 24px;
  }
  .personal__accounts-list {
    gap: 15px;
  }
  .personal__account {
    padding: 10px 15px 20px;
  }
  .personal__account-name {
    min-width: 538px;
  }
}
@media screen and (max-width: 767.98px) {
  .personal__title {
    font-size: 30px;
    letter-spacing: -0.6px;
  }
  .personal__content {
    gap: 20px;
  }
  .personal__sections {
    gap: 20px 12px;
  }
  .personal__section {
    padding: 10px 15px;
    width: calc(50% - 6px);
    flex-direction: row;
    align-items: center;
  }
  .personal__section-icon {
    width: 51px;
    height: 40px;
  }
  .personal__section-title {
    text-align: left;
  }
  .personal__nav {
    padding: 10px 15px 20px;
    gap: 15px 12px;
  }
  .personal__nav li {
    width: calc(50% - 6px);
  }
  .personal__order-block .cart__good {
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .personal__order-block .cart__good-info {
    gap: 20px;
  }
  .personal__order-block .cart__good-right {
    align-items: flex-start;
  }
  .personal__order-block .cart__good-img {
    width: 70px;
    height: 70px;
  }
  .personal__order-block .cart__good-img img {
    width: 70px;
    height: 70px;
  }
  .personal__order-block .cart__good-param span {
    font-size: 13px;
    letter-spacing: -0.26px;
  }
  .personal__order-block .cart__good-price {
    font-size: 15px;
    letter-spacing: -0.3px;
  }
  .personal__card .auth__form-group {
    flex-direction: column;
    gap: 15px;
  }
  .personal__card .auth__form-block {
    width: 100%;
  }
  .personal__account {
    row-gap: 10px;
  }
  .personal__account-name {
    min-width: 78%;
    font-size: 14px;
    letter-spacing: -0.28px;
  }
  .personal__account-type, .personal__account-date {
    font-size: 14px;
    letter-spacing: -0.28px;
  }
  .personal__account-edit {
    font-size: 13px;
    letter-spacing: -0.26px;
  }
}
@media screen and (max-width: 575.98px) {
  .personal__section {
    width: 100%;
  }
  .personal__nav {
    padding: 5px 10px 15px;
  }
  .personal__nav li {
    width: 100%;
  }
  .personal__nav li:nth-child(2) {
    border-top: 1px solid #ededee;
  }
  .personal__order-head {
    padding: 25px 10px 0;
    display: inline-block;
  }
  .personal__order-body {
    padding: 10px;
  }
  .personal__order-info {
    flex-direction: column;
    gap: 5px;
    align-items: flex-start;
  }
  .personal__order-footer {
    padding: 0 10px;
  }
  .personal__order-block .cart__good {
    flex-direction: column;
  }
  .personal__order-block .cart__good-info {
    gap: 10px;
  }
  .personal__order-block .cart__good-img {
    width: 60px;
    height: 60px;
  }
  .personal__order-block .cart__good-img img {
    width: 60px;
    height: 60px;
  }
  .personal__order-block .cart__good-title {
    font-size: 13px;
    letter-spacing: -0.26px;
  }
  .personal__order-block .cart__good-param span {
    font-size: 12px;
    letter-spacing: -0.24px;
  }
  .personal__order-block .cart__good-price {
    margin-left: 10px;
    font-size: 14px;
    letter-spacing: -0.28px;
  }
  .personal__card .auth__form {
    gap: 15px;
  }
  .personal__account {
    gap: 10px 20px;
  }
  .personal__account-name {
    width: 60%;
    min-width: unset;
  }
}

/* PERSONAL_END */
/* CART */
.cart {
  width: 100%;
}
.cart__content {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.cart__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
}
.cart__head .inner-h1 {
  margin-bottom: 0;
}
.cart__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 50px;
}
.cart__body-title {
  text-align: center;
  max-width: 840px;
}
.cart__block {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}
.cart__block-head {
  display: flex;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}
.cart__block-payer {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.cart__block-name {
  font-family: "Onest";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 26.4px */
  letter-spacing: -0.44px;
  color: #161618;
}
.cart__block-delivery {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 20px;
}
.cart__block-payment {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.cart__block-check {
  font-size: 18px;
  letter-spacing: -0.36px;
}
.cart__block-check label {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  color: rgba(37, 38, 39, 0.8);
  transition: all 0.4s ease;
}
.cart__block-check input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.cart__block-check input:checked + span {
  border-color: #161618;
  background: url(../images/svg/ch-ac.svg) 50% 50% no-repeat;
}
.cart__block-check span {
  width: 22px;
  height: 22px;
  border: 1.5px solid rgba(37, 38, 39, 0.4);
  border-radius: 100%;
  user-select: none;
  transition: color, border-color 0.4s ease;
}
.cart__block-check:hover label {
  color: rgb(37, 38, 39);
}
.cart__block-check:hover label span {
  border-color: rgba(37, 38, 39, 0.7);
}
.cart__block-check:hover label input:checked + span {
  border-color: #161618;
}
.cart__section {
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 10px;
  background: #eff1f3;
  cursor: pointer;
  color: rgba(37, 38, 39, 0.8);
  transition: all 0.4s ease;
}
.cart__section-text {
  font-family: "Onest";
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 26.4px */
  letter-spacing: -0.44px;
  color: #161618;
}
.cart__section-list {
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  height: 100%;
}
.cart__section-badge {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
}
.cart__section-transport {
  width: 230px;
  height: 112px;
}
.cart__section-payment {
  box-sizing: border-box;
  width: 240px;
  height: 144px;
  flex-direction: column;
  gap: 5px;
  padding: 25px 30px 20px;
}
.cart__section-radio {
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 22px;
  height: 22px;
  background: #fff url(../images/svg/check-w.svg) 50% 50% no-repeat;
  border-radius: 100%;
  user-select: none;
  transition: background-color 0.4s ease;
}
.cart__section-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  width: 1px;
  height: 1px;
}
.cart__section-input:checked + .cart__section-radio {
  background: #1998d6 url(../images/svg/check-w.svg) 50% 50% no-repeat;
}
.cart__section-input:checked ~ .cart__section-badge {
  border: 2px solid #161618;
}
.cart__section-caption {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 5px;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 21.6px */
  letter-spacing: -0.36px;
  color: #161618;
  text-align: center;
}
.cart__section-caption span {
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 21.6px */
  letter-spacing: -0.36px;
  color: #8c8c8c;
}
.cart__goods {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 20.8px */
  letter-spacing: -0.32px;
  color: #131313;
  flex: 1 0 0;
}
.cart__good {
  box-sizing: border-box;
  display: flex;
  padding-top: 15px;
  align-items: flex-start;
  gap: 60px;
  border-top: 1px solid #ededee;
  align-self: stretch;
}
.cart__good:last-child {
  padding-bottom: 10px;
  border-bottom: 1px solid #ededee;
}
.cart__good-img {
  display: flex;
  width: 100px;
  height: 100px;
  padding: 3.787px 3.788px 3.788px 3.788px;
  justify-content: center;
  align-items: center;
  border-radius: 1.894px;
  background: #eff1f3;
  flex-shrink: 0;
}
.cart__good-img img {
  mix-blend-mode: darken;
}
.cart__good-info {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  flex: 1 0 0;
}
.cart__good-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 5px;
  flex: 1 0 0;
}
.cart__good-title {
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 19.5px */
  letter-spacing: -0.3px;
  color: #161618;
}
.cart__good-param {
  display: flex;
  align-items: center;
  gap: 5px;
  align-self: stretch;
}
.cart__good-param span {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 18.2px */
  letter-spacing: -0.28px;
  color: #394146;
}
.cart__good-param span:first-child {
  color: #8c8c8c;
}
.cart__good-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  align-self: stretch;
}
.cart__good-amount {
  display: flex;
  align-items: center;
  gap: 10px;
}
.cart__good-amount .card__amount-input {
  font-size: 16px;
  letter-spacing: -0.16px;
}
.cart__good-price {
  min-width: 100px;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 19.2px */
  letter-spacing: -0.32px;
  color: #161618;
  flex: 1 0 0;
}
.cart__good-remove {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #161618;
  opacity: 0.4;
  transition: opacity 0.4s ease;
}
.cart__good-remove:hover {
  opacity: 1;
}
.cart__removeall {
  flex: 1 0 0;
  text-align: right;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%; /* 19.5px */
  letter-spacing: -0.3px;
  color: #161618;
  opacity: 0.6;
  transition: opacity 0.4s ease;
}
.cart__removeall:hover {
  opacity: 1;
}
.cart__checkout {
  display: flex;
  padding: 30px;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  border-radius: 4px;
  background: #eff1f3;
}
.cart__checkout-btn {
  width: 100%;
  padding: 12px 25px 13px;
  height: 50px;
  background: #1998d6;
  color: #fff;
  font-size: 18px;
  letter-spacing: -0.18px;
}
.cart__promo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
}
.cart__promo .siteform__form-block {
  width: 100%;
}
.cart__summary {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
}
.cart__summary-block {
  padding-top: 10px;
  display: flex;
  align-items: center;
  gap: 5px;
  align-self: stretch;
  border-top: 1px solid #ededee;
}
.cart__summary-block span {
  flex: 1 0 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  letter-spacing: -0.16px;
  color: #8c8c8c;
}
.cart__summary-block span:last-child {
  text-align: right;
  font-weight: 400;
  color: #161618;
}
.cart__summary-instep {
  padding-top: 0;
  border-top: none;
}
.cart__summary-total {
  padding-top: 15px;
  border-color: #394146;
}
.cart__summary-total span:last-child {
  font-family: "Onest";
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 26.4px */
  letter-spacing: -0.44px;
  color: #161618;
}
.cart__steps-footer {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.cart__step {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  border-radius: 10px;
  border: 2px solid #eff1f3;
  margin-bottom: 15px;
}
.cart__step-last {
  margin-bottom: 30px;
}
.cart__step-head {
  margin: -2px -2px 0;
  display: flex;
  padding: 15px 20px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 4px;
  background: #eff1f3;
}
.cart__step-status {
  display: none;
  width: 32px;
  height: 32px;
  background: url(../images/svg/step-status.svg) 50% no-repeat;
}
.cart__step-status.complete {
  display: block;
}
.cart__step-edit {
  display: none;
  margin-left: auto;
  padding: 6px 0 6px 19px;
  align-items: center;
  background: url(../images/svg/edit-hover.svg) 0 50% no-repeat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 20.8px */
  letter-spacing: -0.32px;
  color: #161618;
  opacity: 0.7;
  transition: all 0.4s ease;
}
.cart__step-edit.complete {
  display: inline-flex;
}
.cart__step-edit:hover {
  color: #161618;
  opacity: 1;
}
.cart__step-position {
  font-family: "Onest";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 36px */
  letter-spacing: -0.6px;
  color: #b3b3b3;
}
.cart__step-title {
  margin: 0;
}
.cart__step-wrap {
  width: 100%;
}
.cart__step-content {
  display: flex;
  padding: 20px 18px 40px 18px;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  align-self: stretch;
}
.cart__step-content .cart__good {
  padding-top: 10px;
}
.cart__step-content .cart__good-info {
  gap: 15px;
  align-items: center;
}
.cart__step-content .cart__good-img {
  width: 60px;
  height: 60px;
  padding: 2.273px 2.273px 2.272px 2.272px;
}
.cart__step-content .cart__good-img img {
  width: 60px;
  height: 60px;
}
.cart__step-content .cart__good-right {
  justify-content: start;
}
.cart__step-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.cart__step-promo {
  display: flex;
  width: 260px;
  padding: 10px 20px;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 25.2px */
  letter-spacing: -0.18px;
  background: #ededee;
  position: relative;
}
.cart__step-promo input {
  height: 25px;
  padding: 0;
}
.cart__step-promo::after {
  content: "";
  display: block;
  position: absolute;
  width: 42px;
  height: 36px;
  top: 4px;
  right: 5px;
  border-radius: 5px;
  transition: background-color 0.3s ease-in-out;
  background: #1998d6 url(../images/svg/promo-check.svg) 50% no-repeat;
  cursor: pointer;
}
.cart__step-promo:hover::after {
  background: #12527c url(../images/svg/promo-check.svg) 50% no-repeat;
}
.cart__step-promo input {
  background: none;
}
.cart__step-promo input::placeholder {
  color: #131313;
}
.cart__form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}
.cart__form-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
}
.cart__form-block span {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
  letter-spacing: -0.16px;
  color: #394146;
}
.cart__form-input {
  display: flex;
  width: 472px;
  padding: 10px 20px;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background: #ededee;
}
.cart__form-input ::placeholder,
.cart__form-input ::-moz-placeholder,
.cart__form-input ::-webkit-input-placeholder {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 25.2px */
  letter-spacing: -0.18px;
  color: #7c7f83;
}
.cart__order-badge {
  display: flex;
  max-width: 1128px;
  padding: 20px 25px;
  align-items: flex-start;
  gap: 10px;
  border-radius: 10px;
  background: #eff1f3;
}
.cart__order-title {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
  letter-spacing: -0.2px;
  color: #394146;
}
.cart__order-number {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 30px */
  letter-spacing: -0.2px;
  color: #131313;
}
.cart__order-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
  margin-top: 50px;
}
.cart__order-text {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 27px */
  letter-spacing: -0.18px;
  color: #131313;
}
.cart__order-link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-weight: 500;
}
.cart__order-link:hover {
  color: #1478a8;
}
.cart__order-message {
  margin: 0;
}
.cart.empty {
  padding: 115px 0 100px;
}
.cart.empty .cart__content {
  align-items: center;
  gap: 100px;
}
.cart__slider {
  overflow: hidden;
  background: transparent;
}
.cart__slider .owl-stage-outer {
  overflow: visible;
}
.cart__slider-content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.cart__slider-content h2 {
  height: 50px;
}
@media screen and (max-width: 1919.98px) {
  .cart__content {
    gap: 30px;
  }
  .cart__checkout {
    padding: 30px 20px;
  }
  .cart.empty {
    padding: 130px 0 100px;
  }
  .cart__step-position {
    font-size: 26px;
    letter-spacing: -0.52px;
  }
  .cart__step-edit {
    font-size: 14px;
    letter-spacing: -0.28px;
  }
  .cart__step-content {
    padding: 20px 18px 30px 18px;
  }
  .cart__block-name {
    font-size: 20px;
    letter-spacing: -0.44px;
  }
  .cart__section-text {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
  .cart__order-info {
    margin-top: 45px;
  }
}
@media screen and (max-width: 1399.98px) {
  .cart__goods {
    font-size: 15px;
    letter-spacing: -0.3px;
  }
  .cart__removeall {
    font-size: 14px;
    letter-spacing: -0.28px;
  }
  .cart__checkout {
    padding: 20px 15px;
  }
  .cart__checkout-btn {
    padding: 12px 0 13px;
    width: 100%;
  }
  .cart__summary-block span {
    font-size: 15px;
    letter-spacing: -0.15px;
  }
  .cart__summary-total span:last-child {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
  .cart.empty {
    padding: 150px 0 80px;
  }
  .cart.empty .cart__content {
    gap: 80px;
  }
  .cart__body-title {
    max-width: 820px;
  }
  .cart__block-name {
    font-size: 18px;
    letter-spacing: -0.36px;
  }
  .cart__block-check {
    font-size: 16px;
    letter-spacing: -0.32px;
  }
  .cart__section-transport {
    width: 190px;
    height: 104px;
  }
  .cart__section-payment {
    width: 200px;
    height: 128px;
  }
  .cart__section-payment img {
    width: 30px;
    height: 30px;
  }
  .cart__section-icon {
    width: 24px;
    height: 24px;
  }
  .cart__section-caption {
    font-size: 16px;
    letter-spacing: -0.32px;
  }
  .cart__section-caption span {
    font-size: 16px;
    letter-spacing: -0.32px;
  }
  .cart__section-radio {
    bottom: 8px;
    right: 8px;
  }
  .cart__section-text {
    font-size: 18px;
    letter-spacing: -0.36px;
  }
  .cart__form-block span {
    font-size: 15px;
    letter-spacing: -0.15px;
  }
  .cart__form-input {
    padding: 9px 20px;
    font-size: 16px;
    letter-spacing: -0.16px;
  }
  .cart__step-promo {
    height: 40px;
  }
  .cart__step-promo::after {
    width: 38px;
    height: 32px;
  }
  .cart__order {
    padding-bottom: 80px;
  }
  .cart__order-badge {
    padding: 15px 20px;
  }
  .cart__order-title {
    font-size: 18px;
    letter-spacing: -0.18px;
  }
  .cart__order-number {
    font-size: 18px;
    letter-spacing: -0.18px;
  }
}
@media screen and (max-width: 1199.98px) {
  .cart__ordering .cart__content {
    gap: 20px;
  }
  .cart__goods {
    font-size: 14px;
    letter-spacing: -0.28px;
  }
  .cart__removeall {
    font-size: 13px;
    letter-spacing: -0.26px;
  }
  .cart.empty {
    padding: 80px 0 70px;
  }
  .cart.empty .cart__content {
    gap: 30px;
  }
  .cart__body {
    gap: 40px;
    padding-bottom: 20px;
  }
  .cart__body-title {
    max-width: 740px;
  }
  .cart__slider {
    padding: 20px 0;
  }
  .cart__slider-content {
    gap: 30px;
  }
  .cart__slider-content h2.inner-h2 {
    height: auto;
    font-size: 30px;
    letter-spacing: -0.6px;
  }
  .cart__slider-wrap {
    padding-bottom: 48px;
  }
  .cart__step-position {
    font-size: 25px;
    letter-spacing: -0.5px;
  }
  .cart__step-content {
    padding: 15px 18px 25px;
  }
  .cart__block-delivery {
    width: 100%;
    flex-direction: column;
    gap: 15px;
  }
  .cart__section {
    width: 100%;
  }
  .cart__section-badge {
    width: 100%;
    justify-content: flex-start;
    padding: 15px 60px 15px 20px;
    gap: 5px;
  }
  .cart__section-transport {
    height: 54px;
  }
  .cart__section-radio {
    top: 16px;
    right: 23px;
  }
  .cart__section-list {
    width: 100%;
    flex-direction: column;
    gap: 15px;
  }
  .cart__section-list .cart__section-radio {
    top: 19px;
  }
  .cart__section-payment {
    flex-direction: row;
    height: 60px;
  }
  .cart__head {
    gap: 25px;
  }
  .cart__order {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 991.98px) {
  .cart__ordering .cart__content {
    gap: 25px;
  }
  .cart__blocks {
    gap: 30px;
  }
  .cart__good-img {
    width: 80px;
    height: 80px;
  }
  .cart__good-img img {
    width: 80px;
    height: 80px;
  }
  .cart__checkout {
    gap: 20px;
  }
  .cart__checkout-btn {
    height: 40px;
    font-size: 16px;
    letter-spacing: -0.16px;
  }
  .cart__promo {
    gap: 15px;
  }
  .cart__summary-total span:last-child {
    font-size: 18px;
    letter-spacing: -0.36px;
  }
  .cart.empty {
    padding: 70px 0 70px;
  }
  .cart__body {
    gap: 30px;
  }
  .cart__body-title {
    max-width: 616px;
  }
  .cart__slider-content h2.inner-h2 {
    font-size: 25px;
    letter-spacing: -0.5px;
  }
  .cart__step .cart__good-title {
    font-size: 14px;
    letter-spacing: -0.28px;
  }
  .cart__step .cart__good-price {
    font-size: 15px;
    letter-spacing: -0.3px;
  }
  .cart__steps {
    gap: 30px;
  }
  .cart__steps-footer {
    gap: 15px;
  }
  .cart__order {
    padding-bottom: 50px;
  }
  .cart__order-info {
    margin-top: 35px;
    gap: 15px;
  }
}
@media screen and (max-width: 767.98px) {
  .cart__blocks {
    padding-bottom: 30px;
  }
  .cart__checkout {
    padding: 15px 10px 20px;
  }
  .cart__checkout-btn {
    font-size: 15px;
    letter-spacing: -0.15px;
  }
  .cart__promo {
    gap: 10px;
  }
  .cart__promo .siteform__form-block input {
    height: 40px;
  }
  .cart__good {
    flex-direction: column;
    gap: 5px;
  }
  .cart__good-info {
    gap: 10px;
  }
  .cart__good-img {
    width: 50px;
    height: 50px;
  }
  .cart__good-img img {
    width: 50px;
    height: 50px;
  }
  .cart__good-title {
    font-size: 13px;
    letter-spacing: -0.26px;
  }
  .cart__good-param span {
    font-size: 12px;
    letter-spacing: -0.24px;
  }
  .cart__good-price {
    font-size: 15px;
    letter-spacing: -0.3px;
  }
  .cart__good-right {
    flex-direction: row;
    align-items: center;
    margin-left: 60px;
  }
  .cart .card__amount {
    min-width: 80px;
    height: 35px;
  }
  .cart.empty {
    padding: 50px 0 50px;
  }
  .cart.empty .cart__content {
    gap: 10px;
  }
  .cart__slider-content h2.inner-h2 {
    font-size: 24px;
    letter-spacing: -0.48px;
  }
  .cart__step-promo {
    height: 35px;
  }
  .cart__step-promo::after {
    width: 34px;
    height: 28px;
    top: 3px;
  }
  .cart__step-promo input {
    font-size: 15px;
    letter-spacing: -0.15px;
  }
  .cart__step-last {
    margin-bottom: 20px;
  }
  .cart__step-content .cart__good-img {
    width: 50px;
    height: 50px;
  }
  .cart__step-content .cart__good-img img {
    width: 50px;
    height: 50px;
  }
  .cart__step-content .cart__good-info {
    gap: 10px;
  }
  .cart__mobilecheckout {
    margin-bottom: 20px;
  }
  .cart__block-name {
    font-size: 16px;
    letter-spacing: -0.32px;
  }
  .cart__block-check {
    font-size: 15px;
    letter-spacing: -0.3px;
  }
  .cart__section-text {
    font-size: 16px;
    letter-spacing: -0.32px;
  }
  .cart__section-caption {
    font-size: 15px;
    letter-spacing: -0.3px;
  }
  .cart__section-caption span {
    font-size: 15px;
    letter-spacing: -0.3px;
  }
  .cart__form {
    width: 100%;
  }
  .cart__form-block {
    width: 100%;
  }
  .cart__form-block span {
    font-size: 14px;
    letter-spacing: -0.14px;
  }
  .cart__form-input {
    width: 100%;
    font-size: 15px;
    letter-spacing: -0.15px;
  }
  .cart__head {
    gap: 20px;
  }
  .cart__order {
    padding-bottom: 30px;
  }
  .cart__order-info {
    margin-top: 30px;
  }
  .cart__order-text {
    font-size: 16px;
    letter-spacing: -0.16px;
  }
}
@media screen and (max-width: 575.98px) {
  .cart__content {
    gap: 20px;
  }
  .cart.empty {
    padding: 55px 0 50px;
  }
  .cart__body-title.inner-h1 {
    font-size: 26px;
    letter-spacing: -0.52px;
  }
  .cart__step-head {
    flex-wrap: wrap;
  }
  .cart__step-content {
    padding: 10px 8px 25px 10px;
  }
  .cart__step-promoblock {
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
  }
  .cart__step-promoblock .sitebutton.step {
    align-self: flex-end;
  }
  .cart__step-promo {
    width: 100%;
  }
  .cart__section-radio {
    right: 13px;
  }
  .cart__section-caption {
    text-align: left;
  }
}

/* CART_END */
/* CARD */
.card {
  padding: 0 0 30px 0;
}
.card__slider {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.card__slider-previews {
  width: 60px;
  display: flex;
  flex-direction: column;
  height: 224px;
  flex-shrink: 0;
}
.card__slider-previews img {
  border-radius: 5px;
}
.card__slider-images {
  width: 472px;
  height: 472px;
}
.card__slider-images img {
  border-radius: 10px;
  -o-object-fit: cover;
  object-fit: cover;
}
.card__center {
  display: flex;
  padding-top: 30px;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
}
.card__block {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.card__block.desc {
  padding-right: 20px;
}
.card__block-colors, .card__block-types {
  margin-top: 20px;
}
.card__block-title {
  flex: 1 0 0;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 27px */
  letter-spacing: -0.18px;
  color: #161618;
}
.card__block-title span {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.16px;
}
.card__block-text {
  align-self: stretch;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.16px;
  color: #131313;
}
.card__block ul {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  list-style: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
  letter-spacing: -0.16px;
  color: #131313;
}
.card__block ul em {
  flex-grow: 2;
  border-bottom: 1px dashed #808f98;
  margin-bottom: 5px;
}
.card__block ul li {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 5px;
  align-self: stretch;
}
.card__block ul li span {
  font-size: 16px;
  letter-spacing: -0.16px;
}
.card__block ul li span:first-child {
  opacity: 0.6;
}
.card__block ul li span:last-child {
  width: 200px;
}
.card__block ul.columns {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px 24px;
}
.card__block ul.columns > li {
  width: calc(50% - 12px);
}
.card__block ul.type {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.card__block ul.type li {
  box-sizing: border-box;
  display: block;
  padding: 10px;
  background: #eaedf1;
  border: 2px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  transition: border 0.4s ease;
}
.card__block ul.type li:hover {
  border: 2px solid rgba(30, 31, 31, 0.4);
}
.card__block ul.type li.selected {
  border: 2px solid #131313;
}
.card__block ul.type li img {
  display: block;
  mix-blend-mode: darken;
}
.card__block ul.color {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.card__block ul.color li {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3px;
  width: 45px;
  height: 45px;
  border-radius: 4px;
  border: 2px solid transparent;
  cursor: pointer;
  transition: border 0.4s ease;
}
.card__block ul.color li:hover {
  border: 2px solid rgba(30, 31, 31, 0.4);
}
.card__block ul.color li.selected {
  border: 2px solid #131313;
}
.card__block ul.color li img {
  border-radius: 4px;
  height: auto;
}
.card__right {
  display: flex;
  padding: 30px;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  border-radius: 4px;
  background: #eff1f3;
}
.card__right-topblock {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 24px;
}
.card__right-topblock.preposals {
  flex-direction: column;
}
.card__price {
  flex: 1 0 0;
  font-family: "Onest";
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 26.4px */
  letter-spacing: -0.44px;
  color: #161618;
}
.card__price-list {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.card__price-list ul {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 14px;
  letter-spacing: -0.14px;
  column-count: 2;
  column-gap: 40px;
}
.card__price-list li {
  display: flex;
  gap: 20px;
  margin-bottom: 5px;
}
.card__price-list li span:last-child {
  margin-left: auto;
}
.card__button {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}
.card__amount {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border-radius: 5px;
  background: #fff;
}
.card__amount-button {
  width: 25px;
  height: 50px;
  min-width: 25px;
  border: 0;
  background: url(../images/svg/plus.svg) 3px 50% no-repeat;
}
.card__amount-button:first-child {
  background: url(../images/svg/minus.svg) 9px 50% no-repeat;
}
.card__amount-input {
  padding: 0;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 25.2px */
  letter-spacing: -0.18px;
  color: #161618;
  opacity: 0.7;
}
.card__amount.cartin {
  height: 40px;
  border-radius: 5px;
  background: #f0f2f4;
}
.card__amount.cartin input {
  opacity: 1;
  background: transparent;
}
.card__info {
  gap: 60px;
}
@media screen and (max-width: 1919.98px) {
  .card__right {
    padding: 30px 20px;
  }
  .card__right-topblock {
    flex-direction: column;
    align-items: flex-start;
  }
  .card__button {
    width: 100%;
    margin-left: 0;
  }
  .card__block-anchor {
    font-size: 16px;
    letter-spacing: -0.16px;
  }
  .card__price-list ul {
    column-count: auto;
  }
}
@media screen and (max-width: 1399.98px) {
  .card {
    padding: 0 0 20px 0;
  }
  .card__center {
    gap: 15px;
  }
  .card__center .card__block:nth-child(2) {
    padding-right: 0;
  }
  .card__right {
    padding: 25px 20px;
    gap: 15px;
  }
  .card__right-topblock {
    gap: 15px;
  }
  .card__block.desc {
    gap: 5px;
  }
  .card__block-title {
    font-size: 16px;
    letter-spacing: -0.16px;
  }
  .card__block-text {
    font-size: 14px;
    letter-spacing: -0.14px;
  }
  .card__block ul > li > span {
    font-size: 14px;
    letter-spacing: -0.14px;
  }
  .card__block-anchor {
    font-size: 15px;
    letter-spacing: -0.15px;
  }
  .card__price {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
  .card__info {
    gap: 50px;
  }
  .card__info h2.small-h2 {
    font-size: 26px;
    letter-spacing: -0.52px;
  }
  .card__info .information__block-list p,
  .card__info .information__block-list li,
  .card__info .information__block-list span {
    font-size: 16px;
    letter-spacing: -0.16px;
  }
  .card__info .information__block {
    margin-bottom: 50px;
  }
  .card__info .information__block:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1199.98px) {
  .card {
    row-gap: 30px;
  }
  .card__center {
    padding-top: 0;
  }
  .card__right {
    padding: 25px 30px;
    flex-direction: row;
    gap: 25px 24px;
    flex-wrap: wrap;
  }
  .card__right-topblock {
    flex-direction: row;
    align-items: center;
  }
  .card__price {
    min-width: 140px;
  }
  .card__price-list ul {
    column-count: 3;
  }
  .card__block.pay {
    width: calc(33.3333333333% - 16px);
  }
  .card__info h2.small-h2 {
    font-size: 25px;
    letter-spacing: -0.5px;
  }
}
@media screen and (max-width: 991.98px) {
  .card__slider-images {
    width: 284px;
    height: 284px;
  }
  .card__amount {
    height: 40px;
  }
  .card__amount-input {
    font-size: 16px;
    letter-spacing: -0.16px;
  }
  .card__price {
    font-size: 18px;
    letter-spacing: -0.36px;
  }
  .card__right {
    padding: 25px 20px;
    gap: 24px;
  }
  .card__block.pay {
    width: calc(50% - 12px);
  }
  .card__block.pay:last-child {
    width: 100%;
  }
  .card__block ul.columns > li {
    width: 100%;
  }
  .card__price-list ul {
    column-count: 2;
  }
}
@media screen and (max-width: 767.98px) {
  .card {
    row-gap: 24px;
  }
  .card__slider-images {
    width: 336px;
    height: 336px;
  }
  .card__right {
    padding: 25px 10px;
  }
  .card__block.pay {
    width: 100%;
  }
}
@media screen and (max-width: 575.98px) {
  .card__block-title span {
    font-size: 14px;
    letter-spacing: -0.14px;
  }
  .card__block ul.type li img {
    width: 80px;
    height: auto;
  }
  .card__right-topblock {
    flex-direction: column;
    align-items: flex-start;
  }
  .card__info h2.small-h2 {
    font-size: 22px;
    letter-spacing: -0.44px;
  }
  .card__info .information__block-list p,
  .card__info .information__block-list li,
  .card__info .information__block-list span {
    font-size: 15px;
    letter-spacing: -0.15px;
  }
  .card__price-list ul {
    column-count: auto;
  }
}

/* CARD_END *//*# sourceMappingURL=styles.css.map */