.container,
.container-fluid {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px;
}
.col,
[class^="col-"],
[class*=" col-"] {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.no-gutters .col,
.no-gutters [class^="col-"],
.no-gutters [class*=" col-"],
.grid-row .col,
.grid-row [class^="col-"],
.grid-row [class*=" col-"] {
  padding-left: 0;
  padding-right: 0;
}
.grid-row,
.row {
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.row.mar24 {
  margin-right: -12px;
  margin-left: -12px;
}
.row.mar24 [class*="col-"],
.row.mar24 [class^="col-"] {
  padding-right: 12px;
  padding-left: 12px;
}
.row.mar20 {
  margin-right: -10px;
  margin-left: -10px;
}
.row.mar20 [class*="col-"],
.row.mar20 [class^="col-"] {
  padding-right: 10px;
  padding-left: 10px;
}
.row.mar15 {
  margin-right: -7.5px;
  margin-left: -7.5px;
}
.row.mar15 [class*="col-"],
.row.mar15 [class^="col-"] {
  padding-right: 7.5px;
  padding-left: 7.5px;
}
.row.mar12 {
  margin-right: -6px;
  margin-left: -6px;
}
.row.mar12 .col,
.row.mar12 [class*="col-"],
.row.mar12 [class^="col-"] {
  padding-right: 6px;
  padding-left: 6px;
}
.grid-top {
  -ms-flex-align: start;
  align-items: flex-start;
}
.grid-bottom {
  -ms-flex-align: end;
  align-items: flex-end;
}
.grid-center {
  -ms-flex-align: center;
  align-items: center;
}
.grid-justify-enter {
  -ms-flex-pack: center;
  justify-content: center;
}
.grid-col-top {
  align-self: flex-start;
  -ms-flex-item-align: start;
}
.grid-col-bottom {
  align-self: flex-end;
  -ms-flex-item-align: end;
}
.grid-col--center {
  align-self: center;
  -ms-flex-item-align: center;
}
.grid-col-auto-size {
  box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.no-gutters {
  margin-left: 0;
  margin-right: 0;
}
:root[dir=rtl] [class^="offset-"],
:root[dir=rtl] [class*=" offset-"] {
  margin-left: 0;
}
.col {
  flex-basis: 0;
  -ms-box-flex: 1;
  box-flex: 1;
  flex-grow: 1;
  max-width: 100%;
}
.col-xs-auto {
  box-flex: 1;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}
.col-xs {
  flex-basis: 0;
  -ms-box-flex: 1;
  box-flex: 1;
  flex-grow: 1;
  max-width: 100%;
}
.col-xs-1 {
  box-flex: 1;
  -ms-flex: 0 0 8.333333333333332%;
  flex: 0 0 8.333333333333332%;
  max-width: 8.333333333333332%;
}
.col-xs-2 {
  box-flex: 1;
  -ms-flex: 0 0 16.666666666666664%;
  flex: 0 0 16.666666666666664%;
  max-width: 16.666666666666664%;
}
.col-xs-3 {
  box-flex: 1;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.col-xs-4 {
  box-flex: 1;
  -ms-flex: 0 0 33.33333333333333%;
  flex: 0 0 33.33333333333333%;
  max-width: 33.33333333333333%;
}
.col-xs-5 {
  box-flex: 1;
  -ms-flex: 0 0 41.66666666666667%;
  flex: 0 0 41.66666666666667%;
  max-width: 41.66666666666667%;
}
.col-xs-6 {
  box-flex: 1;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.col-xs-7 {
  box-flex: 1;
  -ms-flex: 0 0 58.333333333333336%;
  flex: 0 0 58.333333333333336%;
  max-width: 58.333333333333336%;
}
.col-xs-8 {
  box-flex: 1;
  -ms-flex: 0 0 66.66666666666666%;
  flex: 0 0 66.66666666666666%;
  max-width: 66.66666666666666%;
}
.col-xs-9 {
  box-flex: 1;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.col-xs-10 {
  box-flex: 1;
  -ms-flex: 0 0 83.33333333333334%;
  flex: 0 0 83.33333333333334%;
  max-width: 83.33333333333334%;
}
.col-xs-11 {
  box-flex: 1;
  -ms-flex: 0 0 91.66666666666666%;
  flex: 0 0 91.66666666666666%;
  max-width: 91.66666666666666%;
}
.col-xs-12 {
  box-flex: 1;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.offset-xs-1 {
  margin-left: 8.333333333333332%;
}
:root[dir=rtl] .offset-xs-1 {
  margin-right: 8.333333333333332%;
}
.offset-xs-2 {
  margin-left: 16.666666666666664%;
}
:root[dir=rtl] .offset-xs-2 {
  margin-right: 16.666666666666664%;
}
.offset-xs-3 {
  margin-left: 25%;
}
:root[dir=rtl] .offset-xs-3 {
  margin-right: 25%;
}
.offset-xs-4 {
  margin-left: 33.33333333333333%;
}
:root[dir=rtl] .offset-xs-4 {
  margin-right: 33.33333333333333%;
}
.offset-xs-5 {
  margin-left: 41.66666666666667%;
}
:root[dir=rtl] .offset-xs-5 {
  margin-right: 41.66666666666667%;
}
.offset-xs-6 {
  margin-left: 50%;
}
:root[dir=rtl] .offset-xs-6 {
  margin-right: 50%;
}
.offset-xs-7 {
  margin-left: 58.333333333333336%;
}
:root[dir=rtl] .offset-xs-7 {
  margin-right: 58.333333333333336%;
}
.offset-xs-8 {
  margin-left: 66.66666666666666%;
}
:root[dir=rtl] .offset-xs-8 {
  margin-right: 66.66666666666666%;
}
.offset-xs-9 {
  margin-left: 75%;
}
:root[dir=rtl] .offset-xs-9 {
  margin-right: 75%;
}
.offset-xs-10 {
  margin-left: 83.33333333333334%;
}
:root[dir=rtl] .offset-xs-10 {
  margin-right: 83.33333333333334%;
}
.offset-xs-11 {
  margin-left: 91.66666666666666%;
}
:root[dir=rtl] .offset-xs-11 {
  margin-right: 91.66666666666666%;
}
.offset-xs-12 {
  margin-left: 100%;
}
:root[dir=rtl] .offset-xs-12 {
  margin-right: 100%;
}
.order-xs-first {
  -ms-flex-order: -1;
  order: -1;
}
.order-xs-1 {
  -ms-flex-order: 1;
  order: 1;
}
.order-xs-2 {
  -ms-flex-order: 2;
  order: 2;
}
.order-xs-3 {
  -ms-flex-order: 3;
  order: 3;
}
.order-xs-4 {
  -ms-flex-order: 4;
  order: 4;
}
.order-xs-5 {
  -ms-flex-order: 5;
  order: 5;
}
.order-xs-6 {
  -ms-flex-order: 6;
  order: 6;
}
.order-xs-7 {
  -ms-flex-order: 7;
  order: 7;
}
.order-xs-8 {
  -ms-flex-order: 8;
  order: 8;
}
.order-xs-9 {
  -ms-flex-order: 9;
  order: 9;
}
.order-xs-10 {
  -ms-flex-order: 10;
  order: 10;
}
.order-xs-11 {
  -ms-flex-order: 11;
  order: 11;
}
.order-xs-12 {
  -ms-flex-order: 12;
  order: 12;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
  .col {
    flex-basis: 0;
    -ms-box-flex: 1;
    box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    box-flex: 1;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm {
    flex-basis: 0;
    -ms-box-flex: 1;
    box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-1 {
    box-flex: 1;
    -ms-flex: 0 0 8.333333333333332%;
    flex: 0 0 8.333333333333332%;
    max-width: 8.333333333333332%;
  }
  .col-sm-2 {
    box-flex: 1;
    -ms-flex: 0 0 16.666666666666664%;
    flex: 0 0 16.666666666666664%;
    max-width: 16.666666666666664%;
  }
  .col-sm-3 {
    box-flex: 1;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    box-flex: 1;
    -ms-flex: 0 0 33.33333333333333%;
    flex: 0 0 33.33333333333333%;
    max-width: 33.33333333333333%;
  }
  .col-sm-5 {
    box-flex: 1;
    -ms-flex: 0 0 41.66666666666667%;
    flex: 0 0 41.66666666666667%;
    max-width: 41.66666666666667%;
  }
  .col-sm-6 {
    box-flex: 1;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    box-flex: 1;
    -ms-flex: 0 0 58.333333333333336%;
    flex: 0 0 58.333333333333336%;
    max-width: 58.333333333333336%;
  }
  .col-sm-8 {
    box-flex: 1;
    -ms-flex: 0 0 66.66666666666666%;
    flex: 0 0 66.66666666666666%;
    max-width: 66.66666666666666%;
  }
  .col-sm-9 {
    box-flex: 1;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    box-flex: 1;
    -ms-flex: 0 0 83.33333333333334%;
    flex: 0 0 83.33333333333334%;
    max-width: 83.33333333333334%;
  }
  .col-sm-11 {
    box-flex: 1;
    -ms-flex: 0 0 91.66666666666666%;
    flex: 0 0 91.66666666666666%;
    max-width: 91.66666666666666%;
  }
  .col-sm-12 {
    box-flex: 1;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-sm-1 {
    margin-left: 8.333333333333332%;
  }
  :root[dir=rtl] .offset-sm-1 {
    margin-right: 8.333333333333332%;
  }
  .offset-sm-2 {
    margin-left: 16.666666666666664%;
  }
  :root[dir=rtl] .offset-sm-2 {
    margin-right: 16.666666666666664%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  :root[dir=rtl] .offset-sm-3 {
    margin-right: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333333333%;
  }
  :root[dir=rtl] .offset-sm-4 {
    margin-right: 33.33333333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666666666667%;
  }
  :root[dir=rtl] .offset-sm-5 {
    margin-right: 41.66666666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  :root[dir=rtl] .offset-sm-6 {
    margin-right: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333333333336%;
  }
  :root[dir=rtl] .offset-sm-7 {
    margin-right: 58.333333333333336%;
  }
  .offset-sm-8 {
    margin-left: 66.66666666666666%;
  }
  :root[dir=rtl] .offset-sm-8 {
    margin-right: 66.66666666666666%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  :root[dir=rtl] .offset-sm-9 {
    margin-right: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333333334%;
  }
  :root[dir=rtl] .offset-sm-10 {
    margin-right: 83.33333333333334%;
  }
  .offset-sm-11 {
    margin-left: 91.66666666666666%;
  }
  :root[dir=rtl] .offset-sm-11 {
    margin-right: 91.66666666666666%;
  }
  .offset-sm-12 {
    margin-left: 100%;
  }
  :root[dir=rtl] .offset-sm-12 {
    margin-right: 100%;
  }
  .order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
  .col {
    flex-basis: 0;
    -ms-box-flex: 1;
    box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    box-flex: 1;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md {
    flex-basis: 0;
    -ms-box-flex: 1;
    box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-1 {
    box-flex: 1;
    -ms-flex: 0 0 8.333333333333332%;
    flex: 0 0 8.333333333333332%;
    max-width: 8.333333333333332%;
  }
  .col-md-2 {
    box-flex: 1;
    -ms-flex: 0 0 16.666666666666664%;
    flex: 0 0 16.666666666666664%;
    max-width: 16.666666666666664%;
  }
  .col-md-3 {
    box-flex: 1;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    box-flex: 1;
    -ms-flex: 0 0 33.33333333333333%;
    flex: 0 0 33.33333333333333%;
    max-width: 33.33333333333333%;
  }
  .col-md-5 {
    box-flex: 1;
    -ms-flex: 0 0 41.66666666666667%;
    flex: 0 0 41.66666666666667%;
    max-width: 41.66666666666667%;
  }
  .col-md-6 {
    box-flex: 1;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    box-flex: 1;
    -ms-flex: 0 0 58.333333333333336%;
    flex: 0 0 58.333333333333336%;
    max-width: 58.333333333333336%;
  }
  .col-md-8 {
    box-flex: 1;
    -ms-flex: 0 0 66.66666666666666%;
    flex: 0 0 66.66666666666666%;
    max-width: 66.66666666666666%;
  }
  .col-md-9 {
    box-flex: 1;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    box-flex: 1;
    -ms-flex: 0 0 83.33333333333334%;
    flex: 0 0 83.33333333333334%;
    max-width: 83.33333333333334%;
  }
  .col-md-11 {
    box-flex: 1;
    -ms-flex: 0 0 91.66666666666666%;
    flex: 0 0 91.66666666666666%;
    max-width: 91.66666666666666%;
  }
  .col-md-12 {
    box-flex: 1;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-md-1 {
    margin-left: 8.333333333333332%;
  }
  :root[dir=rtl] .offset-md-1 {
    margin-right: 8.333333333333332%;
  }
  .offset-md-2 {
    margin-left: 16.666666666666664%;
  }
  :root[dir=rtl] .offset-md-2 {
    margin-right: 16.666666666666664%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  :root[dir=rtl] .offset-md-3 {
    margin-right: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333333333%;
  }
  :root[dir=rtl] .offset-md-4 {
    margin-right: 33.33333333333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666666666667%;
  }
  :root[dir=rtl] .offset-md-5 {
    margin-right: 41.66666666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  :root[dir=rtl] .offset-md-6 {
    margin-right: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333333333336%;
  }
  :root[dir=rtl] .offset-md-7 {
    margin-right: 58.333333333333336%;
  }
  .offset-md-8 {
    margin-left: 66.66666666666666%;
  }
  :root[dir=rtl] .offset-md-8 {
    margin-right: 66.66666666666666%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  :root[dir=rtl] .offset-md-9 {
    margin-right: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333333334%;
  }
  :root[dir=rtl] .offset-md-10 {
    margin-right: 83.33333333333334%;
  }
  .offset-md-11 {
    margin-left: 91.66666666666666%;
  }
  :root[dir=rtl] .offset-md-11 {
    margin-right: 91.66666666666666%;
  }
  .offset-md-12 {
    margin-left: 100%;
  }
  :root[dir=rtl] .offset-md-12 {
    margin-right: 100%;
  }
  .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
  .col {
    flex-basis: 0;
    -ms-box-flex: 1;
    box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    box-flex: 1;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg {
    flex-basis: 0;
    -ms-box-flex: 1;
    box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-1 {
    box-flex: 1;
    -ms-flex: 0 0 8.333333333333332%;
    flex: 0 0 8.333333333333332%;
    max-width: 8.333333333333332%;
  }
  .col-lg-2 {
    box-flex: 1;
    -ms-flex: 0 0 16.666666666666664%;
    flex: 0 0 16.666666666666664%;
    max-width: 16.666666666666664%;
  }
  .col-lg-3 {
    box-flex: 1;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    box-flex: 1;
    -ms-flex: 0 0 33.33333333333333%;
    flex: 0 0 33.33333333333333%;
    max-width: 33.33333333333333%;
  }
  .col-lg-5 {
    box-flex: 1;
    -ms-flex: 0 0 41.66666666666667%;
    flex: 0 0 41.66666666666667%;
    max-width: 41.66666666666667%;
  }
  .col-lg-6 {
    box-flex: 1;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    box-flex: 1;
    -ms-flex: 0 0 58.333333333333336%;
    flex: 0 0 58.333333333333336%;
    max-width: 58.333333333333336%;
  }
  .col-lg-8 {
    box-flex: 1;
    -ms-flex: 0 0 66.66666666666666%;
    flex: 0 0 66.66666666666666%;
    max-width: 66.66666666666666%;
  }
  .col-lg-9 {
    box-flex: 1;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    box-flex: 1;
    -ms-flex: 0 0 83.33333333333334%;
    flex: 0 0 83.33333333333334%;
    max-width: 83.33333333333334%;
  }
  .col-lg-11 {
    box-flex: 1;
    -ms-flex: 0 0 91.66666666666666%;
    flex: 0 0 91.66666666666666%;
    max-width: 91.66666666666666%;
  }
  .col-lg-12 {
    box-flex: 1;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-lg-1 {
    margin-left: 8.333333333333332%;
  }
  :root[dir=rtl] .offset-lg-1 {
    margin-right: 8.333333333333332%;
  }
  .offset-lg-2 {
    margin-left: 16.666666666666664%;
  }
  :root[dir=rtl] .offset-lg-2 {
    margin-right: 16.666666666666664%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  :root[dir=rtl] .offset-lg-3 {
    margin-right: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333333333%;
  }
  :root[dir=rtl] .offset-lg-4 {
    margin-right: 33.33333333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666666666667%;
  }
  :root[dir=rtl] .offset-lg-5 {
    margin-right: 41.66666666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  :root[dir=rtl] .offset-lg-6 {
    margin-right: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333333333336%;
  }
  :root[dir=rtl] .offset-lg-7 {
    margin-right: 58.333333333333336%;
  }
  .offset-lg-8 {
    margin-left: 66.66666666666666%;
  }
  :root[dir=rtl] .offset-lg-8 {
    margin-right: 66.66666666666666%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  :root[dir=rtl] .offset-lg-9 {
    margin-right: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333333334%;
  }
  :root[dir=rtl] .offset-lg-10 {
    margin-right: 83.33333333333334%;
  }
  .offset-lg-11 {
    margin-left: 91.66666666666666%;
  }
  :root[dir=rtl] .offset-lg-11 {
    margin-right: 91.66666666666666%;
  }
  .offset-lg-12 {
    margin-left: 100%;
  }
  :root[dir=rtl] .offset-lg-12 {
    margin-right: 100%;
  }
  .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
  .col {
    flex-basis: 0;
    -ms-box-flex: 1;
    box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    box-flex: 1;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl {
    flex-basis: 0;
    -ms-box-flex: 1;
    box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-1 {
    box-flex: 1;
    -ms-flex: 0 0 8.333333333333332%;
    flex: 0 0 8.333333333333332%;
    max-width: 8.333333333333332%;
  }
  .col-xl-2 {
    box-flex: 1;
    -ms-flex: 0 0 16.666666666666664%;
    flex: 0 0 16.666666666666664%;
    max-width: 16.666666666666664%;
  }
  .col-xl-3 {
    box-flex: 1;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    box-flex: 1;
    -ms-flex: 0 0 33.33333333333333%;
    flex: 0 0 33.33333333333333%;
    max-width: 33.33333333333333%;
  }
  .col-xl-5 {
    box-flex: 1;
    -ms-flex: 0 0 41.66666666666667%;
    flex: 0 0 41.66666666666667%;
    max-width: 41.66666666666667%;
  }
  .col-xl-6 {
    box-flex: 1;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    box-flex: 1;
    -ms-flex: 0 0 58.333333333333336%;
    flex: 0 0 58.333333333333336%;
    max-width: 58.333333333333336%;
  }
  .col-xl-8 {
    box-flex: 1;
    -ms-flex: 0 0 66.66666666666666%;
    flex: 0 0 66.66666666666666%;
    max-width: 66.66666666666666%;
  }
  .col-xl-9 {
    box-flex: 1;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    box-flex: 1;
    -ms-flex: 0 0 83.33333333333334%;
    flex: 0 0 83.33333333333334%;
    max-width: 83.33333333333334%;
  }
  .col-xl-11 {
    box-flex: 1;
    -ms-flex: 0 0 91.66666666666666%;
    flex: 0 0 91.66666666666666%;
    max-width: 91.66666666666666%;
  }
  .col-xl-12 {
    box-flex: 1;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-xl-1 {
    margin-left: 8.333333333333332%;
  }
  :root[dir=rtl] .offset-xl-1 {
    margin-right: 8.333333333333332%;
  }
  .offset-xl-2 {
    margin-left: 16.666666666666664%;
  }
  :root[dir=rtl] .offset-xl-2 {
    margin-right: 16.666666666666664%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  :root[dir=rtl] .offset-xl-3 {
    margin-right: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333333333%;
  }
  :root[dir=rtl] .offset-xl-4 {
    margin-right: 33.33333333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666666666667%;
  }
  :root[dir=rtl] .offset-xl-5 {
    margin-right: 41.66666666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  :root[dir=rtl] .offset-xl-6 {
    margin-right: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333333333336%;
  }
  :root[dir=rtl] .offset-xl-7 {
    margin-right: 58.333333333333336%;
  }
  .offset-xl-8 {
    margin-left: 66.66666666666666%;
  }
  :root[dir=rtl] .offset-xl-8 {
    margin-right: 66.66666666666666%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  :root[dir=rtl] .offset-xl-9 {
    margin-right: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333333334%;
  }
  :root[dir=rtl] .offset-xl-10 {
    margin-right: 83.33333333333334%;
  }
  .offset-xl-11 {
    margin-left: 91.66666666666666%;
  }
  :root[dir=rtl] .offset-xl-11 {
    margin-right: 91.66666666666666%;
  }
  .offset-xl-12 {
    margin-left: 100%;
  }
  :root[dir=rtl] .offset-xl-12 {
    margin-right: 100%;
  }
  .order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
}
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-xs-table,
.visible-xs-table-row,
.visible-xs-table-cell,
.visible-xs-flex,
.visible-xs-inline-flex {
  display: none !important;
}
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-sm-table,
.visible-sm-table-row,
.visible-sm-table-cell,
.visible-sm-flex,
.visible-sm-inline-flex {
  display: none !important;
}
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-md-table,
.visible-md-table-row,
.visible-md-table-cell,
.visible-md-flex,
.visible-md-inline-flex {
  display: none !important;
}
.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-lg-table,
.visible-lg-table-row,
.visible-lg-table-cell,
.visible-lg-flex,
.visible-lg-inline-flex {
  display: none !important;
}
.visible-xl,
.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block,
.visible-xl-table,
.visible-xl-table-row,
.visible-xl-table-cell,
.visible-xl-flex,
.visible-xl-inline-flex {
  display: none !important;
}
@media (max-width: 575px) {
  .visible-xs {
    display: block !important;
  }
  .visible-xs-inline {
    display: inline !important;
  }
  .visible-xs-inline-block {
    display: inline-block !important;
  }
  .visible-xs-flex {
    display: -ms-flexbox !important;
    display: box !important;
    display: flex !important;
  }
  .visible-xs-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-box !important;
    display: inline-flex !important;
  }
  table.visible-xs,
  .visible-xs-table {
    display: table !important;
  }
  tr.visible-xs,
  .visible-xs-table-row {
    display: table-row !important;
  }
  td.visible-xs,
  th.visible-xs,
  .visible-xs-table-cell {
    display: table-cell !important;
  }
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .visible-sm {
    display: block !important;
  }
  .visible-sm-inline {
    display: inline !important;
  }
  .visible-sm-inline-block {
    display: inline-block !important;
  }
  .visible-sm-flex {
    display: -ms-flexbox !important;
    display: box !important;
    display: flex !important;
  }
  .visible-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-box !important;
    display: inline-flex !important;
  }
  table.visible-sm,
  .visible-sm-table {
    display: table !important;
  }
  tr.visible-sm,
  .visible-sm-table-row {
    display: table-row !important;
  }
  td.visible-sm,
  th.visible-sm,
  .visible-sm-table-cell {
    display: table-cell !important;
  }
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-md {
    display: block !important;
  }
  .visible-md-inline {
    display: inline !important;
  }
  .visible-md-inline-block {
    display: inline-block !important;
  }
  .visible-md-flex {
    display: -ms-flexbox !important;
    display: box !important;
    display: flex !important;
  }
  .visible-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-box !important;
    display: inline-flex !important;
  }
  table.visible-md,
  .visible-md-table {
    display: table !important;
  }
  tr.visible-md,
  .visible-md-table-row {
    display: table-row !important;
  }
  td.visible-md,
  th.visible-md,
  .visible-md-table-cell {
    display: table-cell !important;
  }
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-lg {
    display: block !important;
  }
  .visible-lg-inline {
    display: inline !important;
  }
  .visible-lg-inline-block {
    display: inline-block !important;
  }
  .visible-lg-flex {
    display: -ms-flexbox !important;
    display: box !important;
    display: flex !important;
  }
  .visible-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-box !important;
    display: inline-flex !important;
  }
  table.visible-lg,
  .visible-lg-table {
    display: table !important;
  }
  tr.visible-lg,
  .visible-lg-table-row {
    display: table-row !important;
  }
  td.visible-lg,
  th.visible-lg,
  .visible-lg-table-cell {
    display: table-cell !important;
  }
  .hidden-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .visible-xl {
    display: block !important;
  }
  .visible-xl-inline {
    display: inline !important;
  }
  .visible-xl-inline-block {
    display: inline-block !important;
  }
  .visible-xl-flex {
    display: -ms-flexbox !important;
    display: box !important;
    display: flex !important;
  }
  .visible-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-box !important;
    display: inline-flex !important;
  }
  table.visible-xl,
  .visible-xl-table {
    display: table !important;
  }
  tr.visible-xl,
  .visible-xl-table-row {
    display: table-row !important;
  }
  td.visible-xl,
  th.visible-xl,
  .visible-xl-table-cell {
    display: table-cell !important;
  }
  .hidden-xl {
    display: none !important;
  }
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
body {
  margin: 0;
}
@-ms-viewport {
  width: device-width;
}
* {
  margin: 0;
  padding: 0;
  outline: 0;
  -webkit-overflow-scrolling: touch;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
article,
details,
section,
summary,
aside,
main,
menu,
nav,
figcaption,
figure,
footer,
header,
hgroup {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
[hidden],
template {
  display: none;
}
abbr[title] {
  border-bottom: 1px dotted;
}
dfn {
  font-style: italic;
}
mark {
  background: #ff0;
  color: #000;
}
b,
strong {
  font-weight: bold;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img,
video {
  border: 0;
  max-width: 100%;
  height: auto;
}
img {
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
svg:not(:root) {
  overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
  cursor: pointer;
  -webkit-appearance: button;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type='checkbox'],
input[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  height: auto;
}
input[type='search'] {
  -webkit-appearance: textfield;
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
a:active,
a:hover {
  outline: 0;
}
h1 a,
h2 a,
h3 a,
.title a,
.entry-title a {
  color: inherit;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
summary {
  display: list-item;
}
output {
  display: inline-block;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: 2px;
  padding: 2px 4px;
  white-space: nowrap;
  direction: ltr;
  text-align: left;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #777;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #fbfbfb;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  tab-size: 4;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
li a {
  color: inherit;
}
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.invisible {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
}
.visible {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  visibility: visible;
}
.hide,
.hidden {
  display: none;
}
.force-hide {
  display: none !important;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.m-center {
  margin-left: auto;
  margin-right: auto;
}
.middle {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.all-middle {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.horizental-center {
  position: relative;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.vertical-center {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.self-center {
  align-self: center;
  -ms-flex-item-align: center;
}
.ltr {
  direction: ltr;
}
.rtl {
  direction: rtl;
}
.go-right {
  float: right;
}
.go-left {
  float: left;
}
.circle {
  display: inline-block;
  border-radius: 100%;
}
.grayscale {
  filter: #808080;
  filter: grayscale(1);
}
.ungrayscale {
  filter: none;
}
.flip-h {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.flip-v {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
.in-height p {
  line-height: inherit;
}
.hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}
.no-p {
  padding: 0px;
}
.says,
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.sbs-media {
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
}
.sbs-media .sbs-content {
  box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 1em;
  min-width: 0px;
}
.abs-fill {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
html {
  font-family: 'Lato','Open sans', sans-serif;
  font-size: 13px;
}
body {
  margin: 0;
  font-family: 13px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7;
  color: #373737;
  text-align: left;
  background-color: #fff;
  direction: ltr;
}
svg.icon {
  line-height: 1;
  vertical-align: middle;
  display: inline-block;
  width: 1em;
  height: 1em;
  -ms-transition: 200ms all ease-in-out;
  transition: 200ms all ease-in-out;
}
svg.icon path {
  -ms-transition: inherit;
  transition: inherit;
}
::selection {
  background: #aba870;
  color: #fff;
}
::-moz-selection {
  background: #aba870;
  color: #fff;
}
html {
  font-size: 13px;
  min-height: 100%;
}
body {
  font-family: 'Lato','Open sans', sans-serif;
  font-size: 13px;
  color: #373737;
  background-color: #fff;
  direction: ltr;
  text-align: left;
  font-weight: 400;
}
a,
ins {
  text-decoration: none;
}
img {
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
.typography,
.post-content {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.538461538461539rem;
  color: #000;
  text-align: justify;
}
.typography p,
.post-content p {
  line-height: inherit;
  margin-bottom: 27px;
}
.typography p:last-child,
.post-content p:last-child {
  margin-bottom: 0;
}
.typography .row,
.post-content .row {
  margin-bottom: 27px;
}
.typography a,
.post-content a {
  color: #02c836;
  font-weight: 700;
}
.typography a:hover,
.post-content a:hover {
  color: #67fd8e;
}
.typography a.gray,
.post-content a.gray {
  color: #8a8a8a;
  font-style: italic;
}
.typography img.aligncenter,
.post-content img.aligncenter {
  display: block;
  margin: 0 auto 27px;
}
.typography img.alignright,
.post-content img.alignright {
  margin-left: 1em;
  float: right;
}
.typography img.alignleft,
.post-content img.alignleft {
  margin-right: 1em;
  float: left;
}
.typography img.alignleft + p + p,
.post-content img.alignleft + p + p,
.typography img.alignright + p + p,
.post-content img.alignright + p + p {
  clear: both;
}
.typography hr,
.post-content hr {
  outline: none;
  border: 0;
  border-top: 1px solid #eee;
  margin-bottom: 27px;
}
.typography h1,
.post-content h1,
.typography h2,
.post-content h2,
.typography h3,
.post-content h3,
.typography h4,
.post-content h4,
.typography h5,
.post-content h5,
.typography h6,
.post-content h6 {
  line-height: 1.94;
  margin-bottom: 10px;
  font-weight: 700;
  color: #000;
}
.typography h1,
.post-content h1 {
  font-size: 1.538461538461539rem;
}
.typography h2,
.post-content h2 {
  font-size: 1.384615384615385rem;
}
.typography h3,
.post-content h3 {
  font-size: 1.230769230769231rem;
}
.typography h1,
.post-content h1,
.typography h2,
.post-content h2,
.typography h3,
.post-content h3 {
  display: table;
}
.typography h1:after,
.post-content h1:after,
.typography h2:after,
.post-content h2:after,
.typography h3:after,
.post-content h3:after {
  content: '';
  height: 1px;
  width: 70%;
  background-color: #02c836;
  display: block;
  margin: 14px 0 8px;
}
.typography h4,
.post-content h4,
.typography h5,
.post-content h5,
.typography h6,
.post-content h6 {
  font-size: 1.076923076923077rem;
}
.typography ol,
.post-content ol,
.typography ul,
.post-content ul {
  list-style: none;
  margin-bottom: 27px;
  line-height: 2.58;
}
.typography ol li,
.post-content ol li,
.typography ul li,
.post-content ul li {
  margin-bottom: 30px;
}
.typography ol ul,
.post-content ol ul,
.typography ul ul,
.post-content ul ul,
.typography ol ol,
.post-content ol ol,
.typography ul ol,
.post-content ul ol {
  padding-left: 20px;
}
html[dir="rtl"] .typography ol ul,
html[dir="rtl"] .post-content ol ul,
html[dir="rtl"] .typography ul ul,
html[dir="rtl"] .post-content ul ul,
html[dir="rtl"] .typography ol ol,
html[dir="rtl"] .post-content ol ol,
html[dir="rtl"] .typography ul ol,
html[dir="rtl"] .post-content ul ol,
body.rtl .typography ol ul,
body.rtl .post-content ol ul,
body.rtl .typography ul ul,
body.rtl .post-content ul ul,
body.rtl .typography ol ol,
body.rtl .post-content ol ol,
body.rtl .typography ul ol,
body.rtl .post-content ul ol {
  padding: 0 50px 0;
}
.typography ol,
.post-content ol {
  counter-reset: item;
}
.typography ol li:before,
.post-content ol li:before {
  content: counter(item) ". ";
  counter-increment: item;
  display: inline-block;
  margin-left: 15px;
}
.typography ul li,
.post-content ul li {
  position: relative;
  padding-left: 30px;
}
.typography ul li:before,
.post-content ul li:before {
  content: '';
  display: inline-block;
  color: #60c339;
  width: 7px;
  height: 7px;
  display: inline-block;
  border-radius: 100%;
  border: 1px solid #02c836;
  vertical-align: middle;
  margin-right: 15px;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}
.typography ul.checks li:before,
.post-content ul.checks li:before {
  content: '';
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAANCAMAAACXZR4WAAAAAXNSR0IB2cksfwAAAGlQTFRFAAAAF9FGEM9AIN9AAso4EctCyvDW+Pn7y/DXC8pABco6Aso3BMk6A8g3MNFbA8k2A8g3A8k2T9d0m+exA8k2A8o4BMk56vbvA8g3A8k2rOq+CMs8BMg3feCYBMk4A8k2X9qAA8g3A8k2Tw+ykgAAACN0Uk5TAAsQCG7/////GDBvOZr/t09Q///BW0f/u8X/Ioz/hZb/p6StYsJHAAAAa0lEQVR4nFXNRxaAIAxF0Q+IEQsWVOxt/4sUj8dCRrlvkADfMM7ZjxCBlAHzHIaSe6boCipWnxOGNNN58VoAZUWmLprXaLUl0/UD2dsYJ1dmQ1Yv4j6v1o3IeVLPw3jfPLtyVJ6BtGzHZz8B23oFgmKJ2jIAAAAASUVORK5CYII=") no-repeat;
  width: 16px;
  height: 13px;
  border: 0;
  border-radius: 0;
}
.typography ins,
.post-content ins {
  background-color: #fff8dc;
  color: #8f7200;
  padding: 0 3px;
}
.typography strong,
.post-content strong {
  font-weight: 700;
}
.typography em,
.post-content em {
  font-style: italic;
}
.typography pre,
.post-content pre {
  margin-bottom: 20px;
}
.typography blockquote,
.post-content blockquote {
  quotes: none;
  margin: 15px 0 50px;
  position: relative;
  border: 0;
  background: none;
  color: #000;
  font-size: 14px;
  padding: 0 91px;
  text-align: center;
  line-height: 26px;
}
.typography blockquote cite,
.post-content blockquote cite {
  position: absolute;
  bottom: -35px;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  -ms-flex-align: center;
  align-items: center;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #a4a4a4;
  font-size: 13px;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  white-space: nowrap;
  font-weight: 400;
}
.typography blockquote cite:before,
.post-content blockquote cite:before,
.typography blockquote cite:after,
.post-content blockquote cite:after {
  content: '';
  width: 131px;
  height: 1px;
  background-color: #e7e7e7;
  margin: 0 24px;
}
.typography blockquote:before,
.post-content blockquote:before,
.typography blockquote:after,
.post-content blockquote:after {
  content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAbCAMAAACz4aQdAAAAAXNSR0IB2cksfwAAAEtQTFRFAAAAEM9ABMo5CM84Bco6A8k2A8k3Asg2Ask2Ask2Asg3Asg3A8g3A8o4BMk4BMg3Ask2Ask2Asg3A8k2Ask3A8k3BMs4A8k2A8k4UjkLnAAAABl0Uk5TABA/IDBQr//vf99wv2CAkM/w4KDQsEDAX8I3YIEAAAC9SURBVHic3ZLJFsMgCEVFk2iGkiZm6P9/aUXEqpvs+3aXqxw4qhQHtNZGFelCIUM/2BCXGcaJCnOixXJEvxwzcqdE2a/C0cNbcEu3hbk/n949Is8H3O5AfBGaSCfk2TC26vMs8XCx2E6FrNVJeP20ac7f5WIhF/H64LHxpvFD46eR8gHxdogFLT7FXeJTltpbB7UPg1Q+LFr7+8HbP/cHfxfJFl5gKwtewVEg/bi+vE4vNvubgx3/d0zsZ1BfdroVTOVfGlMAAAAASUVORK5CYII=");
  width: 31px;
  height: 27px;
  position: absolute;
  top: -6px;
  left: 0;
}
.typography blockquote:after,
.post-content blockquote:after {
  left: auto;
  right: 0;
  -ms-transform: scale(-1, -1);
  transform: scale(-1, -1);
}
@media (max-width: 767px) {
  .typography blockquote,
  .post-content blockquote {
    padding: 0 15px;
  }
  .typography blockquote:before,
  .post-content blockquote:before,
  .typography blockquote:after,
  .post-content blockquote:after {
    content: none !important;
  }
}
.typography blockquote p,
.post-content blockquote p {
  margin: 0;
}
.typography > *:last-child,
.post-content > *:last-child {
  margin-bottom: 0px;
}
.typography figure,
.post-content figure {
  margin: 0 0 20px;
  max-width: 100%;
}
.typography figure.aligncenter,
.post-content figure.aligncenter {
  margin: 0 auto 20px;
  text-align: center;
}
.typography figure.aligncenter img,
.post-content figure.aligncenter img {
  display: inline-block;
}
.typography figure.alignright,
.post-content figure.alignright {
  float: right;
  margin-left: 1em;
}
.typography figure.alignleft,
.post-content figure.alignleft {
  float: left;
  margin-right: 1em;
}
.typography figure.alignnone,
.post-content figure.alignnone {
  width: auto !important;
  margin: 0 -20px 20px;
  max-width: none;
}
.typography figure .wp-caption-text,
.post-content figure .wp-caption-text {
  color: #aaa;
  font-size: 1.076923076923077rem;
  font-weight: 400;
  font-style: italic;
  padding: 10px 10px 0;
}
.typography img.full-size,
.post-content img.full-size {
  width: 100%;
  height: auto;
}
.typography .accordion .accordion-title,
.post-content .accordion .accordion-title {
  background-color: #60c339;
  padding: 5px 12px;
  border-radius: 8px;
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  display: table;
  cursor: pointer;
}
.typography .accordion .accordion-content,
.post-content .accordion .accordion-content {
  margin-bottom: 27px;
  text-align: justify;
}
.typography .trailer-vid,
.post-content .trailer-vid {
  margin-bottom: 20px;
}
div.wpcf7 .ajax-loader {
  position: absolute;
}
.background-video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  overflow: hidden;
}
.background-video:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 68px;
  bottom: -28px;
  left: 0;
  background: url("../images/dashed-bg.png") no-repeat;
  background-size: 100% 68px;
  -ms-transform: rotate(0.3deg);
  transform: rotate(0.3deg);
}
@media (max-width: 767px) {
  .background-video:after {
    content: none !important;
  }
}
.background-video .video-wrapper {
  position: relative;
  clip-path: url("#vide_bg_clip");
  max-height: 713px;
  overflow: hidden;
}
.background-video .video-wrapper video {
  display: block;
}
.background-video .video-wrapper:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpiYIAAWRDBBGVEwwTgMgABBgAO6QDSTPn7rQAAAABJRU5ErkJggg==") repeat;
}
@media (max-width: 1300px) {
  .background-video .video-wrapper video {
    max-width: 150%;
    height: unset;
    width: unset;
  }
}
@media (max-width: 991px) {
  .background-video .video-wrapper:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(38,38,38,0.78);
    top: 0;
    left: 0;
  }
}
.site_header {
  position: relative;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 15px;
}
.site_header:after {
  content: '';
  display: block;
  width: 100%;
  height: 40px;
  box-shadow: 0 16px 19px -14px rgba(0,0,0,0.12);
  margin-bottom: 25px;
}
.site_header .site_logo {
  position: relative;
}
.site_header .site_logo svg {
  width: 180px;
  height: auto;
}
.site_header .site_logo svg path.symbol {
  fill: #02c836;
}
.site_header .site_logo svg path.text {
  fill: #000;
}
.site_header .site-header-nav {
  margin-left: 27px;
  align-self: flex-end;
  -ms-flex-item-align: end;
  position: relative;
  top: -16px;
}
.site_header .site-header-nav > ul {
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  color: #000;
  font-size: 13px;
  font-weight: 700;
}
.site_header .site-header-nav > ul li:hover > a {
  color: #02c836;
}
.site_header .site-header-nav > ul > li {
  padding: 0 15px;
  line-height: 1;
  position: relative;
}
.site_header .site-header-nav > ul > li svg.empty {
  width: 8.5px;
  height: 8.5px;
}
body.home .site_header .site-header-nav > ul > li svg.empty {
  fill: #fff;
}
.site_header .site-header-nav > ul > li.menu-item-has-children:not(.no-arrow) > a:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 3.5px 0 3.5px;
  border-color: #000 transparent transparent transparent;
  margin-right: 7px;
}
body.home .site_header .site-header-nav > ul > li.menu-item-has-children:not(.no-arrow) > a:before {
  border-color: #fff transparent transparent transparent;
}
.site_header .site-header-nav > ul > li:not(:hover) > ul {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
  -ms-transform: translateY(20px);
  transform: translateY(20px);
}
.site_header .site-header-nav > ul > li > ul {
  position: absolute;
  box-shadow: 0 5px 24px rgba(0,0,0,0.12);
  background-color: #fff;
  padding-left: 26px;
  min-width: 300px;
  border-radius: 12px;
  color: #000;
  font-size: 12px;
  font-weight: 700;
  overflow: hidden;
  top: 100%;
  left: 0;
  -ms-transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  z-index: 200;
  -ms-transform: translateY(10px);
  transform: translateY(10px);
}
.site_header .site-header-nav > ul > li > ul li {
  line-height: 1;
  padding: 16px 14px 16px 0;
}
.site_header .site-header-nav > ul > li > ul li:hover > a {
  color: #676767;
}
.site_header .site-header-nav > ul > li > ul li:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
}
.site_header .right_header {
  margin-left: auto;
  color: #000;
  line-height: 1;
  align-self: flex-end;
  -ms-flex-item-align: end;
  position: relative;
  top: -16px;
}
.site_header .right_header li {
  -ms-flex-pack: center;
  justify-content: center;
  display: inline-block;
  padding: 0 16px;
  line-height: 1;
}
@media (max-width: 575px) {
  .site_header .right_header li {
    padding: 0 5px;
    max-width: 46px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.site_header .right_header li a {
  display: block;
}
.site_header .right_header li svg {
  fill: #000;
  width: 19px;
  height: 19px;
}
.site_header .right_header li .icn {
  display: block;
  text-align: center;
  height: 20px;
  margin-bottom: 12px;
}
.site_header .right_header li .txt {
  text-transform: uppercase;
  font-size: 12px;
  margin-top: 5px;
  font-size: 12px;
  font-weight: 700;
}
.site_header .right_header li a:hover {
  color: #02c836;
}
.site_header .right_header li a:hover svg {
  fill: #02c836;
}
.site_header .right_header .user-menue a .icon_right_header {
  border: 1px solid #02c836;
  background-color: #02c836;
}
.site_header .right_header .user-menue a .icon_right_header svg {
  fill: #fff;
}
.responsive-menu-toggle svg {
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  fill: #000;
}
.responsive-menu-toggle {
  padding: 20px 0px 0px 30px;
}
body.home .site-header-wrapper,
body.home .site-main-hero {
  position: relative;
}
body.home .site-header-wrapper:before,
body.home .site-main-hero:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(38,38,38,0.78);
  top: 0;
  left: 0;
  z-index: -1;
}
@media (max-width: 991px) {
  body.home .site-header-wrapper:before,
  body.home .site-main-hero:before {
    content: none !important;
  }
}
body.home .site-header-wrapper:not(.fixed) .site_header:after {
  content: none !important;
}
body.home .site-header-wrapper:not(.fixed) .site_header .site_logo svg path.symbol {
  fill: #02c836;
}
body.home .site-header-wrapper:not(.fixed) .site_header .site_logo svg path.text {
  fill: #fff;
}
body.home .site-header-wrapper:not(.fixed) .site_header .site_logo .text {
  color: #fff;
}
body.home .site-header-wrapper:not(.fixed) .site-header-nav > ul {
  color: #fff;
}
body.home .site-header-wrapper:not(.fixed) .right_header {
  color: #fff;
}
body.home .site-header-wrapper:not(.fixed) .right_header li svg {
  fill: #fff;
}
.site-header-wrapper {
  -ms-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.site-header-wrapper.fixed {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 2000000;
  box-shadow: 0 16px 19px -17px rgba(0,0,0,0.12);
}
.site-header-wrapper.fixed:before {
  content: none !important;
}
.site-header-wrapper.fixed:not(.shown) {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
}
.site-header-wrapper.fixed .site_header {
  padding: 5px 15px;
}
.site-header-wrapper.fixed .site_header:after {
  content: none !important;
}
.site-header-wrapper.fixed .site_header .site_logo {
  top: -18px;
  left: -41px;
  height: 40px;
}
.site-header-wrapper.fixed .site_header .site_logo svg {
  width: 140px;
}
.site-header-wrapper.fixed .site_header .site_logo svg path.symbol {
  display: none;
}
.site-header-wrapper.fixed .site_header .site-header-nav,
.site-header-wrapper.fixed .site_header .right_header {
  top: auto;
  align-self: center;
  -ms-flex-item-align: center;
}
.site-header-wrapper.fixed .site_header .right_header li .icn {
  margin-bottom: 0;
}
.site-header-wrapper.fixed .site_header .right_header li .txt {
  display: none;
}
html.no-flow,
body.no-flow {
  overflow: hidden !important;
}
.flex {
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.no-pad {
  padding: 0p;
}
.can {
  background-color: #02c836;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 31.36px;
  letter-spacing: -0.6px;
  border-radius: 3px;
  padding: 0px 2px;
}
.site-wrap {
  position: relative;
}
.site-wrap:before {
  content: '';
  position: absolute;
  top: 200px;
  right: 0px;
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  width: 0px;
  height: 116px;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  box-shadow: 0 0 74px 80px #f1fff7;
}
.site-wrap:after {
  content: '';
  position: absolute;
  top: 540px;
  left: 0px;
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  width: 0px;
  height: 116px;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  box-shadow: 0 0 74px 80px #f1fff7;
}
@media (max-width: 767px) {
  .site-wrap:after {
    box-shadow: 0 0 0px 0px #f1fff7;
  }
  .site-wrap:before {
    box-shadow: 0 0 0px 0px #f1fff7;
  }
}
.menu_bottom_header {
  margin-top: 25px;
  position: relative;
  width: 100%;
}
.menu_bottom_header:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 50%;
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  box-shadow: 0 -16px 22px -25px #423d3d;
  width: 100%;
  height: 52px;
  z-index: -1;
}
.menu_bottom_header li {
  position: relative;
  display: inline-block;
  border-bottom: 1px solid #fff;
}
.menu_bottom_header li a {
  display: inline-block;
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 27px;
  padding-bottom: 19px;
}
.menu_bottom_header li:last-child {
  padding-right: 0px;
}
.menu_bottom_header li:hover {
  color: #06932b;
  border-bottom: 1px solid #eaeaea;
}
.menu_bottom_header .has-children:before {
  position: absolute;
  top: 37px;
  left: 7px;
  display: inline-block;
  border-left: 4px solid transparent;
  border-top: 6px solid #000;
  border-right: 4px solid transparent;
  border-bottom-color: rgba(0,0,0,0.2);
  content: '';
}
.short-rixma-intro {
  text-align: center;
  color: #000;
  font-size: 15px;
  font-weight: 500;
  line-height: 21.26px;
  margin-bottom: 85px;
}
.short-rixma-intro p {
  max-width: 90%;
  margin: 0 auto;
}
.short-rixma-intro svg {
  width: 310px;
  height: auto;
  display: block;
  margin: 0 auto 45px;
}
.site-main-hero {
  min-height: 575px;
  clip-path: url("#vide_bg_clip");
  overflow: hidden;
  position: relative;
  color: #fff;
  padding-bottom: 110px;
  margin-bottom: 120px;
}
.site-main-hero:before {
  top: 1px !important;
}
.site-main-hero .container {
  position: relative;
}
.site-main-hero .container:before,
.site-main-hero .container:after {
  content: '';
  width: 600px;
  height: 1px;
  content: '';
  position: absolute;
  background-color: rgba(38,38,38,0.78);
  top: 0px;
  left: 100%;
  z-index: -1;
}
.site-main-hero .container:after {
  left: auto;
  right: 100%;
}
.site-main-hero .introduction-box-left {
  margin-top: 53px;
  display: -ms-flexbox;
  display: box;
  display: flex;
  height: 100%;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  -ms-flex-direction: column;
  flex-direction: column;
}
.site-main-hero .introduction-box-left h2.introduction-title {
  text-shadow: 0 5px 5px rgba(0,0,0,0.25);
  color: #fff;
  font-size: 52px;
  font-weight: 700;
  line-height: 69.51px;
  margin-bottom: 40px;
}
.site-main-hero .introduction-box-left em {
  font-style: normal;
  display: inline-block;
  background-image: -ms-linear-gradient(left, #00c63b 32%, rgba(255,255,255,0) 0%);
  background-image: linear-gradient(to right, #00c63b 32%, rgba(255,255,255,0) 0%);
  background-position: bottom;
  background-size: 7px 2px;
  background-repeat: repeat-x;
}
.site-main-hero .intro-card {
  position: relative;
  max-width: 430px;
}
.site-main-hero .intro-card:before,
.site-main-hero .intro-card:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: -8px;
  left: -8px;
  background-color: #fff;
  border-radius: 15px;
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  filter: alpha(opacity=10);
  z-index: 1;
}
.site-main-hero .intro-card:after {
  bottom: -16px;
  left: -16px;
}
.site-main-hero .intro-card-inner {
  background-color: #fff;
  border-radius: 15px;
  padding: 33px;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  color: #000;
  position: relative;
  z-index: 3;
}
.site-main-hero .intro-card-inner .card-title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 1;
  text-transform: uppercase;
}
.site-main-hero .intro-card-inner .explore-btn,
.offcanvas-account-btn {
  height: 61px;
  padding: 0 30px;
  border-radius: 12px;
  display: inline-block;
  line-height: 61px;
  background-color: #02c836;
  font-size: 17px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  margin-top: 15px;
  position: relative;
}
.site-main-hero .intro-card-inner .explore-btn:before,
.offcanvas-account-btn:before {
  content: '';
  position: absolute;
  width: 92%;
  height: 100%;
  background-color: #02c836;
  z-index: 0;
  top: 10px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
  filter: blur(10px);
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
@media (max-width: 991px) {
  .site-main-hero .container:before,
  .site-main-hero .container:after {
    content: none !important;
  }
  .site-main-hero .introduction-box-left {
    text-align: center;
  }
  .site-main-hero .intro-card {
    margin: 0 auto;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .site-main-hero {
    min-height: 300px;
    padding-bottom: 0;
    clip-path: none;
    overflow: visible;
  }
  .site-main-hero .introduction-box-left {
    margin-top: 0;
  }
  .site-main-hero .introduction-box-left h2.introduction-title {
    font-size: 28px;
    line-height: 2;
    margin-bottom: 20px;
  }
  .site-main-hero .intro-card .intro-card-inner {
    box-shadow: 0 0 24px rgba(0,0,0,0.15);
  }
}
@media (max-width: 575px) {
  .site-main-hero {
    margin-bottom: 30px;
    min-height: 260px;
  }
  .site-main-hero .container {
    display: none;
  }
}
@media (max-width: 430px) {
  .site-main-hero {
    margin-bottom: 30px;
    min-height: 200px;
  }
}
.center_box {
  background-size: 100%;
  margin-top: 35px;
  position: relative;
  margin-bottom: 170px;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .center_box {
    margin-bottom: 40px;
  }
}
.center_box .egg-like-avatar {
  position: relative;
  width: 192px;
}
.center_box .egg-like-avatar .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  filter: blur(10px);
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.center_box .egg-like-avatar .shadow::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #c6c7c9;
  -webkit-clip-path: url("#user_avatar_clip");
  clip-path: url("#user_avatar_clip");
}
.center_box .egg-like-avatar .avatar-image {
  -webkit-clip-path: url("#user_avatar_clip");
  clip-path: url("#user_avatar_clip");
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 3;
  overflow: hidden;
  height: 100%;
  top: -7px;
}
.center_box .egg-like-avatar .avatar-image img {
  display: block;
  top: -23px;
  left: 0;
  z-index: 20;
  width: 192px;
  height: 208px;
}
.center_box .egg-like-avatar .borders {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.center_box .egg-like-avatar .borders:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-clip-path: url("#user_avatar_clip");
  clip-path: url("#user_avatar_clip");
  background: #e8e9ea;
  z-index: 2;
  top: -9px;
}
.center_box .egg-like-avatar .borders:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-clip-path: url("#user_avatar_clip");
  clip-path: url("#user_avatar_clip");
  background: #fff;
  top: -11px;
}
.center_box .egg-clip .shadow::before {
  -webkit-clip-path: url("#user_avatar_clip");
  clip-path: url("#user_avatar_clip");
}
.center_box .egg-clip .avatar-image {
  -webkit-clip-path: url("#user_avatar_clip");
  clip-path: url("#user_avatar_clip");
}
.center_box .egg-clip .borders::before {
  -webkit-clip-path: url("#user_avatar_clip");
  clip-path: url("#user_avatar_clip");
}
.center_box .egg-clip .borders::after {
  -webkit-clip-path: url("#user_avatar_clip");
  clip-path: url("#user_avatar_clip");
}
.center_box .avatar1 {
  top: 0px;
  float: right;
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
  right: -65px;
}
.center_box .avatar5 {
  top: 9px;
  left: -60px;
}
.center_box .lable_center_box {
  text-align: center;
}
@media (max-width: 1199px) {
  .center_box .lable_center_box {
    padding: 0 45px;
  }
}
.center_box .lable_center_box .logo-top img {
  display: block;
  margin: 0 auto;
}
.center_box .lable_center_box .logo-top:after {
  content: '';
  display: inline-block;
  width: 100px;
  height: 5px;
  background-color: #f3f3f3;
  border-radius: 100%;
  margin: 30px 7px 80px;
}
.center_box .lable_center_box h2 {
  font-size: 25px;
  text-transform: uppercase;
  font-weight: normal;
  margin-bottom: 20px;
}
.center_box .lable_center_box p {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 52px;
}
.center_box .lable_center_box .box_client {
  width: 430px;
  max-width: 100%;
  border-radius: 10px;
  padding: 10px;
  position: relative;
  border: 1px solid #000;
  margin: 0 auto;
}
.center_box .lable_center_box .box_client .input_client {
  background: transparent;
  border: 0px;
  width: 80%;
  color: #000;
  margin-left: auto;
}
.center_box .lable_center_box .box_client .input_client::-webkit-input-placeholder {
  color: #000;
  font-size: 14px;
  font-weight: 500;
}
.center_box .lable_center_box .box_client .submit_client {
  width: 47px;
  height: 47px;
  background: #fff;
  border: 0px;
  border-radius: 5px;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: auto;
}
.center_box .lable_center_box .box_client form {
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.center_box .lable_center_box .bottom_client {
  width: 430px;
  max-width: 100%;
  border-radius: 10px;
  padding: 10px 0px 10px 0px;
  position: relative;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
.center_box .lable_center_box .bottom_client .nice-select {
  width: 103px;
  margin-right: 18px;
}
.center_box .lable_center_box .bottom_client .nice-select .list {
  width: 100%;
}
.center_box .lable_center_box .bottom_client .input_date {
  width: 103px;
  border-radius: 5px;
  border: 1px solid #e8e8e8;
  padding: 9px;
}
.center_box .mouse_box {
  position: absolute;
  left: 50%;
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  text-align: center;
  bottom: -110px;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  letter-spacing: 2px;
}
.center_box .mouse_box span {
  font-size: 40px;
  position: absolute;
  bottom: 15px;
  -ms-transform: translate(-50%);
  transform: translate(-50%);
}
.center_box .mouse_box span:nth-child(3n+0) {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  bottom: 15px;
}
.center_box .mouse_box span:nth-child(3n+1) {
  opacity: 0.05;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=5)";
  filter: alpha(opacity=5);
  bottom: 25px;
}
.center_box .mouse_box span:nth-child(3n+2) {
  opacity: 0.03;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=3)";
  filter: alpha(opacity=3);
  bottom: 35px;
}
.avatar-image-1 {
  left: 5px !important;
  top: -7px !important;
}
.borders-avatar-1:before {
  top: -7px !important;
  left: 0 !important;
}
.borders-avatar-1:after {
  top: -8px !important;
  left: -2px !important;
}
.avatar-image-5 {
  right: 6px;
}
.user-avatar .content-user-avatar-left {
  background-image: -webkit--ms-radial-gradient(circle at 8.5px, rgba(0,0,0,0) 102.25px, rgba(255,255,255,0) 1.5px), -webkit--ms-radial-gradient(circle, #000 0.25px, rgba(255,255,255,0) 0.5px), -webkit--ms-radial-gradient(circle at 1.5px, #000 0.25px, rgba(255,255,255,0) 0.5px), -webkit--ms-radial-gradient(circle, rgba(0,0,0,0) 0.25px, rgba(255,255,255,0) 1.5px);
  background-image: -webkit-radial-gradient(circle at 8.5px, rgba(0,0,0,0) 102.25px, rgba(255,255,255,0) 1.5px), -webkit-radial-gradient(circle, #000 0.25px, rgba(255,255,255,0) 0.5px), -webkit-radial-gradient(circle at 1.5px, #000 0.25px, rgba(255,255,255,0) 0.5px), -webkit-radial-gradient(circle, rgba(0,0,0,0) 0.25px, rgba(255,255,255,0) 1.5px);
  background-image: -ms-radial-gradient(circle at 8.5px, rgba(0,0,0,0) 102.25px, rgba(255,255,255,0) 1.5px), -ms-radial-gradient(circle, #000 0.25px, rgba(255,255,255,0) 0.5px), -ms-radial-gradient(circle at 1.5px, #000 0.25px, rgba(255,255,255,0) 0.5px), -ms-radial-gradient(circle, rgba(0,0,0,0) 0.25px, rgba(255,255,255,0) 1.5px);
  background-image: radial-gradient(circle at 8.5px, rgba(0,0,0,0) 102.25px, rgba(255,255,255,0) 1.5px), radial-gradient(circle, #000 0.25px, rgba(255,255,255,0) 0.5px), radial-gradient(circle at 1.5px, #000 0.25px, rgba(255,255,255,0) 0.5px), radial-gradient(circle, rgba(0,0,0,0) 0.25px, rgba(255,255,255,0) 1.5px);
  background-position: top, right, bottom, left;
  background-size: 15px 5px, 5px 15px;
  background-repeat: repeat-x, repeat-y;
  border-radius: 15px;
  position: relative;
  clear: both;
}
.user-avatar .content-user-avatar-left:after {
  content: '';
  position: absolute;
  width: 100px;
  height: 20px;
  bottom: 0;
  left: 7px;
  background: #fff;
}
@media (max-width: 490px) {
  .user-avatar .content-user-avatar-left:after {
    content: none;
  }
}
.user-avatar .content-user-avatar-left ul {
  counter-reset: counter-media;
  position: relative;
  right: -11px;
  margin-top: 30px;
}
.user-avatar .content-user-avatar-left ul li {
  counter-increment: counter-media;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  -ms-flex-pack: end;
  justify-content: flex-end;
  line-height: 1.5;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-bottom: 30px;
}
.user-avatar .content-user-avatar-left ul li:after {
  content: counter(counter-media);
  display: inline-block;
  width: 26px;
  height: 26px;
  box-flex: 1;
  -ms-flex: 0 0 26px;
  flex: 0 0 26px;
  line-height: 26px;
  background-color: #02c836;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  margin-left: 30px;
  align-self: flex-start;
  -ms-flex-item-align: start;
}
@media (max-width: 575px) {
  .user-avatar .content-user-avatar-left {
    text-align: left;
    background: none;
  }
  .user-avatar .content-user-avatar-left ul {
    right: auto;
  }
  .user-avatar .content-user-avatar-left ul li {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .user-avatar .content-user-avatar-left ul li:after {
    justify-self: flex-end;
    margin: 0 10px 0 0;
  }
  .user-avatar .content-user-avatar-left .btn {
    margin-left: 0;
  }
}
.user-avatar .content-user-avatar-right {
  background-image: -webkit--ms-radial-gradient(circle at 1.5px, rgba(0,0,0,0) 0.25px, rgba(255,255,255,0) 1.5px), -webkit--ms-radial-gradient(circle, rgba(0,0,0,0) 0.25px, rgba(255,255,255,0) 1.5px), -webkit--ms-radial-gradient(circle at 1.5px, #000 0.25px, rgba(255,255,255,0) 0.5px), -webkit--ms-radial-gradient(circle, #000 0.25px, rgba(255,255,255,0) 0.5px);
  background-image: -webkit-radial-gradient(circle at 1.5px, rgba(0,0,0,0) 0.25px, rgba(255,255,255,0) 1.5px), -webkit-radial-gradient(circle, rgba(0,0,0,0) 0.25px, rgba(255,255,255,0) 1.5px), -webkit-radial-gradient(circle at 1.5px, #000 0.25px, rgba(255,255,255,0) 0.5px), -webkit-radial-gradient(circle, #000 0.25px, rgba(255,255,255,0) 0.5px);
  background-image: -ms-radial-gradient(circle at 1.5px, rgba(0,0,0,0) 0.25px, rgba(255,255,255,0) 1.5px), -ms-radial-gradient(circle, rgba(0,0,0,0) 0.25px, rgba(255,255,255,0) 1.5px), -ms-radial-gradient(circle at 1.5px, #000 0.25px, rgba(255,255,255,0) 0.5px), -ms-radial-gradient(circle, #000 0.25px, rgba(255,255,255,0) 0.5px);
  background-image: radial-gradient(circle at 1.5px, rgba(0,0,0,0) 0.25px, rgba(255,255,255,0) 1.5px), radial-gradient(circle, rgba(0,0,0,0) 0.25px, rgba(255,255,255,0) 1.5px), radial-gradient(circle at 1.5px, #000 0.25px, rgba(255,255,255,0) 0.5px), radial-gradient(circle, #000 0.25px, rgba(255,255,255,0) 0.5px);
  background-position: top, right, bottom, left;
  background-size: 15px 5px, 5px 15px;
  background-repeat: repeat-x, repeat-y;
  border-radius: 15px;
  position: relative;
}
.user-avatar .content-user-avatar-right:after {
  content: '';
  position: absolute;
  width: 100px;
  height: 20px;
  bottom: 0;
  right: 0;
  background: #fff;
}
@media (max-width: 490px) {
  .user-avatar .content-user-avatar-right:after {
    content: none;
  }
}
.user-avatar .content-user-avatar-right ul {
  counter-reset: counter-media;
  position: relative;
  left: -11px;
  margin-top: 30px;
}
.user-avatar .content-user-avatar-right ul li {
  counter-increment: counter-media;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  -ms-flex-pack: start;
  justify-content: flex-start;
  line-height: 1.5;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-bottom: 30px;
}
.user-avatar .content-user-avatar-right ul li:before {
  content: counter(counter-media);
  display: inline-block;
  width: 26px;
  height: 26px;
  box-flex: 1;
  -ms-flex: 0 0 26px;
  flex: 0 0 26px;
  background-color: #02c836;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
  margin-right: 30px;
  align-self: flex-start;
  -ms-flex-item-align: start;
}
@media (max-width: 575px) {
  .user-avatar .content-user-avatar-right {
    text-align: left;
    background: none;
  }
}
@media (max-width: 490px) {
  .user-avatar {
    box-flex: 1;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .user-avatar .content-user-avatar-left,
  .user-avatar .content-user-avatar-right {
    text-align: center;
  }
  .user-avatar .content-user-avatar-left ul,
  .user-avatar .content-user-avatar-right ul {
    display: table;
    margin-right: auto;
    margin-left: auto;
  }
  .user-avatar .content-user-avatar-left .btn,
  .user-avatar .content-user-avatar-right .btn {
    bottom: auto;
    margin-bottom: 25px;
  }
}
.content-user-avatar-left {
  text-align: right;
}
.content-user-avatar-left h2 {
  padding-right: 55px;
  font-size: 27px;
  font-weight: 600;
  line-height: 1;
  padding-top: 40px;
}
.content-user-avatar-left h2 span {
  display: block;
  font-size: 17px;
  font-weight: 400;
}
.content-user-avatar-right {
  text-align: left;
}
.content-user-avatar-right h2 {
  padding-left: 55px;
  font-size: 27px;
  font-weight: 600;
  padding-top: 40px;
  line-height: 1;
}
@media (max-width: 767px) {
  .content-user-avatar-right h2 {
    padding-left: 10px;
  }
}
.content-user-avatar-right h2 span {
  display: block;
  font-size: 17px;
  font-weight: 400;
}
.outer_repair {
  position: relative;
  bottom: 80px;
}
.outer_repair:before {
  content: "";
  background: url("../images/bg_repair.png");
  background-repeat: repeat-x;
  width: 89%;
  height: 85px;
  position: absolute;
  top: 87px;
  left: 20px;
}
.outer_repair .top_repair {
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 8px;
  height: 40px;
}
.outer_repair .top_repair span {
  float: right;
}
.outer_repair .top_repair .swiper-pagination {
  position: relative;
}
.outer_repair .top_repair .sbs-media {
  -ms-flex-align: center;
  align-items: center;
}
.outer_repair .top_repair .sbs-content {
  text-transform: uppercase;
  margin-left: 12px;
}
.outer_repair .top_repair .right {
  margin-left: auto;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.outer_repair .top_repair .right figure {
  margin: 0px;
  margin-right: 7px;
  font-weight: 700;
}
.outer_repair .top_repair .right .swiper-pagination-bullet {
  margin-top: 8px;
  border: 1px solid #000;
  background-color: #fff;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  margin-left: 2px;
}
.outer_repair .top_repair .right .swiper-pagination-bullet-active {
  background-color: #02c836;
  border: 1px solid #02c836;
}
.outer_repair .repair_box {
  min-height: 176px;
}
.outer_repair .repair_box:before {
  content: "";
  width: 90%;
  height: 0px;
  position: absolute;
  bottom: 0px;
}
.outer_repair .repair_box li {
  display: inline-block;
  padding: 10px;
  text-align: center;
}
.outer_repair .repair_box li:last-child {
  margin-right: 0px;
}
.outer_repair .repair_box li a {
  display: block;
  width: 100%;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0,0,0,0.19);
  background-color: #fff;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
  position: relative;
}
.outer_repair .repair_box li a svg {
  width: 67px;
  height: 70px;
  margin-top: 36px;
  margin-bottom: 16px;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.outer_repair .repair_box li a span {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 30px;
}
.outer_repair .repair_box li a:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 10px;
  right: 10px;
  border-bottom: 6px solid #02c836;
  border-left: 7px solid transparent;
  -ms-transition: 200ms all ease-in-out;
  transition: 200ms all ease-in-out;
}
.outer_repair .repair_box li a:hover {
  background: #02c836;
  box-shadow: 0 1px 16px rgba(13,111,39,0.36);
  color: #fff;
  fill: #fff;
}
.outer_repair .repair_box li a:hover:before {
  border-bottom: 6px solid #fff;
  border-left: 7px solid transparent;
}
.outer_repair_page {
  position: relative;
}
@media (max-width: 767px) {
  .outer_repair_page {
    padding-top: 40px;
  }
}
.outer_repair_page:before {
  content: "";
  background: url("../images/bg_repair.png");
  background-repeat: repeat-x;
  width: 89%;
  height: 85px;
  position: absolute;
  top: 87px;
  left: 20px;
}
.outer_repair_page .top_repair {
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 8px;
  height: 40px;
}
.outer_repair_page .top_repair span {
  float: right;
}
.outer_repair_page .top_repair .swiper-pagination-page {
  position: relative;
}
.outer_repair_page .top_repair .sbs-media {
  -ms-flex-align: center;
  align-items: center;
}
.outer_repair_page .top_repair .sbs-content {
  text-transform: uppercase;
  margin-left: 12px;
}
.outer_repair_page .top_repair .right {
  margin-left: auto;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.outer_repair_page .top_repair .right figure {
  margin: 0px;
  margin-right: 7px;
  font-weight: 700;
}
.outer_repair_page .top_repair .right .swiper-pagination-bullet {
  margin-top: 8px;
  border: 1px solid #000;
  background-color: #fff;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  margin-left: 2px;
}
.outer_repair_page .top_repair .right .swiper-pagination-bullet-active {
  background-color: #02c836;
  border: 1px solid #02c836;
}
.outer_repair_page .repair_box {
  min-height: 176px;
}
.outer_repair_page .repair_box:before {
  content: "";
  width: 90%;
  height: 0px;
  position: absolute;
  bottom: 0px;
}
.outer_repair_page .repair_box li {
  display: inline-block;
  padding: 15px 0;
  text-align: center;
}
.outer_repair_page .repair_box li:last-child {
  margin-right: 0px;
}
.outer_repair_page .repair_box li .inner {
  box-shadow: 0 1px 2px rgba(0,0,0,0.19);
  background-color: #fff;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
  position: relative;
  display: block;
  overflow: hidden;
}
.outer_repair_page .repair_box li .inner span {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 400;
  position: absolute;
  bottom: 0;
  padding: 0 0 15px 15px;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.outer_repair_page .repair_box li .inner img {
  -webkit-mask-image: linear-gradient(to top, transparent 20%, #000 75%);
  mask-image: linear-gradient(to top, transparent 20%, #000 75%);
}
.outer_repair_page .repair_box li .inner:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 10px;
  right: 10px;
  border-bottom: 6px solid #02c836;
  border-left: 7px solid transparent;
  -ms-transition: 200ms all ease-in-out;
  transition: 200ms all ease-in-out;
}
.outer_repair_page .repair_box li .inner:hover {
  box-shadow: 0 1px 21px rgba(0,0,0,0.19);
}
.outer_repair_page .repair_box li .inner:hover img {
  -webkit-mask-image: linear-gradient(to top, transparent 20%, #000 80%);
  mask-image: linear-gradient(to top, transparent 20%, #000 80%);
}
.box_rixma {
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-top: 40px;
  min-height: 346px;
  position: relative;
  margin-bottom: 100px;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 60px 0px;
  position: relative;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.box_rixma:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 50%;
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  box-shadow: 0 -16px 22px -25px #6d9078;
  width: 100%;
  height: 70px;
  z-index: -1;
}
.box_rixma:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 50%;
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  box-shadow: 0 16px 22px -25px #6d9078;
  width: 100%;
  height: 70px;
  z-index: -1;
}
.box_rixma .item_rixima {
  align-self: center;
  -ms-flex-item-align: center;
}
.box_rixma .item_rixima:first-child {
  text-align: center;
}
.box_rixma .item_rixima h3 {
  text-transform: uppercase;
  font-size: 25px;
  margin-bottom: 10px;
}
.box_rixma .item_rixima p {
  font-size: 13px;
  line-height: 22px;
  text-align: justify;
}
.box_rixma .item_rixima li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 12px;
}
.box_rixma .item_rixima li:first-child {
  margin-top: 12px;
}
.box_rixma .item_rixima li svg {
  margin-top: 2px;
  width: 18px;
  height: 18px;
  margin-right: 10px;
}
.box_partner {
  margin-bottom: 50px;
}
.box_partner p {
  text-align: center;
  margin-bottom: 50px;
  letter-spacing: 2.8px;
  font-weight: 400;
}
@media (max-width: 575px) {
  .box_partner p {
    margin-bottom: 10px;
  }
}
.box_partner .swiper-container {
  padding: 0px 20px;
}
.box_partner .swiper-wrapper {
  -ms-flex-align: center;
  align-items: center;
}
.swiper-slide {
  text-align: center;
}
.swiper-slide .swiper-button-next {
  background-size: 8px 14px;
  right: 0px;
}
.swiper-slide .swiper-button-prev {
  background-size: 8px 14px;
  left: 0px;
}
.container_feauter {
  position: relative;
}
.container_feauter:before {
  content: "";
  background: url("../images/shape_feauter.png");
  position: absolute;
  left: 0px;
  top: -62px;
  width: 308px;
  height: 282px;
}
.flex {
  margin-bottom: 30px;
}
.feature_box {
  position: relative;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-bottom: 100px;
  z-index: 0;
}
.feature_box .outer_clip_feauter {
  z-index: 0;
}
.feature_box .outer_clip_feauter:before {
  content: "";
  background: url("../images/bg_feature.png");
  width: 339px;
  height: 339px;
  background-position: -75px -137px;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  z-index: -1;
}
.feature_box .outer_clip_feauter .clip_feature {
  position: absolute;
  z-index: 2;
  overflow: hidden;
  width: 338px;
  height: 339px;
  right: 0px;
}
.feature_box .outer_clip_feauter .clip_feature img {
  max-width: 100%;
  -webkit-clip-path: url("#feature_clip");
  clip-path: url("#feature_clip");
  -webkit-mask-image: linear-gradient(to right, transparent 25%, #fff 75%);
  mask-image: linear-gradient(to right, transparent 25%, #fff 75%);
}
.title_feature {
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  font-weight: 400;
  font-weight: 700;
}
.select {
  background: #02c836 url("../images/logo_feature.png");
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 2;
  position: absolute;
  top: 9px;
  right: 7px;
  width: 26px;
  height: 26px;
  box-shadow: 0px 0px 5px 0px #02c836;
}
.slider_feature {
  margin-top: 13px;
}
.slider_feature .swiper-pagination {
  text-align: right;
}
.slider_feature .swiper-pagination-bullet {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  margin-left: 4px;
  width: 7px;
  height: 7px;
}
.slider_feature .swiper-pagination-bullet-active {
  background-color: #02c836;
}
.slider_feature .swiper-slide img {
  width: 270px;
  height: 196px;
  border-radius: 10px;
  border-bottom-left-radius: 0;
  margin-bottom: 15px;
}
.slider_feature .swiper-slide p {
  font-size: 17px;
  font-weight: 700;
  line-height: 34.79px;
}
.slider_feature .swiper-slide p .text_feature {
  color: #000;
  font-size: 17px;
  font-weight: 700;
  line-height: 34.79px;
  text-transform: uppercase;
  letter-spacing: 0.34px;
}
.slider_feature .swiper-slide .subtext_feature {
  font-size: 15px;
  font-weight: 400;
  line-height: 20.79px;
  letter-spacing: -0.3px;
}
.slider_feature .swiper-slide .subtext_feature .usd {
  border: 1px solid #000;
  color: #000;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  border-radius: 2px;
  text-align: right;
  padding: 0px 2px;
  margin: 0px 2px;
}
@media (max-width: 991px) {
  .menu_bottom_header {
    display: none;
  }
  .outer_clip_feauter {
    display: none;
  }
}
@media (max-width: 1199px) {
  .center_box {
    background-position: 0px 390px;
  }
  .center_box img {
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
}
@media (max-width: 767px) {
  .mouse_box {
    display: none;
  }
  .outer_repair:before {
    width: 80%;
  }
  .egg-like-avatar,
  .center_box {
    background: none;
  }
  .egg-like-avatar .lable_center_box h2,
  .center_box .lable_center_box h2 {
    font-size: 22px;
  }
}
.user-registration .user-registration-MyAccount-content p a {
  color: #373737;
  text-decoration: underline;
}
.user-registration .user-registration-MyAccount-content p a:hover {
  color: #20a844;
}
.align-self-center {
  align-self: center;
  -ms-flex-item-align: center;
}
.rixma-features {
  box-shadow: inset 0 5px 9px rgba(0,0,0,0.02);
  background-color: #f6f6f6;
  padding: 100px 0;
  margin-bottom: 100px;
}
@media (max-width: 575px) {
  .rixma-features {
    padding: 40px 0;
    margin-bottom: 35px;
  }
}
.rixma-features .representing-image {
  margin: 0;
  position: relative;
  top: -15px;
}
.rixma-features .features-list h2.fts-title {
  color: #000;
  font-size: 42px;
  font-weight: 900;
  line-height: 29.51px;
  margin-bottom: 30px;
  padding-left: 75px;
}
@media (max-width: 575px) {
  .rixma-features .features-list h2.fts-title {
    padding-left: 0;
    text-align: center;
  }
}
.rixma-features .features-list h2.fts-title small {
  font-size: 29px;
  display: block;
}
.rixma-features .features-list ol {
  counter-reset: features;
  list-style: none;
}
.rixma-features .features-list ol li {
  counter-increment: features;
  position: relative;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  color: #000;
  text-align: justify;
}
.rixma-features .features-list ol li:not(:last-child) {
  margin-bottom: 50px;
}
.rixma-features .features-list ol li:before {
  content: counter(features);
  display: inline-block;
  width: 45px;
  height: 45px;
  display: inline-block;
  border-radius: 100%;
  background-color: #28df58;
  text-align: center;
  line-height: 45px;
  font-size: 19px;
  font-weight: 900;
  color: #000;
}
@media (max-width: 575px) {
  .rixma-features .features-list ol li:before {
    margin: 0 auto;
  }
}
.rixma-features .features-list ol li:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='17' viewBox='0 0 15 17'%3E%3Cpath fill='%2328df58' d='M.734 16.149V1.713c0-.672.694-1.171 1.38-.778.55.314 11.54 6.66 12.478 7.203a.896.896 0 0 1 0 1.564c-.675.398-11.707 6.777-12.506 7.22-.585.325-1.352-.034-1.352-.773z'/%3E%3C/svg%3E");
  position: absolute;
  width: 16px;
  height: 17px;
  top: 4px;
  left: 35px;
}
@media (max-width: 575px) {
  .rixma-features .features-list ol li:after {
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 35px;
  }
}
.rixma-features .features-list ol li .feature-inner {
  box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  min-height: 0;
  margin-left: 30px;
}
@media (max-width: 575px) {
  .rixma-features .features-list ol li .feature-inner {
    width: 100%;
    box-flex: 1;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-top: 10px;
    margin-left: 0;
  }
}
.rixma-features .features-list ol li .feature-inner h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 12px;
  line-height: 1;
}
@media (max-width: 575px) {
  .rixma-features .features-list ol li .feature-inner h3 {
    text-align: center;
  }
}
.rixma-features .features-list ol li .feature-inner p {
  font-size: 14px;
  font-weight: 500;
  line-height: 20.26px;
  letter-spacing: 0.28px;
}
.rixma-features .features-list ol li:not(.active) {
  color: #9c9c9c;
}
.rixma-features .features-list ol li:not(.active):before {
  background-color: #d7d7d7;
  color: #fff;
}
.rixma-features .features-list ol li:not(.active):after {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.workflow-timeline .audiences {
  margin-bottom: 20px;
}
.workflow-timeline .audiences .audience-companies,
.workflow-timeline .audiences .audience-staffs {
  padding: 0 85px;
}
@media (max-width: 1199px) {
  .workflow-timeline .audiences .audience-companies,
  .workflow-timeline .audiences .audience-staffs {
    padding: 0 40px;
  }
}
@media (max-width: 991px) {
  .workflow-timeline .audiences .audience-companies,
  .workflow-timeline .audiences .audience-staffs {
    padding: 0 10px !important;
  }
}
.workflow-timeline .audiences .audience-companies svg,
.workflow-timeline .audiences .audience-staffs svg {
  width: 87px;
  height: 87px;
}
@media (max-width: 575px) {
  .workflow-timeline .audiences .audience-companies,
  .workflow-timeline .audiences .audience-staffs {
    display: block;
  }
  .workflow-timeline .audiences .audience-companies svg,
  .workflow-timeline .audiences .audience-staffs svg {
    width: 40px;
    height: 40px;
    margin-bottom: 10px !important;
  }
}
.workflow-timeline .audiences .audience-companies .texts,
.workflow-timeline .audiences .audience-staffs .texts {
  color: #000;
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
  text-transform: uppercase;
  margin: 0 43px;
  line-height: 24px;
}
.workflow-timeline .audiences .audience-companies .texts strong,
.workflow-timeline .audiences .audience-staffs .texts strong {
  display: block;
  font-size: 20px;
  font-weight: 900;
  margin-bottom: 7px;
}
@media (max-width: 575px) {
  .workflow-timeline .audiences .audience-companies .texts strong,
  .workflow-timeline .audiences .audience-staffs .texts strong {
    margin-bottom: 20px;
  }
}
.workflow-timeline .audiences .audience-companies .get-started,
.workflow-timeline .audiences .audience-staffs .get-started {
  height: 41px;
  background-color: #02c836;
  padding: 0 21px;
  line-height: 41px;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  border-radius: 15px;
  border-top-left-radius: 0;
}
.workflow-timeline .audiences .audience-companies .get-started:hover,
.workflow-timeline .audiences .audience-staffs .get-started:hover {
  box-shadow: 0 12px 11px -6px rgba(2,200,54,0.3);
  background-color: #02ba32;
}
.workflow-timeline .audiences .audience-companies {
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.workflow-timeline .audiences .audience-companies svg {
  -ms-flex-order: 2;
  order: 2;
}
.workflow-timeline .audiences .audience-companies .texts {
  -ms-flex-order: 1;
  order: 1;
  text-align: right;
}
.workflow-timeline .audiences .audience-companies .get-started {
  border-top-left-radius: 15px;
  border-top-right-radius: 0;
}
@media (max-width: 767px) {
  .workflow-timeline .audiences .audience-companies svg,
  .workflow-timeline .audiences .audience-staffs svg {
    -ms-flex-order: 1;
    order: 1;
    margin: 0 auto;
    display: block;
  }
  .workflow-timeline .audiences .audience-companies .texts,
  .workflow-timeline .audiences .audience-staffs .texts {
    text-align: center !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
    margin: 0 !important;
  }
  .workflow-timeline .audiences .audience-companies .get-started,
  .workflow-timeline .audiences .audience-staffs .get-started {
    padding: 0 12px;
    font-size: 13px;
  }
}
.rixma-timeline {
  color: #000;
  position: relative;
  min-height: 200px;
  max-width: 700px;
  margin: 0 auto 90px;
  padding-top: 30px;
}
.rixma-timeline:before {
  content: '';
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  background-color: #000;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
}
.rixma-timeline li {
  margin-bottom: 30px;
}
.rixma-timeline li .timeline-item {
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
}
.rixma-timeline li .icn svg {
  width: 40px;
  height: 40px;
  margin: 0 28px;
}
.rixma-timeline li .desc {
  box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  font-size: 15px;
  font-weight: 500;
}
.rixma-timeline li .step-details {
  -ms-flex-align: center;
  align-items: center;
}
.rixma-timeline li .step-details:before {
  content: '';
  width: 53px;
  height: 2px;
  background-color: #000;
}
.rixma-timeline li .step-details.left {
  text-align: right;
}
.rixma-timeline li .step-details.left:before {
  -ms-flex-order: 3;
  order: 3;
}
.rixma-timeline li .step-details.left .icn {
  -ms-flex-order: 2;
  order: 2;
}
.rixma-timeline li .step-details.left .desc {
  -ms-flex-order: 1;
  order: 1;
}
.rixma-timeline li .step-details.right {
  margin-left: auto;
}
.rixma-timeline li.badge-container .badge {
  border: 2px solid #000;
  padding: 10px 14px;
  color: #000;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 auto;
  background-color: #fff;
  line-height: 1;
  text-align: center;
}
.rixma-timeline li.badge-container .badge .stars {
  margin-bottom: 10px;
}
.rixma-timeline li.final .final-text {
  margin: 0 auto;
  padding-top: 10px;
  background-color: #fff;
  color: #02c836;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .rixma-timeline li .step-details.left {
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .rixma-timeline li .step-details.left:before {
    -ms-flex-order: 1;
    order: 1;
    width: 20px;
  }
  .rixma-timeline li .desc {
    box-flex: 1;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    -ms-flex-order: 3 !important;
    order: 3 !important;
    padding: 0 10px;
    text-align: center;
  }
  .rixma-timeline li .icn {
    margin: 0 auto;
  }
}
.stars {
  position: relative;
  line-height: 1;
  display: table;
  margin: 0 auto;
  white-space: nowrap;
}
.stars svg {
  width: 16px;
  height: 16px;
}
.stars .rated {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  overflow: hidden;
}
.stars .rated svg {
  fill: #02c836;
}
.offcanvas-account-btn {
  color: #fff !important;
  height: 28px !important;
  line-height: 28px !important;
  font-size: 12px !important;
  padding: 0 12px !important;
  margin: 0 5px;
  border-radius: 6px !important;
}
.offcanvas-account-btn:before {
  content: none !important;
}
.blog-ttl-count {
  margin-bottom: 30px;
  color: #000;
}
.blog-ttl-count .title {
  -ms-flex-align: first;
  align-items: first baseline;
}
.blog-ttl-count .page-title {
  font-size: 27px;
  font-weight: 700;
}
.blog-ttl-count .cat-title {
  font-size: 14px;
  font-weight: 400;
}
.blog-ttl-count .sep {
  font-size: 13px;
  margin: 0 16px;
}
.blogposts-list-container .blogpost-wrap {
  margin-bottom: 46px;
}
@media (max-width: 500px) {
  .blogposts-list-container .blogpost-wrap {
    box-flex: 1;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%;
    width: auto;
    margin: 0 auto 46px;
  }
  .blogposts-list-container .blogpost-wrap .blogpost-item .thumbnail {
    display: table;
    margin: 0 auto 20px !important;
  }
}
.blogpost-item .thumbnail {
  margin: 0 0 20px;
}
.blogpost-item .thumbnail img {
  border-radius: 12px;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.blogpost-item:hover .thumbnail img {
  box-shadow: 0 10px 12px rgba(0,0,0,0.1);
}
.blogpost-item .cat-date {
  line-height: 1;
  color: #b5b5b5;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 15px;
}
.blogpost-item .cat-date .cat {
  color: #000;
}
.blogpost-item .cat-date .cat a {
  color: inherit;
}
.blogpost-item .cat-date .cat a:hover {
  color: #02b431;
}
.blogpost-item .entry-title {
  color: #000;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 16px;
  line-height: 1.769230769230769rem;
  height: 46px;
}
.blogpost-item .entry-title:hover {
  color: #02b431;
}
.blogpost-item .readmore-link {
  background-color: #000;
  height: 21px;
  line-height: 21px;
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 0 10px;
  margin-right: 14px;
}
.blogpost-item .readmore-link:hover {
  background-color: #02b431;
}
.blogpost-item .star-rating-container {
  line-height: 1;
}
.blogpost-item .star-rating-container .avg {
  color: #000;
  font-size: 18px;
  font-weight: 700;
  margin-right: 9px;
}
.space-between {
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.align-items-center {
  -ms-flex-align: center;
  align-items: center;
}
.site-pagination a,
.site-pagination span {
  box-shadow: 0 2px 4px rgba(0,0,0,0.22);
  background-color: #fff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  margin-right: 11px;
  border-radius: 7px;
}
.site-pagination a:hover {
  background-color: #f2f2f2;
}
.site-pagination .current {
  box-shadow: 0 2px 4px rgba(0,0,0,0.22);
  background-color: #02c836;
  color: #fff;
}
main.single-main {
  max-width: 830px !important;
}
.post-single-article {
  margin-bottom: 50px;
}
.post-single-article .post-single-head {
  margin-bottom: 30px;
}
.post-single-article .post-single-head .sbs-content {
  margin-right: 15px;
}
.post-single-article .post-single-head .entry-title {
  color: #000;
  font-size: 27px;
  font-weight: 700;
  letter-spacing: 0.54px;
  margin-bottom: 10px;
  line-height: 27px;
}
@media (max-width: 767px) {
  .post-single-article .post-single-head .entry-title {
    font-size: 17px;
  }
}
.post-single-article .post-single-head .metas {
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #6a6a6a;
}
.post-single-article .post-single-head .metas li:not(:last-child) {
  padding-right: 19px;
}
@media (max-width: 767px) {
  .post-single-article .post-single-head .metas li:not(:last-child) {
    margin-bottom: 10px;
  }
}
.post-single-article .post-single-head .metas a:hover {
  color: #02c836;
}
.post-single-article .single-post-thumbnail {
  margin-bottom: 55px;
  display: table;
  margin: 0 auto 55px;
  position: relative;
}
@media (max-width: 767px) {
  .post-single-article .single-post-thumbnail {
    margin-bottom: 20px;
  }
}
.post-single-article .single-post-thumbnail img {
  border-radius: 14px;
  border-top-left-radius: 0;
}
.post-single-article .single-post-thumbnail img.bg-image {
  position: absolute;
  bottom: -4px;
  width: 95%;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  filter: blur(10px);
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  z-index: -1;
}
.post-single-article .post-content {
  padding-bottom: 45px;
}
.post-single-article .single-post-foot {
  background-color: #02c836;
  border-radius: 14px;
  padding-left: 20px;
}
@media (max-width: 767px) {
  .post-single-article .single-post-foot {
    padding: 20px;
    margin-bottom: 20px;
  }
}
.post-single-article .single-post-foot .share-links {
  align-self: center;
  -ms-flex-item-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
}
@media (max-width: 767px) {
  .post-single-article .single-post-foot .share-links {
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    box-flex: 1;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}
.post-single-article .single-post-foot .share-links li {
  padding: 0 10px;
}
@media (max-width: 767px) {
  .post-single-article .single-post-foot .share-links li {
    padding: 0 0;
  }
}
.post-single-article .single-post-foot .share-links svg {
  width: 19px;
  height: 19px;
  fill: #fff;
}
.post-single-article .single-post-foot .share-links a:hover svg {
  fill: #0e7529;
}
.post-single-article .single-post-foot .star-ratings-wrapper {
  background-color: #f6f6f6;
  margin-left: auto;
  border-left: 5px solid #fff;
  padding: 17px 27px 17px 43px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.star-ratings-wrapper {
  line-height: 1;
  align-self: flex-end;
  -ms-flex-item-align: end;
}
.star-ratings-wrapper .stars-holder {
  text-align: right;
  color: #000;
  font-size: 12px;
  font-weight: 400;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-right: 10px;
}
.star-ratings-wrapper .stars-holder .stars {
  cursor: pointer;
}
.star-ratings-wrapper .stars-holder .rated-users {
  display: block;
  text-align: right;
}
.star-ratings-wrapper .average-rating {
  color: #000;
  font-size: 36px;
  letter-spacing: -1.44px;
  line-height: 1;
  font-weight: 900;
  align-self: flex-end;
  -ms-flex-item-align: end;
}
.comments-box {
  margin-bottom: 40px;
}
.comments-box .comment-box-ttl {
  margin-bottom: 29px;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  -ms-flex-align: end;
  align-items: flex-end;
  color: #000;
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.34px;
}
.comments-box .comment-box-ttl:after {
  content: '';
  box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  margin-left: 30px;
  background-color: #e0e0e0;
  height: 1px;
  position: relative;
}
.comment-send-box {
  border: 1px solid #dedede;
  padding: 30px 27px;
  border-radius: 12px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .comment-send-form .fields-top {
    display: block;
  }
  .comment-send-form input[type=text],
  .comment-send-form input[type=email],
  .comment-send-form input[type=website] {
    display: block;
    width: 100%;
    margin: 0 0 10px !important;
  }
}
.comment-send-form input[type=text],
.comment-send-form input[type=email],
.comment-send-form input[type=website] {
  height: 34px;
  border: 0;
  outline: none;
  border-bottom: 1px solid #dadada;
  font-size: 13px;
  box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #000;
  margin: 0 34px;
  font-weight: 700;
}
.comment-send-form input[type=text] +placeholder,
.comment-send-form input[type=email] +placeholder,
.comment-send-form input[type=website] +placeholder {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.comment-send-form button[type=submit] {
  height: 34px;
  background-color: #02c836;
  color: #fff;
  font-size: 13px;
  border: 0;
  font-weight: 900;
  border-radius: 8px;
  margin-left: 41px;
  padding: 0 27px;
}
.comment-send-form button[type=submit]:hover {
  background-color: #3fce64;
}
.comment-send-form #cancel-comment-reply-link {
  background-color: #f1f1f1;
  height: 31px;
  line-height: 31px;
  padding: 0 23px;
  color: #929292;
  font-size: 12px;
  border-radius: 6px;
  font-weight: 400;
  margin-left: 8px;
}
.comment-send-form #cancel-comment-reply-link:hover {
  background-color: #c5c5c5;
  color: #fff;
}
.comment-send-form .logged-in-as {
  margin: 0 auto 0 25px;
  color: inherit;
}
.comment-send-form .logged-in-as a {
  color: #02c836;
}
.comment-send-form textarea {
  margin-top: 10px;
  border: 0;
  background: none;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  width: 100%;
  height: 190px;
  color: #989898;
  font-size: 28px;
  font-weight: 300;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
@media (min-width: 768px) {
  .comment-send-form textarea:not(:focus).empty {
    padding-top: 120px;
  }
  .comment-send-form textarea:not(:focus)::-webkit-input-placeholder {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .comment-send-form textarea:not(:focus):-moz-placeholder {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .comment-send-form textarea:not(:focus)::-moz-placeholder {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .comment-send-form textarea:not(:focus):-ms-input-placeholder {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .comment-send-form textarea:not(:focus)::placeholder {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
.user-comments-list li {
  box-shadow: 0 1px 2px rgba(0,0,0,0.25);
  background-color: #fbfbfb;
  padding: 30px;
  border-radius: 7px;
  margin-bottom: 21px;
}
.user-comments-list li .comment-item-inner img.avatar {
  align-self: flex-start;
  -ms-flex-item-align: start;
  border-radius: 100%;
  position: relative;
  top: -10px;
}
.user-comments-list li .comment-item-inner .box-comment {
  margin: 0 0 0 19px;
}
@media (max-width: 767px) {
  .user-comments-list li .comment-item-inner .box-comment {
    margin: 15px 0 0 0;
    box-flex: 1;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
  }
}
.user-comments-list li .comment-item-inner .box-comment p {
  text-align: justify;
}
.user-comments-list li .comment-item-inner .box-comment .comment-item-top {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  color: #8f8f8f;
  font-size: 11px;
  font-weight: 400;
  margin-bottom: 25px;
  line-height: 1;
}
.user-comments-list li .comment-item-inner .box-comment .comment-item-top .author {
  display: block;
  color: #000;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 10px;
}
.user-comments-list li .comment-item-inner .box-comment .comment-reply-link {
  background-color: #f1f1f1;
  height: 31px;
  line-height: 31px;
  padding: 0 23px;
  color: #929292;
  font-size: 12px;
  border-radius: 6px;
  font-weight: 400;
}
.user-comments-list li .comment-item-inner .box-comment .comment-reply-link:hover {
  background-color: #c5c5c5;
  color: #fff;
}
.searchform-header-offcanvas {
  background-color: #fff;
  position: absolute;
  top: 120%;
  left: 16px;
  height: 43px;
  min-width: 290px;
  max-width: 100vw;
  z-index: 22;
  -ms-transition: all 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0,0,0,0.12);
  border: 1px solid #e1e1e1;
}
.searchform-header-offcanvas:not(.opened) {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
  -ms-transform: translateY(-12px);
  transform: translateY(-12px);
}
.searchform-header-offcanvas form {
  height: 100%;
}
.searchform-header-offcanvas input {
  border: 0;
  background: none;
  width: 100%;
  height: 100%;
  display: block;
  color: #000;
  padding: 0 44px 0 14px;
}
.searchform-header-offcanvas button {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 10px;
  width: 26px;
  height: 26px;
  border-radius: 100%;
  border: 0;
  outline: none;
  line-height: 1;
  background-color: #02c836;
}
.searchform-header-offcanvas button svg {
  fill: #fff !important;
  width: 14px !important;
  height: 14px !important;
}
.site-main {
  margin-bottom: 40px;
}
.nothing-content {
  background-color: #f4f4f4;
  padding: 30px;
  font-size: 19px;
  font-weight: 700;
  border-radius: 12px;
}
#wpadminbar .quicklinks .ab-top-secondary > li.admin-bar-search {
  display: none;
}
.fc-center h2,
.fc-day-header {
  text-transform: capitalize;
}
.fc-view-container > .fc-view {
  min-width: 0 !important;
}
.page-template-page-template-panel.logged-in .site-wrap {
  padding-top: 87px;
}
.site-footer {
  margin-bottom: 40px;
}
.site-footer .footer-logo svg {
  width: 180px;
  height: auto;
}
.site-footer .footer-logo svg path.symbol {
  fill: #02c836;
}
.site-footer .container {
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.site-footer .container .item_footer {
  padding-right: 0px;
  margin-bottom: 40px;
}
.site-footer .container .item_footer .title_footer {
  background: url("../images/bg_title_footer.png");
  background-repeat: no-repeat;
  background-position: 0px 10px;
  margin-bottom: 32px;
}
.site-footer .container .item_footer .title_footer span {
  background: #fff;
  padding-right: 10px;
  text-transform: uppercase;
  font-weight: 700;
}
.site-footer .container .item_footer li {
  margin-bottom: 7px;
  font-size: 12px;
}
.site-footer .container .item_footer li a {
  color: #000;
}
.site-footer .container .item_footer li a:hover {
  color: #06d43c;
}
.site-footer .container .input_email {
  background: #02c836;
  border: 0px;
  height: 35px;
  width: 100%;
  border-radius: 10px;
  padding: 0px 10px;
}
.site-footer .container .input_email::placeholder {
  color: #fff;
}
.site-footer .container .description_email {
  font-size: 12px;
  margin-top: 11px;
  line-height: 24px;
  text-align: justify;
}
.site-footer .container .social_link {
  text-align: center;
}
.site-footer .container .social_link li {
  display: inline;
  margin-top: 2px;
  font-size: 25px;
  padding-right: 28px;
}
.site-footer .container .social_link li:last-child {
  padding-right: 0px;
}
.site-footer .container .social_link li a {
  position: relative;
  -ms-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.site-footer .container .social_link li a:after {
  content: '';
  width: 24px;
  height: 3px;
  background-color: #dee9e8;
  position: absolute;
  bottom: -15px;
  left: 50%;
  -ms-transform: translate(-50%, 4px);
  transform: translate(-50%, 4px);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
  border-radius: 100%;
  -ms-transition: all 200ms ease-in-out 0s;
  transition: all 200ms ease-in-out 0s;
}
.site-footer .container .social_link li a:hover {
  fill: #02c836;
  -ms-transform: translateY(-3px);
  transform: translateY(-3px);
}
.site-footer .container .social_link li a:hover:after {
  -ms-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
  opacity: 1;
  -ms-filter: none;
  filter: none;
  filter: none;
  visibility: visible;
}
.site-footer .powerby {
  background: url("../images/bg_title_footer.png");
  background-repeat: no-repeat;
  padding-top: 30px;
  -ms-flex-align: center;
  align-items: center;
}
.site-footer .powerby .hearts {
  color: #fe5d5d;
  font-size: 18px;
  display: inline-block;
  line-height: 1;
}
.site-footer .powerby img {
  margin-right: 30px;
  width: 16px;
  height: 40px;
}
.site-footer .powerby .sbs-content {
  font-size: 11px;
  letter-spacing: 0.24px;
  font-weight: 500;
}
.site-footer .powerby .sbs-content a {
  color: inherit;
  font-weight: 700;
}
.site-footer .powerby .text-right {
  text-align: right;
  margin-left: auto;
}
.site-footer .powerby .text-right a {
  color: inherit;
}
.site-footer .powerby .text-right .site-title {
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 2.98px;
  line-height: 15px;
  display: block;
}
.site-footer .powerby .text-right .slug {
  font-size: 11px;
  letter-spacing: 1.36px;
  font-weight: 400;
  margin-top: 5px;
}
@media (max-width: 767px) {
  .item_footer {
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px !important;
  }
  .powerby {
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px !important;
  }
}
@media (max-width: 1199px) {
  .social_link li {
    padding-right: 18px !important;
  }
}
.body_single {
  background-color: #f8f8f8;
}
.body_single .sbs-media img {
  align-self: center;
  -ms-flex-item-align: center;
}
.profie-heading {
  padding-top: 44px;
  -ms-flex-align: center;
  align-items: center;
}
.profie-heading .back-to-profile {
  border: 1px solid #d9d9d9;
  padding: 8px 25px;
  border-radius: 8px;
  color: #333;
  border-bottom-width: 3px;
}
.profie-heading .back-to-profile:hover {
  background-color: #02c836;
  border-color: #1caa3f;
  color: #fff;
}
.title_single {
  font-size: 17px;
  font-weight: 700;
  line-height: 34.79px;
  text-transform: uppercase;
  letter-spacing: 0.34px;
}
.title_single .can {
  font-size: 14px;
}
.gray_text {
  color: #979797;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.22px;
}
.line_text {
  font-size: 11px;
  font-weight: 500;
  text-decoration: underline;
  letter-spacing: 0.22px;
  margin-left: 16px;
}
.box_slider_single {
  margin-top: 30px;
}
.box_slider_single .swiper_single .swiper-slide {
  border-radius: 15px;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}
.box_slider_single .swiper_single .swiper-slide:before {
  content: "";
  width: 100%;
  height: 150px;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  position: absolute;
  bottom: 0px;
  z-index: 1;
  background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
}
.box_slider_single .swiper_single .swiper-slide .text_slider_single {
  position: absolute;
  bottom: 40px;
  left: 40px;
  z-index: 1;
  color: #fff;
  text-align: left;
}
.box_slider_single .swiper_single .swiper-slide .text_slider_single .title_single {
  font-size: 27px;
}
.box_slider_single .swiper_single .swiper-slide .text_slider_single .gray_text {
  color: #fff;
}
.box_slider_single .swiper_single .swiper-pagination-bullet {
  background: transparent;
  border: 1px solid #fff;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.box_slider_single .swiper_single .swiper-pagination-bullet-active {
  background-color: #02c836;
  width: 30px;
  border: 1px solid #02c836;
  border-radius: 5px;
}
.box_slider_single .swiper_single .swiper-pagination {
  left: auto;
  right: 40px;
  width: auto;
  bottom: 40px;
}
.info_single {
  box-shadow: 0 1px 2px rgba(0,0,0,0.25);
  border-radius: 15px;
  margin-top: 30px;
  padding: 30px;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #fff;
}
.info_single p {
  font-size: 13px;
  font-weight: 400;
  line-height: 31px;
  letter-spacing: 0.24px;
}
.comments {
  border: 1px solid #e2e2e2;
  background-color: #f8f8f8;
  min-height: 400px;
  border-radius: 15px;
  margin-top: 30px;
  padding: 30px 18px 20px 18px;
}
.comments .title_comments {
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 28px;
}
.comments .title_comments .left {
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.34px;
  padding-left: 12px;
}
.comments .title_comments .right {
  color: #939393;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.22px;
  margin-left: auto;
}
.comments .outer_comment {
  border: 1px solid #e2e2e2;
  border-top: 0px;
  border-radius: 15px;
  margin-bottom: 20px;
}
.comments .outer_comment .item_comment {
  padding: 30px 32px;
  border-radius: 15px;
}
.comments .outer_comment .item_comment .header_comment {
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-bottom: 29px;
}
.comments .outer_comment .item_comment .header_comment .item_header_comment:nth-child(3n+1) {
  -ms-flex-align: center;
  align-items: center;
  margin-right: 45px;
}
.comments .outer_comment .item_comment .header_comment .item_header_comment:nth-child(3n+1) img {
  border-radius: 50%;
  width: 59px;
  height: 59px;
  margin-right: 18px;
}
.comments .outer_comment .item_comment .header_comment .item_header_comment:nth-child(3n+1) p:first-child {
  font-size: 15px;
  font-weight: 700;
  color: #000;
}
.comments .outer_comment .item_comment .header_comment .item_header_comment:nth-child(3n+1) p:last-child {
  color: #8f8f8f;
  font-size: 11px;
  font-weight: 400;
}
.comments .outer_comment .item_comment .header_comment .item_header_comment:nth-child(3n+2) {
  margin-right: 60px;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.comments .outer_comment .item_comment .header_comment .item_header_comment:nth-child(3n+2) p {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.22px;
}
.comments .outer_comment .item_comment .header_comment .item_header_comment:nth-child(3n+3),
.comments .outer_comment .item_comment .header_comment .item_header_comment .sbs-media {
  -ms-flex-align: center;
  align-items: center;
}
.comments .outer_comment .item_comment .header_comment .item_header_comment:nth-child(3n+3) img,
.comments .outer_comment .item_comment .header_comment .item_header_comment .sbs-media img {
  margin-right: 12px;
}
.comments .outer_comment .item_comment .header_comment .item_header_comment:nth-child(3n+3) .sbs-content,
.comments .outer_comment .item_comment .header_comment .item_header_comment .sbs-media .sbs-content {
  font-size: 12px;
  font-weight: 700;
}
.comments .outer_comment .item_comment .description {
  font-size: 12px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.24px;
}
.comments .outer_comment .item_comment:first-child {
  box-shadow: 0 1px 2px rgba(0,0,0,0.25);
  background: #fff;
}
.sidebar_single .title_sidar_single {
  height: 37px;
  background-color: #02c836;
  margin-top: 64px;
  margin-bottom: 30px;
  border-radius: 10px;
  position: relative;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: -0.68px;
  padding: 0px 15px;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.sidebar_single .title_sidar_single .right {
  margin-right: auto;
}
.sidebar_single .title_sidar_single .usd {
  background: #fff;
  color: #02c836;
  padding: 0px 2px;
  font-size: 10px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  margin-left: 6px;
  border-radius: 5px;
}
.sidebar_single .title_sidar_single:before {
  content: "";
  position: absolute;
  bottom: 3px;
  box-shadow: 0 5px 8px 1px #80c893;
  width: 90%;
  height: 1px;
  right: 5%;
}
.sidebar_single .item_order,
.sidebar_single .blue {
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  box-shadow: 0px 0px 21px 1px rgba(0,0,0,0.2);
  margin-bottom: 35px;
}
.sidebar_single .green {
  height: 227px;
  background-color: #02c836;
  margin-bottom: 29px;
  position: relative;
}
.sidebar_single .green .tik {
  position: absolute;
  top: 20px;
  right: 20px;
}
.sidebar_single .green .text_320 {
  font-size: 46px;
  font-weight: 400;
  color: #fff;
  position: absolute;
  bottom: 64px;
  left: 20px;
}
.sidebar_single .green .text1 {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: -0.16px;
  position: absolute;
  bottom: 55px;
  left: 20px;
}
.sidebar_single .green .text2 {
  color: #005917;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: -0.16px;
  position: absolute;
  bottom: 24px;
  left: 20px;
}
.sidebar_single .green .text2 span {
  text-transform: uppercase;
}
.sidebar_single .about {
  border: 1px solid #e5e5e5;
  min-height: 306px;
  border-radius: 10px;
  padding: 0px 24px 30px 24px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.25);
  margin-bottom: 28px;
  background: #fff;
}
.sidebar_single .about .img_about {
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0px auto;
  margin-top: 45px;
  position: relative;
  width: 105px;
}
.sidebar_single .about .img_about .profile {
  width: 105px;
  height: 105px;
  border-radius: 50%;
  box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.3);
}
.sidebar_single .about .img_about .tik {
  position: absolute;
  bottom: 5px;
  right: 3px;
  background: #02c836;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  text-align: center;
}
.sidebar_single .about .img_about .tik svg {
  fill: #fff;
}
.sidebar_single .about .title_about {
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
}
.sidebar_single .about .activity {
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 20px;
}
.sidebar_single .about .subtitle {
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: 500;
}
.sidebar_single .about .info {
  font-size: 12px;
  font-weight: 400;
  text-align: justify;
  margin-bottom: 23px;
}
.sidebar_single .about .outer_custom {
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-bottom: 32px;
}
.sidebar_single .about .outer_custom .custom {
  height: 48px;
  border: 1px solid #dfdfdf;
  background-color: #fff;
  font-size: 12px;
  font-weight: 500;
  border-radius: 10px;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #000;
  padding: 0px 8px;
  margin-left: 10px;
}
.sidebar_single .about .outer_custom .custom:first-child {
  margin-left: 0px;
}
.sidebar_single .about .outer_custom .custom svg {
  fill: #cbcbcb;
  font-size: 23px;
}
.sidebar_single .about .social_box ul {
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.sidebar_single .about .social_box ul svg {
  width: 20px;
  font-size: 20px;
}
.sidebar_single .Best_Customers {
  border: 1px solid #e5e5e5;
  min-height: 306px;
  border-radius: 10px;
  padding: 0px 9px 0px 9px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.25);
  margin-bottom: 28px;
  background: #fff;
}
.sidebar_single .Best_Customers .title_customer {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 22px 0px 16px 16px;
  border-bottom: 1px solid #efefef;
}
.sidebar_single .Best_Customers ul li {
  padding: 18px 14px;
  border-bottom: 1px solid #efefef;
}
.sidebar_single .Best_Customers ul li .sbs-media {
  margin-bottom: 9px;
}
.sidebar_single .Best_Customers ul li .sbs-media img {
  padding-right: 12px;
  align-self: center;
  -ms-flex-item-align: center;
}
.sidebar_single .Best_Customers ul li .sbs-media .sbs-content p:first-child {
  font-size: 14px;
  font-weight: 600;
}
.sidebar_single .Best_Customers ul li .sbs-media .sbs-content p:last-child {
  font-size: 12px;
  font-weight: 600;
}
.sidebar_single .Best_Customers ul li .outer_star p {
  font-size: 11px;
  font-weight: 400;
}
.sidebar_single .Best_Customers .more_customer {
  position: relative;
}
.sidebar_single .Best_Customers .more_customer::before {
  content: ">";
  position: absolute;
  top: 18px;
  right: 14px;
}
.sidebar_single .Best_Customers .more_customer a {
  padding: 18px 14px;
  color: #a4a4a4;
  font-size: 12px;
  font-weight: 500;
  display: block;
}
.sidebar_regis .upload_box {
  width: 228px;
  height: 228px;
  border: 1px solid #ccc;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  margin-top: 80px;
  text-align: center;
}
.sidebar_regis .upload_box .profile {
  fill: #02c836;
  font-size: 70px;
  margin-top: 50px;
  margin-bottom: 18px;
}
.sidebar_regis .upload_box .upload {
  height: 23px;
  background-color: #02c836;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  display: inline-block;
  padding: 2px 12px;
  border-radius: 35px;
  box-shadow: 0px 0px 6px 1px #02c836;
}
.sidebar_regis .text_upload {
  font-size: 12px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.48px;
  margin-top: 40px;
}
.box_regist {
  box-shadow: 0 1px 21px rgba(0,0,0,0.08);
  background: #fff;
  border-radius: 10px;
  margin-top: 30px;
  padding: 30px 37px 40px 40px;
}
.box_regist p.note {
  color: #aaa;
  margin: 10px 0 15px;
}
.box_regist .header {
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.box_regist .header span {
  font-weight: 700;
}
.box_regist .header img {
  margin-left: auto;
}
.box_regist .form_register {
  margin-top: 30px;
}
.box_regist .flex {
  margin-bottom: 0px;
}
.box_regist .flex .field_register {
  position: relative;
  margin-bottom: 15px;
}
.box_regist .flex .field_register input {
  width: 328px;
  height: 36px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 13px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.box_regist .flex .field_register input::placeholder {
  color: #000;
  font-size: 13px;
  font-weight: 600;
}
.box_regist .flex .required:before {
  content: '';
  width: 3px;
  height: 3px;
  background: #f00;
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 12;
}
.box_regist .flex .nice-select {
  width: 328px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border: 1px solid #ccc;
  color: #000;
  font-size: 13px;
  font-weight: 600;
}
.box_regist .flex .nice-select .list {
  width: 100%;
}
.box_regist .input-file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.box_regist .js-labelFile {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 10px;
  cursor: pointer;
  width: 328px;
  height: 36px;
  border: 1px solid #ccc;
  background-color: #fff;
  display: block;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.box_regist .js-labelFile .js-lable {
  margin-left: auto;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}
.box_regist .js-labelFile .js-fileName {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}
.info_regist {
  color: #c0c0c0;
  font-family: Lato;
  font-size: 12px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.48px;
  -ms-flex-order: 1;
  order: 1;
}
@media (min-width: 768px) {
  .info_regist {
    position: sticky;
    top: 20px;
    align-self: flex-start;
    -ms-flex-item-align: start;
  }
}
.info_regist + div {
  padding-right: 30px;
}
.header_part2 .number_header {
  width: 28px;
  height: 28px;
  background-color: #02c836;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
}
.header_part2 .text_header_part2 {
  font-size: 15px;
  font-weight: 700;
  line-height: 75px;
  margin-left: 12px;
}
.bottom_form .box_submit {
  position: relative;
  -ms-flex-order: -1;
  order: -1;
}
.bottom_form .box_submit .btn_register {
  background: transparent;
  border: 0px;
  border-radius: 10px;
  background: #02c836;
  min-width: 156px;
  height: 53px;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  position: relative;
}
.bottom_form .box_submit:before {
  content: "";
  position: absolute;
  top: 50px;
  z-index: 0;
  box-shadow: 0 3px 5px 1px #6b716c;
  width: 80%;
  height: 1px;
  right: 10%;
}
.bottom_form .checkbox_outer {
  padding-top: 1px;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0px;
  margin-left: 34px;
}
.bottom_form .checkbox_outer .check-box {
  margin-right: 10px;
}
.bottom_form .checkbox_outer .lable_checkbox {
  color: #000;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.48px;
}
.box_bottom {
  width: 100%;
  margin-top: 20px;
}
.box_bottom .flex {
  margin-bottom: 0px;
}
.box_bottom .pdl0 {
  padding-left: 0px;
}
.box_bottom .pdR0 {
  padding-right: 0px;
}
.box_bottom .item_rang {
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 17px 25px;
  min-height: 70px;
  margin-bottom: 20px;
}
.box_bottom .item_rang svg {
  width: 37px;
  height: 39px;
}
.box_bottom .item_rang .text_rang {
  display: inline-block;
  line-height: 18px;
  margin-left: 20px;
}
.box_bottom .item_rang .text_rang h2 {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.6pxss;
}
.box_bottom .item_rang .text_rang span {
  font-size: 11px;
}
.box_bottom .item_rang .rang_num {
  margin-left: auto;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.44px;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.box_bottom .item_rang .rang_num:after {
  position: absolute;
  top: 37px;
  left: 1px;
  display: inline-block;
  border-left: 3px solid transparent;
  border-top: 5px solid #000;
  border-right: 3px solid transparent;
  border-bottom-color: rgba(0,0,0,0.2);
  content: '';
}
.box_bottom .item_rang .rang_num:before {
  position: absolute;
  top: -4px;
  left: 1px;
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 5px solid rgba(0,0,0,0.2);
  content: '';
}
@media (max-width: 1199px) {
  .upload_box {
    width: 100% !important;
  }
  .field_register .input {
    width: 100% !important;
  }
  .field_register .nice-select {
    width: 100% !important;
  }
  .field_register .js-labelFile {
    width: 100% !important;
  }
}
@media (max-width: 991px) {
  .box_submit {
    -ms-flex-order: 1 !important;
    order: 1 !important;
  }
  .pdl0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .pdr0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .checkbox_outer {
    margin-bottom: 20px !important;
    margin-left: 0px !important;
  }
  .info_regist {
    margin-top: 30px;
    margin-bottom: 20px;
    padding-left: 0px !important;
    -ms-flex-order: -1;
    order: -1;
  }
}
@media (min-width: 1200px) {
  .info_regist {
    padding: 0px !important;
  }
}
.user-registration-error {
  display: block;
  color: #bc3c3c;
  margin: 5px 0 0;
}
.files-handler .uploads {
  border: 2px dashed #cce3d2;
  background-color: #eefff2;
  padding: 25px 30px;
  max-width: 400px;
  text-align: center;
  border-radius: 10px;
  color: #81b08d;
  font-size: 16px;
}
.files-handler .uploads input[type=file] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.files-handler .uploads svg.box__icon {
  display: block;
  margin: 0 auto 20px;
  fill: #81b08d;
}
.files-handler .uploads label {
  cursor: pointer;
}
.files-handler .uploads label strong:hover {
  color: #5e966c;
}
.files-handler .uploads p {
  margin-bottom: 20px;
}
.files-handler .uploads .files li {
  max-width: 80px;
  width: 100%;
  box-flex: 1;
  -ms-flex: 0 0 80px;
  flex: 0 0 80px;
  background-color: #cae6d0;
  padding: 5px 10px;
  border-radius: 4px;
  color: #6b8871;
  position: relative;
  margin: 0 2px 8px;
}
.files-handler .uploads .files li .progress {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  border-radius: 4px;
  background-color: rgba(0,128,0,0.5);
  z-index: 1;
}
.files-handler .uploads .files li.not-uploaded .progress {
  background-color: rgba(255,0,0,0.5);
}
.files-handler .uploads .files li.not-uploaded .progress:before {
  content: attr(data-failed);
  color: #fff;
}
.files-handler .uploads .files li > * {
  z-index: 2;
}
.files-handler .uploads .files li:before {
  content: 'delete';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(255,0,0,0.6);
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
  z-index: 2;
  border-radius: 4px;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.files-handler .uploads .files li:not(:hover):before {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
}
.files-handler .uploads .files li .preview {
  width: 40px;
  display: block;
  margin: 0 auto 7px;
  text-align: center;
  background-color: #81b08d;
  color: #fff;
  border-radius: 4px;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  font-size: 11px;
}
.files-handler .uploads .files li .preview img {
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.files-handler .uploads .files li .filename {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
  font-size: 10px;
}
.content-main-order {
  margin-top: 15px;
  margin-bottom: 30px;
}
.content-main-order h2 {
  color: #000;
  font-size: 25px;
  font-weight: 700;
  line-height: 75px;
  text-transform: uppercase;
  padding-bottom: 15px;
}
.aside-site {
  -ms-flex-order: 1;
  order: 1;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .aside-site {
    margin-left: auto;
  }
}
.order-section {
  color: #fff;
  box-shadow: 0 1px 21px rgba(0,0,0,0.08);
  background-color: #0bb137;
  border-radius: 20px;
  padding: 25px 20px 20px !important;
}
.order-section.fixed {
  position: fixed;
  top: 25px;
  z-index: 20000;
}
.order-section.to-the-end {
  position: absolute;
  bottom: 0;
  z-index: 20000;
  top: auto;
}
.order-section .checkbox_outer {
  margin-bottom: 0;
  -ms-flex-align: center;
  align-items: center;
}
.order-section .checkbox_outer input[type="checkbox"]:checked + .check-box,
.order-section .checkbox_outer input[type="radio"]:checked + .check-box,
.order-section .checkbox_outer .check-box.checked {
  border-color: #fff;
}
.order-section .checkbox_outer input[type="checkbox"]:checked + .check-box:before,
.order-section .checkbox_outer input[type="radio"]:checked + .check-box:before,
.order-section .checkbox_outer .check-box.checked:before,
.order-section .checkbox_outer input[type="checkbox"]:checked + .check-box:after,
.order-section .checkbox_outer input[type="radio"]:checked + .check-box:after,
.order-section .checkbox_outer .check-box.checked:after {
  background-color: #fff;
}
.order-section h3 {
  font-size: 14px;
  font-weight: 400;
  line-height: 31px;
  text-transform: uppercase;
  padding: 0 25px 25px;
}
.order-section h3 svg {
  width: 29px;
  height: 29px;
  fill: #fff;
  margin-right: 15px;
  margin-left: -25px;
}
.order-section ul {
  margin-bottom: 25px;
}
.order-section li {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0.24px;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  border-bottom: 1px solid #08992f;
}
.order-section li .size {
  margin-left: auto;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  line-height: 25px;
}
.order-section li .size .kr {
  color: #c8eed2;
}
.order-section li .size .slash {
  color: #6cd889;
  font-size: 9px;
  padding: 0 5px;
}
.order-section li .size .mon {
  color: #c8eed2;
}
.order-section li:last-child:not(.none) {
  margin-bottom: 0;
}
.billing h3 {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 15px;
  margin-left: -25px;
  padding-bottom: 15px;
}
.billing p {
  border: none;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  padding-bottom: 18px;
}
.agreement-months {
  border-bottom: 1px solid #08992f;
  margin-bottom: 20px;
}
.agreement-months .months-billing {
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 25px;
}
.agreement-months .check-box {
  border: 1px solid #fff;
  vertical-align: text-top;
}
.agreement-months .lable_checkbox {
  margin-left: 10px;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
}
.months-right {
  margin-right: 20px;
}
.agreement {
  margin-bottom: 25px;
}
.agreement .lable_checkbox {
  font-size: 11px;
  box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.footer-aside {
  text-align: right;
}
.footer-aside p {
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  padding-bottom: 22px;
}
.range-number-months {
  color: #fff;
  font-size: 55px;
  font-weight: 700;
  line-height: 50.46px;
}
.range-number-months del {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  margin-right: 10px;
  font-size: 23px;
  font-weight: 400;
}
.shape-months {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  display: inline-block;
}
.shape {
  text-transform: uppercase;
  border: 1px solid #fff;
  border-radius: 3px;
  display: table;
  text-align: center;
  padding: 0 2px;
  width: 24px;
  height: 14px;
  line-height: 12px;
}
.make-order {
  box-shadow: 0 1px 7px rgba(5,73,23,0.37);
  background-color: #fff;
  display: -ms-flexbox;
  display: box;
  display: flex;
  color: #000;
  font-size: 17px;
  font-weight: 700;
  line-height: 34.79px;
  padding: 7px 21px;
  border-radius: 5px;
  -ms-flex-align: center;
  align-items: center;
  border: 0;
  outline: none;
}
.make-order svg {
  width: 18px;
  height: 14px;
  fill: #000;
  margin-left: auto;
}
.products-sale {
  overflow: auto;
  max-height: 320px;
}
.item-product-sale {
  box-shadow: 0 1px 2px rgba(48,117,65,0.18);
  background-color: #e7ffed;
  margin-bottom: 20px;
  padding: 20px 25px;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8px;
  max-width: 819px;
}
.item-product-sale.disabled {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  pointer-events: none;
  filter: grayscale(1);
}
.text-content {
  box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  margin-right: 20px;
}
.text-content h2 {
  color: #327444;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  padding-bottom: 15px;
}
.text-content h2 span {
  font-size: 12px;
  color: #000;
}
.text-content p {
  color: #477e56;
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  text-align: justify;
}
.content-sale {
  margin-left: auto;
  margin-top: -10px;
}
.content-sale .months {
  padding-bottom: 4px;
}
.content-sale .months .long-day {
  color: #327444;
  font-size: 30px;
  font-weight: 700;
  line-height: 44.38px;
}
.content-sale .months .shape-months {
  color: #327444;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.57px;
}
.content-sale .months .shape-months .shape {
  border: 1px solid #327444;
}
.basket-sale {
  color: #fefefe;
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  background-color: #0bb137;
  padding: 7px 13px;
  text-align: center;
  border-radius: 8px;
}
.basket-sale.added {
  background-color: #e63e3e;
}
.basket-sale:hover {
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
}
.basket-sale .add-basket {
  font-weight: 700;
  margin-right: 8px;
  font-size: 17px;
}
.nicescroll-cursors {
  background-color: #0bb137 !important;
  height: 69px !important;
}
.nicescroll-rails.nicescroll-rails-vr {
  opacity: 1 !important;
  -ms-filter: none !important;
  filter: none !important;
  background-color: #e0f3e5;
  width: 4px !important;
  height: 256px !important;
}
.form-order {
  box-shadow: 0 1px 21px rgba(0,0,0,0.08);
  background-color: #fff;
  border-radius: 15px;
  padding: 40px 40px 0;
  position: relative;
  z-index: 100;
  top: -15px;
}
.form-order h2 {
  color: #000;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  text-transform: uppercase;
  padding-bottom: 15px;
}
.form-order h3 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 25px;
}
.form-order p {
  color: #000;
  font-size: 12px;
  font-weight: 400;
  line-height: 31px;
  padding-bottom: 35px;
  text-align: justify;
}
.form-order .field_register {
  position: relative;
  margin-bottom: 15px;
}
.form-order .field_register .input {
  width: 328px;
  height: 36px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 13px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.form-order .field_register .input::placeholder {
  color: #000;
  font-size: 13px;
  font-weight: 600;
}
.form-order .required:before {
  content: '';
  width: 3px;
  height: 3px;
  background: #f00;
  position: absolute;
  top: 4px;
  left: 4px;
}
.form-order .nice-select {
  width: 328px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border: 1px solid #ccc;
  color: #000;
  font-size: 13px;
  font-weight: 600;
}
.form-order .nice-select .list {
  width: 100%;
}
.form-order .nice-select .current {
  padding-left: 40px;
}
.form-order .nice-select:before {
  content: 'city';
  position: absolute;
  color: #b9b9b9;
  font-size: 13px;
  font-weight: 500;
}
.form-order .flex {
  margin-bottom: 2px;
}
.form-order .toggle-link {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 25px;
  display: table;
  margin-bottom: 15px;
}
.form-order .toggle-link .text-link-toggle {
  border-bottom: 1px dashed rgba(66,66,66,0.5);
}
.form-order .toggle-link svg {
  width: 12px;
  height: 12px;
  fill: #000;
  margin-right: 15px;
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.form-order .toggle-link.close svg {
  -ms-transform: scale(1, -1) rotate(0deg);
  transform: scale(1, -1) rotate(0deg);
}
.back-account-link {
  display: table;
  margin: 40px auto 20px;
  padding: 10px 25px;
  border-radius: 5px;
  background-color: #000;
  color: #fff;
}
.subscription-item {
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  border-radius: 10px;
  padding: 10px;
  text-align: center;
  height: 100%;
}
.subscription-item h3 {
  font-size: 24px;
  margin-bottom: 10px;
}
.subscription-item .period,
.subscription-item .status,
.subscription-item .expire {
  display: block;
}
.subscription-item .status {
  font-weight: 700;
  font-size: 15px;
  color: #0bb137;
}
.subscription-item .status .inactive {
  color: #f00;
}
.branches-list {
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 10px -5px;
}
.branches-list li {
  padding: 0 5px 5px;
}
.branches-list li .chk {
  display: inline-block;
  background-color: #efefef;
  padding: 5px 10px;
  border-radius: 6px;
  cursor: pointer;
  -ms-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.branches-list li input:checked + .chk {
  background-color: #10b006;
  color: #fff;
}
.select-user-btn.dtls {
  background-color: #080b30;
  border-color: #3f4484;
}
@media (max-width: 575px) {
  .select-user-btn {
    display: block !important;
    text-align: center;
    padding: 3px 10px;
    margin-bottom: 7px;
  }
}
.tingle-modal {
  z-index: 999999999;
}
.rx-details-table {
  width: 100%;
  margin: 10px 0 20px;
}
.rx-details-table tr td,
.rx-details-table tr th {
  padding: 10px;
  border: 1px solid #cfcfcf;
}
.rx-details-table tr th {
  background-color: #f0f0f0;
}
.rx-details-table tr td {
  color: #585858;
}
.site-wrap:before {
  content: none;
}
.site-wrap:after {
  content: none;
}
.welcome-register-bg {
  background: url("../images/background-customer.png") no-repeat;
  background-size: 100% auto;
  background-position: center bottom;
  padding-bottom: 100px;
  margin-top: 92px;
  position: relative;
}
.welcome-register-bg:before {
  content: '';
  z-index: -1;
  position: absolute;
  right: 0;
  bottom: 118px;
  background: url("../images/tree1.png") no-repeat;
  width: 391px;
  height: 442px;
}
.welcome-register-bg:after {
  content: '';
  z-index: -1;
  position: absolute;
  left: 55px;
  bottom: 75px;
  background: url("../images/tree2.png") no-repeat;
  width: 186px;
  height: 293px;
}
.welcome-register-bg .border-tree {
  position: absolute;
  bottom: 118px;
  width: 100%;
  height: 3px;
  background: #e8eae9;
  z-index: -1;
}
@media (max-width: 767px) {
  .welcome-register-bg {
    background: none;
  }
}
.welcome-register {
  text-align: center;
  padding-top: 50px;
}
.welcome-register .welcome-thumb {
  margin: 0 0 30px 0;
}
.welcome-register h3 {
  color: #000;
  font-size: 43px;
  font-weight: 400;
  line-height: 50px;
}
.welcome-register p {
  padding-bottom: 110px;
  text-align: center;
  color: #000;
  font-size: 14px;
  font-weight: 400;
}
.welcome-register .now-register {
  margin: 10px auto;
  padding: 0 25px;
  display: table;
  background: #fff;
  position: relative;
}
.welcome-register .now-register a {
  background-color: #02c836;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  padding: 20px 35px;
  text-align: center;
  border-radius: 25px;
  position: relative;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.welcome-register .now-register a:after {
  content: '';
  position: absolute;
  display: inline-block;
  box-shadow: 5px 10px 20px #5dc379;
  bottom: 0;
  width: 134px;
  height: 10px;
  right: -28%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.welcome-register .now-register a:hover {
  background-color: #06b92f;
}
.welcome-register .now-register:before {
  content: '';
  position: absolute;
  bottom: 0;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  right: -80px;
  background: #fff;
  width: 8px;
  height: 10px;
}
.welcome-register .now-register:after {
  content: '';
  position: absolute;
  bottom: 0;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: -80px;
  background: #fff;
  width: 8px;
  height: 10px;
}
.welcome-register .now-register .border-dash-right {
  position: absolute;
  right: -14px;
  background: #fff;
  width: 8px;
  height: 10px;
  bottom: 8px;
}
.welcome-register .now-register .border-dash-right:before {
  content: '';
  position: absolute;
  bottom: -8px;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  right: -40px;
  background: #fff;
  width: 8px;
  height: 10px;
}
.welcome-register .now-register .border-dash-right:after {
  content: '';
  position: absolute;
  bottom: -8px;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  right: -21px;
  background: #fff;
  width: 8px;
  height: 10px;
}
.welcome-register .now-register .border-dash-left {
  position: absolute;
  left: -14px;
  background: #fff;
  width: 8px;
  height: 10px;
  bottom: 8px;
}
.welcome-register .now-register .border-dash-left:before {
  content: '';
  position: absolute;
  bottom: -8px;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: -38px;
  background: #fff;
  width: 8px;
  height: 10px;
}
.welcome-register .now-register .border-dash-left:after {
  content: '';
  position: absolute;
  bottom: -8px;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: -17px;
  background: #fff;
  width: 8px;
  height: 10px;
}
.dw-intro-section {
  margin-bottom: 230px;
}
@media (max-width: 767px) {
  .dw-intro-section {
    margin-bottom: 40px;
  }
}
.dw-intro-section .box-title {
  text-align: center;
  margin-bottom: 20px;
}
.dw-intro-section .box-title h3 {
  color: #000;
  font-size: 15px;
  font-weight: 700;
  padding-bottom: 15px;
}
.dw-intro-section .box-title h3 span {
  color: #fff;
  background-color: #02c836;
  border-radius: 8px;
  padding: 1px 2px 3px;
  display: inline-block;
  line-height: 1;
  font-weight: 500;
}
.dw-intro-section .box-title p {
  margin: 0 auto;
  max-width: 800px;
  color: #000;
  font-size: 14px;
  font-weight: 300;
}
.stage-text {
  position: relative;
}
.stage-text:before {
  content: '';
  position: absolute;
  background: url("../images/bg-stage.png") no-repeat;
  background-position-y: 20px;
  height: 99px;
  width: 106%;
  left: -49px;
  top: 0;
  z-index: -10;
}
.stage-text .grid-row {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.stage-text .grid-row .stages {
  text-align: center;
  position: relative;
  width: 100%;
  box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.stage-text .grid-row .stages:hover h4 {
  font-size: 20px;
}
.stage-text .grid-row .stages:hover .text-stage {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.stage-text .grid-row .stages:hover .number-stage .just-number {
  color: #fff;
  background-color: #02c836;
}
.stage-text .grid-row .stages .number-stage {
  border: 1px dashed #000;
  position: relative;
  border-radius: 50%;
  width: 47px;
  height: 47px;
  padding: 4px;
  display: inline-block;
  line-height: 47px;
  text-align: center;
  background-color: #fff;
}
.stage-text .grid-row .stages .number-stage .just-number {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  display: inline-block;
  text-align: center;
  line-height: 2;
  color: #000;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 15px;
}
.stage-text .grid-row .stages .text-stage {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  font-size: 13px;
  max-width: 170px;
  position: absolute;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  width: 100%;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 35px;
}
.stage-text .grid-row .stages .text-stage .text-stage-item {
  display: inline-block;
  padding-bottom: 25px;
}
.stage-text .grid-row .stages .text-stage .more-details {
  color: #8a8a8a;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  text-decoration: underline;
  display: block;
}
.stage-text .grid-row .stages h4 {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
}
.stage-text .grid-row .stage-2 {
  top: 29px;
}
.stage-text .grid-row .stage-3 {
  top: 60px;
}
.stage-text .grid-row .stage-4 {
  top: 60px;
}
.stage-text .grid-row .stage-5 {
  top: 34px;
}
.stage-text .grid-row .stage-6 {
  top: 3px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .stage-text .grid-row .stage-2 {
    top: 20px;
  }
  .stage-text .grid-row .stage-3 {
    top: 50px;
  }
  .stage-text .grid-row .stage-5 {
    top: 60px;
  }
  .stage-text .grid-row .stage-6 {
    top: 34px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .stage-text .grid-row .stage-2 {
    top: 10px;
  }
  .stage-text .grid-row .stage-3 {
    top: 32px;
  }
  .stage-text .grid-row .stage-5 {
    top: 65px;
  }
  .stage-text .grid-row .stage-6 {
    top: 65px;
  }
}
@media (max-width: 767px) {
  .stage-text:before {
    content: none;
  }
  .stage-text .grid-row .stages {
    top: auto !important;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-flex: 1;
    -ms-flex: 0 0 33.33333333333333%;
    flex: 0 0 33.33333333333333%;
    max-width: 33.33333333333333%;
    margin-bottom: 40px;
  }
  .stage-text .grid-row .stages .text-stage {
    display: none !important;
  }
}
@media (max-width: 575px) {
  .stage-text .grid-row .stages {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-flex: 1;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.slider-page {
  margin-bottom: 50px;
}
.slider-page .box-title {
  margin-bottom: 10px;
  -ms-flex-align: center;
  align-items: center;
}
.slider-page .box-title h3 {
  color: #000;
  font-size: 15px;
  font-weight: 700;
}
.slider-page .box-title .pagination-customer {
  margin-left: auto;
}
.slider-page .box-title .pagination-customer .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  background-color: #000;
  margin-left: 5px;
  cursor: pointer;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.slider-page .box-title .pagination-customer .swiper-pagination-bullet-active {
  background-color: #02c836;
  cursor: pointer;
}
.just-slider {
  position: relative;
}
.just-slider:before {
  content: '';
  position: absolute;
  -ms-transform: translatex(-50%);
  transform: translatex(-50%);
  left: 50%;
  background: -ms-linear-gradient(top, #b3dced 0%, #45dac0 50%, #bce0ee 100%);
  background: linear-gradient(to bottom, #b3dced 0%, #45dac0 50%, #bce0ee 100%);
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  width: 117%;
  height: 250px;
  top: 70px;
  filter: blur(50px);
  border-radius: 100%;
}
.just-slider .swiper-slide {
  padding: 20px 0;
}
.item-slider {
  position: relative;
  background: #fff;
  border-radius: 20px;
  padding: 0 0 16px;
}
.item-slider:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 85%;
  top: 30px;
  left: 0;
  background-color: #d1d4d2;
  filter: blur(10px);
  z-index: -10;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.item-slider:after {
  content: '';
  position: absolute;
  width: 85%;
  height: 100%;
  top: 0;
  left: 20px;
  background-color: #d1d4d2;
  filter: blur(10px);
  z-index: -100;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.item-slider:hover:before {
  background-color: #bbb;
}
.item-slider:hover:after {
  background-color: #bbb;
}
.item-slider:hover .see-more .show {
  font-weight: 700;
}
.customer-thumbnail {
  margin: 0;
  position: relative;
  overflow: hidden;
  max-height: 220px;
}
.customer-thumbnail img {
  -webkit-mask-image: linear-gradient(to top, transparent 43%, #000 75%);
  mask-image: linear-gradient(to top, transparent 43%, #000 75%);
}
.customer-thumbnail .taught {
  position: absolute;
  top: 88%;
  left: 0;
  padding: 1px 15px;
  background-color: #02c836;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  margin-left: 15px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  z-index: 1000;
}
.content-item-slider {
  text-align: left;
  position: relative;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #fff;
  width: 100%;
  padding: 15px;
}
.content-item-slider h2 {
  color: #000;
  font-size: 13px;
  font-weight: 700;
  line-height: 1px;
  padding-bottom: 20px;
}
.content-item-slider ul li {
  color: #000;
  font-size: 12px;
  font-weight: 400;
  line-height: 21px;
}
.content-item-slider ul li svg {
  width: 11px;
  height: 11px;
  fill: #02c836;
  margin-right: 8px;
}
.see-more {
  border: 1px solid #f1f1f1;
  background-color: #fff;
  border-radius: 8px;
  margin: 0 15px;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.see-more .show {
  display: -ms-flexbox;
  display: box;
  display: flex;
  padding: 13px 20px;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
}
.see-more .dotted {
  margin-left: auto;
  font-size: 30px;
  line-height: 6px;
}
.see-more .dotted .green {
  color: #02c836;
  font-style: normal;
}
.see-more .dotted .gray-full {
  color: #a3a3a3;
  font-style: normal;
}
.see-more .dotted .gray {
  color: #d1d1d1;
  font-style: normal;
}
#dwtoast {
  min-width: 250px;
  margin-left: -125px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 9990000;
  left: 50%;
  bottom: 30px;
  -ms-transition: all 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: all 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
#dwtoast:not(.show) {
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -ms-transform: translateY(10px) scale(0.92);
  transform: translateY(10px) scale(0.92);
}
.green-button,
.red-button {
  background: transparent;
  border: 0px;
  border-radius: 10px;
  background-color: #02c836;
  width: 156px;
  height: 53px;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  position: relative;
  display: inline-block;
}
.green-button:before,
.red-button:before {
  content: "";
  position: absolute;
  top: 50px;
  z-index: 0;
  box-shadow: 0 3px 5px 1px #6b716c;
  width: 80%;
  height: 1px;
  right: 10%;
}
.green-button.red-button,
.red-button.red-button {
  background-color: #c80202;
}
.fade-in-out-animation {
  -ms-animation-duration: 1s;
  animation-duration: 1s;
  -ms-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -ms-animation-name: fadeInOutToggle;
  animation-name: fadeInOutToggle;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.site-wrap {
  position: relative;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.site-wrap.blurred {
  filter: blur(5px);
}
.site-wrap.offCanvas {
  -ms-transform: translateX(-320px);
  transform: translateX(-320px);
}
.modal-container {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  z-index: 2000000;
}
.modal-container:not(.open) {
  top: -100vh !important;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
}
.modal-container:not(.open) .modal-body {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
}
.modal-container .modal-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.modal-container .modal-inner > .close {
  position: absolute;
  top: 25px;
  right: 50px;
  line-height: 1;
  font-size: 50px;
  color: #000;
  cursor: pointer;
  z-index: 20;
}
.modal-container .modal-inner:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background-color: rgba(255,255,255,0.4);
}
.modal-container .modal-inner .modal-body {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  -ms-transition-delay: 180ms;
  transition-delay: 180ms;
}
.login-form-inmodal p.logo-img img {
  max-width: 100px;
  margin: 0 auto 20px;
  display: block;
}
.login-form-inmodal .user-registration-error {
  margin-bottom: 17px;
  background-color: #fe2424;
  color: #fff;
  border-radius: 15px;
  margin-bottom: 17px;
  padding: 10px 20px;
}
.login-form-inmodal .ur-frontend-form {
  border: 0 !important;
  padding: 0 !important;
}
.login-form-inmodal .ur-frontend-form form {
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.login-form-inmodal .ur-frontend-form form.loading {
  filter: blur(1px);
  cursor: loading;
}
.login-form-inmodal .ur-frontend-form a {
  color: inherit;
}
.login-form-inmodal .ur-frontend-form .form-row {
  margin-bottom: 17px;
}
.login-form-inmodal .ur-frontend-form input[type=text],
.login-form-inmodal .ur-frontend-form input[type=password],
.login-form-inmodal .ur-frontend-form input[type=email],
.login-form-inmodal .ur-frontend-form input[type=tel] {
  min-width: 405px;
  width: 100%;
  background: none;
  outline: none;
  border: 1px solid #000;
  border-radius: 10px;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  padding: 0 20px;
  height: 44px;
}
@media (max-width: 575px) {
  .login-form-inmodal .ur-frontend-form input[type=text],
  .login-form-inmodal .ur-frontend-form input[type=password],
  .login-form-inmodal .ur-frontend-form input[type=email],
  .login-form-inmodal .ur-frontend-form input[type=tel] {
    min-width: 0;
    width: 300px;
    max-width: 95%;
  }
}
.login-form-inmodal .ur-frontend-form input[type=text]::-webkit-input-placeholder,
.login-form-inmodal .ur-frontend-form input[type=password]::-webkit-input-placeholder,
.login-form-inmodal .ur-frontend-form input[type=email]::-webkit-input-placeholder,
.login-form-inmodal .ur-frontend-form input[type=tel]::-webkit-input-placeholder {
  color: #000;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.login-form-inmodal .ur-frontend-form input[type=text]:-moz-placeholder,
.login-form-inmodal .ur-frontend-form input[type=password]:-moz-placeholder,
.login-form-inmodal .ur-frontend-form input[type=email]:-moz-placeholder,
.login-form-inmodal .ur-frontend-form input[type=tel]:-moz-placeholder {
  color: #000;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.login-form-inmodal .ur-frontend-form input[type=text]::-moz-placeholder,
.login-form-inmodal .ur-frontend-form input[type=password]::-moz-placeholder,
.login-form-inmodal .ur-frontend-form input[type=email]::-moz-placeholder,
.login-form-inmodal .ur-frontend-form input[type=tel]::-moz-placeholder {
  color: #000;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.login-form-inmodal .ur-frontend-form input[type=text]:-ms-input-placeholder,
.login-form-inmodal .ur-frontend-form input[type=password]:-ms-input-placeholder,
.login-form-inmodal .ur-frontend-form input[type=email]:-ms-input-placeholder,
.login-form-inmodal .ur-frontend-form input[type=tel]:-ms-input-placeholder {
  color: #000;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.login-form-inmodal .ur-frontend-form input[type=text]::placeholder,
.login-form-inmodal .ur-frontend-form input[type=password]::placeholder,
.login-form-inmodal .ur-frontend-form input[type=email]::placeholder,
.login-form-inmodal .ur-frontend-form input[type=tel]::placeholder {
  color: #000;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.login-form-inmodal .ur-frontend-form button[type=submit],
.login-form-inmodal .ur-frontend-form input[type=submit] {
  min-width: 150px;
  height: 53px;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  background: none;
  outline: none;
  border: 1px solid #000;
  border-radius: 10px;
  color: #000;
  margin-bottom: 25px;
}
.login-form-inmodal .ur-frontend-form label.user-registration-form__label-for-checkbox {
  margin-bottom: 0;
  color: #000;
  display: block;
}
.login-form-inmodal .ur-frontend-form .checkbox_outer {
  margin-bottom: 0;
}
.login-form-inmodal .ur-frontend-form .checkbox_outer .check-box {
  margin-right: 10px;
}
.menue-toggle {
  height: 100vh;
  width: 320px;
  overflow: auto;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #fff;
  overflow-x: hidden;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  padding: 40px 15px 25px;
  box-shadow: -10px 0 18px rgba(0,0,0,0.09);
}
.menue-toggle .account-links {
  text-align: center;
  margin-bottom: 10px;
}
.menue-toggle .account-links a {
  padding: 0 6px;
}
.menue-toggle .account-links a:last-of-type {
  background-color: #000 !important;
}
.menue-toggle .account-links a:hover {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.menue-toggle .logo {
  text-align: center;
  display: block;
  margin: 0;
  width: 100%;
}
.menue-toggle .closebtn {
  position: absolute;
  left: 10px;
  top: 10px;
}
.menue-toggle:not(.open) {
  -ms-transform: translateX(320px);
  transform: translateX(320px);
}
.menue-toggle .close-log-in {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: center;
  align-items: center;
}
.menue-toggle .close-log-in .log-in {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  white-space: nowrap;
}
.menue-toggle .close-log-in .log-in a {
  font-size: 16px;
}
.menue-toggle .off-canvas-menu-top {
  -ms-flex-align: center;
  align-items: center;
}
.menue-toggle .off-canvas-menu-top .closebtn {
  margin-right: auto;
  font-size: 22px;
}
.menue-toggle .off-canvas-menu-top a {
  font-size: 16px;
  color: #373733;
}
.menue-toggle .off-canvas-menu-top .search-form {
  margin-bottom: 22px;
}
.menue-toggle .off-canvas-menu-top .search-form input {
  width: 100%;
  height: 39px;
  padding: 0 10px;
  border-radius: 5px;
  border: 1px solid #d1d9e4;
  background-color: #fff;
  color: #848794;
  font-size: 13px;
  font-weight: 500;
  margin: 0px;
}
.menue-toggle .off-canvas-menu-top .logo {
  margin-bottom: 20px;
}
.menue-toggle .off-canvas-menu-top .logo svg {
  fill: #000;
}
.menue-toggle .off-canvas-menu-top .logo svg path.symbol {
  fill: #02c836;
}
.menue-toggle .offcanvas-menu-toggleable {
  margin: 0;
  font-size: 14px;
}
.menue-toggle .offcanvas-menu-toggleable > li a {
  padding: 10px 0;
  position: relative;
  display: block;
  border-bottom: 1px solid #eee;
}
.menue-toggle .offcanvas-menu-toggleable > li a:hover {
  color: #02c836;
}
.menue-toggle .offcanvas-menu-toggleable > li > ul {
  display: none;
}
.menue-toggle .offcanvas-menu-toggleable > li > ul a {
  font-size: 14px;
  color: #a4a4a4;
  padding-left: 14px;
}
.menue-toggle .offcanvas-menu-toggleable > li.menu-item-has-children > a:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 185.343 185.343' width='12px' height='12px'%3E%3Cpath d='M51.707,185.343c-2.741,0-5.493-1.044-7.593-3.149c-4.194-4.194-4.194-10.981,0-15.175 l74.352-74.347L44.114,18.32c-4.194-4.194-4.194-10.987,0-15.175c4.194-4.194,10.987-4.194,15.18,0l81.934,81.934 c4.194,4.194,4.194,10.987,0,15.175l-81.934,81.939C57.201,184.293,54.454,185.343,51.707,185.343z'/%3E%3C/svg%3E%0A");
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  right: 15px;
  width: 12px;
  height: 12px;
}
.site_header .right_header li {
  text-align: center;
}
.site_header .right_header li.expandable-search {
  position: relative;
  cursor: pointer;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.site_header .right_header li.expandable-search form {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.site_header .right_header li.expandable-search form input[type=text] {
  background: none;
  height: 100%;
  border: 0;
  outline: none;
  padding: 0 10px;
  width: 175px;
}
.site_header .right_header li.expandable-search .icon_right_header {
  border-radius: 16px;
  padding: 0 6px;
  text-align: right;
  position: relative;
}
.site_header .right_header li.expandable-search.open .icon_right_header {
  width: 205px;
}
.site_header .right_header li.expandable-search.open form {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  visibility: visible;
}
.menu_bottom_header ul .has-children ul {
  display: block;
  padding: 15px 26px 0 26px;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.menu_bottom_header ul .has-children ul li {
  margin-right: -26px;
  width: auto;
}
.menu_bottom_header ul .has-children ul li:hover a {
  color: #02c836;
}
.menu_bottom_header ul .has-children:not(:hover) ul {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}
.egg-like-avatar {
  width: 212px;
  position: relative;
}
.egg-like-avatar .shadow {
  position: absolute;
  width: 110%;
  height: 110%;
  filter: blur(10px);
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.egg-like-avatar .shadow:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #c6c7c9;
  clip-path: url("#user_avatar_clip");
}
.egg-like-avatar .avatar-image {
  clip-path: url("#user_avatar_clip");
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 3;
  overflow: hidden;
}
.egg-like-avatar .avatar-image img {
  display: block;
}
.egg-like-avatar .borders {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.egg-like-avatar .borders:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  clip-path: url("#user_avatar_clip");
  background: #e8e9ea;
  z-index: 2;
  top: -10px;
}
.egg-like-avatar .borders:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  clip-path: url("#user_avatar_clip");
  background: #fff;
  top: -11px;
}
.egg-like-avatar.rotated {
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  width: 150px;
}
.egg-like-avatar.rotated img {
  -ms-transform: rotate(-90deg) scale(1.5);
  transform: rotate(-90deg) scale(1.5);
}
.content-user-avatar-right .btn,
.content-user-avatar-left .btn {
  position: relative;
  margin-left: 56px;
  display: inline-block;
  bottom: -25px;
}
.content-user-avatar-right .btn .inner,
.content-user-avatar-left .btn .inner {
  background-color: #02c836;
  color: #fff;
  display: inline-block;
  font-size: 17px;
  font-weight: 700;
  padding: 16px 30px;
  border-radius: 10px;
  position: relative;
  z-index: 5;
}
.content-user-avatar-right .btn a.readmore,
.content-user-avatar-left .btn a.readmore {
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 120%;
  color: #989898;
  border-bottom: 1px solid #e8e8e8;
  white-space: nowrap;
}
.content-user-avatar-right .btn a.readmore:hover,
.content-user-avatar-left .btn a.readmore:hover {
  color: #505050;
  border-color: #505050;
}
.content-user-avatar-right .btn a.gbtn,
.content-user-avatar-left .btn a.gbtn {
  display: block;
  position: relative;
}
.content-user-avatar-right .btn a.gbtn:before,
.content-user-avatar-left .btn a.gbtn:before {
  content: '';
  width: 90%;
  height: 95%;
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #457552;
  bottom: -6px;
  border-radius: 10px;
  filter: blur(7px);
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.content-user-avatar-left a.btn {
  margin: 0 56px 0 0;
}
.page-single-box {
  box-shadow: 0 1px 21px rgba(0,0,0,0.08);
  background-color: #fff;
  margin-bottom: 60px;
  padding: 40px 40px 60px;
  border-radius: 10px;
  overflow: hidden;
}
.my-account-block .user-registration .my-account--header {
  margin: -40px 0 40px -40px;
  -ms-flex-align: center;
  align-items: center;
}
.my-account-block .user-registration .my-account--header .clipped-avatar {
  position: relative;
}
.my-account-block .user-registration .my-account--header .clipped-avatar img {
  -webkit-clip-path: polygon(0 0, 100% 0%, 0 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0%, 0 100%, 0 100%);
  position: relative;
  z-index: 2;
}
.my-account-block .user-registration .my-account--header .clipped-avatar img:last-of-type {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  -ms-transform: rotate(2deg) scale(1.1) translate(6px, 0px);
  transform: rotate(2deg) scale(1.1) translate(6px, 0px);
}
.my-account-block .user-registration .my-account--header .my-account-header--left {
  margin-left: auto;
}
.my-account-block .user-registration .my-account--header .my-account-header--left .user-level {
  margin-left: 50px;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
}
.my-account-block .user-registration .my-account--header .my-account-header--left .user-level .sbs-content {
  text-align: right;
  margin-right: 15px;
}
.my-account-block .user-registration .my-account--header .my-account-header--left .user-level strong {
  display: block;
  font-size: 25px;
}
.my-account-block .user-registration .my-account--header .my-account-header--left .user-level .icn {
  width: 36px;
  height: 36px;
  display: inline-block;
  border-radius: 100%;
  background-color: #e9b62d;
  text-align: center;
  line-height: 36px;
  box-shadow: 0 0 28px #e9b62d;
}
.my-account-block .user-registration .my-account--header .my-account-header--left .user-level .icn svg {
  fill: #fff;
  width: 24px;
  height: 24px;
}
.my-account-block .user-registration .my-account--header .user-welcome-name {
  margin-left: 25px;
  font-size: 12px;
}
.my-account-block .user-registration .my-account--header .user-welcome-name h3 {
  font-size: 25px;
  line-height: 1;
  font-weight: 500;
}
.my-account-block .user-registration .user-registration-MyAccount-navigation {
  position: relative;
  box-shadow: 28px 0px 21px -16px rgba(0,0,0,0.08);
  color: #000;
  font-size: 13px;
  font-weight: 500;
  line-height: 36px;
  width: 100%;
  max-width: 225px;
}
.my-account-block .user-registration .user-registration-MyAccount-navigation .expand-icon {
  position: absolute;
  top: -40px;
  left: 0;
}
.my-account-block .user-registration .user-registration-MyAccount-navigation .expand-icon .icn {
  width: 28px;
  height: 28px;
  display: inline-block;
  background-color: #fff;
  border-radius: 100%;
  box-shadow: 1px 2px 5px rgba(0,0,0,0.3);
  line-height: 28px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
}
.my-account-block .user-registration .user-registration-MyAccount-navigation .expand-icon .icn svg {
  width: 10px;
  height: 10px;
  fill: #565656;
}
@media (max-width: 991px) {
  .my-account-block .user-registration .user-registration-MyAccount-navigation {
    max-width: 170px;
  }
}
@media (max-width: 767px) {
  .my-account-block .user-registration .user-registration-MyAccount-navigation {
    max-width: 100%;
    box-shadow: none;
    background-color: #02c836;
    border-radius: 10px;
    padding: 15px 15px 0;
    overflow: hidden;
    margin-bottom: 20px;
  }
  .my-account-block .user-registration .user-registration-MyAccount-navigation .toggle-account-navigation {
    margin: -15px -15px 0;
    padding: 15px;
    display: block;
    background-color: #24ba4c;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
  }
  .my-account-block .user-registration .user-registration-MyAccount-navigation .toggle-account-navigation svg {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    fill: #fff;
    -ms-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  .my-account-block .user-registration .user-registration-MyAccount-navigation .toggle-account-navigation.open svg path:nth-child(3) {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    visibility: hidden;
  }
  .my-account-block .user-registration .user-registration-MyAccount-navigation .toggle-account-navigation.open svg path:nth-child(1) {
    -ms-transform: rotate(-45deg) translate(-9px, 13px);
    transform: rotate(-45deg) translate(-9px, 13px);
  }
  .my-account-block .user-registration .user-registration-MyAccount-navigation .toggle-account-navigation.open svg path:nth-child(2) {
    -ms-transform: rotate(45deg) translate(5px, -16px);
    transform: rotate(45deg) translate(5px, -16px);
  }
  .my-account-block .user-registration .user-registration-MyAccount-navigation ul {
    display: none;
    margin: 0 -15px;
  }
  .my-account-block .user-registration .user-registration-MyAccount-navigation ul li a {
    padding: 5px 15px;
  }
  .my-account-block .user-registration .user-registration-MyAccount-navigation ul li.is-active {
    color: #fff !important;
    background-color: rgba(4,83,22,0.129);
    border-left: 7px solid #189339;
  }
  .my-account-block .user-registration .user-registration-MyAccount-navigation ul li.is-active a svg {
    fill: #fff !important;
  }
}
.my-account-block .user-registration .user-registration-MyAccount-navigation li a {
  display: block;
}
.my-account-block .user-registration .user-registration-MyAccount-navigation li a small {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  background-color: #c5981e;
  color: #fff;
  padding: 2px 5px 4px;
  border-radius: 4px;
  margin-left: 4px;
}
.my-account-block .user-registration .user-registration-MyAccount-navigation li a small.green {
  background-color: #4ac51e;
}
.my-account-block .user-registration .user-registration-MyAccount-navigation li svg {
  width: 16px;
  height: 16px;
  fill: #000;
  margin-right: 12px;
}
.my-account-block .user-registration .user-registration-MyAccount-navigation li.is-active {
  color: #009c29;
}
.my-account-block .user-registration .user-registration-MyAccount-navigation li.is-active svg {
  fill: #009c29;
}
.my-account-block .user-registration .user-registration-MyAccount-content {
  padding-left: 50px;
  box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}
@media (max-width: 767px) {
  .my-account-block .user-registration .user-registration-MyAccount-content {
    max-width: 100%;
    box-flex: 1;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-left: 0;
  }
}
.my-account-block .user-registration .user-registration-MyAccount-content .content-title {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  border-bottom: 1px solid #efefef;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.my-account-block .user-registration .user-registration-MyAccount-content p {
  margin-bottom: 25px;
  font-size: 13px;
  color: #000;
  font-weight: 500;
}
.my-account-block .user-registration .user-registration-MyAccount-content p.foot-note {
  font-style: italic;
  color: #999;
  margin-top: 20px;
}
.user-registration-message {
  position: fixed;
  top: 50px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: auto;
  margin: 0;
  background-color: #7d7de3;
  z-index: 1000000;
  padding: 15px;
  color: #fff;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  border-radius: 17px;
  -ms-animation: fadeIn 0.5s;
  animation: fadeIn 0.5s;
  box-shadow: 0 0 10px rgba(0,0,0,0.6);
}
.user-registration-message a {
  color: inherit;
  text-decoration: underline;
}
.fc-day,
.fc-day-top,
.fc-content-skeleton td {
  cursor: pointer;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.fc-day.selected,
.fc-day-top.selected,
.fc-content-skeleton td.selected {
  background: #efefef;
  box-shadow: 0 0 11px rgba(12,108,17,0.47);
}
#floating_day_selector {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 200;
  background-color: #02c836;
  color: #fff;
  padding: 20px 30px;
  border-radius: 11px;
  -ms-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  box-shadow: 0 0 18px #02c836;
}
#floating_day_selector .count {
  display: inline-block;
  background-color: #fff;
  color: #333;
  vertical-align: middle;
  padding: 2px 10px;
  border-radius: 6px;
  margin-right: 5px;
  color: #414141;
  font-weight: 700;
}
#floating_day_selector a {
  display: inline-block;
  background-color: #333;
  color: #fff;
  margin-left: 10px;
  padding: 6px 10px;
  line-height: 1;
  vertical-align: middle;
  border-radius: 4px;
  box-shadow: 0 2px 0 rgba(0,0,0,0.4);
}
#floating_day_selector a.loading {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
#floating_day_selector:not(.open) {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
  -ms-transform: translateY(10px);
  transform: translateY(10px);
}
@media (max-width: 767px) {
  #floating_day_selector {
    width: 100%;
    left: 0;
    bottom: 0;
    border-radius: 0;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 25px;
  }
  #floating_day_selector a {
    margin-left: auto;
    padding: 17px 25px;
  }
}
.tingle-modal-box__content {
  position: relative;
}
.schedule-editor-popup {
  -ms-flex-align: center;
  align-items: center;
}
.schedule-editor-popup .loader {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  left: 0;
  top: 0;
  text-align: center;
  background-color: rgba(255,255,255,0.88);
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
.schedule-editor-popup .loader svg {
  stroke: #959595;
  width: 70px;
  height: 70px;
}
.schedule-editor-popup .loader span {
  display: block;
  font-size: 20px;
  font-weight: 500;
}
.schedule-editor-popup .pop-header {
  margin-bottom: 30px;
}
.schedule-editor-popup .pop-header h3 {
  font-size: 16px;
}
.schedule-editor-popup .pop-header .delete {
  margin-left: auto;
  background-color: #fc2323;
  color: #fff;
  padding: 2px 15px;
  border-radius: 5px;
  border-bottom: 2px solid #cb0808;
}
.schedule-editor-popup p.message {
  background-color: #02c836;
  border-bottom: 1px solid #0a7826;
  padding: 10px;
  color: #fff;
  margin-bottom: 20px;
  border-radius: 5px;
}
.schedule-editor-popup p.message.error {
  background-color: #d71f1f;
  border-bottom: 1px solid #780a0a;
}
.schedule-editor-popup .form-row {
  margin-bottom: 20px;
}
.schedule-editor-popup .field-label {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
  display: block;
}
.schedule-editor-popup .checkbox-group {
  margin: 0 -5px;
}
.schedule-editor-popup .from-to-hour {
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 25px;
}
.schedule-editor-popup .from-to-hour .select-group {
  -ms-flex-align: center;
  align-items: center;
  padding: 0 15px;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
}
.schedule-editor-popup .from-to-hour .select-group label {
  font-weight: 700;
  margin-right: 7px;
}
.schedule-editor-popup .from-to-hour .select-group .sep {
  font-size: 14px;
  font-weight: 700;
  margin: 0 7px;
  color: #999;
}
.schedule-editor-popup .from-to-hour .select-group .nice-select .list {
  max-height: 200px;
  overflow-y: auto;
}
.schedule-editor-popup .checkbox_outer {
  padding: 0 5px;
}
.schedule-editor-popup .check-box {
  margin-right: 4px;
}
.schedule-editor-popup .nice-select .list {
  width: 100%;
}
.schedule-editor-popup input[type=text],
.schedule-editor-popup input[type=email],
.schedule-editor-popup input[type=number],
.schedule-editor-popup textarea {
  display: block;
  border: solid 1px #e8e8e8;
  background: none;
  height: 38px;
  border-radius: 5px;
  padding: 0 10px;
}
.schedule-editor-popup textarea {
  height: 100px;
  padding: 10px;
  resize: vertical;
}
.schedule-editor-popup .order-total-wrapper {
  margin-left: auto;
}
.schedule-editor-popup .order-total-wrapper td {
  padding: 10px;
  background-color: #f7f7f7;
}
.schedule-editor-popup .order-total-wrapper td:first-child {
  background-color: #eaeaea;
}
.schedule-editor-popup .order-total-wrapper td:last-child {
  padding: 10px 25px;
}
.schedule-editor-popup .order-total-wrapper tr.total td {
  background-color: #e3761b;
  color: #fff;
  font-weight: 700;
}
.schedule-editor-popup .order-total-wrapper tr.total td:first-child {
  background-color: #de6906;
}
.schedule-editor-popup .order-total-wrapper tr.total td:last-child {
  font-size: 15px;
}
.schedule-editor-popup .order-form-bottom .left-side {
  box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 20px;
}
.orders-list-table {
  overflow: auto;
}
.orders-list-table table {
  width: 100%;
  border-radius: 5px;
  border-style: hidden;
  box-shadow: 0 0 0 1px #d5d5d5;
}
.orders-list-table tr th,
.orders-list-table tr td {
  padding: 1em;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  border-bottom: 1px solid #e7e7e7;
}
.orders-list-table tr th > a.dw-tooltip,
.orders-list-table tr td > a.dw-tooltip {
  text-decoration: underline;
  color: #048927;
}
.orders-list-table tr th.days,
.orders-list-table tr td.days {
  word-break: break-word;
  max-width: 200px;
}
.orders-list-table tr th {
  background-color: #e0e0e0;
}
.orders-list-table tr:not(.nominees):hover td {
  background-color: #f6f6f6;
}
.orders-list-table tr a.select-nominee {
  color: #939393;
  border-bottom: 1px solid #c7c7c7;
  padding-bottom: 3px;
}
.orders-list-table tr a.select-nominee svg {
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-left: 5px;
  width: 8px;
  height: 8px;
  color: #939393;
}
.orders-list-table a.see-staffs-list {
  text-decoration: underline;
  color: #6b6b6b;
}
.star-ratings {
  position: relative;
  overflow: hidden;
  font-size: 22px;
  display: inline-block;
  line-height: 1;
  color: #a5a5a5;
}
.star-ratings:before {
  content: '\2606\2606\2606\2606\2606';
}
.star-ratings .value {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  color: #dede11;
}
.star-ratings .value:before {
  content: '\2605\2605\2605\2605\2605';
}
.order-nominees-list {
  counter-reset: nominees;
}
.order-nominees-list li {
  -ms-flex-align: center;
  align-items: center;
  background-color: #f7f7f7;
  padding: 20px;
  border-radius: 15px;
  margin-bottom: 10px;
  counter-increment: nominees;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.order-nominees-list li:before {
  content: '#' counter(nominees);
  font-size: 24px;
  font-weight: 700;
  margin-right: 15px;
  color: #b6b6b6;
}
.order-nominees-list li .avatar img {
  border-radius: 100%;
}
.order-nominees-list li .name {
  font-weight: 700;
}
.order-nominees-list li .name a {
  text-decoration: underline;
}
.order-nominees-list li .name .rating {
  display: block;
  font-weight: 400;
  font-size: 11px;
}
.order-nominees-list li .done-projects {
  text-align: center;
  line-height: 1.2;
}
.order-nominees-list li .done-projects strong {
  display: block;
  font-size: 40px;
  color: #b94011;
}
.order-nominees-list li .rating {
  line-height: 1.5;
}
.order-nominees-list li .rating .rating-text {
  display: block;
  font-weight: 500;
  font-size: 11px;
}
.order-nominees-list li .days {
  line-height: 1.5;
}
.order-nominees-list li .days span {
  display: block;
  font-size: 15px;
  color: #02c836;
  font-weight: 700;
}
.select-user-btn {
  font-size: 13px;
  height: auto;
  background-color: #02c836;
  color: #fff;
  padding: 5px 15px;
  border-radius: 8px;
  border-bottom: 2px solid #06ad32;
  font-weight: 700;
  cursor: pointer;
  display: inline-block;
  min-width: 90px;
}
.ican-do-list table.days {
  margin: 20px 0;
}
.ican-do-list table.days td,
.ican-do-list table.days th {
  padding: 1em 1.5em;
  vertical-align: middle;
}
.ican-do-list table.days th {
  background-color: #f9f9f9;
}
.ican-do-list table.days td {
  border-bottom: 1px solid #eee;
}
.ican-do-list table.days .checkbox_outer {
  margin-bottom: 0;
}
.checkbox_outer.grayed {
  opacity: 0.45;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
  filter: alpha(opacity=45);
}
.staffs-list-popup table {
  max-width: 50%;
  margin: 0 auto;
}
.staffs-list-popup table tr td,
.staffs-list-popup table tr th {
  border-right: 1px solid #e7e7e7;
}
.rixma-invoice {
  border: 1px solid #e7e7e7;
  border-radius: 7px;
  padding: 15px;
  background-color: #fbfbfb;
}
.rixma-invoice .invoice-header {
  margin: 0 -15px;
  border-bottom: 1px solid #e7e7e7;
  padding: 0 15px 20px;
  margin-bottom: 20px;
  -ms-flex-align: center;
  align-items: center;
}
.rixma-invoice .invoice-header .details {
  margin-left: auto;
}
.rixma-invoice .invoice-header .details span {
  display: block;
}
.invoice-body {
  overflow: auto;
}
.invoice-items-table {
  width: 100%;
  margin: 0 auto;
  min-width: 500px;
}
.invoice-items-table td,
.invoice-items-table th {
  padding: 1em 1.5em;
  vertical-align: middle;
  border: 1px solid #d7d7d7;
}
.invoice-items-table th {
  background-color: #4e4e4e;
  color: #fff;
  border-color: #575757;
}
.invoice-total td,
.invoice-total th {
  padding: 1em 1.5em;
  vertical-align: middle;
  border: 1px solid #d7d7d7;
}
.invoice-total th {
  background-color: #4e4e4e;
  color: #fff;
  border-color: #575757;
}
.invoice-total tr:first-child td,
.invoice-total tr:first-child th {
  border-top: 0;
}
.textfield-note {
  color: #989898 !important;
  margin-top: 10px;
}
.textfield-label {
  font-weight: 700;
  font-size: 15px;
  margin-bottom: 14px;
  display: block;
}
.field-wrapper {
  margin-bottom: 25px;
}
.rixma-edit-profile textarea,
.rixma-edit-profile input[type=text],
.rixma-edit-profile input[type=password],
.rixma-edit-profile input[type=url],
.rixma-edit-profile input[type=telephone],
.rixma-edit-profile input[type=number] {
  min-width: 400px;
  height: 42px;
  resize: vertical;
  border: 1px solid #ccc;
  padding: 0 15px;
  max-width: 100%;
}
.rixma-edit-profile textarea {
  height: 120px;
  padding: 5px 15px;
}
.rixma-edit-profile .add-btn {
  background-color: #02c836;
  border: 0;
  outline: none;
  padding: 0 15px;
  height: 30px;
  color: #fff;
  border-radius: 6px;
  box-shadow: 0 3px 3px rgba(0,0,0,0.19);
}
.rixma-edit-profile .field-row {
  -ms-flex-align: center;
  align-items: center;
}
.rixma-edit-profile .field-row label {
  width: 90px;
  cursor: pointer;
}
.rixma-edit-profile .field-row input {
  min-width: 400px;
  height: 30px;
  border: 1px solid #ccc;
  padding: 0 10px;
}
.services-list li {
  display: inline-block;
}
.services-list li .label {
  display: inline-block;
  background-color: #eaeaea;
  padding: 10px;
  border-radius: 6px;
  box-shadow: 0 4px 4px rgba(0,0,0,0.14);
  margin: 0 20px 15px 0;
}
.services-list li .delete {
  width: 18px;
  height: 18px;
  display: inline-block;
  background-color: #f00;
  line-height: 18px;
  border-radius: 100%;
  color: #fff;
  font-size: 14px;
  text-align: center;
  margin-left: 10px;
  vertical-align: middle;
  cursor: pointer;
}
.services-list.add-service-modal-inner li {
  cursor: pointer;
}
#profile_edit_form.loading {
  opacity: 0.45;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
  filter: alpha(opacity=45);
  pointer-events: none;
}
.ur-frontend-form input[type=text],
.ur-frontend-form input[type=email],
.ur-frontend-form input[type=password],
.ur-frontend-form input[type=tel] {
  display: inline-block;
  border: solid 1px #e8e8e8;
  background: none;
  height: 38px;
  border-radius: 5px;
  padding: 0 10px;
}
.ur-frontend-form p label {
  display: inline-block;
  margin-right: 5px;
}
.ur-frontend-form input[type=submit] {
  border: 0px;
  border-radius: 10px;
  background-color: #02c836;
  width: 156px;
  height: 53px;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  position: relative;
  display: inline-block;
  box-shadow: 0 5px 7px rgba(0,0,0,0.26);
}
.ur-frontend-form fieldset {
  margin-bottom: 20px;
}
.set-real-hours input[type=text],
.set-real-hours input[type=number] {
  display: inline-block;
  border: solid 1px #d1d1d1;
  background: none;
  height: 38px;
  border-radius: 5px;
  padding: 0 10px;
  width: 60px;
}
.set-real-hours button {
  border: 0px;
  border-radius: 10px;
  background-color: #02c836;
  height: 38px;
  padding: 0 10px;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  position: relative;
  display: inline-block;
  box-shadow: 0 5px 7px rgba(0,0,0,0.26);
}
.add-review-link {
  display: block;
  color: #373737;
  text-decoration: underline;
}
.star-rating-fill {
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -ms-flex-pack: end;
  justify-content: flex-end;
  font-size: 28px;
  color: #cfcfcf;
  line-height: 1;
}
.star-rating-fill label {
  margin-right: 4px;
  cursor: pointer;
}
.star-rating-fill label:before {
  content: '★';
}
.star-rating-fill label:hover,
.star-rating-fill label:hover ~ label {
  color: #6d4a02 !important;
}
.star-rating-fill input {
  position: absolute;
  width: 1px;
  height: 1px;
  top: -99999999px;
}
.star-rating-fill input:checked ~ label {
  color: #b67b04;
}
.star-rating-fill input:checked ~ label:hover,
.star-rating-fill input:checked ~ label:hover ~ label {
  color: #6d4a02;
}
.add-review-modal input[type=text],
.add-review-modal input[type=email],
.add-review-modal input[type=url],
.add-review-modal textarea {
  display: inline-block;
  border: solid 1px #d1d1d1;
  background: none;
  height: 38px;
  border-radius: 5px;
  padding: 0 10px;
  min-width: 45%;
}
.add-review-modal textarea {
  padding: 7px 10px;
  height: 120px;
  resize: vertical;
}
.add-review-modal .form-row {
  margin-bottom: 15px;
}
.add-review-modal .form-row .label {
  display: block;
}
.add-review-modal .nice-select {
  max-width: 45%;
}
.add-review-modal .nice-select .list {
  width: 100%;
}
.rx-registration-block {
  margin-bottom: 50px;
}
#customers_registration_form {
  position: relative;
  width: 100%;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
#customers_registration_form .box_regist {
  width: 100%;
}
#customers_registration_form:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255,255,255,0.7);
  z-index: 3;
  pointer-events: none;
}
#customers_registration_form:not(.loading):before {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
}
#customers_registration_form.staff {
  width: 100%;
}
.staff-service-list {
  margin: 20px -15px 20px;
}
.staff-service-list li {
  margin-bottom: 15px;
  padding: 0 15px !important;
}
.staff-service-list li label {
  margin-bottom: 0;
}
.staff-service-list li .check-box {
  margin-right: 6px;
}
#profile_edit_form .staff-service-list {
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .content-user-avatar-left h2 {
    padding-right: 0;
  }
  .site-footer .powerby {
    text-align: center;
  }
  .site-footer .powerby .text-right {
    margin: 20px auto 0;
  }
}
@media (max-width: 991px) {
  .bottom_form .checkbox_outer {
    box-flex: 1;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .footer-aside {
    text-align: left;
  }
}
.ur-frontend-form.login {
  display: blck;
  margin: 0 auto;
}
.ur-frontend-form.login .check-box {
  margin-right: 10px;
}
.ur-frontend-form.login .form-row {
  margin-bottom: 20px;
}
.ur-frontend-form.login .form-row input[type=text],
.ur-frontend-form.login .form-row input[type=email],
.ur-frontend-form.login .form-row input[type=password] {
  min-width: 300px;
  display: block;
  width: 100%;
  border: 0 !important;
  border-bottom: 1px solid #d5dde5 !important;
  border-radius: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.order-summary-modal h3.ttl {
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.order-summary-modal ul {
  margin-bottom: 25px;
  color: #484848;
}
.order-summary-modal ul strong {
  color: #000;
}
.dw-tooltip {
  position: relative;
}
.dw-tooltip:before {
  content: attr(aria-label);
  background-color: #fff;
  height: 32px;
  line-height: 32px;
  font-size: 13px;
  font-weight: 500;
  position: absolute;
  top: -28px;
  white-space: nowrap;
  z-index: 12;
  color: #048927;
  padding: 0 14px;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  border-radius: 5px;
  box-shadow: 0 4px 5px rgba(67,93,114,0.17);
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.dw-tooltip:not(:hover):before {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
  -ms-transform: translate(-50%, 3px);
  transform: translate(-50%, 3px);
}
.rx-user-notice {
  border-radius: 5px;
  padding: 10px 20px;
  margin-bottom: 20px;
  border-bottom: 2px solid rgba(0,0,0,0.12);
  font-size: 13px;
}
.rx-user-notice.rx-warning {
  background-color: #e9b62d;
}
.rx-user-notice.rx-success {
  background-color: #10a236;
  color: #fff;
}
.schedule-editor-popup table {
  width: 100%;
  margin: 15px 0 25px;
}
.schedule-editor-popup table tr td,
.schedule-editor-popup table tr th {
  border: 1px solid #cacaca;
  padding: 0.3em 1em;
}
.schedule-editor-popup table tr th {
  background-color: #f7f7f7;
}
.real-hours-form {
  margin-top: 20px;
}
.real-hours-form input {
  height: 38px;
  border: 1px solid #eee;
  padding: 0 10px;
}
.real-hours-form button {
  background-color: #02c836;
  color: #fff;
  display: inline-block;
  font-size: 17px;
  font-weight: 700;
  padding: 0 30px;
  height: 38px;
  border-radius: 10px;
  position: relative;
  z-index: 5;
  border: 0;
  outline: none;
}
.calendar-wrapper {
  position: relative;
}
.calendar-wrapper .entire-month {
  position: absolute;
  top: 0;
  right: 0;
  color: #333;
  background-color: #e6e6e6;
  border: 1px solid;
  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  text-shadow: 0 1px 1px rgba(255,255,255,0.75);
  height: 2.1em;
  padding: 0 0.6em;
  background-image: -ms-linear-gradient(top, #fff, #e6e6e6);
  background-image: linear-gradient(to bottom, #fff, #e6e6e6);
  background-repeat: repeat-x;
  border-radius: 4px;
}
.panel-page-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 12px 10px rgba(0,0,0,0.07);
  padding: 12px 15px;
  -ms-flex-align: center;
  align-items: center;
  z-index: 22000;
  -ms-flex-direction: row;
  flex-direction: row;
}
.panel-page-header .welcome-text {
  box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.panel-page-header .user-panel-nav-toggle svg {
  width: 22px;
  height: 22px;
  fill: #6a6a6a;
}
.panel-page-header .avatar-picture {
  margin: 0 10px;
}
.panel-page-header .avatar-picture img {
  border-radius: 100%;
}
.panel-page-header .back-home {
  margin-left: auto;
  border: 1px solid #ccc;
  color: #0c8e2d;
  padding: 3px 10px;
  border-radius: 7px;
  border-bottom: 4px solid #d3dfd6;
}
@media (max-width: 767px) {
  body.page-template-page-template-panel .site_header {
    display: none !important;
  }
  body.page-template-page-template-panel .my-account-block .user-registration .my-account--header,
  body.page-template-page-template-panel .my-account-block .user-registration .user-registration-MyAccount-navigation {
    display: none !important;
  }
  body.page-template-page-template-panel .page-single-box {
    background: none !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
}
.site-wrap.offCanvas-right {
  -ms-transform: translateX(200px);
  transform: translateX(200px);
}
#panel_navigation_offcanvas {
  position: fixed;
  left: 0;
  top: 0;
  width: 200px;
  height: 100vh;
  overflow: auto;
  box-shadow: 10px 0 10px rgba(0,0,0,0.09);
  background-color: #fff;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
#panel_navigation_offcanvas:not(.open) {
  -ms-transform: translateX(-200px);
  transform: translateX(-200px);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
}
#panel_navigation_offcanvas ul li a {
  display: block;
  padding: 10px 30px;
  border-bottom: 1px solid rgba(216,216,216,0.529);
}
#panel_navigation_offcanvas ul li a svg {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
@media (max-width: 575px) {
  .page-single-box {
    overflow: visible;
  }
  .fc-scroller {
    height: auto !important;
  }
  .fc-view-container {
    overflow: auto;
    padding-bottom: 15px;
  }
  .fc-view-container > .fc-view {
    min-width: 400px;
  }
  .calendar-wrapper .entire-month {
    top: auto;
    bottom: -30px;
  }
  .orders-list-table tr th,
  .orders-list-table tr td {
    min-width: 100px;
  }
  .rixma-edit-profile textarea,
  .rixma-edit-profile input[type=text],
  .rixma-edit-profile input[type=password],
  .rixma-edit-profile input[type=url],
  .rixma-edit-profile input[type=telephone],
  .rixma-edit-profile input[type=number] {
    width: 100%;
    min-width: 0;
  }
}
.login-form-inmodal .logo-img {
  text-align: center;
  margin-bottom: 10px;
}
.login-form-inmodal .logo-img svg path.symbol {
  fill: #02c836;
}
.staff-contracts-table td.actions a {
  display: inline-block;
  margin-right: 10px;
}
.staff-contracts-table td.actions a svg {
  width: 30px;
  height: 30px;
}
.sign-contract-modal p {
  margin-bottom: 15px;
}
.sign-contract-modal .read-button {
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: max-content;
  padding: 15px 35px;
  border-radius: 6px;
  box-shadow: 0 14px 15px -10px rgba(255,0,0,0.3);
  margin: 0 auto 15px;
  background-color: #ff6464;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
.sign-contract-modal .read-button svg {
  width: 26px;
  height: 26px;
  fill: #fff;
  margin-right: 15px;
}
.sign-contract-modal button[type=submit] {
  width: auto !important;
  max-width: 100% !important;
  padding: 0 25px;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.sign-contract-modal button[type=submit] svg {
  background-color: #fff;
  padding: 3px;
  width: 32px;
  height: 32px;
  margin-right: 15px;
}
.staff-contracts-table .green {
  color: #74cc42;
}
.staff-contracts-table .red {
  color: #fb4545;
}
@media (max-width: 575px) {
  .site-footer .item_footer {
    display: none;
  }
}
.favorite-list-link {
  background: none;
  border: 0;
  line-height: 1;
  width: 100%;
  display: block;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  padding: 12px 25px;
  margin-bottom: 20px;
}
.favorite-list-link .text {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  margin-left: 10px;
}
.favorite-list-link svg {
  width: 16px;
  height: 16px;
  fill: #ecbc0d;
}
.rixma-logo {
  position: relative;
  width: max-content;
}
.rixma-logo.centered {
  margin: 0 auto;
}
.rixma-logo .text {
  position: absolute;
  color: #000;
  white-space: nowrap;
  line-height: 1;
  bottom: 10px;
  left: 37%;
  font-size: 8px;
  font-weight: 500;
  font-family: 'Open Sans';
  letter-spacing: 0px;
}
.rixma-logo.text-2 .text {
  font-size: 14px;
}
.rixma-login-page {
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: 100vh;
}
.rixma-login-page .background-video .video-wrapper {
  clip-path: none !important;
  overflow: visible !important;
}
.rixma-login-page .background-video .video-wrapper:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
  top: 0;
  left: 0;
}
@media (max-width: 1199px) {
  .rixma-login-page .background-video .video-wrapper video {
    max-width: 300%;
  }
}
@media (max-width: 767px) {
  .rixma-login-page .background-video .video-wrapper video {
    max-width: 500%;
  }
}
.rixma-login-page .background-video:after {
  content: none !important;
}
.rixma-login-page .user-registration-form__label-for-checkbox {
  margin-bottom: 15px;
}
.login-center-box {
  width: 90%;
  max-width: 480px;
  margin: 0 auto;
}
.login-center-box .go-back-links {
  margin-top: 35px;
  color: #fff;
  font-size: 15px;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
}
.login-center-box .go-back-links a {
  color: inherit;
}
.login-center-box .go-back-links a svg {
  fill: #fff;
  margin-right: 10px;
}
.login-page-content {
  position: relative;
}
.login-page-content:before,
.login-page-content:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: -8px;
  left: -8px;
  background-color: #fff;
  border-radius: 15px;
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  filter: alpha(opacity=10);
  z-index: 1;
}
.login-page-content:after {
  bottom: -16px;
  left: -16px;
}
.login-page-content .login-page-content-inner {
  background-color: #fff;
  border-radius: 15px;
  padding: 33px;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  color: #000;
  position: relative;
  z-index: 3;
}
.login-page-content .login-page-content-inner .notices-area .message {
  padding: 10px;
  box-shadow: 0 3px 5px rgba(0,0,0,0.2);
  color: #fff;
  background-color: #333;
  border-radius: 5px;
  margin-bottom: 10px;
  text-align: center;
}
.login-page-content .login-page-content-inner .notices-area .message.error {
  background-color: #f45d5d;
}
.login-page-content .login-page-content-inner .notices-area .message.success {
  background-color: #2cbd2e;
}
.login-page-content .site-logo {
  width: max-content;
  display: block;
  margin: 0 auto 35px;
}
.login-page-content .site-logo .symbol {
  fill: #02c836;
}
.login-page-content h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 1;
  text-transform: uppercase;
}
.login-page-content .btn-green {
  height: 61px;
  padding: 0 30px;
  border-radius: 12px;
  line-height: 61px;
  background-color: #02c836;
  font-size: 17px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  margin-top: 15px;
  position: relative;
  border: 0;
  outline: none;
  display: block;
  width: 100%;
}
@media (max-width: 575px) {
  .login-page-content .btn-green {
    font-size: 13px !important;
    padding: 0 10px;
  }
}
.login-page-content .btn-green.signup {
  text-align: center;
  background-color: #000;
  box-shadow: none;
}
.login-page-content .btn-green:before {
  content: '';
  position: absolute;
  width: 92%;
  height: 100%;
  background-color: #02c836;
  z-index: 0;
  top: 10px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
  filter: blur(10px);
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.login-page-content .btn-green svg.bankid-icon {
  width: 36px;
  height: 36px;
  margin-right: 25px;
}
.login-page-content .form-row-checkbox .checkbox_outer {
  -ms-flex-align: center;
  align-items: center;
}
.login-page-content .form-row-checkbox .checkbox_outer .check-box {
  margin-right: 15px;
}
.waiting-wrapper {
  text-align: center;
}
.waiting-wrapper .qr-wrapper img {
  max-width: 100px;
  margin: 0 auto;
  display: block;
}
.waiting-wrapper p {
  margin-bottom: 10px;
}
.waiting-wrapper p.note {
  font-size: 12px;
  color: #a9a9a9;
}
.btn-red {
  width: 100%;
  display: block;
  text-align: center;
  height: 40px;
  color: #fff;
  background-color: #f42929;
  border: 0;
  border-radius: 12px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 500;
}
.rx-textfield {
  display: block;
  width: 100%;
  height: 50px;
  border: 0;
  background: none;
  border-bottom: 1px solid #d5dde5;
  margin-bottom: 10px;
}
.login-buttons-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0 10px;
}
.login-buttons-wrap a {
  min-width: 0;
  text-align: center;
  font-size: 16px !important;
}
p.bordered-content {
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin: 40px 0 25px;
  color: #aaa;
}
p.bordered-content:before,
p.bordered-content:after {
  content: '';
  min-width: 0;
  box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-top: 1px solid #e4e4e4;
}
p.bordered-content:before {
  margin-right: 10px;
}
p.bordered-content:after {
  margin-left: 10px;
}
.rixma-waiting {
  height: 79px;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.rixma-waiting .inner {
  margin: 0 auto;
}
.rixma-waiting .circle {
  display: inline-block;
  background-color: #02c836;
  height: 15px;
  width: 15px;
  border-radius: 25px;
}
.rixma-waiting .circle:nth-child(1) {
  -ms-animation-name: bounce;
  animation-name: bounce;
  -ms-animation-delay: 1s;
  animation-delay: 1s;
  -ms-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.rixma-waiting .circle:nth-child(2) {
  -ms-animation-name: bounce;
  animation-name: bounce;
  -ms-animation-delay: 1.1s;
  animation-delay: 1.1s;
  -ms-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.rixma-waiting .circle:nth-child(3) {
  -ms-animation-name: bounce;
  animation-name: bounce;
  -ms-animation-delay: 1.2s;
  animation-delay: 1.2s;
  -ms-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.signup-wrap-box .btn-green {
  text-align: center;
}
.staffs-registration p {
  margin-bottom: 12px;
}
.staffs-registration .steps-navigation {
  margin-bottom: 15px;
}
.staffs-registration .steps-navigation ol {
  list-style: none;
  counter-reset: steps-count;
  -ms-flex-pack: center;
  justify-content: center;
}
.staffs-registration .steps-navigation ol li {
  counter-increment: steps-count;
  font-size: 0;
  color: #000;
  position: relative;
  font-weight: 700;
}
@media (max-width: 767px) {
  .staffs-registration .steps-navigation ol li:not(.active):before {
    content: none !important;
  }
}
.staffs-registration .steps-navigation ol li:before {
  content: counter(steps-count);
  width: 32px;
  height: 32px;
  display: inline-block;
  border-radius: 100%;
  line-height: 32px;
  text-align: center;
  font-size: 11px;
  background-color: #ccc;
  margin-right: 0px;
}
@media (min-width: 576px) {
  .staffs-registration .steps-navigation ol li:not(:last-child) {
    padding-right: 45px;
  }
  .staffs-registration .steps-navigation ol li:not(:last-child):after {
    content: '';
    display: inline-block;
    width: 25px;
    height: 1px;
    background-color: #aaa;
    line-height: 1;
    vertical-align: middle;
    position: absolute;
    right: 10px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.staffs-registration .steps-navigation ol li.active {
  font-size: 14px;
}
.staffs-registration .steps-navigation ol li.active:before {
  background-color: #02c836;
  color: #fff;
  margin-right: 8px;
}
.bankid-signup-welcome .btn-green {
  text-align: center;
}
.bankid-signup-welcome .skip-center {
  display: block;
  text-align: center;
  margin: 22px 0 0;
  color: #858585;
  font-weight: 700;
  font-size: 16px;
}
.initial-setup-form-wrap .box_regist {
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
.btn-green.bankid-auth-button {
  display: -ms-flexbox !important;
  display: box !important;
  display: flex !important;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
.btn-green.bankid-auth-button svg {
  width: 42px;
  height: 42px;
  padding: 3px !important;
  background-color: #fff !important;
  margin-right: 0 !important;
}
.btn-green.bankid-auth-button span {
  margin: 0 auto;
}
.sign-contract-modal {
  position: relative;
}
.bankid-loader-el {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background-color: rgba(255,255,255,0.8);
  z-index: 90;
  border-radius: 15px;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.bankid-loader-el:not(.shown) {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
}
.bankid-loader-el svg {
  width: 120px;
  height: 120px;
}
@-moz-keyframes bounce {
  0% {
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -ms-transform: translateY(23px);
    transform: translateY(23px);
  }
  60% {
    -ms-transform: translateY(-25px);
    transform: translateY(-25px);
  }
  80% {
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes bounce {
  0% {
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -ms-transform: translateY(23px);
    transform: translateY(23px);
  }
  60% {
    -ms-transform: translateY(-25px);
    transform: translateY(-25px);
  }
  80% {
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes bounce {
  0% {
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -ms-transform: translateY(23px);
    transform: translateY(23px);
  }
  60% {
    -ms-transform: translateY(-25px);
    transform: translateY(-25px);
  }
  80% {
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounce {
  0% {
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -ms-transform: translateY(23px);
    transform: translateY(23px);
  }
  60% {
    -ms-transform: translateY(-25px);
    transform: translateY(-25px);
  }
  80% {
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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