/* bootstrap grid */



/* bootstrap grid */


@media (max-width: 1024px) {
  .table-col-auto {
    display: grid;
  }
}
.container {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  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: 980px;
  }
}
@media (min-width: 1300px) {
  .container {
    max-width: 1260px;
  }
}
.container-fluid {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}
.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-13,
.col-14,
.col-15,
.col-16,
.col-17,
.col-18,
.col-19,
.col-2,
.col-20,
.col-21,
.col-22,
.col-23,
.col-24,
.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-13,
.col-lg-14,
.col-lg-15,
.col-lg-16,
.col-lg-17,
.col-lg-18,
.col-lg-19,
.col-lg-2,
.col-lg-20,
.col-lg-21,
.col-lg-22,
.col-lg-23,
.col-lg-24,
.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-13,
.col-md-14,
.col-md-15,
.col-md-16,
.col-md-17,
.col-md-18,
.col-md-19,
.col-md-2,
.col-md-20,
.col-md-21,
.col-md-22,
.col-md-23,
.col-md-24,
.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-13,
.col-sm-14,
.col-sm-15,
.col-sm-16,
.col-sm-17,
.col-sm-18,
.col-sm-19,
.col-sm-2,
.col-sm-20,
.col-sm-21,
.col-sm-22,
.col-sm-23,
.col-sm-24,
.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-13,
.col-xl-14,
.col-xl-15,
.col-xl-16,
.col-xl-17,
.col-xl-18,
.col-xl-19,
.col-xl-2,
.col-xl-20,
.col-xl-21,
.col-xl-22,
.col-xl-23,
.col-xl-24,
.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: 10px;
  padding-left: 10px;
}
.col {
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.col-auto {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}
.col-1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 4.16667%;
  -ms-flex: 0 0 4.16667%;
  flex: 0 0 4.16667%;
  max-width: 4.16667%;
}
.col-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8.33333%;
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}
.col-3 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 12.5%;
  -ms-flex: 0 0 12.5%;
  flex: 0 0 12.5%;
  max-width: 12.5%;
}
.col-4 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.66667%;
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}
.col-5 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20.83333%;
  -ms-flex: 0 0 20.83333%;
  flex: 0 0 20.83333%;
  max-width: 20.83333%;
}
.col-6 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.col-7 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 29.16667%;
  -ms-flex: 0 0 29.16667%;
  flex: 0 0 29.16667%;
  max-width: 29.16667%;
}
.col-8 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.33333%;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}
.col-9 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 37.5%;
  -ms-flex: 0 0 37.5%;
  flex: 0 0 37.5%;
  max-width: 37.5%;
}
.col-10 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 41.66667%;
  -ms-flex: 0 0 41.66667%;
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}
.col-11 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 45.83333%;
  -ms-flex: 0 0 45.83333%;
  flex: 0 0 45.83333%;
  max-width: 45.83333%;
}
.col-12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.col-13 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 54.16667%;
  -ms-flex: 0 0 54.16667%;
  flex: 0 0 54.16667%;
  max-width: 54.16667%;
}
.col-14 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58.33333%;
  -ms-flex: 0 0 58.33333%;
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}
.col-15 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 62.5%;
  -ms-flex: 0 0 62.5%;
  flex: 0 0 62.5%;
  max-width: 62.5%;
}
.col-16 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.66667%;
  -ms-flex: 0 0 66.66667%;
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}
.col-17 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 70.83333%;
  -ms-flex: 0 0 70.83333%;
  flex: 0 0 70.83333%;
  max-width: 70.83333%;
}
.col-18 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.col-19 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 79.16667%;
  -ms-flex: 0 0 79.16667%;
  flex: 0 0 79.16667%;
  max-width: 79.16667%;
}
.col-20 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 83.33333%;
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}
.col-21 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 87.5%;
  -ms-flex: 0 0 87.5%;
  flex: 0 0 87.5%;
  max-width: 87.5%;
}
.col-22 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 91.66667%;
  -ms-flex: 0 0 91.66667%;
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}
.col-23 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 95.83333%;
  -ms-flex: 0 0 95.83333%;
  flex: 0 0 95.83333%;
  max-width: 95.83333%;
}
.col-24 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}
.order-last {
  -webkit-box-ordinal-group: 26;
  -webkit-order: 25;
  -ms-flex-order: 25;
  order: 25;
}
.order-0 {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}
.order-1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
.order-2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}
.order-3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
}
.order-4 {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  -ms-flex-order: 4;
  order: 4;
}
.order-5 {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5;
}
.order-6 {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
  -ms-flex-order: 6;
  order: 6;
}
.order-7 {
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
  -ms-flex-order: 7;
  order: 7;
}
.order-8 {
  -webkit-box-ordinal-group: 9;
  -webkit-order: 8;
  -ms-flex-order: 8;
  order: 8;
}
.order-9 {
  -webkit-box-ordinal-group: 10;
  -webkit-order: 9;
  -ms-flex-order: 9;
  order: 9;
}
.order-10 {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
  -ms-flex-order: 10;
  order: 10;
}
.order-11 {
  -webkit-box-ordinal-group: 12;
  -webkit-order: 11;
  -ms-flex-order: 11;
  order: 11;
}
.order-12 {
  -webkit-box-ordinal-group: 13;
  -webkit-order: 12;
  -ms-flex-order: 12;
  order: 12;
}
.order-13 {
  -webkit-box-ordinal-group: 14;
  -webkit-order: 13;
  -ms-flex-order: 13;
  order: 13;
}
.order-14 {
  -webkit-box-ordinal-group: 15;
  -webkit-order: 14;
  -ms-flex-order: 14;
  order: 14;
}
.order-15 {
  -webkit-box-ordinal-group: 16;
  -webkit-order: 15;
  -ms-flex-order: 15;
  order: 15;
}
.order-16 {
  -webkit-box-ordinal-group: 17;
  -webkit-order: 16;
  -ms-flex-order: 16;
  order: 16;
}
.order-17 {
  -webkit-box-ordinal-group: 18;
  -webkit-order: 17;
  -ms-flex-order: 17;
  order: 17;
}
.order-18 {
  -webkit-box-ordinal-group: 19;
  -webkit-order: 18;
  -ms-flex-order: 18;
  order: 18;
}
.order-19 {
  -webkit-box-ordinal-group: 20;
  -webkit-order: 19;
  -ms-flex-order: 19;
  order: 19;
}
.order-20 {
  -webkit-box-ordinal-group: 21;
  -webkit-order: 20;
  -ms-flex-order: 20;
  order: 20;
}
.order-21 {
  -webkit-box-ordinal-group: 22;
  -webkit-order: 21;
  -ms-flex-order: 21;
  order: 21;
}
.order-22 {
  -webkit-box-ordinal-group: 23;
  -webkit-order: 22;
  -ms-flex-order: 22;
  order: 22;
}
.order-23 {
  -webkit-box-ordinal-group: 24;
  -webkit-order: 23;
  -ms-flex-order: 23;
  order: 23;
}
.order-24 {
  -webkit-box-ordinal-group: 25;
  -webkit-order: 24;
  -ms-flex-order: 24;
  order: 24;
}
.offset-1 {
  margin-left: 4.16667%;
}
.offset-2 {
  margin-left: 8.33333%;
}
.offset-3 {
  margin-left: 12.5%;
}
.offset-4 {
  margin-left: 16.66667%;
}
.offset-5 {
  margin-left: 20.83333%;
}
.offset-6 {
  margin-left: 25%;
}
.offset-7 {
  margin-left: 29.16667%;
}
.offset-8 {
  margin-left: 33.33333%;
}
.offset-9 {
  margin-left: 37.5%;
}
.offset-10 {
  margin-left: 41.66667%;
}
.offset-11 {
  margin-left: 45.83333%;
}
.offset-12 {
  margin-left: 50%;
}
.offset-13 {
  margin-left: 54.16667%;
}
.offset-14 {
  margin-left: 58.33333%;
}
.offset-15 {
  margin-left: 62.5%;
}
.offset-16 {
  margin-left: 66.66667%;
}
.offset-17 {
  margin-left: 70.83333%;
}
.offset-18 {
  margin-left: 75%;
}
.offset-19 {
  margin-left: 79.16667%;
}
.offset-20 {
  margin-left: 83.33333%;
}
.offset-21 {
  margin-left: 87.5%;
}
.offset-22 {
  margin-left: 91.66667%;
}
.offset-23 {
  margin-left: 95.83333%;
}
@media (min-width: 576px) {
  .col-sm {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 4.16667%;
    -ms-flex: 0 0 4.16667%;
    flex: 0 0 4.16667%;
    max-width: 4.16667%;
  }
  .col-sm-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-sm-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 12.5%;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .col-sm-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-sm-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20.83333%;
    -ms-flex: 0 0 20.83333%;
    flex: 0 0 20.83333%;
    max-width: 20.83333%;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 29.16667%;
    -ms-flex: 0 0 29.16667%;
    flex: 0 0 29.16667%;
    max-width: 29.16667%;
  }
  .col-sm-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 37.5%;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .col-sm-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-sm-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 45.83333%;
    -ms-flex: 0 0 45.83333%;
    flex: 0 0 45.83333%;
    max-width: 45.83333%;
  }
  .col-sm-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-13 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 54.16667%;
    -ms-flex: 0 0 54.16667%;
    flex: 0 0 54.16667%;
    max-width: 54.16667%;
  }
  .col-sm-14 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-sm-15 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 62.5%;
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .col-sm-16 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-sm-17 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 70.83333%;
    -ms-flex: 0 0 70.83333%;
    flex: 0 0 70.83333%;
    max-width: 70.83333%;
  }
  .col-sm-18 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-19 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 79.16667%;
    -ms-flex: 0 0 79.16667%;
    flex: 0 0 79.16667%;
    max-width: 79.16667%;
  }
  .col-sm-20 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-sm-21 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 87.5%;
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .col-sm-22 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-sm-23 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 95.83333%;
    -ms-flex: 0 0 95.83333%;
    flex: 0 0 95.83333%;
    max-width: 95.83333%;
  }
  .col-sm-24 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -webkit-box-ordinal-group: 26;
    -webkit-order: 25;
    -ms-flex-order: 25;
    order: 25;
  }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }
  .order-sm-13 {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-14 {
    -webkit-box-ordinal-group: 15;
    -webkit-order: 14;
    -ms-flex-order: 14;
    order: 14;
  }
  .order-sm-15 {
    -webkit-box-ordinal-group: 16;
    -webkit-order: 15;
    -ms-flex-order: 15;
    order: 15;
  }
  .order-sm-16 {
    -webkit-box-ordinal-group: 17;
    -webkit-order: 16;
    -ms-flex-order: 16;
    order: 16;
  }
  .order-sm-17 {
    -webkit-box-ordinal-group: 18;
    -webkit-order: 17;
    -ms-flex-order: 17;
    order: 17;
  }
  .order-sm-18 {
    -webkit-box-ordinal-group: 19;
    -webkit-order: 18;
    -ms-flex-order: 18;
    order: 18;
  }
  .order-sm-19 {
    -webkit-box-ordinal-group: 20;
    -webkit-order: 19;
    -ms-flex-order: 19;
    order: 19;
  }
  .order-sm-20 {
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    -ms-flex-order: 20;
    order: 20;
  }
  .order-sm-21 {
    -webkit-box-ordinal-group: 22;
    -webkit-order: 21;
    -ms-flex-order: 21;
    order: 21;
  }
  .order-sm-22 {
    -webkit-box-ordinal-group: 23;
    -webkit-order: 22;
    -ms-flex-order: 22;
    order: 22;
  }
  .order-sm-23 {
    -webkit-box-ordinal-group: 24;
    -webkit-order: 23;
    -ms-flex-order: 23;
    order: 23;
  }
  .order-sm-24 {
    -webkit-box-ordinal-group: 25;
    -webkit-order: 24;
    -ms-flex-order: 24;
    order: 24;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 4.16667%;
  }
  .offset-sm-2 {
    margin-left: 8.33333%;
  }
  .offset-sm-3 {
    margin-left: 12.5%;
  }
  .offset-sm-4 {
    margin-left: 16.66667%;
  }
  .offset-sm-5 {
    margin-left: 20.83333%;
  }
  .offset-sm-6 {
    margin-left: 25%;
  }
  .offset-sm-7 {
    margin-left: 29.16667%;
  }
  .offset-sm-8 {
    margin-left: 33.33333%;
  }
  .offset-sm-9 {
    margin-left: 37.5%;
  }
  .offset-sm-10 {
    margin-left: 41.66667%;
  }
  .offset-sm-11 {
    margin-left: 45.83333%;
  }
  .offset-sm-12 {
    margin-left: 50%;
  }
  .offset-sm-13 {
    margin-left: 54.16667%;
  }
  .offset-sm-14 {
    margin-left: 58.33333%;
  }
  .offset-sm-15 {
    margin-left: 62.5%;
  }
  .offset-sm-16 {
    margin-left: 66.66667%;
  }
  .offset-sm-17 {
    margin-left: 70.83333%;
  }
  .offset-sm-18 {
    margin-left: 75%;
  }
  .offset-sm-19 {
    margin-left: 79.16667%;
  }
  .offset-sm-20 {
    margin-left: 83.33333%;
  }
  .offset-sm-21 {
    margin-left: 87.5%;
  }
  .offset-sm-22 {
    margin-left: 91.66667%;
  }
  .offset-sm-23 {
    margin-left: 95.83333%;
  }
}
@media (min-width: 768px) {
  .col-md {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 4.16667%;
    -ms-flex: 0 0 4.16667%;
    flex: 0 0 4.16667%;
    max-width: 4.16667%;
  }
  .col-md-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-md-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 12.5%;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20.83333%;
    -ms-flex: 0 0 20.83333%;
    flex: 0 0 20.83333%;
    max-width: 20.83333%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 29.16667%;
    -ms-flex: 0 0 29.16667%;
    flex: 0 0 29.16667%;
    max-width: 29.16667%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 37.5%;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .col-md-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-md-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 45.83333%;
    -ms-flex: 0 0 45.83333%;
    flex: 0 0 45.83333%;
    max-width: 45.83333%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-13 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 54.16667%;
    -ms-flex: 0 0 54.16667%;
    flex: 0 0 54.16667%;
    max-width: 54.16667%;
  }
  .col-md-14 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-md-15 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 62.5%;
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .col-md-16 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-md-17 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 70.83333%;
    -ms-flex: 0 0 70.83333%;
    flex: 0 0 70.83333%;
    max-width: 70.83333%;
  }
  .col-md-18 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-19 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 79.16667%;
    -ms-flex: 0 0 79.16667%;
    flex: 0 0 79.16667%;
    max-width: 79.16667%;
  }
  .col-md-20 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-md-21 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 87.5%;
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .col-md-22 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-md-23 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 95.83333%;
    -ms-flex: 0 0 95.83333%;
    flex: 0 0 95.83333%;
    max-width: 95.83333%;
  }
  .col-md-24 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -webkit-box-ordinal-group: 26;
    -webkit-order: 25;
    -ms-flex-order: 25;
    order: 25;
  }
  .order-md-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }
  .order-md-13 {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-14 {
    -webkit-box-ordinal-group: 15;
    -webkit-order: 14;
    -ms-flex-order: 14;
    order: 14;
  }
  .order-md-15 {
    -webkit-box-ordinal-group: 16;
    -webkit-order: 15;
    -ms-flex-order: 15;
    order: 15;
  }
  .order-md-16 {
    -webkit-box-ordinal-group: 17;
    -webkit-order: 16;
    -ms-flex-order: 16;
    order: 16;
  }
  .order-md-17 {
    -webkit-box-ordinal-group: 18;
    -webkit-order: 17;
    -ms-flex-order: 17;
    order: 17;
  }
  .order-md-18 {
    -webkit-box-ordinal-group: 19;
    -webkit-order: 18;
    -ms-flex-order: 18;
    order: 18;
  }
  .order-md-19 {
    -webkit-box-ordinal-group: 20;
    -webkit-order: 19;
    -ms-flex-order: 19;
    order: 19;
  }
  .order-md-20 {
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    -ms-flex-order: 20;
    order: 20;
  }
  .order-md-21 {
    -webkit-box-ordinal-group: 22;
    -webkit-order: 21;
    -ms-flex-order: 21;
    order: 21;
  }
  .order-md-22 {
    -webkit-box-ordinal-group: 23;
    -webkit-order: 22;
    -ms-flex-order: 22;
    order: 22;
  }
  .order-md-23 {
    -webkit-box-ordinal-group: 24;
    -webkit-order: 23;
    -ms-flex-order: 23;
    order: 23;
  }
  .order-md-24 {
    -webkit-box-ordinal-group: 25;
    -webkit-order: 24;
    -ms-flex-order: 24;
    order: 24;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 4.16667%;
  }
  .offset-md-2 {
    margin-left: 8.33333%;
  }
  .offset-md-3 {
    margin-left: 12.5%;
  }
  .offset-md-4 {
    margin-left: 16.66667%;
  }
  .offset-md-5 {
    margin-left: 20.83333%;
  }
  .offset-md-6 {
    margin-left: 25%;
  }
  .offset-md-7 {
    margin-left: 29.16667%;
  }
  .offset-md-8 {
    margin-left: 33.33333%;
  }
  .offset-md-9 {
    margin-left: 37.5%;
  }
  .offset-md-10 {
    margin-left: 41.66667%;
  }
  .offset-md-11 {
    margin-left: 45.83333%;
  }
  .offset-md-12 {
    margin-left: 50%;
  }
  .offset-md-13 {
    margin-left: 54.16667%;
  }
  .offset-md-14 {
    margin-left: 58.33333%;
  }
  .offset-md-15 {
    margin-left: 62.5%;
  }
  .offset-md-16 {
    margin-left: 66.66667%;
  }
  .offset-md-17 {
    margin-left: 70.83333%;
  }
  .offset-md-18 {
    margin-left: 75%;
  }
  .offset-md-19 {
    margin-left: 79.16667%;
  }
  .offset-md-20 {
    margin-left: 83.33333%;
  }
  .offset-md-21 {
    margin-left: 87.5%;
  }
  .offset-md-22 {
    margin-left: 91.66667%;
  }
  .offset-md-23 {
    margin-left: 95.83333%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 4.16667%;
    -ms-flex: 0 0 4.16667%;
    flex: 0 0 4.16667%;
    max-width: 4.16667%;
  }
  .col-lg-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-lg-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 12.5%;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .col-lg-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-lg-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20.83333%;
    -ms-flex: 0 0 20.83333%;
    flex: 0 0 20.83333%;
    max-width: 20.83333%;
  }
  .col-lg-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 29.16667%;
    -ms-flex: 0 0 29.16667%;
    flex: 0 0 29.16667%;
    max-width: 29.16667%;
  }
  .col-lg-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-lg-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 37.5%;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .col-lg-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-lg-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 45.83333%;
    -ms-flex: 0 0 45.83333%;
    flex: 0 0 45.83333%;
    max-width: 45.83333%;
  }
  .col-lg-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-13 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 54.16667%;
    -ms-flex: 0 0 54.16667%;
    flex: 0 0 54.16667%;
    max-width: 54.16667%;
  }
  .col-lg-14 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-lg-15 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 62.5%;
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .col-lg-16 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-lg-17 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 70.83333%;
    -ms-flex: 0 0 70.83333%;
    flex: 0 0 70.83333%;
    max-width: 70.83333%;
  }
  .col-lg-18 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-19 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 79.16667%;
    -ms-flex: 0 0 79.16667%;
    flex: 0 0 79.16667%;
    max-width: 79.16667%;
  }
  .col-lg-20 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-lg-21 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 87.5%;
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .col-lg-22 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-lg-23 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 95.83333%;
    -ms-flex: 0 0 95.83333%;
    flex: 0 0 95.83333%;
    max-width: 95.83333%;
  }
  .col-lg-24 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -webkit-box-ordinal-group: 26;
    -webkit-order: 25;
    -ms-flex-order: 25;
    order: 25;
  }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }
  .order-lg-13 {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-14 {
    -webkit-box-ordinal-group: 15;
    -webkit-order: 14;
    -ms-flex-order: 14;
    order: 14;
  }
  .order-lg-15 {
    -webkit-box-ordinal-group: 16;
    -webkit-order: 15;
    -ms-flex-order: 15;
    order: 15;
  }
  .order-lg-16 {
    -webkit-box-ordinal-group: 17;
    -webkit-order: 16;
    -ms-flex-order: 16;
    order: 16;
  }
  .order-lg-17 {
    -webkit-box-ordinal-group: 18;
    -webkit-order: 17;
    -ms-flex-order: 17;
    order: 17;
  }
  .order-lg-18 {
    -webkit-box-ordinal-group: 19;
    -webkit-order: 18;
    -ms-flex-order: 18;
    order: 18;
  }
  .order-lg-19 {
    -webkit-box-ordinal-group: 20;
    -webkit-order: 19;
    -ms-flex-order: 19;
    order: 19;
  }
  .order-lg-20 {
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    -ms-flex-order: 20;
    order: 20;
  }
  .order-lg-21 {
    -webkit-box-ordinal-group: 22;
    -webkit-order: 21;
    -ms-flex-order: 21;
    order: 21;
  }
  .order-lg-22 {
    -webkit-box-ordinal-group: 23;
    -webkit-order: 22;
    -ms-flex-order: 22;
    order: 22;
  }
  .order-lg-23 {
    -webkit-box-ordinal-group: 24;
    -webkit-order: 23;
    -ms-flex-order: 23;
    order: 23;
  }
  .order-lg-24 {
    -webkit-box-ordinal-group: 25;
    -webkit-order: 24;
    -ms-flex-order: 24;
    order: 24;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 4.16667%;
  }
  .offset-lg-2 {
    margin-left: 8.33333%;
  }
  .offset-lg-3 {
    margin-left: 12.5%;
  }
  .offset-lg-4 {
    margin-left: 16.66667%;
  }
  .offset-lg-5 {
    margin-left: 20.83333%;
  }
  .offset-lg-6 {
    margin-left: 25%;
  }
  .offset-lg-7 {
    margin-left: 29.16667%;
  }
  .offset-lg-8 {
    margin-left: 33.33333%;
  }
  .offset-lg-9 {
    margin-left: 37.5%;
  }
  .offset-lg-10 {
    margin-left: 41.66667%;
  }
  .offset-lg-11 {
    margin-left: 45.83333%;
  }
  .offset-lg-12 {
    margin-left: 50%;
  }
  .offset-lg-13 {
    margin-left: 54.16667%;
  }
  .offset-lg-14 {
    margin-left: 58.33333%;
  }
  .offset-lg-15 {
    margin-left: 62.5%;
  }
  .offset-lg-16 {
    margin-left: 66.66667%;
  }
  .offset-lg-17 {
    margin-left: 70.83333%;
  }
  .offset-lg-18 {
    margin-left: 75%;
  }
  .offset-lg-19 {
    margin-left: 79.16667%;
  }
  .offset-lg-20 {
    margin-left: 83.33333%;
  }
  .offset-lg-21 {
    margin-left: 87.5%;
  }
  .offset-lg-22 {
    margin-left: 91.66667%;
  }
  .offset-lg-23 {
    margin-left: 95.83333%;
  }
}
@media (min-width: 1300px) {
  .col-xl {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 4.16667%;
    -ms-flex: 0 0 4.16667%;
    flex: 0 0 4.16667%;
    max-width: 4.16667%;
  }
  .col-xl-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-xl-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 12.5%;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .col-xl-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-xl-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20.83333%;
    -ms-flex: 0 0 20.83333%;
    flex: 0 0 20.83333%;
    max-width: 20.83333%;
  }
  .col-xl-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 29.16667%;
    -ms-flex: 0 0 29.16667%;
    flex: 0 0 29.16667%;
    max-width: 29.16667%;
  }
  .col-xl-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-xl-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 37.5%;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .col-xl-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-xl-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 45.83333%;
    -ms-flex: 0 0 45.83333%;
    flex: 0 0 45.83333%;
    max-width: 45.83333%;
  }
  .col-xl-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-13 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 54.16667%;
    -ms-flex: 0 0 54.16667%;
    flex: 0 0 54.16667%;
    max-width: 54.16667%;
  }
  .col-xl-14 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-xl-15 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 62.5%;
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .col-xl-16 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-xl-17 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 70.83333%;
    -ms-flex: 0 0 70.83333%;
    flex: 0 0 70.83333%;
    max-width: 70.83333%;
  }
  .col-xl-18 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-19 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 79.16667%;
    -ms-flex: 0 0 79.16667%;
    flex: 0 0 79.16667%;
    max-width: 79.16667%;
  }
  .col-xl-20 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-xl-21 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 87.5%;
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .col-xl-22 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-xl-23 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 95.83333%;
    -ms-flex: 0 0 95.83333%;
    flex: 0 0 95.83333%;
    max-width: 95.83333%;
  }
  .col-xl-24 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -webkit-box-ordinal-group: 26;
    -webkit-order: 25;
    -ms-flex-order: 25;
    order: 25;
  }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }
  .order-xl-13 {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-14 {
    -webkit-box-ordinal-group: 15;
    -webkit-order: 14;
    -ms-flex-order: 14;
    order: 14;
  }
  .order-xl-15 {
    -webkit-box-ordinal-group: 16;
    -webkit-order: 15;
    -ms-flex-order: 15;
    order: 15;
  }
  .order-xl-16 {
    -webkit-box-ordinal-group: 17;
    -webkit-order: 16;
    -ms-flex-order: 16;
    order: 16;
  }
  .order-xl-17 {
    -webkit-box-ordinal-group: 18;
    -webkit-order: 17;
    -ms-flex-order: 17;
    order: 17;
  }
  .order-xl-18 {
    -webkit-box-ordinal-group: 19;
    -webkit-order: 18;
    -ms-flex-order: 18;
    order: 18;
  }
  .order-xl-19 {
    -webkit-box-ordinal-group: 20;
    -webkit-order: 19;
    -ms-flex-order: 19;
    order: 19;
  }
  .order-xl-20 {
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    -ms-flex-order: 20;
    order: 20;
  }
  .order-xl-21 {
    -webkit-box-ordinal-group: 22;
    -webkit-order: 21;
    -ms-flex-order: 21;
    order: 21;
  }
  .order-xl-22 {
    -webkit-box-ordinal-group: 23;
    -webkit-order: 22;
    -ms-flex-order: 22;
    order: 22;
  }
  .order-xl-23 {
    -webkit-box-ordinal-group: 24;
    -webkit-order: 23;
    -ms-flex-order: 23;
    order: 23;
  }
  .order-xl-24 {
    -webkit-box-ordinal-group: 25;
    -webkit-order: 24;
    -ms-flex-order: 24;
    order: 24;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 4.16667%;
  }
  .offset-xl-2 {
    margin-left: 8.33333%;
  }
  .offset-xl-3 {
    margin-left: 12.5%;
  }
  .offset-xl-4 {
    margin-left: 16.66667%;
  }
  .offset-xl-5 {
    margin-left: 20.83333%;
  }
  .offset-xl-6 {
    margin-left: 25%;
  }
  .offset-xl-7 {
    margin-left: 29.16667%;
  }
  .offset-xl-8 {
    margin-left: 33.33333%;
  }
  .offset-xl-9 {
    margin-left: 37.5%;
  }
  .offset-xl-10 {
    margin-left: 41.66667%;
  }
  .offset-xl-11 {
    margin-left: 45.83333%;
  }
  .offset-xl-12 {
    margin-left: 50%;
  }
  .offset-xl-13 {
    margin-left: 54.16667%;
  }
  .offset-xl-14 {
    margin-left: 58.33333%;
  }
  .offset-xl-15 {
    margin-left: 62.5%;
  }
  .offset-xl-16 {
    margin-left: 66.66667%;
  }
  .offset-xl-17 {
    margin-left: 70.83333%;
  }
  .offset-xl-18 {
    margin-left: 75%;
  }
  .offset-xl-19 {
    margin-left: 79.16667%;
  }
  .offset-xl-20 {
    margin-left: 83.33333%;
  }
  .offset-xl-21 {
    margin-left: 87.5%;
  }
  .offset-xl-22 {
    margin-left: 91.66667%;
  }
  .offset-xl-23 {
    margin-left: 95.83333%;
  }
}
.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

/* base reset */
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
body {
  -webkit-tap-highlight-color: transparent;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
p,
blockquote,
th,
td,
span,
applet,
object,
iframe,
strike,
kbd,
q,
sub,
sup,
tt,
var,
dl,
dt,
dd,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
img,
body,
html,
abbr,
acronym,
a img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ol,
ul,
dir,
menu {
  list-style: none;
}
a {
  background-color: transparent;
}
:focus,
a,
a:hover,
a:active {
  outline: none;
  border: 0;
}
caption,
th {
  text-align: left;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td {
  vertical-align: top;
}
q:before,
q:after {
  content: "";
}
blockquote,
q {
  quotes: none;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
sup,
sub {
  line-height: 0;
}
svg:not(:root) {
  overflow: hidden;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
@-moz-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@-webkit-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
  line-height: inherit;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner,
legend {
  border: 0;
  padding: 0;
}
input[type="checkbox"],
input[type="radio"] {
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
}

/* fonts */
@font-face {
  font-family: "SFUIText";
  src: url("SFUIText-Regular.woff2") format("woff2"),
    url("SFUIText-Regular.woff") format("woff");
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SFUIText";
  src: url("SFUIText-Light.woff2") format("woff2"),
    url("SFUIText-Light.woff") format("woff");
  font-display: swap;
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "SFUIText";
  src: url("SFUIText-Medium.woff2") format("woff2"),
    url("SFUIText-Medium.woff") format("woff");
  font-display: swap;
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "SFUIText";
  src: url("SFUIText-Bold.woff2") format("woff2"),
    url("SFUIText-Bold.woff") format("woff");
  font-display: swap;
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "icons";
  src: url("icons.woff2?56311177") format("woff2"),
    url("icons.woff?56311177") format("woff"),
    url("icons.svg?56311177#fontello") format("svg");
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}
[class^="i-"]:before,
[class*=" i-"]:before,
.i:before,
.i:after {
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.i-card:before {
  content: "\e800";
} /* '' */
/*.i-cart:before { content: '\e801'; } /* '' */
.i-lock:before {
  content: "\e802";
} /* '' */
.i-logo:before {
  content: "\e803";
} /* '' */
.i-phone:before {
  content: "\e804";
} /* '' */
.i-mail:before {
  content: "\e819";
} /* '' */
.i-sale:before {
  content: "\e805";
} /* '' */
.i-support:before {
  content: "\e806";
} /* '' */
.i-tocart:before {
  content: "\e807";
} /* '' */
.i-trigger-1:before {
  content: "\e808";
} /* '' */
.i-trigger-2:before {
  content: "\e809";
} /* '' */
.i-trigger-3:before {
  content: "\e80a";
} /* '' */
.i-worktime:before {
  content: "\e80b";
} /* '' */
.i-search:before {
  content: "\e80c";
} /* '' */
.i-down-open-mini:before {
  content: "\e80d";
} /* '' */
.i-right-small:before {
  content: "\e80e";
} /* '' */
.i-user:before {
  content: "\e80f";
} /* '' */
.i-truck:before {
  content: "\e810";
} /* '' */
.i-checkout-3:before {
  content: "\e811";
} /* '' */
.i-picture-outline:before {
  content: "\e812";
} /* '' */
.i-clock:before {
  content: "\e813";
} /* '' */
.i-inbox-circled:before {
  content: "\e814";
} /* '' */
.i-box:before {
  content: "\e815";
} /* '' */
.i-megaphone:before {
  content: "\e816";
} /* '' */
.i-lightbulb:before {
  content: "\e817";
} /* '' */
.i-chat-alt:before {
  content: "\e818";
} /* '' */
.i-mail-1:before {
  content: "\e819";
} /* '' */
.i-thumbs-up:before {
  content: "\e81a";
} /* '' */
.i-p-trigger-3:before {
  content: "\e81b";
} /* '' */
.i-p-trigger-1:before {
  content: "\e81c";
} /* '' */
.i-p-trigger-2:before {
  content: "\e81d";
} /* '' */
.i-offer:before {
  content: "\e81e";
} /* '' */
.i-c-delivery-extra:before {
  content: "\e81f";
} /* '' */
.i-c-delivery-metro:before {
  content: "\e820";
} /* '' */
.i-c-delivery-mkad:before {
  content: "\e821";
} /* '' */
.i-c-delivery-self:before {
  content: "\e822";
} /* '' */
.i-c-delivery-zamkad:before {
  content: "\e823";
} /* '' */
.i-c-payment:before {
  content: "\e824";
} /* '' */
.i-p-help-1:before {
  content: "\e825";
} /* '' */
.i-p-help-2:before {
  content: "\e826";
} /* '' */
.i-mtbox-close:before {
  content: "\e827";
} /* '' */
.i-mtbox-left:before {
  content: "\e828";
} /* '' */
.i-mtbox-right:before {
  content: "\e829";
} /* '' */
.i-mtbox-down:before {
  content: "\e82a";
} /* '' */
.i-mtbox-up:before {
  content: "\e82b";
} /* '' */
.i-mtbox-zoom:before {
  content: "\e82c";
} /* '' */
.i-th-large:before {
  content: "\e82d";
} /* '' */
.i-th-list:before {
  content: "\e82e";
} /* '' */
.i-cog:before {
  content: "\e82f";
} /* '' */
.i-p-delivery-2:before {
  content: "\e832";
} /* '' */
.i-p-delivery-3:before {
  content: "\e833";
} /* '' */
.i-p-delivery-1:before {
  content: "\e834";
} /* '' */
.i-location-1:before {
  content: "\e841";
} /* '' */
.i-contacts:before {
  content: "\e842";
} /* '' */
.i-basket:before {
  content: "\e843";
} /* '' */
.i-worktime-1:before {
  content: "\e844";
} /* '' */
.i-actions:before {
  content: "\e845";
} /* '' */
.i-checkout-4:before {
  content: "\e846";
} /* '' */
.i-checkout-5:before {
  content: "\e847";
} /* '' */
.i-checkout-6:before {
  content: "\e848";
} /* '' */
.i-checkout-1:before {
  content: "\e84c";
} /* '' */
.i-checkout-2:before {
  content: "\e84d";
} /* '' */
.i-prod-delivery-1:before {
  content: "\e84e";
} /* '' */
.i-prod-delivery-2:before {
  content: "\e84f";
} /* '' */
.i-prod-delivery-3:before {
  content: "\e850";
} /* '' */
.i-star-empty:before {
  content: "\e901";
} /* '' */
.i-star:before {
  content: "\e902";
} /* '' */
.i-location:before {
  content: "\f031";
} /* '' */
.i-info-circled-alt:before {
  content: "\f086";
} /* '' */
.i-twitter:before {
  content: "\f099";
} /* '' */
.i-facebook:before {
  content: "\f09a";
} /* '' */
/*.i-menu:before { content: '\f0c9'; } /* '' */
.i-gplus:before {
  content: "\f0d5";
} /* '' */
.i-vkontakte:before {
  content: "\f189";
} /* '' */
.i-cab:before {
  content: "\f1b9";
} /* '' */
.i-copyright:before {
  content: "\f1f9";
} /* '' */
.i-bus:before {
  content: "\f207";
} /* '' */
.i-question-circle-o:before {
  content: "\f29c";
} /* '' */
.i-handshake-o:before {
  content: "\f2b5";
} /* '' */

/* default stars */
.rating {
  font-size: 20px;
}
.rating i {
  display: inline-block;
  font-style: normal;
  margin: 0 2px;
}
.rating i:before {
  font-family: "icons";
  display: inline-block;
  content: "\e901";
  color: #e0e0e0;
}
.rating i.on:before {
  content: "\e902";
  color: #ffc300;
}

/* effects */
.blur {
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
  -ms-filter: blur(6px);
  filter: blur(6px);
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

/* placeholder (defaut) */
*::-webkit-input-placeholder {
  color: #9a9a9a;
}
*:-moz-placeholder {
  color: #9a9a9a;
}
*::-moz-placeholder {
  color: #9a9a9a;
}
*:-ms-input-placeholder {
  color: #9a9a9a;
}

/* placeholder (disabled) */
*[disabled]::-webkit-input-placeholder {
  color: #ccc;
}
*[disabled]:-moz-placeholder {
  color: #ccc;
}
*[disabled]::-moz-placeholder {
  color: #ccc;
}
*[disabled]:-ms-input-placeholder {
  color: #ccc;
}

/* placeholder (error) */
.error::-webkit-input-placeholder {
  color: #f00;
}
.error:-moz-placeholder {
  color: #f00;
}
.error::-moz-placeholder {
  color: #f00;
}
.error:-ms-input-placeholder {
  color: #f00;
}

/* default */
.input,
.btn,
.textfield,
.button,
select {
  font-family: "SFUIText", sans-serif;
  margin: 0px;
  vertical-align: top;
  transition: all 0.25s;
  font-size: 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
}

/* input, textarea */
input[type="text"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.input,
.textfield {
  background: transparent; /*-webkit-appearance: none;*/
  height: 40px;
  width: 100%;
  line-height: 40px;
  padding: 0 15px;
  border: 1px solid #cdcdcd;
  font-size: 13px;
  color: #555;
}
.input:hover,
.textfield:hover {
  border-color: #b9b9b9;
  border-top: 1px solid #a0a0a0;
}
.input:focus,
.textfield:focus {
  border-color:/*#66afe9*/ #67bb00;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background: #fff;
}
.input.error {
  border-color: #f00;
  color: #f00;
}
.input[disabled],
.input[disabled]:hover,
.input[disabled]:focus {
  cursor: default;
  color: #ccc;
  border: 1px solid #ccc;
  box-shadow: none;
}
textarea.input {
  resize: none;
  height: auto;
  padding: 15px;
  line-height: normal;
}
.input.ns,
.input.ns:hover,
.input.ns:focus {
  text-transform: none;
  border-radius: inherit;
  height: inherit;
  line-height: inherit;
  padding: 0 10px;
  background: inherit;
  border: inherit;
  box-shadow: inherit;
}

/* input wrap*/
.input-wrap {
  position: relative;
}
.input-wrap input,
.input-wrap textarea {
  width: 100%;
  background: none;
  position: relative;
  z-index: 1;
}
.input-wrap label {
  position: absolute;
  color: #999;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
  padding: 0;
  transition: all 0.2s ease;
  background: #fff;
  padding: 0 5px;
  left: 10px;
}
.input-wrap label span {
  color: #f00;
  font-size: 14px;
}
.input-wrap textarea.input + label {
  top: 18px;
}
.input-wrap .input:focus + label {
  color: #67bb00;
}
.input-wrap .input:focus + label,
.input-wrap.on label,
.input-wrap.on textarea.input + label {
  z-index: 2;
  background: #fff;
  top: 0px;
  left: 10px;
  font-size: 12px;
}
.input-wrap .input:focus,
.input-wrap.on .input {
  padding-top: 4px;
}
.input-wrap textarea.input {
  padding-top: 15px !important;
}
.input-wrap.on .input {
  border-color: #67bb00;
}
.input-wrap.on label,
.input-wrap.on .input:focus + label {
  color: #67bb00 !important;
}

.form .input-wrap {
  margin-bottom: 16px;
}
.form #captcha_challenge {
  margin: -8px 0 15px 0;
}
.form .filewrap {
  margin-bottom: 26px;
}
.form .filewrap label {
  display: block;
  margin-bottom: 10px;
  color: #888;
}
.form .setrating-wrap {
  margin-bottom: 20px;
}
.form .setrating-wrap .label {
  font-size: 14px;
  color: #555;
  margin-bottom: 5px;
}

/* buttons */
.btn,
.button {
  transition: all 0.3s;
  vertical-align: middle;
  border: 0px;
  cursor: pointer;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  min-width: 100px;
  text-align: center;
  padding: 0 14px;
  height: 40px;
  background: #67bb00;
  color: #fff;
  line-height: 40px;
  text-shadow: none;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
}
.btn:hover,
.button:hover {
  background: #333;
}
.btn:active,
.button:active {
  box-shadow: inset 0 3px 6px 0px rgba(0, 0, 0, 0.1);
}
.btn2 {
  background: #fff;
  color: #67bb00;
  border: 1px solid #e9e9e9;
}
.btn2:hover {
  border-color: #f0f8e5;
  background: #f0f8e5;
}
.btn3 {
  background: #fdee3d;
  color: #303030;
}
.btn3:hover {
  background: #ead902;
}
.btn-cart:before {
  content: "\e807";
  vertical-align: middle;
  margin-right: 7px;
  font-size: 22px;
}
.btn.sm,
.input.sm,
.btn.md,
.input.md {
  height: 34px;
  line-height: 34px;
  text-transform: none;
  font-weight: 500;
  font-size: 12px;
}
.btn.sm:before,
.input.sm:before {
  font-size: 17px;
}
.btn.md,
.input.md {
  height: 40px;
  line-height: 40px;
  font-size: 13px;
}
.btn.lg,
.input.lg {
  height: 50px;
  line-height: 50px;
}
.btn-left-arrow:before,
.btn-right-arrow:after {
  font-family: "icons";
  content: "\E80E";
  transform: rotate(-180deg);
  font-size: 20px;
  margin-right: 10px;
}
.btn-right-arrow:after {
  transform: none;
  margin: 0 0 0 10px;
}

/* btn disabled */
.btn-disabled,
.btn-disabled:hover {
  background: #fff !important;
  color: #000 !important;
  border: 1px solid #cdcdcd !important;
  cursor: default !important;
}
.btn:disabled,
.btn.disabled,
.btn.disabled:hover,
.btn.disabled:active {
  border-color: #333;
  background: #333;
  color: #fff;
  cursor: default;
}

/* radio, check */
.radio,
.check {
  text-align: center;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  cursor: pointer;
  border: 2px solid #e6e6e6;
  background: #fff;
  text-align: center;
}
.radio:before,
.check:before {
  content: "";
  border-radius: 100%;
  width: 10px;
  height: 10px;
  background: transparent;
  transition: all 0.3s;
  display: inline-block;
  font-size: 0px;
  line-height: 0px;
}
.check {
  border-radius: 5px;
}
.check:before {
  border-radius: 0px;
}

/* selectbox default */
select {
  width: auto;
  padding: 0 10px;
  position: relative;
  min-width: 180px;
  height: 42px;
  margin: 0px;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  -webkit-padding-end: 15px;
  -webkit-padding-start: 15px;
  font-size: 14px;
  color: #9a9a9a;
}
select:before {
  content: "";
  width: 9px;
  height: 9px;
  position: absolute;
  right: 10px;
  top: 10px;
  background: #f00;
}
select[disabled] {
}
option:disabled,
select[disabled] > option {
  color: #ccc !important;
}

/* selectbox styled */
.select {
  font-size: 12px;
  float: left;
  transition: all 0.3s;
  display: block;
  height: 27px;
  width: 124px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  position: relative;
  z-index: 9;
}
.select .selected {
  cursor: pointer;
  position: relative;
  height: 27px;
  padding: 0 20px 0 10px;
  outline: none;
  overflow: hidden;
}
.select .selected span {
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #cdcdcd;
  text-decoration: none;
  display: block;
  line-height: 26px;
  width: 100%;
}
.select .selected:after {
  font-family: icons;
  content: "\e80d";
  position: absolute;
  right: 9px;
  top: 6px;
}
.select ul {
  padding-top: 4px;
  border: 1px solid #cdcdcd;
  border-top: 0px;
  padding-bottom: 8px;
  transition-property: opacity, visibility;
  transition-duration: 0.2s, 0s;
  transition-delay: 0s, 0.2s;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  background: #fff;
  list-style: none;
  left: -1px;
  right: -1px;
  margin: 0 auto;
  position: absolute;
  top: 23px;
  width: auto;
  z-index: 1;
  overflow-y: auto;
  border-radius: 3px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.select ul li {
  cursor: pointer;
  transition: all 0.3s;
  display: block;
  outline: none;
  padding: 2px 10px;
  color: #cdcdcd;
  text-decoration: none;
}
.select ul li:hover,
.select ul li.active {
  color: #333;
}
.select:hover ul {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s, 0s;
}
.select-perpage {
  width: 85px;
}
.lazyload,
.lazyloading {
  opacity: 0;
}
.lazyloaded {
  opacity: 1;
  transition: opacity 300ms;
}

/* tooltips */
.tooltip {
  left: 0px;
  width: 400px;
  margin-left: -195px;
  top: 22px;
  font-size: 12px;
  border-radius: 5px;
  color: #333;
  padding: 10px 20px;
  border: 1px solid #ddd;
  background: #fff;
  z-index: 100;
  animation: fadeInUp 0.3s;
  position: absolute;
}
.tooltip p {
  margin: 0px;
  padding: 4px 0;
}
.tooltip:after,
.tooltip:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7px 7px 7px;
  border-color: transparent transparent #fff transparent;
  content: "";
  position: absolute;
  left: 50%;
  top: -7px;
  margin-left: -4px;
}
.tooltip:before {
  top: -8px;
  border-width: 0 8px 8px 8px;
  margin-left: -5px;
  border-color: transparent transparent #ddd transparent;
}

.js-tooltip-show .layer {
  display: none;
}
[data-tooltip] {
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.s-delivery-list .item {
  border-bottom: 1px solid #ddd;
  padding: 24px 0;
  padding-left: 90px;
  position: relative;
}
.s-delivery-list .item:last-child {
  border: 0px;
}
.s-delivery-list .item .h4 {
  margin-bottom: 10px;
  font-weight: 500;
}
.s-delivery-list .item:before {
  left: 15px;
  top: 50%;
  margin-top: -31px;
  font-size: 50px;
  color: #67bb00;
  position: absolute;
}
.s-delivery-list .item .i {
  margin-left: 4px;
  cursor: pointer;
  color: #67bb00;
}

/* ui slider */
.ui-slider {
  background: #ccc;
  height: 6px;
  width: 100%;
  position: relative;
}
.ui-slider-range {
  position: absolute;
  top: 0px;
  height: 6px;
  background: #999;
}
.ui-slider-handle {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  outline: none;
  display: block;
  position: absolute;
  border-radius: 4px;
  top: -8px;
  margin-left: -7px;
  width: 10px;
  height: 20px;
  background: #67bb00;
}
.ui-slider-handle:focus {
  outline: none;
}

/* labels */
.product .il {
  z-index: 999;
  white-space: nowrap;
  right: 0;
  top: 60px;
  font-size: 11px;
  text-align: center;
  padding: 4px 10px 2px 10px;
  background: #67bb00;
  color: #fff;
  text-transform: uppercase;
  position: absolute;
}
.product .il-na {
  background-color: #ddd;
  color: #fff;
}

body {
  padding-top: 244px;
  min-width: 320px;
  background: #fff;
  font-size: 14px;
  font-family: "SFUIText", sans-serif;
  color: #000;
}

/* heading */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-bottom: 15px;
}
h1,
.h1 {
  font-size: 26px;
  margin-bottom: 20px;
}
h2,
.h2 {
  font-size: 22px;
}
h3,
.h3 {
  color: #242424;
  font-size: 17px;
  text-transform: none;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
h6,
.h5,
.h6 {
  font-size: 16px;
}

/* links */
a {
  color: #67bb00;
  background-color: transparent;
  outline: none !important;
}
a:hover {
  text-decoration: none;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.false {
  text-decoration: none;
  cursor: pointer;
  color: #67bb00;
  border-bottom: 1px dotted #67bb00;
}

/* base */
strong,
b {
  font-weight: 700;
}
p {
  margin-bottom: 25px;
}
u {
  text-decoration: underline;
}
em,
dfn {
  font-style: italic;
}
del {
  text-decoration: line-through;
}
ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}
big {
  font-size: 120%;
}
small {
  font-size: 80%;
}
abbr[title],
acronym {
  border-bottom: 1px dotted;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
figure {
  margin: 1em 40px;
}
mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: 700;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: "";
  content: none;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px dashed #ccc;
  margin-bottom: 15px;
  padding: 0;
}
dl {
  margin: 0 0 15px 0;
}
dl dt {
  font-weight: 700;
}
dd {
  margin: 0 0 0 15px;
}
table {
  border: 0px;
  margin-bottom: 15px;
  width: 100%;
}
table tr td,
table tr th {
  transition: background 0.3s;
  border: 1px solid #ccc;
  padding: 8px 12px;
  vertical-align: middle;
}
table tr th {
  background: #eee;
  text-align: center;
}
table tr:hover td {
  background: #fbfbfb;
}

/* editor content */
.editor {
  font-size: 14px;
  line-height: 22px;
  color: #555;
}
.editor img {
  max-width: 100%;
  max-height: none;
  height: auto;
}
.editor ul,
.editor ol {
  overflow: hidden;
  list-style: none;
  margin-bottom: 20px;
}
.editor ol {
  counter-reset: section;
}
.editor ol li,
.editor ul li {
  text-align: left;
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
}
.editor ol li:before {
  counter-increment: section;
  content: counter(section) ")";
  font-weight: 700;
  color: #67bb00;
  font-size: 15px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: -1px;
}
.editor ol ol,
.editor ol ul,
.editor ul ol {
  margin-left: 0;
  margin-top: 15px;
}
.editor ol li.t {
  padding-left: 36px;
  padding-top: 10px;
}
.editor ol li.t:before {
  content: counter(section);
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  top: 6px;
  width: 26px;
  line-height: 26px;
  height: 26px;
  border-radius: 100%;
  background: #4087dc;
  color: #fff;
}
.editor ul li:before {
  position: absolute;
  left: 0;
  top: 2px;
  content: "";
  width: 20px;
  height: 20px;
  background: #7fba00;
  border-radius: 100%;
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #67bb00;
  border-radius: 100%;
  top: 6px;
}
.editor .rules {
  -moz-column-gap: 60px;
  -webkit-column-gap: 60px;
  column-gap: 60px;
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
}
.editor .s-dot li:before {
}
.editor blockquote {
  padding-left: 20px;
  display: block;
  font-weight: 600;
  margin-bottom: 15px;
  position: relative;
}
.editor blockquote:before {
  content: "";
  width: 2px;
  background: #67bb00;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
}
.editor p:last-child {
  margin-bottom: 0;
}
.b {
  font-weight: 700;
}

table.ns,
table.ns tr td {
  border: 0;
}

/* alert */
.alert-success,
.alert-warning,
.alert-error,
.alert-empty {
  font-size: 14px;
  text-align: left;
  padding: 20px 25px;
  margin-bottom: 10px;
  border-left: 5px solid transparent;
  border-radius: 5px;
}
.alert-success {
  background-color: #f1f9f7;
  border-color: #e0f1e9;
  color: #1d9d74;
}
.alert-success a {
  color: #1d9d74;
}
.alert-warning {
  background-color: #f9f2cb;
  border-color: #f5e79e;
  color: #c09853;
}
.alert-warning a {
  color: #c09853;
}
.alert-error {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #b94a48;
}
.alert-error a {
  color: #b94a48;
}
.alert-empty {
  background-color: #fafafa;
  border-color: #e1e1e1;
  color: #7b7b7b;
}

/* header */
#header {
  min-width: 320px;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  top: 0;
  background: #fff;
  z-index: 100;
}
#header .top-bar {
  margin: 0px;
  padding: 9px 0px;
  font-size: 12px;
  background: #000;
}
#header .top-bar a,
#header .top-bar .user-geolocation {
  color: #e5e5e5;
  transition: color 0.3s;
  text-decoration: none;
}
#header .top-bar a:hover,
#header .top-nav a:hover i,
#header .top-bar .user-geolocation span:hover {
  color: #67bb00;
}
#header .top-bar .links li {
  margin-left: 6px;
  position: relative;
  float: left;
  padding: 0 2px;
}
#header .top-bar .links li:first-child {
  margin-left: -15px;
}
#header .top-bar .links li a {
  transition: all 0.3s;
  border-radius: 4px;
  border: 1px solid #000;
  display: block;
  height: 32px;
  line-height: 30px;
  padding: 0px 15px;
}
#header .top-bar .links li a.active {
  color: #67bb00;
  padding-bottom: 1px;
  border-color: #67bb00;
}
#header .top-bar .links li a i,
#header .top-bar .user-account a i {
  float: left;
  margin-right: 8px;
  font-size: 15px;
  opacity: 0.7;
}
#header .top-bar .links li a .i-sale {
  color: #67bb00;
  font-size: 24px;
  margin-left: -6px;
}
#header .top-bar .account-col {
  display: flex;
  align-items: center;
}
#header .top-bar .user-actions {
  margin-right: 20px;
}
#header .top-bar .user-actions a {
  cursor: pointer;
  display: block;
  color: #67bb00;
}
#header .top-bar .user-actions a:before {
  font-size: 16px;
  margin-right: 4px;
  font-family: "icons";
  content: "\E845";
}
#header .top-bar .user-actions a:hover {
  color: #888;
}

#header .top-bar .user-account {
  border-radius: 3px;
  border: 1px solid #404040;
}
#header .top-bar .user-account a {
  display: flex;
  align-items: center;
  height: 32px;
  padding: 0 12px;
}
#header .middle-bar {
  background: #fafafa;
  padding: 25px 0;
}
#header .middle-bar > .container > .row {
  display: flex;
  align-items: center;
}
#header .middle-bar .col-logo {
  flex: 0 0 18%;
}
#header .middle-bar .col-contacts {
  text-align: center;
  flex: 0 0 66%;
}
#header .middle-bar .cart {
  flex: 0 0 16%;
}
@media (max-width: 1299px) {
  #header .middle-bar .col-logo {
    flex: 0 0 22%;
  }
  #header .middle-bar .col-contacts {
    text-align: center;
    flex: 0 0 62%;
  }
  #header .middle-bar .cart {
    flex: 0 0 16%;
  }
}

#header .logo {
  display: inline-block;
}
#header .logo img {
  max-width: 100%;
  position: relative;
  top: -3px;
}
#header .logo:after {
  font-family: "icons";
}
#header .user-geolocation {
  display: inline-flex;
  align-items: center;
  font-size: 18px;
  line-height: 24px;
  color: #8b8b8b;
}
#header .user-geolocation:before {
  margin-right: 15px;
  font-size: 30px;
  content: "\E841";
  font-family: "icons";
}
#header .user-geolocation .i {
  cursor: pointer;
  border-bottom: 1px dashed #8b8b8b;
}
#header .c {
  text-align: left;
  min-height: 44px;
  position: relative;
  padding-left: 50px;
  display: inline-block;
}
#header .c .l a {
  color: #8b8b8b;
  border-bottom: 1px dashed #e5e5e5;
  font-size: 12px;
  text-decoration: none;
}
#header .c .l a:hover {
  color: #67bb00;
  border-color: #67bb00;
}
#header .c:before {
  color: #8b8b8b;
  font-size: 36px;
  line-height: 30px; /*content:'\E842';*/
  position: absolute;
  left: 0px;
  top: 53%;
  margin-top: -15px;
}
#header .phone,
#header .col-location {
  border-right: 1px solid #e9e9e9;
}
#header .phone .c .t {
  font-weight: 300;
  font-size: 23px;
  margin-bottom: 2px;
}
#header .phone .c .t a {
  white-space: nowrap;
  color: #000;
  text-decoration: none;
}
#header .phone .c .t a:hover {
  text-decoration: underline;
}
#header .phone .c:before {
  font-size: 30px;
}
#header .worktime .c {
  line-height: 22px;
}
#header .worktime .c:before {
  font-size: 30px;
  content: "\E844";
}
#header .col-location {
  display: flex;
  align-items: center;
  justify-content: center;
}
#header .cart .c {
  float: right;
  color: #353532;
  text-decoration: none;
  display: block;
}
#header .cart .c:before {
  margin-top: -18px;
  font-size: 32px;
  color: #8b8b8b;
  content: "\E843";
}
#header .cart .count {
  font-weight: 400;
  font-size: 11px;
  width: 18px;
  height: 18px;
  background: #67bb00;
  border-radius: 100%;
  text-align: center;
  color: #fff;
  line-height: 18px;
  text-align: center;
  position: absolute;
  left: 22px;
  top: 2px;
}
#header .cart .c .t {
  transition: color 0.3s;
  padding-top: 2px;
  display: block;
  font-weight: 500;
  font-size: 18px;
}
#header .cart:hover .c .t {
  color: #67bb00;
}
//#header .bottom-bar {border-bottom:1px solid #ddd}
#header .bottom-bar .catalog-wrap {
  position: relative;
}
#header .bottom-bar .js-toggle-search {
  position: absolute;
  right: 15px;
  top: 18px;
}
#header .bottom-bar .js-toggle-search:before {
  cursor: pointer;
  content: "\e80c";
  font-size: 20px;
}
#header .search {
  position: relative;
}
#header .search input[type="text"] {
  border: 0px;
  height: 58px;
  line-height: 58px;
  padding: 0px;
  font-size: 22px;
  font-weight: 300;
  width: 100%;
}
#header .search input[type="submit"] {
  display: none;
}
#header .search .close {
  position: absolute;
  cursor: pointer;
  right: 0px;
  top: 0px;
  font-size: 26px;
  font-weight: 500;
  width: 38px;
  text-align: center;
  line-height: 58px;
  color: #ccc;
}
#header {
  /*padding-bottom:173px;*/
}
#header .fixed-wrap {
  /*backface-visibility: hidden;bottom:0px;position:absolute;left:0px;right:0px;*/
}
#indexPage #header {
  margin-bottom: 0px;
}
.js-close-filter {
  display: none;
}

@media (min-width: 992px) {
  #header .catalog {
    float: left;
    font-size: 16px;
  }
  #header .catalog > li {
    float: left;
    margin-right: 55px;
  }
  #header .catalog > li > a {
    padding: 20px 0;
    display: block;
    transition: border 0.1s linear;
    color: #000;
    text-decoration: none;
  }
  #header .catalog > li > a:hover,
  #header .catalog > li.active > a,
  #header .catalog > li:hover > a {
    color: #67bb00;
    transition-delay: 0.12s;
  }
  #header .catalog > li.hs > a {
    position: relative;
    z-index: 3;
    padding-right: 17px;
  }
  #header .catalog > li.hs > a:after,
  #header .catalog > li.hs > a:before {
    content: "";
    position: absolute;
    transition: all 0.2s;
  }
  #header .catalog > li.hs > a:after {
    content: "\e80d";
    font-family: "icons";
    right: 0px;
    top: 21px;
  }
  #header .catalog > li.hs:hover > a:before {
    height: 3px;
    width: 100%;
    bottom: -3px;
    left: 0px;
    background: #67bb00;
  }
  #header .catalog > li.dd {
    position: relative;
  }
  #header .catalog > li.hs > .sub {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px; /*box-shadow:0px 2px 6px rgba(0,0,0,0.1);*/
    text-align: center;
    background: #fff;
    overflow: hidden;
    z-index: 0;
    position: absolute;
    left: 0px;
    padding: 10px 30px;
    top: 120%;
    margin-top: 1px;
    width: 100%;
    border: 1px solid #fff;
    border-top: 0px;
    transition-property: all;
    transition-duration: 0.25s, 0s;
    transition-delay: 0s, 0.25s;
    opacity: 0;
    visibility: hidden;
  }
  #header .catalog > li.hs > a:hover,
  #header .catalog > li.hs:hover > a {
    position: relative;
    z-index: 3;
  }
  #header .catalog > li > .sub ul {
    margin-bottom: 0px;
  }
  #header .catalog > li > .sub ul li {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
  }
  #header .catalog > li > .sub .item {
    transition: all 0.3s;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    display: block;
  }
  #header .catalog > li > .sub .item span {
    display: block;
  }
  #header .catalog > li > .sub .item .img {
    transition: all 0.3s;
    height: 140px;
    line-height: 140px;
    margin-bottom: 10px;
  }
  #header .catalog > li > .sub .item .img img {
    max-width: 100%;
    max-height: 100%;
  }
  #header .catalog > li > .sub .item:hover,
  #header .catalog > li > .sub .item.active {
    color: #67bb00;
  }
  #header .catalog > li > .sub .item:hover .img {
    opacity: 0.7;
  }
  #header .catalog > li.dd > .sub {
    width: 270px;
    text-align: left;
    padding: 0px;
  }
  #header .catalog > li.dd > .sub > ul {
    font-size: 14px;
  }
  #header .catalog > li.dd > .sub > ul > li {
    padding: 0px;
    border-top: 1px solid #dbdbdb;
  }
  #header .catalog > li.dd > .sub > ul > li > a {
    transition: all 0.1s;
    text-align: left;
    text-decoration: none;
    color: #888;
    display: block;
    padding: 10px 15px;
  }
  #header .catalog > li.dd > .sub > ul > li > a:hover {
    color: #67bb00;
    background-color: #f0f8e5;
  }
  .js-h-catalog-over #header {
    z-index: 101;
  }
  .js-h-catalog-over #header .catalog > li.hs:hover > .sub {
    border-color: #dbdbdb;
    top: 100%;
    opacity: 1;
    visibility: visible;
    transition-delay: 0s, 0s;
    z-index: 2;
  }
}

.layer {
  transition: all 0.2s;
  opacity: 0;
  visibility: hidden;
  background: #ccc;
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 99;
}
.js-h-menu-show .layer,
.js-h-search-show .layer,
.js-tooltip-show .layer {
  opacity: 0.4;
  visibility: visible;
}
.js-fixed-header #header {
  position: fixed;
}
.js-fixed-header #header .fixed-wrap {
  bottom: auto;
  animation: fadeIn 0.2s;
  box-shadow: 5px 0 10px rgba(0, 0, 0, 0.1);
  z-index: 999;
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  background: #fff;
}
.js-fixed-header #header .top-bar {
  opacity: 0px;
  height: 0px;
  display: none;
}
.js-fixed-header #header .middle-bar {
  font-size: 12px;
  padding: 15px 0;
}
.js-fixed-header #header .bottom-bar {
  margin: 0px;
}
.js-fixed-header #header .c {
  min-height: auto;
  padding-left: 48px;
}
.js-fixed-header #header .c:before {
  font-size: 26px;
  margin-top: -15px;
}
.js-fixed-header #header .c .t {
  font-size: 15px;
}
.js-fixed-header #header .phone .c .t {
  font-size: 18px;
}
.js-fixed-header #header .worktime .c .t {
  font-size: 12px;
}
.js-fixed-header #header .worktime .c {
  line-height: 18px;
}
.js-fixed-header #header .logo {
  font-size: 18px;
}
.js-fixed-header #header .logo:before {
  font-size: 46px;
  margin-left: -23px;
  top: -21px;
}
.js-fixed-header #header .catalog {
  font-size: 14px;
}
.js-fixed-header #header .catalog > li > a {
  padding: 12px 18px 12px 0;
}
.js-fixed-header #header .catalog > li.hs > a:after {
  top: 30%;
}
.js-fixed-header #header .cart .c:before {
  color: #ccc;
}
.js-fixed-header #header .cart .count {
  width: 18px;
  font-size: 12px;
  left: 15px;
  font-weight: 400;
  line-height: 18px;
  color: #fff;
  height: 18px;
  border-radius: 100%;
  text-align: center;
  top: 0px;
  background: #67bb00;
}
.js-fixed-header #header .col-logo {
  width: 15%;
}
.js-fixed-header #header .col-contacts {
  width: 65%;
}
.js-fixed-header #header .js-toggle-search {
  top: 9px;
  color: #ccc;
}
.js-fixed-header #header .catalog > li.hs > a:after {
  color: #ccc;
}
.js-fixed-header #header .catalog > li.hs > a:hover:after {
  color: #67bb00;
}
.js-fixed-header #header .search input[type="text"] {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
}
.js-fixed-header #header .search .close {
  line-height: 40px;
}

/* misc */
#middle {
  position: relative;
  z-index: 9;
  margin-bottom: 25px;
}
#middle .content {
  min-height: 316px;
}
.cf:after,
.clearfix:after,
.clear {
  clear: both;
  content: ".";
  height: 0px;
  display: block;
  visibility: hidden;
  line-height: 0px;
  font-size: 0px;
}
.none {
  display: none;
}
.nscript {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0);
  background: transparent\9;
  background: rgba(0, 0, 0, 0.75);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf000000,endColorstr=#bf000000);
  zoom: 1;
  z-index: 9999;
}
.nscript .c {
  background: #c00;
  padding: 10px 0;
  font-size: 13px;
  text-shadow: 1px 0 1px #970000;
  line-height: 15px;
  color: #fff;
  text-align: center;
  box-shadow: 0 0 5px #000;
}
.ns .c p {
  margin: 0px;
}
.offer-link {
  display: block;
  color: #bbb;
  font-size: 11px;
  line-height: 13px;
  padding-top: 6px;
}
.discount {
  display: block;
}
.discount span {
  width: 32px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  color: #fff;
  font-size: 10px;
  display: block;
  position: relative;
}
.discount span:before {
  line-height: 34px;
  z-index: -1;
  color: #67bb00;
  font-family: icons;
  content: "\e81e";
  left: 0px;
  top: 0px;
  font-size: 34px;
  position: absolute;
}

/* breadcrumbs */
.path {
  margin-bottom: 8px;
  font-size: 12px;
  color: #777;
}
.path li {
  float: left;
  padding-right: 10px;
  margin-right: 7px;
  position: relative;
}
.path li:after {
  content: "/";
  width: 3px;
  height: 6px;
  position: absolute;
  right: 0px;
  top: 0px;
}
.path li:last-child:after {
  display: none;
}
.path li a {
  color: #777;
  transition: all 0.3s;
  text-decoration: none;
}
.path li a:hover {
  color: #67bb00;
  text-decoration: underline;
}

/* product grid */
.products-grid [class^="col-"] {
  margin-bottom: 20px;
}
.products-grid .product {
  position: relative;
  transition: border-color 0.3s;
  height: 100%;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 50px 18px 18px 18px;
}
.products-grid .product a {
  text-decoration: none;
  color: #353532;
}
.products-grid .product a:hover {
  color: #67bb00 !important;
}
.products-grid .product .image {
  display: block;
  max-height: 240px;
  line-height: 240px;
  height: 240px;
}
.products-grid .product .image img {
  max-width: 90%;
  max-height: 90%;
}
.products-grid .product .brand {
  padding: 10px 0;
  margin-bottom: 2px;
  font-size: 13px;
}
.products-grid .product .brand span {
  cursor: pointer;
  color: #8b8b8b;
  text-decoration: underline;
}
.products-grid .product .brand span:hover {
  color: #67bb00;
}
.products-grid .product .t {
  position: absolute;
  top: 14px;
  left: 0;
  right: 0;
  padding: 8px 20px;
  overflow: hidden;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
  background: rgb(255, 255, 255);
  background: transparent\9;
  background: rgba(255, 255, 255, 0.3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cffffff,endColorstr=#4cffffff);
  zoom: 1;
}
.products-grid .product .t a:hover {
  text-decoration: underline;
}
.products-grid .product .buywrap {
  display: flex;
  align-items: center;
  padding-top: 8px;
  border-top: 1px solid #ddd;
}
.products-grid .product .buywrap .price-wrap {
  box-sizing: border-box;
  padding-top: 6px;
  min-height: auto;
  flex: 0 0 50%;
  text-align: left;
  color: #353532;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.products-grid .product .buywrap .price-wrap del {
  font-weight: 400;
  font-size: 12px;
  color: #ccc;
}
.products-grid .product .buywrap .price-wrap.ho {
  min-height: 34px;
  font-size: 15px;
  padding-left: 30px;
  position: relative;
}
.products-grid .product .buywrap .price-wrap.ho .discount {
  position: absolute;
  left: -9px;
  top: 5px;
}
.products-grid .product .buywrap .btns-wrap {
  flex: 0 0 50%;
  justify-content: flex-end;
}
.products-grid .product .buywrap .btn {
  display: none;
}
.products-grid .product .buywrap .btn-cart {
  display: block;
  height: 36px;
  line-height: 36px;
}
.products-grid .product .buywrap .btn-cart:before {
  font-size: 16px;
}
.products-grid .product .buywrap .fastbuy {
  padding-top: 2px;
  font-size: 12px;
  text-align: center;
  margin-top: 8px;
}
.products-grid .product .buywrap .fastbuy span {
  transition: all 0.3s;
}
.products-grid .product .buywrap .fastbuy span:hover {
  border-bottom-style: solid;
}

.products-grid .product .p-specs {
  display: none;
}
.products-grid .product:hover {
  border-color: #67bb00;
}
.products-grid .related-item,
.products-grid .similar-item {
  display: none;
}
.products-grid .mix-alert {
  margin-bottom: 0px;
}
.products-grid2 .item {
  min-height: 122px;
  transition: all 0.3s;
  border: 2px solid #e6e6e6;
  padding: 20px 15px;
  border-radius: 4px;
}
.products-grid2 .item .t {
  font-weight: 700;
  margin-bottom: 10px;
}
.products-grid2 .item .t a {
  color: #000;
  text-decoration: none;
}
.products-grid2 .item .t a:hover {
  text-decoration: underline;
}
.products-grid2 .item .price-wrap {
  color: #67bb00;
  margin-bottom: 10px;
  font-weight: 500;
}
.products-grid2 .item .row {
  margin-bottom: 0px;
}
.products-grid2 .item input[type="checkbox"] {
  display: none;
}
.products-grid2 .item .img {
  text-align: center;
}
.products-grid2 .item .img img {
  max-width: 100%;
  max-height: 100px;
}
.products-grid2 .item.selected {
  border-color: #67bb00;
}
.products-grid2 .item.selected .btn {
  border-color: #f0f8e5;
  background: #f0f8e5;
}
.products-related {
  position: relative;
}

/*
.catalog-grid {transition:opacity 0.1s;opacity:0;}
.catalog-grid.on{opacity:1;}
*/

@media (min-width: 767px) {
  .products-grid.list {
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
  .products-grid.list [class^="col-"] {
    width: 100%;
    display: block;
    flex: none;
    max-width: none;
    padding: 0;
  }
  .products-grid.list .product {
    align-items: center;
    height: auto;
    display: flex;
    padding: 18px 10px;
  }
  .products-grid.list .product .il {
    right: auto;
    left: 0;
    top: 25px;
  }
  .products-grid.list .product .details {
    padding-left: 20px;
    flex: 0 0 78%;
    text-align: left;
  }
  .products-grid.list .product .t {
    margin-bottom: 20px;
    border: 0;
    padding: 0;
    font-size: 14px;
    top: 0;
    left: 0;
    right: 0;
    position: relative;
    background: none;
  }
  .products-grid.list .product .image {
    height: auto;
    line-height: normal;
    flex: 0 0 22%;
  }
  .products-grid.list .product .image img {
    max-width: 100%;
    max-height: 100%;
  }
  .products-grid.list .product .brand {
    display: none;
  }
  .products-grid.list .product .p-specs {
    display: block;
    margin-bottom: 15px;
  }
  .products-grid.list .product .p-specs ul {
    column-count: 2;
    column-gap: 40px;
    font-size: 12px;
    break-inside: avoid-column;
  }
  .products-grid.list .product .buywrap .price-wrap {
    margin-right: 20px;
  }
  .products-grid.list .product .buywrap {
    padding-top: 0;
    border: 0;
    display: flex;
  }
  .products-grid.list .product .buywrap .btn {
    display: block;
    margin-right: 20px;
  }
  .products-grid.list .product .buywrap .btn-cart {
    border-color: #f0f8e5;
    background: #68bb00;
    margin-top: 10px;
  }
  .products-grid.list .product .buywrap .btn-cart:hover {
    background: #333;
    border-color: #e9e9e9;
  }
}

/* default tabs */
.tabs-group > .tabs-links {
  text-align: left;
  margin-bottom: 20px;
  font-size: 0px;
}
.tabs-group > .tabs-links > span {
  position: relative;
  z-index: 1;
  margin-right: -1px;
  font-size: 13px;
  color: #000;
  display: inline-block;
  border: 1px solid #ccc;
  cursor: pointer;
  transition: all 0.2s;
  height: 42px;
  line-height: 42px;
  text-transform: uppercase;
  padding: 0 15px;
}
.tabs-group > .tabs-links > span:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tabs-group > .tabs-links > span:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tabs-group .tabs-links > span:hover {
  z-index: 2;
  border-color: #67bb00;
  color: #67bb00;
}
.tabs-group .tabs-links > span.active {
  color: #fff;
  z-index: 2;
  background: #67bb00;
  border-color: #67bb00;
}
.tabs-group .tabs-group .tabs-links {
}
.tabs-group .tabs-group .tabs-links > span {
  margin-right: -1px;
}
.tabs-group .tabs-group .tabs-links > span:hover {
  border-color: #67bb00;
  color: #67bb00;
}
.tabs-group .tabs-group .tabs-links > span.active {
  background: #f0f8e5;
  color: #67bb00;
}
.tabs-group .tabs-group .tabs-content {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 20px;
  line-height: 18px;
  font-size: 13px;
  clear: both;
}
.tabs-group .tabs-group .tabs-content p {
  margin-bottom: 17px;
}
.tabs-group .tabs-group .tabs-content p:first-child {
  padding-top: 0px;
}
.tabs-group .tabs-group .tabs-content .msg {
  margin-bottom: 20px;
}

/* pagination */
.pagination {
  font-size: 0;
  white-space: nowrap;
  margin-bottom: 30px;
  text-align: center;
}
.pagination a,
.pagination .active {
  transition: all 0.3s;
  color: #777;
  text-decoration: none;
  vertical-align: middle;
  font-size: 14px;
  border: 1px solid #ddd;
  border-left: 0px;
  display: inline-block;
  width: 42px;
  height: 42px;
  line-height: 42px;
}
.pagination .active,
.pagination a:hover {
  font-weight: 700;
  background: #f0f8e5;
  color: #67bb00;
}
.pagination *:first-child {
  border-left: 1px solid #ddd;
}
.pagination .i:before {
  font-size: 14px;
  content: "\e80e";
}
.pagination .prev.i {
  transform: rotate(180deg);
  line-height: 40px;
}

.collection-description {
  padding: 25px 0;
  margin: 15px 0;
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
}
.collection-description .editor {
  padding-top: 35px;
  padding-bottom: 35px;
  font-size: 11px;
  border-top: 1px solid #ededed;
}
.popular-products > .t {
  font-size: 17px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.seo-filters {
  margin-top: 25px;
  padding-top: 20px;
  border-top: 1px solid #ddd;
}
.seo-filters a {
  margin: 0 5px 5px 0;
  display: inline-block;
}

.collection-subcollections {
  margin-bottom: 30px;
}
.collection-subcollections .item a {
  display: block;
  text-align: center;
}
.collection-subcollections .item a img {
  margin-bottom: 10px;
}
.collection-subcollections .item a span {
  display: block;
}
/*
------------------------------------
Footer
------------------------------------
*/

.action-slider {
  margin-top: 30px;
  margin-bottom: 30px;
  border-radius: 5px;
  overflow: hidden;
}
.action-slider .swiper-pagination {
  text-align: center;
  left: 0;
  right: 0;
  width: 100%;
  height: 0;
}
.action-slider .swiper-pagination > span:not(.swiper-pagination-bullet-active) {
  border-color: #fff;
}
.action-slider img {
  max-width: 100%;
}
#indexPage .action-slider {
  margin-bottom: 0;
}
.sub-footer {
  padding-top: 20px;
  padding-bottom: 50px;
}
.sub-footer .c1 {
  margin-bottom: 35px;
}
.sub-footer .t {
  text-transform: uppercase;
  margin-bottom: 30px;
  font-size: 18px;
}
.sub-footer .details-col p {
  padding-right: 10px;
  text-align: justify;
  line-height: 20px;
  color: #8b8b8b;
}
.sub-footer .details-col .social {
  margin-bottom: 10px;
}
.sub-footer .details-col .social a {
  margin-right: 30px;
  transition: all 0.3s;
  text-decoration: none;
  font-size: 20px;
}
.sub-footer .details-col .social a:hover {
  color: #777;
}
.sub-footer .reviews-col .t {
  text-align: center;
}
.sub-footer .reviews-col .more {
  z-index: 2;
  position: absolute;
  right: 35px;
  top: 74px;
}
.sub-footer .reviews-group {
  background: #f6f6f6;
  border-radius: 6px;
  padding: 45px 45px 15px;
}
.sub-footer .reviews-group .group .h {
  position: relative;
  margin-bottom: 25px;
}
.sub-footer .reviews-group .group .h .name {
  color: #8b8b8b;
  font-size: 14px;
  text-align: center;
}
.sub-footer .reviews-group .group .h .name span {
  margin-bottom: 4px;
  display: block;
  font-size: 16px;
  color: #000;
  font-weight: 500;
}
.sub-footer .reviews-group .group .h .date {
  color: #8b8b8b;
  position: absolute;
  left: 0px;
  top: 3px;
}
.sub-footer .reviews-group .group .c {
  text-align: center;
  color: #353532;
  line-height: 30px;
}
.sub-footer .top-swiper {
  margin-bottom: 0px;
}
.sub-footer .bottom-swiper {
  position: relative;
  padding: 0 50px;
}
.sub-footer .bottom-swiper .group {
  height: 74px;
  text-align: center;
}
.sub-footer .bottom-swiper .group .img {
  filter: grayscale(100%);
  transition: all 0.3s;
  cursor: pointer;
  margin: 0 auto;
  border-radius: 100%;
  width: 66px;
  height: 66px;
  font-size: 0px;
  line-height: 66px;
}
.sub-footer .bottom-swiper .group .img img {
  width: 50px;
  height: 50px;
  border-radius: 100%;
}
.sub-footer .bottom-swiper .group.swiper-slide-active .img {
  filter: grayscale(0);
  border: 3px solid #67bb00;
}
.sub-footer .bottom-swiper .group.swiper-slide-active .img img {
  width: 100%;
  height: 100%;
}
.sub-footer .bottom-swiper .swiper-buttons {
  width: 100%;
}
.footer {
  color: #383835;
}
.footer .links-row {
  background: #e8e8e8;
  padding: 30px 0 0 0;
}
.footer .copy-row {
  color: #8a8a8a;
  font-size: 14px;
  overflow: hidden;
  background: #303030;
  padding: 15px 0;
}
.footer .copy-row .row {
  text-align: center;
  align-items: center;
  justify-content: space-between;
}
.footer .copy-row .copy-col {
  text-align: left;
}
.footer .copy-row .payments-col {
  text-align: right;
}
.footer .col-info .row {
  height: 100%;
}
.footer .col-info .addr,
.footer .col-info .contacts {
  background: #fff;
  height: 100%;
  border-radius: 3px;
  padding: 20px;
}
.footer .col-info .addr .group {
  padding-left: 46px;
  font-size: 13px;
  line-height: 20px;
  padding-top: 18px;
}
.footer .col-info .addr .group .t {
  position: relative;
}
.footer .col-info .addr .group .t:before {
  content: "\f031";
  font-family: icons;
  font-size: 22px;
  color: #8b8b8b;
  position: absolute;
  left: -40px;
  top: 4px;
}
.footer .col-info .addr .group:nth-child(2) .t:before {
  content: "\e800";
  font-size: 27px;
}
.footer .col-info .addr .group:first-child {
  padding-top: 0px;
}
.footer .col-info .addr .group .t {
  font-weight: 500;
  margin-bottom: 0px;
}
.footer .col-info .addr .group p {
  margin: 0px;
  padding-top: 10px;
}
.footer .contacts {
  text-align: center;
}
.footer .contacts .group {
  padding: 25px 0;
  border-top: 1px solid #ddd;
}
.footer .contacts .group:first-child {
  padding-top: 0px;
  border-top: 0px;
}
.footer .contacts .group:last-child {
  padding-bottom: 0px;
}
.footer .contacts .group a {
  transition: all 0.3s;
  color: #000;
  text-decoration: none;
}
.footer .contacts .group a:hover {
  text-decoration: underline;
  color: #67bb00;
}
.footer .contacts .phone-group .phone {
  font-weight: 300;
  font-size: 24px;
  margin-bottom: 4px;
}
.footer .contacts .phone-group .cb a {
  color: #8b8b8b;
  border-bottom: 1px dashed #e5e5e5;
  font-size: 12px;
}
.footer .contacts .email-group a {
  font-size: 18px;
}
.footer .contacts .social-group a {
  margin: 0 15px;
  color: #8b8b8b;
  font-size: 19px;
}
.footer .contacts .social-group a:hover {
  text-decoration: none;
}
.footer .col-links {
  margin-bottom: 30px;
}
.footer .col-links .t {
  padding-top: 20px;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 10px;
}
.footer .col-links ul li {
  padding-top: 10px;
}
.footer .col-links ul li a {
  transition: all 0.3s;
  color: #000;
  text-decoration: none;
}
.footer .col-links ul li a:hover,
.footer .col-links ul li a.active {
  color: #67bb00;
  text-decoration: underline;
}

/* swiper 4.2.6 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-invisible-blank-slide {
  visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

/* swiper buttons */
.swiper-pagination {
  z-index: 999;
  position: absolute;
  bottom: 30px;
}
.swiper-pagination > span {
  cursor: pointer;
  transition: all 0.3s;
  width: 14px;
  height: 14px;
  border: 2px solid #dcdcdc;
  border-radius: 100%;
  display: inline-block;
  margin: 0 4px;
}
.swiper-pagination > .swiper-pagination-bullet-active,
.swiper-pagination > span:hover {
  border-color: #67bb00;
}
.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-lock {
  display: none;
}
.swiper-buttons {
  transition: all 0.3s;
  z-index: 99;
  top: 30%;
  position: absolute;
  left: 0px;
  right: 0px;
  height: 0px;
}
.swiper-buttons > div {
  transition: all 0.3s;
  width: 26px;
  text-align: center;
  cursor: pointer;
  position: absolute;
  font-weight: 300;
  color: #b2b2b2;
  font-size: 22px;
}
.swiper-buttons > div:before {
  font-family: icons;
  content: "\e80e";
}
.swiper-buttons > div:hover {
  color: #67bb00;
}
.swiper-buttons .next {
  right: 10px;
}
.swiper-buttons .prev {
  left: 10px;
}
.swiper-buttons .prev {
  transform: rotate(180deg);
}
.swiper-btn-right {
  position: relative;
}
.swiper-btn-right .swiper-container {
  padding-top: 0px;
}
.swiper-btn-right .swiper-buttons {
  left: auto;
  right: 0px;
  top: -52px;
}
.swiper-btn-right .swiper-buttons > div {
  right: auto;
  top: auto;
  left: auto;
  position: relative;
  z-index: 1;
  transition: all 0.3s;
  margin-left: -1px;
  font-size: 0px;
  float: right;
  width: 32px;
  height: 30px;
  border: 1px solid #ddd;
  text-align: center;
  line-height: 29px;
}
.swiper-btn-right .swiper-buttons > div:before {
  transition: all 0.3s;
  color: #ddd;
  font-size: 16px;
  font-family: icons;
  content: "\e80e";
  display: inline-block;
}
.swiper-btn-right .swiper-buttons > div:hover {
  border-color: #9a9a9a;
  z-index: 2;
}
.swiper-btn-right .swiper-buttons > div:hover:before {
  color: #9a9a9a;
}
.swiper-btn-right .swiper-buttons > div.prev,
.swiper-btn-right .swiper-buttons > div.next {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.collection-seofilters {
  font-size: 13px;
  margin-bottom: 15px;
}
.collection-seofilters .item {
  border: 1px solid #f3f3f3;
  border-radius: 4px;
  margin-bottom: 15px;
  text-decoration: none;
  display: flex;
  transition: all 0.3s;
  align-items: center;
  justify-content: center;
  padding: 15px;
  text-align: center;
  background: #fcfcfc;
}
.collection-seofilters .item:hover {
  background-color: #fff;
}
.collection-seofilters .item.is-active {
  background: #67bb00;
  color: #fff;
}

/* payments list */
.payment-list {
  padding: 15px 0;
}
.payment-list .item {
  height: 80px;
  line-height: 80px;
  padding: 0px 10px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #ddd;
}

/* slider */
.main-slider {
  max-height: 498px;
  overflow: hidden;
}
.main-slider .inner {
  position: relative;
}
.main-slider .slider .bg {
  background: rgb(255, 255, 255);
  background: transparent\9;
  background: rgba(255, 255, 255, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ffffff,endColorstr=#66ffffff);
  zoom: 1;
}
.main-slider .slider .item {
  min-height: 500px;
  position: relative;
  display: block;
}
.main-slider .slider .desc-wrap {
  position: absolute;
  left: 0px;
  top: 42%;
  width: 40%;
  transform: translateY(-50%);
  z-index: 2;
  box-sizing: border-box;
}
.main-slider .slider .desc {
  text-transform: uppercase;
  position: relative;
}
.main-slider .slider .desc .status {
  margin-bottom: 15px;
}
.main-slider .slider .desc .status span {
  font-size: 14px;
  background: #303030;
  height: 36px;
  line-height: 36px;
  padding: 0 20px;
  text-transform: uppercase;
}
.main-slider .slider .desc .h1 {
  text-transform: uppercase;
  font-size: 48px;
  line-height: 48px;
  font-weight: 700;
  margin-bottom: 12px;
}
.main-slider .slider .desc p {
  padding: 5px 0;
  margin-bottom: 35px;
}
.main-slider .slider .desc .btn {
  min-width: 280px;
  text-align: center;
  height: 60px;
  line-height: 60px;
  font-size: 18px;
}
.main-slider .slider img {
  z-index: 1;
  opacity: 0;
  transition: all 0.3s;
}
.main-slider .slider .swiper-slide-active img {
  opacity: 1;
}

/* */
.index-description {
  padding-top: 35px;
  padding-bottom: 35px;
  border-top: 1px solid #dcdcdc;
}
.index-description .t {
  text-transform: uppercase;
  color: #383835;
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 20px;
}
.index-description ul {
  margin-bottom: 0;
  column-count: 2;
  column-gap: 20px;
  break-inside: avoid-column;
}
.index-description ul li:before {
}

/* popular */
.popular-wrap {
  height: 366px;
  top: 50%;
  padding: 20px 10px;
  transform: translateY(-50%);
  width: 316px;
  border-radius: 5px;
  border: 1px solid #dcdcdc;
  z-index: 9;
  position: absolute;
  right: 10px;
  background: rgb(255, 255, 255);
  background: transparent\9;
  background: rgba(255, 255, 255, 0.96);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f4ffffff,endColorstr=#f4ffffff);
  zoom: 1;
}
.popular-wrap > .t {
  margin-bottom: 20px;
  text-align: center;
  font-size: 18px;
  line-height: normal;
  color: #383835;
}
.popular-wrap .products-grid .product {
  padding: 0 15px;
  border: 0px;
}
.popular-wrap .products-grid .product .t {
  margin-bottom: 10px;
  min-height: 38px;
  left: auto;
  top: auto;
  right: auto;
  padding: 0px;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.popular-wrap .products-grid .product .brand {
  margin-bottom: 4px;
  padding: 0px;
}
.popular-wrap .products-grid .product .image {
  margin-bottom: 10px;
  height: 144px;
  line-height: 144px;
}
.popular-wrap .products-grid .product .il {
  display: none;
}
.popular-wrap .swiper-buttons {
  opacity: 0;
}
.popular-wrap:hover .swiper-buttons {
  opacity: 1;
}

/* triggers */
.triggers {
  color: #383835;
  font-size: 14px;
  border-top: 1px solid #dcdcdc;
}
.triggers .item {
  display: flex;
  align-items: center;
}
.triggers .item img {
  margin-right: 10px;
}
.triggers .container {
  padding-top: 46px;
  padding-bottom: 46px;
}
.triggers .col {
  padding: 0 30px;
}
.triggers .i {
  text-align: center;
  display: block;
  float: left;
  width: 30%;
  font-size: 64px;
  color: #7fba00;
}
.triggers .i:before {
  margin-left: 15px;
}
.triggers .desc {
  font-size: 13px;
  padding-left: 10px;
  display: inline-block;
  width: 70%;
}
.triggers .desc .t {
  margin-bottom: 13px;
  font-size: 16px;
  font-weight: 500;
}
.triggers .desc p {
  margin: 0px;
}
.triggers-bottom .container > .t {
  margin-bottom: 20px;
  text-align: center;
}
.triggers-bottom .item {
  display: flex;
  align-items: center;
  padding-top: 25px;
  padding-bottom: 25px;
}
.triggers-bottom .i {
  flex: 0 0 30%;
  text-align: center;
  float: none;
}
.triggers-bottom .i:before {
  margin: 0;
}
.triggers-bottom .desc {
  display: block;
}

/* carousel grid */
.carousel-grid {
  padding: 40px 0;
}
.carousel-grid .container > .t {
  text-transform: uppercase;
  margin-bottom: 20px;
  text-transform: uppercase;
  color: #383835;
  font-size: 17px;
  font-weight: 500;
}
.carousel-grid .grid .owl-stage {
  height: 180px;
  overflow: hidden;
}
.carousel-grid .grid .item {
  display: flex;
  justify-content: center;
  flex-direction: column;
  border: 1px solid #dcdcdc;
  position: relative;
  border-radius: 5px;
  background: #fff;
  height: 100%;
  padding: 15px 30px;
  height: 180px;
}
.carousel-grid .grid .item .t {
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 24px;
  color: #000;
}
.carousel-grid .grid .item .img {
  font-size: 0px;
  text-align: center;
  width: 142px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.carousel-grid .grid .item .img img {
  max-width: 100%;
  max-height: 100%;
}
.carousel-grid .grid .item .desc,
.blog-grid .grid .item.has_img .desc {
  padding-left: 165px;
}
.carousel-grid .grid .item .price {
  margin-bottom: 10px;
  font-size: 16px;
  color: #8a8a8a;
}
.carousel-grid .grid .item .btn:after {
  margin-left: 6px;
  font-family: icons;
  content: "\e80e";
}
.carousel-grid.dark {
  background: #f6f6f6;
}
.carousel-grid.dark .item {
  border: 0px;
}
.blog-grid .swiper-slide {
  height: auto;
}
.blog-grid .grid .item {
  display: block;
  height: auto;
  padding: 25px 30px;
}
.blog-grid .grid .item .desc {
  padding-left: 0px;
}
.blog-grid .grid .item .editor {
  margin-bottom: 10px;
}
.blog-grid .grid .item .t {
  font-size: 16px;
}

/* popups */
.popup {
  transition: opacity 0.6s;
  visibility: hidden;
  z-index: 999;
  opacity: 0;
  position: absolute;
  right: 0;
  top: -9999px;
  left: 0;
  margin: 0 auto 0 auto;
  width: 320px;
}
.popup.sm {
  width: 380px;
}
.popup.md {
  width: 450px;
}
.popup.lg {
  width: 650px;
}
.popup.xl {
  width: 1140px;
}
.popup .l {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 998;
  background: #fff;
  opacity: 0.9;
}
.popup .c {
  transition: all 0.3s;
  transform: scale(1.1);
  opacity: 0;
  border-radius: 4px;
  box-shadow: 0px 0px 72px rgba(0, 0, 0, 0.07);
  z-index: 999;
  border: 5px solid #f2f2f2;
  position: relative;
  background: #fff;
  padding: 35px;
}
.popup .c > .t,
.popup .c > div > .t {
  text-transform: uppercase;
  color: #666;
  font-weight: 700;
  display: block;
  margin-bottom: 20px;
}
.popup .close {
  padding-left: 2px;
  cursor: pointer;
  display: block;
  text-align: center;
  position: absolute;
  transition: all 0.3s;
  right: 3px;
  top: 0px;
  color: #f1f1f1;
  font-size: 34px;
  width: 30px;
  line-height: 30px;
  height: 30px;
  font-weight: 400;
}
.popup .close:hover {
  color: #67bb00;
}
.popup .btn {
  width: 100%;
}
.popup .frow,
.popup .input-wrap {
  margin-bottom: 16px;
}
.popup .state-b {
  color: #83ab01;
  display: none;
  padding-bottom: 15px;
}
.popup .state-success .msg {
  color: #1d9d74;
  padding: 20px 0;
  font-size: 13px;
  line-height: 20px;
}
.popup .state-success .msg i {
  font-size: 40px;
  float: left;
  margin-right: 15px;
}
.popup-cart {
  text-align: center;
}
.popup-cart .t {
  margin-bottom: 20px;
}
.popup-cart .ico-wrap {
  color: #67bb00;
  font-size: 60px;
  margin-bottom: 10px;
}
.popup-cart a {
  margin-bottom: 8px;
}
.popup-cart .btn {
  height: 46px;
  line-height: 48px;
  width: 100%;
  text-align: cnter;
  margin-bottom: 10px;
}
.popup-cart .close_popup {
  display: inline-block;
  cursor: pointer;
}
.popup-cmp-add,
.popup-product-add {
  text-align: center;
  width: 360px;
}
.popup-cmp-add .buttons,
.popup-product-add .buttons {
  text-align: center;
}
.popup-cmp-add .btn,
.popup-product-add .btn {
  margin-bottom: 10px;
  font-size: 12px;
  width: 100%;
}
.popup-cmp-add .state-b,
.popup-product-add .state-b {
  color: #000;
}
.popup-fastbuy .msg {
  border-left: 0px;
  border-radius: 6px;
  margin-bottom: 0px;
  font-size: 12px;
  color: #767676;
  line-height: 18px;
  padding-top: 15px;
}
.popup-fastbuy .c > .msg {
  margin-bottom: 15px;
  padding-top: 0px;
}
.popup-fastbuy .form textarea {
  height: 60px;
}
.popup-fastbuy .product-row {
  padding-top: 23px;
  margin-bottom: 10px;
}
.popup-fastbuy .product-row .img img {
  max-width: 100%;
}
.popup-fastbuy .product-row .desc .name {
  font-weight: 500;
  margin-bottom: 10px;
  font-size: 13px;
}
.popup-fastbuy .product-row .qty-wrap > div {
  float: left;
}
.popup-fastbuy .product-row .qty-wrap .price {
  padding-left: 20px;
  line-height: 24px;
}
.popup-fastbuy .product-row .qty input {
  width: 40px;
  height: 24px;
  line-height: 24px;
  padding: 0px;
  text-align: center;
}
.popup-fastbuy .summary-row {
  text-align: center;
  padding: 10px;
  background: #fafafa;
  font-size: 16px;
  border-radius: 4px;
}
.popup-fastbuy .summary-row span {
  font-weight: 700;
}

.popup-callback .c > .t {
  margin-bottom: 30px;
}
.popup-callback .input {
  padding: 0 15px;
  border-radius: 3px;
  font-size: 14px;
}
.popup-callback .logo {
  margin-bottom: 20px;
  text-align: center;
}
.popup-callback .tr {
  margin-bottom: 12px;
}
.popup-callback .offer {
  font-size: 12px;
  line-height: 15px;
  color: #ccc;
}
.popup-callback .btn {
  margin-top: 12px;
  width: 100%;
  height: 60px;
  line-height: 60px;
}
.popup-callback .time-wrap .time-inputs {
  margin-bottom: 10px;
  display: none;
  align-items: center;
}
.popup-callback .time-wrap .time-inputs select {
  padding: 0 15px;
  border-radius: 3px;
  font-size: 14px;
  min-width: 1px;
  flex: 0 0 45%;
}
.popup-callback .time-wrap .time-inputs .sep {
  height: auto;
  flex: 0 0 10%;
  text-align: center;
}
.popup-callback.choose-time .time-wrap .time-inputs {
  display: flex;
}
.popup-callback.choose-time .time-wrap .time-link {
  display: none;
}

/* GEOlocation */
.geo-open {
  font-size: 25px;
  float: right;
  margin: 3px 20px 0 0;
  cursor: pointer;
}
.popup-geolocation .label {
  margin-bottom: 6px;
}
.popup-geolocation .false {
  margin-left: 10px;
}
.popup-geolocation .row-selected .selected {
  font-weight: 600;
  padding-left: 25px;
  position: relative;
  margin-bottom: 16px;
  line-height: normal;
  font-size: 15px;
}
.popup-geolocation .row-selected .selected i {
  position: absolute;
  left: 0px;
  top: -5px;
  color: #ccc;
  font-size: 26px;
}
.popup-geolocation .hint {
  padding-top: 10px;
  font-size: 12px;
  margin-bottom: 0px;
  line-height: normal;
  color: #666;
}
.popup-geolocation .js-geo-choose {
  display: none;
}
.popup-geolocation.js-geo-choose-show .js-geo-selected {
  display: none;
}
.popup-geolocation.js-geo-choose-show .js-geo-choose {
  display: block;
}
.popup-geolocation.js-geo-choose-city-show .js-geo-choose .none {
  display: block;
}
.popup-geolocation {
  width: 400px;
  overflow: visible;
}
.popup-geolocation .c > .t {
  margin-bottom: 15px;
}
.popup-geolocation .row .val {
  padding: 4px 0;
}
.popup-geolocation .easy-autocomplete {
  width: 100% !important;
}
.popup-geolocation input[type="text"] {
  width: 100%;
  border-radius: 0;
}
.popup-geolocation .buttons {
  line-height: 32px;
  padding-top: 10px;
}
.popup-geolocation .buttons .false {
  margin-left: 15px;
}
.popup-geolocation .input[type="text"] {
  height: 50px;
  line-height: 50px;
}
.popup-geolocation .js-geo-selected {
}
.popup-geolocation .js-geo-selected .selected {
  background: #f4f4f4;
  border-radius: 6px;
  padding: 15px 20px;
  font-size: 16px;
}
.popup-geolocation .js-geo-selected i {
  float: left;
  font-size: 26px;
  margin: -5px 10px 0 0;
}
.popup-geolocation .js-geo-choose .val {
  z-index: 4;
  position: relative;
}
.popup-geolocation .js-geo-choose .val input {
  z-index: 3;
  position: relative;
}
.popup-geolocation .js-geo-choose .val:nth-child(2) {
  z-index: 3;
}
.popup-geolocation .easy-autocomplete-container {
  z-index: 2;
  position: relative;
}
.popup-geolocation ul {
  display: none;
  width: 100%;
  border: 1px solid #ccc;
  position: absolute;
  overflow: hidden;
  max-height: 230px;
  overflow-y: auto;
  left: 0px;
  top: 0px;
  background: #fff;
}
.popup-geolocation ul li {
  cursor: pointer;
  padding: 8px 15px;
  border-bottom: 1px solid #f1f1f1;
}
.popup-geolocation ul li .marked {
  background: yellow;
}
.popup-geolocation ul li:hover {
  background: #f4f4f4;
}

.price2-wrap {
  display: none;
  color: #555555;
  font-size: 14px;
  margin-top: 10px;
}
.price2-wrap .l {
  margin-bottom: 6px;
}
.price2-wrap .l {
  font-size: 12px;
  margin-bottom: 6px;
}
.price2-wrap .p {
  min-height: 20px;
  font-size: 18px;
}

/* status */
.status span {
  height: 20px;
  font-weight: 300;
  line-height: 20px;
  font-style: normal;
  padding: 0 10px;
  border-radius: 4px;
  background: #67bb00;
  color: #fff;
  font-size: 11px;
  display: inline-block;
}
.status.na span {
  background: #666;
}

.popular-products {
  padding-top: 30px;
}

/* insales misc */
#add_product_notification {
  background: #282828;
  color: #fff;
  padding: 10px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  z-index: 9999;
}
#own_preloader {
  z-index: 1000;
  text-align: center;
  vertical-align: middel;
  font-weight: normal;
  font-size: 12px;
  width: 200px;
  height: 60px;
}

#feedback_form * {
  text-align: left !important;
}
#feedback_form #thanks {
  color: green;
  margin-bottom: 10px;
}
#feedback_form label {
  display: block;
  font-size: 13px;
  line-height: normal !important;
  margin-bottom: 5px;
}
#feedback_form table {
  width: 100% !important;
  background: none !important;
  border: 0px !important;
}
#feedback_form table tr td,
#feedback_form table tr th {
  background: none !important;
  border: 0px !important;
  padding: 0px !important;
}
#feedback_form table p {
  line-height: normal !important;
  margin-bottom: 10px !important;
}

/* na */
.tabs-content .msg,
.group-msg {
  margin-bottom: 15px;
  line-height: 16px;
  position: relative;
  background: #fafafa;
  border-radius: 4px;
  padding: 16px 16px 16px 70px;
  font-size: 12px;
  color: #555;
}
.tabs-content .msg:before,
.group-msg:before {
  font-family: icons;
  display: block;
  font-size: 36px;
  color: #67bb00;
  content: "\f086";
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -7px;
}
.page-reviews .bl {
  border-top: 0px;
  padding-top: 0px;
}
.page-reviews .bl-reviews > .t {
  display: none;
}

/* loader */
.loader {
  transition: all 0.3s;
  visibility: hidden;
  opacity: 0;
  z-index: 9991;
  width: 188px;
  height: 188px;
  margin: -94px 0 0 -94px;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: scale(0.33);
}
.loader > i {
  font-style: normal;
  display: block;
  top: 80px;
  left: 93px;
  width: 4px;
  height: 30px;
  background: #888;
  -webkit-animation: fadeOut 1s linear infinite;
  animation: fadeOut 1s linear infinite;
  border-radius: 10px;
  position: absolute;
}
.loader > i:nth-of-type(1) {
  -webkit-transform: rotate(0deg) translate(0, -60px);
  transform: rotate(0deg) translate(0, -60px);
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.loader > i:nth-of-type(2) {
  -webkit-transform: rotate(30deg) translate(0, -60px);
  transform: rotate(30deg) translate(0, -60px);
  -webkit-animation-delay: -0.4166666666666667s;
  animation-delay: -0.4166666666666667s;
}
.loader > i:nth-of-type(3) {
  -webkit-transform: rotate(60deg) translate(0, -60px);
  transform: rotate(60deg) translate(0, -60px);
  -webkit-animation-delay: -0.33333333333333337s;
  animation-delay: -0.33333333333333337s;
}
.loader > i:nth-of-type(4) {
  -webkit-transform: rotate(90deg) translate(0, -60px);
  transform: rotate(90deg) translate(0, -60px);
  -webkit-animation-delay: -0.25s;
  animation-delay: -0.25s;
}
.loader > i:nth-of-type(5) {
  -webkit-transform: rotate(120deg) translate(0, -60px);
  transform: rotate(120deg) translate(0, -60px);
  -webkit-animation-delay: -0.16666666666666669s;
  animation-delay: -0.16666666666666669s;
}
.loader > i:nth-of-type(6) {
  -webkit-transform: rotate(150deg) translate(0, -60px);
  transform: rotate(150deg) translate(0, -60px);
  -webkit-animation-delay: -0.08333333333333331s;
  animation-delay: -0.08333333333333331s;
}
.loader > i:nth-of-type(7) {
  -webkit-transform: rotate(180deg) translate(0, -60px);
  transform: rotate(180deg) translate(0, -60px);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.loader > i:nth-of-type(8) {
  -webkit-transform: rotate(210deg) translate(0, -60px);
  transform: rotate(210deg) translate(0, -60px);
  -webkit-animation-delay: 0.08333333333333337s;
  animation-delay: 0.08333333333333337s;
}
.loader > i:nth-of-type(9) {
  -webkit-transform: rotate(240deg) translate(0, -60px);
  transform: rotate(240deg) translate(0, -60px);
  -webkit-animation-delay: 0.16666666666666663s;
  animation-delay: 0.16666666666666663s;
}
.loader > i:nth-of-type(10) {
  -webkit-transform: rotate(270deg) translate(0, -60px);
  transform: rotate(270deg) translate(0, -60px);
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.loader > i:nth-of-type(11) {
  -webkit-transform: rotate(300deg) translate(0, -60px);
  transform: rotate(300deg) translate(0, -60px);
  -webkit-animation-delay: 0.33333333333333337s;
  animation-delay: 0.33333333333333337s;
}
.loader > i:nth-of-type(12) {
  -webkit-transform: rotate(330deg) translate(0, -60px);
  transform: rotate(330deg) translate(0, -60px);
  -webkit-animation-delay: 0.41666666666666663s;
  animation-delay: 0.41666666666666663s;
}

/* js class */
.js-h-menu-show #header .row-c .catalog {
  display: block !important;
}
.js-h-search-show #header .row-c #search {
  display: block !important;
}
.js-h-search-show .js-catalog-col {
  display: none;
}
.js-h-search-show .js-search-col {
  display: block;
}
.js-geo-ourcity .js-second-price {
  display: block;
}
.js-selected-payPOD .has-pod .price,
.price-pod {
  display: none !important;
}
.js-selected-payPOD .has-pod .price-pod {
  display: block !important;
}
.js-popup-show .popup.shown {
  z-index: 999;
  top: 0;
  left: 0;
  opacity: 1;
  visibility: visible;
}
.js-popup-show .popup.shown .c {
  transform: scale(1);
  margin-top: 0px;
  opacity: 1;
}
.js-loader-show .loader {
  opacity: 1;
  visibility: visible;
}
.js-h-menu-show #header .row-c,
.js-h-search-show #header .row-c {
  display: block !important;
}

/*
------------------------------------
Catalog Page
------------------------------------
*/
/* sidebar blocks */
.side-block {
  border: 3px solid #f3f3f3;
  font-size: 14px;
  color: #545454;
  margin-bottom: 20px;
  border-radius: 4px;
  overflow: hidden;
}
.side-catalog a {
  transition: all 0.15s;
  text-decoration: none;
}
.side-catalog a:hover {
  color: #67bb00;
}
.side-catalog > li {
  border-bottom: 1px solid #f3f3f3;
}
.side-catalog > li > a {
  color: #545454;
  display: block;
  position: relative;
  padding: 10px 35px 10px 25px;
}
.side-catalog > li:last-child {
  border: 0px;
}
.side-catalog > li.hs > a:after {
  font-weight: 500;
  font-size: 16px;
  content: "+";
  position: absolute;
  right: 14px;
  top: 11px;
  color: #ccc;
}
.side-catalog > li.active > a:after {
  content: "-";
  color: #67bb00;
}
.side-catalog > li > ul {
  background: #fafafa;
  padding: 12px 20px 12px 25px;
  border-top: 1px solid #ddd;
}
.side-catalog > li > ul > li {
  padding: 3px 0;
  position: relative;
}
.side-catalog > li > ul > li > a {
  color: #666;
  padding-left: 14px;
  display: block;
}
.side-catalog > li > ul > li > a:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 10px;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background: #ccc;
}
.side-catalog > li > ul > li > a.active {
  color: #67bb00;
  text-decoration: underline;
}
.side-catalog > li.active > a {
  color: #67bb00;
  font-weight: 700;
}
/* filter */
.side-filter {
  background: #fafafa;
  border: 3px solid #f3f3f3;
}
.side-filter .group {
  padding: 15px 13px;
  border-top: 3px solid #f3f3f3;
}
.side-filter .group .t {
  margin-bottom: 12px;
}
.side-filter .group input[type="checkbox"] {
  display: none;
}
.side-filter .group ul {
  font-size: 13px;
  overflow: hidden;
}
.side-filter .group ul li {
  border: 1px solid #ccc;
  overflow: hidden;
  border-radius: 4px;
  float: left;
  margin: 0 3px 3px 0;
  background: #fff;
}
.side-filter .group ul li .item {
  transition: all 0.3s;
  color: #545454;
  cursor: pointer;
  line-height: 26px;
  min-width: 30px;
  text-align: center;
  text-decoration: none;
  display: block;
  padding: 2px 5px 0 5px;
}
.side-filter .group ul li:hover {
  border-color: #67bb00;
}
.side-filter .group ul li:hover .item {
  color: #67bb00;
}
.side-filter .group ul li.checked {
  border-color: #67bb00;
  background: #f0f8e5;
}
.side-filter .group ul li.checked .item {
  color: #67bb00;
}
.side-filter .group-price {
  border: 0px;
}
.side-filter .group-price label {
  background: #fafafa;
}
.side-filter .group-price .buttons {
  margin-bottom: 20px;
}
.side-filter .group-price .check {
  display: none;
}
.side-filter .group-color ul {
  text-align: center;
}
.side-filter .group-color ul li {
  min-width: 1px;
  font-size: 0px;
  border: 0px;
  background: none;
  margin: 0 2px 2px 0;
  border-radius: none;
  display: inline-block;
}
.side-filter .group-color ul li .item {
  padding: 0px;
  border: 2px solid #fff;
  border-radius: 100%;
}
.side-filter .group-color ul li .item img {
  width: 22px;
  height: 22px;
  border-radius: 100%;
}
.side-filter .group-color ul li.checked .item,
.side-filter .group-color ul li:hover .item {
  border-color: #67bb00;
}
.side-filter .filter-reset {
  border-top: 3px solid #f3f3f3;
  padding: 20px;
}
.side-filter .filter-reset .btn {
  width: 100%;
}

.side-filter-sort {
  margin-bottom: 0px;
  padding: 17px 20px 10px 20px;
  background: #fafafa;
  border-radius: 5px;
  text-align: center;
}
.side-filter-sort .group {
  display: inline-block;
  margin: 0 10px;
  padding: 0px;
  border: 0px;
}
.side-filter-sort .group .t {
  margin: 0 10px 0 0;
  line-height: 28px;
}
.side-filter-sort .group .t {
  float: left;
}

/* collection-sorting */
.sort {
  display: flex;
  position: relative;
  z-index: 1;
  float: right;
}
.sort .cselect,
.sort .view {
  display: flex;
  margin-left: 20px;
  float: left;
}
.sort .cselect:first-child {
  margin-left: 0px;
}
.sort .cselect label {
  margin-right: 10px;
  color: #363636;
  font-size: 13px;
  line-height: 27px;
  display: block;
  float: left;
}
.sort .cselect .select {
  float: left;
}
.sort .view {
  font-size: 20px;
  color: #ccc;
}
.sort .view > div {
  cursor: pointer;
  transition: all 0.3s;
  float: left;
  line-height: 30px;
}
.sort .view > div:first-child {
  margin-right: 10px;
}
.sort .view > div:hover {
  color: #888;
}
.sort .view > div.selected {
  color: #67bb00;
}
.sort .select-sort {
  z-index: 99;
}

/* SALE page */
.products-sale .group {
  padding-top: 25px;
  margin-top: 25px;
  border-top: 1px solid #ededed;
}
.products-sale .group:first-child {
}
.products-sale .group > .t {
  margin-bottom: 25px;
  font-size: 20px;
}

/* 404 */
.p404 {
  font-size: 18px;
  text-align: center;
  padding: 50px 0 100px 0;
}
.p404 .t {
  line-height: 200px;
  line-height: 200px;
  vertical-align: baseline;
  font-size: 200px;
  color: #67bb00;
  font-weight: 700;
  margin-bottom: 85px;
}
.p404 .t i {
  vertical-align: baseline;
  font-weight: 700;
}
.p404 .t-sub {
  font-weight: 700;
  font-size: 40px;
  margin-bottom: 18px;
}
.p404 .p404-img {
  margin-bottom: 50px;
}
.p404 h1 {
  margin-bottom: 32px;
  font-size: 48px;
  font-weight: 900;
  letter-spacing: -3px;
}
.p404 p {
  font-size: 14px;
  line-height: 18px;
}
.p404 .p404-btns {
  padding-top: 25px;
}
.p404 .p404-btns .btn {
  height: 50px;
  line-height: 50px;
  min-width: 180px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-transform: none;
}
.p404 .p404-btns .btn2 {
  border-color: #000;
  color: #000;
}

/* sitemap */
.page-sitemap {
}
.page-sitemap .h2 {
  margin-bottom: 30px;
  color: #999;
  font-weight: 700;
  text-transform: uppercase;
  background: #fafafa;
  border-radius: 5px;
  font-size: 16px;
}
.page-sitemap .h2 span {
  display: inline-block;
  padding-right: 15px;
  background: #fff;
}
.page-sitemap .group {
  margin-bottom: 30px;
}
.page-sitemap .group a {
  color: #888;
}
.page-sitemap .group > ul > li > a {
  color: #67bb00;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 15px;
}
.page-sitemap .group > ul > li > ul {
  padding-top: 20px;
}
.page-sitemap .group > ul > li > ul > li {
  margin-bottom: 4px;
}
.page-sitemap .group-other > ul > li {
  margin-bottom: 4px;
}
.page-sitemap .group-other > ul > li > a {
  font-weight: 400;
  font-size: 14px;
}

/* */
.director-mail {
  padding-top: 40px;
  text-align: center;
}
.director-mail .t {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  margin-bottom: 20px;
}
.director-mail .form .offer-link {
  padding-top: 15px;
}
.director-mail .form .tr {
  margin-bottom: 20px;
}
.director-mail .form .buttons {
  margin-bottom: 0px;
}
.director-mail .editor {
  margin-bottom: 20px;
}

/*
------------------------------------
Blog & Article Page
------------------------------------
*/
.blog-page {
  margin-bottom: 20px;
}
.blog-page .bl {
  position: relative;
  border-top: 0;
  border-bottom: 1px solid #ededed;
}
.blog-page .bl:last-child {
  border: 0px;
}
.blog-page .bl .bl-title {
  margin-bottom: 15px;
  text-align: left;
  font-weight: 700;
  font-size: 20px;
}
.blog-page .bl .bl-title a {
  transition: all 0.3s;
  border-bottom: 1px solid #ccc;
  text-decoration: none;
  color: #555;
}
.blog-page .bl .bl-title a:hover {
  border-color: #000;
}
.blog-page .bl .date {
  font-size: 12px;
  color: #888;
  margin-bottom: 10px;
}
.blog-page .bl.item-img .article-img {
  display: block;
  border: 1px solid #ccc;
  width: 110px;
  text-align: center;
  line-height: 110px;
  height: 110px;
  float: left;
  margin-right: -100%;
}
.blog-page .bl.item-img .bl-content {
  padding-left: 130px;
}
.article-page .bl {
  border: 0px;
  padding: 0px;
  margin-bottom: 25px;
}
.static-page {
  padding-bottom: 40px;
}

/* Mix */
.mix-alert {
  visibility: hidden;
  height: 0px;
}
.mix-alert .alert-warning {
  border-left: 0px;
  text-align: center;
}
.similar-none .mix-alert,
.cmp-none .mix-alert,
.related-none .mix-alert {
  height: auto;
  visibility: visible;
  animation: fadeIn 0.3s;
}

/* default specs */
.p-specs .p-specs-group {
  margin-bottom: 35px;
}
.p-specs .t {
  font-size: 18px;
  margin-bottom: 25px;
}
.p-specs ul {
  font-size: 14px;
  color: #555;
}
.p-specs ul li {
  overflow: hidden;
  margin-bottom: 15px;
  position: relative;
}
.p-specs ul li:before {
  width: 100%;
  z-index: 1;
  height: 1px;
  border-bottom: 1px dashed #c8c8c8;
  content: "";
  position: absolute;
  left: 0px;
  top: 12px;
}
.p-specs ul li span {
  position: relative;
  z-index: 2;
  background: #fff;
  display: block;
  width: 45%;
  float: left;
}
.p-specs ul li span.title {
  display: inline-block;
  max-width: 55%;
  width: auto;
  padding-right: 6px;
}
.p-specs ul li span.value {
  float: right;
  padding-left: 6px;
}
.p-specs ul li span i {
  color: #67bb00;
  cursor: pointer;
}

/*
------------------------------------
Product Page
------------------------------------
*/

/*
.js-fixed-product-header #header .col-contacts {width:72%;}
.js-fixed-product-header .col-contacts .col {display:none;}
.js-fixed-product-header .col-contacts .col-product-details, .js-fixed-product-header .col-contacts .col-product-details .col {display:block;}
.js-fixed-product-header .col-product-details {width:70%;margin-top:-7px;margin-bottom:-7px;}
.js-fixed-product-header .col-product-details .product {text-align:left;display:block;}
.js-fixed-product-header .col-contacts .col-product-details .col {height:48px;display:block;float:left;   display: flex;flex-direction: column;justify-content: center;}
.js-fixed-product-header .col-product-details .img {text-align:center;width:8%;}
.js-fixed-product-header .col-product-details .img img {max-width:100%;max-height:48px;}
.js-fixed-product-header .col-product-details .title {width:52%}
.js-fixed-product-header .col-product-details .title .t {max-width:100%;text-overflow: ellipsis;overflow: hidden;white-space:nowrap;font-size:17px;}
.js-fixed-product-header .col-product-details .action {text-align:right;background:#ddd;text-align:center;width:40%;background:#fcfcfc}
.js-fixed-product-header .col-product-details .action .price-wrap .price {display: flex;flex-direction: column;justify-content: center;height:34px;}
.js-fixed-product-header .col-product-details .action .price, .js-fixed-product-header .col-product-details .action .buttons {float:left;}
.js-fixed-product-header .col-product-details .action .price {text-align:right;margin-right:10px;font-weight:500;font-size:16px;}
.js-fixed-product-header .col-product-details .action .price del {font-weight:400;font-size:12px;color:#888;}
.js-fixed-product-header .col-product-details .p-lplinks ul {margin:0px;padding-top:5px;}
.js-fixed-product-header .col-product-details .p-lplinks ul li {cursor:pointer;float:left;margin-right:10px;color: #8B8B8B;border-bottom: 1px dashed #e5e5e5;font-size: 12px;}
.js-fixed-product-header .col-product-details .p-lplinks ul li:hover {color:#67BB00;border-color:#67BB00;border-bottom-style:solid}
  */

.p-card {
  padding-bottom: 20px;
}
.p-card .p-title {
  overflow: hidden;
}
.p-card .p-title h1,
.p-card .p-title .status {
  line-height: 26px;
  vertical-align: top;
  display: inline-block;
}
.p-card .p-title .status {
  margin-left: 10px;
}
.p-card .p-title .p-changle-view {
  margin-top: 7px;
  float: right;
  margin-left: -100%;
}
.p-card .p-title .p-changle-view span {
  transition: all 0.3s;
  color: #777;
  display: block;
  cursor: pointer;
  float: left;
  position: relative;
  margin-left: 10px;
}
.p-card .p-title .p-changle-view span:before {
  font-size: 22px;
  content: "\e812";
}
.p-card .p-title .p-changle-view span:nth-child(2):before {
  content: "\e811";
}
.p-card .p-title .p-changle-view span:hover {
  color: #000;
}
.p-card .p-title .p-changle-view span.active {
  color: #67bb00;
}
.p-card .p-header {
  padding-bottom: 20px;
  padding-top: 0px;
}
.p-card .p-sidebar .rating {
  margin-bottom: 10px;
}
.p-card .p-sidebar .info-wrap {
  font-size: 14px;
  color: #777777;
  margin-bottom: 0px;
}
.p-card .p-sidebar .info-wrap li {
  padding: 12px 0;
  text-align: center;
}
.p-card .p-sidebar .info-wrap li span,
.p-card .p-sidebar .info-wrap li a {
  text-decoration: none;
  color: #777;
  cursor: pointer;
  border-bottom: 1px solid #ededed;
}
.p-card .p-sidebar .info-wrap li span:hover,
.p-card .p-sidebar .info-wrap li a:hover {
  color: #666;
  border-color: #ccc;
}
.p-card .p-sidebar .info-wrap li:first-child {
  border-bottom: 1px solid #ededed;
}
.p-card .p-sidebar .info-wrap li.delivery-est {
  cursor: pointer;
  line-height: 18px;
  background: #fafafa;
  border-radius: 6px;
}
.p-card .p-sidebar .info-wrap li.delivery-est span {
  transition: all 0.3s;
  border-color: #d5d5d5;
}
.p-card .p-sidebar .info-wrap li.delivery-est .date {
  color: #000;
  font-size: 12px;
}
.p-card .p-sidebar .info-wrap li.delivery-est:hover span {
  border-color: #888;
}
.p-card .p-buy-wrap {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
  font-size: 14px;
  color: #555555;
  background: #fafafa;
  border-radius: 6px;
  padding: 20px;
}
.p-card .p-buy-wrap .sku,
.p-card .p-buy-wrap .status,
.p-card .p-buy-wrap .price-wrap {
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 17px;
  margin-bottom: 17px;
}
.p-card .p-buy-wrap .sku span {
  color: #000;
}
.p-card .p-buy-wrap .msg {
  z-index: 9;
  margin-top: -10px;
  float: right;
  text-align: center;
  font-size: 12px;
  color: #767676;
  width: 100px;
  background: #fff;
  border-radius: 6px;
  padding: 5px 7px;
}
.p-card .p-buy-wrap .msg span {
  transition: border-color 0.3s;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
}
.p-card .p-buy-wrap .msg span:hover {
  border-color: #767676;
}
.p-card .p-buy-wrap .price-wrap .label {
  margin-bottom: 12px;
}
.p-card .p-buy-wrap .price-wrap .price {
  font-size: 24px;
  color: #000;
}
.p-card .p-buy-wrap .price-wrap.ho del {
  color: #888;
  font-size: 12px;
}
.p-card .p-buy-wrap .price-wrap.ho .price {
  font-size: 22px;
}
.p-card .p-buy-wrap .base-prices {
  z-index: 1;
  position: relative;
}
.p-card .p-buy-wrap .buttons .btn {
  width: 100%;
  display: block;
  margin-bottom: 9px;
}
.p-card .p-buy-wrap .buttons .btn:last-child {
  margin-bottom: 0px;
}
.p-card .p-buy-wrap .buttons .sq-wrap {
  font-size: 13px;
  text-align: center;
}
.p-card .p-buy-wrap .p-fastbuy {
  margin-bottom: 15px;
}
.p-card .p-buy-wrap .p-fastbuy input[type="tel"] {
  margin-bottom: 3px;
  height: 38px;
  line-height: 38px;
  text-align: center;
}
.p-card .p-buy-wrap .p-fastbuy .btn {
  height: 30px;
  line-height: 30px;
  font-size: 12px;
}
.p-card .p-buy-wrap .p-fastbuy-desktop {
  margin-bottom: 15px;
}
.p-card .p-buy-wrap .p-fastbuy-mobile {
  display: none;
}
.p-card .p-gallery {
  padding-top: 10px;
}
.p-card .p-gallery .p-igallery .thumbs {
}
.p-card .p-gallery .p-igallery .thumbs li {
  font-size: 0px;
  margin-top: 20px;
  height: 80px;
  text-align: center;
  line-height: 80px;
}
.p-card .p-gallery .p-igallery .thumbs li a {
  background: #fff;
  transition: border-color 0.2s;
  height: 80px;
  display: block;
  border: 2px solid #fff;
  font-size: 0px;
  line-height: 0px;
}
.p-card .p-gallery .p-igallery .thumbs li a img {
  max-width: 100%;
  max-height: 100%;
}
.p-card .p-gallery .p-igallery .thumbs li a:hover {
  border-color: #ededed;
}
.p-card .p-gallery .p-igallery .thumbs li a.mz-thumb-selected {
  border-color: #67bb00;
}
.p-card .p-gallery .p-igallery .preview {
  padding-top: 10px;
  text-align: center;
}
.p-card .p-gallery .p-igallery .preview img {
  max-width: 100%;
  max-height: 100%;
}
.p-card .p-gallery .p-igallery .preview .discount {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 30px;
  top: 30px;
  z-index: 9;
}
.p-card .p-gallery .p-igallery .preview .discount span {
  width: auto;
  font-size: 13px;
}
.p-card .p-gallery .p-igallery .preview .discount span:before {
  font-size: 50px;
}
.p-card .p-gallery .p-vgallery iframe {
  width: 100% !important;
  height: 360px !important;
}
.p-card .p-gallery .p-vgallery .link-fullscreen {
  text-align: center;
  padding-top: 5px;
}
.p-card .p-variants-list {
  padding-right: 20px;
  padding-top: 40px;
}
.p-card .p-variants .group {
  padding-bottom: 13px;
  margin-bottom: 13px;
  border-color: #ededed;
  padding-left: 0px;
  padding-right: 0px;
}
.p-card .p-variants .group .t {
  margin-bottom: 16px;
}
.p-card .p-variants .group-variants-color .check-na {
  cursor: not-allowed;
  opacity: 0.2;
}
.p-card .p-variants .group-bl {
  overflow: hidden;
  font-size: 14px;
}
.p-card .p-variants .group-bl li {
  float: left;
  transition: all 0.3s;
  height: 36px;
  line-height: 36px;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0 10px;
  margin-right: 8px;
  margin-bottom: 4px;
}
.p-card .p-variants .group-bl li a {
  display: block;
  text-decoration: none;
}
.p-card .p-variants .group-bl li:hover,
.p-card .p-variants .group-bl li.checked {
  border-color: #67bb00;
  color: #67bb00;
}
.p-card .p-variants .group-bl li.checked {
  font-weight: 700;
  background: #f0f8e5;
}
.p-card .p-variants .group-check ul {
  margin-bottom: 10px;
}
.p-card .p-variants .group-check .model-diff {
  position: relative;
  font-size: 12px;
  color: #767676;
}
.p-card .p-variants .group-check .model-diff span {
  border-bottom: 1px solid #dddddd;
  cursor: pointer;
}
.p-card .p-variants .group-check .model-diff span:hover {
  color: #666;
  border-color: #ccc;
}
.p-card .p-variants .group-color {
  overflow: hidden;
}
.p-card .p-variants .group-color .t span {
  font-weight: 600;
}
.p-card .p-variants .group-color li {
  margin-right: 6px;
  float: left;
}
.p-card .p-variants .group-color li .item {
  cursor: pointer;
  text-align: center;
  line-height: 24px;
  width: 30px;
  height: 30px;
  transition: all 0.3s;
  display: block;
  border: 2px solid #fff;
  border-radius: 100%;
}
.p-card .p-variants .group-color li .item img {
  width: 22px;
  height: 22px;
  border-radius: 100%;
}
.p-card .p-variants .group-color li.checked .item,
.p-card .p-variants .group-color li:hover .item {
  border-color: #67bb00;
}
.p-card .p-variants .specs-preview {
  font-size: 13px;
  color: #888;
  margin-bottom: 20px;
}
.p-card .p-variants .specs-preview li {
  margin-top: 6px;
}
.p-card .p-variants .specs-preview li span {
  font-weight: 600;
  color: #000;
}
.p-card .p-variants .all-specs {
  border: 1px solid #ededed;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  padding: 18px 0;
  text-align: left;
  font-size: 14px;
}
.p-card .p-variants .all-specs span {
  transition: border-color 0.3s;
  color: #67bb00;
  cursor: pointer;
  border-bottom: 1px solid #7ee600;
}
.p-card .p-variants .all-specs span:hover {
  border-color: #67bb00;
}
.p-card .p-shortstory {
  font-size: 12px;
  color: #555555;
  line-height: 16px;
}
.p-card .p-new-triggers {
  padding-top: 35px;
  font-size: 13px;
  color: #545454;
}
.p-card .p-new-triggers .item {
  height: 100%;
  position: relative;
  vertical-align: middle;
  padding: 0px 35px 0px 90px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.p-card .p-new-triggers .item:before {
  transition: all 0.3s;
  font-size: 50px;
  color: #bdbdbd;
  left: 20px;
  position: absolute;
}
.p-card .p-new-triggers .item[data-popup] {
  transition: all 0.3s;
  cursor: pointer;
}
.p-card .p-new-triggers .item[data-popup]:hover,
.p-card .p-new-triggers .item[data-popup]:hover:before {
  color: #67bb00;
}
.p-card .p-new-triggers .col:nth-child(1) .item:before,
.p-card .p-new-triggers .col:nth-child(2) .item:before {
  font-size: 44px;
}
.p-card .p-triggers .item-moneyback:before {
  width: 34px;
  background-position: -71px -513px;
}
.p-card .p-lp .p-lplinks {
  font-size: 14px;
  background: #fafafa;
  height: 72px;
  margin-bottom: 20px;
}
.p-card .p-lp .p-lplinks ul {
  text-align: center;
}
.p-card .p-lp .p-lplinks ul li {
  cursor: pointer;
  transition: all 0.3s;
  border-bottom: 3px solid transparent;
  padding: 0 25px;
  height: 72px;
  line-height: 72px;
}
.p-card .p-lp .p-lplinks ul li:hover,
.p-lp .p-lplinks ul li.active {
  background: #fff;
  border-color: #67bb00;
}
.p-card .p-pi {
  display: none;
}
.p-card .p-pi .bl {
  padding-top: 20px;
  border: 0px;
}
.p-card-compact .p-sidebar,
.p-card-compact .p-triggers,
.p-card-compact .p-body,
.p-card-compact .p-title .p-gallery-view,
.p-card-compact .p-new-triggers {
  display: none;
}
.p-card-compact .p-content {
  width: auto;
  float: none;
}
.p-card-compact .p-header {
  padding-bottom: 6px;
}
.p-card-compact .p-changle-view {
  display: none;
}
.p-card .p-pi .side-filter-sort {
  margin-bottom: 20px;
}
.p-card .p-pi-related .grid .item,
.p-card .p-pi-accessories .grid .item {
  display: none;
}
.p-card .delivery-content p span {
  color: #000;
  font-weight: 600;
}
.p-card .delivery-info {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid #ededed;
  border-top: 0px;
  margin-top: -6px;
  padding: 20px 16px 12px 16px;
  font-size: 12px;
  text-align: left;
}
.p-card .delivery-info .alert-warning {
  display: none;
  font-size: 11px;
  padding: 12px 10px;
  border-left: 0px;
  text-align: center;
}
.p-card .delivery-info .list .item {
  font-weight: 400;
  display: none;
  vertical-align: middle;
  padding: 3px 0;
  color: #666;
}
.p-card .delivery-info .list .item i {
  vertical-align: middle;
  color: #ccc;
  display: inline-block;
  font-size: 16px;
  margin-right: 6px;
  color: #67bb00;
}
.p-card .delivery-info .list .item .price {
  color: #67bb00;
}
.p-card .delivery-info .user-geolocation {
  margin-bottom: 8px;
  padding-top: 3px;
}
.p-card .p-specs-inbox {
  padding: 15px 0;
}
.p-card .p-specs-inbox .h3 {
  font-size: 18px;
  margin-bottom: 25px;
  text-align: center;
}
.p-card .p-specs-inbox {
  text-align: center;
}
.p-card .p-specs-inbox .col img {
  max-width: 100%;
  max-height: 80px;
}
.p-card .p-specs-inbox .c_productImage {
  overflow: hidden;
  height: 70px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.p-card .p-specs-inbox .c_productImage__src {
  margin-bottom: -10px;
}
.p-card .p-specs-inbox .col .t {
  display: block;
  padding-top: 10px;
  font-size: 12px;
}
.p-card .p-specs-buytrigger {
  text-align: center;
  padding: 20px 40px;
  margin-bottom: 10px;
  background: #fbfbfd;
}
.p-card .p-specs-buytrigger .col {
  line-height: 40px;
}
.p-card .p-specs-buytrigger .price-wrap {
  color: #000;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.p-card .p-specs-buytrigger .price-wrap > * {
  display: inline-block;
}
.p-card .p-specs-buytrigger .price-wrap del {
  color: #777;
  margin-left: 6px;
}
.p-card .p-specs-buytrigger .price-wrap .price {
  margin-left: 6px;
  font-weight: 700;
}
.p-card .p-specs-buytrigger .btn {
  display: block;
  width: 96%;
}
.p-card .p-specs-inbox .row--image {
  align-items: flex-end;
  background: #fbfbfd;
  padding: 20px 25px 0 25px;
  margin-bottom: 10px;
}
.p-card .p-specs-inbox .c_productImage__src {
  mix-blend-mode: multiply;
}

@media (min-width: 768px) {
  .p-card .p-specs-inbox .h3 {
    font-size: 24px;
  }
  .p-card .p-specs-inbox .col img {
    max-height: 300px;
  }
  .p-card .p-specs-inbox .c_productImage {
    height: 300px;
  }
  .p-card .p-specs-inbox .c_productImage__src {
    margin-bottom: -30px;
  }
}

@media (min-width: 1200px) {
  .p-card .p-specs-inbox .col img {
    max-height: none;
  }
  .p-card .p-specs-inbox .c_productImage {
    align-items: flex-start;
  }
  .p-card .p-specs-inbox .col .t {
    font-size: 15px;
  }
}
/* cmp */
.cmp .cmp_links {
  margin-bottom: 20px;
  font-size: 0px;
}
.cmp .cmp_links span {
  position: relative;
  z-index: 1;
  cursor: pointer;
  transition: all 0.3s;
  display: inline-block;
  font-size: 14px;
  text-transform: uppercase;
  float: left;
  height: 42px;
  border: 1px solid #ccc;
  margin-right: -1px;
  line-height: 42px;
  padding: 0 15px;
}
.cmp .cmp_links span:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.cmp .cmp_links span:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.cmp .cmp_links span i {
  font-style: normal;
}
.cmp .cmp_links span:hover {
  z-index: 2;
  border-color: #67bb00;
  color: #67bb00;
}
.cmp .cmp_links span.active {
  z-index: 2;
  color: #fff;
  background-color: #67bb00;
  border-color: #67bb00;
}
.cmp .cmp-pw {
}
.cmp .cmp_preview .col-pos {
  position: relative;
}
.cmp .cmp_preview .col-pos .plus {
  text-align: center;
  left: -24px;
  background: #fff;
  margin-top: -24px;
  top: 50%;
  display: block;
  z-index: 2;
  position: absolute;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  border: 3px solid #67bb00;
}
.cmp .cmp_preview .col-pos .plus:before {
  font-size: 26px;
  line-height: 44px;
  content: "+";
  font-weight: 700;
  display: inline-block;
  color: #67bb00;
}
.cmp .cmp_preview .col-pos:first-child .plus {
  display: none;
}
.cmp .cmp_preview .col-pos-gift .plus {
  border: 0px;
  width: 60px;
  height: 58px;
  right: 25px;
  display: block !important;
  bottom: auto;
  top: 16px;
  background: url(sprite.png) no-repeat 0 -625px;
}
.cmp .cmp_preview .col-pos-gift .plus:before {
  display: none;
}
.cmp .cmp_preview .col-pos .choose/*,.cmp-choose .col .change-wrap*/ {
  z-index: 2;
  text-align: center;
  padding: 4px 10px;
  font-size: 12px;
  background: #f0f8e5;
  color: #67bb00;
  position: absolute;
  right: 0px;
  top: 1px;
}
.cmp .cmp_preview .col-pos .choose span,
.cmp-choose .col .change-wrap .change {
  text-transform: lowercase;
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid #ddd;
  transition: all 0.3s;
}
.cmp .cmp_preview .col-pos .choose span i {
  font-style: normal;
}
.cmp .cmp_preview .col-pos .choose span:hover {
  color: #69b505;
  border-color: #69b505;
}
.cmp .cmp_preview .grid,
.cmp-choose .grid {
  width: auto;
}
.cmp .cmp_preview .grid .item {
  overflow: hidden;
  min-height: 306px;
  text-align: center;
  width: auto;
  float: none;
  margin: 0px 0px 0 0;
  padding: 30px 20px 20px 20px;
  border: 1px solid #ccc;
  margin-right: -1px;
}
.cmp .cmp_preview .grid .col-pos:first-child .item {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.cmp .cmp_preview .grid .col-pos:last-child .item {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.cmp .cmp_preview .grid .item .img {
  margin-bottom: 15px;
  height: 184px;
  line-height: 184px;
}
.cmp .cmp_preview .grid .item .img img {
  max-width: 100%;
  max-height: 100%;
}
.cmp .cmp_preview .grid .item .t {
  height: 46px;
  overflow: hidden;
  font-size: 13px;
  line-height: normal;
}
.cmp .cmp_preview .grid .item .t > * {
  font-size: 12px;
  color: #666;
}
.cmp .cmp_preview .grid .item .t a:hover {
  color: #67bb00;
}
.cmp .cmp_preview .grid .item .buttons {
  margin-bottom: 15px;
  height: 22px;
}
.cmp .cmp_preview .grid .item .buttons .tocart,
.cmp-choose .col .item .buttons .tocart {
  font-size: 0px;
  padding-left: 18px;
}
.cmp .cmp_preview .grid .item .buttons .price {
  color: #67bb00;
  font-size: 16px;
  font-weight: 700;
}
.cmp .cmp_preview .grid .item .buttons .buy {
  display: inline-block;
  margin-left: 6px;
}
.cmp .cmp_preview .grid .item .buttons .buy:before {
  margin: 0px;
  transition: all 0.3s;
  cursor: pointer;
  display: inline-block;
}
.cmp .cmp_preview .grid .item .buttons .buy:hover:before {
  color: #67bb00;
}
.cmp .cmp_preview .grid .item-null {
  text-align: center;
  height: 100%;
}
.cmp .cmp_preview .grid .item-null {
  justify-content: center;
  flex-direction: column;
  color: #ccc;
  line-height: 38px;
  font-size: 22px;
}
.cmp .cmp-pw.sel-1 .col-normal {
  display: block;
}
.cmp .cmp-pw.sel-2 .col-pos-1 {
  display: none;
}
.cmp .cmp-pw.sel-3 .col-pos-1,
.cmp .cmp-pw.sel-3 .col-pos-2 {
  display: none;
}
.cmp .cmp-pw.sel-action .col-pos-3 {
  display: none;
}
.cmp .cmp-pw.sel-action .col-free {
  display: block;
}
.cmp .col-summary {
  flex-direction: column;
  justify-content: center;
  display: flex;
}
.cmp .cmp_summary {
  padding: 0 15px;
  text-align: center;
}
.cmp .cmp_summary .price-wrap {
  margin-bottom: 30px;
}
.cmp .cmp_summary .price-wrap .label {
  margin-bottom: 10px;
  color: #555555;
}
.cmp .cmp_summary .price-wrap .price {
  font-size: 24px;
  font-weight: 500;
}
.cmp .cmp_summary .price-wrap-discount .price {
  color: #69b505;
}
.cmp .cmp_summary .submit .btn {
  margin-bottom: 8px;
  font-size: 12px;
  display: block;
  width: 100%;
}
.cmp .cmp_preview .grid .item .t div {
  font-size: 13px;
  line-height: 15px;
}

.cmp .cmp_preview .grid .item .img,
.cmp .cmp_preview .grid .item .t div {
  cursor: default;
}

.popup-choose-cmp .side-filter {
  margin-bottom: 10px;
}
.popup-choose-cmp .container {
  padding: 0px;
}

.cmp-choose .cmp-item .change-wrap {
  position: absolute;
  right: 0px;
  top: 0px;
}

.cmp-choose > [class*="col"] {
  padding-top: 2px;
  padding-bottom: 2px;
}
.cmp-choose .mix-alert {
  text-align: center;
  padding: 20px 25px;
  border-left: 0px;
}

.cmp-choose .item {
  position: relative;
  transition: all 0.3s;
  cursor: pointer;
  height: 100%;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin: 2px;
  padding: 25px 0px 20px 0;
  text-align: center;
}
.cmp-choose .item:hover {
  border-color: #ccc;
}

.cmp-choose .item .img {
  margin-bottom: 15px;
}
.cmp-choose .item .img img {
  max-width: 100%;
  max-height: 100%;
}
.cmp-choose .item .t {
  margin-bottom: 10px;
  height: 46px;
  overflow: hidden;
  font-size: 12px;
  line-height: normal;
  color: #555;
}
.cmp-choose .col-selected .item {
  border: 2px solid #67bb00;
}

.cmp-choose .item .price {
  color: #67bb00;
  font-size: 16px;
  font-weight: 700;
}

.cmp-choose .item .change-status div {
  z-index: 4;

  position: absolute;
  right: 4px;
  top: 4px;
}

.cmp-choose .item .change-status div {
  padding: 8px 16px;
  font-size: 14px;
  background: #f0f8e5;
  color: #67bb00;
  border-radius: 4px;
}

.cmp-choose .item .change-status div {
  display: none;
}
.cmp-choose .item .change-status .choose {
  display: block;
}

.cmp-choose .col-selected .item .change-status .choose {
  display: none;
}
.cmp-choose .col-selected .item .change-status .selected {
  display: block;
  color: #963b3b;
  background-color: #f2dede;
}

.cmp-choose .block .item {
  opacity: 0.5;
}

.cmp-choose .block .item .change-status div {
  display: none;
}
.cmp-choose .block .item .change-status .choose-max {
  display: block;
}
.cmp-choose .block:hover .item {
  opacity: 1;
}

/* default blocks */
.bl {
  padding: 25px 0;
  border-top: 1px solid #ededed;
}
.bl > .t {
  margin-bottom: 25px;
  line-height: 24px;
  text-align: center;
  font-size: 24px;
}
.bl > .t span,
.bl > .t a,
.bl-description .desc-hidden .more {
  transition: all 0.3s;
  text-decoration: none;
  cursor: pointer;
  font-size: 14px;
  color: #67bb00;
  border-bottom: 1px dashed #67bb00;
  margin-left: 20px;
}
.bl > .t span:hover,
.bl-description .desc-hidden .more:hover {
  border-bottom-style: solid;
}

/* recommended */
.bl-recommended {
  border: 0px;
}
.bl-recommended > .c {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0px 20px 15px 20px;
}
.bl-recommended .img {
  text-align: center;
}
.bl-recommended .img-inner img {
  margin: 0 auto;
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
.bl-recommended .desc {
  font-size: 12px;
  padding-top: 20px;
}
.bl-recommended .desc .t {
  margin-bottom: 25px;
}
.bl-recommended .desc .h2 {
  font-size: 20px;
  position: relative;
  color: #67bb00;
  line-height: normal;
  margin-bottom: 15px;
}
.bl-recommended .desc .price {
  display: inline-block;
  line-height: 34px;
  font-size: 16px;
  padding: 0 15px 0 0;
  color: #333;
}
.bl-recommended .desc .price del {
  color: #ccc;
}
.bl-recommended .price-wrap {
  margin-bottom: 20px;
}

.bl-recommended .editor {
  font-size: 13px;
}
.bl-recommended .editor p:last-child {
  margin-bottom: 0px;
}

.bl-delivery-static {
  padding-top: 0px;
  border-top: 0px;
}
.bl-delivery-static h1 {
  text-align: left;
}
/* action */
.bl-action img {
  max-width: 100%;
}
/* specifications */
.bl-specs .col-product {
  padding-top: 40px;
}
.bl-specs .p-specs-img img {
  max-width: 100%;
  max-height: 100%;
}
.bl-specs .p-specs {
  padding-top: 20px;
}
.bl-specs .p-specs-buy {
  padding-top: 46px;
}
.bl-specs .p-specs-buy .price-wrap {
  padding-left: 8px;
}
.bl-specs .p-specs-buy .price-label {
  margin-bottom: 14px;
  font-size: 14px;
  color: #555;
}
.bl-specs .p-specs-buy .price {
  font-size: 24px;
}
.bl-specs .p-specs-buy .buttons {
  padding-top: 25px;
}
.bl-specs .p-specs-buy .buttons .btn {
  margin-bottom: 10px;
  width: 100%;
}
/* related */
.bl-related .products-wrap .grid .item {
}
/* descripton */
.bl-description .img .price {
  font-weight: 700;
  margin-right: 10px;
}
.bl-description .desc {
  position: relative;
}
.bl-description .desc h3 {
  margin-bottom: 15px;
}
.bl-description .desc-hidden .editor {
  height: 400px;
  overflow: hidden;
}
.bl-description .desc-hidden .editor:before {
  right: 0px;
  content: "";
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.35) 27%,
    rgba(255, 255, 255, 1) 77%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.35) 27%,
    rgba(255, 255, 255, 1) 77%
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.35) 27%,
    rgba(255, 255, 255, 1) 77%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0 );
  position: absolute;
  top: 300px;
  width: 100%;
  height: 100px;
  z-index: 2;
}
.bl-description .desc-hidden .more {
  position: absolute;
  left: 45px;
  top: 370px;
  z-index: 2;
}
/* reviews */
.bl-reviews .t {
  text-align: left;
  margin-bottom: 25px;
  line-height: 24px;
  font-size: 24px;
}
.bl-reviews .t span {
  text-decoration: none;
  font-size: 20px;
  margin-left: 0px;
  border: 0px;
  color: #67bb00;
}
.bl-reviews .p-calc-rating {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.bl-reviews .p-calc-rating .rating {
  float: left;
  margin-left: 20px;
}
.bl-reviews .p-calc-rating .label {
  float: left;
  font-size: 12px;
  color: #767676;
  margin-top: 3px;
  margin-left: 10px;
}
.bl-reviews .p-reviews-list .item {
  display: none;
  overflow: hidden;
  margin-bottom: 20px;
  font-size: 12px;
  color: #767676;
}
.bl-reviews .p-reviews-list .item:nth-child(-n + 4) {
  display: block;
}
.bl-reviews .p-reviews-list .item .review {
  font-size: 14px;
  position: relative;
  margin-bottom: 10px;
  clear: both;
  border-radius: 6px;
  border: 1px solid #ccc;
  padding: 20px 25px;
  font-weight: 400;
}
.bl-reviews .p-reviews-list .item .review:before,
.bl-reviews .p-reviews-list .item .review:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 11px 11px 0 11px;
  border-color: #cccccc transparent transparent transparent;
  position: absolute;
  left: 20px;
  bottom: -11px;
}
.bl-reviews .p-reviews-list .item .review:after {
  border-width: 10px 10px 0 10px;
  border-color: #ffffff transparent transparent transparent;
  left: 21px;
  bottom: -10px;
}

.bl-reviews .p-reviews-list .item .review .avatar img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 100%;
  overflow: hidden;
}

.bl-reviews .p-reviews-list .item .author {
  color: #000;
  font-weight: 300;
  float: left;
  padding-left: 45px;
}
.bl-reviews .p-reviews-list .item .author span {
  font-weight: 700;
}
.bl-reviews .p-reviews-list .item .user-rating {
  margin-right: 10px;
  float: right;
}
.bl-reviews .p-reviews-list .item .user-rating span {
  color: #4788de;
}
.bl-reviews .more {
  text-align: center;
  padding-top: 15px;
  border-top: 1px solid #e5e5e5;
}
.bl-reviews .no-reviews {
  margin-bottom: 20px;
}

/* mz */
.MagicZoom,
.mz-figure,
.mz-lens,
.mz-zoom-window,
.mz-loading,
.mz-hint,
.mz-expand .mz-expand-stage,
.mz-expand .mz-expand-stage .mz-image-stage,
.mz-expand .mz-image-stage > figure .mz-caption,
.mz-thumb img,
.mz-expand-thumbnails,
.mz-expand-controls,
.mz-button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.MagicZoom,
.mz-figure {
  display: inline-block;
  outline: 0 !important;
  font-size: 0 !important;
  line-height: 100% !important;
  direction: ltr !important;
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin: 0 auto;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.MagicZoom {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
figure.mz-figure {
  -webkit-perspective: 300px;
  perspective: 300px;
  margin: 0 !important;
}
.MagicZoom img,
.mz-figure img {
  border: 0 !important;
  margin: 0 !important;
  outline: 0 !important;
  padding: 0 !important;
}
.MagicZoom > img,
.mz-figure > img {
  width: 100%;
  height: auto;
}
.ie8-magic .MagicZoom > img,
.ie8-magic .mz-figure > img {
  width: 100%;
  max-width: none !important;
}
.mz-figure.mz-no-zoom.mz-no-expand,
.mz-expand .mz-figure.mz-no-zoom {
  cursor: default !important;
}
.mz-figure.mz-active,
.mz-expand {
  -ms-touch-action: none;
  touch-action: none;
}
.mz-lens,
.mz-zoom-window {
  position: absolute !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
.mz-lens img,
.mz-zoom-window img {
  position: absolute !important;
  max-width: none !important;
  max-height: none !important;
}
.mz-zoom-window {
  border: 1px solid #ccc;
  z-index: 2000000000;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.mz-zoom-window.mz-magnifier {
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
  -webkit-mask-clip: content;
  cursor: none;
}
.mz-zoom-window.mz-magnifier.mz-expanded {
  z-index: 2147483647;
}
.mz-zoom-window img {
  left: -1000%;
  right: -1000%;
  top: -1000%;
  bottom: -1000%;
  margin: auto !important;
  -ms-transform-origin: 50% 50% !important;
  -webkit-transform-origin: 50% 50% !important;
  transform-origin: 50% 50% !important;
}
.mz-zoom-window.mz-preview img {
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 !important;
  -webkit-transform: none !important;
  transform: none !important;
  width: 100% !important;
  height: auto !important;
}
.lt-ie9-magic .mz-zoom-window img {
  margin: 0 !important;
}
.mz-expand-controls {
  z-index: 2147483647;
}
.mz-fade {
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
}
.mz-hidden {
  opacity: 0;
}
.mz-visible {
  opacity: 1;
}
.mobile-magic .mz-expand .mz-expand-bg {
  -webkit-transform-style: flat !important;
  transform-style: flat !important;
}
.mobile-magic .mz-expand .mz-image-stage > figure .mz-caption {
  display: none !important;
}
.mobile-magic .mz-expand-controls.mz-fade {
  transition: none !important;
}
.mobile-magic .mz-expand .mz-zoom-window {
  top: 0 !important;
  left: 0 !important;
}
.mz-figure.mz-active {
  background: #fff;
}
.mz-figure.mz-no-zoom,
.mz-figure.mz-click-zoom,
.mz-figure.mz-active {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.mz-figure.mz-active.mz-no-expand {
  cursor: crosshair;
}
.mz-figure.mz-active.mz-click-zoom.mz-no-expand {
  cursor: crosshair;
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out;
  cursor: zoom-out;
}
.mz-figure.mz-active.mz-magnifier-zoom.mz-hover-zoom.mz-no-expand {
  cursor: none;
}
.mz-figure.mz-active > img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/><feComponentTransfer><feFuncA type='linear' slope='0.6'/></feComponentTransfer></filter></svg>#grayscale");
  -webkit-filter: grayscale(80%) opacity(60%);
  filter: grayscale(80%) opacity(60%);
}
.no-cssfilters-magic .mz-figure.mz-active > img {
  opacity: 0.6;
}
.lt-ie10-magic .mz-figure.mz-active > img {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1,opacity=0.6);
}
.mz-figure.mz-active.mz-inner-zoom,
.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom > img {
  opacity: 0;
}
.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom,
.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom > .mz-zoom-window {
  opacity: 1;
}
.lt-ie10-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom,
.lt-ie10-magic .mz-figure.mz-active.mz-inner-zoom > img {
  filter: alpha(opacity=0);
}
.ie9-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom {
  background: transparent;
}
.mz-lens {
  border: 1px solid #aaa;
  border-color: rgba(170, 170, 170, 0.7);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  cursor: none;
  z-index: 10;
  opacity: 0;
}
.mz-figure.mz-active .mz-lens {
  opacity: 1;
  -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9) 0.1s;
  transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9) 0.1s;
}
.mz-figure.mz-active.mz-magnifier-zoom .mz-lens {
  border-radius: 50%;
  opacity: 0;
  cursor: none;
}
.mz-zoom-window {
  transition: all 0.3s;
  border: 1px solid #fff;
  background: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.mz-zoom-window.mz-magnifier {
  border-radius: 100%;
  border: 0;
  background: rgba(255, 255, 255, 0.3);
}
.mz-zoom-window.mz-magnifier:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 100%;
  border: 1px solid rgba(170, 170, 170, 0.7);
  box-shadow: inset 0 0 20px 1px rgba(0, 0, 0, 0.3);
  background: transparent;
  z-index: 1;
}
.mz-zoom-window.mz-magnifier.mz-square,
.mz-zoom-window.mz-magnifier.mz-square:before {
  border-radius: 0 !important;
}
.lt-ie9-magic .mz-zoom-window {
  border: 1px solid #e5e5e5;
}
.mz-zoom-window.mz-inner {
  box-shadow: none;
  border-color: #ededed;
}
.mz-zoom-window .mz-caption {
  background: #777;
  color: #fff;
  font-size: 10pt;
  opacity: 0.8;
  position: absolute;
  top: 0;
  z-index: 150;
  padding: 3px;
  width: 100%;
  line-height: normal !important;
  text-align: center !important;
}
.lt-ie9-magic .mz-zoom-window .mz-caption {
  filter: alpha(opacity=80);
}
.mz-zoom-window.caption-bottom .mz-caption {
  top: auto;
  bottom: 0;
}
.mz-zoom-window.mz-expanded > .mz-caption {
  display: none;
}
.mz-zoom-window.mz-deactivating,
.mz-zoom-window.mz-activating {
  -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9),
    -webkit-transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9),
    transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.mz-zoom-window.mz-deactivating {
  -webkit-transition-duration: 0.25s, 0.25s, 0.25s;
  transition-duration: 0.25s, 0.25s, 0.25s;
}
.mz-zoom-window.mz-p-right,
.mz-zoom-window.mz-p-left,
.mz-zoom-window.mz-p-top,
.mz-zoom-window.mz-p-bottom {
  opacity: 0;
  z-index: -100;
}
.mz-zoom-window.mz-p-right {
  -webkit-transform: translate3d(-20%, 0, 0);
  transform: translate3d(-20%, 0, 0);
}
.mz-zoom-window.mz-p-left {
  -webkit-transform: translate3d(20%, 0, 0);
  transform: translate3d(20%, 0, 0);
}
.mz-zoom-window.mz-p-top {
  -webkit-transform: translate3d(0, 20%, 0);
  transform: translate3d(0, 20%, 0);
}
.mz-zoom-window.mz-p-bottom {
  -webkit-transform: translate3d(0, -20%, 0);
  transform: translate3d(0, -20%, 0);
}
.mz-zoom-window > img {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.mz-zoom-window.mz-p-inner.mz-deactivating > img,
.mz-zoom-window.mz-p-inner.mz-activating > img {
  -webkit-transition: -webkit-transform 0.22s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition: transform 0.22s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.mz-zoom-window.mz-p-magnifier {
  -webkit-transform: scale(0.1);
  transform: scale(0.1);
}
.mz-zoom-window.mz-preview.mz-deactivating,
.mz-zoom-window.mz-preview.mz-activating,
.mz-zoom-window.mz-custom.mz-deactivating,
.mz-zoom-window.mz-custom.mz-activating {
  -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.mz-zoom-window.mz-preview.mz-deactivating,
.mz-zoom-window.mz-custom.mz-deactivating {
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.mz-zoom-window.mz-p-preview,
.mz-zoom-window.mz-p-custom {
  opacity: 0;
}
.mz-hint,
.mz-loading {
  color: #eee;
  background: rgba(49, 51, 61, 0.7);
  font: normal 12px/1.2em "Lucida Grande", "Lucida Sans Unicode", Verdana,
    "Helvetica Neue", Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-align: center;
  direction: ltr;
  display: inline-block;
  margin: 0;
  position: absolute;
  z-index: 1000;
  pointer-events: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}
.mz-hint {
  bottom: 8px;
  left: 0;
  right: 0;
  padding: 0 10%;
  background-color: transparent;
  -webkit-transition: opacity 0.25s ease, z-index 0.25s ease;
  transition: opacity 0.25s ease, z-index 0.25s ease;
}
.mz-hint-message {
  display: inline-block;
  background: rgba(49, 51, 61, 0.7);
  border-radius: 2em;
  padding: 0.7em 1.1em;
}
.mz-hint-message:before {
  content: "\02295";
  font-family: serif;
  font-size: 1.5em;
  speak: none;
  text-align: center;
  vertical-align: -2px;
  margin-right: 6px;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}
.mobile-magic .mz-hint-message:before {
  display: none;
}
.mz-hint-hidden {
  opacity: 0;
  z-index: -1;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.mobile-magic .mz-expand .mz-hint {
  font-size: 18px;
  line-height: 1.1em;
  top: 50%;
  bottom: auto;
  margin: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.mobile-magic .mz-expand .mz-hint-message {
  padding: 1.1em;
}
.mobile-magic .mz-expand .mz-hint-message:before {
  display: none;
}
.mobile-magic .mz-expand .mz-hint-hidden {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
  opacity: 0;
}
.mz-loading {
  font-size: 0;
  border-radius: 100%;
  opacity: 0;
  padding: 0;
  width: 36px;
  height: 36px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.mz-loading:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 24px;
  height: 24px;
  margin: auto;
  text-indent: -9999em;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 1);
  border-top-color: transparent;
  box-sizing: border-box;
}
.mz-loading.shown {
  opacity: 1;
  z-index: 1;
  -webkit-transition: opacity 0s;
  transition: opacity 0s;
}
.mz-loading.shown:after {
  -webkit-animation: spin-loading 0.9s infinite linear;
  animation: spin-loading 0.9s infinite linear;
}
@-webkit-keyframes spin-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.lt-ie10-magic .mz-loading {
  font-size: 12px;
  padding: 0.7em 1.1em;
  width: auto;
  height: auto;
}
.lt-ie10-magic .mz-loading:after {
  content: "Loading...";
  text-indent: 0;
  border: none;
  position: relative;
}
.lt-ie9-magic .mz-loading {
  filter: alpha(opacity=0);
  right: 0;
  left: 0;
  width: 126px;
  margin: auto;
}
.lt-ie9-magic .mz-hint-message,
.lt-ie9-magic .mz-loading.shown {
  background: transparent !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#7c31333D',EndColorStr='#7c31333D');
}
.lt-ie9-magic .mz-hint-hidden {
  filter: alpha(opacity=0);
}
.mz-expand,
.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg > img,
.mz-expand .mz-expand-bg > svg,
.mz-expand .mz-expand-stage,
.mz-expand .mz-expand-stage .mz-image-stage {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg > img,
.mz-expand .mz-expand-bg > svg {
  width: auto !important;
  height: auto !important;
}
.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg > svg {
  min-width: 100% !important;
  min-height: 100% !important;
}
.mz-expand {
  background-color: rgba(0, 0, 0, 1);
  text-align: center;
  vertical-align: middle;
  display: block;
  overflow: hidden;
  z-index: 2100000000;
  position: fixed;
  width: auto;
  height: auto;
  -webkit-perspective: 600px;
  perspective: 600px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -ms-overflow-style: none;
}
.mz-expand .mz-expand-bg {
  display: inline-block;
  vertical-align: middle;
  margin: auto;
  z-index: -100;
  max-width: none !important;
  max-height: none !important;
  -webkit-transform: translate3d(0, 0, 0) scale(10) rotate(0.01deg);
  -ms-transform: translate(0, 0) scale(10, 10) rotate(0.01deg);
  transform: translate3d(0, 0, 0) scale(10) rotate(0.01deg);
  -webkit-perspective: 600px;
  perspective: 600px;
  background-repeat: no-repeat;
  background-size: cover;
}
.mz-expand .mz-expand-bg > img {
  margin: auto;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='80' in='SourceGraphic'></feGaussianBlur></filter></svg>#blur");
  -webkit-filter: blur(20px) brightness(60%);
  filter: blur(20px) brightness(60%);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.mz-expand .mz-expand-bg > svg {
  margin: auto;
  opacity: 0.6;
}
.lt-ie10-magic .mz-expand .mz-expand-bg {
  display: none !important;
}
.lt-ie9-magic .mz-expand {
  background: #1f1f1f;
}
.mz-expand.plain-bg .mz-expand-bg,
.mz-expand.dark-bg .mz-expand-bg,
.mz-expand.white-bg .mz-expand-bg {
  display: none !important;
}
.mz-expand.dark-bg {
  background-color: #1f1f1f;
  background-color: rgba(31, 31, 31, 0.96);
}
.mz-expand.white-bg {
  background-color: #fff;
}
.mz-expand .mz-expand-stage {
  z-index: 2100000000;
  padding: 0;
}
.mz-expand .mz-expand-stage .mz-image-stage {
  z-index: 50;
  left: 120px;
  right: 120px;
  padding: 20px 0 40px 0;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  -webkit-perspective: 600px;
  perspective: 600px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.mz-expand .mz-expand-stage.with-thumbs .mz-image-stage {
  padding-bottom: 120px;
}
.mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage {
  padding: 0 !important;
  left: 0;
  right: 0;
}
.mz-expand .mz-image-stage > figure:before,
.mz-expand .mz-image-stage:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  font-size: 0;
  line-height: 100%;
  width: 0;
}
.mz-expand .mz-image-stage > figure {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  padding: 0;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  line-height: 100%;
  position: relative;
}
.mz-expand .mz-figure {
  overflow: visible;
  max-width: 100% !important;
}
.mz-expand .mz-figure > img {
  max-width: 100%;
  width: auto;
  height: auto;
}
.mz-expand .mz-zoom-in .mz-image-stage > figure,
.mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-activating,
.mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-active {
  width: 100%;
  height: 100%;
}
.mz-expand .mz-figure {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.mz-expand .mz-figure.mz-active {
  cursor: crosshair;
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out;
  cursor: zoom-out;
}
.mz-expand
  .mz-expand-stage.mz-zoom-in.mz-always-zoom
  .mz-image-stage
  > figure
  > figure
  > img {
  z-index: 1;
  position: absolute !important;
  top: -5000px !important;
  bottom: -5000px !important;
  left: -5000px !important;
  right: -5000px !important;
  margin: auto !important;
}
.lt-ie10-magic .mz-zoom-window.mz-expanded img {
  filter: alpha(opacity=100);
}
.lt-ie10-magic .mz-expand .mz-figure.mz-magnifier-zoom {
  overflow: hidden;
  filter: alpha(opacity=100);
}
.mz-expand .mz-caption {
  color: #fff;
  text-shadow: 0px 0px 46px #000;
  padding: 10px 4px;
  font: normal 10pt/1em "Lucida Grande", "Lucida Sans Unicode", Verdana,
    "Helvetica Neue", Arial, Helvetica, sans-serif;
  text-align: center;
  width: 100%;
  position: absolute;
  left: 0;
  opacity: 0;
}
.mz-expand .mz-caption.mz-show {
  -webkit-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
  opacity: 1;
}
.mz-expand .mz-caption a {
  color: inherit;
  cursor: pointer;
}
.mz-expand.white-bg .mz-caption {
  color: #555;
  text-shadow: none;
}
.lt-ie9-magic .mz-expand .mz-caption {
  top: 100%;
}
.mz-expand .mz-zoom-window {
  box-shadow: none;
  background: transparent;
}
.lt-ie9-magic .mz-expand .mz-zoom-window {
  border: 0;
}
.mobile-magic .mz-expand-stage .mz-expand-thumbnails,
.mobile-magic .mz-expand-stage .mz-image-stage {
  left: 0px;
  right: 0px;
}
.mobile-magic .mz-expand .mz-expand-stage.with-thumbs {
  bottom: 0px;
}
.mobile-magic .mz-expand-stage .mz-image-stage {
  padding: 0;
}
.mobile-magic .mz-expand .mz-expand-stage.with-thumbs .mz-image-stage {
  padding: 5px 0 60px;
}
.mobile-magic .mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage {
  padding-top: 0;
}
.mobile-magic .mz-expand .mz-expand-thumbnails {
  padding: 0;
  height: 60px;
}
.mz-expand-controls,
button.mz-button {
  min-width: inherit;
  margin: 0 !important;
  padding: 0 !important;
  outline: 0 !important;
}
button.mz-button {
  color: #b4b4b4 !important;
  font: 900 34px/1 "icons" !important;
  cursor: pointer;
  z-index: 90 !important;
  background-color: transparent !important;
  border: 1px solid rgba(180, 180, 180, 0) !important;
  border-radius: 100% !important;
  box-shadow: none !important;
  position: absolute !important;
  text-transform: none !important;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  width: 60px !important;
  height: 60px !important;
}
button.mz-button.mz-button-prev,
button.mz-button.mz-button-next {
  margin: auto 10px !important;
  top: 0 !important;
  bottom: 0 !important;
  overflow: hidden !important;
}
button.mz-button.mz-button-prev {
  left: 0 !important;
}
button.mz-button.mz-button-next {
  right: 0 !important;
}
button.mz-button.mz-button-close {
  font-size: 30px !important;
  margin: 10px !important;
  top: 0 !important;
  right: 0 !important;
  z-index: 95 !important;
}
:root:not(.mobile-magic) button.mz-button {
  color: rgba(180, 180, 180, 0.75) !important;
  -webkit-transform: scale(0.85) !important;
  transform: scale(0.85) !important;
  -webkit-transition: color 0.25s, border-color 0.25s, -webkit-transform 0.25s !important;
  transition: color 0.25s, border-color 0.25s, transform 0.25s !important;
}
:root:not(.mobile-magic) button.mz-button:hover {
  color: rgba(180, 180, 180, 1) !important;
  border-color: rgba(180, 180, 180, 0.6) !important;
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important;
}
.mobile-magic button.mz-button {
  -webkit-transition: -webkit-transform 0.1s !important;
  transition: transform 0.1s !important;
}
.mobile-magic button.mz-button:active {
  border-color: rgba(180, 180, 180, 0.6) !important;
  -webkit-transform: scale(0.95) !important;
  transform: scale(0.95) !important;
}
button.mz-button.mz-button-close:before {
  content: "\e827";
}
button.mz-button.mz-button-prev:before {
  content: "\E828";
}
button.mz-button.mz-button-next:before {
  content: "\E829";
}
@media screen and (max-device-width: 767px) {
  button.mz-button-prev,
  button.mz-button-next {
    display: none !important;
  }
  .mobile-magic .mz-expand button.mz-button {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(180, 180, 180, 0.3) !important;
  }
}
.lt-ie9-magic button.mz-button {
  border: 0;
  filter: alpha(opacity=75);
}
.lt-ie9-magic button.mz-button:hover {
  filter: alpha(opacity=100);
}
.mz-thumb,
.mz-thumb:focus {
  display: inline-block;
  line-height: 0;
  outline: none;
}
.mz-thumb img {
  border: 0;
  box-sizing: border-box;
}
.mz-thumb:hover:not(.mz-thumb-selected) img {
}
.mz-thumb-selected img {
  /* -webkit-filter:brightness(60%);filter:brightness(60%);*/
}
.no-cssfilters-magic .mz-thumb {
  background: #000;
}
.no-cssfilters-magic .mz-thumb:hover:not(.mz-thumb-selected) img {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.no-cssfilters-magic .mz-thumb-selected img {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.ie9-magic .mz-thumb img {
  box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.3);
}
.mz-expand-thumbnails {
  z-index: 50;
  position: absolute;
  bottom: 0;
  left: 65px;
  right: 65px;
  height: 80px;
  padding: 10px 0;
  box-sizing: border-box;
}
.mz-expand-thumbnails .magic-thumbs .magic-thumb {
  padding: 10px 2px;
}
.mz-expand-thumbnails .magic-thumb > img {
  cursor: pointer;
  height: 40px;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.3);
}
.mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected) > img:hover {
  -webkit-filter: brightness(70%);
  filter: brightness(70%);
}
.mz-expand-thumbnails .magic-thumb-selected img {
  -webkit-filter: brightness(50%);
  filter: brightness(50%);
}
.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button {
  box-shadow: none;
}
.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button-disabled {
  opacity: 0;
}
.no-cssfilters-magic
  .mz-expand-thumbnails
  .magic-thumb:hover:not(.magic-thumb-selected)
  img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.no-cssfilters-magic .mz-expand-thumbnails .magic-thumb-selected img {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.magic-thumbs,
.magic-thumbs .magic-thumbs-wrapper,
.magic-thumbs ul,
.magic-thumbs li,
.magic-thumbs li:before,
.magic-thumbs li:after,
.magic-thumbs li img,
.magic-thumbs .magic-thumbs-button {
  margin: 0;
  padding: 0;
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.magic-thumbs {
  direction: ltr;
  overflow: visible;
  z-index: 100;
  position: relative;
  left: 0;
  top: 0;
  padding: 0 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -ms-touch-action: none;
  touch-action: none;
}
.magic-thumbs {
  width: 100%;
  height: 100%;
  white-space: nowrap;
}
.magic-thumbs.no-buttons {
  padding: 0 !important;
}
.magic-thumbs-wrapper {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.magic-thumbs ul {
  list-style: none;
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  position: relative;
  white-space: nowrap;
}
.magic-thumbs.no-buttons ul {
  padding: 0 !important;
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  left: 0 !important;
}
.magic-thumbs ul li {
  margin: 0 4px;
  height: 100%;
  width: auto;
  vertical-align: top;
  line-height: 0;
  display: inline-block;
}
.magic-thumbs ul li:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0;
}
.magic-thumbs ul li > img {
  width: auto;
  height: auto;
  max-height: 100%;
  vertical-align: middle;
}
.ie8-magic .magic-thumbs ul li > img {
  max-width: none !important;
  max-height: none !important;
}
.magic-thumbs.magic-thumbs-vertical {
  height: 100%;
}
.magic-thumbs-vertical {
  padding: 30px 0;
}
.magic-thumbs-vertical ul {
  height: auto;
  width: 100%;
  white-space: normal;
}
.magic-thumbs-vertical ul li {
  width: 100%;
  height: auto;
}
.magic-thumbs-vertical ul li {
  margin: 4px 0;
}
.magic-thumbs-vertical ul li > img {
  max-width: 100%;
  max-height: none;
}
.ie8-magic .magic-thumbs-vertical ul li > img {
  width: 100%;
}
.magic-thumbs .magic-thumbs-button {
  cursor: pointer;
  z-index: 90;
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: none;
  border: 0;
  border-radius: 0;
  overflow: hidden;
  position: absolute;
  font-family: "magictoolbox-thin";
  font-style: normal;
  font-weight: 200;
  font-variant: normal;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  text-align: center;
  color: #bbb;
  -webkit-font-smoothing: antialiased;
  font-size: 30px;
  width: 30px;
  height: 100%;
  top: 0;
  bottom: 0;
}
.magic-thumbs .magic-thumbs-button-prev {
  left: 0;
}
.magic-thumbs .magic-thumbs-button-next {
  right: 0;
}
.magic-thumbs .magic-thumbs-button-prev:before {
  content: "\a002";
}
.magic-thumbs .magic-thumbs-button-next:before {
  content: "\a003";
}
.magic-thumbs-button:before {
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
  opacity: 0.6;
}
.magic-thumbs .magic-thumbs-button:hover:before {
  opacity: 1;
}
.magic-thumbs-vertical .magic-thumbs-button {
  width: 100%;
  height: 30px;
  left: 0;
  right: 0;
  top: auto;
  bottom: auto;
}
.magic-thumbs-vertical .magic-thumbs-button-prev {
  top: 0;
}
.magic-thumbs-vertical .magic-thumbs-button-next {
  bottom: 0;
}
.magic-thumbs-vertical .magic-thumbs-button-prev:before {
  content: "\a005";
}
.magic-thumbs-vertical .magic-thumbs-button-next:before {
  content: "\a004";
}
.magic-thumbs.no-buttons .magic-thumbs-button {
  display: none !important;
}
.magic-thumbs-button-disabled {
  opacity: 0.2;
  filter: alpha(opacity = 20);
}

/* acc */
.acc-list .item {
  transition: all 0.3s;
  z-index: 1;
  position: relative;
  margin-bottom: -1px;
}
.acc-list .item > .a {
  transition: all 0.3s;
  cursor: pointer;
  padding: 20px 40px 20px 20px;
  border-bottom: 1px dashed #888888;
  font-size: 18px;
  color: #555555;
  font-weight: 600;
}
.acc-list .item > .a:before {
  transition: all 0.3s;
  width: 2px;
  height: 13px;
  background: #fff;
  content: "";
  position: absolute;
  left: 0px;
  top: 24px;
}
.acc-list .item > .a:after {
  position: absolute;
  right: 20px;
  top: 28px;
  width: 9px;
  height: 6px;
  content: "";
  background: url(sprite.png) no-repeat -95px -34px;
}
.acc-list .item > .b {
  font-size: 14px;
  color: #555;
  padding: 20px;
  animation: slideUp 0.3s;
  display: none;
}
.acc-list .item > .b p:last-child {
  margin-bottom: 0px;
}
.acc-list .item:last-child > .a {
  border: 0px;
}
.acc-list .item.open {
  z-index: 2;
  background: #f2f2f2;
}
.acc-list .item.open > .a {
  border: 0px;
  border-bottom: 0px;
}
.acc-list .item.open > .a:after {
  background-position: -81px -25px;
}
.acc-list .item.open > .a:before {
  background: #f22877;
}
.acc-list .item.open > .b {
  padding-top: 0px;
}
.acc-list .item.selected > .b {
  display: block;
}

/*
------------------------------------
Guarantee Tab
------------------------------------
*/
.guarantee .h2 {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 25px;
}
.guarantee .gp_rules .h2 {
  margin-bottom: 32px;
}
.guarantee .gp_rules .rules {
  text-align: justify;
}
.guarantee .gp_rules .rules li {
  margin-bottom: 20px;
}
.guarantee .gp_rules .rules ul {
  padding: 20px 0 0 30px;
  font-style: italic;
}
.guarantee .gp_rules .rules ul li {
  padding-left: 0px;
  margin-bottom: 14px;
}
.guarantee .gp_rules .rules ul li:before {
  display: none;
}
.guarantee .gp_subheader {
  line-height: 24px;
  margin-bottom: 20px;
}
.guarantee .gp_subheader p {
  margin-bottom: 25px;
}
.guarantee .gp_subheader .group {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #ededed;
}
.guarantee .gp_subheader .group:last-child {
  border: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.guarantee .gp_subheader blockquote {
  margin-bottom: 25px;
}
.guarantee .guarantee-list .tabs-group .tabs-content {
  padding: 0px;
  border: 0px;
}
.guarantee .g-service-map {
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 35px;
}
.guarantee .g-select-metro {
  margin-bottom: 25px;
}
.guarantee .g-select-metro label {
  line-height: 40px;
  display: block;
  text-align: right;
}

/*
------------------------------------
Pickup Tab
------------------------------------
*/
.pickup .map {
  margin-bottom: 40px;
}
.pickup .gp-header {
  margin-bottom: 0px;
}
.pickup .pp-dmethod {
  line-height: 24spx;
}
.pickup .pp-dmethod .col .t {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 20px;
}
.pickup .pp-dmethod .col {
  font-size: 12px;
  padding-right: 28px;
  width: 50%;
  float: left;
}
.pickup .pp-dmethod {
  margin-bottom: 40px;
}
.pickup .pp-dmethod .col .desc {
  padding-left: 100px;
  position: relative;
}
.pickup .pp-dmethod .col .desc:before {
  display: block;
  position: absolute;
  left: 20px;
  top: 20px;
  font-size: 50px;
  color: #67bb00;
  font-family: "icons";
  content: "\f1b9";
}
.pickup .pp-dmethod .col:nth-child(2) {
  padding: 0 0 0 28px;
}
.pickup .pp-dmethod .col:nth-child(2) .desc:before {
  content: "\f207";
}
.pickup .sdelivery-txt {
  padding: 10px 0 20px 0;
}
.pickup .sdelivery-txt .item {
  position: relative;
  padding: 20px 0 20px 52px;
  border-bottom: 1px solid #ededed;
}
.pickup .sdelivery-txt .item:last-child {
  border: 0px;
}
.pickup .sdelivery-txt .item:before {
  display: block;
  content: "";
  position: absolute;
  left: 0px;
  top: 20px;
  width: 32px;
  height: 32px;
  background: #67bb00;
  color: #fff;
  text-align: center;
  line-height: 32px;
  font-weight: 700;
  border-radius: 100%;
}
.pickup .sdelivery-txt .item:nth-child(1):before {
  content: "1";
}
.pickup .sdelivery-txt .item:nth-child(2):before {
  content: "2";
}
.pickup .sdelivery-txt .item:nth-child(3):before {
  content: "3";
}
.pickup .sdelivery-txt .item:nth-child(4):before {
  content: "4";
}

/*
------------------------------------
Static Page
------------------------------------
*/
.sbl {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ededed;
}
.sbl > .t {
  text-align: center;
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 20px;
}

/*
------------------------------------
Contacts Page
------------------------------------
*/
.b-group-blocks {
  margin-bottom: 20px;
  background: #fafafa;
  border-radius: 4px;
  padding: 20px 20px;
}
.b-group-blocks .item {
  color: #555;
  display: flex;
  align-items: center;
  height: 100%;
  min-height: 100px;
  background: #fff;
  border-radius: 4px;
  position: relative;
}
.b-group-blocks .item .c {
  width: 100%;
  padding: 10px 20px 10px 102px;
  line-height: 18px;
}
.b-group-blocks .item .c p {
  margin: 0px;
}
.b-group-blocks .item .c i {
  font-size: 26px;
  font-style: normal;
  color: #67bb00;
  text-align: center;
  vertical-align: middle;
  width: 62px;
  height: 62px;
  line-height: 62px;
  display: block;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -31px;
  border-radius: 100%;
  background: #f2f2f2;
}
.b-group-blocks .col-phone p {
  font-size: 12px;
  color: #a9a9a9;
  padding: 5px 0;
}
.b-group-blocks .col-phone .phone {
  color: #555;
  font-weight: 600;
  font-size: 18px;
  display: block;
}
.b-group-blocks .col-email a {
  font-size: 16px;
  color: #555;
  text-decoration: none;
  font-weight: 700;
}
.b-group-blocks .col-email a:hover {
  text-decoration: underline;
}
.b-group-blocks--locations {
  text-align: center;
}
.b-group-blocks--locations .location {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 0;
}
.b-group-blocks--locations .location:before {
  color: #67bb00;
  margin-right: 10px;
  font-size: 20px;
}
.b-group-blocks .col-txt .item .c {
  text-align: center;
  line-height: 20px;
  padding-left: 20px;
}

.sc-departments .col {
  height: 100%;
}
.sc-departments .col .col-content {
  overflow: hidden;
  border: 1px dashed #ededed;
  border-radius: 4px;
}
.sc-departments .col .h {
  position: relative;
  height: 186px;
  text-align: center;
  padding: 116px 20px 0 20px;
  font-size: 18px;
  color: #000;
  font-weight: 600;
}
.sc-departments .col .h:before {
  left: 0;
  right: 0;
  font-family: icons;
  font-size: 60px;
  position: absolute;
  display: block;
  margin: 0 auto;
  top: 50px;
  color: #ccc;
}
.sc-departments .col .h:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 40px;
  height: 3px;
  background: #67bb00;
}
.sc-departments .col-support .h:before {
  content: "\e81a";
}
.sc-departments .col-partners .h:before {
  content: "\f2b5";
}
.sc-departments .col-contacts .h:before {
  content: "\e800";
}
.sc-departments .col .details p:last-child {
  margin: 0px;
}
.sc-departments .col .details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 18px;
  font-size: 12px;
  color: #555;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background: #f5f5f5;
  padding: 20px;
  min-height: 206px;
}
.sc-departments .col-partners .details,
.sc-departments .col-contacts .details {
  text-align: center;
}
.sc-departments .col-contacts .details .idn {
  font-weight: 500;
  font-size: 13px;
}
.sc-departments .col-support {
  text-align: center;
}
.sc-departments .col-support .details {
  line-height: 24px;
}
.sc-departments .col-support .phone-wrap,
.sc-departments .col-support .email-wrap {
  line-height: 18px;
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #dcdcdc;
}
.sc-departments .col-support .phone-wrap > p {
  font-size: 12px;
  color: #a9a9a9;
  margin: 0px;
  display: block;
}
.sc-departments .col-support .phone-wrap span {
  font-size: 17px;
}
.sc_gorder {
  padding-top: 30px;
}
.sc_gorder .col {
  float: left;
  width: 42%;
}
.sc_gorder .col-details {
  padding-left: 35px;
  width: 58%;
}
.sc_gorder .col-details .group {
  position: relative;
  padding-left: 50px;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #ededed;
}
.sc_gorder .col-details .group:before {
  color: #666;
  content: "";
  position: absolute;
  left: 0px;
  top: 12px;
  font-family: icons;
  font-size: 26px;
}
.sc_gorder .col-details .group-phone {
  padding-left: 0px;
  overflow: hidden;
}
.sc_gorder .col-details .group-phone:before {
  display: none;
}
.sc_gorder .col-details .group-phone p {
  padding-left: 30px;
  position: relative;
  margin: 0px;
  width: 210px;
  margin-right: 30px;
  float: left;
  font-size: 12px;
  color: #a9a9a9;
  text-align: center;
}
.sc_gorder .col-details .group-phone p:before {
  content: "";
  position: absolute;
  width: 26px;
  height: 26px;
  left: 0px;
  top: 6px;
}
.sc_gorder .col-details .group-phone p span {
  display: block;
  font-size: 18px;
  color: #555;
  font-weight: 600;
}
.sc_gorder .col-details .group-phone p:nth-child(2):before {
  width: 28px;
  background-position: -72px 0;
}
.sc_gorder .col-details .group-address {
  font-size: 14px;
  font-style: italic;
}
.sc_gorder .col-details .group-car,
.sc_gorder .col-details .group-metro {
  padding-bottom: 0px;
  border: 0px;
  font-size: 12px;
  color: #555;
  line-height: 18px;
}
.sc_gorder .col-details .group-car span,
.sc_gorder .col-details .group-metro span {
  margin-bottom: 3px;
  font-weight: 700;
  display: block;
  color: #000;
}
.sc_gorder .col-details .group-car:before {
  content: "\f1b9";
}
.sc_gorder .col-details .group-metro:before {
  content: "\f207";
  font-size: 32px;
}

.side-articles {
  padding: 20px;
}
.side-articles > .t {
  font-weight: 700;
  margin-bottom: 20px;
}
.side-articles .editor ul {
  line-height: 15px;
  font-size: 13px;
  margin-bottom: 0;
}
.side-articles .editor ul li {
}
/*
------------------------------------
Support Page
------------------------------------
*/

.ss-links {
  margin-left: -34px;
}
.ss-links .item-wrap {
  width: 16.66%;
  float: left;
  text-align: center;
  padding: 0 0 0 34px;
  display: block;
}
.ss-links .item-wrap .item:before {
  transition: all 0.3s;
  width: 40px;
  height: 3px;
  top: 138px;
  background: #5894e0;
  position: absolute;
  left: 0;
  right: 0;
  content: "";
  margin: 0 auto;
}
.ss-links .item-wrap .item:after {
  content: "";
  background: url(support_sprite.png) no-repeat;
  height: 70px;
  margin: 0 auto;
  width: 70px;
  position: absolute;
  left: 0;
  right: 0;
  top: 33px;
}
.ss-links .item-wrap .i1:after {
  width: 62px;
}
.ss-links .item-wrap .i2:after {
  width: 58px;
  height: 77px;
  top: 30px;
  background-position: 0 -80px;
}
.ss-links .item-wrap .i3:after {
  width: 96px;
  height: 35px;
  background-position: -72px 0;
  top: 55px;
}
.ss-links .item-wrap .i4:after {
  background-position: -73px -46px;
}
.ss-links .item-wrap .i5:after {
  width: 69px;
  background-position: -88px -130px;
}
.ss-links .item-wrap .i6:after {
  background-position: 0px -165px;
}
.ss-links .item-wrap .item {
  transition: all 0.3s;
  cursor: pointer;
  position: relative;
  display: table;
  border: 1px solid #ccc;
  width: 100%;
  border-radius: 6px;
  padding-top: 140px;
  background: #fff;
}
.ss-links .item-wrap .item span {
  transition: all 0.3s;
  padding: 15px;
  font-size: 16px;
  color: #000;
  font-weight: 600;
  vertical-align: middle;
  display: table-cell;
  height: 80px;
  background: #f2f2f2;
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
.ss-links .item-wrap .item span small {
  display: block;
  font-weight: 400;
  font-size: 12px;
}
.ss-links .item-wrap .item:hover:before {
  width: 100%;
}
.ss-links .item-wrap .item:hover {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}
.ss-links .item-wrap .item:hover span {
  color: #3488df;
}

.p-status--item .p-status--item-popup {
  font-style: normal;
  display: inline-block;
  transition: all 0.3s;
  cursor: pointer;
  font-size: 12px;
  border: 1px solid #ccc;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  line-height: 16px;
  text-align: center;
  margin-left: 5px;
}
.p-status--item .p-status--item-popup:hover {
  background: #67bb00;
  border-color: #67bb00;
  color: #fff !important;
}

/* page offers */
.offers .h4 {
  display: inline-block;
  padding: 15px 0;
}
.offers ol,
.offers ul {
  margin-left: 20px;
}
.offers ol {
  counter-reset: item;
}
.offers ol li {
  display: block;
}
.offers > ol > li:before {
  color: #222124;
  font-size: 18px;
  margin-right: 5px;
}
.offers ol li:before {
  content: counters(item, ".") " ";
  counter-increment: item;
}
.offers ul {
  margin: 20px 0 20px 20px;
}
.offers ul li {
  list-style-type: none;
}
.offers ul li:before {
  content: "";
}

.delivery-bricks .item {
  height: 100%;
}
.delivery-bricks .item {
  border-radius: 5px;
  background: #ebebeb;
  padding: 25px;
}
.delivery-bricks .item-inner {
  display: flex;
  align-items: center;
}
.delivery-bricks .item-inner .item-inner--img {
  text-align: center;
  flex: 0 0 80px;
  min-width: 80px;
  padding-right: 10px;
}
.delivery-bricks .item-inner--desc-title {
  font-weight: 700;
  margin-bottom: 18px;
}
.m-js-open-filter {
  display: none;
}

.mobile-nav {
  display: flex;
  align-items: center;
  font-size: 20px;
}
.mobile-nav .i {
  cursor: pointer;
  display: inline-block;
  margin: 0 5px;
}
.mobile-nav .i-menu {
  display: inline-flex;
  align-items: center;
}
.mobile-nav .i-menu:before {
  margin-right: 5px;
  font-size: 26px;
}
.mobile-nav .i-search:before {
  font-size: 22px;
}
.mobile-nav .i-cart span {
  background: #67bb00;
  display: inline-block;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  float: right;
  border-radius: 100%;
  font-size: 12px;
  color: #fff;
}

.ico-help {
  transition: all 0.3s;
  background: #555;
  cursor: pointer;
  line-height: 18px;
  text-align: center;
  border-radius: 100%;
  color: #fff;
  font-weight: 400;
  width: 18px;
  height: 18px;
  display: block;
}
.ico-help:hover {
  background: #67bb00;
}
.product-secondprice {
  color: #555;
  font-size: 13px;
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  margin: -10px -20px 10px -20px;
}
.product-secondprice .product-secondprice--label {
  cursor: pointer;
  margin-right: 10px;
  display: flex;
  align-items: center;
}
.product-secondprice .product-secondprice--label:hover {
  color: #67bb00;
}
.product-secondprice .product-secondprice--label .ico-help {
  margin-right: 6px;
}
.product-secondprice .product-secondprice--label .false {
  transition: all 0.3s;
  color: #555;
  border-bottom: 1px dashed #555;
}
.product-secondprice .product-secondprice--label:hover .ico-help {
  background: #67bb00;
}
.product-secondprice .product-secondprice--label:hover .false {
  color: #67bb00;
  border-color: #67bb00;
}
.product-secondprice .product-secondprice--price {
  font-size: 14px;
  color: #222;
  font-weight: 400;
}

@media (max-width: 1299px) {
  body {
    padding-top: 184px;
  }
  .popup.xl {
    width: auto;
    left: 0;
    right: 0px;
    margin: 0 15px;
  }

  #header .top-bar {
    padding: 0px;
  }
  #header .top-bar .user-geolocation span {
    border: 0px;
  }
  #header .top-bar .links li a {
    padding-left: 8px;
    padding-right: 8px;
  }
  #header .middle-bar {
    padding: 20px 0;
  }
  #header .middle-bar .col-location {
    display: none;
  }

  #header .middle-bar .col-contacts {
    width: 64%;
  }
  #header .middle-bar .cart {
    width: 18%;
  }

  #header .bottom-bar .js-toggle-search {
    top: 50%;
    margin-top: -10px;
  }
  #header .worktime {
    border: 0px;
  }
  #header .phone .c .t {
    font-size: 20px;
  }
  #header .catalog {
    font-size: 14px;
  }
  #header .catalog .sub .row {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  #header .catalog > li {
    margin-right: 35px;
  }
  #header .catalog > li > a {
    padding: 15px 0;
  }
  #header .catalog > li.hs > a:after {
    top: 17px;
  }
  #header .catalog > li.hs > a {
  }
  #header .catalog > li.apple-ipad > .sub .item .img,
  #header .catalog > li.mac > .sub .item .img {
    height: 100px;
    line-height: 100px;
  }
  #header .search input[type="text"] {
    height: 46px;
    line-height: 46px;
  }
  #header .js-toggle-search:before {
    top: 14px;
  }
  #header .search .close {
    line-height: 46px;
  }

  .js-fixed-product-header #header .middle-bar .col-contacts {
    width: 69%;
  }
  .js-fixed-product-header #header .middle-bar .cart {
    width: 16%;
  }
  .js-fixed-product-header .col-contacts .col-product-details .col {
    display: block;
  }
  .js-fixed-product-header .col-contacts .col-product-details .col.img {
    display: none;
  }
  .js-fixed-product-header .col-product-details .action .price del {
    margin-right: 10px;
    display: inline-block;
  }
  .js-fixed-product-header .col-product-details .action .price-wrap {
    overflow: hidden;
  }
  .js-fixed-product-header .col-product-details .action .price-wrap .price {
    height: auto;
    display: block;
    margin-bottom: 5px;
  }
  .js-fixed-product-header .col-product-details .action .btn {
    min-width: 1px;
    height: 28px;
    padding: 0 10px;
    line-height: 28px;
  }
  .js-fixed-product-header .col-product-details .col.action {
    width: 33%;
  }
  .js-fixed-product-header .col-product-details .col.title {
    width: 67%;
  }
  .js-fixed-product-header .col-product-details .p-lplinks ul li {
    margin-right: 8px;
  }

  /* product */
  .p-card .p-header {
    padding-bottom: 25px;
  }
  .p-card .p-gallery .p-igallery .thumbs {
    display: none;
  }
  .p-card .MagicZoom {
    border: 1px solid #ededed !important;
  }
  .p-card .p-variants-list {
    padding-left: 10px;
    padding-right: 10px;
  }
  .p-card .p-title h1 {
    margin-bottom: 15px;
  }
  .p-card .p-gallery {
    padding-top: 0px;
  }
  .p-card .p-title .p-changle-view {
    margin-top: 0px;
  }
  .p-card .p-triggers {
    display: none;
  }
  .p-card .p-lp .p-lplinks {
    height: auto;
    margin-bottom: 0px;
  }
  .p-card .p-lp .p-lplinks ul li {
    padding: 0 15px;
    height: 60px;
    line-height: 60px;
  }
  .p-card-compact .p-header {
    padding-bottom: 0px;
  }
  .p-card .p-new-triggers .item {
    padding-right: 0px;
    padding-left: 75px;
  }
  .p-card .p-new-triggers .item:before {
    font-size: 40px;
  }
  .lbl-recommended .img-inner {
    margin-bottom: 15px;
  }
  .lbl-description .img .price {
    display: block;
    margin: 0 0px 20px 0;
  }
  .lbl-recommended .desc .h2 {
    padding-right: 0px;
    margin-bottom: 15px;
  }
  .cmp .cmp_summary {
    padding: 0px;
  }
  .cmp .col-pw {
    margin-bottom: 20px;
  }
  .cmp .cmp_summary .price-wrap,
  .cmp .cmp_summary .submit .btn {
    margin: 0px;
  }
  .lbl-specs .p-specs-buy {
    padding-top: 20px;
  }
  .p-card .m-js-open-filter {
    text-align: center;
    margin-bottom: 20px;
    display: block;
  }
  .p-specs-buytrigger .price-wrap {
    margin-bottom: 20px;
  }

  /* collection */
  .side-catalog,
  .sidebar {
    display: none;
  }
  #range {
    margin-bottom: 15px;
  }

  /* footer */
  .sub-footer .t {
    font-size: 17px;
    margin-bottom: 20px;
  }
  .footer .col-contacts {
    display: none;
  }

  /* index */
  .triggers {
    font-size: 13px;
  }
  .triggers .col {
    padding: 0 10px;
  }
  .triggers .container {
    padding: 35px 10px;
  }
  .triggers .i {
    font-size: 53px;
  }
  .triggers .desc .t {
    margin-bottom: 10px;
    font-size: 16px;
  }
  .popular-wrap {
    display: none;
  }
  .carousel-grid {
    padding: 30px 0;
  }
  .carousel-grid .container > .t {
    margin-bottom: 30px;
  }

  .sort .m-js-open-filter {
    float: left;
    display: block;
    margin-left: 20px;
  }
  .sort .m-js-open-filter .btn {
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    text-transform: none;
  }
  .js-show-sidebar .sidebar {
    display: block;
  }

  /* checkout */
  #checkout .t-group-dday {
    padding-top: 10px;
  }
  .cart-items .price-wrap .del {
    right: 4px;
    top: 4px;
  }
  .cart-items .desc {
    position: inherit;
  }
  .cart-items .item {
    text-align: center;
  }
  .cart-items .price-wrap > * {
    float: none;
    display: inline-block;
  }

  /* inner */
  .sc-header .col-phone span,
  .sc-departments .col .phone-wrap span {
    font-size: 16px;
  }
  .sc-header .col-email a {
    font-size: 14px;
  }
  .sc_gorder {
    padding-top: 10px;
  }
  .sc_gorder .col-map {
    margin-bottom: 20px;
  }
  .sc_gorder .col-details {
    padding-left: 10px;
  }
  .sc-departments-wrap {
    padding-bottom: 0px;
    border: 0px;
  }
  .sc-departments .col-contacts .details .idn {
    font-size: 12px;
    line-height: normal;
  }
  .delivery-bricks .col-24 {
    margin-bottom: 12px;
  }
  .delivery-bricks .col-24:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 991px) {
  body {
    padding-top: 105px;
  }
  h1,
  .h1 {
    font-size: 24px;
    margin-bottom: 15px;
  }
  h2,
  .h2 {
    font-size: 20px;
  }
  h3,
  .h3 {
    font-size: 17px;
  }
  h4,
  .h4,
  h5,
  h6,
  .h5,
  .h6 {
    font-size: 16px;
  }

  .js-h-menu-show #header .js-catalog-col {
    display: block;
  }
  .index-description .col-24:first-child {
    margin-bottom: 30px;
  }
  #header {
    margin-bottom: 20px;
    padding-bottom: 0px;
  }
  #header .top-bar,
  #header .col-contacts {
    display: none;
  }
  #header .js-catalog-col {
    display: none;
  }
  #header .js-catalog-col .js-toggle-search {
    display: none;
  }
  #header .mobile-col {
    padding-top: 10px;
    display: block;
    width: 75%;
    float: right;
    text-align: center;
  }
  #header .mobile-col .mobile-phone {
    font-size: 20px;
  }
  #header .middle-bar .cart {
    display: none;
  }
  #header .search input[type="text"] {
    font-size: 16px;
  }
  #header .catalog {
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    left: 10px;
    right: 10px;
    background: #fff;
    position: absolute;
    top: 1px;
    z-index: 9;
    border: 1px solid #ddd;
    border-top: 0px;
    overflow: scroll;
    max-height: 80vh;
  }
  #header .catalog > li {
    position: relative;
    margin: 0px;
    border-top: 1px solid #ddd;
  }
  #header .catalog > li.hs .fa {
    display: block;
    color: #333;
    font-size: 16px;
    text-align: center;
    line-height: 32px;
    width: 32px;
    height: 32px;
    background: #f8f8f8;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
  }
  #header .catalog > li.hs .fa:before {
    content: "+";
  }
  #header .catalog > li.hs.active .fa:before {
    content: "-";
  }

  #header .catalog > li.hs > a {
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
    color: #777;
    display: block;
    padding: 8px 15px;
    margin-right: 30px;
  }
  #header .catalog > li.hs .sub {
    display: none;
  }
  #header .catalog > li.hs .sub ul {
    padding-bottom: 15px;
    overflow: hidden;
    display: block;
    flex: unset;
    -webkit-box-flex: unset;
    -webkit-flex: unset;
    -ms-flex: unset;
  }
  #header .catalog > li.hs .sub ul li {
    width: 25%;
    float: left;
    text-align: center;
    max-width: none;
    flex: unset;
    -webkit-box-flex: unset;
    -webkit-flex: unset;
    -ms-flex: unset;
  }
  #header .catalog > li.hs .sub ul li a {
    color: #777;
    text-decoration: none;
    display: block;
    padding: 10px;
  }
  #header .catalog > li.hs .sub ul li a .img {
    margin-bottom: 10px;
    transition: all 0.3s;
    display: block;
    height: 120px;
  }
  #header .catalog > li.hs .sub ul li a .img img {
    max-width: 100%;
    max-height: 100%;
  }
  #header .catalog > li.hs .sub ul li a:hover {
    color: #67bb00;
  }
  #header .catalog > li.hs .sub ul li a:hover .img {
    opacity: 0.7;
  }
  #header .catalog > li.dd .sub ul {
    padding-left: 25px;
  }
  #header .catalog > li.dd .sub ul li {
    width: 100% !important;
    float: none;
    text-align: left;
  }

  #header .bottom-bar {
    background: #fff;
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0px;
    right: 0px;
  }

  .js-fixed-header #header {
    margin-bottom: 0;
  }
  .js-fixed-header #header .js-toggle-search {
    color: #000;
  }
  .sort {
    float: none;
    margin-bottom: 20px;
    padding-top: 0px;
  }
  .sort .view {
    margin-left: auto;
  }

  .products-grid [class^="col-"] {
    margin-bottom: 10px;
  }
  .products-grid.list .product .p-specs,
  .products-grid.list .product .buywrap .btn-more {
    display: none;
  }

  /* product */
  .p-card .p-variants-list,
  .p-card .p-variants .all-specs {
    text-align: center;
  }
  .p-card .p-variants .group li {
    float: none;
    display: inline-block;
  }
  .p-card .p-lp .p-lplinks ul li:hover {
    /* border-color: #f2f2f2; */
  }
  .p-card .p-lplinks ul li.active,
  .p-card .p-lplinks ul li.active:hover {
    /* background: #67bb00;
    color: #fff;
    */
    /* border-bottom: solid 2px #0773e6; */
  }
  .p-card .bl-specs .col-product {
    display: none;
  }
  .p-card .cmp .cmp_links span {
    width: 33.33%;
    text-align: center;
    padding: 0 10px;
  }
  .p-card .cmp .cmp_preview .grid .item {
    font-size: 12px;
    min-height: 210px;
    padding: 25px 15px 15px 15px;
  }
  .p-card .cmp .cmp_preview .grid .item .img {
    height: 116px;
    line-height: 116px;
  }
  .p-card .cmp_summary {
    margin-left: 0px;
    margin-right: 0px;
    padding: 15px;
    background: #fafafa;
    border-radius: 5px;
  }
  .p-card .p-shortstory,
  .p-card .p-buy-wrap .price-wrap .label {
    display: none;
  }
  .p-card .delivery-info .list {
    text-align: center;
  }
  .p-card .p-new-triggers .item {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .p-card .p-buy-wrap .base-prices {
    text-align: center;
  }
  .p-card .p-buy-wrap .msg {
    margin: 0;
    float: none;
    margin-bottom: 15px;
    width: auto;
  }
  .p-card .p-buy-wrap .msg br {
    display: none;
  }
  .bl > .t {
    font-size: 20px;
  }
  .p-card .p-specs-buytrigger .btn {
    width: 100%;
    margin: 0px;
  }
  .p-card .p-specs-buytrigger .btn-cart {
    margin-bottom: 10px;
  }

  .tabs-group > .tabs-links > span {
    font-size: 13px;
  }
  .tabs-group > .tabs-links > span span {
    display: none;
  }

  .sub-footer {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .sub-footer .details-col {
    display: none;
  }
  .footer .col-links {
    margin-bottom: 20px;
  }

  .footer .copy-row .copy {
    padding-top: 0px;
    text-align: center;
  }
  .footer .payments-col,
  .footer .logo-col {
    display: none;
  }
  .footer .col-info .addr .group {
    padding-top: 0px;
  }

  .cart-page .cart-items-wrap {
    padding-top: 15px;
  }
  .cart-items .img a {
    display: block;
    height: 100px;
  }
  .cart-items .img a.del {
    height: auto;
  }
  .cart-items .item {
    text-align: left;
  }

  .main-slider {
    height: 55vh;
    max-height: none;
  }
  .main-slider .container {
    padding-left: 0;
    padding-right: 0;
  }
  .main-slider .slider .item {
    height: 55vh;
    min-height: 55vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
  }
  .main-slider .slider .item img {
    display: none;
  }
  .main-slider .slider .desc-wrap {
    position: absolute;
    box-sizing: border-box;
    bottom: 80px;
    left: 0;
    right: 0;
    width: 100%;
    transform: none;
    top: auto;
    padding: 0 20px;
    text-align: center;
    z-index: 2;
  }
  .main-slider .slider .desc .status span {
    padding: 5px 10px;
    height: auto;
    line-height: normal;
    font-size: 14px;
    text-transform: none;
  }
  .main-slider .slider .desc .h1 {
    font-size: 38px;
    margin-bottom: 0px;
  }
  .main-slider .slider .desc p {
    padding-top: 0px;
    margin-bottom: 10px;
  }
  .main-slider .slider .btn-wrap .btn {
    height: 40px;
    line-height: 40px;
    display: inline-block;
    font-size: 14px;
  }

  .main-slider .slider .swiper-pagination {
    display: block;
    bottom: 20px;
  }

  .carousel-grid .container > .t {
    margin-bottom: 25px;
  }
  .carousel-grid .grid .item {
    overflow: hidden;
    height: 142px;
    padding: 20px;
  }
  .carousel-grid .grid .item .img {
    width: 100px;
    left: 20px;
  }
  .carousel-grid .grid .item .img img {
    max-width: 100%;
    max-height: 100%;
  }
  .carousel-grid.blog-grid .grid .item .desc {
    padding-left: 0;
  }
  .carousel-grid.blog-grid .grid .item {
    height: auto;
  }
  .carousel-grid .grid .item .desc,
  .carousel-grid.blog-grid .grid .item.has_img .desc {
    padding-left: 120px;
  }

  .carousel-grid .grid .item .t {
    font-size: 19px;
  }
  .carousel-grid .grid .item .price {
    font-size: 15px;
    margin-bottom: 7px;
  }
  .carousel-grid .grid .item .btn-wrap {
    text-align: left;
  }
  .carousel-grid .grid .item .btn {
    height: 26px;
    line-height: 26px;
  }
  .carousel-grid .owl-controls {
  }
  .carousel-grid .grid .owl-stage {
    height: 142px;
  }

  .bl-recommended .img-inner img {
    max-height: 240px;
  }
  .triggers .container {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .triggers .item {
    display: block;
    text-align: center;
    padding: 15px 0;
  }
  .triggers .item img {
    margin: 0 0 10px 0;
  }
  .triggers .desc {
    display: block;
    width: 100%;
  }
  .side-filter-sort .group {
    padding: 6px 0;
  }
  .side-filter-sort .group .t {
    line-height: normal;
    float: none;
    margin: 0 0 10px 0;
  }
  .side-filter-sort .group ul li {
    float: none;
    display: inline-block;
  }

  .p-card .p-buy-wrap .p-fastbuy-desktop {
    display: none;
  }
  .p-card .p-buy-wrap .p-fastbuy-mobile {
    display: block;
  }

  #header .middle-bar .col-logo {
    width: 25%;
  }
  .bl-reviews .list-col {
    margin-bottom: 30px;
  }

  .sc-header .col .col-content {
    margin-bottom: 15px;
  }

  .sc-header .col:last-child .col-content {
    margin-bottom: 0px;
  }
  .collection-subcollections {
    display: none;
  }
  .triggers .item img {
    max-height: 50px;
  }
}

@media (max-width: 767px) {
  .main-slider .slider .swiper-pagination {
    text-align: center;
    width: 100%;
  }
  #filter {
    position: relative;
  }
  .js-close-filter {
    display: block;
    position: absolute;
    right: 3px;
    font-size: 30px;
    top: 3px;
    cursor: pointer;
    color: #999;
    height: 26px;
    text-align: center;
    line-height: 21px;
    width: 26px;
    z-index: 10;
  }
  .p404 h1 {
    font-size: 36px;
  }
  #header .logo {
    font-size: 16px;
  }
  #header .logo img {
    height: 24px;
    position: relative;
    top: 2px;
  }
  #header .messangers .messangers__links span {
    display: none;
  }
  #header .messangers .messangers__links {
    gap: 21px;
  }
  #header .messangers .messangers__links_item {
    padding: 4px 12px 4px 14px;
  }
  #header .logo:before {
    font-size: 48px;
  }
  #header .middle-bar {
    padding: 15px 0;
  }
  #header .middle-bar .col-logo {
    padding-top: 0px;
    width: 40%;
  }
  #header .mobile-col {
    padding-top: 0px;
    text-align: right;
  }
  #header .mobile-col .mobile-phone-number {
    color: #333;
    text-decoration: none;
    font-size: 17px;
    font-weight: 300;
  }
  #header .mobile-col .row {
    flex-direction: column-reverse;
    gap: 0.5rem;
  }
  .mobile-nav {
    padding-top: 5px;
    justify-content: flex-end;
  }
  .p-card .bl-recommended {
    display: none;
  }
  .p-card .cmp .cmp_links span {
    width: 100%;
    display: block;
    border-radius: 0px;
  }
  .p-card .cmp .cmp_preview .grid {
    display: block;
  }
  .p-card .cmp .cmp_preview .grid .item {
    text-align: left;
    min-height: auto;
    padding: 20px 12px 12px 12px;
  }
  .p-card .cmp .cmp_preview .grid .col-pos:first-child .item {
    border-radius: 0px;
  }
  .p-card .cmp .cmp-pw .col {
    margin-bottom: 6px;
    width: 100%;
  }
  .p-card .cmp .cmp_preview .grid .item .t {
    height: auto;
  }
  .p-card .cmp .cmp_preview .grid .item .img {
    height: 70px;
    line-height: 70px;
    margin: 0px;
    text-align: center;
  }
  .p-card .cmp .cmp_preview .col-pos .plus {
    width: 28px;
    height: 28px;
    margin-top: -19px;
    line-height: 26px;
    top: auto;
    left: 10px;
  }
  .p-card .cmp .cmp_preview .col-pos .plus:before {
    margin: 0px;
    font-size: 22px;
    font-weight: 700;
    line-height: 21px;
  }
  .p-card .cmp .cmp_links span {
    border-top: 0px;
  }
  .p-card .cmp .cmp_links span:first-child {
    border-top: 1px solid #ccc;
  }
  .p-card .p-lp .p-lplinks ul {
    margin: 0px;
  }
  /* .p-card .p-lp .p-lplinks ul li {
    border: 1px solid #f2f2f2;
  } */

  .p-card .bl > .t {
    display: none;
  }
  .p-card .p-specs .p-specs-group {
    margin-bottom: 25px;
  }
  .p-card .p-title .p-changle-view {
    display: none;
  }
  .p-card .p-title h1 {
    display: block;
  }
  .p-card .p-title .status {
    display: none;
  }
  .p-card .p-specs .t {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .p-card .p-specs ul {
    font-size: 13px;
  }
  .p-card .p-specs ul li {
    margin-bottom: 10px;
  }
  .p-card .cmp .cmp_summary .price-wrap {
    margin-bottom: 20px;
  }
  .p-card .p-specs-buytrigger {
    padding: 20px;
  }

  .triggers .container {
    padding: 25px 10px;
  }
  .triggers .desc {
    padding-top: 6px;
    padding-bottom: 15px;
  }
  .main-slider .slider .desc .status {
    margin-bottom: 5px;
  }
  .main-slider .slider .desc .h1 {
    font-size: 25px;
  }
  .main-slider .slider .desc-wrap {
    bottom: 60px;
    padding: 0 15px;
  }
  .footer .col-links {
    display: none;
  }
  .carousel-grid .container > .t,
  .sub-footer .t {
    font-size: 15px;
    margin-bottom: 15px;
  }
  .carousel-grid .owl-carousel .owl-controls .owl-nav {
    top: -42px;
  }
  .carousel-grid .grid .item .btn {
    font-size: 12px;
  }
  .products-grid .product .t {
    padding: 10px 0;
    min-height: auto;
    max-height: none;
    margin-bottom: 10px;
  }

  .sub-footer .t {
    text-align: center;
  }
  .footer .col-info .addr {
    padding-top: 20px;
    padding-bottom: 6px;
  }
  .footer .col-info .addr .group {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .index-description ul {
    column-count: 1;
    column-gap: auto;
  }
  .sort .view {
    display: none;
  }
  #header .catalog > li.hs .sub ul li {
    width: 33.33%;
  }

  .triggers-bottom .item {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .triggers-bottom .i {
    font-size: 36px;
    flex: 0 0 13%;
    text-align: center;
    width: 100%;
    margin-bottom: 6px;
  }
  .triggers-bottom .desc {
    padding: 0;
  }
  .collection-seofilters {
    display: none;
  }

  #header .catalog > li.none {
    border-color: #fafafa;
    display: block;
    padding: 5px 15px;
  }
}

.sort .current-characteristics {
  display: none;
}

@media (max-width: 575px) {
  .mobile-nav .i-cart span {
    background: #67bb00;
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    float: right;
    border-radius: 100%;
    font-size: 12px;
    color: #fff;
    margin-left: 4px;
  }
  .popup {
    width: auto !important;
    left: 0;
    right: 0;
    margin: 0 10px;
  }
  .popup .c {
    padding: 20px;
  }
  .popup-fastbuy .col-product {
    display: none;
  }
  h1,
  .h1 {
    font-size: 20px;
    margin-bottom: 12px;
  }
  h2,
  .h2 {
    font-size: 18px;
  }
  h3,
  .h3 {
    font-size: 16px;
  }
  h4,
  .h4,
  h5,
  h6,
  .h5,
  .h6 {
    font-size: 14px;
  }
  .p-card .p-new-triggers {
    padding-top: 20px;
  }
  /* .path {display:none;} */
  .mobile-nav .i {
    margin: 0 0px 0px 10px;
    display: flex;
    align-items: center;
  }
  .mobile-nav .i-menu {
    font-size: 12px;
  }
  .mobile-nav .i-menu:before {
    font-size: 20px;
  }
  .mobile-nav .i:before {
    margin: 0px 3px;
  }
  #header .catalog > li.hs .sub ul {
    padding-left: 25px;
  }
  #header .catalog > li.hs .sub ul li a {
    display: inline-block;
  }
  #header .catalog > li.hs .sub ul li a .img {
    display: none;
  }
  #header .catalog > li.hs .sub ul li {
    padding: 0px;
    width: 100% !important;
    float: none;
    text-align: left;
  }
  .sort {
    margin-bottom: 10px;
  }
  .sort,
  .sort .cselect,
  .sort .view {
    display: block;
  }
  .sort .m-js-open-filter {
    float: none;
    margin: 0 0 0px 0;
    clear: both;
  }
  .sort .cselect label,
  .sort .cselect .select {
    float: none;
    width: 100%;
  }
  .sort .cselect,
  .sort .btn {
    width: 100%;
    margin: 0 0 10px 0;
    display: block;
    float: none;
  }
  .sort .view {
    display: none;
  }

  .sort .current-characteristics {
    width: 100%;
    margin: 10px 0 0 0;
    display: block;
    float: none;
    clear: both;
  }

  .sort .current-characteristics .label {
    font-size: 12px;
    color: #888;
    margin-bottom: 8px;
    font-weight: 500;
  }

  .sort .current-characteristics .item {
    transition: all 0.3s;
    background: #b5b4b4;
    color: #fff;
    cursor: pointer;
    line-height: 26px;
    min-width: 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 2px 5px 0 5px;
    margin: 2px 5px 2px 0;
    border-radius: 3px;
    font-size: 12px;
  }

  .p-card .p-pi .bl-specs {
    padding-bottom: 0px;
  }
  .p-card {
    margin-bottom: 0px;
  }
  .footer .links-row {
    border-radius: 0px;
    padding: 0px;
    background: none;
  }
  .products-grid .product .image {
    height: auto;
    line-height: normal;
  }
  .sub-footer .reviews-col .more {
    font-size: 11px;
    text-transform: uppercase;
    bottom: 15px;
    right: auto;
    left: 50%;
    margin-left: -36px;
    top: auto;
  }
  .sub-footer .reviews-group .group .h .date {
    margin-bottom: 10px;
    position: relative;
    text-align: center;
    left: auto;
    top: auto;
  }
  .sub-footer .reviews-group .group .c {
    line-height: 20px;
  }
  .sub-footer .reviews-group {
    padding-bottom: 40px;
  }
  .sub-footer .reviews-group .group .h {
    margin-bottom: 15px;
  }
  .footer {
    border-top: 4px solid #f6f6f6;
  }
  .popup-callback .time-open .time-choose-inputs,
  .popup-callback .form-offline .time-choose-inputs {
    display: block;
  }
  .popup-callback .form-offline .time-choose-inputs .sep {
    display: none;
  }
  .popup-callback .time-choose-inputs select {
    width: 100%;
    margin-bottom: 10px;
  }
  .p404 h1 {
    font-size: 26px;
  }
  .p404 .p404-img img {
    max-width: 100%;
  }
  .p404 .p404-btns .btn {
    width: 100%;
    margin-bottom: 15px;
  }
  .flex-column-centered {
    align-items: center;
    flex-direction: column;
  }
}

@media (max-width: 420px) {
  #header .mobile-col .mobile-phone-number {
    font-size: 14px;
  }
  h1,
  .h1 {
    font-size: 18px;
  }
  .p-card .p-title h1 {
    margin-bottom: 8px;
  }
  .mobile-nav {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  #header .bottom-bar {
    margin-bottom: 16px;
  }
  #header .col-logo {
    padding-top: 4px;
  }
  #header .logo {
    font-size: 19px;
    margin: 0px;
  }
  #header .middle-bar {
    padding: 15px 0;
  }
  #header .logo:before {
    font-size: 38px;
    left: 20px !important;
    margin: 0px !important;
    top: -7px !important;
  }
  .sub-footer .reviews-group {
    padding: 15px 15px 30px 15px;
  }
  .sub-footer .reviews-col .more {
    bottom: 10px;
  }

  /* Анимация для геолокации */
  .js-geo-loading {
    position: relative;
  }

  .js-geo-loading:after {
    content: "";
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    border: 2px solid #67bb00;
    border-top: 2px solid transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
  }

  @keyframes spin {
    0% {
      transform: translateY(-50%) rotate(0deg);
    }
    100% {
      transform: translateY(-50%) rotate(360deg);
    }
  }
}

@media (max-width: 992px) {
  .js-h-menu-show {
    overflow: hidden !important;
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
  }
}

@media (min-width: 992px) and (max-width: 1299px) {
  #header .phone .c .t {
    line-height: 46px;
  }
  #header .c {
    display: flex;
  }
  #header .phone .c {
    padding: 0;
    justify-content: center;
  }
}
@media (min-width: 1300px) {
  #header .phone .c .t {
    font-size: 18px;
    margin-bottom: 0;
    line-height: 25px;
    letter-spacing: 0.8px;
  }
  .messangers .messangers__links_item {
    height: 18px !important;
  }
  #header .phone .c {
    padding: 0;
    justify-content: center;
  }
}

.p-lplinks-list {
  justify-content: center;
}

.row.p-lplinks-list li {
  width: fit-content;
  flex-basis: auto;
}

@media (min-width: 768px) and (max-width: 991px) {
  .row.p-lplinks-list li {
    flex-basis: auto !important;
    max-width: none;
  }
}