.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 3.333333333333333%;
  flex: 0 0 3.333333333333333%;
  max-width: 3.333333333333333%;
}
.col-xs-2 {
  box-flex: 1;
  -ms-flex: 0 0 6.666666666666667%;
  flex: 0 0 6.666666666666667%;
  max-width: 6.666666666666667%;
}
.col-xs-3 {
  box-flex: 1;
  -ms-flex: 0 0 10%;
  flex: 0 0 10%;
  max-width: 10%;
}
.col-xs-4 {
  box-flex: 1;
  -ms-flex: 0 0 13.333333333333334%;
  flex: 0 0 13.333333333333334%;
  max-width: 13.333333333333334%;
}
.col-xs-5 {
  box-flex: 1;
  -ms-flex: 0 0 16.666666666666664%;
  flex: 0 0 16.666666666666664%;
  max-width: 16.666666666666664%;
}
.col-xs-6 {
  box-flex: 1;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}
.col-xs-7 {
  box-flex: 1;
  -ms-flex: 0 0 23.333333333333332%;
  flex: 0 0 23.333333333333332%;
  max-width: 23.333333333333332%;
}
.col-xs-8 {
  box-flex: 1;
  -ms-flex: 0 0 26.666666666666668%;
  flex: 0 0 26.666666666666668%;
  max-width: 26.666666666666668%;
}
.col-xs-9 {
  box-flex: 1;
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  max-width: 30%;
}
.col-xs-10 {
  box-flex: 1;
  -ms-flex: 0 0 33.33333333333333%;
  flex: 0 0 33.33333333333333%;
  max-width: 33.33333333333333%;
}
.col-xs-11 {
  box-flex: 1;
  -ms-flex: 0 0 36.666666666666664%;
  flex: 0 0 36.666666666666664%;
  max-width: 36.666666666666664%;
}
.col-xs-12 {
  box-flex: 1;
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  max-width: 40%;
}
.col-xs-13 {
  box-flex: 1;
  -ms-flex: 0 0 43.333333333333336%;
  flex: 0 0 43.333333333333336%;
  max-width: 43.333333333333336%;
}
.col-xs-14 {
  box-flex: 1;
  -ms-flex: 0 0 46.666666666666664%;
  flex: 0 0 46.666666666666664%;
  max-width: 46.666666666666664%;
}
.col-xs-15 {
  box-flex: 1;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.col-xs-16 {
  box-flex: 1;
  -ms-flex: 0 0 53.333333333333336%;
  flex: 0 0 53.333333333333336%;
  max-width: 53.333333333333336%;
}
.col-xs-17 {
  box-flex: 1;
  -ms-flex: 0 0 56.666666666666664%;
  flex: 0 0 56.666666666666664%;
  max-width: 56.666666666666664%;
}
.col-xs-18 {
  box-flex: 1;
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  max-width: 60%;
}
.col-xs-19 {
  box-flex: 1;
  -ms-flex: 0 0 63.33333333333333%;
  flex: 0 0 63.33333333333333%;
  max-width: 63.33333333333333%;
}
.col-xs-20 {
  box-flex: 1;
  -ms-flex: 0 0 66.66666666666666%;
  flex: 0 0 66.66666666666666%;
  max-width: 66.66666666666666%;
}
.col-xs-21 {
  box-flex: 1;
  -ms-flex: 0 0 70%;
  flex: 0 0 70%;
  max-width: 70%;
}
.col-xs-22 {
  box-flex: 1;
  -ms-flex: 0 0 73.33333333333333%;
  flex: 0 0 73.33333333333333%;
  max-width: 73.33333333333333%;
}
.col-xs-23 {
  box-flex: 1;
  -ms-flex: 0 0 76.66666666666667%;
  flex: 0 0 76.66666666666667%;
  max-width: 76.66666666666667%;
}
.col-xs-24 {
  box-flex: 1;
  -ms-flex: 0 0 80%;
  flex: 0 0 80%;
  max-width: 80%;
}
.col-xs-25 {
  box-flex: 1;
  -ms-flex: 0 0 83.33333333333334%;
  flex: 0 0 83.33333333333334%;
  max-width: 83.33333333333334%;
}
.col-xs-26 {
  box-flex: 1;
  -ms-flex: 0 0 86.66666666666667%;
  flex: 0 0 86.66666666666667%;
  max-width: 86.66666666666667%;
}
.col-xs-27 {
  box-flex: 1;
  -ms-flex: 0 0 90%;
  flex: 0 0 90%;
  max-width: 90%;
}
.col-xs-28 {
  box-flex: 1;
  -ms-flex: 0 0 93.33333333333333%;
  flex: 0 0 93.33333333333333%;
  max-width: 93.33333333333333%;
}
.col-xs-29 {
  box-flex: 1;
  -ms-flex: 0 0 96.66666666666667%;
  flex: 0 0 96.66666666666667%;
  max-width: 96.66666666666667%;
}
.col-xs-30 {
  box-flex: 1;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.offset-xs-1 {
  margin-left: 3.333333333333333%;
}
:root[dir=rtl] .offset-xs-1 {
  margin-right: 3.333333333333333%;
}
.offset-xs-2 {
  margin-left: 6.666666666666667%;
}
:root[dir=rtl] .offset-xs-2 {
  margin-right: 6.666666666666667%;
}
.offset-xs-3 {
  margin-left: 10%;
}
:root[dir=rtl] .offset-xs-3 {
  margin-right: 10%;
}
.offset-xs-4 {
  margin-left: 13.333333333333334%;
}
:root[dir=rtl] .offset-xs-4 {
  margin-right: 13.333333333333334%;
}
.offset-xs-5 {
  margin-left: 16.666666666666664%;
}
:root[dir=rtl] .offset-xs-5 {
  margin-right: 16.666666666666664%;
}
.offset-xs-6 {
  margin-left: 20%;
}
:root[dir=rtl] .offset-xs-6 {
  margin-right: 20%;
}
.offset-xs-7 {
  margin-left: 23.333333333333332%;
}
:root[dir=rtl] .offset-xs-7 {
  margin-right: 23.333333333333332%;
}
.offset-xs-8 {
  margin-left: 26.666666666666668%;
}
:root[dir=rtl] .offset-xs-8 {
  margin-right: 26.666666666666668%;
}
.offset-xs-9 {
  margin-left: 30%;
}
:root[dir=rtl] .offset-xs-9 {
  margin-right: 30%;
}
.offset-xs-10 {
  margin-left: 33.33333333333333%;
}
:root[dir=rtl] .offset-xs-10 {
  margin-right: 33.33333333333333%;
}
.offset-xs-11 {
  margin-left: 36.666666666666664%;
}
:root[dir=rtl] .offset-xs-11 {
  margin-right: 36.666666666666664%;
}
.offset-xs-12 {
  margin-left: 40%;
}
:root[dir=rtl] .offset-xs-12 {
  margin-right: 40%;
}
.offset-xs-13 {
  margin-left: 43.333333333333336%;
}
:root[dir=rtl] .offset-xs-13 {
  margin-right: 43.333333333333336%;
}
.offset-xs-14 {
  margin-left: 46.666666666666664%;
}
:root[dir=rtl] .offset-xs-14 {
  margin-right: 46.666666666666664%;
}
.offset-xs-15 {
  margin-left: 50%;
}
:root[dir=rtl] .offset-xs-15 {
  margin-right: 50%;
}
.offset-xs-16 {
  margin-left: 53.333333333333336%;
}
:root[dir=rtl] .offset-xs-16 {
  margin-right: 53.333333333333336%;
}
.offset-xs-17 {
  margin-left: 56.666666666666664%;
}
:root[dir=rtl] .offset-xs-17 {
  margin-right: 56.666666666666664%;
}
.offset-xs-18 {
  margin-left: 60%;
}
:root[dir=rtl] .offset-xs-18 {
  margin-right: 60%;
}
.offset-xs-19 {
  margin-left: 63.33333333333333%;
}
:root[dir=rtl] .offset-xs-19 {
  margin-right: 63.33333333333333%;
}
.offset-xs-20 {
  margin-left: 66.66666666666666%;
}
:root[dir=rtl] .offset-xs-20 {
  margin-right: 66.66666666666666%;
}
.offset-xs-21 {
  margin-left: 70%;
}
:root[dir=rtl] .offset-xs-21 {
  margin-right: 70%;
}
.offset-xs-22 {
  margin-left: 73.33333333333333%;
}
:root[dir=rtl] .offset-xs-22 {
  margin-right: 73.33333333333333%;
}
.offset-xs-23 {
  margin-left: 76.66666666666667%;
}
:root[dir=rtl] .offset-xs-23 {
  margin-right: 76.66666666666667%;
}
.offset-xs-24 {
  margin-left: 80%;
}
:root[dir=rtl] .offset-xs-24 {
  margin-right: 80%;
}
.offset-xs-25 {
  margin-left: 83.33333333333334%;
}
:root[dir=rtl] .offset-xs-25 {
  margin-right: 83.33333333333334%;
}
.offset-xs-26 {
  margin-left: 86.66666666666667%;
}
:root[dir=rtl] .offset-xs-26 {
  margin-right: 86.66666666666667%;
}
.offset-xs-27 {
  margin-left: 90%;
}
:root[dir=rtl] .offset-xs-27 {
  margin-right: 90%;
}
.offset-xs-28 {
  margin-left: 93.33333333333333%;
}
:root[dir=rtl] .offset-xs-28 {
  margin-right: 93.33333333333333%;
}
.offset-xs-29 {
  margin-left: 96.66666666666667%;
}
:root[dir=rtl] .offset-xs-29 {
  margin-right: 96.66666666666667%;
}
.offset-xs-30 {
  margin-left: 100%;
}
:root[dir=rtl] .offset-xs-30 {
  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;
}
.order-xs-13 {
  -ms-flex-order: 13;
  order: 13;
}
.order-xs-14 {
  -ms-flex-order: 14;
  order: 14;
}
.order-xs-15 {
  -ms-flex-order: 15;
  order: 15;
}
.order-xs-16 {
  -ms-flex-order: 16;
  order: 16;
}
.order-xs-17 {
  -ms-flex-order: 17;
  order: 17;
}
.order-xs-18 {
  -ms-flex-order: 18;
  order: 18;
}
.order-xs-19 {
  -ms-flex-order: 19;
  order: 19;
}
.order-xs-20 {
  -ms-flex-order: 20;
  order: 20;
}
.order-xs-21 {
  -ms-flex-order: 21;
  order: 21;
}
.order-xs-22 {
  -ms-flex-order: 22;
  order: 22;
}
.order-xs-23 {
  -ms-flex-order: 23;
  order: 23;
}
.order-xs-24 {
  -ms-flex-order: 24;
  order: 24;
}
.order-xs-25 {
  -ms-flex-order: 25;
  order: 25;
}
.order-xs-26 {
  -ms-flex-order: 26;
  order: 26;
}
.order-xs-27 {
  -ms-flex-order: 27;
  order: 27;
}
.order-xs-28 {
  -ms-flex-order: 28;
  order: 28;
}
.order-xs-29 {
  -ms-flex-order: 29;
  order: 29;
}
.order-xs-30 {
  -ms-flex-order: 30;
  order: 30;
}
@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 3.333333333333333%;
    flex: 0 0 3.333333333333333%;
    max-width: 3.333333333333333%;
  }
  .col-sm-2 {
    box-flex: 1;
    -ms-flex: 0 0 6.666666666666667%;
    flex: 0 0 6.666666666666667%;
    max-width: 6.666666666666667%;
  }
  .col-sm-3 {
    box-flex: 1;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
  }
  .col-sm-4 {
    box-flex: 1;
    -ms-flex: 0 0 13.333333333333334%;
    flex: 0 0 13.333333333333334%;
    max-width: 13.333333333333334%;
  }
  .col-sm-5 {
    box-flex: 1;
    -ms-flex: 0 0 16.666666666666664%;
    flex: 0 0 16.666666666666664%;
    max-width: 16.666666666666664%;
  }
  .col-sm-6 {
    box-flex: 1;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .col-sm-7 {
    box-flex: 1;
    -ms-flex: 0 0 23.333333333333332%;
    flex: 0 0 23.333333333333332%;
    max-width: 23.333333333333332%;
  }
  .col-sm-8 {
    box-flex: 1;
    -ms-flex: 0 0 26.666666666666668%;
    flex: 0 0 26.666666666666668%;
    max-width: 26.666666666666668%;
  }
  .col-sm-9 {
    box-flex: 1;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
  }
  .col-sm-10 {
    box-flex: 1;
    -ms-flex: 0 0 33.33333333333333%;
    flex: 0 0 33.33333333333333%;
    max-width: 33.33333333333333%;
  }
  .col-sm-11 {
    box-flex: 1;
    -ms-flex: 0 0 36.666666666666664%;
    flex: 0 0 36.666666666666664%;
    max-width: 36.666666666666664%;
  }
  .col-sm-12 {
    box-flex: 1;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
  .col-sm-13 {
    box-flex: 1;
    -ms-flex: 0 0 43.333333333333336%;
    flex: 0 0 43.333333333333336%;
    max-width: 43.333333333333336%;
  }
  .col-sm-14 {
    box-flex: 1;
    -ms-flex: 0 0 46.666666666666664%;
    flex: 0 0 46.666666666666664%;
    max-width: 46.666666666666664%;
  }
  .col-sm-15 {
    box-flex: 1;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-16 {
    box-flex: 1;
    -ms-flex: 0 0 53.333333333333336%;
    flex: 0 0 53.333333333333336%;
    max-width: 53.333333333333336%;
  }
  .col-sm-17 {
    box-flex: 1;
    -ms-flex: 0 0 56.666666666666664%;
    flex: 0 0 56.666666666666664%;
    max-width: 56.666666666666664%;
  }
  .col-sm-18 {
    box-flex: 1;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
  }
  .col-sm-19 {
    box-flex: 1;
    -ms-flex: 0 0 63.33333333333333%;
    flex: 0 0 63.33333333333333%;
    max-width: 63.33333333333333%;
  }
  .col-sm-20 {
    box-flex: 1;
    -ms-flex: 0 0 66.66666666666666%;
    flex: 0 0 66.66666666666666%;
    max-width: 66.66666666666666%;
  }
  .col-sm-21 {
    box-flex: 1;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
  }
  .col-sm-22 {
    box-flex: 1;
    -ms-flex: 0 0 73.33333333333333%;
    flex: 0 0 73.33333333333333%;
    max-width: 73.33333333333333%;
  }
  .col-sm-23 {
    box-flex: 1;
    -ms-flex: 0 0 76.66666666666667%;
    flex: 0 0 76.66666666666667%;
    max-width: 76.66666666666667%;
  }
  .col-sm-24 {
    box-flex: 1;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
  }
  .col-sm-25 {
    box-flex: 1;
    -ms-flex: 0 0 83.33333333333334%;
    flex: 0 0 83.33333333333334%;
    max-width: 83.33333333333334%;
  }
  .col-sm-26 {
    box-flex: 1;
    -ms-flex: 0 0 86.66666666666667%;
    flex: 0 0 86.66666666666667%;
    max-width: 86.66666666666667%;
  }
  .col-sm-27 {
    box-flex: 1;
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;
  }
  .col-sm-28 {
    box-flex: 1;
    -ms-flex: 0 0 93.33333333333333%;
    flex: 0 0 93.33333333333333%;
    max-width: 93.33333333333333%;
  }
  .col-sm-29 {
    box-flex: 1;
    -ms-flex: 0 0 96.66666666666667%;
    flex: 0 0 96.66666666666667%;
    max-width: 96.66666666666667%;
  }
  .col-sm-30 {
    box-flex: 1;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-sm-1 {
    margin-left: 3.333333333333333%;
  }
  :root[dir=rtl] .offset-sm-1 {
    margin-right: 3.333333333333333%;
  }
  .offset-sm-2 {
    margin-left: 6.666666666666667%;
  }
  :root[dir=rtl] .offset-sm-2 {
    margin-right: 6.666666666666667%;
  }
  .offset-sm-3 {
    margin-left: 10%;
  }
  :root[dir=rtl] .offset-sm-3 {
    margin-right: 10%;
  }
  .offset-sm-4 {
    margin-left: 13.333333333333334%;
  }
  :root[dir=rtl] .offset-sm-4 {
    margin-right: 13.333333333333334%;
  }
  .offset-sm-5 {
    margin-left: 16.666666666666664%;
  }
  :root[dir=rtl] .offset-sm-5 {
    margin-right: 16.666666666666664%;
  }
  .offset-sm-6 {
    margin-left: 20%;
  }
  :root[dir=rtl] .offset-sm-6 {
    margin-right: 20%;
  }
  .offset-sm-7 {
    margin-left: 23.333333333333332%;
  }
  :root[dir=rtl] .offset-sm-7 {
    margin-right: 23.333333333333332%;
  }
  .offset-sm-8 {
    margin-left: 26.666666666666668%;
  }
  :root[dir=rtl] .offset-sm-8 {
    margin-right: 26.666666666666668%;
  }
  .offset-sm-9 {
    margin-left: 30%;
  }
  :root[dir=rtl] .offset-sm-9 {
    margin-right: 30%;
  }
  .offset-sm-10 {
    margin-left: 33.33333333333333%;
  }
  :root[dir=rtl] .offset-sm-10 {
    margin-right: 33.33333333333333%;
  }
  .offset-sm-11 {
    margin-left: 36.666666666666664%;
  }
  :root[dir=rtl] .offset-sm-11 {
    margin-right: 36.666666666666664%;
  }
  .offset-sm-12 {
    margin-left: 40%;
  }
  :root[dir=rtl] .offset-sm-12 {
    margin-right: 40%;
  }
  .offset-sm-13 {
    margin-left: 43.333333333333336%;
  }
  :root[dir=rtl] .offset-sm-13 {
    margin-right: 43.333333333333336%;
  }
  .offset-sm-14 {
    margin-left: 46.666666666666664%;
  }
  :root[dir=rtl] .offset-sm-14 {
    margin-right: 46.666666666666664%;
  }
  .offset-sm-15 {
    margin-left: 50%;
  }
  :root[dir=rtl] .offset-sm-15 {
    margin-right: 50%;
  }
  .offset-sm-16 {
    margin-left: 53.333333333333336%;
  }
  :root[dir=rtl] .offset-sm-16 {
    margin-right: 53.333333333333336%;
  }
  .offset-sm-17 {
    margin-left: 56.666666666666664%;
  }
  :root[dir=rtl] .offset-sm-17 {
    margin-right: 56.666666666666664%;
  }
  .offset-sm-18 {
    margin-left: 60%;
  }
  :root[dir=rtl] .offset-sm-18 {
    margin-right: 60%;
  }
  .offset-sm-19 {
    margin-left: 63.33333333333333%;
  }
  :root[dir=rtl] .offset-sm-19 {
    margin-right: 63.33333333333333%;
  }
  .offset-sm-20 {
    margin-left: 66.66666666666666%;
  }
  :root[dir=rtl] .offset-sm-20 {
    margin-right: 66.66666666666666%;
  }
  .offset-sm-21 {
    margin-left: 70%;
  }
  :root[dir=rtl] .offset-sm-21 {
    margin-right: 70%;
  }
  .offset-sm-22 {
    margin-left: 73.33333333333333%;
  }
  :root[dir=rtl] .offset-sm-22 {
    margin-right: 73.33333333333333%;
  }
  .offset-sm-23 {
    margin-left: 76.66666666666667%;
  }
  :root[dir=rtl] .offset-sm-23 {
    margin-right: 76.66666666666667%;
  }
  .offset-sm-24 {
    margin-left: 80%;
  }
  :root[dir=rtl] .offset-sm-24 {
    margin-right: 80%;
  }
  .offset-sm-25 {
    margin-left: 83.33333333333334%;
  }
  :root[dir=rtl] .offset-sm-25 {
    margin-right: 83.33333333333334%;
  }
  .offset-sm-26 {
    margin-left: 86.66666666666667%;
  }
  :root[dir=rtl] .offset-sm-26 {
    margin-right: 86.66666666666667%;
  }
  .offset-sm-27 {
    margin-left: 90%;
  }
  :root[dir=rtl] .offset-sm-27 {
    margin-right: 90%;
  }
  .offset-sm-28 {
    margin-left: 93.33333333333333%;
  }
  :root[dir=rtl] .offset-sm-28 {
    margin-right: 93.33333333333333%;
  }
  .offset-sm-29 {
    margin-left: 96.66666666666667%;
  }
  :root[dir=rtl] .offset-sm-29 {
    margin-right: 96.66666666666667%;
  }
  .offset-sm-30 {
    margin-left: 100%;
  }
  :root[dir=rtl] .offset-sm-30 {
    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;
  }
  .order-sm-13 {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-14 {
    -ms-flex-order: 14;
    order: 14;
  }
  .order-sm-15 {
    -ms-flex-order: 15;
    order: 15;
  }
  .order-sm-16 {
    -ms-flex-order: 16;
    order: 16;
  }
  .order-sm-17 {
    -ms-flex-order: 17;
    order: 17;
  }
  .order-sm-18 {
    -ms-flex-order: 18;
    order: 18;
  }
  .order-sm-19 {
    -ms-flex-order: 19;
    order: 19;
  }
  .order-sm-20 {
    -ms-flex-order: 20;
    order: 20;
  }
  .order-sm-21 {
    -ms-flex-order: 21;
    order: 21;
  }
  .order-sm-22 {
    -ms-flex-order: 22;
    order: 22;
  }
  .order-sm-23 {
    -ms-flex-order: 23;
    order: 23;
  }
  .order-sm-24 {
    -ms-flex-order: 24;
    order: 24;
  }
  .order-sm-25 {
    -ms-flex-order: 25;
    order: 25;
  }
  .order-sm-26 {
    -ms-flex-order: 26;
    order: 26;
  }
  .order-sm-27 {
    -ms-flex-order: 27;
    order: 27;
  }
  .order-sm-28 {
    -ms-flex-order: 28;
    order: 28;
  }
  .order-sm-29 {
    -ms-flex-order: 29;
    order: 29;
  }
  .order-sm-30 {
    -ms-flex-order: 30;
    order: 30;
  }
}
@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 3.333333333333333%;
    flex: 0 0 3.333333333333333%;
    max-width: 3.333333333333333%;
  }
  .col-md-2 {
    box-flex: 1;
    -ms-flex: 0 0 6.666666666666667%;
    flex: 0 0 6.666666666666667%;
    max-width: 6.666666666666667%;
  }
  .col-md-3 {
    box-flex: 1;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
  }
  .col-md-4 {
    box-flex: 1;
    -ms-flex: 0 0 13.333333333333334%;
    flex: 0 0 13.333333333333334%;
    max-width: 13.333333333333334%;
  }
  .col-md-5 {
    box-flex: 1;
    -ms-flex: 0 0 16.666666666666664%;
    flex: 0 0 16.666666666666664%;
    max-width: 16.666666666666664%;
  }
  .col-md-6 {
    box-flex: 1;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .col-md-7 {
    box-flex: 1;
    -ms-flex: 0 0 23.333333333333332%;
    flex: 0 0 23.333333333333332%;
    max-width: 23.333333333333332%;
  }
  .col-md-8 {
    box-flex: 1;
    -ms-flex: 0 0 26.666666666666668%;
    flex: 0 0 26.666666666666668%;
    max-width: 26.666666666666668%;
  }
  .col-md-9 {
    box-flex: 1;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
  }
  .col-md-10 {
    box-flex: 1;
    -ms-flex: 0 0 33.33333333333333%;
    flex: 0 0 33.33333333333333%;
    max-width: 33.33333333333333%;
  }
  .col-md-11 {
    box-flex: 1;
    -ms-flex: 0 0 36.666666666666664%;
    flex: 0 0 36.666666666666664%;
    max-width: 36.666666666666664%;
  }
  .col-md-12 {
    box-flex: 1;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
  .col-md-13 {
    box-flex: 1;
    -ms-flex: 0 0 43.333333333333336%;
    flex: 0 0 43.333333333333336%;
    max-width: 43.333333333333336%;
  }
  .col-md-14 {
    box-flex: 1;
    -ms-flex: 0 0 46.666666666666664%;
    flex: 0 0 46.666666666666664%;
    max-width: 46.666666666666664%;
  }
  .col-md-15 {
    box-flex: 1;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-16 {
    box-flex: 1;
    -ms-flex: 0 0 53.333333333333336%;
    flex: 0 0 53.333333333333336%;
    max-width: 53.333333333333336%;
  }
  .col-md-17 {
    box-flex: 1;
    -ms-flex: 0 0 56.666666666666664%;
    flex: 0 0 56.666666666666664%;
    max-width: 56.666666666666664%;
  }
  .col-md-18 {
    box-flex: 1;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
  }
  .col-md-19 {
    box-flex: 1;
    -ms-flex: 0 0 63.33333333333333%;
    flex: 0 0 63.33333333333333%;
    max-width: 63.33333333333333%;
  }
  .col-md-20 {
    box-flex: 1;
    -ms-flex: 0 0 66.66666666666666%;
    flex: 0 0 66.66666666666666%;
    max-width: 66.66666666666666%;
  }
  .col-md-21 {
    box-flex: 1;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
  }
  .col-md-22 {
    box-flex: 1;
    -ms-flex: 0 0 73.33333333333333%;
    flex: 0 0 73.33333333333333%;
    max-width: 73.33333333333333%;
  }
  .col-md-23 {
    box-flex: 1;
    -ms-flex: 0 0 76.66666666666667%;
    flex: 0 0 76.66666666666667%;
    max-width: 76.66666666666667%;
  }
  .col-md-24 {
    box-flex: 1;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
  }
  .col-md-25 {
    box-flex: 1;
    -ms-flex: 0 0 83.33333333333334%;
    flex: 0 0 83.33333333333334%;
    max-width: 83.33333333333334%;
  }
  .col-md-26 {
    box-flex: 1;
    -ms-flex: 0 0 86.66666666666667%;
    flex: 0 0 86.66666666666667%;
    max-width: 86.66666666666667%;
  }
  .col-md-27 {
    box-flex: 1;
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;
  }
  .col-md-28 {
    box-flex: 1;
    -ms-flex: 0 0 93.33333333333333%;
    flex: 0 0 93.33333333333333%;
    max-width: 93.33333333333333%;
  }
  .col-md-29 {
    box-flex: 1;
    -ms-flex: 0 0 96.66666666666667%;
    flex: 0 0 96.66666666666667%;
    max-width: 96.66666666666667%;
  }
  .col-md-30 {
    box-flex: 1;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-md-1 {
    margin-left: 3.333333333333333%;
  }
  :root[dir=rtl] .offset-md-1 {
    margin-right: 3.333333333333333%;
  }
  .offset-md-2 {
    margin-left: 6.666666666666667%;
  }
  :root[dir=rtl] .offset-md-2 {
    margin-right: 6.666666666666667%;
  }
  .offset-md-3 {
    margin-left: 10%;
  }
  :root[dir=rtl] .offset-md-3 {
    margin-right: 10%;
  }
  .offset-md-4 {
    margin-left: 13.333333333333334%;
  }
  :root[dir=rtl] .offset-md-4 {
    margin-right: 13.333333333333334%;
  }
  .offset-md-5 {
    margin-left: 16.666666666666664%;
  }
  :root[dir=rtl] .offset-md-5 {
    margin-right: 16.666666666666664%;
  }
  .offset-md-6 {
    margin-left: 20%;
  }
  :root[dir=rtl] .offset-md-6 {
    margin-right: 20%;
  }
  .offset-md-7 {
    margin-left: 23.333333333333332%;
  }
  :root[dir=rtl] .offset-md-7 {
    margin-right: 23.333333333333332%;
  }
  .offset-md-8 {
    margin-left: 26.666666666666668%;
  }
  :root[dir=rtl] .offset-md-8 {
    margin-right: 26.666666666666668%;
  }
  .offset-md-9 {
    margin-left: 30%;
  }
  :root[dir=rtl] .offset-md-9 {
    margin-right: 30%;
  }
  .offset-md-10 {
    margin-left: 33.33333333333333%;
  }
  :root[dir=rtl] .offset-md-10 {
    margin-right: 33.33333333333333%;
  }
  .offset-md-11 {
    margin-left: 36.666666666666664%;
  }
  :root[dir=rtl] .offset-md-11 {
    margin-right: 36.666666666666664%;
  }
  .offset-md-12 {
    margin-left: 40%;
  }
  :root[dir=rtl] .offset-md-12 {
    margin-right: 40%;
  }
  .offset-md-13 {
    margin-left: 43.333333333333336%;
  }
  :root[dir=rtl] .offset-md-13 {
    margin-right: 43.333333333333336%;
  }
  .offset-md-14 {
    margin-left: 46.666666666666664%;
  }
  :root[dir=rtl] .offset-md-14 {
    margin-right: 46.666666666666664%;
  }
  .offset-md-15 {
    margin-left: 50%;
  }
  :root[dir=rtl] .offset-md-15 {
    margin-right: 50%;
  }
  .offset-md-16 {
    margin-left: 53.333333333333336%;
  }
  :root[dir=rtl] .offset-md-16 {
    margin-right: 53.333333333333336%;
  }
  .offset-md-17 {
    margin-left: 56.666666666666664%;
  }
  :root[dir=rtl] .offset-md-17 {
    margin-right: 56.666666666666664%;
  }
  .offset-md-18 {
    margin-left: 60%;
  }
  :root[dir=rtl] .offset-md-18 {
    margin-right: 60%;
  }
  .offset-md-19 {
    margin-left: 63.33333333333333%;
  }
  :root[dir=rtl] .offset-md-19 {
    margin-right: 63.33333333333333%;
  }
  .offset-md-20 {
    margin-left: 66.66666666666666%;
  }
  :root[dir=rtl] .offset-md-20 {
    margin-right: 66.66666666666666%;
  }
  .offset-md-21 {
    margin-left: 70%;
  }
  :root[dir=rtl] .offset-md-21 {
    margin-right: 70%;
  }
  .offset-md-22 {
    margin-left: 73.33333333333333%;
  }
  :root[dir=rtl] .offset-md-22 {
    margin-right: 73.33333333333333%;
  }
  .offset-md-23 {
    margin-left: 76.66666666666667%;
  }
  :root[dir=rtl] .offset-md-23 {
    margin-right: 76.66666666666667%;
  }
  .offset-md-24 {
    margin-left: 80%;
  }
  :root[dir=rtl] .offset-md-24 {
    margin-right: 80%;
  }
  .offset-md-25 {
    margin-left: 83.33333333333334%;
  }
  :root[dir=rtl] .offset-md-25 {
    margin-right: 83.33333333333334%;
  }
  .offset-md-26 {
    margin-left: 86.66666666666667%;
  }
  :root[dir=rtl] .offset-md-26 {
    margin-right: 86.66666666666667%;
  }
  .offset-md-27 {
    margin-left: 90%;
  }
  :root[dir=rtl] .offset-md-27 {
    margin-right: 90%;
  }
  .offset-md-28 {
    margin-left: 93.33333333333333%;
  }
  :root[dir=rtl] .offset-md-28 {
    margin-right: 93.33333333333333%;
  }
  .offset-md-29 {
    margin-left: 96.66666666666667%;
  }
  :root[dir=rtl] .offset-md-29 {
    margin-right: 96.66666666666667%;
  }
  .offset-md-30 {
    margin-left: 100%;
  }
  :root[dir=rtl] .offset-md-30 {
    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;
  }
  .order-md-13 {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-14 {
    -ms-flex-order: 14;
    order: 14;
  }
  .order-md-15 {
    -ms-flex-order: 15;
    order: 15;
  }
  .order-md-16 {
    -ms-flex-order: 16;
    order: 16;
  }
  .order-md-17 {
    -ms-flex-order: 17;
    order: 17;
  }
  .order-md-18 {
    -ms-flex-order: 18;
    order: 18;
  }
  .order-md-19 {
    -ms-flex-order: 19;
    order: 19;
  }
  .order-md-20 {
    -ms-flex-order: 20;
    order: 20;
  }
  .order-md-21 {
    -ms-flex-order: 21;
    order: 21;
  }
  .order-md-22 {
    -ms-flex-order: 22;
    order: 22;
  }
  .order-md-23 {
    -ms-flex-order: 23;
    order: 23;
  }
  .order-md-24 {
    -ms-flex-order: 24;
    order: 24;
  }
  .order-md-25 {
    -ms-flex-order: 25;
    order: 25;
  }
  .order-md-26 {
    -ms-flex-order: 26;
    order: 26;
  }
  .order-md-27 {
    -ms-flex-order: 27;
    order: 27;
  }
  .order-md-28 {
    -ms-flex-order: 28;
    order: 28;
  }
  .order-md-29 {
    -ms-flex-order: 29;
    order: 29;
  }
  .order-md-30 {
    -ms-flex-order: 30;
    order: 30;
  }
}
@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 3.333333333333333%;
    flex: 0 0 3.333333333333333%;
    max-width: 3.333333333333333%;
  }
  .col-lg-2 {
    box-flex: 1;
    -ms-flex: 0 0 6.666666666666667%;
    flex: 0 0 6.666666666666667%;
    max-width: 6.666666666666667%;
  }
  .col-lg-3 {
    box-flex: 1;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
  }
  .col-lg-4 {
    box-flex: 1;
    -ms-flex: 0 0 13.333333333333334%;
    flex: 0 0 13.333333333333334%;
    max-width: 13.333333333333334%;
  }
  .col-lg-5 {
    box-flex: 1;
    -ms-flex: 0 0 16.666666666666664%;
    flex: 0 0 16.666666666666664%;
    max-width: 16.666666666666664%;
  }
  .col-lg-6 {
    box-flex: 1;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .col-lg-7 {
    box-flex: 1;
    -ms-flex: 0 0 23.333333333333332%;
    flex: 0 0 23.333333333333332%;
    max-width: 23.333333333333332%;
  }
  .col-lg-8 {
    box-flex: 1;
    -ms-flex: 0 0 26.666666666666668%;
    flex: 0 0 26.666666666666668%;
    max-width: 26.666666666666668%;
  }
  .col-lg-9 {
    box-flex: 1;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
  }
  .col-lg-10 {
    box-flex: 1;
    -ms-flex: 0 0 33.33333333333333%;
    flex: 0 0 33.33333333333333%;
    max-width: 33.33333333333333%;
  }
  .col-lg-11 {
    box-flex: 1;
    -ms-flex: 0 0 36.666666666666664%;
    flex: 0 0 36.666666666666664%;
    max-width: 36.666666666666664%;
  }
  .col-lg-12 {
    box-flex: 1;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
  .col-lg-13 {
    box-flex: 1;
    -ms-flex: 0 0 43.333333333333336%;
    flex: 0 0 43.333333333333336%;
    max-width: 43.333333333333336%;
  }
  .col-lg-14 {
    box-flex: 1;
    -ms-flex: 0 0 46.666666666666664%;
    flex: 0 0 46.666666666666664%;
    max-width: 46.666666666666664%;
  }
  .col-lg-15 {
    box-flex: 1;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-16 {
    box-flex: 1;
    -ms-flex: 0 0 53.333333333333336%;
    flex: 0 0 53.333333333333336%;
    max-width: 53.333333333333336%;
  }
  .col-lg-17 {
    box-flex: 1;
    -ms-flex: 0 0 56.666666666666664%;
    flex: 0 0 56.666666666666664%;
    max-width: 56.666666666666664%;
  }
  .col-lg-18 {
    box-flex: 1;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
  }
  .col-lg-19 {
    box-flex: 1;
    -ms-flex: 0 0 63.33333333333333%;
    flex: 0 0 63.33333333333333%;
    max-width: 63.33333333333333%;
  }
  .col-lg-20 {
    box-flex: 1;
    -ms-flex: 0 0 66.66666666666666%;
    flex: 0 0 66.66666666666666%;
    max-width: 66.66666666666666%;
  }
  .col-lg-21 {
    box-flex: 1;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
  }
  .col-lg-22 {
    box-flex: 1;
    -ms-flex: 0 0 73.33333333333333%;
    flex: 0 0 73.33333333333333%;
    max-width: 73.33333333333333%;
  }
  .col-lg-23 {
    box-flex: 1;
    -ms-flex: 0 0 76.66666666666667%;
    flex: 0 0 76.66666666666667%;
    max-width: 76.66666666666667%;
  }
  .col-lg-24 {
    box-flex: 1;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
  }
  .col-lg-25 {
    box-flex: 1;
    -ms-flex: 0 0 83.33333333333334%;
    flex: 0 0 83.33333333333334%;
    max-width: 83.33333333333334%;
  }
  .col-lg-26 {
    box-flex: 1;
    -ms-flex: 0 0 86.66666666666667%;
    flex: 0 0 86.66666666666667%;
    max-width: 86.66666666666667%;
  }
  .col-lg-27 {
    box-flex: 1;
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;
  }
  .col-lg-28 {
    box-flex: 1;
    -ms-flex: 0 0 93.33333333333333%;
    flex: 0 0 93.33333333333333%;
    max-width: 93.33333333333333%;
  }
  .col-lg-29 {
    box-flex: 1;
    -ms-flex: 0 0 96.66666666666667%;
    flex: 0 0 96.66666666666667%;
    max-width: 96.66666666666667%;
  }
  .col-lg-30 {
    box-flex: 1;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-lg-1 {
    margin-left: 3.333333333333333%;
  }
  :root[dir=rtl] .offset-lg-1 {
    margin-right: 3.333333333333333%;
  }
  .offset-lg-2 {
    margin-left: 6.666666666666667%;
  }
  :root[dir=rtl] .offset-lg-2 {
    margin-right: 6.666666666666667%;
  }
  .offset-lg-3 {
    margin-left: 10%;
  }
  :root[dir=rtl] .offset-lg-3 {
    margin-right: 10%;
  }
  .offset-lg-4 {
    margin-left: 13.333333333333334%;
  }
  :root[dir=rtl] .offset-lg-4 {
    margin-right: 13.333333333333334%;
  }
  .offset-lg-5 {
    margin-left: 16.666666666666664%;
  }
  :root[dir=rtl] .offset-lg-5 {
    margin-right: 16.666666666666664%;
  }
  .offset-lg-6 {
    margin-left: 20%;
  }
  :root[dir=rtl] .offset-lg-6 {
    margin-right: 20%;
  }
  .offset-lg-7 {
    margin-left: 23.333333333333332%;
  }
  :root[dir=rtl] .offset-lg-7 {
    margin-right: 23.333333333333332%;
  }
  .offset-lg-8 {
    margin-left: 26.666666666666668%;
  }
  :root[dir=rtl] .offset-lg-8 {
    margin-right: 26.666666666666668%;
  }
  .offset-lg-9 {
    margin-left: 30%;
  }
  :root[dir=rtl] .offset-lg-9 {
    margin-right: 30%;
  }
  .offset-lg-10 {
    margin-left: 33.33333333333333%;
  }
  :root[dir=rtl] .offset-lg-10 {
    margin-right: 33.33333333333333%;
  }
  .offset-lg-11 {
    margin-left: 36.666666666666664%;
  }
  :root[dir=rtl] .offset-lg-11 {
    margin-right: 36.666666666666664%;
  }
  .offset-lg-12 {
    margin-left: 40%;
  }
  :root[dir=rtl] .offset-lg-12 {
    margin-right: 40%;
  }
  .offset-lg-13 {
    margin-left: 43.333333333333336%;
  }
  :root[dir=rtl] .offset-lg-13 {
    margin-right: 43.333333333333336%;
  }
  .offset-lg-14 {
    margin-left: 46.666666666666664%;
  }
  :root[dir=rtl] .offset-lg-14 {
    margin-right: 46.666666666666664%;
  }
  .offset-lg-15 {
    margin-left: 50%;
  }
  :root[dir=rtl] .offset-lg-15 {
    margin-right: 50%;
  }
  .offset-lg-16 {
    margin-left: 53.333333333333336%;
  }
  :root[dir=rtl] .offset-lg-16 {
    margin-right: 53.333333333333336%;
  }
  .offset-lg-17 {
    margin-left: 56.666666666666664%;
  }
  :root[dir=rtl] .offset-lg-17 {
    margin-right: 56.666666666666664%;
  }
  .offset-lg-18 {
    margin-left: 60%;
  }
  :root[dir=rtl] .offset-lg-18 {
    margin-right: 60%;
  }
  .offset-lg-19 {
    margin-left: 63.33333333333333%;
  }
  :root[dir=rtl] .offset-lg-19 {
    margin-right: 63.33333333333333%;
  }
  .offset-lg-20 {
    margin-left: 66.66666666666666%;
  }
  :root[dir=rtl] .offset-lg-20 {
    margin-right: 66.66666666666666%;
  }
  .offset-lg-21 {
    margin-left: 70%;
  }
  :root[dir=rtl] .offset-lg-21 {
    margin-right: 70%;
  }
  .offset-lg-22 {
    margin-left: 73.33333333333333%;
  }
  :root[dir=rtl] .offset-lg-22 {
    margin-right: 73.33333333333333%;
  }
  .offset-lg-23 {
    margin-left: 76.66666666666667%;
  }
  :root[dir=rtl] .offset-lg-23 {
    margin-right: 76.66666666666667%;
  }
  .offset-lg-24 {
    margin-left: 80%;
  }
  :root[dir=rtl] .offset-lg-24 {
    margin-right: 80%;
  }
  .offset-lg-25 {
    margin-left: 83.33333333333334%;
  }
  :root[dir=rtl] .offset-lg-25 {
    margin-right: 83.33333333333334%;
  }
  .offset-lg-26 {
    margin-left: 86.66666666666667%;
  }
  :root[dir=rtl] .offset-lg-26 {
    margin-right: 86.66666666666667%;
  }
  .offset-lg-27 {
    margin-left: 90%;
  }
  :root[dir=rtl] .offset-lg-27 {
    margin-right: 90%;
  }
  .offset-lg-28 {
    margin-left: 93.33333333333333%;
  }
  :root[dir=rtl] .offset-lg-28 {
    margin-right: 93.33333333333333%;
  }
  .offset-lg-29 {
    margin-left: 96.66666666666667%;
  }
  :root[dir=rtl] .offset-lg-29 {
    margin-right: 96.66666666666667%;
  }
  .offset-lg-30 {
    margin-left: 100%;
  }
  :root[dir=rtl] .offset-lg-30 {
    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;
  }
  .order-lg-13 {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-14 {
    -ms-flex-order: 14;
    order: 14;
  }
  .order-lg-15 {
    -ms-flex-order: 15;
    order: 15;
  }
  .order-lg-16 {
    -ms-flex-order: 16;
    order: 16;
  }
  .order-lg-17 {
    -ms-flex-order: 17;
    order: 17;
  }
  .order-lg-18 {
    -ms-flex-order: 18;
    order: 18;
  }
  .order-lg-19 {
    -ms-flex-order: 19;
    order: 19;
  }
  .order-lg-20 {
    -ms-flex-order: 20;
    order: 20;
  }
  .order-lg-21 {
    -ms-flex-order: 21;
    order: 21;
  }
  .order-lg-22 {
    -ms-flex-order: 22;
    order: 22;
  }
  .order-lg-23 {
    -ms-flex-order: 23;
    order: 23;
  }
  .order-lg-24 {
    -ms-flex-order: 24;
    order: 24;
  }
  .order-lg-25 {
    -ms-flex-order: 25;
    order: 25;
  }
  .order-lg-26 {
    -ms-flex-order: 26;
    order: 26;
  }
  .order-lg-27 {
    -ms-flex-order: 27;
    order: 27;
  }
  .order-lg-28 {
    -ms-flex-order: 28;
    order: 28;
  }
  .order-lg-29 {
    -ms-flex-order: 29;
    order: 29;
  }
  .order-lg-30 {
    -ms-flex-order: 30;
    order: 30;
  }
}
@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 3.333333333333333%;
    flex: 0 0 3.333333333333333%;
    max-width: 3.333333333333333%;
  }
  .col-xl-2 {
    box-flex: 1;
    -ms-flex: 0 0 6.666666666666667%;
    flex: 0 0 6.666666666666667%;
    max-width: 6.666666666666667%;
  }
  .col-xl-3 {
    box-flex: 1;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
  }
  .col-xl-4 {
    box-flex: 1;
    -ms-flex: 0 0 13.333333333333334%;
    flex: 0 0 13.333333333333334%;
    max-width: 13.333333333333334%;
  }
  .col-xl-5 {
    box-flex: 1;
    -ms-flex: 0 0 16.666666666666664%;
    flex: 0 0 16.666666666666664%;
    max-width: 16.666666666666664%;
  }
  .col-xl-6 {
    box-flex: 1;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .col-xl-7 {
    box-flex: 1;
    -ms-flex: 0 0 23.333333333333332%;
    flex: 0 0 23.333333333333332%;
    max-width: 23.333333333333332%;
  }
  .col-xl-8 {
    box-flex: 1;
    -ms-flex: 0 0 26.666666666666668%;
    flex: 0 0 26.666666666666668%;
    max-width: 26.666666666666668%;
  }
  .col-xl-9 {
    box-flex: 1;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
  }
  .col-xl-10 {
    box-flex: 1;
    -ms-flex: 0 0 33.33333333333333%;
    flex: 0 0 33.33333333333333%;
    max-width: 33.33333333333333%;
  }
  .col-xl-11 {
    box-flex: 1;
    -ms-flex: 0 0 36.666666666666664%;
    flex: 0 0 36.666666666666664%;
    max-width: 36.666666666666664%;
  }
  .col-xl-12 {
    box-flex: 1;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
  .col-xl-13 {
    box-flex: 1;
    -ms-flex: 0 0 43.333333333333336%;
    flex: 0 0 43.333333333333336%;
    max-width: 43.333333333333336%;
  }
  .col-xl-14 {
    box-flex: 1;
    -ms-flex: 0 0 46.666666666666664%;
    flex: 0 0 46.666666666666664%;
    max-width: 46.666666666666664%;
  }
  .col-xl-15 {
    box-flex: 1;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-16 {
    box-flex: 1;
    -ms-flex: 0 0 53.333333333333336%;
    flex: 0 0 53.333333333333336%;
    max-width: 53.333333333333336%;
  }
  .col-xl-17 {
    box-flex: 1;
    -ms-flex: 0 0 56.666666666666664%;
    flex: 0 0 56.666666666666664%;
    max-width: 56.666666666666664%;
  }
  .col-xl-18 {
    box-flex: 1;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
  }
  .col-xl-19 {
    box-flex: 1;
    -ms-flex: 0 0 63.33333333333333%;
    flex: 0 0 63.33333333333333%;
    max-width: 63.33333333333333%;
  }
  .col-xl-20 {
    box-flex: 1;
    -ms-flex: 0 0 66.66666666666666%;
    flex: 0 0 66.66666666666666%;
    max-width: 66.66666666666666%;
  }
  .col-xl-21 {
    box-flex: 1;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
  }
  .col-xl-22 {
    box-flex: 1;
    -ms-flex: 0 0 73.33333333333333%;
    flex: 0 0 73.33333333333333%;
    max-width: 73.33333333333333%;
  }
  .col-xl-23 {
    box-flex: 1;
    -ms-flex: 0 0 76.66666666666667%;
    flex: 0 0 76.66666666666667%;
    max-width: 76.66666666666667%;
  }
  .col-xl-24 {
    box-flex: 1;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
  }
  .col-xl-25 {
    box-flex: 1;
    -ms-flex: 0 0 83.33333333333334%;
    flex: 0 0 83.33333333333334%;
    max-width: 83.33333333333334%;
  }
  .col-xl-26 {
    box-flex: 1;
    -ms-flex: 0 0 86.66666666666667%;
    flex: 0 0 86.66666666666667%;
    max-width: 86.66666666666667%;
  }
  .col-xl-27 {
    box-flex: 1;
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;
  }
  .col-xl-28 {
    box-flex: 1;
    -ms-flex: 0 0 93.33333333333333%;
    flex: 0 0 93.33333333333333%;
    max-width: 93.33333333333333%;
  }
  .col-xl-29 {
    box-flex: 1;
    -ms-flex: 0 0 96.66666666666667%;
    flex: 0 0 96.66666666666667%;
    max-width: 96.66666666666667%;
  }
  .col-xl-30 {
    box-flex: 1;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-xl-1 {
    margin-left: 3.333333333333333%;
  }
  :root[dir=rtl] .offset-xl-1 {
    margin-right: 3.333333333333333%;
  }
  .offset-xl-2 {
    margin-left: 6.666666666666667%;
  }
  :root[dir=rtl] .offset-xl-2 {
    margin-right: 6.666666666666667%;
  }
  .offset-xl-3 {
    margin-left: 10%;
  }
  :root[dir=rtl] .offset-xl-3 {
    margin-right: 10%;
  }
  .offset-xl-4 {
    margin-left: 13.333333333333334%;
  }
  :root[dir=rtl] .offset-xl-4 {
    margin-right: 13.333333333333334%;
  }
  .offset-xl-5 {
    margin-left: 16.666666666666664%;
  }
  :root[dir=rtl] .offset-xl-5 {
    margin-right: 16.666666666666664%;
  }
  .offset-xl-6 {
    margin-left: 20%;
  }
  :root[dir=rtl] .offset-xl-6 {
    margin-right: 20%;
  }
  .offset-xl-7 {
    margin-left: 23.333333333333332%;
  }
  :root[dir=rtl] .offset-xl-7 {
    margin-right: 23.333333333333332%;
  }
  .offset-xl-8 {
    margin-left: 26.666666666666668%;
  }
  :root[dir=rtl] .offset-xl-8 {
    margin-right: 26.666666666666668%;
  }
  .offset-xl-9 {
    margin-left: 30%;
  }
  :root[dir=rtl] .offset-xl-9 {
    margin-right: 30%;
  }
  .offset-xl-10 {
    margin-left: 33.33333333333333%;
  }
  :root[dir=rtl] .offset-xl-10 {
    margin-right: 33.33333333333333%;
  }
  .offset-xl-11 {
    margin-left: 36.666666666666664%;
  }
  :root[dir=rtl] .offset-xl-11 {
    margin-right: 36.666666666666664%;
  }
  .offset-xl-12 {
    margin-left: 40%;
  }
  :root[dir=rtl] .offset-xl-12 {
    margin-right: 40%;
  }
  .offset-xl-13 {
    margin-left: 43.333333333333336%;
  }
  :root[dir=rtl] .offset-xl-13 {
    margin-right: 43.333333333333336%;
  }
  .offset-xl-14 {
    margin-left: 46.666666666666664%;
  }
  :root[dir=rtl] .offset-xl-14 {
    margin-right: 46.666666666666664%;
  }
  .offset-xl-15 {
    margin-left: 50%;
  }
  :root[dir=rtl] .offset-xl-15 {
    margin-right: 50%;
  }
  .offset-xl-16 {
    margin-left: 53.333333333333336%;
  }
  :root[dir=rtl] .offset-xl-16 {
    margin-right: 53.333333333333336%;
  }
  .offset-xl-17 {
    margin-left: 56.666666666666664%;
  }
  :root[dir=rtl] .offset-xl-17 {
    margin-right: 56.666666666666664%;
  }
  .offset-xl-18 {
    margin-left: 60%;
  }
  :root[dir=rtl] .offset-xl-18 {
    margin-right: 60%;
  }
  .offset-xl-19 {
    margin-left: 63.33333333333333%;
  }
  :root[dir=rtl] .offset-xl-19 {
    margin-right: 63.33333333333333%;
  }
  .offset-xl-20 {
    margin-left: 66.66666666666666%;
  }
  :root[dir=rtl] .offset-xl-20 {
    margin-right: 66.66666666666666%;
  }
  .offset-xl-21 {
    margin-left: 70%;
  }
  :root[dir=rtl] .offset-xl-21 {
    margin-right: 70%;
  }
  .offset-xl-22 {
    margin-left: 73.33333333333333%;
  }
  :root[dir=rtl] .offset-xl-22 {
    margin-right: 73.33333333333333%;
  }
  .offset-xl-23 {
    margin-left: 76.66666666666667%;
  }
  :root[dir=rtl] .offset-xl-23 {
    margin-right: 76.66666666666667%;
  }
  .offset-xl-24 {
    margin-left: 80%;
  }
  :root[dir=rtl] .offset-xl-24 {
    margin-right: 80%;
  }
  .offset-xl-25 {
    margin-left: 83.33333333333334%;
  }
  :root[dir=rtl] .offset-xl-25 {
    margin-right: 83.33333333333334%;
  }
  .offset-xl-26 {
    margin-left: 86.66666666666667%;
  }
  :root[dir=rtl] .offset-xl-26 {
    margin-right: 86.66666666666667%;
  }
  .offset-xl-27 {
    margin-left: 90%;
  }
  :root[dir=rtl] .offset-xl-27 {
    margin-right: 90%;
  }
  .offset-xl-28 {
    margin-left: 93.33333333333333%;
  }
  :root[dir=rtl] .offset-xl-28 {
    margin-right: 93.33333333333333%;
  }
  .offset-xl-29 {
    margin-left: 96.66666666666667%;
  }
  :root[dir=rtl] .offset-xl-29 {
    margin-right: 96.66666666666667%;
  }
  .offset-xl-30 {
    margin-left: 100%;
  }
  :root[dir=rtl] .offset-xl-30 {
    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;
  }
  .order-xl-13 {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-14 {
    -ms-flex-order: 14;
    order: 14;
  }
  .order-xl-15 {
    -ms-flex-order: 15;
    order: 15;
  }
  .order-xl-16 {
    -ms-flex-order: 16;
    order: 16;
  }
  .order-xl-17 {
    -ms-flex-order: 17;
    order: 17;
  }
  .order-xl-18 {
    -ms-flex-order: 18;
    order: 18;
  }
  .order-xl-19 {
    -ms-flex-order: 19;
    order: 19;
  }
  .order-xl-20 {
    -ms-flex-order: 20;
    order: 20;
  }
  .order-xl-21 {
    -ms-flex-order: 21;
    order: 21;
  }
  .order-xl-22 {
    -ms-flex-order: 22;
    order: 22;
  }
  .order-xl-23 {
    -ms-flex-order: 23;
    order: 23;
  }
  .order-xl-24 {
    -ms-flex-order: 24;
    order: 24;
  }
  .order-xl-25 {
    -ms-flex-order: 25;
    order: 25;
  }
  .order-xl-26 {
    -ms-flex-order: 26;
    order: 26;
  }
  .order-xl-27 {
    -ms-flex-order: 27;
    order: 27;
  }
  .order-xl-28 {
    -ms-flex-order: 28;
    order: 28;
  }
  .order-xl-29 {
    -ms-flex-order: 29;
    order: 29;
  }
  .order-xl-30 {
    -ms-flex-order: 30;
    order: 30;
  }
}
@media (min-width: 1600px) {
  .container {
    max-width: 1500px;
  }
  .col {
    flex-basis: 0;
    -ms-box-flex: 1;
    box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xxl-auto {
    box-flex: 1;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xxl {
    flex-basis: 0;
    -ms-box-flex: 1;
    box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xxl-1 {
    box-flex: 1;
    -ms-flex: 0 0 3.333333333333333%;
    flex: 0 0 3.333333333333333%;
    max-width: 3.333333333333333%;
  }
  .col-xxl-2 {
    box-flex: 1;
    -ms-flex: 0 0 6.666666666666667%;
    flex: 0 0 6.666666666666667%;
    max-width: 6.666666666666667%;
  }
  .col-xxl-3 {
    box-flex: 1;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
  }
  .col-xxl-4 {
    box-flex: 1;
    -ms-flex: 0 0 13.333333333333334%;
    flex: 0 0 13.333333333333334%;
    max-width: 13.333333333333334%;
  }
  .col-xxl-5 {
    box-flex: 1;
    -ms-flex: 0 0 16.666666666666664%;
    flex: 0 0 16.666666666666664%;
    max-width: 16.666666666666664%;
  }
  .col-xxl-6 {
    box-flex: 1;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .col-xxl-7 {
    box-flex: 1;
    -ms-flex: 0 0 23.333333333333332%;
    flex: 0 0 23.333333333333332%;
    max-width: 23.333333333333332%;
  }
  .col-xxl-8 {
    box-flex: 1;
    -ms-flex: 0 0 26.666666666666668%;
    flex: 0 0 26.666666666666668%;
    max-width: 26.666666666666668%;
  }
  .col-xxl-9 {
    box-flex: 1;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
  }
  .col-xxl-10 {
    box-flex: 1;
    -ms-flex: 0 0 33.33333333333333%;
    flex: 0 0 33.33333333333333%;
    max-width: 33.33333333333333%;
  }
  .col-xxl-11 {
    box-flex: 1;
    -ms-flex: 0 0 36.666666666666664%;
    flex: 0 0 36.666666666666664%;
    max-width: 36.666666666666664%;
  }
  .col-xxl-12 {
    box-flex: 1;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
  .col-xxl-13 {
    box-flex: 1;
    -ms-flex: 0 0 43.333333333333336%;
    flex: 0 0 43.333333333333336%;
    max-width: 43.333333333333336%;
  }
  .col-xxl-14 {
    box-flex: 1;
    -ms-flex: 0 0 46.666666666666664%;
    flex: 0 0 46.666666666666664%;
    max-width: 46.666666666666664%;
  }
  .col-xxl-15 {
    box-flex: 1;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxl-16 {
    box-flex: 1;
    -ms-flex: 0 0 53.333333333333336%;
    flex: 0 0 53.333333333333336%;
    max-width: 53.333333333333336%;
  }
  .col-xxl-17 {
    box-flex: 1;
    -ms-flex: 0 0 56.666666666666664%;
    flex: 0 0 56.666666666666664%;
    max-width: 56.666666666666664%;
  }
  .col-xxl-18 {
    box-flex: 1;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
  }
  .col-xxl-19 {
    box-flex: 1;
    -ms-flex: 0 0 63.33333333333333%;
    flex: 0 0 63.33333333333333%;
    max-width: 63.33333333333333%;
  }
  .col-xxl-20 {
    box-flex: 1;
    -ms-flex: 0 0 66.66666666666666%;
    flex: 0 0 66.66666666666666%;
    max-width: 66.66666666666666%;
  }
  .col-xxl-21 {
    box-flex: 1;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
  }
  .col-xxl-22 {
    box-flex: 1;
    -ms-flex: 0 0 73.33333333333333%;
    flex: 0 0 73.33333333333333%;
    max-width: 73.33333333333333%;
  }
  .col-xxl-23 {
    box-flex: 1;
    -ms-flex: 0 0 76.66666666666667%;
    flex: 0 0 76.66666666666667%;
    max-width: 76.66666666666667%;
  }
  .col-xxl-24 {
    box-flex: 1;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
  }
  .col-xxl-25 {
    box-flex: 1;
    -ms-flex: 0 0 83.33333333333334%;
    flex: 0 0 83.33333333333334%;
    max-width: 83.33333333333334%;
  }
  .col-xxl-26 {
    box-flex: 1;
    -ms-flex: 0 0 86.66666666666667%;
    flex: 0 0 86.66666666666667%;
    max-width: 86.66666666666667%;
  }
  .col-xxl-27 {
    box-flex: 1;
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;
  }
  .col-xxl-28 {
    box-flex: 1;
    -ms-flex: 0 0 93.33333333333333%;
    flex: 0 0 93.33333333333333%;
    max-width: 93.33333333333333%;
  }
  .col-xxl-29 {
    box-flex: 1;
    -ms-flex: 0 0 96.66666666666667%;
    flex: 0 0 96.66666666666667%;
    max-width: 96.66666666666667%;
  }
  .col-xxl-30 {
    box-flex: 1;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-xxl-1 {
    margin-left: 3.333333333333333%;
  }
  :root[dir=rtl] .offset-xxl-1 {
    margin-right: 3.333333333333333%;
  }
  .offset-xxl-2 {
    margin-left: 6.666666666666667%;
  }
  :root[dir=rtl] .offset-xxl-2 {
    margin-right: 6.666666666666667%;
  }
  .offset-xxl-3 {
    margin-left: 10%;
  }
  :root[dir=rtl] .offset-xxl-3 {
    margin-right: 10%;
  }
  .offset-xxl-4 {
    margin-left: 13.333333333333334%;
  }
  :root[dir=rtl] .offset-xxl-4 {
    margin-right: 13.333333333333334%;
  }
  .offset-xxl-5 {
    margin-left: 16.666666666666664%;
  }
  :root[dir=rtl] .offset-xxl-5 {
    margin-right: 16.666666666666664%;
  }
  .offset-xxl-6 {
    margin-left: 20%;
  }
  :root[dir=rtl] .offset-xxl-6 {
    margin-right: 20%;
  }
  .offset-xxl-7 {
    margin-left: 23.333333333333332%;
  }
  :root[dir=rtl] .offset-xxl-7 {
    margin-right: 23.333333333333332%;
  }
  .offset-xxl-8 {
    margin-left: 26.666666666666668%;
  }
  :root[dir=rtl] .offset-xxl-8 {
    margin-right: 26.666666666666668%;
  }
  .offset-xxl-9 {
    margin-left: 30%;
  }
  :root[dir=rtl] .offset-xxl-9 {
    margin-right: 30%;
  }
  .offset-xxl-10 {
    margin-left: 33.33333333333333%;
  }
  :root[dir=rtl] .offset-xxl-10 {
    margin-right: 33.33333333333333%;
  }
  .offset-xxl-11 {
    margin-left: 36.666666666666664%;
  }
  :root[dir=rtl] .offset-xxl-11 {
    margin-right: 36.666666666666664%;
  }
  .offset-xxl-12 {
    margin-left: 40%;
  }
  :root[dir=rtl] .offset-xxl-12 {
    margin-right: 40%;
  }
  .offset-xxl-13 {
    margin-left: 43.333333333333336%;
  }
  :root[dir=rtl] .offset-xxl-13 {
    margin-right: 43.333333333333336%;
  }
  .offset-xxl-14 {
    margin-left: 46.666666666666664%;
  }
  :root[dir=rtl] .offset-xxl-14 {
    margin-right: 46.666666666666664%;
  }
  .offset-xxl-15 {
    margin-left: 50%;
  }
  :root[dir=rtl] .offset-xxl-15 {
    margin-right: 50%;
  }
  .offset-xxl-16 {
    margin-left: 53.333333333333336%;
  }
  :root[dir=rtl] .offset-xxl-16 {
    margin-right: 53.333333333333336%;
  }
  .offset-xxl-17 {
    margin-left: 56.666666666666664%;
  }
  :root[dir=rtl] .offset-xxl-17 {
    margin-right: 56.666666666666664%;
  }
  .offset-xxl-18 {
    margin-left: 60%;
  }
  :root[dir=rtl] .offset-xxl-18 {
    margin-right: 60%;
  }
  .offset-xxl-19 {
    margin-left: 63.33333333333333%;
  }
  :root[dir=rtl] .offset-xxl-19 {
    margin-right: 63.33333333333333%;
  }
  .offset-xxl-20 {
    margin-left: 66.66666666666666%;
  }
  :root[dir=rtl] .offset-xxl-20 {
    margin-right: 66.66666666666666%;
  }
  .offset-xxl-21 {
    margin-left: 70%;
  }
  :root[dir=rtl] .offset-xxl-21 {
    margin-right: 70%;
  }
  .offset-xxl-22 {
    margin-left: 73.33333333333333%;
  }
  :root[dir=rtl] .offset-xxl-22 {
    margin-right: 73.33333333333333%;
  }
  .offset-xxl-23 {
    margin-left: 76.66666666666667%;
  }
  :root[dir=rtl] .offset-xxl-23 {
    margin-right: 76.66666666666667%;
  }
  .offset-xxl-24 {
    margin-left: 80%;
  }
  :root[dir=rtl] .offset-xxl-24 {
    margin-right: 80%;
  }
  .offset-xxl-25 {
    margin-left: 83.33333333333334%;
  }
  :root[dir=rtl] .offset-xxl-25 {
    margin-right: 83.33333333333334%;
  }
  .offset-xxl-26 {
    margin-left: 86.66666666666667%;
  }
  :root[dir=rtl] .offset-xxl-26 {
    margin-right: 86.66666666666667%;
  }
  .offset-xxl-27 {
    margin-left: 90%;
  }
  :root[dir=rtl] .offset-xxl-27 {
    margin-right: 90%;
  }
  .offset-xxl-28 {
    margin-left: 93.33333333333333%;
  }
  :root[dir=rtl] .offset-xxl-28 {
    margin-right: 93.33333333333333%;
  }
  .offset-xxl-29 {
    margin-left: 96.66666666666667%;
  }
  :root[dir=rtl] .offset-xxl-29 {
    margin-right: 96.66666666666667%;
  }
  .offset-xxl-30 {
    margin-left: 100%;
  }
  :root[dir=rtl] .offset-xxl-30 {
    margin-right: 100%;
  }
  .order-xxl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xxl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xxl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xxl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xxl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xxl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xxl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xxl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xxl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xxl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xxl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xxl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xxl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .order-xxl-13 {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xxl-14 {
    -ms-flex-order: 14;
    order: 14;
  }
  .order-xxl-15 {
    -ms-flex-order: 15;
    order: 15;
  }
  .order-xxl-16 {
    -ms-flex-order: 16;
    order: 16;
  }
  .order-xxl-17 {
    -ms-flex-order: 17;
    order: 17;
  }
  .order-xxl-18 {
    -ms-flex-order: 18;
    order: 18;
  }
  .order-xxl-19 {
    -ms-flex-order: 19;
    order: 19;
  }
  .order-xxl-20 {
    -ms-flex-order: 20;
    order: 20;
  }
  .order-xxl-21 {
    -ms-flex-order: 21;
    order: 21;
  }
  .order-xxl-22 {
    -ms-flex-order: 22;
    order: 22;
  }
  .order-xxl-23 {
    -ms-flex-order: 23;
    order: 23;
  }
  .order-xxl-24 {
    -ms-flex-order: 24;
    order: 24;
  }
  .order-xxl-25 {
    -ms-flex-order: 25;
    order: 25;
  }
  .order-xxl-26 {
    -ms-flex-order: 26;
    order: 26;
  }
  .order-xxl-27 {
    -ms-flex-order: 27;
    order: 27;
  }
  .order-xxl-28 {
    -ms-flex-order: 28;
    order: 28;
  }
  .order-xxl-29 {
    -ms-flex-order: 29;
    order: 29;
  }
  .order-xxl-30 {
    -ms-flex-order: 30;
    order: 30;
  }
}
.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;
}
.visible-xxl,
.visible-xxl-block,
.visible-xxl-inline,
.visible-xxl-inline-block,
.visible-xxl-table,
.visible-xxl-table-row,
.visible-xxl-table-cell,
.visible-xxl-flex,
.visible-xxl-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) and (max-width: 1599px) {
  .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;
  }
}
@media (min-width: 1600px) {
  .visible-xxl {
    display: block !important;
  }
  .visible-xxl-inline {
    display: inline !important;
  }
  .visible-xxl-inline-block {
    display: inline-block !important;
  }
  .visible-xxl-flex {
    display: -ms-flexbox !important;
    display: box !important;
    display: flex !important;
  }
  .visible-xxl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-box !important;
    display: inline-flex !important;
  }
  table.visible-xxl,
  .visible-xxl-table {
    display: table !important;
  }
  tr.visible-xxl,
  .visible-xxl-table-row {
    display: table-row !important;
  }
  td.visible-xxl,
  th.visible-xxl,
  .visible-xxl-table-cell {
    display: table-cell !important;
  }
  .hidden-xxl {
    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: 'iranyekan', tahoma, '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: 'iranyekan', tahoma, 'Open sans', sans-serif;
  font-size: 13px;
  color: #373737;
  background-color: #fff;
  direction: rtl;
  text-align: right;
  font-weight: 400;
  position: relative;
}
a,
ins {
  text-decoration: none;
}
img {
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
.typography,
.post-content {
  font: 400 1rem/2.3 'iranyekan', tahoma, 'Open sans', sans-serif;
  color: #364c4b;
  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: #0f8881;
  font-weight: 700;
}
.typography a:hover,
.post-content a:hover {
  color: #948cd2;
}
.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: 500;
  color: #0eada4;
}
.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 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;
  color: #646464;
}
.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-right: 30px;
}
.typography ul li:before,
.post-content ul li:before {
  content: '\2713';
  display: inline-block;
  color: #60c339;
  font-size: 1.615384615384615rem;
  vertical-align: middle;
  margin-left: 15px;
  position: absolute;
  top: -10px;
  right: 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-bottom: 27px;
  padding: 10px 25px;
  position: relative;
  border-radius: 9px;
  border: 1px solid #4fa913;
  background-color: #dff4d9;
  color: #2c6f0f;
  font-size: 17px;
  display: table;
  width: auto;
}
.typography blockquote h1,
.post-content blockquote h1,
.typography blockquote h2,
.post-content blockquote h2,
.typography blockquote h3,
.post-content blockquote h3,
.typography blockquote h4,
.post-content blockquote h4,
.typography blockquote h5,
.post-content blockquote h5,
.typography blockquote h6,
.post-content blockquote h6 {
  color: #ff6430;
  font-size: 1.076923076923077rem;
  font-weight: 700;
  font-style: normal;
}
.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;
}
/*
 * Headers styles
**/
.site-header {
  background: url("data:image/png;base64,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") top center no-repeat;
  padding-top: 53px;
  margin-bottom: 25px;
  position: relative;
  z-index: 30;
}
.site-header .container {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
}
.site-top-nav {
 
  float:left;

}
.site-top-nav > ul {
  margin: 0 -16px;
}
.site-top-nav > ul > li {
  padding: 0 16px;
  text-align: center;
  color: #9fafbc;
  font-size: 1.1em;
  font-weight: 500;
}
.site-top-nav > ul > li > a {
  display: block;
}
.site-top-nav > ul > li > a span {
  height: 23px;
  display: block;
  width: 100%;
  margin-bottom: 12px;
}
.site-top-nav > ul > li > a svg {
  width: 22px;
  height: 22px;
  fill: #fff;
}
.site-top-nav > ul > li > a:hover {
  color: #df1154;
}
.site-top-nav > ul > li > a:hover svg {
  fill: #df1154;
}


.site-top-nav2 {
float:right;
  
}
.site-top-nav2 > ul {
  margin: 0 -16px;
}
.site-top-nav2 > ul > li {
  padding: 0 16px;
  text-align: center;
  color: #9fafbc;
  font-size: 1.1em;
  font-weight: 500;
  color: #777
}
.site-top-nav2 > ul > li > a {
  display: block;
  color: #777
}
.site-top-nav2 > ul > li > a span {
  height: 23px;
  display: block;
  width: 100%;
  margin-bottom: 12px;
  color: #777
}
.site-top-nav2 > ul > li > a svg {
  width: 22px;
  height: 22px;
  fill: #909da8;
}
.site-top-nav2 > ul > li > a:hover {
  color: #df1154;
}
.site-top-nav2 > ul > li > a:hover svg {
  fill: #df1154;
}


.quick-access-menu {
  position: absolute;
  width: 120%;
  left: 0;
  top: 34px;
  padding: 40px;
  box-shadow: 0 0 24px rgba(73,87,101,0.18);
  background-color: #fff;
  border-bottom-left-radius: 15px;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.quick-access-menu:not(.opened) {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
  -ms-transform: translateY(-15px);
  transform: translateY(-15px);
}
.quick-access-menu .close {
  cursor: pointer;
}
.quick-access-menu .close svg {
  fill: #858e99;
  width: 24px;
  height: 24px;
}
.quick-access-menu .close:hover svg {
  fill: #000;
}
.quick-access-menu .box-top {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 35px;
}
.quick-access-menu .box-title {
  line-height: 1;
}
.quick-access-menu .box-title svg {
  width: 77px;
  height: 25px;
  fill: #df1154;
}
.quick-access-menu ul {
  line-height: 3.15;
  color: #384451;
  font-size: 13px;
  font-weight: 500;
}
.quick-access-menu ul li {
  width: 100%;
  min-width: 0;
  min-height: 1px;
  max-width: 50%;
  box-flex: 1;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
}
.quick-access-menu ul li a:hover {
  color: #df1154;
}
.login-register-dropin {
  box-shadow: 0 0 24px rgba(73,87,101,0.18);
  background-color: #fff;

  position: fixed;
left: 50%;
top: 50%;
z-index: 99999;
max-width: 400px;
width: 85%;
}
.login-register-dropin {
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-transition: all 350ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: all 350ms cubic-bezier(0.86, 0, 0.07, 1);
}
.login-register-dropin:not(.opened) {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
  -ms-transform: translateX(25px);
  transform: translateX(25px);
}
.login-register-dropin .login-register-cont .box-top {
  text-align: center;
  margin-bottom: 50px;
}
.login-register-dropin .login-register-cont .box-top svg {
  width: 108px;
  height: 35px;
  fill: #df1154;
}
.login-register-dropin .forms-wrapper {
  max-width: 310px;
  margin: 0 auto;
}
.login-register-dropin .forms-wrapper .head {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  color: #7d8995;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 35px;
}
.login-register-dropin .forms-wrapper .head h3 {
  color: #384451;
  font-size: 19px;
  font-weight: 700;
}
.login-register-dropin .forms-wrapper .head a {
  color: #384451;
}
.login-register-dropin .forms-wrapper .head a:hover {
  color: #8b9097;
}
.login-register-dropin input[type=text],
.login-register-dropin input[type=password],
.login-register-dropin input[type=email],
.login-register-dropin input[type=number],
.login-register-dropin input[type=search],
.login-register-dropin input[type=telephone] {
  width: 100%;
  background: none;
  border: 0;
  border-bottom: 1px solid #d5dde5;
  height: 48px;
  display: block;
  color: #5c6876;
  font-size: 14px;
  font-weight: 500;
}
.login-register-dropin form p {
  color: #5c6876;
  font-size: 12px;
  font-weight: 500;
}
.login-register-dropin form p a {
  color: #4e5863;
  font-weight: 700;
}
.login-register-dropin form p a:hover {
  color: #000;
}
.login-register-dropin form p.checkbox-wrap {
  margin-top: 35px;
}
.login-register-dropin button[type=submit] {
  height: 37px;
  background-color: #df1154;
  border-radius: 6px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  padding: 0 22px;
  border: 0;
  outline: none;
  position: relative;
  margin: 35px auto 0;
  display: block;
}
.login-register-dropin button[type=submit]:after {
  content: '';
  position: absolute;
  width: 96%;
  height: 100%;
  bottom: -3px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #df1154;
  border-radius: 12px;
  filter: blur(3px);
  z-index: -1;
}
.login-register-dropin .register-form {
  display: none;
}
html.noflow,
body.noflow {
  overflow: hidden;
}
.custom-checkbox {
  cursor: pointer;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  -ms-flex-align: center;
  align-items: center;
}
.custom-checkbox .box {
  width: 17px;
  height: 17px;
  border: 1px solid #d5dde5;
  background-color: #fff;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
  line-height: 15px;
  margin-left: 10px;
}
.custom-checkbox .box svg {
  width: 8px;
  height: 8px;
  fill: #d5dde5;
}
.custom-checkbox input[type=checkbox],
.custom-checkbox input[type=radio] {
  position: absolute;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
}
.custom-checkbox input[type=checkbox]:checked + .box,
.custom-checkbox input[type=radio]:checked + .box {
  border-color: #df1154;
}
.custom-checkbox input[type=checkbox]:checked + .box svg,
.custom-checkbox input[type=radio]:checked + .box svg {
  fill: #df1154;
}
.stars {
  position: relative;
  white-space: nowrap;
}
.stars svg {
  width: 15px;
  height: 15px;
  fill: #738291;
}
.stars .avg {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.stars .avg svg {
  fill: #df1154;
}
.site-top-ads {
  margin-bottom: 70px;
}
.blurred-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -ms-transform: scale(1.04);
  transform: scale(1.04);
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  filter: blur(4px);
  z-index: -1;
}
.primary-area {
  margin-bottom: 94px;
}
.site-main-grid {
  display: grid;
  grid-template-columns: 11% auto minmax(230px, 15.3333%);
  grid-gap: 0 40px;
}

.posts-list-box {
  padding-top: 2em;
}

.main-content-area {
  margin-top:-2em
}

.posts-list-box:not(:last-child) {
  margin-bottom: 43px;
}

.posts-list-box .tabs {
  border-bottom: 1px solid #d4dbe2;
  line-height: 1;
  margin-bottom: 30px;
}
.posts-list-box .tabs li {
  font-family: iranyekan;
  font-size: 1.25em;
  font-weight: 300;
  padding: 0 13px;
  color: #7f8d9b;
  cursor: pointer;
  padding-bottom: 22px;
  border-bottom: 1px solid #d4dbe2;
  position: relative;
  bottom: -1px;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.posts-list-box .tabs li.active {
  border-color: #df1154;
  color: #df1154;
  font-weight: 700;
}


.posts-list-box .tabs li.exclude {
  font-size: 13px;
  font-weight: 400;
  margin-right: auto;
}
.posts-list-box .tabs li:hover {
  color: #df1154;
}
.post-list-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
}



@media (max-width: 600px) {
  .post-list-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.post-item {
  color: #000;
  border-radius: 12px;
  position: relative;
  padding: 1px;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px 20px 11px;
}
.post-item .abs-fill {
  z-index: 15;
}
.post-item .post-item-inner {
  background-color: #fff;
  border-radius: 12px;
  height: 100%;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.post-item > *:not(.abs-fill) {
  position: relative;
  z-index: 2;
}
.post-item .entry-title {
  color: #46525d;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  text-align: center;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  line-height: 1.43;
  max-height: 2.86em;
  margin-right: -1em;
  margin-left: -1em;
  min-height: 2.88px;
}
.post-item .thumbnail {
  position: relative;
  margin: 0 auto 23px;
  max-width: 100%;
}
.post-item .thumbnail img {
}

.post-item .thumbnail::before {
  content: '';
  position: absolute;
  width: 90%;
  height: 7px;
  border-radius: 100%;
  background-color: 
  #eff1f4;
  bottom: -20px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.post-item:hover .post-item-inner {
  padding-bottom: 1em !important;
}


.post-item .fa-title {
  text-align: center;
  line-height: 1.4;
  color: #85919b;
  font-size: 14px;
  font-weight: 500;
}
.post-item .entry-info {
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #adb8c4;
  font-size: 12px;
  font-weight: 400;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-top: 30px;
  margin-top: auto;
}
.post-item .entry-info .date {
  line-height: 1.6;
}
.post-item .entry-info .date strong {
  font-size: 16px;
  font-weight: 400;
}
.post-item .entry-info .star-ratings {
  direction: ltr;
  text-align: left;
}
.post-item .entry-info .star-ratings .rated-users {
  display: inline-block;
  direction: rtl;
  margin-left: 2px;
}
.post-item .entry-info .star-ratings .average-rating {
  font-size: 16px;
}
@media (max-width: 1599px) {
  .post-item .entry-info {
    font-size: 10px;
    margin-right: -5px;
    margin-left: -5px;
  }
  .post-item .entry-info .stars svg {
    width: 14px;
    height: 14px;
  }
}
.post-item.featured {
  background: -ms-linear-gradient(36deg, #d9b01f 0%, #e8e8e8 20%, #e8e8e8 75%);
  background: linear-gradient(54deg, #d9b01f 0%, #e8e8e8 20%, #e8e8e8 75%);
}
.post-item.featured .entry-info .star-ratings .stars .avg svg {
  fill: #d4ad25;
}
.post-item.updated:after {
  content: '';
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  bottom: -4px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.post-item.updated.featured:before {
  content: '';
  position: absolute;
  z-index: -2;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  bottom: -4px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: -ms-linear-gradient(36deg, #d9b01f 0%, #e8e8e8 20%, #e8e8e8 75%);
  background: linear-gradient(54deg, #d9b01f 0%, #e8e8e8 20%, #e8e8e8 75%);
}
.post-item.updated.featured:after {
  background-color: #fff;
  z-index: -1;
  bottom: -3px;
  border: 0;
}
.post-item.online .status {
  content: '';
  position: absolute;
  top: 13px;
  right: 10px;
  width: 6px;
  height: 6px;
  display: inline-block;
  border-radius: 100%;
  background-color: #df1154;
}
.floating-bar {
  position: relative;
  z-index: 100;
}
.scrolling-fixed-cats {
  line-height: 1;
  text-align: center;
  -webkit-transform: translateZ(0);
  -ms-transform: translateY(-60px);
  transform: translateY(-60px);
  position: absolute;
  top: 0;
  width: 100%;
  max-width: 165px;
}
.scrolling-fixed-cats.fixed {
  position: fixed;
  top: 0px;
  -ms-transform: translateY(60px);
  transform: translateY(60px);
}
.scrolling-fixed-cats.bottom-sticky {
  bottom: 0;
  top: auto;
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.scrolling-fixed-cats .search-form {
  position: relative;
}
.scrolling-fixed-cats .search-form input {
  height: 44px;
  border: 1px solid #dce3eb;
  border-radius: 4px;
  padding: 0 16px 0 37px;
  color: #55616e;
  font-size: 14px;
  font-weight: 500;
  width: 100%;
}
.scrolling-fixed-cats .search-form button {
  background: none;
  border: 0;
  outline: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 16px;
}
.scrolling-fixed-cats .search-form button svg {
  fill: #55616e;
  width: 17px;
  height: 17px;
}
.scrolling-fixed-cats > ul {
  margin-bottom: 24px;
}
.scrolling-fixed-cats > ul > li {
  position: relative;
  z-index: 1;
}
.scrolling-fixed-cats > ul > li.menu-item-has-children:after {
  content: '';
  position: absolute;
  width: 120%;
  height: 104%;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  background-color: #fff;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  box-shadow: 0 0 35px rgba(70,82,93,0.22);
  background-color: #fff;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  z-index: -1;
}
.scrolling-fixed-cats > ul > li.menu-item-has-children:before {
  content: '';
  position: absolute;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 37%;
  height: 104%;
  background-color: #fff;
  z-index: 1;
}
.scrolling-fixed-cats > ul > li > a {
  color: #495765;
  font-size: 14px;
  font-weight: 500;
  display: block;
  position: relative;
  padding: 22px 5px;
  border-bottom: 1px solid rgba(255,255,255,0);
  z-index: 2;
}
.scrolling-fixed-cats > ul > li > a svg {
  display: block;
  margin: 0 auto 14px;
  fill: #5f6e7d;
  width: 25px;
  height: 25px;
}
.scrolling-fixed-cats > ul > li > a svg.icon-gamepad {
  width: 36px;
  height: 25px;
}
.scrolling-fixed-cats > ul > li.on-content > a {
  color: #df1154;
  border-color: #df1154;
  box-shadow: 0 1px 0 #df1154;
}
.scrolling-fixed-cats > ul > li.on-content > a svg {
  fill: #df1154;
}
.scrolling-fixed-cats > ul > li.menu-item-has-children:not(:hover) > a {
  border-color: #dce3eb;
}
.scrolling-fixed-cats > ul > li.menu-item-has-children:not(:hover):before,
.scrolling-fixed-cats > ul > li.menu-item-has-children:not(:hover):after {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
  -ms-transform: translateX(15px) translateY(-50%);
  transform: translateX(15px) translateY(-50%);
}
.scrolling-fixed-cats > ul > li.menu-item-has-children:not(:hover) > ul {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
  -ms-transform: translateX(15px);
  transform: translateX(15px);
}
.scrolling-fixed-cats > ul > li > ul {
  position: absolute;
  right: 100%;
  top: -2px;
  width: 830px;
  box-shadow: 0 0 35px rgba(70,82,93,0.22);
  background-color: #fff;
  border-bottom-left-radius: 30px;
  padding: 44px 8px 44px 34px;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  text-align: right;
  background-image: url("../images/nav-bg.png");
  background-repeat: no-repeat;
  background-position: bottom left;
  overflow: hidden;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.scrolling-fixed-cats > ul > li > ul > li {
  padding: 0 36px;
}
.scrolling-fixed-cats > ul > li > ul > li > a {
  color: #df1154;
  font-size: 14px;
  font-weight: 500;
  display: block;
  margin-bottom: 22px;
}
.scrolling-fixed-cats > ul > li > ul > li > ul {
  color: #46525d;
  font-size: 13px;
  font-weight: 500;
  line-height: 2.69;
}
.scrolling-fixed-cats > ul > li > ul > li > ul > li > a:hover {
  color: #df1154;
}
.scrolling-fixed-cats > ul > li > ul > li.headless > a {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
}
.scrolling-fixed-cats > ul > li > ul > li.buttons > ul > li {
  margin-bottom: 18px;
}
.scrolling-fixed-cats > ul > li > ul > li.buttons > ul > li > a {
  display: block;
  height: 43px;
  line-height: 43px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  padding: 0 15px;
  border-radius: 4px;
  box-shadow: 0 0 16px rgba(70,82,93,0.18);
  background-color: #df1154;
}
.scrolling-fixed-cats > ul > li > ul > li.buttons > ul > li > a:hover {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.scrolling-fixed-cats > ul > li > ul > li.buttons > ul > li:nth-child(2) > a {
  background-color: #d7b027;
}
.scrolling-fixed-cats > ul > li > ul > li.buttons > ul > li:nth-child(3) > a {
  background-color: #87929d;
}
.site-middle-banners {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 0 22px;
  margin-bottom: 65px;
}
.site-middle-banners .banner .txt {
  display: block;
  color: #96a1ab;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  margin-top: 12px;
}
.site-middle-banners .banner img {
  display: block;
  width: 100%;
  height: auto;
  box-shadow: 0 2px 7px rgba(95,110,125,0.47);
  border-radius: 6px;
}
.sidebar .widget:not(:last-child) {
  margin-bottom: 40px;
}
.sidebar .widget .widget-title:not(.screen-reader-text) {
  margin-bottom: 13px;
}
.widget-videoroid-list li {
  margin-bottom: 20px;
}
.widget-videoroid-list li .thumbnail {
  margin: 0 0 17px;
  position: relative;
}
.widget-videoroid-list li .thumbnail:after {
  content: '';
  width: 93%;
  height: 100%;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  background-color: #5f6e7d;
  filter: blur(5px);
  bottom: -3px;
  z-index: -1;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.widget-videoroid-list li .thumbnail:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background-color: rgba(95,110,125,0.6);
  z-index: 2;
}
.widget-videoroid-list li .thumbnail .play,
.widget-videoroid-list li .thumbnail .duration {
  position: absolute;
}
.widget-videoroid-list li .thumbnail .duration {
  text-shadow: 0 2px 2px rgba(51,60,69,0.75);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  bottom: 12px;
  left: 12px;
  z-index: 3;
}
.widget-videoroid-list li .thumbnail .play {
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 100%;
  display: block;
  width: 60px;
  height: 60px;
  background-color: rgba(44,57,69,0.2);
  z-index: 3;
  text-align: center;
  line-height: 60px;
}
.widget-videoroid-list li .thumbnail .play svg {
  fill: #fff;
  width: 14px;
  height: 14px;
  position: relative;
  z-index: 1;
}
.widget-videoroid-list li .thumbnail .play:before {
  content: '';
  position: absolute;
  width: 45px;
  height: 45px;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 100%;
  display: block;
  background-color: #df1154;
}
.widget-videoroid-list li .video-title {
  color: #384451;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}
.widget-videoroid-list li .bottom {
  color: #9ca7b1;
  font-size: 11px;
  font-weight: 400;
}
.widget-videoroid-list li .views {
  display: inline-block;
  margin-left: 10px;
}
.widget-populars .tabs {
  border-bottom: 1px solid #d4dbe2;
}
.widget-populars .tabs li {
  color: #9aa3ac;
  font-weight: 500;
  font-size: 13px;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  bottom: -1px;
  position: relative;
  padding: 8px 8px 13px;
}
.widget-populars .tabs li:not(:last-child) {
  margin-left: 8px;
}
.widget-populars .tabs li.active {
  color: #3f9e19;
  border-color: #df1154;
}
.widget-populars .show-more-link {
  display: block;
  border: 1px solid #d4dbe2;
  height: 37px;
  line-height: 37px;
  color: #55616e;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  border-radius: 6px;
}
.widget-populars .show-more-link:hover {
  color: #df1154;
  border-color: #df1154;
}
.widget-populars-list {
  counter-reset: pop-list;
}
.widget-populars-list li {
  padding: 23px 0;
  counter-increment: pop-list;
  position: relative;
}
.widget-populars-list li:not(:last-child) {
  border-bottom: 1px solid #d4dbe2;
}
.widget-populars-list li .right {
  max-width: 58px;
  text-align: center;
}
.widget-populars-list li .right .thumbnail {
  margin: 0 0 18px;
  position: relative;
}
.widget-populars-list li .right .thumbnail:before {
  content: counter(pop-list);
  position: absolute;
  bottom: -8px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 17px;
  height: 17px;
  display: inline-block;
  border-radius: 100%;
  background-color: #df1154;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 17px;
}
.widget-populars-list li .right .thumbnail img {
  border-radius: 10px;
}
.widget-populars-list li .right .status {
  color: #a8b5c2;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  display: block;
}
.widget-populars-list li .right .status:before {
  content: '';
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  width: 6px;
  height: 6px;
  display: inline-block;
  border-radius: 100%;
  background-color: #85919b;
  margin-right: 4px;
}
.widget-populars-list li .right .status.online:before {
  background-color: #df1154;
}
.widget-populars-list li .sbs-content {
  text-align: left;
}
.widget-populars-list li .entry-title {
  color: #46525d;
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  margin-bottom: 7px;
}
.widget-populars-list li .fa-title {
  display: block;
  color: #85919b;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 12px;
}
.widget-populars-list li:hover .entry-title {
  color: #df1154;
}
.widget-populars-list li:hover .thumbnail {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.widget-game-developers .game-dvlpr-item {
  position: relative;
  margin-bottom: 25px;
}
.widget-game-developers .game-dvlpr-item img {
  display: block;
  width: 100%;
  border-radius: 6px;
  box-shadow: 0 2px 13px rgba(58,71,84,0.32);
  margin-bottom: 12px;
}
.widget-game-developers .game-dvlpr-item .info {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  color: #46525d;
  font-size: 14px;
  font-weight: 700;
}
.widget-game-developers .game-dvlpr-item .info .en {
  color: #8493a1;
  font-size: 12px;
  font-weight: 500;
}
.ads-dashed-banner {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOUAAAFZBAMAAACVmPWfAAAAAXNSR0IB2cksfwAAACdQTFRFAAAAcICPfYqVf4uXf4mWeoqVf4qWfIeTf4qXfImWfouXfYuWeIePtKbr+wAAAA10Uk5TABBgv48wr0CfUH9wIJ9ELwAAAAGUSURBVHic7dpBSgNBFIThJJNZKC48QkMuIHbcN3iBAe/g2gO4EG/gTcQTmrRInIWz8r3C1P8t0kwyUCSLfmG6VquZ6/66qa2vu31fxnrT16FOfb2/nd31UJfu+n77N5vHp8XPI4zpifi/xik/c/06v37LCL0sP6+27xmZcx/5kQBwdCHIHASZm3J4eU4OPY6Tl+TMg7Ug80rwjwEA/Cw/XzinzPzUyebXZWQD0GqCTM0O39Izi80sK4JMADgpgkzNDl/SM5vNLGuCTAA4UTwdcplliueazDIAjnxmWf439ZllikwA0HLZbembRKJvAkCrCTLpm0SibwLATxFkupzR0TcBgByc0UVmuswyzugA+GGWxfE5owMALZfdllkWib4JAK0myKRvEom+CQA/RZBJ3yQSfRMAfuibRGa6zDLO6AD4cdltOaOLxBkdAC2X3ZZZFolZBkCrCTLpm0SibwLATxFk0jeJRN8EgB/6JpGZLrOMvgkAPy67LWd0kTijA4DzVu/6sq2lr7t9X8b6NXOGOv3tXZ/x4jJ/y+wJtQAAAABJRU5ErkJggg==") no-repeat bottom center;
  min-height: 345px;
  background-size: 100% auto;
  text-align: justify;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 20px;
}
.ads-dashed-banner img {
  display: block;
  margin: 0 auto 35px;
}
.ads-dashed-banner .description {
  color: #5f6e7d;
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 16px;
}
.ads-dashed-banner .description strong {
  display: inline-block;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  background-color: #d5a509;
  line-height: 1;
  vertical-align: middle;
  padding: 3px 6px;
  border-radius: 4px;
  margin-left: 5px;
}
.ads-dashed-banner .view-more {
  padding-bottom: 15px;
  display: inline-block;
  line-height: 1;
  border-bottom: 1px solid #d5a509;
  align-self: flex-start;
  -ms-flex-item-align: start;
  color: #778593;
  font-size: 12px;
  font-weight: 400;
}
.ads-dashed-banner .view-more:hover {
  color: #3b424a;
  border-color: #aa8407;
}
.widget-new-theme-help .guide {
  background-color: #df1154;
  border-radius: 10px;
  display: block;
  width: 100%;
  padding: 32px 25px;
  color: #fff;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.76;
}
.widget-new-theme-help .guide strong {
  font-size: 17px;
  display: block;
  margin-bottom: 10px;
  font-weight: 400;
}

.widget-title {
  font-size: 1.5em;
  font-weight: 800;
  color: #df1154;
}


.widget-new-theme-intro .widget-title {
  border-bottom: 1px solid #d4dbe2;
  color: #3f9e19;
  font-size: 13px;
  font-weight: 500;
}
.widget-new-theme-intro .widget-title span {
  display: inline-block;
  border-bottom: 1px solid #df1154;
  padding-bottom: 10px;
  position: relative;
  bottom: -1px;
}
.widget-new-theme-intro p {
  color: #53606b;
  font-size: 12px;
  text-align: justify;
  font-weight: 500;
  margin-bottom: 15px;
  line-height: 2.08;
}
.widget-new-theme-intro .links a {
  color: inherit;
  line-height: 1;
  border-bottom: 1px solid #d9dfe5;
  padding-bottom: 8px;
  display: inline-block;
}
.widget-new-theme-intro .links a:not(:last-of-type) {
  margin-left: 24px;
}
.widget-new-theme-intro .links a:hover {
  color: #3f9e19;
  border-color: #56d622;
}
.site-footer {
  padding-bottom: 47px;
  background: #46ab1c url("../images/footer-bg.png") no-repeat bottom center;
  background-size: 100% auto;
}
.site-footer .footer-top {
  min-height: 81px;
  border-top: 11px solid #d4e7cd;
  position: relative;
  -ms-flex-pack: center;
  justify-content: center;
}
.site-footer .footer-top * {
  position: relative;
  z-index: 2;
}
.site-footer .footer-top a {
  top: -48px;
}
.site-footer .footer-top:before {
  content: '';
  position: absolute;
  top: -11px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 457px;
  height: 81px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAckAAABRCAYAAAC5fV3rAAAMMklEQVR4nO2d+3NU5R2H/UOAUrSWqbWdQdRax1FHC+GaVi1XL5WLtmpJnargtFZaK0WcgjOtLbeBArVUNiFAAiEkkkACgZhkk81ectkky272ns3ed7O7Z8+nP2Acins2u2GTdzf7eWaeGX/EPe/5PnOy+77nLq29HQZHJwzOTvS6NOhzaWEc0WPI0wezdwBWnwnOgBUjYSf80VFE4iEkknEQQggh+Y4sy4hJYwjFAvBGRuAO2WH3W2DxDcE0asTgSA/63Tr0ubQwOLtgcHZC51BDa2+H1t6Ou8b/I1t1DjWMbj3M3kE4gzYExnyIS4wnIYSQ6UeGjGg8gtGIGza/GSZPP3pd3ZPq261OOpJK9jg1uDFqhCtoQygWQFJOiv7sCCGEzDDiUgzeiAc2vxkDIz3/9/SXS3MeyW8+cXZg0NMLd8iOaCIi+nMlhBBSgCTlJIJjPtj8ZvS5tFParWmN5O32ubRwBIYRjYdFf+aEEELymKSchC86CrN3EPopelLMu0jear9bB3fIgUQyIfpaEEIIyRPCsSCGfSYYHJ3C+pQXkRxX5+iAxTuIcDwk+toQQggRQFJOYjTshtGtF96kvIvkrQ6O9CAw5hN9vQghhEwDUlKCK2iDwdklvD8FEclxjSMGBMf8oq8fIYSQKSApS3AGbdDnwZ9UCzKS4w55+hCN81exhBAyU/CEXXn75FhwkdTa26Gzd8DmN0NKSqKvLSGEkEkSjodgHDEIb0pWkVykmoXlFXejtHI+njl1H9ZWLcSLZ3+MV84/jS31K7G1cS0+uPJL7L7+Dg6od+CEbi8uGCtw3dI47f/YHmcXvBGP6OtMCCEkC6SkBKvPNO3N0Nha0WyqRVXvv3FM8wn+0f4+dl17E+9d/gXeuvhzvF63DBtqHse6qgexpmoBSivno7RyPkrK52CRahYWqWbdjORkXXHyO3j53GN4p2ENPmndhhO6fWgynZ/y/3Gzd4DbRgghpAAIxvzodWmmtAldtuuo7VfhcNfH2HH1DWypX4H11Q9hSfm3Jt23nERSydLK+XjtQgk+aimDSr8f7cPNU/BUqeGvYAkhJE9JyknY/OYpiWLjUDUOde7C7y69iJfOPZqTGE5rJG+3pHwONtY8gQ+vvoYKw0F0Wlty9mHZA8OQIYteD4QQQr4iJo3ldL9js+kCDqp3YlvjOjx3+gdT3qxpj+TtLj95D95qWIWjmj05ecoc8vTx9V2EEJIHBMZ8MDjvfFvHxcEz2NO6FRtqHsdi1exp75TQSN7qsop5eLdxPSoNh9Ftb5v0B9rr0iDC82AJIUQYzqDtjsLYZmnCvo4PsKHmcaFdyqtI3uraqoXY07oV18wXJ/UB6x1qfk9JCCHTjCzLGPYNTTqOZ3qP4d3G9VhWMU94h/I6kuMurZiH7U2b0DhUnfWHrbN3wBN2iV4zhBBSFEhJCUOevqxndbe9Df/R/h2bzz8lvDkFF8lxF6tm462GVagznsz6AjiDNtFrhxBCZjSJZDzrH+hobK041LkL66sfEt6Ygo/krbHc1rgu6z2YjsCw6DVECCEzkrgUR79bl9VMPq79FM9XPyy8KTMukuMurZiHnS1lUGexhcTmN4teS4QQMqOISzH0uboznsN1xpN47UKJ8IbM+EiOu6bqAZzQ7WMoCSFkmolL8YwD2TF8BTtbtqBkCjf7M5JpfLthdca/hLUHLKLXFiGEFDSJZBx9Lm1GM7dcfxCrzywQ3omijuQi1Sw8e+r7UOn3Z/hjHqvoNUYIIQVJIpnI6DtItbUFf2p+VegBAIzkbS5Wzcb25s3osF6d8AJyewghhGRHUk5iYKRnwvlaayzHC2cfEd4ERlLBl889hobBqgkvpI+v2yKEkIyQZTmjfZAH1DuwNA8PA2Akb3Nl5b0T/qhH5+hAKBYQvfYIISTvsUxwkk6n9Rreu/yy8NnPSGbhYtVs/K3t92kvrMHRiWgiInr9EUJI3uIIWNPO0evmBrxS+7Twmc9ITtLtTZugsbUqXuBelwZxiW8PIYSQ2/GEXWkD2TBYhbVVC4XPeUbyDi2rL0XH8BXFC2106yHJkuj1SAgheUNgzAedvUNxblb1HsNPK+cLn++MZI7cfP4ptFouKV7wIU8fZJkvbiaEkEg8DL1DrTgvT+j2YXnF3cLnOiOZY186+yiu3qhXvPBW/w3Ra5MQQoQSl+LodWkU5+RRzR4sKeDTcxjJCVxbtTDtIenukF30GiWEECFIspT2jR6HOnfNmAMCGMk0rql6AJeHariHkhBCvkJG+r2Qhzp3oaR8jvD5zUhOk6vPLMDloXOKeygj8ZDoNUsIIdOGzW9WDOThIg5k0UZykermE2WzqTb1HkpnF/dQEkKKAlfQxkAykqldV/Ugmk0XuIeSEFKUpNsLyUAyklikmoXnqx9WfN0W91ASQmYq6fZCHtXsYSBVjOTXvnTuUVy3NHIPJSGkKIjEQ4p7IY9rPy3olyTnWkbyKzfVPIk2S1PKRWP2DkAGQ0kIKXzGElH0OLtSzrpy/QEsKZ8rfB7nk4zkLb5a+xPFd1JafSbRa5sQQu6ImDSmeFjAqZ5/FdVJOpnKSN7m63XLoLa2pFxENr9Z9BonhJBJEZdi6HV1p5xt1X2fYcXJe4TP33yUkUzhlvqV6LReS7mY7H6L6LVOCCFZEZdi6HNpU860c/3/xcrKe4XP3XyVkVSwrL5UMZRW/w1+R0kIKQhu/ok19RMkAzmxjGQay+pL0WW7nnJxWbyDDCUhJK+5+SOd1N9B1vR/zkBmICM5gelCaRrtR5L7KAkheUgoFoRB4VesDGTmMpIZmC6URrcecSkm+n4ghJCv8UZGoHOkPijgfP8JlFZ+V/hcLRQZyQx9o24Z2oevpFx0PU4NwrGg6PuCEFLkyJDhDFgVj5o73XOUT5BZykhm4abzTyqezKOzd8Adcoi+RwghRUoiGU/7uqvPdXuxrGKe8DlaaDKSWfrC2UcUX7OltbfjxqgRiWRC9P1CCCkigmN+xVN0tPZ2HFTv5FFzk5SRnITPnLoP1X2fKS5Ig7MLvihf3kwImVqkpIRhn0lxFnXb2/CXll8Ln5mFLCM5SZdWzMORrr8qLs7xp0r+qIcQMhX4o17F7R1aezvahpvw24vPCZ+VhS4jeYdub96seOiA1t4OvUMNZ9DKrSKEkJwQjYfTfveotbejbuAknq/+kfD5OBNkJHPgxponcGnobNpFa3B2wR2yM5aEkEkRTURg9g6mnTNaezsOde7iQeU5lJHMkctP3oP9HX9Gt71tglh2whEY5p9hCSEZERzzwzTaP2EcW8xf4M0vnhE+C2eajGSOfaNuORqHqidc0Dp7B0yjRvijo0jKSdH3ISEkj4hLMbiCNsVDyW//cc4RzW787NT3hM+/mSgjOQUuKZ+LXdfeVDx8INX3lhbvIHwRD7ePEFKkRONhuEN2DIwYMpobWns7avtV+NWFEuEzbybLSE6hq878EAfVOxWPtFPS6NbD5jfDG/FgLBEVfe8SQnJMUpYQjgUxEnLC7B1Iu8cxlU2mGrzftJF7H6dBRnIaXFO1APvVH2Ydy6//NOtQw+jWw+IdhCMwDE/YhUDUi3AsiLFEFHEpDikpQZb5VhJCRJKUJUjJBGLSGKKJCEKxAHwRD9whB2x+M0yj/YqvrcrEy0Pn8IemDVhSPlf4XCsWGclp9LnT92P39Xdw9UbdpG8SSmlx2W1vw+meI3i7YRWfHAXISAqwpHwOyupLcUSzG19aLgu/CSml+Wf9QCX2tG7F+uqHhM+sYpaRFOyS8rnYUr8CB9Q70DBYJfzGpJSKsdPagjO9x7CzpYxhzCMZyTzz2dP34+2GVfhn+x9R3fsZ2oabhN+8lNLc22y6gBO6vfio5Td4tXYRllZ8W/j8od+UkcxzF6tmY/WZBXi9bhneb9qIPa1bcbjrY6j0+3G27zgah6px9UY9vrRcQpetVfiNT2kx2zF8BV9aLuHyUA3qBypxuucojms/xd6OD/BRSxm2Na7Dxpon+E7HApKRpJRSShVkJCmllFIFGUlKKaVUQUaSUkopVZCRpJRSShVkJCmllFIFGUlKKaVUQUaSUkopVZCRpJRSShVkJCmllFIFGUlKKaVUQUaSUkopVZCRpJRSShVkJCmllFIFGUlKKaVUQUaSUkopVfB/qsA/pSQvY6EAAAAASUVORK5CYII=") no-repeat top center;
}
.site-footer .container {
  position: relative;
  z-index: 10;
  display: grid;
  grid-template-columns: auto 28% auto;
  grid-gap: 0 30px;
}
@media (min-width: 1600px) {
  .site-footer .container {
    grid-template-columns: auto 26% auto;
    grid-gap: 0 62px;
  }
}
@media (min-width: 1600px) {
  .site-footer .container > .row {
    margin: 0 -30px;
  }
  .site-footer .container > .row .ft-box {
    padding: 0 30px;
  }
}
.site-footer .ft-box {
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.site-footer .ft-box .ft-box-title {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 30px;
}
.site-footer .ft-box .ft-box-title h3 {
  font-size: 21px;
  font-weight: 500;
}
.site-footer .ft-box .ft-box-title h3 svg {
  width: 25px;
  height: 25px;
  fill: #fff;
  margin-left: 17px;
}
.site-footer .ft-box .ft-box-title .stats span {
  font-size: 23px;
  display: inline-block;
  vertical-align: middle;
}
.site-footer .ft-box .posts-list {
  position: relative;
}
.site-footer .ft-box .posts-list .more-toggle-next,
.site-footer .ft-box .posts-list .more-toggle-prev {
  position: absolute;
  bottom: -5px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border: 0;
  outline: none;
  background-color: #fff;
  border-radius: 20px;
  height: 33px;
  line-height: 33px;
  padding: 0 14px;
  color: #3c8320;
  font-size: 13px;
  font-weight: 500;
  -ms-transition: all 200ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: all 200ms cubic-bezier(0.86, 0, 0.07, 1);
  z-index: 4;
}
.site-footer .ft-box .posts-list .more-toggle-next.swiper-button-disabled,
.site-footer .ft-box .posts-list .more-toggle-prev.swiper-button-disabled {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
}
.site-footer .ft-box .posts-list .more-toggle-next svg,
.site-footer .ft-box .posts-list .more-toggle-prev svg {
  width: 15px;
  height: 15px;
  fill: #3a811e;
  margin-right: 23px;
}
.site-footer .ft-box .posts-list .more-toggle-prev {
  bottom: auto;
  top: -5px;
}
.site-footer .ft-box .posts-list ul {
  font-size: 13px;
  color: #fff;
  line-height: 1;
  position: relative;
}
.site-footer .ft-box .posts-list ul li a {
  display: block;
  width: 100%;
  padding: 14px 0px;
  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;
  font-weight: 500;
}
.site-footer .ft-box .posts-list ul li a strong,
.site-footer .ft-box .posts-list ul li a span {
  display: inline-block;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 14px;
  font-weight: inherit;
  box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.site-footer .ft-box .posts-list ul li a .en {
  text-align: left;
  direction: ltr;
}
.site-footer .ft-box .posts-list ul li:not(:last-child) a {
  border-bottom: 1px solid #40951d;
}
.site-footer .ft-box .posts-list ul li:hover {
  color: #266a18;
}
.site-footer .ft-box .posts-list.faded .ul-wrapper {
  overflow: hidden;
  max-height: inherit;
}
.site-footer .ft-box .posts-list.faded .more-toggle-next:not(.swiper-button-disabled) ~ .ul-wrapper {
  -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,0), #000 20%);
  mask-image: linear-gradient(to top, rgba(0,0,0,0), #000 20%);
}
.site-footer .ft-box .posts-list.faded .more-toggle-prev:not(.swiper-button-disabled) ~ .ul-wrapper {
  -webkit-mask-image: linear-gradient(to top, #000 80%, rgba(0,0,0,0));
  mask-image: linear-gradient(to top, #000 80%, rgba(0,0,0,0));
}
.site-footer .ft-box .posts-list.faded.next-prev-enabled .ul-wrapper {
  -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,0), #000 20%, #000 80%, rgba(0,0,0,0));
  mask-image: linear-gradient(to top, rgba(0,0,0,0), #000 20%, #000 80%, rgba(0,0,0,0));
}
.site-footer .ft-box .get-in-touch {
  padding-top: 75px;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: 2.38;
  text-align: justify;
}
.site-footer .ft-box .get-in-touch p {
  margin-bottom: 40px;
}
.site-footer .ft-box .get-in-touch .foot-menu {
  margin-bottom: 40px;
}
.site-footer .ft-box .get-in-touch .foot-menu ul {
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.site-footer .ft-box .get-in-touch .foot-menu ul a {
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 4px;
  font-size: 13px;
  font-weight: 500;
  display: block;
  width: 100%;
  padding: 0 12px;
  height: 41px;
  line-height: 41px;
}
@media (max-width: 1599px) {
  .site-footer .ft-box .get-in-touch .foot-menu ul a {
    font-size: 11.5px;
    height: 38px;
    line-height: 38px;
    padding: 0 8px;
  }
}
.site-footer .ft-box .get-in-touch .foot-menu ul a:hover {
  border-color: #fff;
}
.site-footer .ft-box .get-in-touch .socials h4 {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 15px;
  text-align: center;
}
.site-footer .ft-box .get-in-touch .socials ul {
  -ms-flex-pack: center;
  justify-content: center;
}
.site-footer .ft-box .get-in-touch .socials ul li {
  padding: 0 20px;
}
.site-footer .ft-box .get-in-touch .socials ul li svg {
  fill: #fff;
}
.site-footer .ft-box .get-in-touch .socials ul li:hover svg {
  fill: #266a18;
}
.site-footer .copyright {
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 30px;
  grid-column: 1/-1;
}
.site-footer .copyright .ivahid {
  position: relative;
}
.site-footer .copyright .ivahid svg {
  width: 80px;
  height: 26px;
  fill: #fff;
  -ms-transition: all 200ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: all 200ms cubic-bezier(0.86, 0, 0.07, 1);
}
.site-footer .copyright .ivahid:before {
  content: '';
  position: absolute;
  width: 75px;
  height: 5px;
  display: inline-block;
  background-color: #439924;
  border-radius: 50%;
  filter: blur(2px);
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -20px;
}
.site-footer .copyright .ivahid:hover svg {
  -ms-transform: translateY(15px);
  transform: translateY(15px);
}
.socials svg {
  width: 23px;
  height: 23px;
}

.main-top {
  background-image: url("http://127.0.0.1/v2/assets/images/background-slider-top.png");
  background-repeat: no-repeat;
  margin-bottom: 5em;
  margin-top: 5em;
}
@media (max-width: 991px) {
  .main-top {
    margin-top: 50px;
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .main-top {
    background-position: center 37%;
  }
}

  .swiper-container {
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
}
  .swiper-container .swiper-slide {
  background-position: center;
  background-size: cover;
  max-width: 209px;
  height: 309px;
  position: relative;
  left: 25px;
}
  .swiper-container .swiper-slide article {
  position: relative;
}
  .swiper-container .swiper-slide article img {
  width: 100%;
  height: 100%;
}
  .swiper-container .swiper-slide:before {
  content: '';
  position: absolute;
  width: 107px;
  height: 7px;
  border-radius: 100%;
  background-color: #eff1f4;
  bottom: -30px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

#top-slider-index{
  float:right;
  width: 40%;

}
 .main-top-left {
  float:left;
  width: 60%;
}
@media (max-width: 767px) {
   .main-top-left {
    margin: 0 auto;
  }
}
 .main-top-left .product-item {
  position: relative;
}
 .main-top-left .product-item h2 {
  font-size: 39px;
  font-weight: 700;
  color: #ea1237;
  font-family: B Roya;
}
@media (max-width: 1199px) {
   .main-top-left .product-item h2 {
    font-size: 31px;
  }
}
@media (max-width: 991px) {
   .main-top-left .product-item h2 {
    font-size: 29px;
  }
}
 .main-top-left .product-item h3 {
  font-size: 22px;
  font-weight: 400;
  color: #193150;
  margin-right: 22px;
  font-family: 'B Roya';
}
 .main-top-left .product-item h3 span {
  font-weight: 700;
}
 .main-top-left .product-item .player {
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 34px;
  -ms-flex-align: center;
  align-items: center;
}
 .main-top-left .product-item .player .player-right {
  display: -ms-flexbox;
  display: box;
  display: flex;
}
 .main-top-left .product-item .player .player-right .player-button {
  display: inline-block;
  padding-top: 10px;
  width: 48px;
  height: 48px;
  border-radius: 25px;
  background-color: #ea1237;
  text-align: center;
  padding-top: 1px;
  border: 0;
  margin-top: 9px;
}
 .main-top-left .product-item .player .player-right .player-button svg {
  fill: #fff;
  width: 14px;
  height: 16px;
}
 .main-top-left .product-item .player .player-right .text-player {
  margin-right: 19px;
  display: inline-block;
  line-height: 30px;
}
 .main-top-left .product-item .player .player-right .text-player .text-player-top {
  font-size: 18px;
  color: #607289;
}
 .main-top-left .product-item .player .player-right .text-player .text-player-bottom {
  font-size: 21px;
  color: #ea1237;
  font-weight: 700;
}
 .main-top-left .product-item .player .player-left a {
  display: inline-block;
  background-color: #ebeff4;
  border-radius: 30px;
  padding: 1px 7px;
  color: #193150;
  font-size: 18px;
  margin-left: 4px;
  font-family: 'B Roya';
}


.col-lg-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-lg-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%;
}

.site-logo  {

float:right;
margin-left:8em;
margin-top:-2em;
}
.site-logo h1 {

  font-size: 3em;
color:#df1154;
font-weight: 900; 


}

.site-logo h2{
  color:#777;
  font-size: 1.25em;
  padding-right:2em;

}


.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}



.main-single {
  margin-top: 72px;
}
@media (max-width: 575px) {
  .main-single {
    margin-top: 30px;
  }
}
.main-single .product-name {
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
}
.main-single .product-name .product-right {
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.main-single .product-name .product-right a {
  color: #193150;
  font-size: 13px;
  font-weight: 500;
  margin-left: 36px;
}
.main-single .product-name .product-right a svg {
  width: 21px;
  height: 19px;
  fill: #193150;
  margin-left: 8px;
}
@media (min-width: 576px) and (max-width: 767px) {
  .main-single .product-name .product-right a {
    font-size: 12px;
    margin-left: 11px;
  }
  .main-single .product-name .product-right a svg {
    width: 19px;
    height: 19px;
    margin-left: 4px;
  }
}
.main-single .product-name .product-title {
  text-align: center;
  margin-left: 68px;
}
.main-single .product-name .product-title h1 {
  font-size: 30px;
  font-weight: 700;
  font-family: 'B Roya';
  color: #193150;
}
.main-single .product-name .product-title .title-en {
  font-size: 12px;
  font-weight: 400;
  color: #465c77;
}
@media (min-width: 576px) and (max-width: 767px) {
  .main-single .product-name .product-title {
    margin-left: 18px;
  }
  .main-single .product-name .product-title h1 {
    font-size: 23px;
  }
  .main-single .product-name .product-title .title-e {
    display: none;
  }
}
.main-single .product-name .product-left .rate-website .post-ratings {
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
}
.main-single .product-name .product-left .rate-website .rate {
  margin: 7px 0 11px 10px;
}
.main-single .product-name .product-left .rate-website .rate svg {
  width: 15px;
  height: 15px;
}
.main-single .product-name .product-left .rate-website .rate .star svg {
  fill: #d6a522;
}
.main-single .product-name .product-left .rate-website .text-rate {
  color: #aab2bc;
  font-size: 12px;
  margin-left: 14px;
}
.main-single .product-name .product-left .rate-website .rate-website-number {
  font-size: 19px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .main-single .product-name .product-right a {
    margin-left: 16px;
  }
  .main-single .product-name .product-title {
    margin-left: 0;
  }
  .main-single .product-name .product-title h1 {
    font-size: 23px;
  }
  .main-single .product-name .product-left .rate-website {
    margin: 0;
  }
  .main-single .product-name .product-left .rate-website .text-rate {
    margin-left: 9px;
  }
  .main-single .product-name .product-left .rate-website .rate {
    margin-left: 7px;
  }
  .main-single .product-name .product-left .rate-website .rate-website-number {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .main-single .product-name .product-right {
    -ms-flex-order: 2;
    order: 2;
    width: 50%;
  }
  .main-single .product-name .product-right a {
    margin-left: 0;
    font-size: 12px;
  }
  .main-single .product-name .product-right a svg {
    width: 14px;
    height: 14px;
    margin: 0;
  }
  .main-single .product-name .product-right > a:first-child {
    margin-left: 7px;
  }
  .main-single .product-name .product-title {
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    margin-left: 0;
    margin-bottom: 15px;
  }
  .main-single .product-name .product-title h1 {
    font-size: 23px;
    /*white-space: nowrap;*/
  }
  .main-single .product-name .product-left {
    -ms-flex-order: 3;
    order: 3;
    width: 50%;
  }
  .main-single .product-name .product-left .rate-website {
    margin: 0;
    margin-right: 8px;
  }
  .main-single .product-name .product-left .rate-website .post-ratings {
    -ms-flex-pack: left;
    justify-content: left;
    margin-top: 9px;
  }
  .main-single .product-name .product-left .rate-website .post-ratings .text-rate {
    font-size: 11px;
    margin-left: 7px;
  }
  .main-single .product-name .product-left .rate-website .post-ratings .rate {
    margin-left: 7px;
  }
  .main-single .product-name .product-left .rate-website .post-ratings .rate img {
    width: 14px;
  }
  .main-single .product-name .product-left .rate-website .post-ratings .rate-website-number {
    font-size: 14px;
  }
}

.about-product {
  margin-top: 46px;
}
.about-product .product-specifications {
  padding: 0 15px;
  width: 100%;
  max-width: 34.7%;
  box-flex: 1;
  -ms-flex: 0 0 34.7%;
  flex: 0 0 34.7%;
}
.about-product .product-specifications > h3 {
  font-size: 16px;
  color: #838f9e;
  position: relative;
  top: -12px;
}
.about-product .product-specifications > h3:before {
  content: '';
  position: absolute;
  width: 64%;
  height: 1px;
  background-color: #dce1e8;
  left: 0;
  top: 50%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .about-product .product-specifications > h3 {
    font-size: 15px;
  }
  .about-product .product-specifications > h3:before {
    width: 43%;
  }
}
.about-product .product-specifications .specifications ul {
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.about-product .product-specifications .specifications ul li {
  /*white-space: nowrap;*/
  width: 50%;
}
.about-product .product-specifications .specifications ul li span {
  color: #193150;
  font-size: 13px;
  line-height: 31px;
}
.about-product .product-specifications .specifications ul li strong {
  font-weight: 500;
}
.about-product .product-specifications .specifications ul li a {
  font-size: 13px;
  color: #193150;
}
.about-product .product-specifications .specifications ul li a:hover {
  color: #ea1237;
}
@media (min-width: 768px) and (max-width: 991px) {
  .about-product .product-specifications .specifications ul li span {
    font-size: 12px;
  }
  .about-product .product-specifications .specifications ul li strong a {
    font-size: 12px;
  }
}
.about-product .product-specifications .book-summary {
  margin: 19px 0 25px;
}
.about-product .product-specifications .book-summary span {
  font-size: 13px;
  font-weight: 500;
  line-height: 28px;
  color: #838f9e;
}
.about-product .product-specifications .book-summary p {
  font-size: 13px;
  font-weight: 500;
  color: #193150;
  line-height: 31px;
  text-align: justify;
}
.about-product .product-specifications .bestselling span {
  display: inline-block;
  height: 29px;
  background-color: #d6a522;
  color: #fff;
  padding: 0 8px 0 13px;
  border-radius: 8px;
}
.about-product .product-specifications .bestselling span svg {
  fill: #fff;
  width: 20px;
  height: 31px;
  margin-left: 5px;
  position: relative;
  top: -8px;
}
.about-product .product-photo {
  width: 29.4%;
  padding: 0 15px;
  position: relative;
}
.about-product .product-preparation {
  width: 35.9%;
  padding: 0 15px;
}
.about-product .product-preparation > h3 {
  font-size: 16px;
  color: #838f9e;
  position: relative;
  text-align: left;
  direction: ltr;
  top: -12px;
}
.about-product .product-preparation > h3:after {
  content: '';
  position: absolute;
  width: 74%;
  height: 1px;
  background-color: #dce1e8;
  right: 0;
  top: 50%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .about-product .product-preparation > h3 {
    font-size: 15px;
  }
  .about-product .product-preparation > h3:after {
    width: 59%;
  }
}
.about-product .product-preparation .purchase-form {
  border: 1px solid #dce1e8;
  padding: 1em;
}
.about-product .product-preparation .purchase-form .purchase-form-top {
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #dce1e8;
  margin-bottom: .5em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .about-product .product-preparation .purchase-form .purchase-form-top {
    padding-bottom: 12px;
    margin-bottom: 15px;
  }
}
.about-product .product-preparation .purchase-form .purchase-form-top .volume span {
  font-size: 13px;
  font-weight: 500;
  color: #717c88;
  display: inline-block;
}
.about-product .product-preparation .purchase-form .purchase-form-top .volume span.size {
  margin-right: 24px;
}
.about-product .product-preparation .purchase-form .purchase-form-top .volume span:nth-child(1) {
  font-size: 16px;
  font-weight: 500;
  color: #193150;
  margin-bottom: 10px;
}
.about-product .product-preparation .purchase-form .purchase-form-top .volume span:nth-child(1) svg {
  fill: #0ebd2f;
  margin-left: 10px;
  width: 19px;
  height: 19px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .about-product .product-preparation .purchase-form .purchase-form-top .volume {
    text-align: center;
  }
  .about-product .product-preparation .purchase-form .purchase-form-top .volume span {
    font-size: 12px;
  }
}
.about-product .product-preparation .purchase-form .purchase-form-top .price {
  font-size: 13px;
  font-weight: 500;
  text-align: left;
  line-height: 7.49px;
}
.about-product .product-preparation .purchase-form .purchase-form-top .price strong {
  font-size: 30px;
  font-weight: 500;
  line-height: 40.49px;
  display: block;
}
@media (min-width: 768px) and (max-width: 991px) {
  .about-product .product-preparation .purchase-form .purchase-form-top .price {
    font-size: 12px;
    line-height: 13.49px;
  }
  .about-product .product-preparation .purchase-form .purchase-form-top .price strong {
    font-size: 20px;
    line-height: 23.49px;
  }
}
.about-product .product-preparation .purchase-form .part-of-book {
  padding-top: 26px;
}
.about-product .product-preparation .purchase-form .part-of-book > p {
  font-size: 14px;
  color: #193150;
}
.about-product .product-preparation .purchase-form .part-of-book .player {
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 15px;
  margin-top: 15px;
  margin-bottom: 27px;
}
.about-product .product-preparation .purchase-form .part-of-book .player > span {
  font-size: 12px;
  color: #5f6c79;
}
.about-product .product-preparation .purchase-form .part-of-book .player .seek {
  width: 232px;
  box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #d9e0e8;
  height: 1px;
  margin: 0 12px;
  position: relative;
}
.about-product .product-preparation .purchase-form .part-of-book .player .seek span {
  height: 1px;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  background-color: #384451;
}
.about-product .product-preparation .purchase-form .part-of-book .player button {
  background: #fff;
  border: 0;
  margin-right: 14px;
}
.about-product .product-preparation .purchase-form .part-of-book .player button svg {
  width: 14px;
  height: 14px;
}
.about-product .product-preparation .purchase-form a.button {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  background-color: #0ebd2f;
  height: 52px;
  padding-top: 15px;
  text-align: center;
  border-radius: 10px;
  box-shadow: 0 12px 10px -10px #1c7a2e;
  margin-bottom: 20px;
  width: 100%;
}
.about-product .product-preparation .purchase-form > span {
  color: #85909c;
  font-size: 13px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .about-product .product-preparation .purchase-form > span {
    font-size: 12px;
    display: inline-block;
    text-align: center;
  }
}
.about-product .product-preparation .mail-order {
  background-color: #f2f5f9;
  border: 1px solid #dce1e8;
  padding: 17px 27px 17px 0px;
  display: block;
}
.about-product .product-preparation .mail-order span {
  font-size: 12px;
  color: #707c89;
  display: inline-block;
}
.about-product .product-preparation .mail-order span strong {
  font-size: 16px;
  font-weight: 500;
  color: #193150;
  margin-left: 19px;
}
@media (max-width: 991px) {
  .about-product .product-specifications {
    box-flex: 1;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 100%;
    width: 50%;
    margin-bottom: 30px;
  }
  .about-product .product-photo {
    width: 50%;
    margin-bottom: 50px;
  }
  .about-product .product-preparation {
    width: 50%;
    margin: 0 auto;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .about-product .product-photo {
    padding-top: 34px;
  }
  .about-product .product-photo img.img-bg {
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    bottom: auto;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .about-product .product-specifications h3 {
    font-size: 15px;
  }
  .about-product .product-specifications h3:before {
    width: 53%;
  }
  .about-product .specifications ul li span {
    font-size: 12px;
  }
  .about-product .specifications ul li strong {
    font-size: 12.5px;
  }
  .about-product .product-preparation {
    width: 80%;
  }
  .about-product .product-photo {
    padding-top: 41px;
  }
  .about-product .product-photo img.img-bg {
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    bottom: auto;
  }
}
@media (max-width: 575px) {
  .about-product .product-specifications {
    width: 100%;
    max-width: 100%;
    box-flex: 1;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 50px;
  }
  .about-product .product-specifications h3:before {
    width: 55%;
    right: 41%;
    left: auto;
    width: 58%;
  }
  .about-product .product-photo {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
  }
  .about-product .product-preparation {
    width: 100%;
  }
  .about-product .product-preparation h3:after {
    width: 68%;
  }
  .about-product .product-preparation .purchase-form > span {
    font-size: 12px;
    display: inline-block;
    text-align: center;
  }
  .about-product .product-preparation .purchase-form .purchase-form-top {
    margin-bottom: 20px;
  }
  .about-product .product-preparation .purchase-form .purchase-form-top .volume > span:nth-child(1) {
    font-size: 13px;
  }
  .about-product .product-preparation .purchase-form .purchase-form-top .volume > span:nth-child(1) svg {
    margin-left: 2px;
  }
  .about-product .product-preparation .purchase-form .purchase-form-top .price {
    font-size: 12px;
    line-height: 18.49px;
  }
  .about-product .product-preparation .purchase-form .purchase-form-top .price strong {
    font-size: 23px;
    line-height: 28.49px;
  }
  .about-product .product-preparation .purchase-form a.button {
    font-size: 14px;
  }
}
a.view-review-link {
  box-shadow: 0 1px 3px rgba(56,68,81,0.24);
  background-color: #ea1237;
  color: #fff !important;
  font-size: 14px;
  font-weight: 500;
  padding: 9px 18px 9px;
  border-radius: 8px;
}
a.view-review-link svg {
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  width: 11px;
  height: 11px;
  fill: #fff;
  margin-right: 35px;
  border-radius: 8px;
}


.red {


  background-color: #df1154;
border-radius: 10px;
color: #fff;
padding: .25em;
border-radius: 25px;
color: #fff;
line-height: 51px;
display: inline-block;
box-shadow: 0 25px 22px -23px #df1154;
padding: 0 16px;
margin-bottom: 10px;
}

.red:hover {
  background-color: #eee;
  color: #df1154
}

.other-authors-books {
  position: relative;
  padding-top: 35px;
  margin-top:5em;
}
.other-authors-books:before {
  content: '';
  position: absolute;
  background-color: #ea1237;
  width: 100%;
  height: 278px;
  z-index: -2;
  top: 0;
  right: 0;
}
.other-authors-books .top-slider-single-page h2 {
  color: #fff;
}
.other-authors-books .top-slider-single-page a {
  color: #fff;
}
.other-authors-books .top-slider-single-page a svg {
  fill: #fff;
}
.other-authors-books .swiper-button-next {
  background-color: #ea1237;
}
.other-authors-books .swiper-button-next svg {
  fill: #fff;
}

.top-slider-single-page {
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 27px;
  font-family: 'B Roya';
  -ms-flex-align: center;
  align-items: center;
}
.top-slider-single-page > a {
  color: #193150;
  font-size: 18px;
  font-family: 'B Roya';
}
.top-slider-single-page > a svg {
  width: 6px;
  height: 9px;
  margin-right: 20px;
  vertical-align: middle;
  fill: #ea1237;
}
.top-slider-single-page h2 {
  color: #193150;
  font-size: 23px;
  font-weight: 700;
  word-spacing: -4px;
}
@media (max-width: 767px) {
  .top-slider-single-page h2 {
    font-size: 20px;
  }
  .top-slider-single-page > a {
    font-size: 16px;
  }
  .top-slider-single-page > a svg {
    margin-right: 10px;
  }
}
@media (max-width: 380px) {
  .top-slider-single-page h2 {
    font-size: 15px;
    white-space: nowrap;
  }
  .top-slider-single-page a {
    font-size: 13px;
  }
  .top-slider-single-page a svg {
    margin-right: 5px;
  }
}
.item-slider-single-page {
  position: relative;
}
.item-slider-single-page .swiper-container .swiper-wrapper .swiper-slide {
  text-align: center;
  font-size: 18px;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
.item-slider-single-page .swiper-container .swiper-wrapper .swiper-slide article h2 {
  font-size: 14px;
  font-weight: 500;
  margin-top: 27px;
  text-align: right;
}
.item-slider-single-page .swiper-button-next {
  background-image: none;
  width: 37px;
  height: 37px;
  border-radius: 20px;
  background-color: #fff;
  text-align: center;
  padding-top: 9px;
  left: -20px;
  top: 36%;
  right: auto;
  box-shadow: 2px 0 8px 0 rgba(0,0,0,0.1);
  margin-top: 0;
}
.item-slider-single-page .swiper-button-next svg {
  width: 10px;
  height: 16px;
  fill: #ea1237;
}
@media (max-width: 575px) {
  .item-slider-single-page .swiper-button-next {
    left: -7px;
    padding-right: 2px;
  }
}
.main-single .user-comments {
  margin-top: 97px;
}


.about-product .product-photo {
  width: 29.4%;
  padding: 0 15px;
  position: relative;
}

.editors-suggestions {
  margin-bottom: 29px;
  position: relative;
  z-index: 555;
}
.editors-suggestions .swiper-slide {
  -ms-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.editors-suggestions .swiper-slide:hover {
  -ms-transform: scale(1.03);
  transform: scale(1.03);
}
.editors-suggestions .swiper-container {
  padding: 15px 5px;
}
@media (max-width: 991px) {
  .editors-suggestions {
    margin-top: -108px;
  }
}
@media (max-width: 400px) {
  .editors-suggestions {
    margin-top: -82px;
  }
}
.editors-suggestions .top-suggestions {
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 43px;
}
.editors-suggestions .top-suggestions:before {
  content: '';
  height: 1px;
  display: inline-block;
  box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-image: -ms-linear-gradient(left, #000 10%, #fff 100%);
  background-image: linear-gradient(to right, #000 10%, #fff 100%);
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  filter: alpha(opacity=10);
}
.editors-suggestions .top-suggestions:after {
  content: '';
  height: 1px;
  display: inline-block;
  box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-image: -ms-linear-gradient(right, #000 10%, #fff 100%);
  background-image: linear-gradient(to left, #000 10%, #fff 100%);
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  filter: alpha(opacity=10);
}
.editors-suggestions .top-suggestions .top-suggestions-title {
  margin: 0 56px;
  color: #b5b5b5;
  font-size: 32px;
  font-weight: 400;
  line-height: 25px;
  font-family: 'Iranyekan';
}
@media (max-width: 991px) {
  .editors-suggestions .top-suggestions {
    -ms-flex-pack: center;
    justify-content: center;
  }
  .editors-suggestions .top-suggestions:before,
  .editors-suggestions .top-suggestions:after {
    content: none;
  }
  .editors-suggestions .top-suggestions .top-suggestions-title {
    font-size: 28px;
  }
}
@media (max-width: 991px) {
  .editors-suggestions .top-suggestions {
    margin-bottom: 25px;
  }
  .editors-suggestions .top-suggestions .top-suggestions-title {
    font-size: 22px;
  }
}
.editors-suggestions .swiper-slide {
  background-color: #fff;
  border-radius: 30px;
  box-shadow: 0 4px 19px -8px rgba(0,0,0,0.11); 
  height: auto;
  max-height: 392px;
}
.editors-suggestions .swiper-slide  .suggestions-item {
	height: 100%;
}
.editors-suggestions .swiper-slide .suggestions-item-top {
  position: relative;
}
.editors-suggestions .swiper-slide .suggestions-item-top:before {
  position: absolute;
  bottom: 0;
  right: 0;
  background: url("../images/time-bg.svg") no-repeat;
  width: 126px;
  height: 55px;
  z-index: 1;
}
.editors-suggestions .swiper-slide .suggestions-item-top .time {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 126px;
  height: 55px;
  line-height: 70px;
  color: #0edf62;
  font-size: 16px;
  overflow: hidden;
  z-index: 5;
}
.editors-suggestions .swiper-slide .suggestions-item-top .time .time-bg {
  position: absolute;
  top: 15px;
  right: 0;
}
.editors-suggestions .swiper-slide .suggestions-item-top .time .time-bg > svg:first-child {
  fill: #fff;
}
.editors-suggestions .swiper-slide .suggestions-item-top .time .time-bg > svg:last-child {
  fill: #fff;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  position: absolute;
  top: -17px;
  width: 109%;
  height: 100%;
  right: 0;
  z-index: -1;
}
.editors-suggestions .swiper-slide .suggestions-item-top .time .time-text {
  position: relative;
  z-index: 5;
  margin-right: 19px;
}
.editors-suggestions .swiper-slide .suggestions-item-top .time .time-text svg {
  fill: #0edf62;
}
.editors-suggestions .swiper-slide .suggestions-item-top .category {
  position: absolute;
  background-color: #0edf62;
  width: 73px;
  height: 23px;
  border-radius: 12px 12px 12px 0;
  text-align: center;
  line-height: 23px;
  bottom: 9px;
  left: 10px;
  z-index: 200;
  color: #fff; 
}
.editors-suggestions .swiper-slide .suggestions-item-top .category a {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
}
.editors-suggestions .swiper-slide .thumbnail {
  position: relative;
}
.editors-suggestions .swiper-slide .thumbnail img {
  border-radius: 15px 15px 0 0;
  height: 176px;
  width: 100%;
}
.editors-suggestions .swiper-slide .suggestions-title {
  color: #666;
  font-size: 15px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 12px;
  max-height: 56px;
  overflow-y: hidden;
}
@media (max-width: 991px) {
  .editors-suggestions .swiper-slide .suggestions-title {
    text-align: justify;
    letter-spacing: -0.5px;
    max-height: 57px;
    overflow-y: hidden;
  }
}
.editors-suggestions .swiper-slide .suggestions-item-bottom {
  padding: 19px 19px 15px;
  height: 100%;
  display: flex;
  flex-direction: column;
  max-height: 216px;
}
@media (max-width: 1200px) {
  .editors-suggestions .swiper-slide .suggestions-item-bottom {
    padding: 19px 15px 15px;
  }
}
.editors-suggestions .swiper-slide .suggestions-item-bottom p {
  color: #929292;
  font-size: 12px;
  font-weight: 400;
  line-height: 25px;
  text-align: justify;
  margin-bottom: 13px;
  margin-top: auto;
}
@media (max-width: 1199px) {
  .editors-suggestions .swiper-slide .suggestions-item-bottom p {
    overflow-y: hidden;
    max-height: 76px;
  }
}
.editors-suggestions .swiper-slide .suggestions-item-bottom .bottom-item {
  display: -ms-flexbox;
  display: box;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: #999;
  font-size: 12px;
}
.editors-suggestions .swiper-slide .suggestions-item-bottom .bottom-item > span:first-child {
  margin-left: 15px;
  line-height: 28px;
}
.editors-suggestions .swiper-slide .suggestions-item-bottom .bottom-item > span:first-child span {
  font-size: 16px;
}
.editors-suggestions .swiper-slide .suggestions-item-bottom .bottom-item i {
  font-size: 10px;
  color: #c3c3c3;
  -ms-transform: rotate(-20deg);
  transform: rotate(-20deg);
}
.editors-suggestions .swiper-slide .suggestions-item-bottom .bottom-item .author {
  margin-right: 15px;
  line-height: 28px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 94px;
}
.editors-suggestions .swiper-slide .suggestions-item-bottom .bottom-item .bottom-item-icn {
  margin-right: auto;
}
.editors-suggestions .swiper-slide .suggestions-item-bottom .bottom-item .bottom-item-icn svg {
  width: 14px;
  height: 16px;
  fill: #0edf62;
}
@media (max-width: 767px) {
  .editors-suggestions .swiper-slide .suggestions-item-bottom p {
    display: none;
  }
}

.img-bg {
  filter: blur(9px);
  position: absolute;
  z-index: -500;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  max-width: 80%;
  bottom: -4px;
}




.blue-header {

  background-image: linear-gradient(to top, #9795f0 0%, #fbc8d4 100%);
  	-webkit-box-shadow: 0 20px 40px 0 rgba(36, 46, 91, .26);
	box-shadow: 0 20px 40px 0 rgba(36, 46, 91, .26);
	border-radius: 20px;
	margin-top: -30px
}

.blue-header .custom-blue-header ul .more-menu {
	border-bottom: none!important
}

.blue-header .custom-blue-header ul li:hover {
	border-bottom: 2px solid #fff;
	-webkit-transition: .4s;
	transition: .4s
}

.blue-header .links .btn {
	margin: 0 10px;
	text-align: center;
}

.blue-header .wave {
	width: 100%;
	height: 509px;
	background: url(../images/wave.png?06b723f6e0ee73c597fd281b541369d4) no-repeat 50%;
	background-size: cover;
	position: relative
}

.blue-header .btn-go-bottom-section {
	margin-top: -90px
}

.blue-header .icon-arrow-down {
	display: inline-block;
	font-size: 33px;
	background-color: #fff;
	-webkit-box-shadow: 0 -2px 9px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 -2px 9px 0 rgba(0, 0, 0, .1);
	border-radius: 100px;
	color: #21254e;
	position: relative;
	bottom: -22px;
	cursor: pointer;
	z-index: 1000
}

@media (max-width:575px) {
	.blue-header {
		padding: 30px 10px
	}
	.btn-go-bottom-section {
		text-align: center!important
	}
	.btn-go-bottom-section .icon-arrow-down {
		bottom: -52px!important
	}
}

@media (min-width:576px) and (max-width:767px) {
	.blue-header {
		padding: 30px 10px
	}
	.blue-header .btn-go-bottom-section .icon-arrow-down {
		bottom: -52px!important
	}
}

@media (min-width:768px) and (max-width:991px) {
	.blue-header {
		padding: 30px 10px
	}
	.blue-header .btn-go-bottom-section {
		text-align: center!important
	}
	.blue-header .btn-go-bottom-section .icon-arrow-down {
		bottom: -52px!important
	}
}



.lightbox {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 99999;
  width: 25em;
  -webkit-transform: translate(-50%, -50%) scale(.95);
  transform: translate(-50%, -50%) scale(.95);
  -webkit-transition: .2s;
  transition: .2s;
  opacity: 0;
  font-size: 16px
}

.min-h-100{
  min-height: 100px !important;
}
.aaa{
  display: inline-block;
  background: #fed843;
  border-radius: 1em;
  padding: .5em 1em;
  margin-top:.5em;
  font-size: .9em

}
.aaa:hover{
  background: #eee;
}

.lightbox.active {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.lightbox.navigating .logo {
  width: 150px;
  -webkit-transform: translateY(140px);
  transform: translateY(140px)
}

.lightbox.navigating .logo path,
.lightbox.navigating .logo rect {
  -webkit-transition: .3s .2s;
  transition: .3s .2s;
  fill: #6362fb
}

.lightbox.navigating .content {
  max-height: 180px!important;
  min-height: 0;
  border-radius: 36px;
  border-color: transparent
}

.lightbox.navigating .content form,
.lightbox.navigating .content header {
  opacity: 0;
  -webkit-transition: .15s;
  transition: .15s;
  visibility: hidden
}

.lightbox .logo {
  width: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 auto 1rem
}

.lightbox .logo path,
.lightbox .logo rect {
  fill: #fff
}

.lightbox .logo span {
  font-size: 18px;
  -webkit-transition: .3s .2s;
  transition: .3s .2s;
  color: #b2b4bb;
  display: block;
  margin-top: .5rem;
  overflow: hidden;
  text-align: center
}

.lightbox .logo span a {
  display: none
}

.lightbox .logo span.hide {
  -webkit-transition: 0s;
  transition: 0s;
  opacity: 0;
  max-height: 0
}

.lightbox form,
.lightbox header {
  -webkit-transition: .15s .15s;
  transition: .15s .15s
}

.lightbox header {
  position: relative;
  color: #333;
  font-size: 20px;
  text-align: center;
  margin: -2rem;
  margin-bottom: 0;
  padding: 1.5rem 0 .5rem;
  border-radius: 12px 12px 0 0;
  font-weight: 600;
  font-family: 'iranyekan';
}

.lightbox header .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  height: 60px;
  width: 60px;
  font-weight: lighter;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  color: #66627b
}

.lightbox header .btn-close:hover {
  color: #e3342f
}

.lightbox header .btn-close i {
  margin: auto
}

.lightbox .content {
  min-height: 200px;
  border-radius: 5px;
  background: #fff;
  padding: 2rem;
  margin-top: .5rem;
  -webkit-box-shadow: 0 15px 40px -10px rgba(140, 156, 195, .5);
  box-shadow: 0 15px 40px -10px rgba(140, 156, 195, .5);
  -webkit-transition: .3s;
  transition: .3s;
  overflow: hidden;
width: 100%;
box-sizing: border-box;
}

.lightbox .field {
  margin: 1rem 0
}

.lightbox p {
  color: #59596b;
  text-align: right
}

.lightbox form input.form-control {
  -webkit-box-shadow: 0 0 0 2px #e1e1e5;
  box-shadow: 0 0 0 2px #e1e1e5;
  background: transparent;
  width: 100%;
}

.lightbox form a:hover {
  text-decoration: underline
}

.highlight:hover {
color: #f7cb3d;
}

.lightbox .submit {
  margin: .75rem auto 0;
  background: #0089ff;
  width: 100%;
  font-family: 'Iranyekan';
  -webkit-box-shadow: none;
  box-shadow: none;
  text-decoration: none!important;
  border-radius: 5px;
padding: .35em 1em;
  font-size: 1em;
 cursor: pointer !important;
  color: #333;
border: none;
color: #fff !important;
font-weight: bold;
}

.lightbox button:hover {
background: #0065ef;
transition: .7s;
}
.highlight{
cursor: pointer;
color: #3db54a
}

.highlight:hover{
color: #333
}

.my-4{
font-family: 'Iranyekan';
padding: .5em 0;
font-size: .9em;

}


.blue.loading .text {
opacity: 0;
visibility: hidden;
}

.blue.loading svg.spinner {
display: block;
}

.blue svg.spinner {
display: none;
}
svg.spinner {
-webkit-animation: rotate 2s linear infinite;
animation: rotate 2s linear infinite;
z-index: 2;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 30px;
height: 30px;
}

svg.spinner .path {
stroke: 
hsla(0, 0%, 100%, .75);
stroke-linecap: round;
-webkit-animation: dash 1.5s ease-in-out infinite;
animation: dash 1.5s ease-in-out infinite;
}


@-webkit-keyframes rotate {
to {
    -webkit-transform: translate(-50%, -50%) rotate(1turn);
    transform: translate(-50%, -50%) rotate(1turn)
}
}

@keyframes rotate {
to {
    -webkit-transform: translate(-50%, -50%) rotate(1turn);
    transform: translate(-50%, -50%) rotate(1turn)
}
}

@-webkit-keyframes dash {
0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0
}
50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35
}
to {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124
}
}

@keyframes dash {
0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0
}
50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35
}
to {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124
}
}



.lightbox .submit:disabled {
  pointer-events: none;
  opacity: .6;
  -webkit-filter: grayscale(.8);
  filter: grayscale(.8);
  -webkit-box-shadow: none;
  box-shadow: none
}

.lightbox .response {
  margin-top: 1rem
}

.lightbox .response .error i {
  vertical-align: middle
}

.lightbox[data-name=prefer-login] .content {
  border-bottom: none
}

.lightbox[data-name=prefer-login] .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 1rem
}

.lightbox[data-name=prefer-login] .btns a {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 4px;
  background: none;
  color: #2c2c2f;
  text-align: center;
  -webkit-box-shadow: none;
  box-shadow: none
}

.lightbox[data-name=prefer-login] .btns a:hover {
  border-color: transparent;
  color: #6362fb;
  background: #f5f5f5
}

.lightbox[data-name=prefer-login] .btns>span {
  color: #aaa;
  padding: 0 1rem
}

.lightbox[data-name=prefer-login] .btn.google-login {
  margin-top: 1rem
}


.lightbox .form-group label.form-label {
  position: relative;
  top: 0;
  right: 0;
  -webkit-transform: none;
  transform: none;
  text-align: right;
  display: block;
  margin-bottom: .5rem;
  font-weight: 600;
  pointer-events: auto;
  font-family: 'iranyekan';
}
.lightbox .form-group label {
  position: absolute;
  top: .5rem;
  right: 1.25rem;
  font-size: 15px;
  margin: 0;
      margin-bottom: 0px;
  pointer-events: none;
  color: #72727d;
  padding: 0 .5rem;
  -webkit-transition: .15s;
  transition: .15s;
  -webkit-transform-origin: top;
  transform-origin: top;
}
.ltr {
  direction: ltr;
}

.lightbox .form-group input.form-control {
  width: 100%;
  height: 40px;
  font-weight: 300;
font-family: Iranyekan;
}
.lightbox .form-group .form-control {
  position: relative;
  border-radius: 6px;
  -webkit-transition: .15s;
  transition: .15s;
      transition-property: all;
  -webkit-transition-property: color, border-color, background;
  transition-property: color, border-color, background;
  padding: .25rem .75rem;
  background: #f7f8fa;
  outline: none;
  border: none;
}

#dark-overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(38, 39, 62, .5);
  z-index: 99999
}


.panel  {
	margin-right: 1em;
	float: left
   }

 .panel .sub-menu header .image {
	border-radius:100px;
	border:1px solid #eee;
	width:60px;
	height:60px;
	margin-left:.5rem
   }
 .panel .sub-menu header .name {
	font-size:16px;
	padding-bottom:.75em
   }
   .semat {
	display: block;
	background: rgba(255,255,255,.5);
	padding: .25em .5em;
	text-align: center;
	font-size: .9em;
	font-weight: 300;
	margin-top: .5em;
   }
   .panel .sub-menu header img {
	border-radius:100px;
	width:100%;
	max-height:100%
   }

.btn-profile {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	color:#333;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start;
	font-weight:300;
	-webkit-transition:color .3s ease-in-out;
	transition:color .3s ease-in-out;
	background: #fff;
	padding: 0 1em;
	border-radius:.25em;
}
 .btn-profile .image {
	border-radius:100px;
	border:2px solid hsla(0,0%,100%,.2);
	margin-left:.5rem;
	width:46px;
	height:46px
   }
  .btn-profile img {
	width:100%;
	height:100%;
	padding:2px;
	border-radius:100px
   }
    .btn-profile>.icon {
	margin-right:.5rem
   }
    .btn-profile>.icon svg {
	width:10px;
	fill:#333;
	-webkit-transition:fill .3s ease-in-out;
	transition:fill .3s ease-in-out
   }

   .profile .sub-menu {
	position:absolute;
	top:105%;
	left:0;
	width:245px;
	background:#fff;
	border-radius:16px;
	-webkit-box-shadow:0 20px 60px -10px rgba(50,50,93,.15);
	box-shadow:0 20px 60px -10px rgba(50,50,93,.15);
	overflow:hidden;
	z-index:999;
	-webkit-transform:scale(.9) rotateX(30deg);
	transform:scale(.9) rotateX(30deg);
	opacity:0;
	pointer-events:none;
	visibility:hidden;
	-webkit-transform-origin:top;
	transform-origin:top;
	-webkit-transition:.3s;
	transition:.3s
   }
   .profile .sub-menu ul {
	padding: .25em
   }
   .profile .sub-menu ul a {
	font-size:15px;
	font-weight:300;
	color:#77778c;
	display:block;
	padding:.75em .25em;
	border-radius:2px;
	text-align: right;
   }
   .profile .sub-menu ul a:hover {
	color:#1b4171;
	background-color:#fafafc
   }
   .profile .sub-menu ul a i {
	display:inline-block;
	width:18px;
	text-align:center;
	vertical-align:middle
   }
   .panel li:hover>.sub-menu {
	-webkit-transform:none;
	transform:none;
	opacity:1;
	pointer-events:auto;
	visibility:visible
   }

 .btn-profile img {
    width: 100%;
    height: 100%;
    padding: 2px;
    border-radius: 100px;
}

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


  .panel  {
	display: inline;
	top: -.5em;
	position: relative;
}
    .panel li {
	position:relative;
	margin-bottom: .5em;
   }

    .panel>li:first-of-type {
	margin-left:.75rem
   }
    .panel>li:last-of-type {
	margin-left:0
   }
    .panel li.profile {
	margin:0;
	padding: 0;
   }
    .panel a.btn {
	border-radius:10px;
	padding-right:0;
	padding-left:0;
	width:100px
   }
    .panel a.transparent {
	color:#fff;
	border:2px solid #edb037;
	color:#edb037;
	padding:.7em
   }
    .panel a.white {
	background:#edb037;
	border:2px solid #edb037;
	color:#fff
   }
    .panel a.transparent:hover {
	background:rgba(100,100,160,.08);
	color:#77778c
   }
    .panel .sub-menu header {
	font-size:13px;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	background:#f5f5fc;
	border-radius:16px 16px 0 0;
	padding:1rem
   }
    .panel .sub-menu header .image {
	border-radius:100px;
	border:1px solid #eee;
	width:60px;
	height:60px;
	margin-left:.5rem
   }
    .panel .sub-menu header .name {
	font-size:16px;
	padding-bottom:.75em;
	color: #333
   }
   .semat {
	display: block;
	background: rgba(255,255,255,.5);
	padding: .25em .5em;
	text-align: center;
	font-size: .9em;
	font-weight: 300;
	margin-top: .5em;
   }
    .panel .sub-menu header img {
	border-radius:100px;
	width:100%;
	max-height:100%
   }

   .panel .sub-menu ul li {
	   display: block;
}

.clearfix:before,.clearfix:after,.container:before,.container:after,.row:before,.row:after{
  content:" ";
  display:table
}
.clearfix:after,.container:after,.row:after{
  clear:both
}


 


.toast-title {
	font-weight: bold;
  }
  .toast-message {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	font-family:yekanBakh;
	font-size: .9em;
	font-weight:300;
  
  }
  .toast-message a,
  .toast-message label {
	color: #ffffff;
  }
  .toast-message a:hover {
	color: #cccccc;
	text-decoration: none;
  }
  .toast-close-button {
	position: relative;
	right: -0.3em;
	top: -0.3em;
	float: right;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	-webkit-text-shadow: 0 1px 0 #ffffff;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.8;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	filter: alpha(opacity=80);
  }
  .toast-close-button:hover,
  .toast-close-button:focus {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
	opacity: 0.4;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	filter: alpha(opacity=40);
  }
  /*Additional properties for button version
   iOS requires the button element instead of an anchor tag.
   If you want the anchor version, it requires `href="#"`.*/
  button.toast-close-button {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
  }
  .toast-top-center {
	top: 0;
	right: 0;
	width: 100%;
  }
  .toast-bottom-center {
	bottom: 0;
	right: 0;
	width: 100%;
  }
  .toast-top-full-width {
	top: 0;
	right: 0;
	width: 100%;
  }
  .toast-bottom-full-width {
	bottom: 0;
	right: 0;
	width: 100%;
  }
  .toast-top-left {
	top: 12px;
	left: 12px;
  }
  .toast-top-right {
	top: 12px;
	right: 12px;
  }
  .toast-bottom-right {
	right: 12px;
	bottom: 12px;
  }
  .toast-bottom-left {
	bottom: 12px;
	left: 12px;
  }
  #toast-container {
	position: fixed;
	z-index: 999999;
	/*overrides*/
  
  }
  #toast-container * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
  }
  #toast-container > div {
	position: relative;
	overflow: hidden;
	margin: 0 0 6px;
	padding: 15px 15px 15px 50px;
	width: 400px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	background-position: 15px center;
	background-repeat: no-repeat;
	-moz-box-shadow: 0 0 12px #999999;
	-webkit-box-shadow: 0 0 12px #999999;
	box-shadow: 0 0 12px #999999;
	color: #ffffff;
	opacity: 0.8;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	filter: alpha(opacity=80);
  }
  #toast-container > :hover {
	-moz-box-shadow: 0 0 12px #000000;
	-webkit-box-shadow: 0 0 12px #000000;
	box-shadow: 0 0 12px #000000;
	opacity: 1;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
	cursor: pointer;
  }
  #toast-container > .toast-info {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
  }
  #toast-container > .toast-error {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
  }
  #toast-container > .toast-success {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
  }
  #toast-container > .toast-warning {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
  }
  #toast-container.toast-top-center > div,
  #toast-container.toast-bottom-center > div {
	width: 400px;
	margin: auto;
	  position: relative;
	  top: 10px;
	  right:47%;
	  margin-right:100px;
  }
  #toast-container.toast-top-full-width > div,
  #toast-container.toast-bottom-full-width > div {
	width: 96%;
	margin: auto;
  }
  .toast {
	background-color: #030303;
  }
  .toast-success {
	background-color: #51a351;
  }
  .toast-error {
	background-color: #bd362f;
  }
  .toast-info {
	background-color: #2f96b4;
  }
  .toast-warning {
	background-color: #f89406;
  }
  .toast-progress {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 4px;
	background-color: #000000;
	opacity: 0.4;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	filter: alpha(opacity=40);
  }
  /*Responsive Design*/
  @media  all and (max-width: 240px) {
	#toast-container > div {
	  padding: 8px 8px 8px 50px;
	  width: 11em;
	}
	#toast-container .toast-close-button {
	  right: -0.2em;
	  top: -0.2em;
	}
  }
  @media  all and (min-width: 241px) and (max-width: 480px) {
	#toast-container > div {
	  padding: 8px 8px 8px 50px;
	  width: 18em;
	}
	#toast-container .toast-close-button {
	  right: -0.2em;
	  top: -0.2em;
	}
  }
  @media  all and (min-width: 481px) and (max-width: 768px) {
	#toast-container > div {
	  padding: 15px 15px 15px 50px;
	  width: 25em;
	}
  }
  
  @-webkit-keyframes passing-through{
	0%{
		opacity:0;
		-webkit-transform:translateY(40px);
		-moz-transform:translateY(40px);
		-ms-transform:translateY(40px);
		-o-transform:translateY(40px);
		transform:translateY(40px)
	}
	30%, 70%{
		opacity:1;
		-webkit-transform:translateY(0px);
		-moz-transform:translateY(0px);
		-ms-transform:translateY(0px);
		-o-transform:translateY(0px);
		transform:translateY(0px)
	}
	100%{
		opacity:0;
		-webkit-transform:translateY(-40px);
		-moz-transform:translateY(-40px);
		-ms-transform:translateY(-40px);
		-o-transform:translateY(-40px);
		transform:translateY(-40px)
	}
  }
  @-moz-keyframes passing-through{
	0%{
		opacity:0;
		-webkit-transform:translateY(40px);
		-moz-transform:translateY(40px);
		-ms-transform:translateY(40px);
		-o-transform:translateY(40px);
		transform:translateY(40px)
	}
	30%, 70%{
		opacity:1;
		-webkit-transform:translateY(0px);
		-moz-transform:translateY(0px);
		-ms-transform:translateY(0px);
		-o-transform:translateY(0px);
		transform:translateY(0px)
	}
	100%{
		opacity:0;
		-webkit-transform:translateY(-40px);
		-moz-transform:translateY(-40px);
		-ms-transform:translateY(-40px);
		-o-transform:translateY(-40px);
		transform:translateY(-40px)
	}
  }
  @keyframes passing-through{
	0%{
		opacity:0;
		-webkit-transform:translateY(40px);
		-moz-transform:translateY(40px);
		-ms-transform:translateY(40px);
		-o-transform:translateY(40px);
		transform:translateY(40px)
	}
	30%, 70%{
		opacity:1;
		-webkit-transform:translateY(0px);
		-moz-transform:translateY(0px);
		-ms-transform:translateY(0px);
		-o-transform:translateY(0px);
		transform:translateY(0px)
	}
	100%{
		opacity:0;
		-webkit-transform:translateY(-40px);
		-moz-transform:translateY(-40px);
		-ms-transform:translateY(-40px);
		-o-transform:translateY(-40px);
		transform:translateY(-40px)
	}
  }
  @-webkit-keyframes slide-in{
	0%{
		opacity:0;
		-webkit-transform:translateY(40px);
		-moz-transform:translateY(40px);
		-ms-transform:translateY(40px);
		-o-transform:translateY(40px);
		transform:translateY(40px)
	}
	30%{
		opacity:1;
		-webkit-transform:translateY(0px);
		-moz-transform:translateY(0px);
		-ms-transform:translateY(0px);
		-o-transform:translateY(0px);
		transform:translateY(0px)
	}
  }
  @-moz-keyframes slide-in{
	0%{
		opacity:0;
		-webkit-transform:translateY(40px);
		-moz-transform:translateY(40px);
		-ms-transform:translateY(40px);
		-o-transform:translateY(40px);
		transform:translateY(40px)
	}
	30%{
		opacity:1;
		-webkit-transform:translateY(0px);
		-moz-transform:translateY(0px);
		-ms-transform:translateY(0px);
		-o-transform:translateY(0px);
		transform:translateY(0px)
	}
  }
  @keyframes slide-in{
	0%{
		opacity:0;
		-webkit-transform:translateY(40px);
		-moz-transform:translateY(40px);
		-ms-transform:translateY(40px);
		-o-transform:translateY(40px);
		transform:translateY(40px)
	}
	30%{
		opacity:1;
		-webkit-transform:translateY(0px);
		-moz-transform:translateY(0px);
		-ms-transform:translateY(0px);
		-o-transform:translateY(0px);
		transform:translateY(0px)
	}
  }
  @-webkit-keyframes pulse{
	0%{
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-ms-transform:scale(1);
		-o-transform:scale(1);
		transform:scale(1)
	}
	10%{
		-webkit-transform:scale(1.1);
		-moz-transform:scale(1.1);
		-ms-transform:scale(1.1);
		-o-transform:scale(1.1);
		transform:scale(1.1)
	}
	20%{
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-ms-transform:scale(1);
		-o-transform:scale(1);
		transform:scale(1)
	}
  }
  @-moz-keyframes pulse{
	0%{
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-ms-transform:scale(1);
		-o-transform:scale(1);
		transform:scale(1)
	}
	10%{
		-webkit-transform:scale(1.1);
		-moz-transform:scale(1.1);
		-ms-transform:scale(1.1);
		-o-transform:scale(1.1);
		transform:scale(1.1)
	}
	20%{
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-ms-transform:scale(1);
		-o-transform:scale(1);
		transform:scale(1)
	}
  }
  @keyframes pulse{
	0%{
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-ms-transform:scale(1);
		-o-transform:scale(1);
		transform:scale(1)
	}
	10%{
		-webkit-transform:scale(1.1);
		-moz-transform:scale(1.1);
		-ms-transform:scale(1.1);
		-o-transform:scale(1.1);
		transform:scale(1.1)
	}
	20%{
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-ms-transform:scale(1);
		-o-transform:scale(1);
		transform:scale(1)
	}
  }
  

.clearfix:before,.clearfix:after,.container:before,.container:after,.row:before,.row:after{
  content:" ";
  display:table
}
.clearfix:after,.container:after,.row:after{
  clear:both
}


.custom-blue-header {
  display: block;
  margin-top:2em;
  margin-bottom: 8em;
}

@media only screen and (min-width:48em) {
	.container {
		width: 46rem
	}
}
@media only screen and (min-width:62em) {
	.container {
		width: 61rem
	}
}
@media only screen and (min-width:75em) {
	.container {
		width: 90rem
	}}


  
.blue-header .section-new-version {

	background: url(../images/wave.png) no-repeat 50%;
  background-size: auto;
	background-size: cover;
	padding: 1.5em 4em 0;
	border-radius: 20px;
}



.blue-header .section-new-version .right-box {
	margin-top: 60px;
	z-index: 1
}

.blue-header .section-new-version .right-box .gradient-background {
	margin-right: 30px
}

.blue-header .section-new-version  .tag {
	padding: 4px 15px;
	margin-bottom: 20px;
	background: rgba(0, 0, 0, .12);
	border-radius: 100px;
	top:3em;
	position: relative;
	z-index: 2;
}

.blue-header .section-new-version  .tag .tag-label-background {
	background-color: #fff;
	color: #424242;
	padding: 0 15px;
	display: inline-block;
	border-radius: 14px;
	margin-left: 5px;
	margin-right: -5px;
	margin-top: 1px
}

.blue-header .section-new-version  .tag .label {
	position: relative;
	top: -3px
}

.blue-header .section-new-version  .tag .label-text {
	top: -2px;
	position: relative;
	margin-right: 5px
}


.blue-header .section-new-version  .tag .label-text:hover {
	color: #f7cb3d !important;
}

.blue-header .section-new-version  .new-zarinpal-description {
	padding: 0 0 20px;
	text-align: right;
	direction: rtl;
}

.blue-header .section-new-version  .links {
	margin: 40px 0
}

.blue-header .section-new-version  .links a {
	margin: 10px;
	z-index: 2
}

.blue-header .section-new-version .request-money {
	width: 499px;
	height: 30em;	background-size: 100%!important;
	margin: 0 auto;
	position: relative;
	display: inherit;
	left: -100px;
}

.blue-header .section-new-version .request-money img {
	height: 100%;
	-webkit-animation: puzzle2 3s linear;
animation: puzzle2 3s linear;
  animation-iteration-count: 1;
  animation-direction: normal;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
animation-direction: alternate-reverse;
}
@-webkit-keyframes puzzle2 {
	0% {
	  -webkit-transform: translateY(-10px);
			  transform: translateY(-10px);
	}
	100% {
	  -webkit-transform: translateY(10px);
			  transform: translateY(10px);
	}
  }
  
  @keyframes puzzle2 {
	0% {
	  -webkit-transform: translateY(-10px);
			  transform: translateY(-10px);
	}
	100% {
	  -webkit-transform: translateY(10px);
			  transform: translateY(10px);
	}
  }

  .ilustrationbox {
	  float: left;
	  width: 50%
  }

  .intro-rightbox {
	float: right;
	width: 50%;
	z-index: 1;
	text-align: right;

  }


  
.btn-gold {
	background-image: linear-gradient(45deg, #ffe75a, #f7cb3d)!important;
	-webkit-box-shadow: 0 5px 10px 0 rgba(255, 214, 71, .25);
	box-shadow: 0 5px 10px 0 rgba(255, 214, 71, .25);
	color: #584b00!important
}

.btn-gold:hover {
	-webkit-box-shadow: 0 10px 20px 0 rgba(255, 214, 71, .25)!important;
	box-shadow: 0 10px 20px 0 rgba(255, 214, 71, .25)!important
}

.btn-normal {
	background: #fff;
	-webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .03);
	box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .03);
	color: #303030!important;
	margin-right: .75em;
}

.btn-normal:hover {
	-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .03)!important;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .03)!important
}

.animated {
	-webkit-animation-duration: .2s;
	animation-duration: .2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

@keyframes fadeOutUp {
	0% {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}
	to {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}
	to {
		opacity: 0
	}
}

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


.btn {
	display: inline-block;
	border-radius: 5px;
	padding: 6px 28px;
	border: none;
	font-size: 16px!important;
	font-family: Iranyekan !important;
	cursor: pointer!important
}

.btn,
.btn:hover {
	-webkit-transition: .4s;
	transition: .4s
}

.btn:hover {
	opacity: .6
}

.scroll_link img {
height: 3em;
display: block;
text-align: center;
margin: 0 auto;
}

.download-request {
  border: 1px solid #333;
  border-radius: 1em;
  background: #EA1237;
  color: #fff;
  padding: 1em;
  transition: .3s;
  cursor: pointer;
}

.download-request:hover {
  opacity: .7;
}

.downloadlink {
  border: 1px solid #333;
  border-radius: 1em;
  background: #EA1237;
  color: #fff;
  padding: 1em;
  transition: .3s;
  cursor: pointer;
}




	  

ul.pricetabs {

	margin: .5em auto;
	padding: 0;
	display: grid;
	grid-gap: 1em;
	grid-template-columns: 1fr 1fr;	}
  
	ul.pricetabs li{
	  text-align: center;
	  background: none;
	  color: #222;
	  display: inline-block;
	  cursor: pointer;
	  font-family: iranyekan;
	  font-size: 1.1em;
	  border-radius:.5em;
	  padding: .5em;
	  background: #ddd;
	  border-radius:.5em;
  }
	
	ul.pricetabs li:hover{
		background: #fff;
	
	}
  
	ul.pricetabs li.current{
		background: #5e60bf;
		color: #fff;
	}
	
  
	.pricebox{
		display: none;
	}
	
	.pricebox.current{
		display: inherit;
	}
  

  .content {
    direction: rtl;
    margin: 10px auto;
    font-family: Iranyekan;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }


  .sidebar-right {
    float:right;
    width: 25%;
  background: #eee;
  border-radius: 1em;
  padding: 1em;
  }

  .sidebar-main {
    float:left;
    width: 70%;
    border-radius: 1em;
    padding: 1em;
  
  }