/* Settings
---------------------------------------------------------------------------- */
/* END: Settings
---------------------------------------------------------------------------- */
/* Function for remove units */
/* Easing
---------------------------------------------------------------------------- */
/* Hover for touch and no-touch deveices
---------------------------------------------------------------------------- */
/* from() & to() responsive mixins
---------------------------------------------------------------------------- */
/* Grid
---------------------------------------------------------------------------- */
/* Grid
---------------------------------------------------------------------------- */
.row {
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  min-width: 100%;
  margin-left: -5px;
  margin-right: -5px;
}
@media only screen and (min-width: 410px) {
  .row {
    margin-left: -5px;
    margin-right: -5px;
  }
}
@media only screen and (min-width: 960px) {
  .row {
    margin-left: -15px;
    margin-right: -15px;
  }
}

.col {
  box-sizing: border-box;
  flex: 1 0 auto;
  padding-left: 5px;
  padding-right: 5px;
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}
@media only screen and (min-width: 410px) {
  .col {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 960px) {
  .col {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.col-1 {
  box-sizing: border-box;
  flex: 1 0 auto;
  padding-left: 5px;
  padding-right: 5px;
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}
@media only screen and (min-width: 410px) {
  .col-1 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 960px) {
  .col-1 {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.col-2 {
  box-sizing: border-box;
  flex: 1 0 auto;
  padding-left: 5px;
  padding-right: 5px;
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}
@media only screen and (min-width: 410px) {
  .col-2 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 960px) {
  .col-2 {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.col-3 {
  box-sizing: border-box;
  flex: 1 0 auto;
  padding-left: 5px;
  padding-right: 5px;
  flex-basis: 25%;
  max-width: 25%;
}
@media only screen and (min-width: 410px) {
  .col-3 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 960px) {
  .col-3 {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.col-4 {
  box-sizing: border-box;
  flex: 1 0 auto;
  padding-left: 5px;
  padding-right: 5px;
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}
@media only screen and (min-width: 410px) {
  .col-4 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 960px) {
  .col-4 {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.col-5 {
  box-sizing: border-box;
  flex: 1 0 auto;
  padding-left: 5px;
  padding-right: 5px;
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}
@media only screen and (min-width: 410px) {
  .col-5 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 960px) {
  .col-5 {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.col-6 {
  box-sizing: border-box;
  flex: 1 0 auto;
  padding-left: 5px;
  padding-right: 5px;
  flex-basis: 50%;
  max-width: 50%;
}
@media only screen and (min-width: 410px) {
  .col-6 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 960px) {
  .col-6 {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.col-7 {
  box-sizing: border-box;
  flex: 1 0 auto;
  padding-left: 5px;
  padding-right: 5px;
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}
@media only screen and (min-width: 410px) {
  .col-7 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 960px) {
  .col-7 {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.col-8 {
  box-sizing: border-box;
  flex: 1 0 auto;
  padding-left: 5px;
  padding-right: 5px;
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}
@media only screen and (min-width: 410px) {
  .col-8 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 960px) {
  .col-8 {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.col-9 {
  box-sizing: border-box;
  flex: 1 0 auto;
  padding-left: 5px;
  padding-right: 5px;
  flex-basis: 75%;
  max-width: 75%;
}
@media only screen and (min-width: 410px) {
  .col-9 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 960px) {
  .col-9 {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.col-10 {
  box-sizing: border-box;
  flex: 1 0 auto;
  padding-left: 5px;
  padding-right: 5px;
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}
@media only screen and (min-width: 410px) {
  .col-10 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 960px) {
  .col-10 {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.col-11 {
  box-sizing: border-box;
  flex: 1 0 auto;
  padding-left: 5px;
  padding-right: 5px;
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}
@media only screen and (min-width: 410px) {
  .col-11 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 960px) {
  .col-11 {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.col-12 {
  box-sizing: border-box;
  flex: 1 0 auto;
  padding-left: 5px;
  padding-right: 5px;
  flex-basis: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 410px) {
  .col-12 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 960px) {
  .col-12 {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.offset-0 {
  box-sizing: border-box;
  margin-left: 0;
}

.offset-1 {
  box-sizing: border-box;
  margin-left: 8.3333333333%;
}

.offset-2 {
  box-sizing: border-box;
  margin-left: 16.6666666667%;
}

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

.offset-4 {
  box-sizing: border-box;
  margin-left: 33.3333333333%;
}

.offset-5 {
  box-sizing: border-box;
  margin-left: 41.6666666667%;
}

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

.offset-7 {
  box-sizing: border-box;
  margin-left: 58.3333333333%;
}

.offset-8 {
  box-sizing: border-box;
  margin-left: 66.6666666667%;
}

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

.offset-10 {
  box-sizing: border-box;
  margin-left: 83.3333333333%;
}

.offset-11 {
  box-sizing: border-box;
  margin-left: 91.6666666667%;
}

.offset-12 {
  box-sizing: border-box;
  margin-left: 100%;
}

@media only screen and (min-width: 410px) {
  .xs-col {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
}
@media only screen and (min-width: 410px) and (min-width: 410px) {
  .xs-col {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 410px) and (min-width: 960px) {
  .xs-col {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 410px) {
  .xs-col-1 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
}
@media only screen and (min-width: 410px) and (min-width: 410px) {
  .xs-col-1 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 410px) and (min-width: 960px) {
  .xs-col-1 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 410px) {
  .xs-col-2 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
}
@media only screen and (min-width: 410px) and (min-width: 410px) {
  .xs-col-2 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 410px) and (min-width: 960px) {
  .xs-col-2 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 410px) {
  .xs-col-3 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 25%;
    max-width: 25%;
  }
}
@media only screen and (min-width: 410px) and (min-width: 410px) {
  .xs-col-3 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 410px) and (min-width: 960px) {
  .xs-col-3 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 410px) {
  .xs-col-4 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
@media only screen and (min-width: 410px) and (min-width: 410px) {
  .xs-col-4 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 410px) and (min-width: 960px) {
  .xs-col-4 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 410px) {
  .xs-col-5 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
}
@media only screen and (min-width: 410px) and (min-width: 410px) {
  .xs-col-5 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 410px) and (min-width: 960px) {
  .xs-col-5 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 410px) {
  .xs-col-6 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media only screen and (min-width: 410px) and (min-width: 410px) {
  .xs-col-6 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 410px) and (min-width: 960px) {
  .xs-col-6 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 410px) {
  .xs-col-7 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
}
@media only screen and (min-width: 410px) and (min-width: 410px) {
  .xs-col-7 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 410px) and (min-width: 960px) {
  .xs-col-7 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 410px) {
  .xs-col-8 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
}
@media only screen and (min-width: 410px) and (min-width: 410px) {
  .xs-col-8 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 410px) and (min-width: 960px) {
  .xs-col-8 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 410px) {
  .xs-col-9 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 75%;
    max-width: 75%;
  }
}
@media only screen and (min-width: 410px) and (min-width: 410px) {
  .xs-col-9 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 410px) and (min-width: 960px) {
  .xs-col-9 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 410px) {
  .xs-col-10 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
}
@media only screen and (min-width: 410px) and (min-width: 410px) {
  .xs-col-10 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 410px) and (min-width: 960px) {
  .xs-col-10 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 410px) {
  .xs-col-11 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
}
@media only screen and (min-width: 410px) and (min-width: 410px) {
  .xs-col-11 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 410px) and (min-width: 960px) {
  .xs-col-11 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 410px) {
  .xs-col-12 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 410px) and (min-width: 410px) {
  .xs-col-12 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 410px) and (min-width: 960px) {
  .xs-col-12 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 410px) {
  .xs-offset-0 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 410px) {
  .xs-offset-1 {
    margin-left: 8.3333333333%;
  }
}
@media only screen and (min-width: 410px) {
  .xs-offset-2 {
    margin-left: 16.6666666667%;
  }
}
@media only screen and (min-width: 410px) {
  .xs-offset-3 {
    margin-left: 25%;
  }
}
@media only screen and (min-width: 410px) {
  .xs-offset-4 {
    margin-left: 33.3333333333%;
  }
}
@media only screen and (min-width: 410px) {
  .xs-offset-5 {
    margin-left: 41.6666666667%;
  }
}
@media only screen and (min-width: 410px) {
  .xs-offset-6 {
    margin-left: 50%;
  }
}
@media only screen and (min-width: 410px) {
  .xs-offset-7 {
    margin-left: 58.3333333333%;
  }
}
@media only screen and (min-width: 410px) {
  .xs-offset-8 {
    margin-left: 66.6666666667%;
  }
}
@media only screen and (min-width: 410px) {
  .xs-offset-9 {
    margin-left: 75%;
  }
}
@media only screen and (min-width: 410px) {
  .xs-offset-10 {
    margin-left: 83.3333333333%;
  }
}
@media only screen and (min-width: 410px) {
  .xs-offset-11 {
    margin-left: 91.6666666667%;
  }
}
@media only screen and (min-width: 410px) {
  .xs-offset-12 {
    margin-left: 100%;
  }
}
@media only screen and (min-width: 668px) {
  .sm-col {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
}
@media only screen and (min-width: 668px) and (min-width: 410px) {
  .sm-col {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 668px) and (min-width: 960px) {
  .sm-col {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 668px) {
  .sm-col-1 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
}
@media only screen and (min-width: 668px) and (min-width: 410px) {
  .sm-col-1 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 668px) and (min-width: 960px) {
  .sm-col-1 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 668px) {
  .sm-col-2 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
}
@media only screen and (min-width: 668px) and (min-width: 410px) {
  .sm-col-2 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 668px) and (min-width: 960px) {
  .sm-col-2 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 668px) {
  .sm-col-3 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 25%;
    max-width: 25%;
  }
}
@media only screen and (min-width: 668px) and (min-width: 410px) {
  .sm-col-3 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 668px) and (min-width: 960px) {
  .sm-col-3 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 668px) {
  .sm-col-4 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
@media only screen and (min-width: 668px) and (min-width: 410px) {
  .sm-col-4 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 668px) and (min-width: 960px) {
  .sm-col-4 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 668px) {
  .sm-col-5 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
}
@media only screen and (min-width: 668px) and (min-width: 410px) {
  .sm-col-5 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 668px) and (min-width: 960px) {
  .sm-col-5 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 668px) {
  .sm-col-6 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media only screen and (min-width: 668px) and (min-width: 410px) {
  .sm-col-6 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 668px) and (min-width: 960px) {
  .sm-col-6 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 668px) {
  .sm-col-7 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
}
@media only screen and (min-width: 668px) and (min-width: 410px) {
  .sm-col-7 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 668px) and (min-width: 960px) {
  .sm-col-7 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 668px) {
  .sm-col-8 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
}
@media only screen and (min-width: 668px) and (min-width: 410px) {
  .sm-col-8 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 668px) and (min-width: 960px) {
  .sm-col-8 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 668px) {
  .sm-col-9 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 75%;
    max-width: 75%;
  }
}
@media only screen and (min-width: 668px) and (min-width: 410px) {
  .sm-col-9 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 668px) and (min-width: 960px) {
  .sm-col-9 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 668px) {
  .sm-col-10 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
}
@media only screen and (min-width: 668px) and (min-width: 410px) {
  .sm-col-10 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 668px) and (min-width: 960px) {
  .sm-col-10 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 668px) {
  .sm-col-11 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
}
@media only screen and (min-width: 668px) and (min-width: 410px) {
  .sm-col-11 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 668px) and (min-width: 960px) {
  .sm-col-11 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 668px) {
  .sm-col-12 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 668px) and (min-width: 410px) {
  .sm-col-12 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 668px) and (min-width: 960px) {
  .sm-col-12 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 668px) {
  .sm-offset-0 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 668px) {
  .sm-offset-1 {
    margin-left: 8.3333333333%;
  }
}
@media only screen and (min-width: 668px) {
  .sm-offset-2 {
    margin-left: 16.6666666667%;
  }
}
@media only screen and (min-width: 668px) {
  .sm-offset-3 {
    margin-left: 25%;
  }
}
@media only screen and (min-width: 668px) {
  .sm-offset-4 {
    margin-left: 33.3333333333%;
  }
}
@media only screen and (min-width: 668px) {
  .sm-offset-5 {
    margin-left: 41.6666666667%;
  }
}
@media only screen and (min-width: 668px) {
  .sm-offset-6 {
    margin-left: 50%;
  }
}
@media only screen and (min-width: 668px) {
  .sm-offset-7 {
    margin-left: 58.3333333333%;
  }
}
@media only screen and (min-width: 668px) {
  .sm-offset-8 {
    margin-left: 66.6666666667%;
  }
}
@media only screen and (min-width: 668px) {
  .sm-offset-9 {
    margin-left: 75%;
  }
}
@media only screen and (min-width: 668px) {
  .sm-offset-10 {
    margin-left: 83.3333333333%;
  }
}
@media only screen and (min-width: 668px) {
  .sm-offset-11 {
    margin-left: 91.6666666667%;
  }
}
@media only screen and (min-width: 668px) {
  .sm-offset-12 {
    margin-left: 100%;
  }
}
@media only screen and (min-width: 960px) {
  .md-col {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
}
@media only screen and (min-width: 960px) and (min-width: 410px) {
  .md-col {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 960px) and (min-width: 960px) {
  .md-col {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 960px) {
  .md-col-1 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
}
@media only screen and (min-width: 960px) and (min-width: 410px) {
  .md-col-1 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 960px) and (min-width: 960px) {
  .md-col-1 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 960px) {
  .md-col-2 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
}
@media only screen and (min-width: 960px) and (min-width: 410px) {
  .md-col-2 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 960px) and (min-width: 960px) {
  .md-col-2 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 960px) {
  .md-col-3 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 25%;
    max-width: 25%;
  }
}
@media only screen and (min-width: 960px) and (min-width: 410px) {
  .md-col-3 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 960px) and (min-width: 960px) {
  .md-col-3 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 960px) {
  .md-col-4 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
@media only screen and (min-width: 960px) and (min-width: 410px) {
  .md-col-4 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 960px) and (min-width: 960px) {
  .md-col-4 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 960px) {
  .md-col-5 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
}
@media only screen and (min-width: 960px) and (min-width: 410px) {
  .md-col-5 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 960px) and (min-width: 960px) {
  .md-col-5 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 960px) {
  .md-col-6 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media only screen and (min-width: 960px) and (min-width: 410px) {
  .md-col-6 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 960px) and (min-width: 960px) {
  .md-col-6 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 960px) {
  .md-col-7 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
}
@media only screen and (min-width: 960px) and (min-width: 410px) {
  .md-col-7 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 960px) and (min-width: 960px) {
  .md-col-7 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 960px) {
  .md-col-8 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
}
@media only screen and (min-width: 960px) and (min-width: 410px) {
  .md-col-8 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 960px) and (min-width: 960px) {
  .md-col-8 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 960px) {
  .md-col-9 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 75%;
    max-width: 75%;
  }
}
@media only screen and (min-width: 960px) and (min-width: 410px) {
  .md-col-9 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 960px) and (min-width: 960px) {
  .md-col-9 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 960px) {
  .md-col-10 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
}
@media only screen and (min-width: 960px) and (min-width: 410px) {
  .md-col-10 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 960px) and (min-width: 960px) {
  .md-col-10 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 960px) {
  .md-col-11 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
}
@media only screen and (min-width: 960px) and (min-width: 410px) {
  .md-col-11 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 960px) and (min-width: 960px) {
  .md-col-11 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 960px) {
  .md-col-12 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 960px) and (min-width: 410px) {
  .md-col-12 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 960px) and (min-width: 960px) {
  .md-col-12 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 960px) {
  .md-offset-0 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 960px) {
  .md-offset-1 {
    margin-left: 8.3333333333%;
  }
}
@media only screen and (min-width: 960px) {
  .md-offset-2 {
    margin-left: 16.6666666667%;
  }
}
@media only screen and (min-width: 960px) {
  .md-offset-3 {
    margin-left: 25%;
  }
}
@media only screen and (min-width: 960px) {
  .md-offset-4 {
    margin-left: 33.3333333333%;
  }
}
@media only screen and (min-width: 960px) {
  .md-offset-5 {
    margin-left: 41.6666666667%;
  }
}
@media only screen and (min-width: 960px) {
  .md-offset-6 {
    margin-left: 50%;
  }
}
@media only screen and (min-width: 960px) {
  .md-offset-7 {
    margin-left: 58.3333333333%;
  }
}
@media only screen and (min-width: 960px) {
  .md-offset-8 {
    margin-left: 66.6666666667%;
  }
}
@media only screen and (min-width: 960px) {
  .md-offset-9 {
    margin-left: 75%;
  }
}
@media only screen and (min-width: 960px) {
  .md-offset-10 {
    margin-left: 83.3333333333%;
  }
}
@media only screen and (min-width: 960px) {
  .md-offset-11 {
    margin-left: 91.6666666667%;
  }
}
@media only screen and (min-width: 960px) {
  .md-offset-12 {
    margin-left: 100%;
  }
}
@media only screen and (min-width: 1440px) {
  .lg-col {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
}
@media only screen and (min-width: 1440px) and (min-width: 410px) {
  .lg-col {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 1440px) and (min-width: 960px) {
  .lg-col {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 1440px) {
  .lg-col-1 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
}
@media only screen and (min-width: 1440px) and (min-width: 410px) {
  .lg-col-1 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 1440px) and (min-width: 960px) {
  .lg-col-1 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 1440px) {
  .lg-col-2 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
}
@media only screen and (min-width: 1440px) and (min-width: 410px) {
  .lg-col-2 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 1440px) and (min-width: 960px) {
  .lg-col-2 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 1440px) {
  .lg-col-3 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 25%;
    max-width: 25%;
  }
}
@media only screen and (min-width: 1440px) and (min-width: 410px) {
  .lg-col-3 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 1440px) and (min-width: 960px) {
  .lg-col-3 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 1440px) {
  .lg-col-4 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
@media only screen and (min-width: 1440px) and (min-width: 410px) {
  .lg-col-4 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 1440px) and (min-width: 960px) {
  .lg-col-4 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 1440px) {
  .lg-col-5 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
}
@media only screen and (min-width: 1440px) and (min-width: 410px) {
  .lg-col-5 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 1440px) and (min-width: 960px) {
  .lg-col-5 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 1440px) {
  .lg-col-6 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media only screen and (min-width: 1440px) and (min-width: 410px) {
  .lg-col-6 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 1440px) and (min-width: 960px) {
  .lg-col-6 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 1440px) {
  .lg-col-7 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
}
@media only screen and (min-width: 1440px) and (min-width: 410px) {
  .lg-col-7 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 1440px) and (min-width: 960px) {
  .lg-col-7 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 1440px) {
  .lg-col-8 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
}
@media only screen and (min-width: 1440px) and (min-width: 410px) {
  .lg-col-8 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 1440px) and (min-width: 960px) {
  .lg-col-8 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 1440px) {
  .lg-col-9 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 75%;
    max-width: 75%;
  }
}
@media only screen and (min-width: 1440px) and (min-width: 410px) {
  .lg-col-9 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 1440px) and (min-width: 960px) {
  .lg-col-9 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 1440px) {
  .lg-col-10 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
}
@media only screen and (min-width: 1440px) and (min-width: 410px) {
  .lg-col-10 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 1440px) and (min-width: 960px) {
  .lg-col-10 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 1440px) {
  .lg-col-11 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
}
@media only screen and (min-width: 1440px) and (min-width: 410px) {
  .lg-col-11 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 1440px) and (min-width: 960px) {
  .lg-col-11 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 1440px) {
  .lg-col-12 {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 1440px) and (min-width: 410px) {
  .lg-col-12 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 1440px) and (min-width: 960px) {
  .lg-col-12 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 1440px) {
  .lg-offset-0 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1440px) {
  .lg-offset-1 {
    margin-left: 8.3333333333%;
  }
}
@media only screen and (min-width: 1440px) {
  .lg-offset-2 {
    margin-left: 16.6666666667%;
  }
}
@media only screen and (min-width: 1440px) {
  .lg-offset-3 {
    margin-left: 25%;
  }
}
@media only screen and (min-width: 1440px) {
  .lg-offset-4 {
    margin-left: 33.3333333333%;
  }
}
@media only screen and (min-width: 1440px) {
  .lg-offset-5 {
    margin-left: 41.6666666667%;
  }
}
@media only screen and (min-width: 1440px) {
  .lg-offset-6 {
    margin-left: 50%;
  }
}
@media only screen and (min-width: 1440px) {
  .lg-offset-7 {
    margin-left: 58.3333333333%;
  }
}
@media only screen and (min-width: 1440px) {
  .lg-offset-8 {
    margin-left: 66.6666666667%;
  }
}
@media only screen and (min-width: 1440px) {
  .lg-offset-9 {
    margin-left: 75%;
  }
}
@media only screen and (min-width: 1440px) {
  .lg-offset-10 {
    margin-left: 83.3333333333%;
  }
}
@media only screen and (min-width: 1440px) {
  .lg-offset-11 {
    margin-left: 91.6666666667%;
  }
}
@media only screen and (min-width: 1440px) {
  .lg-offset-12 {
    margin-left: 100%;
  }
}
/* Margins & Paddings
---------------------------------------------------------------------------- */
.m-auto {
  margin: auto;
}

.ml-auto {
  margin-left: auto;
}

.mt-auto {
  margin-top: auto;
}

.mb-auto {
  margin-bottom: auto;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.mb-0 {
  margin-bottom: 0px;
}

.mt-0 {
  margin-top: 0px;
}

.mr-0 {
  margin-right: 0px;
}

.ml-0 {
  margin-left: 0px;
}

.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.pb-0 {
  padding-bottom: 0px;
}

.pt-0 {
  padding-top: 0px;
}

.pr-0 {
  padding-right: 0px;
}

.pl-0 {
  padding-left: 0px;
}

.mx-5 {
  margin-left: 5px;
  margin-right: 5px;
}

.my-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.mb-5 {
  margin-bottom: 5px;
}

.mt-5 {
  margin-top: 5px;
}

.mr-5 {
  margin-right: 5px;
}

.ml-5 {
  margin-left: 5px;
}

.px-5 {
  padding-left: 5px;
  padding-right: 5px;
}

.py-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.pb-5 {
  padding-bottom: 5px;
}

.pt-5 {
  padding-top: 5px;
}

.pr-5 {
  padding-right: 5px;
}

.pl-5 {
  padding-left: 5px;
}

.mx-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.my-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mt-10 {
  margin-top: 10px;
}

.mr-10 {
  margin-right: 10px;
}

.ml-10 {
  margin-left: 10px;
}

.px-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.py-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pt-10 {
  padding-top: 10px;
}

.pr-10 {
  padding-right: 10px;
}

.pl-10 {
  padding-left: 10px;
}

.mx-15 {
  margin-left: 15px;
  margin-right: 15px;
}

.my-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mt-15 {
  margin-top: 15px;
}

.mr-15 {
  margin-right: 15px;
}

.ml-15 {
  margin-left: 15px;
}

.px-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.py-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pt-15 {
  padding-top: 15px;
}

.pr-15 {
  padding-right: 15px;
}

.pl-15 {
  padding-left: 15px;
}

.mx-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.my-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mt-20 {
  margin-top: 20px;
}

.mr-20 {
  margin-right: 20px;
}

.ml-20 {
  margin-left: 20px;
}

.px-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pt-20 {
  padding-top: 20px;
}

.pr-20 {
  padding-right: 20px;
}

.pl-20 {
  padding-left: 20px;
}

.mx-25 {
  margin-left: 25px;
  margin-right: 25px;
}

.my-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mt-25 {
  margin-top: 25px;
}

.mr-25 {
  margin-right: 25px;
}

.ml-25 {
  margin-left: 25px;
}

.px-25 {
  padding-left: 25px;
  padding-right: 25px;
}

.py-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pt-25 {
  padding-top: 25px;
}

.pr-25 {
  padding-right: 25px;
}

.pl-25 {
  padding-left: 25px;
}

.mx-30 {
  margin-left: 30px;
  margin-right: 30px;
}

.my-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mt-30 {
  margin-top: 30px;
}

.mr-30 {
  margin-right: 30px;
}

.ml-30 {
  margin-left: 30px;
}

.px-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.py-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pt-30 {
  padding-top: 30px;
}

.pr-30 {
  padding-right: 30px;
}

.pl-30 {
  padding-left: 30px;
}

.mx-35 {
  margin-left: 35px;
  margin-right: 35px;
}

.my-35 {
  margin-top: 35px;
  margin-bottom: 35px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mt-35 {
  margin-top: 35px;
}

.mr-35 {
  margin-right: 35px;
}

.ml-35 {
  margin-left: 35px;
}

.px-35 {
  padding-left: 35px;
  padding-right: 35px;
}

.py-35 {
  padding-top: 35px;
  padding-bottom: 35px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pt-35 {
  padding-top: 35px;
}

.pr-35 {
  padding-right: 35px;
}

.pl-35 {
  padding-left: 35px;
}

.mx-40 {
  margin-left: 40px;
  margin-right: 40px;
}

.my-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mt-40 {
  margin-top: 40px;
}

.mr-40 {
  margin-right: 40px;
}

.ml-40 {
  margin-left: 40px;
}

.px-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pt-40 {
  padding-top: 40px;
}

.pr-40 {
  padding-right: 40px;
}

.pl-40 {
  padding-left: 40px;
}

.mx-45 {
  margin-left: 45px;
  margin-right: 45px;
}

.my-45 {
  margin-top: 45px;
  margin-bottom: 45px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mt-45 {
  margin-top: 45px;
}

.mr-45 {
  margin-right: 45px;
}

.ml-45 {
  margin-left: 45px;
}

.px-45 {
  padding-left: 45px;
  padding-right: 45px;
}

.py-45 {
  padding-top: 45px;
  padding-bottom: 45px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pt-45 {
  padding-top: 45px;
}

.pr-45 {
  padding-right: 45px;
}

.pl-45 {
  padding-left: 45px;
}

.mx-50 {
  margin-left: 50px;
  margin-right: 50px;
}

.my-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mt-50 {
  margin-top: 50px;
}

.mr-50 {
  margin-right: 50px;
}

.ml-50 {
  margin-left: 50px;
}

.px-50 {
  padding-left: 50px;
  padding-right: 50px;
}

.py-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pt-50 {
  padding-top: 50px;
}

.pr-50 {
  padding-right: 50px;
}

.pl-50 {
  padding-left: 50px;
}

.mx-55 {
  margin-left: 55px;
  margin-right: 55px;
}

.my-55 {
  margin-top: 55px;
  margin-bottom: 55px;
}

.mb-55 {
  margin-bottom: 55px;
}

.mt-55 {
  margin-top: 55px;
}

.mr-55 {
  margin-right: 55px;
}

.ml-55 {
  margin-left: 55px;
}

.px-55 {
  padding-left: 55px;
  padding-right: 55px;
}

.py-55 {
  padding-top: 55px;
  padding-bottom: 55px;
}

.pb-55 {
  padding-bottom: 55px;
}

.pt-55 {
  padding-top: 55px;
}

.pr-55 {
  padding-right: 55px;
}

.pl-55 {
  padding-left: 55px;
}

.mx-60 {
  margin-left: 60px;
  margin-right: 60px;
}

.my-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mt-60 {
  margin-top: 60px;
}

.mr-60 {
  margin-right: 60px;
}

.ml-60 {
  margin-left: 60px;
}

.px-60 {
  padding-left: 60px;
  padding-right: 60px;
}

.py-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pt-60 {
  padding-top: 60px;
}

.pr-60 {
  padding-right: 60px;
}

.pl-60 {
  padding-left: 60px;
}

.mx-65 {
  margin-left: 65px;
  margin-right: 65px;
}

.my-65 {
  margin-top: 65px;
  margin-bottom: 65px;
}

.mb-65 {
  margin-bottom: 65px;
}

.mt-65 {
  margin-top: 65px;
}

.mr-65 {
  margin-right: 65px;
}

.ml-65 {
  margin-left: 65px;
}

.px-65 {
  padding-left: 65px;
  padding-right: 65px;
}

.py-65 {
  padding-top: 65px;
  padding-bottom: 65px;
}

.pb-65 {
  padding-bottom: 65px;
}

.pt-65 {
  padding-top: 65px;
}

.pr-65 {
  padding-right: 65px;
}

.pl-65 {
  padding-left: 65px;
}

.mx-70 {
  margin-left: 70px;
  margin-right: 70px;
}

.my-70 {
  margin-top: 70px;
  margin-bottom: 70px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mt-70 {
  margin-top: 70px;
}

.mr-70 {
  margin-right: 70px;
}

.ml-70 {
  margin-left: 70px;
}

.px-70 {
  padding-left: 70px;
  padding-right: 70px;
}

.py-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pt-70 {
  padding-top: 70px;
}

.pr-70 {
  padding-right: 70px;
}

.pl-70 {
  padding-left: 70px;
}

.mx-75 {
  margin-left: 75px;
  margin-right: 75px;
}

.my-75 {
  margin-top: 75px;
  margin-bottom: 75px;
}

.mb-75 {
  margin-bottom: 75px;
}

.mt-75 {
  margin-top: 75px;
}

.mr-75 {
  margin-right: 75px;
}

.ml-75 {
  margin-left: 75px;
}

.px-75 {
  padding-left: 75px;
  padding-right: 75px;
}

.py-75 {
  padding-top: 75px;
  padding-bottom: 75px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pt-75 {
  padding-top: 75px;
}

.pr-75 {
  padding-right: 75px;
}

.pl-75 {
  padding-left: 75px;
}

.mx-80 {
  margin-left: 80px;
  margin-right: 80px;
}

.my-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mt-80 {
  margin-top: 80px;
}

.mr-80 {
  margin-right: 80px;
}

.ml-80 {
  margin-left: 80px;
}

.px-80 {
  padding-left: 80px;
  padding-right: 80px;
}

.py-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pt-80 {
  padding-top: 80px;
}

.pr-80 {
  padding-right: 80px;
}

.pl-80 {
  padding-left: 80px;
}

.mx-85 {
  margin-left: 85px;
  margin-right: 85px;
}

.my-85 {
  margin-top: 85px;
  margin-bottom: 85px;
}

.mb-85 {
  margin-bottom: 85px;
}

.mt-85 {
  margin-top: 85px;
}

.mr-85 {
  margin-right: 85px;
}

.ml-85 {
  margin-left: 85px;
}

.px-85 {
  padding-left: 85px;
  padding-right: 85px;
}

.py-85 {
  padding-top: 85px;
  padding-bottom: 85px;
}

.pb-85 {
  padding-bottom: 85px;
}

.pt-85 {
  padding-top: 85px;
}

.pr-85 {
  padding-right: 85px;
}

.pl-85 {
  padding-left: 85px;
}

.mx-90 {
  margin-left: 90px;
  margin-right: 90px;
}

.my-90 {
  margin-top: 90px;
  margin-bottom: 90px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mt-90 {
  margin-top: 90px;
}

.mr-90 {
  margin-right: 90px;
}

.ml-90 {
  margin-left: 90px;
}

.px-90 {
  padding-left: 90px;
  padding-right: 90px;
}

.py-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pt-90 {
  padding-top: 90px;
}

.pr-90 {
  padding-right: 90px;
}

.pl-90 {
  padding-left: 90px;
}

.mx-95 {
  margin-left: 95px;
  margin-right: 95px;
}

.my-95 {
  margin-top: 95px;
  margin-bottom: 95px;
}

.mb-95 {
  margin-bottom: 95px;
}

.mt-95 {
  margin-top: 95px;
}

.mr-95 {
  margin-right: 95px;
}

.ml-95 {
  margin-left: 95px;
}

.px-95 {
  padding-left: 95px;
  padding-right: 95px;
}

.py-95 {
  padding-top: 95px;
  padding-bottom: 95px;
}

.pb-95 {
  padding-bottom: 95px;
}

.pt-95 {
  padding-top: 95px;
}

.pr-95 {
  padding-right: 95px;
}

.pl-95 {
  padding-left: 95px;
}

.mx-100 {
  margin-left: 100px;
  margin-right: 100px;
}

.my-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mt-100 {
  margin-top: 100px;
}

.mr-100 {
  margin-right: 100px;
}

.ml-100 {
  margin-left: 100px;
}

.px-100 {
  padding-left: 100px;
  padding-right: 100px;
}

.py-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pt-100 {
  padding-top: 100px;
}

.pr-100 {
  padding-right: 100px;
}

.pl-100 {
  padding-left: 100px;
}

.mx-105 {
  margin-left: 105px;
  margin-right: 105px;
}

.my-105 {
  margin-top: 105px;
  margin-bottom: 105px;
}

.mb-105 {
  margin-bottom: 105px;
}

.mt-105 {
  margin-top: 105px;
}

.mr-105 {
  margin-right: 105px;
}

.ml-105 {
  margin-left: 105px;
}

.px-105 {
  padding-left: 105px;
  padding-right: 105px;
}

.py-105 {
  padding-top: 105px;
  padding-bottom: 105px;
}

.pb-105 {
  padding-bottom: 105px;
}

.pt-105 {
  padding-top: 105px;
}

.pr-105 {
  padding-right: 105px;
}

.pl-105 {
  padding-left: 105px;
}

.mx-110 {
  margin-left: 110px;
  margin-right: 110px;
}

.my-110 {
  margin-top: 110px;
  margin-bottom: 110px;
}

.mb-110 {
  margin-bottom: 110px;
}

.mt-110 {
  margin-top: 110px;
}

.mr-110 {
  margin-right: 110px;
}

.ml-110 {
  margin-left: 110px;
}

.px-110 {
  padding-left: 110px;
  padding-right: 110px;
}

.py-110 {
  padding-top: 110px;
  padding-bottom: 110px;
}

.pb-110 {
  padding-bottom: 110px;
}

.pt-110 {
  padding-top: 110px;
}

.pr-110 {
  padding-right: 110px;
}

.pl-110 {
  padding-left: 110px;
}

.mx-115 {
  margin-left: 115px;
  margin-right: 115px;
}

.my-115 {
  margin-top: 115px;
  margin-bottom: 115px;
}

.mb-115 {
  margin-bottom: 115px;
}

.mt-115 {
  margin-top: 115px;
}

.mr-115 {
  margin-right: 115px;
}

.ml-115 {
  margin-left: 115px;
}

.px-115 {
  padding-left: 115px;
  padding-right: 115px;
}

.py-115 {
  padding-top: 115px;
  padding-bottom: 115px;
}

.pb-115 {
  padding-bottom: 115px;
}

.pt-115 {
  padding-top: 115px;
}

.pr-115 {
  padding-right: 115px;
}

.pl-115 {
  padding-left: 115px;
}

.mx-120 {
  margin-left: 120px;
  margin-right: 120px;
}

.my-120 {
  margin-top: 120px;
  margin-bottom: 120px;
}

.mb-120 {
  margin-bottom: 120px;
}

.mt-120 {
  margin-top: 120px;
}

.mr-120 {
  margin-right: 120px;
}

.ml-120 {
  margin-left: 120px;
}

.px-120 {
  padding-left: 120px;
  padding-right: 120px;
}

.py-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pt-120 {
  padding-top: 120px;
}

.pr-120 {
  padding-right: 120px;
}

.pl-120 {
  padding-left: 120px;
}

.mx-125 {
  margin-left: 125px;
  margin-right: 125px;
}

.my-125 {
  margin-top: 125px;
  margin-bottom: 125px;
}

.mb-125 {
  margin-bottom: 125px;
}

.mt-125 {
  margin-top: 125px;
}

.mr-125 {
  margin-right: 125px;
}

.ml-125 {
  margin-left: 125px;
}

.px-125 {
  padding-left: 125px;
  padding-right: 125px;
}

.py-125 {
  padding-top: 125px;
  padding-bottom: 125px;
}

.pb-125 {
  padding-bottom: 125px;
}

.pt-125 {
  padding-top: 125px;
}

.pr-125 {
  padding-right: 125px;
}

.pl-125 {
  padding-left: 125px;
}

.mx-130 {
  margin-left: 130px;
  margin-right: 130px;
}

.my-130 {
  margin-top: 130px;
  margin-bottom: 130px;
}

.mb-130 {
  margin-bottom: 130px;
}

.mt-130 {
  margin-top: 130px;
}

.mr-130 {
  margin-right: 130px;
}

.ml-130 {
  margin-left: 130px;
}

.px-130 {
  padding-left: 130px;
  padding-right: 130px;
}

.py-130 {
  padding-top: 130px;
  padding-bottom: 130px;
}

.pb-130 {
  padding-bottom: 130px;
}

.pt-130 {
  padding-top: 130px;
}

.pr-130 {
  padding-right: 130px;
}

.pl-130 {
  padding-left: 130px;
}

.mx-135 {
  margin-left: 135px;
  margin-right: 135px;
}

.my-135 {
  margin-top: 135px;
  margin-bottom: 135px;
}

.mb-135 {
  margin-bottom: 135px;
}

.mt-135 {
  margin-top: 135px;
}

.mr-135 {
  margin-right: 135px;
}

.ml-135 {
  margin-left: 135px;
}

.px-135 {
  padding-left: 135px;
  padding-right: 135px;
}

.py-135 {
  padding-top: 135px;
  padding-bottom: 135px;
}

.pb-135 {
  padding-bottom: 135px;
}

.pt-135 {
  padding-top: 135px;
}

.pr-135 {
  padding-right: 135px;
}

.pl-135 {
  padding-left: 135px;
}

.mx-140 {
  margin-left: 140px;
  margin-right: 140px;
}

.my-140 {
  margin-top: 140px;
  margin-bottom: 140px;
}

.mb-140 {
  margin-bottom: 140px;
}

.mt-140 {
  margin-top: 140px;
}

.mr-140 {
  margin-right: 140px;
}

.ml-140 {
  margin-left: 140px;
}

.px-140 {
  padding-left: 140px;
  padding-right: 140px;
}

.py-140 {
  padding-top: 140px;
  padding-bottom: 140px;
}

.pb-140 {
  padding-bottom: 140px;
}

.pt-140 {
  padding-top: 140px;
}

.pr-140 {
  padding-right: 140px;
}

.pl-140 {
  padding-left: 140px;
}

.mx-145 {
  margin-left: 145px;
  margin-right: 145px;
}

.my-145 {
  margin-top: 145px;
  margin-bottom: 145px;
}

.mb-145 {
  margin-bottom: 145px;
}

.mt-145 {
  margin-top: 145px;
}

.mr-145 {
  margin-right: 145px;
}

.ml-145 {
  margin-left: 145px;
}

.px-145 {
  padding-left: 145px;
  padding-right: 145px;
}

.py-145 {
  padding-top: 145px;
  padding-bottom: 145px;
}

.pb-145 {
  padding-bottom: 145px;
}

.pt-145 {
  padding-top: 145px;
}

.pr-145 {
  padding-right: 145px;
}

.pl-145 {
  padding-left: 145px;
}

.mx-150 {
  margin-left: 150px;
  margin-right: 150px;
}

.my-150 {
  margin-top: 150px;
  margin-bottom: 150px;
}

.mb-150 {
  margin-bottom: 150px;
}

.mt-150 {
  margin-top: 150px;
}

.mr-150 {
  margin-right: 150px;
}

.ml-150 {
  margin-left: 150px;
}

.px-150 {
  padding-left: 150px;
  padding-right: 150px;
}

.py-150 {
  padding-top: 150px;
  padding-bottom: 150px;
}

.pb-150 {
  padding-bottom: 150px;
}

.pt-150 {
  padding-top: 150px;
}

.pr-150 {
  padding-right: 150px;
}

.pl-150 {
  padding-left: 150px;
}

.mx-155 {
  margin-left: 155px;
  margin-right: 155px;
}

.my-155 {
  margin-top: 155px;
  margin-bottom: 155px;
}

.mb-155 {
  margin-bottom: 155px;
}

.mt-155 {
  margin-top: 155px;
}

.mr-155 {
  margin-right: 155px;
}

.ml-155 {
  margin-left: 155px;
}

.px-155 {
  padding-left: 155px;
  padding-right: 155px;
}

.py-155 {
  padding-top: 155px;
  padding-bottom: 155px;
}

.pb-155 {
  padding-bottom: 155px;
}

.pt-155 {
  padding-top: 155px;
}

.pr-155 {
  padding-right: 155px;
}

.pl-155 {
  padding-left: 155px;
}

.mx-160 {
  margin-left: 160px;
  margin-right: 160px;
}

.my-160 {
  margin-top: 160px;
  margin-bottom: 160px;
}

.mb-160 {
  margin-bottom: 160px;
}

.mt-160 {
  margin-top: 160px;
}

.mr-160 {
  margin-right: 160px;
}

.ml-160 {
  margin-left: 160px;
}

.px-160 {
  padding-left: 160px;
  padding-right: 160px;
}

.py-160 {
  padding-top: 160px;
  padding-bottom: 160px;
}

.pb-160 {
  padding-bottom: 160px;
}

.pt-160 {
  padding-top: 160px;
}

.pr-160 {
  padding-right: 160px;
}

.pl-160 {
  padding-left: 160px;
}

/* Dispaly
---------------------------------------------------------------------------- */
.hidden {
  display: none !important;
}

.block {
  display: block;
}

.none {
  display: none;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

.inline-flex {
  display: inline-flex;
}

.flex {
  display: flex;
}

.table {
  display: table;
}

/* Overflow
---------------------------------------------------------------------------- */
.overflow-auto {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.overflow-x-auto {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.overflow-y-auto {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

/* Stratic
---------------------------------------------------------------------------- */
.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
}

.pin-t {
  top: 0;
}

.pin-r {
  right: 0;
}

.pin-b {
  bottom: 0;
}

.pin-l {
  left: 0;
}

.pin-y {
  top: 0;
  bottom: 0;
}

.pin-x {
  right: 0;
  left: 0;
}

.pin {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.pin-auto {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}

/* Z-index
---------------------------------------------------------------------------- */
.z0 {
  z-index: 0;
}

.z10 {
  z-index: 10;
}

.z20 {
  z-index: 20;
}

.z30 {
  z-index: 30;
}

.z40 {
  z-index: 40;
}

.z50 {
  z-index: 50;
}

.z60 {
  z-index: 60;
}

.z70 {
  z-index: 70;
}

.z80 {
  z-index: 80;
}

.z90 {
  z-index: 90;
}

.zmax {
  z-index: 2147483647;
}

.zauto {
  z-index: auto;
}

/* Flex
---------------------------------------------------------------------------- */
.flex-nowrap {
  flex-wrap: nowrap;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-column {
  flex-direction: column;
}

.flex-row {
  flex-direction: row;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.content-start {
  align-content: flex-start;
}

.content-center {
  align-content: center;
}

.content-end {
  align-content: flex-end;
}

.content-between {
  align-content: space-between;
}

.content-around {
  align-content: space-around;
}

.justify-start {
  justify-content: flex-start;
}

.justify-center {
  justify-content: center;
}

.justify-end {
  justify-content: flex-end;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.items-stretch {
  align-items: stretch;
}

.items-start {
  align-items: flex-start;
}

.items-center {
  align-items: center;
}

.items-end {
  align-items: flex-end;
}

.items-baseline {
  align-items: baseline;
}

.self-auto {
  align-self: auto;
}

.self-start {
  align-self: flex-start;
}

.self-center {
  align-self: center;
}

.self-end {
  align-self: flex-end;
}

.self-stretch {
  align-self: stretch;
}

/* Width & Height
---------------------------------------------------------------------------- */
.w-auto {
  width: auto;
}

.w-third {
  width: 75%;
}

.w-half {
  width: 50%;
}

.w-full {
  width: 100%;
}

.w-screen {
  width: 100vw;
}

.maxw-full {
  max-width: 100%;
}

.maxw-screen {
  max-width: 100vw;
}

.minw-full {
  min-width: 100%;
}

.minw-screen {
  min-width: 100vw;
}

.h-auto {
  height: auto;
}

.h-full {
  height: 100%;
}

.h-screen {
  height: 100vh;
}

.maxh-full {
  max-height: 100%;
}

.maxh-screen {
  max-height: 100vh;
}

.minh-full {
  min-height: 100%;
}

.minh-screen {
  min-height: 100vh;
}

/* Pointer & Select
---------------------------------------------------------------------------- */
.no-events {
  pointer-events: none;
}

.with-events {
  pointer-events: auto;
}

.no-select, .expander {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.with-select {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

/* Text
---------------------------------------------------------------------------- */
.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

/* Whitespace
---------------------------------------------------------------------------- */
.wspace-normal {
  white-space: normal;
}

.wspace-nowrap {
  white-space: nowrap;
}

.wspace-pre {
  white-space: pre;
}

.wspace-pre-line {
  white-space: pre-line;
}

.wspace-pre-wrap {
  white-space: pre-wrap;
}

/* Truncate
---------------------------------------------------------------------------- */
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Opacity
---------------------------------------------------------------------------- */
.o-0 {
  opacity: 0 !important;
}

.o-1 {
  opacity: 1 !important;
}

/* Text transfomr
---------------------------------------------------------------------------- */
.ucase {
  text-transform: uppercase;
}

.lcase {
  text-transform: lowercase;
}

/* Cursor
---------------------------------------------------------------------------- */
.cursor-pointer {
  cursor: pointer;
}

.cursor-default {
  cursor: default;
}

.no-cursror {
  cursor: none;
}

@media only screen and (min-width: 410px) {
  /* Margins & Paddings
  ---------------------------------------------------------------------------- */
  .xs-m-auto {
    margin: auto;
  }

  .xs-ml-auto {
    margin-left: auto;
  }

  .xs-mt-auto {
    margin-top: auto;
  }

  .xs-mb-auto {
    margin-bottom: auto;
  }

  .xs-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .xs-mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .xs-my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .xs-mb-0 {
    margin-bottom: 0px;
  }

  .xs-mt-0 {
    margin-top: 0px;
  }

  .xs-mr-0 {
    margin-right: 0px;
  }

  .xs-ml-0 {
    margin-left: 0px;
  }

  .xs-px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .xs-py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .xs-pb-0 {
    padding-bottom: 0px;
  }

  .xs-pt-0 {
    padding-top: 0px;
  }

  .xs-pr-0 {
    padding-right: 0px;
  }

  .xs-pl-0 {
    padding-left: 0px;
  }

  .xs-mx-5 {
    margin-left: 5px;
    margin-right: 5px;
  }

  .xs-my-5 {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .xs-mb-5 {
    margin-bottom: 5px;
  }

  .xs-mt-5 {
    margin-top: 5px;
  }

  .xs-mr-5 {
    margin-right: 5px;
  }

  .xs-ml-5 {
    margin-left: 5px;
  }

  .xs-px-5 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .xs-py-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .xs-pb-5 {
    padding-bottom: 5px;
  }

  .xs-pt-5 {
    padding-top: 5px;
  }

  .xs-pr-5 {
    padding-right: 5px;
  }

  .xs-pl-5 {
    padding-left: 5px;
  }

  .xs-mx-10 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .xs-my-10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .xs-mb-10 {
    margin-bottom: 10px;
  }

  .xs-mt-10 {
    margin-top: 10px;
  }

  .xs-mr-10 {
    margin-right: 10px;
  }

  .xs-ml-10 {
    margin-left: 10px;
  }

  .xs-px-10 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .xs-py-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .xs-pb-10 {
    padding-bottom: 10px;
  }

  .xs-pt-10 {
    padding-top: 10px;
  }

  .xs-pr-10 {
    padding-right: 10px;
  }

  .xs-pl-10 {
    padding-left: 10px;
  }

  .xs-mx-15 {
    margin-left: 15px;
    margin-right: 15px;
  }

  .xs-my-15 {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .xs-mb-15 {
    margin-bottom: 15px;
  }

  .xs-mt-15 {
    margin-top: 15px;
  }

  .xs-mr-15 {
    margin-right: 15px;
  }

  .xs-ml-15 {
    margin-left: 15px;
  }

  .xs-px-15 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xs-py-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .xs-pb-15 {
    padding-bottom: 15px;
  }

  .xs-pt-15 {
    padding-top: 15px;
  }

  .xs-pr-15 {
    padding-right: 15px;
  }

  .xs-pl-15 {
    padding-left: 15px;
  }

  .xs-mx-20 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .xs-my-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .xs-mb-20 {
    margin-bottom: 20px;
  }

  .xs-mt-20 {
    margin-top: 20px;
  }

  .xs-mr-20 {
    margin-right: 20px;
  }

  .xs-ml-20 {
    margin-left: 20px;
  }

  .xs-px-20 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .xs-py-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .xs-pb-20 {
    padding-bottom: 20px;
  }

  .xs-pt-20 {
    padding-top: 20px;
  }

  .xs-pr-20 {
    padding-right: 20px;
  }

  .xs-pl-20 {
    padding-left: 20px;
  }

  .xs-mx-25 {
    margin-left: 25px;
    margin-right: 25px;
  }

  .xs-my-25 {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .xs-mb-25 {
    margin-bottom: 25px;
  }

  .xs-mt-25 {
    margin-top: 25px;
  }

  .xs-mr-25 {
    margin-right: 25px;
  }

  .xs-ml-25 {
    margin-left: 25px;
  }

  .xs-px-25 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .xs-py-25 {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .xs-pb-25 {
    padding-bottom: 25px;
  }

  .xs-pt-25 {
    padding-top: 25px;
  }

  .xs-pr-25 {
    padding-right: 25px;
  }

  .xs-pl-25 {
    padding-left: 25px;
  }

  .xs-mx-30 {
    margin-left: 30px;
    margin-right: 30px;
  }

  .xs-my-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .xs-mb-30 {
    margin-bottom: 30px;
  }

  .xs-mt-30 {
    margin-top: 30px;
  }

  .xs-mr-30 {
    margin-right: 30px;
  }

  .xs-ml-30 {
    margin-left: 30px;
  }

  .xs-px-30 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .xs-py-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .xs-pb-30 {
    padding-bottom: 30px;
  }

  .xs-pt-30 {
    padding-top: 30px;
  }

  .xs-pr-30 {
    padding-right: 30px;
  }

  .xs-pl-30 {
    padding-left: 30px;
  }

  .xs-mx-35 {
    margin-left: 35px;
    margin-right: 35px;
  }

  .xs-my-35 {
    margin-top: 35px;
    margin-bottom: 35px;
  }

  .xs-mb-35 {
    margin-bottom: 35px;
  }

  .xs-mt-35 {
    margin-top: 35px;
  }

  .xs-mr-35 {
    margin-right: 35px;
  }

  .xs-ml-35 {
    margin-left: 35px;
  }

  .xs-px-35 {
    padding-left: 35px;
    padding-right: 35px;
  }

  .xs-py-35 {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .xs-pb-35 {
    padding-bottom: 35px;
  }

  .xs-pt-35 {
    padding-top: 35px;
  }

  .xs-pr-35 {
    padding-right: 35px;
  }

  .xs-pl-35 {
    padding-left: 35px;
  }

  .xs-mx-40 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .xs-my-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .xs-mb-40 {
    margin-bottom: 40px;
  }

  .xs-mt-40 {
    margin-top: 40px;
  }

  .xs-mr-40 {
    margin-right: 40px;
  }

  .xs-ml-40 {
    margin-left: 40px;
  }

  .xs-px-40 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .xs-py-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .xs-pb-40 {
    padding-bottom: 40px;
  }

  .xs-pt-40 {
    padding-top: 40px;
  }

  .xs-pr-40 {
    padding-right: 40px;
  }

  .xs-pl-40 {
    padding-left: 40px;
  }

  .xs-mx-45 {
    margin-left: 45px;
    margin-right: 45px;
  }

  .xs-my-45 {
    margin-top: 45px;
    margin-bottom: 45px;
  }

  .xs-mb-45 {
    margin-bottom: 45px;
  }

  .xs-mt-45 {
    margin-top: 45px;
  }

  .xs-mr-45 {
    margin-right: 45px;
  }

  .xs-ml-45 {
    margin-left: 45px;
  }

  .xs-px-45 {
    padding-left: 45px;
    padding-right: 45px;
  }

  .xs-py-45 {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .xs-pb-45 {
    padding-bottom: 45px;
  }

  .xs-pt-45 {
    padding-top: 45px;
  }

  .xs-pr-45 {
    padding-right: 45px;
  }

  .xs-pl-45 {
    padding-left: 45px;
  }

  .xs-mx-50 {
    margin-left: 50px;
    margin-right: 50px;
  }

  .xs-my-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .xs-mb-50 {
    margin-bottom: 50px;
  }

  .xs-mt-50 {
    margin-top: 50px;
  }

  .xs-mr-50 {
    margin-right: 50px;
  }

  .xs-ml-50 {
    margin-left: 50px;
  }

  .xs-px-50 {
    padding-left: 50px;
    padding-right: 50px;
  }

  .xs-py-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .xs-pb-50 {
    padding-bottom: 50px;
  }

  .xs-pt-50 {
    padding-top: 50px;
  }

  .xs-pr-50 {
    padding-right: 50px;
  }

  .xs-pl-50 {
    padding-left: 50px;
  }

  .xs-mx-55 {
    margin-left: 55px;
    margin-right: 55px;
  }

  .xs-my-55 {
    margin-top: 55px;
    margin-bottom: 55px;
  }

  .xs-mb-55 {
    margin-bottom: 55px;
  }

  .xs-mt-55 {
    margin-top: 55px;
  }

  .xs-mr-55 {
    margin-right: 55px;
  }

  .xs-ml-55 {
    margin-left: 55px;
  }

  .xs-px-55 {
    padding-left: 55px;
    padding-right: 55px;
  }

  .xs-py-55 {
    padding-top: 55px;
    padding-bottom: 55px;
  }

  .xs-pb-55 {
    padding-bottom: 55px;
  }

  .xs-pt-55 {
    padding-top: 55px;
  }

  .xs-pr-55 {
    padding-right: 55px;
  }

  .xs-pl-55 {
    padding-left: 55px;
  }

  .xs-mx-60 {
    margin-left: 60px;
    margin-right: 60px;
  }

  .xs-my-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .xs-mb-60 {
    margin-bottom: 60px;
  }

  .xs-mt-60 {
    margin-top: 60px;
  }

  .xs-mr-60 {
    margin-right: 60px;
  }

  .xs-ml-60 {
    margin-left: 60px;
  }

  .xs-px-60 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .xs-py-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .xs-pb-60 {
    padding-bottom: 60px;
  }

  .xs-pt-60 {
    padding-top: 60px;
  }

  .xs-pr-60 {
    padding-right: 60px;
  }

  .xs-pl-60 {
    padding-left: 60px;
  }

  .xs-mx-65 {
    margin-left: 65px;
    margin-right: 65px;
  }

  .xs-my-65 {
    margin-top: 65px;
    margin-bottom: 65px;
  }

  .xs-mb-65 {
    margin-bottom: 65px;
  }

  .xs-mt-65 {
    margin-top: 65px;
  }

  .xs-mr-65 {
    margin-right: 65px;
  }

  .xs-ml-65 {
    margin-left: 65px;
  }

  .xs-px-65 {
    padding-left: 65px;
    padding-right: 65px;
  }

  .xs-py-65 {
    padding-top: 65px;
    padding-bottom: 65px;
  }

  .xs-pb-65 {
    padding-bottom: 65px;
  }

  .xs-pt-65 {
    padding-top: 65px;
  }

  .xs-pr-65 {
    padding-right: 65px;
  }

  .xs-pl-65 {
    padding-left: 65px;
  }

  .xs-mx-70 {
    margin-left: 70px;
    margin-right: 70px;
  }

  .xs-my-70 {
    margin-top: 70px;
    margin-bottom: 70px;
  }

  .xs-mb-70 {
    margin-bottom: 70px;
  }

  .xs-mt-70 {
    margin-top: 70px;
  }

  .xs-mr-70 {
    margin-right: 70px;
  }

  .xs-ml-70 {
    margin-left: 70px;
  }

  .xs-px-70 {
    padding-left: 70px;
    padding-right: 70px;
  }

  .xs-py-70 {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .xs-pb-70 {
    padding-bottom: 70px;
  }

  .xs-pt-70 {
    padding-top: 70px;
  }

  .xs-pr-70 {
    padding-right: 70px;
  }

  .xs-pl-70 {
    padding-left: 70px;
  }

  .xs-mx-75 {
    margin-left: 75px;
    margin-right: 75px;
  }

  .xs-my-75 {
    margin-top: 75px;
    margin-bottom: 75px;
  }

  .xs-mb-75 {
    margin-bottom: 75px;
  }

  .xs-mt-75 {
    margin-top: 75px;
  }

  .xs-mr-75 {
    margin-right: 75px;
  }

  .xs-ml-75 {
    margin-left: 75px;
  }

  .xs-px-75 {
    padding-left: 75px;
    padding-right: 75px;
  }

  .xs-py-75 {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .xs-pb-75 {
    padding-bottom: 75px;
  }

  .xs-pt-75 {
    padding-top: 75px;
  }

  .xs-pr-75 {
    padding-right: 75px;
  }

  .xs-pl-75 {
    padding-left: 75px;
  }

  .xs-mx-80 {
    margin-left: 80px;
    margin-right: 80px;
  }

  .xs-my-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .xs-mb-80 {
    margin-bottom: 80px;
  }

  .xs-mt-80 {
    margin-top: 80px;
  }

  .xs-mr-80 {
    margin-right: 80px;
  }

  .xs-ml-80 {
    margin-left: 80px;
  }

  .xs-px-80 {
    padding-left: 80px;
    padding-right: 80px;
  }

  .xs-py-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .xs-pb-80 {
    padding-bottom: 80px;
  }

  .xs-pt-80 {
    padding-top: 80px;
  }

  .xs-pr-80 {
    padding-right: 80px;
  }

  .xs-pl-80 {
    padding-left: 80px;
  }

  .xs-mx-85 {
    margin-left: 85px;
    margin-right: 85px;
  }

  .xs-my-85 {
    margin-top: 85px;
    margin-bottom: 85px;
  }

  .xs-mb-85 {
    margin-bottom: 85px;
  }

  .xs-mt-85 {
    margin-top: 85px;
  }

  .xs-mr-85 {
    margin-right: 85px;
  }

  .xs-ml-85 {
    margin-left: 85px;
  }

  .xs-px-85 {
    padding-left: 85px;
    padding-right: 85px;
  }

  .xs-py-85 {
    padding-top: 85px;
    padding-bottom: 85px;
  }

  .xs-pb-85 {
    padding-bottom: 85px;
  }

  .xs-pt-85 {
    padding-top: 85px;
  }

  .xs-pr-85 {
    padding-right: 85px;
  }

  .xs-pl-85 {
    padding-left: 85px;
  }

  .xs-mx-90 {
    margin-left: 90px;
    margin-right: 90px;
  }

  .xs-my-90 {
    margin-top: 90px;
    margin-bottom: 90px;
  }

  .xs-mb-90 {
    margin-bottom: 90px;
  }

  .xs-mt-90 {
    margin-top: 90px;
  }

  .xs-mr-90 {
    margin-right: 90px;
  }

  .xs-ml-90 {
    margin-left: 90px;
  }

  .xs-px-90 {
    padding-left: 90px;
    padding-right: 90px;
  }

  .xs-py-90 {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .xs-pb-90 {
    padding-bottom: 90px;
  }

  .xs-pt-90 {
    padding-top: 90px;
  }

  .xs-pr-90 {
    padding-right: 90px;
  }

  .xs-pl-90 {
    padding-left: 90px;
  }

  .xs-mx-95 {
    margin-left: 95px;
    margin-right: 95px;
  }

  .xs-my-95 {
    margin-top: 95px;
    margin-bottom: 95px;
  }

  .xs-mb-95 {
    margin-bottom: 95px;
  }

  .xs-mt-95 {
    margin-top: 95px;
  }

  .xs-mr-95 {
    margin-right: 95px;
  }

  .xs-ml-95 {
    margin-left: 95px;
  }

  .xs-px-95 {
    padding-left: 95px;
    padding-right: 95px;
  }

  .xs-py-95 {
    padding-top: 95px;
    padding-bottom: 95px;
  }

  .xs-pb-95 {
    padding-bottom: 95px;
  }

  .xs-pt-95 {
    padding-top: 95px;
  }

  .xs-pr-95 {
    padding-right: 95px;
  }

  .xs-pl-95 {
    padding-left: 95px;
  }

  .xs-mx-100 {
    margin-left: 100px;
    margin-right: 100px;
  }

  .xs-my-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .xs-mb-100 {
    margin-bottom: 100px;
  }

  .xs-mt-100 {
    margin-top: 100px;
  }

  .xs-mr-100 {
    margin-right: 100px;
  }

  .xs-ml-100 {
    margin-left: 100px;
  }

  .xs-px-100 {
    padding-left: 100px;
    padding-right: 100px;
  }

  .xs-py-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .xs-pb-100 {
    padding-bottom: 100px;
  }

  .xs-pt-100 {
    padding-top: 100px;
  }

  .xs-pr-100 {
    padding-right: 100px;
  }

  .xs-pl-100 {
    padding-left: 100px;
  }

  .xs-mx-105 {
    margin-left: 105px;
    margin-right: 105px;
  }

  .xs-my-105 {
    margin-top: 105px;
    margin-bottom: 105px;
  }

  .xs-mb-105 {
    margin-bottom: 105px;
  }

  .xs-mt-105 {
    margin-top: 105px;
  }

  .xs-mr-105 {
    margin-right: 105px;
  }

  .xs-ml-105 {
    margin-left: 105px;
  }

  .xs-px-105 {
    padding-left: 105px;
    padding-right: 105px;
  }

  .xs-py-105 {
    padding-top: 105px;
    padding-bottom: 105px;
  }

  .xs-pb-105 {
    padding-bottom: 105px;
  }

  .xs-pt-105 {
    padding-top: 105px;
  }

  .xs-pr-105 {
    padding-right: 105px;
  }

  .xs-pl-105 {
    padding-left: 105px;
  }

  .xs-mx-110 {
    margin-left: 110px;
    margin-right: 110px;
  }

  .xs-my-110 {
    margin-top: 110px;
    margin-bottom: 110px;
  }

  .xs-mb-110 {
    margin-bottom: 110px;
  }

  .xs-mt-110 {
    margin-top: 110px;
  }

  .xs-mr-110 {
    margin-right: 110px;
  }

  .xs-ml-110 {
    margin-left: 110px;
  }

  .xs-px-110 {
    padding-left: 110px;
    padding-right: 110px;
  }

  .xs-py-110 {
    padding-top: 110px;
    padding-bottom: 110px;
  }

  .xs-pb-110 {
    padding-bottom: 110px;
  }

  .xs-pt-110 {
    padding-top: 110px;
  }

  .xs-pr-110 {
    padding-right: 110px;
  }

  .xs-pl-110 {
    padding-left: 110px;
  }

  .xs-mx-115 {
    margin-left: 115px;
    margin-right: 115px;
  }

  .xs-my-115 {
    margin-top: 115px;
    margin-bottom: 115px;
  }

  .xs-mb-115 {
    margin-bottom: 115px;
  }

  .xs-mt-115 {
    margin-top: 115px;
  }

  .xs-mr-115 {
    margin-right: 115px;
  }

  .xs-ml-115 {
    margin-left: 115px;
  }

  .xs-px-115 {
    padding-left: 115px;
    padding-right: 115px;
  }

  .xs-py-115 {
    padding-top: 115px;
    padding-bottom: 115px;
  }

  .xs-pb-115 {
    padding-bottom: 115px;
  }

  .xs-pt-115 {
    padding-top: 115px;
  }

  .xs-pr-115 {
    padding-right: 115px;
  }

  .xs-pl-115 {
    padding-left: 115px;
  }

  .xs-mx-120 {
    margin-left: 120px;
    margin-right: 120px;
  }

  .xs-my-120 {
    margin-top: 120px;
    margin-bottom: 120px;
  }

  .xs-mb-120 {
    margin-bottom: 120px;
  }

  .xs-mt-120 {
    margin-top: 120px;
  }

  .xs-mr-120 {
    margin-right: 120px;
  }

  .xs-ml-120 {
    margin-left: 120px;
  }

  .xs-px-120 {
    padding-left: 120px;
    padding-right: 120px;
  }

  .xs-py-120 {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .xs-pb-120 {
    padding-bottom: 120px;
  }

  .xs-pt-120 {
    padding-top: 120px;
  }

  .xs-pr-120 {
    padding-right: 120px;
  }

  .xs-pl-120 {
    padding-left: 120px;
  }

  .xs-mx-125 {
    margin-left: 125px;
    margin-right: 125px;
  }

  .xs-my-125 {
    margin-top: 125px;
    margin-bottom: 125px;
  }

  .xs-mb-125 {
    margin-bottom: 125px;
  }

  .xs-mt-125 {
    margin-top: 125px;
  }

  .xs-mr-125 {
    margin-right: 125px;
  }

  .xs-ml-125 {
    margin-left: 125px;
  }

  .xs-px-125 {
    padding-left: 125px;
    padding-right: 125px;
  }

  .xs-py-125 {
    padding-top: 125px;
    padding-bottom: 125px;
  }

  .xs-pb-125 {
    padding-bottom: 125px;
  }

  .xs-pt-125 {
    padding-top: 125px;
  }

  .xs-pr-125 {
    padding-right: 125px;
  }

  .xs-pl-125 {
    padding-left: 125px;
  }

  .xs-mx-130 {
    margin-left: 130px;
    margin-right: 130px;
  }

  .xs-my-130 {
    margin-top: 130px;
    margin-bottom: 130px;
  }

  .xs-mb-130 {
    margin-bottom: 130px;
  }

  .xs-mt-130 {
    margin-top: 130px;
  }

  .xs-mr-130 {
    margin-right: 130px;
  }

  .xs-ml-130 {
    margin-left: 130px;
  }

  .xs-px-130 {
    padding-left: 130px;
    padding-right: 130px;
  }

  .xs-py-130 {
    padding-top: 130px;
    padding-bottom: 130px;
  }

  .xs-pb-130 {
    padding-bottom: 130px;
  }

  .xs-pt-130 {
    padding-top: 130px;
  }

  .xs-pr-130 {
    padding-right: 130px;
  }

  .xs-pl-130 {
    padding-left: 130px;
  }

  .xs-mx-135 {
    margin-left: 135px;
    margin-right: 135px;
  }

  .xs-my-135 {
    margin-top: 135px;
    margin-bottom: 135px;
  }

  .xs-mb-135 {
    margin-bottom: 135px;
  }

  .xs-mt-135 {
    margin-top: 135px;
  }

  .xs-mr-135 {
    margin-right: 135px;
  }

  .xs-ml-135 {
    margin-left: 135px;
  }

  .xs-px-135 {
    padding-left: 135px;
    padding-right: 135px;
  }

  .xs-py-135 {
    padding-top: 135px;
    padding-bottom: 135px;
  }

  .xs-pb-135 {
    padding-bottom: 135px;
  }

  .xs-pt-135 {
    padding-top: 135px;
  }

  .xs-pr-135 {
    padding-right: 135px;
  }

  .xs-pl-135 {
    padding-left: 135px;
  }

  .xs-mx-140 {
    margin-left: 140px;
    margin-right: 140px;
  }

  .xs-my-140 {
    margin-top: 140px;
    margin-bottom: 140px;
  }

  .xs-mb-140 {
    margin-bottom: 140px;
  }

  .xs-mt-140 {
    margin-top: 140px;
  }

  .xs-mr-140 {
    margin-right: 140px;
  }

  .xs-ml-140 {
    margin-left: 140px;
  }

  .xs-px-140 {
    padding-left: 140px;
    padding-right: 140px;
  }

  .xs-py-140 {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .xs-pb-140 {
    padding-bottom: 140px;
  }

  .xs-pt-140 {
    padding-top: 140px;
  }

  .xs-pr-140 {
    padding-right: 140px;
  }

  .xs-pl-140 {
    padding-left: 140px;
  }

  .xs-mx-145 {
    margin-left: 145px;
    margin-right: 145px;
  }

  .xs-my-145 {
    margin-top: 145px;
    margin-bottom: 145px;
  }

  .xs-mb-145 {
    margin-bottom: 145px;
  }

  .xs-mt-145 {
    margin-top: 145px;
  }

  .xs-mr-145 {
    margin-right: 145px;
  }

  .xs-ml-145 {
    margin-left: 145px;
  }

  .xs-px-145 {
    padding-left: 145px;
    padding-right: 145px;
  }

  .xs-py-145 {
    padding-top: 145px;
    padding-bottom: 145px;
  }

  .xs-pb-145 {
    padding-bottom: 145px;
  }

  .xs-pt-145 {
    padding-top: 145px;
  }

  .xs-pr-145 {
    padding-right: 145px;
  }

  .xs-pl-145 {
    padding-left: 145px;
  }

  .xs-mx-150 {
    margin-left: 150px;
    margin-right: 150px;
  }

  .xs-my-150 {
    margin-top: 150px;
    margin-bottom: 150px;
  }

  .xs-mb-150 {
    margin-bottom: 150px;
  }

  .xs-mt-150 {
    margin-top: 150px;
  }

  .xs-mr-150 {
    margin-right: 150px;
  }

  .xs-ml-150 {
    margin-left: 150px;
  }

  .xs-px-150 {
    padding-left: 150px;
    padding-right: 150px;
  }

  .xs-py-150 {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .xs-pb-150 {
    padding-bottom: 150px;
  }

  .xs-pt-150 {
    padding-top: 150px;
  }

  .xs-pr-150 {
    padding-right: 150px;
  }

  .xs-pl-150 {
    padding-left: 150px;
  }

  .xs-mx-155 {
    margin-left: 155px;
    margin-right: 155px;
  }

  .xs-my-155 {
    margin-top: 155px;
    margin-bottom: 155px;
  }

  .xs-mb-155 {
    margin-bottom: 155px;
  }

  .xs-mt-155 {
    margin-top: 155px;
  }

  .xs-mr-155 {
    margin-right: 155px;
  }

  .xs-ml-155 {
    margin-left: 155px;
  }

  .xs-px-155 {
    padding-left: 155px;
    padding-right: 155px;
  }

  .xs-py-155 {
    padding-top: 155px;
    padding-bottom: 155px;
  }

  .xs-pb-155 {
    padding-bottom: 155px;
  }

  .xs-pt-155 {
    padding-top: 155px;
  }

  .xs-pr-155 {
    padding-right: 155px;
  }

  .xs-pl-155 {
    padding-left: 155px;
  }

  .xs-mx-160 {
    margin-left: 160px;
    margin-right: 160px;
  }

  .xs-my-160 {
    margin-top: 160px;
    margin-bottom: 160px;
  }

  .xs-mb-160 {
    margin-bottom: 160px;
  }

  .xs-mt-160 {
    margin-top: 160px;
  }

  .xs-mr-160 {
    margin-right: 160px;
  }

  .xs-ml-160 {
    margin-left: 160px;
  }

  .xs-px-160 {
    padding-left: 160px;
    padding-right: 160px;
  }

  .xs-py-160 {
    padding-top: 160px;
    padding-bottom: 160px;
  }

  .xs-pb-160 {
    padding-bottom: 160px;
  }

  .xs-pt-160 {
    padding-top: 160px;
  }

  .xs-pr-160 {
    padding-right: 160px;
  }

  .xs-pl-160 {
    padding-left: 160px;
  }

  /* Dispaly
  ---------------------------------------------------------------------------- */
  .xs-hidden {
    display: none !important;
  }

  .xs-block {
    display: block;
  }

  .xs-none {
    display: none;
  }

  .xs-inline {
    display: inline;
  }

  .xs-inline-block {
    display: inline-block;
  }

  .xs-inline-flex {
    display: inline-flex;
  }

  .xs-flex {
    display: flex;
  }

  .xs-table {
    display: table;
  }

  /* Overflow
  ---------------------------------------------------------------------------- */
  .xs-overflow-auto {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }

  .xs-overflow-x-auto {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .xs-overflow-y-auto {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .xs-overflow-hidden {
    overflow: hidden;
  }

  .xs-overflow-x-hidden {
    overflow-x: hidden;
  }

  .xs-overflow-y-hidden {
    overflow-y: hidden;
  }

  /* Stratic
  ---------------------------------------------------------------------------- */
  .xs-static {
    position: static;
  }

  .xs-fixed {
    position: fixed;
  }

  .xs-absolute {
    position: absolute;
  }

  .xs-relative {
    position: relative;
  }

  .xs-sticky {
    position: -webkit-sticky;
    position: sticky;
  }

  .xs-pin-t {
    top: 0;
  }

  .xs-pin-r {
    right: 0;
  }

  .xs-pin-b {
    bottom: 0;
  }

  .xs-pin-l {
    left: 0;
  }

  .xs-pin-y {
    top: 0;
    bottom: 0;
  }

  .xs-pin-x {
    right: 0;
    left: 0;
  }

  .xs-pin {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .xs-pin-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  /* Z-index
  ---------------------------------------------------------------------------- */
  .xs-z0 {
    z-index: 0;
  }

  .xs-z10 {
    z-index: 10;
  }

  .xs-z20 {
    z-index: 20;
  }

  .xs-z30 {
    z-index: 30;
  }

  .xs-z40 {
    z-index: 40;
  }

  .xs-z50 {
    z-index: 50;
  }

  .xs-z60 {
    z-index: 60;
  }

  .xs-z70 {
    z-index: 70;
  }

  .xs-z80 {
    z-index: 80;
  }

  .xs-z90 {
    z-index: 90;
  }

  .xs-zmax {
    z-index: 2147483647;
  }

  .xs-z-1 {
    z-index: auto;
  }

  /* Flex
  ---------------------------------------------------------------------------- */
  .xs-flex-nowrap {
    flex-wrap: nowrap;
  }

  .xs-flex-wrap {
    flex-wrap: wrap;
  }

  .xs-flex-row {
    flex-direction: row;
  }

  .xs-flex-column {
    flex-direction: column;
  }

  .xs-content-start {
    align-content: flex-start;
  }

  .xs-content-center {
    align-content: center;
  }

  .xs-content-end {
    align-content: flex-end;
  }

  .xs-content-between {
    align-content: space-between;
  }

  .xs-content-around {
    align-content: space-around;
  }

  .xs-justify-start {
    justify-content: flex-start;
  }

  .xs-justify-center {
    justify-content: center;
  }

  .xs-justify-end {
    justify-content: flex-end;
  }

  .xs-justify-between {
    justify-content: space-between;
  }

  .xs-justify-around {
    justify-content: space-around;
  }

  .xs-items-stretch {
    align-items: stretch;
  }

  .xs-items-start {
    align-items: flex-start;
  }

  .xs-items-center {
    align-items: center;
  }

  .xs-items-end {
    align-items: flex-end;
  }

  .xs-items-baseline {
    align-items: baseline;
  }

  .xs-self-auto {
    align-self: auto;
  }

  .xs-self-start {
    align-self: flex-start;
  }

  .xs-self-center {
    align-self: center;
  }

  .xs-self-end {
    align-self: flex-end;
  }

  .xs-self-stretch {
    align-self: stretch;
  }

  /* Width & Height
  ---------------------------------------------------------------------------- */
  .xs-w-auto {
    width: auto;
  }

  .xs-w-half {
    width: 50%;
  }

  .xs-w-full {
    width: 100%;
  }

  .xs-w-screen {
    width: 100vw;
  }

  .xs-maxw-full {
    max-width: 100%;
  }

  .xs-maxw-screen {
    max-width: 100vw;
  }

  .xs-minw-full {
    min-width: 100%;
  }

  .xs-minw-screen {
    min-width: 100vw;
  }

  .xs-h-auto {
    height: auto;
  }

  .xs-h-full {
    height: 100%;
  }

  .xs-h-screen {
    height: 100vh;
  }

  .xs-maxh-full {
    max-height: 100%;
  }

  .xs-maxh-screen {
    max-height: 100vh;
  }

  .xs-minh-full {
    min-height: 100%;
  }

  .xs-minh-screen {
    min-height: 100vh;
  }

  /* Pointer & Select
  ---------------------------------------------------------------------------- */
  .xs-no-events {
    pointer-events: none;
  }

  .xs-with-events {
    pointer-events: auto;
  }

  .xs-no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .xs-with-select {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
  }

  /* Text
  ---------------------------------------------------------------------------- */
  .xs-text-left {
    text-align: left;
  }

  .xs-text-center {
    text-align: center;
  }

  .xs-text-right {
    text-align: right;
  }

  .xs-text-justify {
    text-align: justify;
  }

  /* Whitespace
  ---------------------------------------------------------------------------- */
  .xs-wspace-normal {
    white-space: normal;
  }

  .xs-wspace-nowrap {
    white-space: nowrap;
  }

  .xs-wspace-pre {
    white-space: pre;
  }

  .xs-wspace-pre-line {
    white-space: pre-line;
  }

  .xs-wspace-pre-wrap {
    white-space: pre-wrap;
  }

  /* Truncate
  ---------------------------------------------------------------------------- */
  .xs-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /* Text transfomr
  ---------------------------------------------------------------------------- */
  .xs-ucase {
    text-transform: uppercase;
  }

  .xs-lcase {
    text-transform: lowercase;
  }

  /* Cursor
  ---------------------------------------------------------------------------- */
  .xs-cursor-pointer {
    cursor: pointer;
  }

  .xs-cursor-default {
    cursor: default;
  }

  .xs-no-cursror {
    cursor: none;
  }
}
@media only screen and (min-width: 668px) {
  /* Margins & Paddings
  ---------------------------------------------------------------------------- */
  .sm-m-auto {
    margin: auto;
  }

  .sm-ml-auto {
    margin-left: auto;
  }

  .sm-mt-auto {
    margin-top: auto;
  }

  .sm-mb-auto {
    margin-bottom: auto;
  }

  .sm-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .sm-mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .sm-my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .sm-mb-0 {
    margin-bottom: 0px;
  }

  .sm-mt-0 {
    margin-top: 0px;
  }

  .sm-mr-0 {
    margin-right: 0px;
  }

  .sm-ml-0 {
    margin-left: 0px;
  }

  .sm-px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .sm-py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .sm-pb-0 {
    padding-bottom: 0px;
  }

  .sm-pt-0 {
    padding-top: 0px;
  }

  .sm-pr-0 {
    padding-right: 0px;
  }

  .sm-pl-0 {
    padding-left: 0px;
  }

  .sm-mx-5 {
    margin-left: 5px;
    margin-right: 5px;
  }

  .sm-my-5 {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .sm-mb-5 {
    margin-bottom: 5px;
  }

  .sm-mt-5 {
    margin-top: 5px;
  }

  .sm-mr-5 {
    margin-right: 5px;
  }

  .sm-ml-5 {
    margin-left: 5px;
  }

  .sm-px-5 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .sm-py-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .sm-pb-5 {
    padding-bottom: 5px;
  }

  .sm-pt-5 {
    padding-top: 5px;
  }

  .sm-pr-5 {
    padding-right: 5px;
  }

  .sm-pl-5 {
    padding-left: 5px;
  }

  .sm-mx-10 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .sm-my-10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .sm-mb-10 {
    margin-bottom: 10px;
  }

  .sm-mt-10 {
    margin-top: 10px;
  }

  .sm-mr-10 {
    margin-right: 10px;
  }

  .sm-ml-10 {
    margin-left: 10px;
  }

  .sm-px-10 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .sm-py-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .sm-pb-10 {
    padding-bottom: 10px;
  }

  .sm-pt-10 {
    padding-top: 10px;
  }

  .sm-pr-10 {
    padding-right: 10px;
  }

  .sm-pl-10 {
    padding-left: 10px;
  }

  .sm-mx-15 {
    margin-left: 15px;
    margin-right: 15px;
  }

  .sm-my-15 {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .sm-mb-15 {
    margin-bottom: 15px;
  }

  .sm-mt-15 {
    margin-top: 15px;
  }

  .sm-mr-15 {
    margin-right: 15px;
  }

  .sm-ml-15 {
    margin-left: 15px;
  }

  .sm-px-15 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .sm-py-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .sm-pb-15 {
    padding-bottom: 15px;
  }

  .sm-pt-15 {
    padding-top: 15px;
  }

  .sm-pr-15 {
    padding-right: 15px;
  }

  .sm-pl-15 {
    padding-left: 15px;
  }

  .sm-mx-20 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .sm-my-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .sm-mb-20 {
    margin-bottom: 20px;
  }

  .sm-mt-20 {
    margin-top: 20px;
  }

  .sm-mr-20 {
    margin-right: 20px;
  }

  .sm-ml-20 {
    margin-left: 20px;
  }

  .sm-px-20 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sm-py-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .sm-pb-20 {
    padding-bottom: 20px;
  }

  .sm-pt-20 {
    padding-top: 20px;
  }

  .sm-pr-20 {
    padding-right: 20px;
  }

  .sm-pl-20 {
    padding-left: 20px;
  }

  .sm-mx-25 {
    margin-left: 25px;
    margin-right: 25px;
  }

  .sm-my-25 {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .sm-mb-25 {
    margin-bottom: 25px;
  }

  .sm-mt-25 {
    margin-top: 25px;
  }

  .sm-mr-25 {
    margin-right: 25px;
  }

  .sm-ml-25 {
    margin-left: 25px;
  }

  .sm-px-25 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .sm-py-25 {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .sm-pb-25 {
    padding-bottom: 25px;
  }

  .sm-pt-25 {
    padding-top: 25px;
  }

  .sm-pr-25 {
    padding-right: 25px;
  }

  .sm-pl-25 {
    padding-left: 25px;
  }

  .sm-mx-30 {
    margin-left: 30px;
    margin-right: 30px;
  }

  .sm-my-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .sm-mb-30 {
    margin-bottom: 30px;
  }

  .sm-mt-30 {
    margin-top: 30px;
  }

  .sm-mr-30 {
    margin-right: 30px;
  }

  .sm-ml-30 {
    margin-left: 30px;
  }

  .sm-px-30 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .sm-py-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .sm-pb-30 {
    padding-bottom: 30px;
  }

  .sm-pt-30 {
    padding-top: 30px;
  }

  .sm-pr-30 {
    padding-right: 30px;
  }

  .sm-pl-30 {
    padding-left: 30px;
  }

  .sm-mx-35 {
    margin-left: 35px;
    margin-right: 35px;
  }

  .sm-my-35 {
    margin-top: 35px;
    margin-bottom: 35px;
  }

  .sm-mb-35 {
    margin-bottom: 35px;
  }

  .sm-mt-35 {
    margin-top: 35px;
  }

  .sm-mr-35 {
    margin-right: 35px;
  }

  .sm-ml-35 {
    margin-left: 35px;
  }

  .sm-px-35 {
    padding-left: 35px;
    padding-right: 35px;
  }

  .sm-py-35 {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .sm-pb-35 {
    padding-bottom: 35px;
  }

  .sm-pt-35 {
    padding-top: 35px;
  }

  .sm-pr-35 {
    padding-right: 35px;
  }

  .sm-pl-35 {
    padding-left: 35px;
  }

  .sm-mx-40 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .sm-my-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .sm-mb-40 {
    margin-bottom: 40px;
  }

  .sm-mt-40 {
    margin-top: 40px;
  }

  .sm-mr-40 {
    margin-right: 40px;
  }

  .sm-ml-40 {
    margin-left: 40px;
  }

  .sm-px-40 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .sm-py-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .sm-pb-40 {
    padding-bottom: 40px;
  }

  .sm-pt-40 {
    padding-top: 40px;
  }

  .sm-pr-40 {
    padding-right: 40px;
  }

  .sm-pl-40 {
    padding-left: 40px;
  }

  .sm-mx-45 {
    margin-left: 45px;
    margin-right: 45px;
  }

  .sm-my-45 {
    margin-top: 45px;
    margin-bottom: 45px;
  }

  .sm-mb-45 {
    margin-bottom: 45px;
  }

  .sm-mt-45 {
    margin-top: 45px;
  }

  .sm-mr-45 {
    margin-right: 45px;
  }

  .sm-ml-45 {
    margin-left: 45px;
  }

  .sm-px-45 {
    padding-left: 45px;
    padding-right: 45px;
  }

  .sm-py-45 {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .sm-pb-45 {
    padding-bottom: 45px;
  }

  .sm-pt-45 {
    padding-top: 45px;
  }

  .sm-pr-45 {
    padding-right: 45px;
  }

  .sm-pl-45 {
    padding-left: 45px;
  }

  .sm-mx-50 {
    margin-left: 50px;
    margin-right: 50px;
  }

  .sm-my-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .sm-mb-50 {
    margin-bottom: 50px;
  }

  .sm-mt-50 {
    margin-top: 50px;
  }

  .sm-mr-50 {
    margin-right: 50px;
  }

  .sm-ml-50 {
    margin-left: 50px;
  }

  .sm-px-50 {
    padding-left: 50px;
    padding-right: 50px;
  }

  .sm-py-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .sm-pb-50 {
    padding-bottom: 50px;
  }

  .sm-pt-50 {
    padding-top: 50px;
  }

  .sm-pr-50 {
    padding-right: 50px;
  }

  .sm-pl-50 {
    padding-left: 50px;
  }

  .sm-mx-55 {
    margin-left: 55px;
    margin-right: 55px;
  }

  .sm-my-55 {
    margin-top: 55px;
    margin-bottom: 55px;
  }

  .sm-mb-55 {
    margin-bottom: 55px;
  }

  .sm-mt-55 {
    margin-top: 55px;
  }

  .sm-mr-55 {
    margin-right: 55px;
  }

  .sm-ml-55 {
    margin-left: 55px;
  }

  .sm-px-55 {
    padding-left: 55px;
    padding-right: 55px;
  }

  .sm-py-55 {
    padding-top: 55px;
    padding-bottom: 55px;
  }

  .sm-pb-55 {
    padding-bottom: 55px;
  }

  .sm-pt-55 {
    padding-top: 55px;
  }

  .sm-pr-55 {
    padding-right: 55px;
  }

  .sm-pl-55 {
    padding-left: 55px;
  }

  .sm-mx-60 {
    margin-left: 60px;
    margin-right: 60px;
  }

  .sm-my-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .sm-mb-60 {
    margin-bottom: 60px;
  }

  .sm-mt-60 {
    margin-top: 60px;
  }

  .sm-mr-60 {
    margin-right: 60px;
  }

  .sm-ml-60 {
    margin-left: 60px;
  }

  .sm-px-60 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .sm-py-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .sm-pb-60 {
    padding-bottom: 60px;
  }

  .sm-pt-60 {
    padding-top: 60px;
  }

  .sm-pr-60 {
    padding-right: 60px;
  }

  .sm-pl-60 {
    padding-left: 60px;
  }

  .sm-mx-65 {
    margin-left: 65px;
    margin-right: 65px;
  }

  .sm-my-65 {
    margin-top: 65px;
    margin-bottom: 65px;
  }

  .sm-mb-65 {
    margin-bottom: 65px;
  }

  .sm-mt-65 {
    margin-top: 65px;
  }

  .sm-mr-65 {
    margin-right: 65px;
  }

  .sm-ml-65 {
    margin-left: 65px;
  }

  .sm-px-65 {
    padding-left: 65px;
    padding-right: 65px;
  }

  .sm-py-65 {
    padding-top: 65px;
    padding-bottom: 65px;
  }

  .sm-pb-65 {
    padding-bottom: 65px;
  }

  .sm-pt-65 {
    padding-top: 65px;
  }

  .sm-pr-65 {
    padding-right: 65px;
  }

  .sm-pl-65 {
    padding-left: 65px;
  }

  .sm-mx-70 {
    margin-left: 70px;
    margin-right: 70px;
  }

  .sm-my-70 {
    margin-top: 70px;
    margin-bottom: 70px;
  }

  .sm-mb-70 {
    margin-bottom: 70px;
  }

  .sm-mt-70 {
    margin-top: 70px;
  }

  .sm-mr-70 {
    margin-right: 70px;
  }

  .sm-ml-70 {
    margin-left: 70px;
  }

  .sm-px-70 {
    padding-left: 70px;
    padding-right: 70px;
  }

  .sm-py-70 {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .sm-pb-70 {
    padding-bottom: 70px;
  }

  .sm-pt-70 {
    padding-top: 70px;
  }

  .sm-pr-70 {
    padding-right: 70px;
  }

  .sm-pl-70 {
    padding-left: 70px;
  }

  .sm-mx-75 {
    margin-left: 75px;
    margin-right: 75px;
  }

  .sm-my-75 {
    margin-top: 75px;
    margin-bottom: 75px;
  }

  .sm-mb-75 {
    margin-bottom: 75px;
  }

  .sm-mt-75 {
    margin-top: 75px;
  }

  .sm-mr-75 {
    margin-right: 75px;
  }

  .sm-ml-75 {
    margin-left: 75px;
  }

  .sm-px-75 {
    padding-left: 75px;
    padding-right: 75px;
  }

  .sm-py-75 {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .sm-pb-75 {
    padding-bottom: 75px;
  }

  .sm-pt-75 {
    padding-top: 75px;
  }

  .sm-pr-75 {
    padding-right: 75px;
  }

  .sm-pl-75 {
    padding-left: 75px;
  }

  .sm-mx-80 {
    margin-left: 80px;
    margin-right: 80px;
  }

  .sm-my-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .sm-mb-80 {
    margin-bottom: 80px;
  }

  .sm-mt-80 {
    margin-top: 80px;
  }

  .sm-mr-80 {
    margin-right: 80px;
  }

  .sm-ml-80 {
    margin-left: 80px;
  }

  .sm-px-80 {
    padding-left: 80px;
    padding-right: 80px;
  }

  .sm-py-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .sm-pb-80 {
    padding-bottom: 80px;
  }

  .sm-pt-80 {
    padding-top: 80px;
  }

  .sm-pr-80 {
    padding-right: 80px;
  }

  .sm-pl-80 {
    padding-left: 80px;
  }

  .sm-mx-85 {
    margin-left: 85px;
    margin-right: 85px;
  }

  .sm-my-85 {
    margin-top: 85px;
    margin-bottom: 85px;
  }

  .sm-mb-85 {
    margin-bottom: 85px;
  }

  .sm-mt-85 {
    margin-top: 85px;
  }

  .sm-mr-85 {
    margin-right: 85px;
  }

  .sm-ml-85 {
    margin-left: 85px;
  }

  .sm-px-85 {
    padding-left: 85px;
    padding-right: 85px;
  }

  .sm-py-85 {
    padding-top: 85px;
    padding-bottom: 85px;
  }

  .sm-pb-85 {
    padding-bottom: 85px;
  }

  .sm-pt-85 {
    padding-top: 85px;
  }

  .sm-pr-85 {
    padding-right: 85px;
  }

  .sm-pl-85 {
    padding-left: 85px;
  }

  .sm-mx-90 {
    margin-left: 90px;
    margin-right: 90px;
  }

  .sm-my-90 {
    margin-top: 90px;
    margin-bottom: 90px;
  }

  .sm-mb-90 {
    margin-bottom: 90px;
  }

  .sm-mt-90 {
    margin-top: 90px;
  }

  .sm-mr-90 {
    margin-right: 90px;
  }

  .sm-ml-90 {
    margin-left: 90px;
  }

  .sm-px-90 {
    padding-left: 90px;
    padding-right: 90px;
  }

  .sm-py-90 {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .sm-pb-90 {
    padding-bottom: 90px;
  }

  .sm-pt-90 {
    padding-top: 90px;
  }

  .sm-pr-90 {
    padding-right: 90px;
  }

  .sm-pl-90 {
    padding-left: 90px;
  }

  .sm-mx-95 {
    margin-left: 95px;
    margin-right: 95px;
  }

  .sm-my-95 {
    margin-top: 95px;
    margin-bottom: 95px;
  }

  .sm-mb-95 {
    margin-bottom: 95px;
  }

  .sm-mt-95 {
    margin-top: 95px;
  }

  .sm-mr-95 {
    margin-right: 95px;
  }

  .sm-ml-95 {
    margin-left: 95px;
  }

  .sm-px-95 {
    padding-left: 95px;
    padding-right: 95px;
  }

  .sm-py-95 {
    padding-top: 95px;
    padding-bottom: 95px;
  }

  .sm-pb-95 {
    padding-bottom: 95px;
  }

  .sm-pt-95 {
    padding-top: 95px;
  }

  .sm-pr-95 {
    padding-right: 95px;
  }

  .sm-pl-95 {
    padding-left: 95px;
  }

  .sm-mx-100 {
    margin-left: 100px;
    margin-right: 100px;
  }

  .sm-my-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .sm-mb-100 {
    margin-bottom: 100px;
  }

  .sm-mt-100 {
    margin-top: 100px;
  }

  .sm-mr-100 {
    margin-right: 100px;
  }

  .sm-ml-100 {
    margin-left: 100px;
  }

  .sm-px-100 {
    padding-left: 100px;
    padding-right: 100px;
  }

  .sm-py-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .sm-pb-100 {
    padding-bottom: 100px;
  }

  .sm-pt-100 {
    padding-top: 100px;
  }

  .sm-pr-100 {
    padding-right: 100px;
  }

  .sm-pl-100 {
    padding-left: 100px;
  }

  .sm-mx-105 {
    margin-left: 105px;
    margin-right: 105px;
  }

  .sm-my-105 {
    margin-top: 105px;
    margin-bottom: 105px;
  }

  .sm-mb-105 {
    margin-bottom: 105px;
  }

  .sm-mt-105 {
    margin-top: 105px;
  }

  .sm-mr-105 {
    margin-right: 105px;
  }

  .sm-ml-105 {
    margin-left: 105px;
  }

  .sm-px-105 {
    padding-left: 105px;
    padding-right: 105px;
  }

  .sm-py-105 {
    padding-top: 105px;
    padding-bottom: 105px;
  }

  .sm-pb-105 {
    padding-bottom: 105px;
  }

  .sm-pt-105 {
    padding-top: 105px;
  }

  .sm-pr-105 {
    padding-right: 105px;
  }

  .sm-pl-105 {
    padding-left: 105px;
  }

  .sm-mx-110 {
    margin-left: 110px;
    margin-right: 110px;
  }

  .sm-my-110 {
    margin-top: 110px;
    margin-bottom: 110px;
  }

  .sm-mb-110 {
    margin-bottom: 110px;
  }

  .sm-mt-110 {
    margin-top: 110px;
  }

  .sm-mr-110 {
    margin-right: 110px;
  }

  .sm-ml-110 {
    margin-left: 110px;
  }

  .sm-px-110 {
    padding-left: 110px;
    padding-right: 110px;
  }

  .sm-py-110 {
    padding-top: 110px;
    padding-bottom: 110px;
  }

  .sm-pb-110 {
    padding-bottom: 110px;
  }

  .sm-pt-110 {
    padding-top: 110px;
  }

  .sm-pr-110 {
    padding-right: 110px;
  }

  .sm-pl-110 {
    padding-left: 110px;
  }

  .sm-mx-115 {
    margin-left: 115px;
    margin-right: 115px;
  }

  .sm-my-115 {
    margin-top: 115px;
    margin-bottom: 115px;
  }

  .sm-mb-115 {
    margin-bottom: 115px;
  }

  .sm-mt-115 {
    margin-top: 115px;
  }

  .sm-mr-115 {
    margin-right: 115px;
  }

  .sm-ml-115 {
    margin-left: 115px;
  }

  .sm-px-115 {
    padding-left: 115px;
    padding-right: 115px;
  }

  .sm-py-115 {
    padding-top: 115px;
    padding-bottom: 115px;
  }

  .sm-pb-115 {
    padding-bottom: 115px;
  }

  .sm-pt-115 {
    padding-top: 115px;
  }

  .sm-pr-115 {
    padding-right: 115px;
  }

  .sm-pl-115 {
    padding-left: 115px;
  }

  .sm-mx-120 {
    margin-left: 120px;
    margin-right: 120px;
  }

  .sm-my-120 {
    margin-top: 120px;
    margin-bottom: 120px;
  }

  .sm-mb-120 {
    margin-bottom: 120px;
  }

  .sm-mt-120 {
    margin-top: 120px;
  }

  .sm-mr-120 {
    margin-right: 120px;
  }

  .sm-ml-120 {
    margin-left: 120px;
  }

  .sm-px-120 {
    padding-left: 120px;
    padding-right: 120px;
  }

  .sm-py-120 {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .sm-pb-120 {
    padding-bottom: 120px;
  }

  .sm-pt-120 {
    padding-top: 120px;
  }

  .sm-pr-120 {
    padding-right: 120px;
  }

  .sm-pl-120 {
    padding-left: 120px;
  }

  .sm-mx-125 {
    margin-left: 125px;
    margin-right: 125px;
  }

  .sm-my-125 {
    margin-top: 125px;
    margin-bottom: 125px;
  }

  .sm-mb-125 {
    margin-bottom: 125px;
  }

  .sm-mt-125 {
    margin-top: 125px;
  }

  .sm-mr-125 {
    margin-right: 125px;
  }

  .sm-ml-125 {
    margin-left: 125px;
  }

  .sm-px-125 {
    padding-left: 125px;
    padding-right: 125px;
  }

  .sm-py-125 {
    padding-top: 125px;
    padding-bottom: 125px;
  }

  .sm-pb-125 {
    padding-bottom: 125px;
  }

  .sm-pt-125 {
    padding-top: 125px;
  }

  .sm-pr-125 {
    padding-right: 125px;
  }

  .sm-pl-125 {
    padding-left: 125px;
  }

  .sm-mx-130 {
    margin-left: 130px;
    margin-right: 130px;
  }

  .sm-my-130 {
    margin-top: 130px;
    margin-bottom: 130px;
  }

  .sm-mb-130 {
    margin-bottom: 130px;
  }

  .sm-mt-130 {
    margin-top: 130px;
  }

  .sm-mr-130 {
    margin-right: 130px;
  }

  .sm-ml-130 {
    margin-left: 130px;
  }

  .sm-px-130 {
    padding-left: 130px;
    padding-right: 130px;
  }

  .sm-py-130 {
    padding-top: 130px;
    padding-bottom: 130px;
  }

  .sm-pb-130 {
    padding-bottom: 130px;
  }

  .sm-pt-130 {
    padding-top: 130px;
  }

  .sm-pr-130 {
    padding-right: 130px;
  }

  .sm-pl-130 {
    padding-left: 130px;
  }

  .sm-mx-135 {
    margin-left: 135px;
    margin-right: 135px;
  }

  .sm-my-135 {
    margin-top: 135px;
    margin-bottom: 135px;
  }

  .sm-mb-135 {
    margin-bottom: 135px;
  }

  .sm-mt-135 {
    margin-top: 135px;
  }

  .sm-mr-135 {
    margin-right: 135px;
  }

  .sm-ml-135 {
    margin-left: 135px;
  }

  .sm-px-135 {
    padding-left: 135px;
    padding-right: 135px;
  }

  .sm-py-135 {
    padding-top: 135px;
    padding-bottom: 135px;
  }

  .sm-pb-135 {
    padding-bottom: 135px;
  }

  .sm-pt-135 {
    padding-top: 135px;
  }

  .sm-pr-135 {
    padding-right: 135px;
  }

  .sm-pl-135 {
    padding-left: 135px;
  }

  .sm-mx-140 {
    margin-left: 140px;
    margin-right: 140px;
  }

  .sm-my-140 {
    margin-top: 140px;
    margin-bottom: 140px;
  }

  .sm-mb-140 {
    margin-bottom: 140px;
  }

  .sm-mt-140 {
    margin-top: 140px;
  }

  .sm-mr-140 {
    margin-right: 140px;
  }

  .sm-ml-140 {
    margin-left: 140px;
  }

  .sm-px-140 {
    padding-left: 140px;
    padding-right: 140px;
  }

  .sm-py-140 {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .sm-pb-140 {
    padding-bottom: 140px;
  }

  .sm-pt-140 {
    padding-top: 140px;
  }

  .sm-pr-140 {
    padding-right: 140px;
  }

  .sm-pl-140 {
    padding-left: 140px;
  }

  .sm-mx-145 {
    margin-left: 145px;
    margin-right: 145px;
  }

  .sm-my-145 {
    margin-top: 145px;
    margin-bottom: 145px;
  }

  .sm-mb-145 {
    margin-bottom: 145px;
  }

  .sm-mt-145 {
    margin-top: 145px;
  }

  .sm-mr-145 {
    margin-right: 145px;
  }

  .sm-ml-145 {
    margin-left: 145px;
  }

  .sm-px-145 {
    padding-left: 145px;
    padding-right: 145px;
  }

  .sm-py-145 {
    padding-top: 145px;
    padding-bottom: 145px;
  }

  .sm-pb-145 {
    padding-bottom: 145px;
  }

  .sm-pt-145 {
    padding-top: 145px;
  }

  .sm-pr-145 {
    padding-right: 145px;
  }

  .sm-pl-145 {
    padding-left: 145px;
  }

  .sm-mx-150 {
    margin-left: 150px;
    margin-right: 150px;
  }

  .sm-my-150 {
    margin-top: 150px;
    margin-bottom: 150px;
  }

  .sm-mb-150 {
    margin-bottom: 150px;
  }

  .sm-mt-150 {
    margin-top: 150px;
  }

  .sm-mr-150 {
    margin-right: 150px;
  }

  .sm-ml-150 {
    margin-left: 150px;
  }

  .sm-px-150 {
    padding-left: 150px;
    padding-right: 150px;
  }

  .sm-py-150 {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .sm-pb-150 {
    padding-bottom: 150px;
  }

  .sm-pt-150 {
    padding-top: 150px;
  }

  .sm-pr-150 {
    padding-right: 150px;
  }

  .sm-pl-150 {
    padding-left: 150px;
  }

  .sm-mx-155 {
    margin-left: 155px;
    margin-right: 155px;
  }

  .sm-my-155 {
    margin-top: 155px;
    margin-bottom: 155px;
  }

  .sm-mb-155 {
    margin-bottom: 155px;
  }

  .sm-mt-155 {
    margin-top: 155px;
  }

  .sm-mr-155 {
    margin-right: 155px;
  }

  .sm-ml-155 {
    margin-left: 155px;
  }

  .sm-px-155 {
    padding-left: 155px;
    padding-right: 155px;
  }

  .sm-py-155 {
    padding-top: 155px;
    padding-bottom: 155px;
  }

  .sm-pb-155 {
    padding-bottom: 155px;
  }

  .sm-pt-155 {
    padding-top: 155px;
  }

  .sm-pr-155 {
    padding-right: 155px;
  }

  .sm-pl-155 {
    padding-left: 155px;
  }

  .sm-mx-160 {
    margin-left: 160px;
    margin-right: 160px;
  }

  .sm-my-160 {
    margin-top: 160px;
    margin-bottom: 160px;
  }

  .sm-mb-160 {
    margin-bottom: 160px;
  }

  .sm-mt-160 {
    margin-top: 160px;
  }

  .sm-mr-160 {
    margin-right: 160px;
  }

  .sm-ml-160 {
    margin-left: 160px;
  }

  .sm-px-160 {
    padding-left: 160px;
    padding-right: 160px;
  }

  .sm-py-160 {
    padding-top: 160px;
    padding-bottom: 160px;
  }

  .sm-pb-160 {
    padding-bottom: 160px;
  }

  .sm-pt-160 {
    padding-top: 160px;
  }

  .sm-pr-160 {
    padding-right: 160px;
  }

  .sm-pl-160 {
    padding-left: 160px;
  }

  /* Dispaly
  ---------------------------------------------------------------------------- */
  .sm-hidden {
    display: none !important;
  }

  .sm-block {
    display: block;
  }

  .sm-none {
    display: none;
  }

  .sm-inline {
    display: inline;
  }

  .sm-inline-block {
    display: inline-block;
  }

  .sm-inline-flex {
    display: inline-flex;
  }

  .sm-flex {
    display: flex;
  }

  .sm-table {
    display: table;
  }

  /* Overflow
  ---------------------------------------------------------------------------- */
  .sm-overflow-auto {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }

  .sm-overflow-x-auto {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .sm-overflow-y-auto {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .sm-overflow-hidden {
    overflow: hidden;
  }

  .sm-overflow-x-hidden {
    overflow-x: hidden;
  }

  .sm-overflow-y-hidden {
    overflow-y: hidden;
  }

  /* Stratic
  ---------------------------------------------------------------------------- */
  .sm-static {
    position: static;
  }

  .sm-fixed {
    position: fixed;
  }

  .sm-absolute {
    position: absolute;
  }

  .sm-relative {
    position: relative;
  }

  .sm-sticky {
    position: -webkit-sticky;
    position: sticky;
  }

  .sm-pin-t {
    top: 0;
  }

  .sm-pin-r {
    right: 0;
  }

  .sm-pin-b {
    bottom: 0;
  }

  .sm-pin-l {
    left: 0;
  }

  .sm-pin-y {
    top: 0;
    bottom: 0;
  }

  .sm-pin-x {
    right: 0;
    left: 0;
  }

  .sm-pin {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .sm-pin-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  /* Z-index
  ---------------------------------------------------------------------------- */
  .sm-z0 {
    z-index: 0;
  }

  .sm-z10 {
    z-index: 10;
  }

  .sm-z20 {
    z-index: 20;
  }

  .sm-z30 {
    z-index: 30;
  }

  .sm-z40 {
    z-index: 40;
  }

  .sm-z50 {
    z-index: 50;
  }

  .sm-z60 {
    z-index: 60;
  }

  .sm-z70 {
    z-index: 70;
  }

  .sm-z80 {
    z-index: 80;
  }

  .sm-z90 {
    z-index: 90;
  }

  .sm-zmax {
    z-index: 2147483647;
  }

  .sm-z-1 {
    z-index: auto;
  }

  /* Flex
  ---------------------------------------------------------------------------- */
  .sm-flex-nowrap {
    flex-wrap: nowrap;
  }

  .sm-flex-wrap {
    flex-wrap: wrap;
  }

  .sm-flex-row {
    flex-direction: row;
  }

  .sm-flex-column {
    flex-direction: column;
  }

  .sm-content-start {
    align-content: flex-start;
  }

  .sm-content-center {
    align-content: center;
  }

  .sm-content-end {
    align-content: flex-end;
  }

  .sm-content-between {
    align-content: space-between;
  }

  .sm-content-around {
    align-content: space-around;
  }

  .sm-justify-start {
    justify-content: flex-start;
  }

  .sm-justify-center {
    justify-content: center;
  }

  .sm-justify-end {
    justify-content: flex-end;
  }

  .sm-justify-between {
    justify-content: space-between;
  }

  .sm-justify-around {
    justify-content: space-around;
  }

  .sm-items-stretch {
    align-items: stretch;
  }

  .sm-items-start {
    align-items: flex-start;
  }

  .sm-items-center {
    align-items: center;
  }

  .sm-items-end {
    align-items: flex-end;
  }

  .sm-items-baseline {
    align-items: baseline;
  }

  .sm-self-auto {
    align-self: auto;
  }

  .sm-self-start {
    align-self: flex-start;
  }

  .sm-self-center {
    align-self: center;
  }

  .sm-self-end {
    align-self: flex-end;
  }

  .sm-self-stretch {
    align-self: stretch;
  }

  /* Width & Height
  ---------------------------------------------------------------------------- */
  .sm-w-auto {
    width: auto;
  }

  .sm-w-half {
    width: 50%;
  }

  .sm-w-full {
    width: 100%;
  }

  .sm-w-screen {
    width: 100vw;
  }

  .sm-maxw-full {
    max-width: 100%;
  }

  .sm-maxw-screen {
    max-width: 100vw;
  }

  .sm-minw-full {
    min-width: 100%;
  }

  .sm-minw-screen {
    min-width: 100vw;
  }

  .sm-h-auto {
    height: auto;
  }

  .sm-h-full {
    height: 100%;
  }

  .sm-h-screen {
    height: 100vh;
  }

  .sm-maxh-full {
    max-height: 100%;
  }

  .sm-maxh-screen {
    max-height: 100vh;
  }

  .sm-minh-full {
    min-height: 100%;
  }

  .sm-minh-screen {
    min-height: 100vh;
  }

  /* Pointer & Select
  ---------------------------------------------------------------------------- */
  .sm-no-events {
    pointer-events: none;
  }

  .sm-with-events {
    pointer-events: auto;
  }

  .sm-no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .sm-with-select {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
  }

  /* Text
  ---------------------------------------------------------------------------- */
  .sm-text-left {
    text-align: left;
  }

  .sm-text-center {
    text-align: center;
  }

  .sm-text-right {
    text-align: right;
  }

  .sm-text-justify {
    text-align: justify;
  }

  /* Whitespace
  ---------------------------------------------------------------------------- */
  .sm-wspace-normal {
    white-space: normal;
  }

  .sm-wspace-nowrap {
    white-space: nowrap;
  }

  .sm-wspace-pre {
    white-space: pre;
  }

  .sm-wspace-pre-line {
    white-space: pre-line;
  }

  .sm-wspace-pre-wrap {
    white-space: pre-wrap;
  }

  /* Truncate
  ---------------------------------------------------------------------------- */
  .sm-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /* Text transfomr
  ---------------------------------------------------------------------------- */
  .sm-ucase {
    text-transform: uppercase;
  }

  .sm-lcase {
    text-transform: lowercase;
  }

  /* Cursor
  ---------------------------------------------------------------------------- */
  .sm-cursor-pointer {
    cursor: pointer;
  }

  .sm-cursor-default {
    cursor: default;
  }

  .sm-no-cursror {
    cursor: none;
  }
}
@media only screen and (min-width: 960px) {
  /* Margins & Paddings
  ---------------------------------------------------------------------------- */
  .md-m-auto {
    margin: auto;
  }

  .md-ml-auto {
    margin-left: auto;
  }

  .md-mt-auto {
    margin-top: auto;
  }

  .md-mb-auto {
    margin-bottom: auto;
  }

  .md-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .md-mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .md-my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .md-mb-0 {
    margin-bottom: 0px;
  }

  .md-mt-0 {
    margin-top: 0px;
  }

  .md-mr-0 {
    margin-right: 0px;
  }

  .md-ml-0 {
    margin-left: 0px;
  }

  .md-px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .md-py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .md-pb-0 {
    padding-bottom: 0px;
  }

  .md-pt-0 {
    padding-top: 0px;
  }

  .md-pr-0 {
    padding-right: 0px;
  }

  .md-pl-0 {
    padding-left: 0px;
  }

  .md-mx-5 {
    margin-left: 5px;
    margin-right: 5px;
  }

  .md-my-5 {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .md-mb-5 {
    margin-bottom: 5px;
  }

  .md-mt-5 {
    margin-top: 5px;
  }

  .md-mr-5 {
    margin-right: 5px;
  }

  .md-ml-5 {
    margin-left: 5px;
  }

  .md-px-5 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .md-py-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .md-pb-5 {
    padding-bottom: 5px;
  }

  .md-pt-5 {
    padding-top: 5px;
  }

  .md-pr-5 {
    padding-right: 5px;
  }

  .md-pl-5 {
    padding-left: 5px;
  }

  .md-mx-10 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .md-my-10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .md-mb-10 {
    margin-bottom: 10px;
  }

  .md-mt-10 {
    margin-top: 10px;
  }

  .md-mr-10 {
    margin-right: 10px;
  }

  .md-ml-10 {
    margin-left: 10px;
  }

  .md-px-10 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .md-py-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .md-pb-10 {
    padding-bottom: 10px;
  }

  .md-pt-10 {
    padding-top: 10px;
  }

  .md-pr-10 {
    padding-right: 10px;
  }

  .md-pl-10 {
    padding-left: 10px;
  }

  .md-mx-15 {
    margin-left: 15px;
    margin-right: 15px;
  }

  .md-my-15 {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .md-mb-15 {
    margin-bottom: 15px;
  }

  .md-mt-15 {
    margin-top: 15px;
  }

  .md-mr-15 {
    margin-right: 15px;
  }

  .md-ml-15 {
    margin-left: 15px;
  }

  .md-px-15 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .md-py-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .md-pb-15 {
    padding-bottom: 15px;
  }

  .md-pt-15 {
    padding-top: 15px;
  }

  .md-pr-15 {
    padding-right: 15px;
  }

  .md-pl-15 {
    padding-left: 15px;
  }

  .md-mx-20 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .md-my-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .md-mb-20 {
    margin-bottom: 20px;
  }

  .md-mt-20 {
    margin-top: 20px;
  }

  .md-mr-20 {
    margin-right: 20px;
  }

  .md-ml-20 {
    margin-left: 20px;
  }

  .md-px-20 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .md-py-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .md-pb-20 {
    padding-bottom: 20px;
  }

  .md-pt-20 {
    padding-top: 20px;
  }

  .md-pr-20 {
    padding-right: 20px;
  }

  .md-pl-20 {
    padding-left: 20px;
  }

  .md-mx-25 {
    margin-left: 25px;
    margin-right: 25px;
  }

  .md-my-25 {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .md-mb-25 {
    margin-bottom: 25px;
  }

  .md-mt-25 {
    margin-top: 25px;
  }

  .md-mr-25 {
    margin-right: 25px;
  }

  .md-ml-25 {
    margin-left: 25px;
  }

  .md-px-25 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .md-py-25 {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .md-pb-25 {
    padding-bottom: 25px;
  }

  .md-pt-25 {
    padding-top: 25px;
  }

  .md-pr-25 {
    padding-right: 25px;
  }

  .md-pl-25 {
    padding-left: 25px;
  }

  .md-mx-30 {
    margin-left: 30px;
    margin-right: 30px;
  }

  .md-my-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .md-mb-30 {
    margin-bottom: 30px;
  }

  .md-mt-30 {
    margin-top: 30px;
  }

  .md-mr-30 {
    margin-right: 30px;
  }

  .md-ml-30 {
    margin-left: 30px;
  }

  .md-px-30 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .md-py-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .md-pb-30 {
    padding-bottom: 30px;
  }

  .md-pt-30 {
    padding-top: 30px;
  }

  .md-pr-30 {
    padding-right: 30px;
  }

  .md-pl-30 {
    padding-left: 30px;
  }

  .md-mx-35 {
    margin-left: 35px;
    margin-right: 35px;
  }

  .md-my-35 {
    margin-top: 35px;
    margin-bottom: 35px;
  }

  .md-mb-35 {
    margin-bottom: 35px;
  }

  .md-mt-35 {
    margin-top: 35px;
  }

  .md-mr-35 {
    margin-right: 35px;
  }

  .md-ml-35 {
    margin-left: 35px;
  }

  .md-px-35 {
    padding-left: 35px;
    padding-right: 35px;
  }

  .md-py-35 {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .md-pb-35 {
    padding-bottom: 35px;
  }

  .md-pt-35 {
    padding-top: 35px;
  }

  .md-pr-35 {
    padding-right: 35px;
  }

  .md-pl-35 {
    padding-left: 35px;
  }

  .md-mx-40 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .md-my-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .md-mb-40 {
    margin-bottom: 40px;
  }

  .md-mt-40 {
    margin-top: 40px;
  }

  .md-mr-40 {
    margin-right: 40px;
  }

  .md-ml-40 {
    margin-left: 40px;
  }

  .md-px-40 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .md-py-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .md-pb-40 {
    padding-bottom: 40px;
  }

  .md-pt-40 {
    padding-top: 40px;
  }

  .md-pr-40 {
    padding-right: 40px;
  }

  .md-pl-40 {
    padding-left: 40px;
  }

  .md-mx-45 {
    margin-left: 45px;
    margin-right: 45px;
  }

  .md-my-45 {
    margin-top: 45px;
    margin-bottom: 45px;
  }

  .md-mb-45 {
    margin-bottom: 45px;
  }

  .md-mt-45 {
    margin-top: 45px;
  }

  .md-mr-45 {
    margin-right: 45px;
  }

  .md-ml-45 {
    margin-left: 45px;
  }

  .md-px-45 {
    padding-left: 45px;
    padding-right: 45px;
  }

  .md-py-45 {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .md-pb-45 {
    padding-bottom: 45px;
  }

  .md-pt-45 {
    padding-top: 45px;
  }

  .md-pr-45 {
    padding-right: 45px;
  }

  .md-pl-45 {
    padding-left: 45px;
  }

  .md-mx-50 {
    margin-left: 50px;
    margin-right: 50px;
  }

  .md-my-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .md-mb-50 {
    margin-bottom: 50px;
  }

  .md-mt-50 {
    margin-top: 50px;
  }

  .md-mr-50 {
    margin-right: 50px;
  }

  .md-ml-50 {
    margin-left: 50px;
  }

  .md-px-50 {
    padding-left: 50px;
    padding-right: 50px;
  }

  .md-py-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .md-pb-50 {
    padding-bottom: 50px;
  }

  .md-pt-50 {
    padding-top: 50px;
  }

  .md-pr-50 {
    padding-right: 50px;
  }

  .md-pl-50 {
    padding-left: 50px;
  }

  .md-mx-55 {
    margin-left: 55px;
    margin-right: 55px;
  }

  .md-my-55 {
    margin-top: 55px;
    margin-bottom: 55px;
  }

  .md-mb-55 {
    margin-bottom: 55px;
  }

  .md-mt-55 {
    margin-top: 55px;
  }

  .md-mr-55 {
    margin-right: 55px;
  }

  .md-ml-55 {
    margin-left: 55px;
  }

  .md-px-55 {
    padding-left: 55px;
    padding-right: 55px;
  }

  .md-py-55 {
    padding-top: 55px;
    padding-bottom: 55px;
  }

  .md-pb-55 {
    padding-bottom: 55px;
  }

  .md-pt-55 {
    padding-top: 55px;
  }

  .md-pr-55 {
    padding-right: 55px;
  }

  .md-pl-55 {
    padding-left: 55px;
  }

  .md-mx-60 {
    margin-left: 60px;
    margin-right: 60px;
  }

  .md-my-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .md-mb-60 {
    margin-bottom: 60px;
  }

  .md-mt-60 {
    margin-top: 60px;
  }

  .md-mr-60 {
    margin-right: 60px;
  }

  .md-ml-60 {
    margin-left: 60px;
  }

  .md-px-60 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .md-py-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .md-pb-60 {
    padding-bottom: 60px;
  }

  .md-pt-60 {
    padding-top: 60px;
  }

  .md-pr-60 {
    padding-right: 60px;
  }

  .md-pl-60 {
    padding-left: 60px;
  }

  .md-mx-65 {
    margin-left: 65px;
    margin-right: 65px;
  }

  .md-my-65 {
    margin-top: 65px;
    margin-bottom: 65px;
  }

  .md-mb-65 {
    margin-bottom: 65px;
  }

  .md-mt-65 {
    margin-top: 65px;
  }

  .md-mr-65 {
    margin-right: 65px;
  }

  .md-ml-65 {
    margin-left: 65px;
  }

  .md-px-65 {
    padding-left: 65px;
    padding-right: 65px;
  }

  .md-py-65 {
    padding-top: 65px;
    padding-bottom: 65px;
  }

  .md-pb-65 {
    padding-bottom: 65px;
  }

  .md-pt-65 {
    padding-top: 65px;
  }

  .md-pr-65 {
    padding-right: 65px;
  }

  .md-pl-65 {
    padding-left: 65px;
  }

  .md-mx-70 {
    margin-left: 70px;
    margin-right: 70px;
  }

  .md-my-70 {
    margin-top: 70px;
    margin-bottom: 70px;
  }

  .md-mb-70 {
    margin-bottom: 70px;
  }

  .md-mt-70 {
    margin-top: 70px;
  }

  .md-mr-70 {
    margin-right: 70px;
  }

  .md-ml-70 {
    margin-left: 70px;
  }

  .md-px-70 {
    padding-left: 70px;
    padding-right: 70px;
  }

  .md-py-70 {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .md-pb-70 {
    padding-bottom: 70px;
  }

  .md-pt-70 {
    padding-top: 70px;
  }

  .md-pr-70 {
    padding-right: 70px;
  }

  .md-pl-70 {
    padding-left: 70px;
  }

  .md-mx-75 {
    margin-left: 75px;
    margin-right: 75px;
  }

  .md-my-75 {
    margin-top: 75px;
    margin-bottom: 75px;
  }

  .md-mb-75 {
    margin-bottom: 75px;
  }

  .md-mt-75 {
    margin-top: 75px;
  }

  .md-mr-75 {
    margin-right: 75px;
  }

  .md-ml-75 {
    margin-left: 75px;
  }

  .md-px-75 {
    padding-left: 75px;
    padding-right: 75px;
  }

  .md-py-75 {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .md-pb-75 {
    padding-bottom: 75px;
  }

  .md-pt-75 {
    padding-top: 75px;
  }

  .md-pr-75 {
    padding-right: 75px;
  }

  .md-pl-75 {
    padding-left: 75px;
  }

  .md-mx-80 {
    margin-left: 80px;
    margin-right: 80px;
  }

  .md-my-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .md-mb-80 {
    margin-bottom: 80px;
  }

  .md-mt-80 {
    margin-top: 80px;
  }

  .md-mr-80 {
    margin-right: 80px;
  }

  .md-ml-80 {
    margin-left: 80px;
  }

  .md-px-80 {
    padding-left: 80px;
    padding-right: 80px;
  }

  .md-py-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .md-pb-80 {
    padding-bottom: 80px;
  }

  .md-pt-80 {
    padding-top: 80px;
  }

  .md-pr-80 {
    padding-right: 80px;
  }

  .md-pl-80 {
    padding-left: 80px;
  }

  .md-mx-85 {
    margin-left: 85px;
    margin-right: 85px;
  }

  .md-my-85 {
    margin-top: 85px;
    margin-bottom: 85px;
  }

  .md-mb-85 {
    margin-bottom: 85px;
  }

  .md-mt-85 {
    margin-top: 85px;
  }

  .md-mr-85 {
    margin-right: 85px;
  }

  .md-ml-85 {
    margin-left: 85px;
  }

  .md-px-85 {
    padding-left: 85px;
    padding-right: 85px;
  }

  .md-py-85 {
    padding-top: 85px;
    padding-bottom: 85px;
  }

  .md-pb-85 {
    padding-bottom: 85px;
  }

  .md-pt-85 {
    padding-top: 85px;
  }

  .md-pr-85 {
    padding-right: 85px;
  }

  .md-pl-85 {
    padding-left: 85px;
  }

  .md-mx-90 {
    margin-left: 90px;
    margin-right: 90px;
  }

  .md-my-90 {
    margin-top: 90px;
    margin-bottom: 90px;
  }

  .md-mb-90 {
    margin-bottom: 90px;
  }

  .md-mt-90 {
    margin-top: 90px;
  }

  .md-mr-90 {
    margin-right: 90px;
  }

  .md-ml-90 {
    margin-left: 90px;
  }

  .md-px-90 {
    padding-left: 90px;
    padding-right: 90px;
  }

  .md-py-90 {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .md-pb-90 {
    padding-bottom: 90px;
  }

  .md-pt-90 {
    padding-top: 90px;
  }

  .md-pr-90 {
    padding-right: 90px;
  }

  .md-pl-90 {
    padding-left: 90px;
  }

  .md-mx-95 {
    margin-left: 95px;
    margin-right: 95px;
  }

  .md-my-95 {
    margin-top: 95px;
    margin-bottom: 95px;
  }

  .md-mb-95 {
    margin-bottom: 95px;
  }

  .md-mt-95 {
    margin-top: 95px;
  }

  .md-mr-95 {
    margin-right: 95px;
  }

  .md-ml-95 {
    margin-left: 95px;
  }

  .md-px-95 {
    padding-left: 95px;
    padding-right: 95px;
  }

  .md-py-95 {
    padding-top: 95px;
    padding-bottom: 95px;
  }

  .md-pb-95 {
    padding-bottom: 95px;
  }

  .md-pt-95 {
    padding-top: 95px;
  }

  .md-pr-95 {
    padding-right: 95px;
  }

  .md-pl-95 {
    padding-left: 95px;
  }

  .md-mx-100 {
    margin-left: 100px;
    margin-right: 100px;
  }

  .md-my-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .md-mb-100 {
    margin-bottom: 100px;
  }

  .md-mt-100 {
    margin-top: 100px;
  }

  .md-mr-100 {
    margin-right: 100px;
  }

  .md-ml-100 {
    margin-left: 100px;
  }

  .md-px-100 {
    padding-left: 100px;
    padding-right: 100px;
  }

  .md-py-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .md-pb-100 {
    padding-bottom: 100px;
  }

  .md-pt-100 {
    padding-top: 100px;
  }

  .md-pr-100 {
    padding-right: 100px;
  }

  .md-pl-100 {
    padding-left: 100px;
  }

  .md-mx-105 {
    margin-left: 105px;
    margin-right: 105px;
  }

  .md-my-105 {
    margin-top: 105px;
    margin-bottom: 105px;
  }

  .md-mb-105 {
    margin-bottom: 105px;
  }

  .md-mt-105 {
    margin-top: 105px;
  }

  .md-mr-105 {
    margin-right: 105px;
  }

  .md-ml-105 {
    margin-left: 105px;
  }

  .md-px-105 {
    padding-left: 105px;
    padding-right: 105px;
  }

  .md-py-105 {
    padding-top: 105px;
    padding-bottom: 105px;
  }

  .md-pb-105 {
    padding-bottom: 105px;
  }

  .md-pt-105 {
    padding-top: 105px;
  }

  .md-pr-105 {
    padding-right: 105px;
  }

  .md-pl-105 {
    padding-left: 105px;
  }

  .md-mx-110 {
    margin-left: 110px;
    margin-right: 110px;
  }

  .md-my-110 {
    margin-top: 110px;
    margin-bottom: 110px;
  }

  .md-mb-110 {
    margin-bottom: 110px;
  }

  .md-mt-110 {
    margin-top: 110px;
  }

  .md-mr-110 {
    margin-right: 110px;
  }

  .md-ml-110 {
    margin-left: 110px;
  }

  .md-px-110 {
    padding-left: 110px;
    padding-right: 110px;
  }

  .md-py-110 {
    padding-top: 110px;
    padding-bottom: 110px;
  }

  .md-pb-110 {
    padding-bottom: 110px;
  }

  .md-pt-110 {
    padding-top: 110px;
  }

  .md-pr-110 {
    padding-right: 110px;
  }

  .md-pl-110 {
    padding-left: 110px;
  }

  .md-mx-115 {
    margin-left: 115px;
    margin-right: 115px;
  }

  .md-my-115 {
    margin-top: 115px;
    margin-bottom: 115px;
  }

  .md-mb-115 {
    margin-bottom: 115px;
  }

  .md-mt-115 {
    margin-top: 115px;
  }

  .md-mr-115 {
    margin-right: 115px;
  }

  .md-ml-115 {
    margin-left: 115px;
  }

  .md-px-115 {
    padding-left: 115px;
    padding-right: 115px;
  }

  .md-py-115 {
    padding-top: 115px;
    padding-bottom: 115px;
  }

  .md-pb-115 {
    padding-bottom: 115px;
  }

  .md-pt-115 {
    padding-top: 115px;
  }

  .md-pr-115 {
    padding-right: 115px;
  }

  .md-pl-115 {
    padding-left: 115px;
  }

  .md-mx-120 {
    margin-left: 120px;
    margin-right: 120px;
  }

  .md-my-120 {
    margin-top: 120px;
    margin-bottom: 120px;
  }

  .md-mb-120 {
    margin-bottom: 120px;
  }

  .md-mt-120 {
    margin-top: 120px;
  }

  .md-mr-120 {
    margin-right: 120px;
  }

  .md-ml-120 {
    margin-left: 120px;
  }

  .md-px-120 {
    padding-left: 120px;
    padding-right: 120px;
  }

  .md-py-120 {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .md-pb-120 {
    padding-bottom: 120px;
  }

  .md-pt-120 {
    padding-top: 120px;
  }

  .md-pr-120 {
    padding-right: 120px;
  }

  .md-pl-120 {
    padding-left: 120px;
  }

  .md-mx-125 {
    margin-left: 125px;
    margin-right: 125px;
  }

  .md-my-125 {
    margin-top: 125px;
    margin-bottom: 125px;
  }

  .md-mb-125 {
    margin-bottom: 125px;
  }

  .md-mt-125 {
    margin-top: 125px;
  }

  .md-mr-125 {
    margin-right: 125px;
  }

  .md-ml-125 {
    margin-left: 125px;
  }

  .md-px-125 {
    padding-left: 125px;
    padding-right: 125px;
  }

  .md-py-125 {
    padding-top: 125px;
    padding-bottom: 125px;
  }

  .md-pb-125 {
    padding-bottom: 125px;
  }

  .md-pt-125 {
    padding-top: 125px;
  }

  .md-pr-125 {
    padding-right: 125px;
  }

  .md-pl-125 {
    padding-left: 125px;
  }

  .md-mx-130 {
    margin-left: 130px;
    margin-right: 130px;
  }

  .md-my-130 {
    margin-top: 130px;
    margin-bottom: 130px;
  }

  .md-mb-130 {
    margin-bottom: 130px;
  }

  .md-mt-130 {
    margin-top: 130px;
  }

  .md-mr-130 {
    margin-right: 130px;
  }

  .md-ml-130 {
    margin-left: 130px;
  }

  .md-px-130 {
    padding-left: 130px;
    padding-right: 130px;
  }

  .md-py-130 {
    padding-top: 130px;
    padding-bottom: 130px;
  }

  .md-pb-130 {
    padding-bottom: 130px;
  }

  .md-pt-130 {
    padding-top: 130px;
  }

  .md-pr-130 {
    padding-right: 130px;
  }

  .md-pl-130 {
    padding-left: 130px;
  }

  .md-mx-135 {
    margin-left: 135px;
    margin-right: 135px;
  }

  .md-my-135 {
    margin-top: 135px;
    margin-bottom: 135px;
  }

  .md-mb-135 {
    margin-bottom: 135px;
  }

  .md-mt-135 {
    margin-top: 135px;
  }

  .md-mr-135 {
    margin-right: 135px;
  }

  .md-ml-135 {
    margin-left: 135px;
  }

  .md-px-135 {
    padding-left: 135px;
    padding-right: 135px;
  }

  .md-py-135 {
    padding-top: 135px;
    padding-bottom: 135px;
  }

  .md-pb-135 {
    padding-bottom: 135px;
  }

  .md-pt-135 {
    padding-top: 135px;
  }

  .md-pr-135 {
    padding-right: 135px;
  }

  .md-pl-135 {
    padding-left: 135px;
  }

  .md-mx-140 {
    margin-left: 140px;
    margin-right: 140px;
  }

  .md-my-140 {
    margin-top: 140px;
    margin-bottom: 140px;
  }

  .md-mb-140 {
    margin-bottom: 140px;
  }

  .md-mt-140 {
    margin-top: 140px;
  }

  .md-mr-140 {
    margin-right: 140px;
  }

  .md-ml-140 {
    margin-left: 140px;
  }

  .md-px-140 {
    padding-left: 140px;
    padding-right: 140px;
  }

  .md-py-140 {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .md-pb-140 {
    padding-bottom: 140px;
  }

  .md-pt-140 {
    padding-top: 140px;
  }

  .md-pr-140 {
    padding-right: 140px;
  }

  .md-pl-140 {
    padding-left: 140px;
  }

  .md-mx-145 {
    margin-left: 145px;
    margin-right: 145px;
  }

  .md-my-145 {
    margin-top: 145px;
    margin-bottom: 145px;
  }

  .md-mb-145 {
    margin-bottom: 145px;
  }

  .md-mt-145 {
    margin-top: 145px;
  }

  .md-mr-145 {
    margin-right: 145px;
  }

  .md-ml-145 {
    margin-left: 145px;
  }

  .md-px-145 {
    padding-left: 145px;
    padding-right: 145px;
  }

  .md-py-145 {
    padding-top: 145px;
    padding-bottom: 145px;
  }

  .md-pb-145 {
    padding-bottom: 145px;
  }

  .md-pt-145 {
    padding-top: 145px;
  }

  .md-pr-145 {
    padding-right: 145px;
  }

  .md-pl-145 {
    padding-left: 145px;
  }

  .md-mx-150 {
    margin-left: 150px;
    margin-right: 150px;
  }

  .md-my-150 {
    margin-top: 150px;
    margin-bottom: 150px;
  }

  .md-mb-150 {
    margin-bottom: 150px;
  }

  .md-mt-150 {
    margin-top: 150px;
  }

  .md-mr-150 {
    margin-right: 150px;
  }

  .md-ml-150 {
    margin-left: 150px;
  }

  .md-px-150 {
    padding-left: 150px;
    padding-right: 150px;
  }

  .md-py-150 {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .md-pb-150 {
    padding-bottom: 150px;
  }

  .md-pt-150 {
    padding-top: 150px;
  }

  .md-pr-150 {
    padding-right: 150px;
  }

  .md-pl-150 {
    padding-left: 150px;
  }

  .md-mx-155 {
    margin-left: 155px;
    margin-right: 155px;
  }

  .md-my-155 {
    margin-top: 155px;
    margin-bottom: 155px;
  }

  .md-mb-155 {
    margin-bottom: 155px;
  }

  .md-mt-155 {
    margin-top: 155px;
  }

  .md-mr-155 {
    margin-right: 155px;
  }

  .md-ml-155 {
    margin-left: 155px;
  }

  .md-px-155 {
    padding-left: 155px;
    padding-right: 155px;
  }

  .md-py-155 {
    padding-top: 155px;
    padding-bottom: 155px;
  }

  .md-pb-155 {
    padding-bottom: 155px;
  }

  .md-pt-155 {
    padding-top: 155px;
  }

  .md-pr-155 {
    padding-right: 155px;
  }

  .md-pl-155 {
    padding-left: 155px;
  }

  .md-mx-160 {
    margin-left: 160px;
    margin-right: 160px;
  }

  .md-my-160 {
    margin-top: 160px;
    margin-bottom: 160px;
  }

  .md-mb-160 {
    margin-bottom: 160px;
  }

  .md-mt-160 {
    margin-top: 160px;
  }

  .md-mr-160 {
    margin-right: 160px;
  }

  .md-ml-160 {
    margin-left: 160px;
  }

  .md-px-160 {
    padding-left: 160px;
    padding-right: 160px;
  }

  .md-py-160 {
    padding-top: 160px;
    padding-bottom: 160px;
  }

  .md-pb-160 {
    padding-bottom: 160px;
  }

  .md-pt-160 {
    padding-top: 160px;
  }

  .md-pr-160 {
    padding-right: 160px;
  }

  .md-pl-160 {
    padding-left: 160px;
  }

  /* Dispaly
  ---------------------------------------------------------------------------- */
  .md-hidden {
    display: none !important;
  }

  .md-block {
    display: block;
  }

  .md-none {
    display: none;
  }

  .md-inline {
    display: inline;
  }

  .md-inline-block {
    display: inline-block;
  }

  .md-inline-flex {
    display: inline-flex;
  }

  .md-flex {
    display: flex;
  }

  .md-table {
    display: table;
  }

  /* Overflow
  ---------------------------------------------------------------------------- */
  .md-overflow-auto {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }

  .md-overflow-x-auto {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .md-overflow-y-auto {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .md-overflow-hidden {
    overflow: hidden;
  }

  .md-overflow-x-hidden {
    overflow-x: hidden;
  }

  .md-overflow-y-hidden {
    overflow-y: hidden;
  }

  /* Stratic
  ---------------------------------------------------------------------------- */
  .md-static {
    position: static;
  }

  .md-fixed {
    position: fixed;
  }

  .md-absolute {
    position: absolute;
  }

  .md-relative {
    position: relative;
  }

  .md-sticky {
    position: -webkit-sticky;
    position: sticky;
  }

  .md-pin-t {
    top: 0;
  }

  .md-pin-r {
    right: 0;
  }

  .md-pin-b {
    bottom: 0;
  }

  .md-pin-l {
    left: 0;
  }

  .md-pin-y {
    top: 0;
    bottom: 0;
  }

  .md-pin-x {
    right: 0;
    left: 0;
  }

  .md-pin {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .md-pin-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  /* Z-index
  ---------------------------------------------------------------------------- */
  .md-z0 {
    z-index: 0;
  }

  .md-z10 {
    z-index: 10;
  }

  .md-z20 {
    z-index: 20;
  }

  .md-z30 {
    z-index: 30;
  }

  .md-z40 {
    z-index: 40;
  }

  .md-z50 {
    z-index: 50;
  }

  .md-z60 {
    z-index: 60;
  }

  .md-z70 {
    z-index: 70;
  }

  .md-z80 {
    z-index: 80;
  }

  .md-z90 {
    z-index: 90;
  }

  .md-zmax {
    z-index: 2147483647;
  }

  .md-z-1 {
    z-index: auto;
  }

  /* Flex
  ---------------------------------------------------------------------------- */
  .md-flex-nowrap {
    flex-wrap: nowrap;
  }

  .md-flex-wrap {
    flex-wrap: wrap;
  }

  .md-flex-row {
    flex-direction: row;
  }

  .md-flex-column {
    flex-direction: column;
  }

  .md-content-start {
    align-content: flex-start;
  }

  .md-content-center {
    align-content: center;
  }

  .md-content-end {
    align-content: flex-end;
  }

  .md-content-between {
    align-content: space-between;
  }

  .md-content-around {
    align-content: space-around;
  }

  .md-justify-start {
    justify-content: flex-start;
  }

  .md-justify-center {
    justify-content: center;
  }

  .md-justify-end {
    justify-content: flex-end;
  }

  .md-justify-between {
    justify-content: space-between;
  }

  .md-justify-around {
    justify-content: space-around;
  }

  .md-items-stretch {
    align-items: stretch;
  }

  .md-items-start {
    align-items: flex-start;
  }

  .md-items-center {
    align-items: center;
  }

  .md-items-end {
    align-items: flex-end;
  }

  .md-items-baseline {
    align-items: baseline;
  }

  .md-self-auto {
    align-self: auto;
  }

  .md-self-start {
    align-self: flex-start;
  }

  .md-self-center {
    align-self: center;
  }

  .md-self-end {
    align-self: flex-end;
  }

  .md-self-stretch {
    align-self: stretch;
  }

  /* Width & Height
  ---------------------------------------------------------------------------- */
  .md-w-auto {
    width: auto;
  }

  .md-w-half {
    width: 50%;
  }

  .md-w-full {
    width: 100%;
  }

  .md-w-screen {
    width: 100vw;
  }

  .md-maxw-full {
    max-width: 100%;
  }

  .md-maxw-screen {
    max-width: 100vw;
  }

  .md-minw-full {
    min-width: 100%;
  }

  .md-minw-screen {
    min-width: 100vw;
  }

  .md-h-auto {
    height: auto;
  }

  .md-h-full {
    height: 100%;
  }

  .md-h-screen {
    height: 100vh;
  }

  .md-maxh-full {
    max-height: 100%;
  }

  .md-maxh-screen {
    max-height: 100vh;
  }

  .md-minh-full {
    min-height: 100%;
  }

  .md-minh-screen {
    min-height: 100vh;
  }

  /* Pointer & Select
  ---------------------------------------------------------------------------- */
  .md-no-events {
    pointer-events: none;
  }

  .md-with-events {
    pointer-events: auto;
  }

  .md-no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .md-with-select {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
  }

  /* Text
  ---------------------------------------------------------------------------- */
  .md-text-left {
    text-align: left;
  }

  .md-text-center {
    text-align: center;
  }

  .md-text-right {
    text-align: right;
  }

  .md-text-justify {
    text-align: justify;
  }

  /* Whitespace
  ---------------------------------------------------------------------------- */
  .md-wspace-normal {
    white-space: normal;
  }

  .md-wspace-nowrap {
    white-space: nowrap;
  }

  .md-wspace-pre {
    white-space: pre;
  }

  .md-wspace-pre-line {
    white-space: pre-line;
  }

  .md-wspace-pre-wrap {
    white-space: pre-wrap;
  }

  /* Truncate
  ---------------------------------------------------------------------------- */
  .md-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /* Text transfomr
  ---------------------------------------------------------------------------- */
  .md-ucase {
    text-transform: uppercase;
  }

  .md-lcase {
    text-transform: lowercase;
  }

  /* Cursor
  ---------------------------------------------------------------------------- */
  .md-cursor-pointer {
    cursor: pointer;
  }

  .md-cursor-default {
    cursor: default;
  }

  .md-no-cursror {
    cursor: none;
  }
}
@media only screen and (min-width: 1440px) {
  /* Margins & Paddings
  ---------------------------------------------------------------------------- */
  .lg-m-auto {
    margin: auto;
  }

  .lg-ml-auto {
    margin-left: auto;
  }

  .lg-mt-auto {
    margin-top: auto;
  }

  .lg-mb-auto {
    margin-bottom: auto;
  }

  .lg-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .lg-mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .lg-my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .lg-mb-0 {
    margin-bottom: 0px;
  }

  .lg-mt-0 {
    margin-top: 0px;
  }

  .lg-mr-0 {
    margin-right: 0px;
  }

  .lg-ml-0 {
    margin-left: 0px;
  }

  .lg-px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg-py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .lg-pb-0 {
    padding-bottom: 0px;
  }

  .lg-pt-0 {
    padding-top: 0px;
  }

  .lg-pr-0 {
    padding-right: 0px;
  }

  .lg-pl-0 {
    padding-left: 0px;
  }

  .lg-mx-5 {
    margin-left: 5px;
    margin-right: 5px;
  }

  .lg-my-5 {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .lg-mb-5 {
    margin-bottom: 5px;
  }

  .lg-mt-5 {
    margin-top: 5px;
  }

  .lg-mr-5 {
    margin-right: 5px;
  }

  .lg-ml-5 {
    margin-left: 5px;
  }

  .lg-px-5 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .lg-py-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .lg-pb-5 {
    padding-bottom: 5px;
  }

  .lg-pt-5 {
    padding-top: 5px;
  }

  .lg-pr-5 {
    padding-right: 5px;
  }

  .lg-pl-5 {
    padding-left: 5px;
  }

  .lg-mx-10 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .lg-my-10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .lg-mb-10 {
    margin-bottom: 10px;
  }

  .lg-mt-10 {
    margin-top: 10px;
  }

  .lg-mr-10 {
    margin-right: 10px;
  }

  .lg-ml-10 {
    margin-left: 10px;
  }

  .lg-px-10 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .lg-py-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .lg-pb-10 {
    padding-bottom: 10px;
  }

  .lg-pt-10 {
    padding-top: 10px;
  }

  .lg-pr-10 {
    padding-right: 10px;
  }

  .lg-pl-10 {
    padding-left: 10px;
  }

  .lg-mx-15 {
    margin-left: 15px;
    margin-right: 15px;
  }

  .lg-my-15 {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .lg-mb-15 {
    margin-bottom: 15px;
  }

  .lg-mt-15 {
    margin-top: 15px;
  }

  .lg-mr-15 {
    margin-right: 15px;
  }

  .lg-ml-15 {
    margin-left: 15px;
  }

  .lg-px-15 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .lg-py-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .lg-pb-15 {
    padding-bottom: 15px;
  }

  .lg-pt-15 {
    padding-top: 15px;
  }

  .lg-pr-15 {
    padding-right: 15px;
  }

  .lg-pl-15 {
    padding-left: 15px;
  }

  .lg-mx-20 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .lg-my-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .lg-mb-20 {
    margin-bottom: 20px;
  }

  .lg-mt-20 {
    margin-top: 20px;
  }

  .lg-mr-20 {
    margin-right: 20px;
  }

  .lg-ml-20 {
    margin-left: 20px;
  }

  .lg-px-20 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .lg-py-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .lg-pb-20 {
    padding-bottom: 20px;
  }

  .lg-pt-20 {
    padding-top: 20px;
  }

  .lg-pr-20 {
    padding-right: 20px;
  }

  .lg-pl-20 {
    padding-left: 20px;
  }

  .lg-mx-25 {
    margin-left: 25px;
    margin-right: 25px;
  }

  .lg-my-25 {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .lg-mb-25 {
    margin-bottom: 25px;
  }

  .lg-mt-25 {
    margin-top: 25px;
  }

  .lg-mr-25 {
    margin-right: 25px;
  }

  .lg-ml-25 {
    margin-left: 25px;
  }

  .lg-px-25 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .lg-py-25 {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .lg-pb-25 {
    padding-bottom: 25px;
  }

  .lg-pt-25 {
    padding-top: 25px;
  }

  .lg-pr-25 {
    padding-right: 25px;
  }

  .lg-pl-25 {
    padding-left: 25px;
  }

  .lg-mx-30 {
    margin-left: 30px;
    margin-right: 30px;
  }

  .lg-my-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .lg-mb-30 {
    margin-bottom: 30px;
  }

  .lg-mt-30 {
    margin-top: 30px;
  }

  .lg-mr-30 {
    margin-right: 30px;
  }

  .lg-ml-30 {
    margin-left: 30px;
  }

  .lg-px-30 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .lg-py-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .lg-pb-30 {
    padding-bottom: 30px;
  }

  .lg-pt-30 {
    padding-top: 30px;
  }

  .lg-pr-30 {
    padding-right: 30px;
  }

  .lg-pl-30 {
    padding-left: 30px;
  }

  .lg-mx-35 {
    margin-left: 35px;
    margin-right: 35px;
  }

  .lg-my-35 {
    margin-top: 35px;
    margin-bottom: 35px;
  }

  .lg-mb-35 {
    margin-bottom: 35px;
  }

  .lg-mt-35 {
    margin-top: 35px;
  }

  .lg-mr-35 {
    margin-right: 35px;
  }

  .lg-ml-35 {
    margin-left: 35px;
  }

  .lg-px-35 {
    padding-left: 35px;
    padding-right: 35px;
  }

  .lg-py-35 {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .lg-pb-35 {
    padding-bottom: 35px;
  }

  .lg-pt-35 {
    padding-top: 35px;
  }

  .lg-pr-35 {
    padding-right: 35px;
  }

  .lg-pl-35 {
    padding-left: 35px;
  }

  .lg-mx-40 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .lg-my-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .lg-mb-40 {
    margin-bottom: 40px;
  }

  .lg-mt-40 {
    margin-top: 40px;
  }

  .lg-mr-40 {
    margin-right: 40px;
  }

  .lg-ml-40 {
    margin-left: 40px;
  }

  .lg-px-40 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .lg-py-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .lg-pb-40 {
    padding-bottom: 40px;
  }

  .lg-pt-40 {
    padding-top: 40px;
  }

  .lg-pr-40 {
    padding-right: 40px;
  }

  .lg-pl-40 {
    padding-left: 40px;
  }

  .lg-mx-45 {
    margin-left: 45px;
    margin-right: 45px;
  }

  .lg-my-45 {
    margin-top: 45px;
    margin-bottom: 45px;
  }

  .lg-mb-45 {
    margin-bottom: 45px;
  }

  .lg-mt-45 {
    margin-top: 45px;
  }

  .lg-mr-45 {
    margin-right: 45px;
  }

  .lg-ml-45 {
    margin-left: 45px;
  }

  .lg-px-45 {
    padding-left: 45px;
    padding-right: 45px;
  }

  .lg-py-45 {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .lg-pb-45 {
    padding-bottom: 45px;
  }

  .lg-pt-45 {
    padding-top: 45px;
  }

  .lg-pr-45 {
    padding-right: 45px;
  }

  .lg-pl-45 {
    padding-left: 45px;
  }

  .lg-mx-50 {
    margin-left: 50px;
    margin-right: 50px;
  }

  .lg-my-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .lg-mb-50 {
    margin-bottom: 50px;
  }

  .lg-mt-50 {
    margin-top: 50px;
  }

  .lg-mr-50 {
    margin-right: 50px;
  }

  .lg-ml-50 {
    margin-left: 50px;
  }

  .lg-px-50 {
    padding-left: 50px;
    padding-right: 50px;
  }

  .lg-py-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .lg-pb-50 {
    padding-bottom: 50px;
  }

  .lg-pt-50 {
    padding-top: 50px;
  }

  .lg-pr-50 {
    padding-right: 50px;
  }

  .lg-pl-50 {
    padding-left: 50px;
  }

  .lg-mx-55 {
    margin-left: 55px;
    margin-right: 55px;
  }

  .lg-my-55 {
    margin-top: 55px;
    margin-bottom: 55px;
  }

  .lg-mb-55 {
    margin-bottom: 55px;
  }

  .lg-mt-55 {
    margin-top: 55px;
  }

  .lg-mr-55 {
    margin-right: 55px;
  }

  .lg-ml-55 {
    margin-left: 55px;
  }

  .lg-px-55 {
    padding-left: 55px;
    padding-right: 55px;
  }

  .lg-py-55 {
    padding-top: 55px;
    padding-bottom: 55px;
  }

  .lg-pb-55 {
    padding-bottom: 55px;
  }

  .lg-pt-55 {
    padding-top: 55px;
  }

  .lg-pr-55 {
    padding-right: 55px;
  }

  .lg-pl-55 {
    padding-left: 55px;
  }

  .lg-mx-60 {
    margin-left: 60px;
    margin-right: 60px;
  }

  .lg-my-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .lg-mb-60 {
    margin-bottom: 60px;
  }

  .lg-mt-60 {
    margin-top: 60px;
  }

  .lg-mr-60 {
    margin-right: 60px;
  }

  .lg-ml-60 {
    margin-left: 60px;
  }

  .lg-px-60 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .lg-py-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .lg-pb-60 {
    padding-bottom: 60px;
  }

  .lg-pt-60 {
    padding-top: 60px;
  }

  .lg-pr-60 {
    padding-right: 60px;
  }

  .lg-pl-60 {
    padding-left: 60px;
  }

  .lg-mx-65 {
    margin-left: 65px;
    margin-right: 65px;
  }

  .lg-my-65 {
    margin-top: 65px;
    margin-bottom: 65px;
  }

  .lg-mb-65 {
    margin-bottom: 65px;
  }

  .lg-mt-65 {
    margin-top: 65px;
  }

  .lg-mr-65 {
    margin-right: 65px;
  }

  .lg-ml-65 {
    margin-left: 65px;
  }

  .lg-px-65 {
    padding-left: 65px;
    padding-right: 65px;
  }

  .lg-py-65 {
    padding-top: 65px;
    padding-bottom: 65px;
  }

  .lg-pb-65 {
    padding-bottom: 65px;
  }

  .lg-pt-65 {
    padding-top: 65px;
  }

  .lg-pr-65 {
    padding-right: 65px;
  }

  .lg-pl-65 {
    padding-left: 65px;
  }

  .lg-mx-70 {
    margin-left: 70px;
    margin-right: 70px;
  }

  .lg-my-70 {
    margin-top: 70px;
    margin-bottom: 70px;
  }

  .lg-mb-70 {
    margin-bottom: 70px;
  }

  .lg-mt-70 {
    margin-top: 70px;
  }

  .lg-mr-70 {
    margin-right: 70px;
  }

  .lg-ml-70 {
    margin-left: 70px;
  }

  .lg-px-70 {
    padding-left: 70px;
    padding-right: 70px;
  }

  .lg-py-70 {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .lg-pb-70 {
    padding-bottom: 70px;
  }

  .lg-pt-70 {
    padding-top: 70px;
  }

  .lg-pr-70 {
    padding-right: 70px;
  }

  .lg-pl-70 {
    padding-left: 70px;
  }

  .lg-mx-75 {
    margin-left: 75px;
    margin-right: 75px;
  }

  .lg-my-75 {
    margin-top: 75px;
    margin-bottom: 75px;
  }

  .lg-mb-75 {
    margin-bottom: 75px;
  }

  .lg-mt-75 {
    margin-top: 75px;
  }

  .lg-mr-75 {
    margin-right: 75px;
  }

  .lg-ml-75 {
    margin-left: 75px;
  }

  .lg-px-75 {
    padding-left: 75px;
    padding-right: 75px;
  }

  .lg-py-75 {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .lg-pb-75 {
    padding-bottom: 75px;
  }

  .lg-pt-75 {
    padding-top: 75px;
  }

  .lg-pr-75 {
    padding-right: 75px;
  }

  .lg-pl-75 {
    padding-left: 75px;
  }

  .lg-mx-80 {
    margin-left: 80px;
    margin-right: 80px;
  }

  .lg-my-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .lg-mb-80 {
    margin-bottom: 80px;
  }

  .lg-mt-80 {
    margin-top: 80px;
  }

  .lg-mr-80 {
    margin-right: 80px;
  }

  .lg-ml-80 {
    margin-left: 80px;
  }

  .lg-px-80 {
    padding-left: 80px;
    padding-right: 80px;
  }

  .lg-py-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .lg-pb-80 {
    padding-bottom: 80px;
  }

  .lg-pt-80 {
    padding-top: 80px;
  }

  .lg-pr-80 {
    padding-right: 80px;
  }

  .lg-pl-80 {
    padding-left: 80px;
  }

  .lg-mx-85 {
    margin-left: 85px;
    margin-right: 85px;
  }

  .lg-my-85 {
    margin-top: 85px;
    margin-bottom: 85px;
  }

  .lg-mb-85 {
    margin-bottom: 85px;
  }

  .lg-mt-85 {
    margin-top: 85px;
  }

  .lg-mr-85 {
    margin-right: 85px;
  }

  .lg-ml-85 {
    margin-left: 85px;
  }

  .lg-px-85 {
    padding-left: 85px;
    padding-right: 85px;
  }

  .lg-py-85 {
    padding-top: 85px;
    padding-bottom: 85px;
  }

  .lg-pb-85 {
    padding-bottom: 85px;
  }

  .lg-pt-85 {
    padding-top: 85px;
  }

  .lg-pr-85 {
    padding-right: 85px;
  }

  .lg-pl-85 {
    padding-left: 85px;
  }

  .lg-mx-90 {
    margin-left: 90px;
    margin-right: 90px;
  }

  .lg-my-90 {
    margin-top: 90px;
    margin-bottom: 90px;
  }

  .lg-mb-90 {
    margin-bottom: 90px;
  }

  .lg-mt-90 {
    margin-top: 90px;
  }

  .lg-mr-90 {
    margin-right: 90px;
  }

  .lg-ml-90 {
    margin-left: 90px;
  }

  .lg-px-90 {
    padding-left: 90px;
    padding-right: 90px;
  }

  .lg-py-90 {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .lg-pb-90 {
    padding-bottom: 90px;
  }

  .lg-pt-90 {
    padding-top: 90px;
  }

  .lg-pr-90 {
    padding-right: 90px;
  }

  .lg-pl-90 {
    padding-left: 90px;
  }

  .lg-mx-95 {
    margin-left: 95px;
    margin-right: 95px;
  }

  .lg-my-95 {
    margin-top: 95px;
    margin-bottom: 95px;
  }

  .lg-mb-95 {
    margin-bottom: 95px;
  }

  .lg-mt-95 {
    margin-top: 95px;
  }

  .lg-mr-95 {
    margin-right: 95px;
  }

  .lg-ml-95 {
    margin-left: 95px;
  }

  .lg-px-95 {
    padding-left: 95px;
    padding-right: 95px;
  }

  .lg-py-95 {
    padding-top: 95px;
    padding-bottom: 95px;
  }

  .lg-pb-95 {
    padding-bottom: 95px;
  }

  .lg-pt-95 {
    padding-top: 95px;
  }

  .lg-pr-95 {
    padding-right: 95px;
  }

  .lg-pl-95 {
    padding-left: 95px;
  }

  .lg-mx-100 {
    margin-left: 100px;
    margin-right: 100px;
  }

  .lg-my-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .lg-mb-100 {
    margin-bottom: 100px;
  }

  .lg-mt-100 {
    margin-top: 100px;
  }

  .lg-mr-100 {
    margin-right: 100px;
  }

  .lg-ml-100 {
    margin-left: 100px;
  }

  .lg-px-100 {
    padding-left: 100px;
    padding-right: 100px;
  }

  .lg-py-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .lg-pb-100 {
    padding-bottom: 100px;
  }

  .lg-pt-100 {
    padding-top: 100px;
  }

  .lg-pr-100 {
    padding-right: 100px;
  }

  .lg-pl-100 {
    padding-left: 100px;
  }

  .lg-mx-105 {
    margin-left: 105px;
    margin-right: 105px;
  }

  .lg-my-105 {
    margin-top: 105px;
    margin-bottom: 105px;
  }

  .lg-mb-105 {
    margin-bottom: 105px;
  }

  .lg-mt-105 {
    margin-top: 105px;
  }

  .lg-mr-105 {
    margin-right: 105px;
  }

  .lg-ml-105 {
    margin-left: 105px;
  }

  .lg-px-105 {
    padding-left: 105px;
    padding-right: 105px;
  }

  .lg-py-105 {
    padding-top: 105px;
    padding-bottom: 105px;
  }

  .lg-pb-105 {
    padding-bottom: 105px;
  }

  .lg-pt-105 {
    padding-top: 105px;
  }

  .lg-pr-105 {
    padding-right: 105px;
  }

  .lg-pl-105 {
    padding-left: 105px;
  }

  .lg-mx-110 {
    margin-left: 110px;
    margin-right: 110px;
  }

  .lg-my-110 {
    margin-top: 110px;
    margin-bottom: 110px;
  }

  .lg-mb-110 {
    margin-bottom: 110px;
  }

  .lg-mt-110 {
    margin-top: 110px;
  }

  .lg-mr-110 {
    margin-right: 110px;
  }

  .lg-ml-110 {
    margin-left: 110px;
  }

  .lg-px-110 {
    padding-left: 110px;
    padding-right: 110px;
  }

  .lg-py-110 {
    padding-top: 110px;
    padding-bottom: 110px;
  }

  .lg-pb-110 {
    padding-bottom: 110px;
  }

  .lg-pt-110 {
    padding-top: 110px;
  }

  .lg-pr-110 {
    padding-right: 110px;
  }

  .lg-pl-110 {
    padding-left: 110px;
  }

  .lg-mx-115 {
    margin-left: 115px;
    margin-right: 115px;
  }

  .lg-my-115 {
    margin-top: 115px;
    margin-bottom: 115px;
  }

  .lg-mb-115 {
    margin-bottom: 115px;
  }

  .lg-mt-115 {
    margin-top: 115px;
  }

  .lg-mr-115 {
    margin-right: 115px;
  }

  .lg-ml-115 {
    margin-left: 115px;
  }

  .lg-px-115 {
    padding-left: 115px;
    padding-right: 115px;
  }

  .lg-py-115 {
    padding-top: 115px;
    padding-bottom: 115px;
  }

  .lg-pb-115 {
    padding-bottom: 115px;
  }

  .lg-pt-115 {
    padding-top: 115px;
  }

  .lg-pr-115 {
    padding-right: 115px;
  }

  .lg-pl-115 {
    padding-left: 115px;
  }

  .lg-mx-120 {
    margin-left: 120px;
    margin-right: 120px;
  }

  .lg-my-120 {
    margin-top: 120px;
    margin-bottom: 120px;
  }

  .lg-mb-120 {
    margin-bottom: 120px;
  }

  .lg-mt-120 {
    margin-top: 120px;
  }

  .lg-mr-120 {
    margin-right: 120px;
  }

  .lg-ml-120 {
    margin-left: 120px;
  }

  .lg-px-120 {
    padding-left: 120px;
    padding-right: 120px;
  }

  .lg-py-120 {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .lg-pb-120 {
    padding-bottom: 120px;
  }

  .lg-pt-120 {
    padding-top: 120px;
  }

  .lg-pr-120 {
    padding-right: 120px;
  }

  .lg-pl-120 {
    padding-left: 120px;
  }

  .lg-mx-125 {
    margin-left: 125px;
    margin-right: 125px;
  }

  .lg-my-125 {
    margin-top: 125px;
    margin-bottom: 125px;
  }

  .lg-mb-125 {
    margin-bottom: 125px;
  }

  .lg-mt-125 {
    margin-top: 125px;
  }

  .lg-mr-125 {
    margin-right: 125px;
  }

  .lg-ml-125 {
    margin-left: 125px;
  }

  .lg-px-125 {
    padding-left: 125px;
    padding-right: 125px;
  }

  .lg-py-125 {
    padding-top: 125px;
    padding-bottom: 125px;
  }

  .lg-pb-125 {
    padding-bottom: 125px;
  }

  .lg-pt-125 {
    padding-top: 125px;
  }

  .lg-pr-125 {
    padding-right: 125px;
  }

  .lg-pl-125 {
    padding-left: 125px;
  }

  .lg-mx-130 {
    margin-left: 130px;
    margin-right: 130px;
  }

  .lg-my-130 {
    margin-top: 130px;
    margin-bottom: 130px;
  }

  .lg-mb-130 {
    margin-bottom: 130px;
  }

  .lg-mt-130 {
    margin-top: 130px;
  }

  .lg-mr-130 {
    margin-right: 130px;
  }

  .lg-ml-130 {
    margin-left: 130px;
  }

  .lg-px-130 {
    padding-left: 130px;
    padding-right: 130px;
  }

  .lg-py-130 {
    padding-top: 130px;
    padding-bottom: 130px;
  }

  .lg-pb-130 {
    padding-bottom: 130px;
  }

  .lg-pt-130 {
    padding-top: 130px;
  }

  .lg-pr-130 {
    padding-right: 130px;
  }

  .lg-pl-130 {
    padding-left: 130px;
  }

  .lg-mx-135 {
    margin-left: 135px;
    margin-right: 135px;
  }

  .lg-my-135 {
    margin-top: 135px;
    margin-bottom: 135px;
  }

  .lg-mb-135 {
    margin-bottom: 135px;
  }

  .lg-mt-135 {
    margin-top: 135px;
  }

  .lg-mr-135 {
    margin-right: 135px;
  }

  .lg-ml-135 {
    margin-left: 135px;
  }

  .lg-px-135 {
    padding-left: 135px;
    padding-right: 135px;
  }

  .lg-py-135 {
    padding-top: 135px;
    padding-bottom: 135px;
  }

  .lg-pb-135 {
    padding-bottom: 135px;
  }

  .lg-pt-135 {
    padding-top: 135px;
  }

  .lg-pr-135 {
    padding-right: 135px;
  }

  .lg-pl-135 {
    padding-left: 135px;
  }

  .lg-mx-140 {
    margin-left: 140px;
    margin-right: 140px;
  }

  .lg-my-140 {
    margin-top: 140px;
    margin-bottom: 140px;
  }

  .lg-mb-140 {
    margin-bottom: 140px;
  }

  .lg-mt-140 {
    margin-top: 140px;
  }

  .lg-mr-140 {
    margin-right: 140px;
  }

  .lg-ml-140 {
    margin-left: 140px;
  }

  .lg-px-140 {
    padding-left: 140px;
    padding-right: 140px;
  }

  .lg-py-140 {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .lg-pb-140 {
    padding-bottom: 140px;
  }

  .lg-pt-140 {
    padding-top: 140px;
  }

  .lg-pr-140 {
    padding-right: 140px;
  }

  .lg-pl-140 {
    padding-left: 140px;
  }

  .lg-mx-145 {
    margin-left: 145px;
    margin-right: 145px;
  }

  .lg-my-145 {
    margin-top: 145px;
    margin-bottom: 145px;
  }

  .lg-mb-145 {
    margin-bottom: 145px;
  }

  .lg-mt-145 {
    margin-top: 145px;
  }

  .lg-mr-145 {
    margin-right: 145px;
  }

  .lg-ml-145 {
    margin-left: 145px;
  }

  .lg-px-145 {
    padding-left: 145px;
    padding-right: 145px;
  }

  .lg-py-145 {
    padding-top: 145px;
    padding-bottom: 145px;
  }

  .lg-pb-145 {
    padding-bottom: 145px;
  }

  .lg-pt-145 {
    padding-top: 145px;
  }

  .lg-pr-145 {
    padding-right: 145px;
  }

  .lg-pl-145 {
    padding-left: 145px;
  }

  .lg-mx-150 {
    margin-left: 150px;
    margin-right: 150px;
  }

  .lg-my-150 {
    margin-top: 150px;
    margin-bottom: 150px;
  }

  .lg-mb-150 {
    margin-bottom: 150px;
  }

  .lg-mt-150 {
    margin-top: 150px;
  }

  .lg-mr-150 {
    margin-right: 150px;
  }

  .lg-ml-150 {
    margin-left: 150px;
  }

  .lg-px-150 {
    padding-left: 150px;
    padding-right: 150px;
  }

  .lg-py-150 {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .lg-pb-150 {
    padding-bottom: 150px;
  }

  .lg-pt-150 {
    padding-top: 150px;
  }

  .lg-pr-150 {
    padding-right: 150px;
  }

  .lg-pl-150 {
    padding-left: 150px;
  }

  .lg-mx-155 {
    margin-left: 155px;
    margin-right: 155px;
  }

  .lg-my-155 {
    margin-top: 155px;
    margin-bottom: 155px;
  }

  .lg-mb-155 {
    margin-bottom: 155px;
  }

  .lg-mt-155 {
    margin-top: 155px;
  }

  .lg-mr-155 {
    margin-right: 155px;
  }

  .lg-ml-155 {
    margin-left: 155px;
  }

  .lg-px-155 {
    padding-left: 155px;
    padding-right: 155px;
  }

  .lg-py-155 {
    padding-top: 155px;
    padding-bottom: 155px;
  }

  .lg-pb-155 {
    padding-bottom: 155px;
  }

  .lg-pt-155 {
    padding-top: 155px;
  }

  .lg-pr-155 {
    padding-right: 155px;
  }

  .lg-pl-155 {
    padding-left: 155px;
  }

  .lg-mx-160 {
    margin-left: 160px;
    margin-right: 160px;
  }

  .lg-my-160 {
    margin-top: 160px;
    margin-bottom: 160px;
  }

  .lg-mb-160 {
    margin-bottom: 160px;
  }

  .lg-mt-160 {
    margin-top: 160px;
  }

  .lg-mr-160 {
    margin-right: 160px;
  }

  .lg-ml-160 {
    margin-left: 160px;
  }

  .lg-px-160 {
    padding-left: 160px;
    padding-right: 160px;
  }

  .lg-py-160 {
    padding-top: 160px;
    padding-bottom: 160px;
  }

  .lg-pb-160 {
    padding-bottom: 160px;
  }

  .lg-pt-160 {
    padding-top: 160px;
  }

  .lg-pr-160 {
    padding-right: 160px;
  }

  .lg-pl-160 {
    padding-left: 160px;
  }

  /* Dispaly
  ---------------------------------------------------------------------------- */
  .lg-hidden {
    display: none !important;
  }

  .lg-block {
    display: block;
  }

  .lg-none {
    display: none;
  }

  .lg-inline {
    display: inline;
  }

  .lg-inline-block {
    display: inline-block;
  }

  .lg-inline-flex {
    display: inline-flex;
  }

  .lg-flex {
    display: flex;
  }

  .lg-table {
    display: table;
  }

  /* Overflow
  ---------------------------------------------------------------------------- */
  .lg-overflow-auto {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }

  .lg-overflow-x-auto {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .lg-overflow-y-auto {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .lg-overflow-hidden {
    overflow: hidden;
  }

  .lg-overflow-x-hidden {
    overflow-x: hidden;
  }

  .lg-overflow-y-hidden {
    overflow-y: hidden;
  }

  /* Stratic
  ---------------------------------------------------------------------------- */
  .lg-static {
    position: static;
  }

  .lg-fixed {
    position: fixed;
  }

  .lg-absolute {
    position: absolute;
  }

  .lg-relative {
    position: relative;
  }

  .lg-sticky {
    position: -webkit-sticky;
    position: sticky;
  }

  .lg-pin-t {
    top: 0;
  }

  .lg-pin-r {
    right: 0;
  }

  .lg-pin-b {
    bottom: 0;
  }

  .lg-pin-l {
    left: 0;
  }

  .lg-pin-y {
    top: 0;
    bottom: 0;
  }

  .lg-pin-x {
    right: 0;
    left: 0;
  }

  .lg-pin {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .lg-pin-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  /* Z-index
  ---------------------------------------------------------------------------- */
  .lg-z0 {
    z-index: 0;
  }

  .lg-z10 {
    z-index: 10;
  }

  .lg-z20 {
    z-index: 20;
  }

  .lg-z30 {
    z-index: 30;
  }

  .lg-z40 {
    z-index: 40;
  }

  .lg-z50 {
    z-index: 50;
  }

  .lg-z60 {
    z-index: 60;
  }

  .lg-z70 {
    z-index: 70;
  }

  .lg-z80 {
    z-index: 80;
  }

  .lg-z90 {
    z-index: 90;
  }

  .lg-zmax {
    z-index: 2147483647;
  }

  .lg-z-1 {
    z-index: auto;
  }

  /* Flex
  ---------------------------------------------------------------------------- */
  .lg-flex-nowrap {
    flex-wrap: nowrap;
  }

  .lg-flex-wrap {
    flex-wrap: wrap;
  }

  .lg-flex-row {
    flex-direction: row;
  }

  .lg-flex-column {
    flex-direction: column;
  }

  .lg-content-start {
    align-content: flex-start;
  }

  .lg-content-center {
    align-content: center;
  }

  .lg-content-end {
    align-content: flex-end;
  }

  .lg-content-between {
    align-content: space-between;
  }

  .lg-content-around {
    align-content: space-around;
  }

  .lg-justify-start {
    justify-content: flex-start;
  }

  .lg-justify-center {
    justify-content: center;
  }

  .lg-justify-end {
    justify-content: flex-end;
  }

  .lg-justify-between {
    justify-content: space-between;
  }

  .lg-justify-around {
    justify-content: space-around;
  }

  .lg-items-stretch {
    align-items: stretch;
  }

  .lg-items-start {
    align-items: flex-start;
  }

  .lg-items-center {
    align-items: center;
  }

  .lg-items-end {
    align-items: flex-end;
  }

  .lg-items-baseline {
    align-items: baseline;
  }

  .lg-self-auto {
    align-self: auto;
  }

  .lg-self-start {
    align-self: flex-start;
  }

  .lg-self-center {
    align-self: center;
  }

  .lg-self-end {
    align-self: flex-end;
  }

  .lg-self-stretch {
    align-self: stretch;
  }

  /* Width & Height
  ---------------------------------------------------------------------------- */
  .lg-w-auto {
    width: auto;
  }

  .lg-w-half {
    width: 50%;
  }

  .lg-w-full {
    width: 100%;
  }

  .lg-w-screen {
    width: 100vw;
  }

  .lg-maxw-full {
    max-width: 100%;
  }

  .lg-maxw-screen {
    max-width: 100vw;
  }

  .lg-minw-full {
    min-width: 100%;
  }

  .lg-minw-screen {
    min-width: 100vw;
  }

  .lg-h-auto {
    height: auto;
  }

  .lg-h-full {
    height: 100%;
  }

  .lg-h-screen {
    height: 100vh;
  }

  .lg-maxh-full {
    max-height: 100%;
  }

  .lg-maxh-screen {
    max-height: 100vh;
  }

  .lg-minh-full {
    min-height: 100%;
  }

  .lg-minh-screen {
    min-height: 100vh;
  }

  /* Pointer & Select
  ---------------------------------------------------------------------------- */
  .lg-no-events {
    pointer-events: none;
  }

  .lg-with-events {
    pointer-events: auto;
  }

  .lg-no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .lg-with-select {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
  }

  /* Text
  ---------------------------------------------------------------------------- */
  .lg-text-left {
    text-align: left;
  }

  .lg-text-center {
    text-align: center;
  }

  .lg-text-right {
    text-align: right;
  }

  .lg-text-justify {
    text-align: justify;
  }

  /* Whitespace
  ---------------------------------------------------------------------------- */
  .lg-wspace-normal {
    white-space: normal;
  }

  .lg-wspace-nowrap {
    white-space: nowrap;
  }

  .lg-wspace-pre {
    white-space: pre;
  }

  .lg-wspace-pre-line {
    white-space: pre-line;
  }

  .lg-wspace-pre-wrap {
    white-space: pre-wrap;
  }

  /* Truncate
  ---------------------------------------------------------------------------- */
  .lg-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /* Text transfomr
  ---------------------------------------------------------------------------- */
  .lg-ucase {
    text-transform: uppercase;
  }

  .lg-lcase {
    text-transform: lowercase;
  }

  /* Cursor
  ---------------------------------------------------------------------------- */
  .lg-cursor-pointer {
    cursor: pointer;
  }

  .lg-cursor-default {
    cursor: default;
  }

  .lg-no-cursror {
    cursor: none;
  }
}
*,
::before,
::after {
  box-sizing: border-box;
}

::before,
::after {
  text-decoration: inherit;
  /* 1 */
  vertical-align: inherit;
  /* 2 */
}

body {
  margin: 0;
}

dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
  margin: 0;
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0;
}

hr {
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

main {
  display: block;
}

nav ol,
nav ul {
  list-style: none;
  padding: 0;
}

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

a {
  background-color: transparent;
  color: inherit;
  /* blue colors for links too */
  text-decoration: inherit;
  /* no underline */
}

abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

small {
  font-size: 80%;
}

audio,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

iframe {
  border: none;
  border-style: none;
}

img {
  border-style: none;
}

svg:not([fill]) {
  fill: currentColor;
}

svg:not(:root) {
  overflow: hidden;
}

table {
  border-collapse: collapse;
}

button,
input,
select {
  margin: 0;
}

button {
  overflow: visible;
  /* 1 */
  text-transform: none;
  /* 2 */
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

fieldset {
  border: 1px solid #a0a0a0;
  /* 1 */
  padding: 0.35em 0.75em 0.625em;
  /* 2 */
}

input {
  overflow: visible;
}

legend {
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  white-space: normal;
  /* 1 */
}

progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

select {
  text-transform: none;
}

textarea {
  margin: 0;
  /* 1 */
  overflow: auto;
  /* 2 */
  resize: vertical;
  /* 3 */
}

[type=checkbox],
[type=radio] {
  padding: 0;
}

[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

:-moz-focusring {
  outline: 1px dotted ButtonText;
}

:-moz-ui-invalid {
  box-shadow: none;
}

details {
  display: block;
}

dialog {
  background-color: white;
  border: solid;
  color: black;
  display: block;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

dialog:not([open]) {
  display: none;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}

a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  /* 1 */
  touch-action: manipulation;
  /* 2 */
}

[hidden] {
  display: none;
}

[aria-busy=true] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-disabled=true],
[disabled] {
  cursor: not-allowed;
}

[aria-hidden=false][hidden] {
  display: initial;
}

[aria-hidden=false][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

* {
  outline: none;
  box-sizing: border-box;
}

button {
  background-color: transparent;
  border: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

p, h1, h2, h3, h4, figure {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
     supported by Chrome, Opera and Firefox */
}

/*Scroll bar nav*/
/* Track */
/* Handle */
/* purgecss start ignore */
body {
  color: #fff;
  background: #0D0D0D;
}

.bg-white {
  background: #FFFFFF;
}

.bg-black {
  background: #0D0D0D;
}

.bg-orange {
  background: #F5481C;
}

.bg-lightgrey {
  background: #F3F3F3;
}

.bg-green {
  background: #46E9A0;
}

.color-black {
  color: #0D0D0D;
}

.color-white {
  color: #FFFFFF;
}

.color-lightgrey {
  color: #F3F3F3;
}

.color-grey {
  color: #909090;
}

.color-green {
  color: #46E9A0;
}

.c-fade-20 {
  opacity: 0.2;
}

.c-fade-50 {
  opacity: 0.5;
}

.c-fade-60 {
  opacity: 0.6;
}

.fg-fade {
  opacity: 0.2;
}
.fg-muted {
  color: #878da3;
}
.fg-light-grey {
  color: #9a9da8;
}
.fg-blue {
  color: #0e00a6;
}
.fg-orange {
  color: #ac662a;
}
.fg-shadow {
  box-shadow: 0 8px 8px 0 #DED3C8;
  background: #f9f7f3;
}

/* purgecss end ignore */
@font-face {
  font-family: "HeliosCond";
  src: url("/assets/static/fonts/HeliosCond.woff2") format("woff2"), url("/assets/static/fonts/HeliosCond.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ALSZet-Light";
  src: url("/assets/static/fonts/ALSZet-Light.woff2") format("woff2"), url("/assets/static/fonts/ALSZet-Light.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
*,
*:before,
*:after {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

body, html {
  font-family: "HeliosCond";
}

.ff-helios, .fz-fit {
  font-family: "HeliosCond";
}

.ff-zed {
  font-family: "ALSZet-Light";
}

/* purgecss start ignore */
.fz-fit {
  line-height: 1;
  letter-spacing: 0;
  opacity: 0;
}
.fz-fit.\--init {
  opacity: 1;
}
.fz-h1 {
  font-size: 6.589vw;
  letter-spacing: -0.2vw;
  line-height: 6.881vw;
}
@media only screen and (max-width: 961px) {
  .fz-h1 {
    font-size: 48px;
    letter-spacing: -0.34px;
    line-height: 46px;
  }
}
.fz-h2 {
  font-size: 1.757vw;
  letter-spacing: -0.022vw;
  line-height: 2.196vw;
}
@media only screen and (max-width: 961px) {
  .fz-h2 {
    font-size: 24px;
    letter-spacing: -0.3px;
    line-height: 30px;
  }
}
.fz-valuta {
  font-size: 3.807vw;
  letter-spacing: 0;
  line-height: 0.95;
}
@media only screen and (max-width: 961px) {
  .fz-valuta {
    font-size: 42px;
  }
}
.fz-stats {
  font-size: 2.928vw;
  line-height: 2.855vw;
}
@media only screen and (max-width: 961px) {
  .fz-stats {
    font-size: 24px;
    line-height: 30px;
  }
}
.fz-button {
  font-size: 2.343vw;
  line-height: 2.343vw;
}
@media only screen and (max-width: 961px) {
  .fz-button {
    font-size: 24px;
    line-height: 30px;
  }
}
.fz-service {
  font-size: 2.343vw;
  letter-spacing: -0.58px;
  line-height: 2.343vw;
}
@media only screen and (max-width: 961px) {
  .fz-service {
    font-size: 24px;
    letter-spacing: -0.44px;
    line-height: 30px;
  }
}
.fz-menu {
  font-size: 2.343vw;
  letter-spacing: -0.016vw;
  line-height: 2.782vw;
}
@media only screen and (max-width: 961px) {
  .fz-menu {
    font-size: 24px;
    letter-spacing: -0.16px;
    line-height: 21px;
  }
}
.fz-footer {
  font-size: 1.418vw;
  letter-spacing: -0.015vw;
  line-height: 1.757vw;
}
@media only screen and (max-width: 961px) {
  .fz-footer {
    font-size: 18px;
    letter-spacing: -0.2px;
    line-height: 24px;
  }
}
.fz-caption {
  font-size: 1.418vw;
  letter-spacing: -0.015vw;
  line-height: 1.757vw;
}
@media only screen and (max-width: 961px) {
  .fz-caption {
    font-size: 18px;
    letter-spacing: -0.2px;
    line-height: 24px;
  }
}
.fz-rates {
  font-family: ALSZet-Light;
  font-size: 60px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 72;
}

body, .fz-text {
  font-size: 1.757vw;
  letter-spacing: -0.022vw;
  line-height: 2.196vw;
}
@media only screen and (max-width: 961px) {
  body, .fz-text {
    font-size: 18px;
    letter-spacing: -0.19px;
    line-height: 21px;
  }
}

.t-color-gold {
  color: #D1BB8C;
}
.t-color-gray {
  color: #A8A8A8;
}
.t-fade {
  opacity: 0.2;
}
.t-nofade {
  opacity: 1;
}
.t-up {
  text-transform: uppercase;
}
.t-down {
  text-transform: lowercase;
}
.t-underline {
  text-decoration: underline;
}

/* purgecss end ignore */
/* purgecss start ignore */
::-webkit-scrollbar {
  display: none;
}

.content {
  max-width: 100%;
  min-height: 100vh;
  margin-top: 5vw;
}
@media only screen and (max-width: 1441px) {
  .content {
    margin-top: 75px;
  }
}
@media only screen and (max-width: 669px) {
  .content {
    margin-top: 50px;
  }
}

.inner {
  box-sizing: border-box;
  padding-left: 30px;
  padding-right: 30px;
}
@media only screen and (max-width: 961px) {
  .inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 669px) {
  .inner {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.inner-out {
  margin-left: -30px;
  margin-right: -30px;
}
@media only screen and (max-width: 961px) {
  .inner-out {
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media only screen and (max-width: 669px) {
  .inner-out {
    margin-left: -10px;
    margin-right: -10px;
  }
}

.inner-v {
  box-sizing: border-box;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 961px) {
  .inner-v {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 669px) {
  .inner-v {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.steps-row {
  display: flex;
}
.steps-row:nth-child(odd) {
  flex-direction: row;
}
.steps-row:nth-child(even) {
  flex-direction: row-reverse;
}
.steps-row-another {
  display: flex;
}
.steps-row-another:nth-child(odd) {
  flex-direction: row;
}
.steps-row-another:nth-child(even) {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 961px) {
  .steps-row-another {
    flex-direction: row-reverse;
  }
  .steps-row-another:first-child {
    flex-direction: row;
  }
}

.iframe-container {
  padding-bottom: 56.25%;
  position: relative;
  border-radius: 22px;
  overflow: hidden;
}
.iframe-container iframe {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 22px;
}

.png-hover img {
  height: 1.9vw;
}
@media only screen and (max-width: 961px) {
  .png-hover img {
    height: auto;
  }
}
.touch .png-hover:active img, .no-touch .png-hover:hover img {
  -webkit-filter: invert(1);
  filter: invert(1);
}

.cut-extra-space *:last-child {
  margin-bottom: 0 !important;
  margin-right: 0 !important;
}

/* Opacity
---------------------------------------------------------------------------- */
.o-0 {
  opacity: 0 !important;
}

.o-1 {
  opacity: 1 !important;
}

/* purgecss end ignore */
/* purgecss start ignore */
/* Hover
---------------------------------------------------------------------------- */
.ui-hover, .ui-link {
  cursor: pointer;
}
.touch .ui-hover:active, .touch .ui-link:active, .no-touch .ui-hover:hover, .no-touch .ui-link:hover {
  opacity: 0.2;
}

/* Links
 ---------------------------------------------------------------------------- */
/* Images
 ---------------------------------------------------------------------------- */
.ui-lazy {
  opacity: 0;
  transition: opacity 500ms cubic-bezier(0.23, 1, 0.32, 1);
}
.ui-lazy.\--loaded {
  opacity: 1;
}

/* Buttons
---------------------------------------------------------------------------- */
.ui-button {
  padding: 7px 20px 7px;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 500px;
  white-space: nowrap;
}
@media only screen and (min-width: 1440px) {
  .ui-button {
    padding: 14px 40px;
  }
}
.touch .ui-button:active, .no-touch .ui-button:hover {
  color: #000;
  background: #fff;
}
.ui-button.\--active {
  color: #000;
  background: #fff;
}
.ui-button-sketch {
  -webkit-user-select: noselect;
  -moz-user-select: noselect;
  -ms-user-select: noselect;
  user-select: noselect;
  padding: 7px 20px 7px;
  background: #fff;
  border-radius: 500px;
}
.touch .ui-button-sketch:active, .no-touch .ui-button-sketch:hover {
  color: #fff;
  background: #000;
}
@media only screen and (max-width: 669px) {
  .ui-button-full {
    width: 100%;
  }
}

/* Tags
---------------------------------------------------------------------------- */
.ui-circle, .ui-close, .ui-more {
  display: inline-block;
  background: #fff;
  border-radius: 50%;
  height: 4.758vw;
  width: 4.758vw;
  cursor: pointer;
  position: relative;
}
@media only screen and (max-width: 961px) {
  .ui-circle, .ui-close, .ui-more {
    height: 35px;
    width: 35px;
  }
}
.ui-circle-line {
  position: absolute;
  width: 60%;
  background: #000;
  height: 2px;
  left: 20%;
  top: 50%;
}
@media only screen and (max-width: 961px) {
  .ui-circle-line {
    height: 2px;
    left: 7px;
    top: 17px;
  }
}
@media only screen and (max-width: 669px) {
  .ui-circle-line {
    transition: transform 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
  }
}
.ui-circle-line-v {
  transform: rotate(90deg);
}

.touch .ui-circle.more--active .ui-circle-line, .touch .more--active.ui-close .ui-circle-line, .touch .more--active.ui-more .ui-circle-line {
  transform: rotate(45deg);
}
.touch .ui-circle.more--active .ui-circle-line-v, .touch .more--active.ui-close .ui-circle-line-v, .touch .more--active.ui-more .ui-circle-line-v {
  transform: rotate(135deg);
}

.ui-more.more--active .ui-more-message {
  display: block;
  z-index: 20;
}
.ui-more-message {
  padding: 16px 20px;
  display: none;
  position: absolute;
  width: 22vw;
  color: #000;
  background: #fff;
  border-radius: 20px;
  top: calc(100% + 10px);
}
@media only screen and (max-width: 961px) {
  .ui-more-message {
    width: 300px;
  }
}
@media only screen and (max-width: 669px) {
  .ui-more-message {
    width: 312px;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    display: block;
  }
}
@media only screen and (min-width: 1440px) {
  .ui-more-message {
    top: calc(100% + 20px);
  }
}

.ui-close {
  transform: rotate(45deg);
}

/* Tags
---------------------------------------------------------------------------- */
.ui-tag {
  display: inline-block;
  padding: 0 8px;
  font-size: 14px;
  letter-spacing: -0.41px;
  line-height: 25px;
  text-transform: uppercase;
  background: #000;
  color: #fff;
  border: 2px solid #fff;
}
.ui-tag:first-child {
  border-right: none;
}

/* INPUTS
---------------------------------------------------------------------------- */
input::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.4;
}

input:-ms-input-placeholder {
  color: inherit;
  opacity: 0.4;
}

input::-ms-input-placeholder {
  color: inherit;
  opacity: 0.4;
}

input::-moz-placeholder {
  color: inherit;
  opacity: 0.4;
}

input::placeholder {
  color: inherit;
  opacity: 0.4;
}

input,
textarea,
select {
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  border: none;
  outline: none;
  overflow: hidden;
  box-shadow: none;
  line-height: 1;
}

select::-ms-expand {
  display: none;
}

textarea::-ms-expand {
  display: none;
}

textarea {
  resize: none;
}

select {
  vertical-align: top;
}

@-moz-document url-prefix() {
  .ui-select {
    border: 1px solid #CCC;
    border-radius: 4px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
  }

  .ui-select select {
    width: 110%;
    background-position: right 30px center !important;
    border: none !important;
  }
}
textarea:focus::-webkit-input-placeholder {
  -webkit-transition: opacity 200ms;
  transition: opacity 200ms;
  opacity: 0.2;
}

textarea:focus:-ms-input-placeholder {
  -ms-transition: opacity 200ms;
  transition: opacity 200ms;
  opacity: 0.2;
}

textarea:focus::-ms-input-placeholder {
  -ms-transition: opacity 200ms;
  transition: opacity 200ms;
  opacity: 0.2;
}

textarea:focus::-moz-placeholder {
  -moz-transition: opacity 200ms;
  transition: opacity 200ms;
  opacity: 0.2;
}

textarea:focus::placeholder {
  transition: opacity 200ms;
  opacity: 0.2;
}

input:focus::-webkit-input-placeholder {
  -webkit-transition: opacity 200ms;
  transition: opacity 200ms;
  opacity: 0.2;
}

input:focus:-ms-input-placeholder {
  -ms-transition: opacity 200ms;
  transition: opacity 200ms;
  opacity: 0.2;
}

input:focus::-ms-input-placeholder {
  -ms-transition: opacity 200ms;
  transition: opacity 200ms;
  opacity: 0.2;
}

input:focus::-moz-placeholder {
  -moz-transition: opacity 200ms;
  transition: opacity 200ms;
  opacity: 0.2;
}

input:focus::placeholder {
  transition: opacity 200ms;
  opacity: 0.2;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 0;
  -webkit-text-fill-color: white;
  -webkit-box-shadow: 0 0 0px 1000px black inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  background: black;
}

/* purgecss end ignore */
/* purgecss start ignore */
[data-src] {
  opacity: 0;
}

.lazyloaded {
  transition: opacity 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  opacity: 1;
}

/* purgecss end ignore */
/* purgecss start ignore */
.drum {
  transform: translateZ(-60vh) rotateX(0deg);
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  transform-style: preserve-3d;
  height: 40vh;
  animation: drum 10000ms linear reverse infinite;
}
@media only screen and (max-width: 961px) {
  .drum {
    height: 20vh;
    transform: translateZ(-30vh) rotateX(0deg);
    animation: drumS 10000ms linear reverse infinite;
  }
}
.drum-wrapper {
  position: relative;
  overflow: hidden;
  min-height: 120vh;
}
@media only screen and (max-width: 961px) {
  .drum-wrapper {
    min-height: 60vh;
  }
}
.drum-container {
  transform: translateY(-50%);
  position: absolute;
  width: 100%;
  height: 40vh;
  top: 50%;
  left: 0px;
}
@media only screen and (max-width: 961px) {
  .drum-container {
    height: 20vh;
  }
}
.drum-logo {
  height: 40vh;
  position: absolute;
  left: 0px;
  top: 0px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media only screen and (max-width: 961px) {
  .drum-logo {
    height: 20vh;
  }
}
.drum-logo:nth-child(1) {
  transform: rotateX(0deg) translateZ(60vh);
}
@media only screen and (max-width: 961px) {
  .drum-logo:nth-child(1) {
    transform: rotateX(0deg) translateZ(30vh);
  }
}
.drum-logo:nth-child(2) {
  transform: rotateX(36deg) translateZ(60vh);
}
@media only screen and (max-width: 961px) {
  .drum-logo:nth-child(2) {
    transform: rotateX(36deg) translateZ(30vh);
  }
}
.drum-logo:nth-child(3) {
  transform: rotateX(72deg) translateZ(60vh);
}
@media only screen and (max-width: 961px) {
  .drum-logo:nth-child(3) {
    transform: rotateX(72deg) translateZ(30vh);
  }
}
.drum-logo:nth-child(4) {
  transform: rotateX(108deg) translateZ(60vh);
}
@media only screen and (max-width: 961px) {
  .drum-logo:nth-child(4) {
    transform: rotateX(108deg) translateZ(30vh);
  }
}
.drum-logo:nth-child(5) {
  transform: rotateX(144deg) translateZ(60vh);
}
@media only screen and (max-width: 961px) {
  .drum-logo:nth-child(5) {
    transform: rotateX(144deg) translateZ(30vh);
  }
}
.drum-logo:nth-child(6) {
  transform: rotateX(180deg) translateZ(60vh);
}
@media only screen and (max-width: 961px) {
  .drum-logo:nth-child(6) {
    transform: rotateX(180deg) translateZ(30vh);
  }
}
.drum-logo:nth-child(7) {
  transform: rotateX(216deg) translateZ(60vh);
}
@media only screen and (max-width: 961px) {
  .drum-logo:nth-child(7) {
    transform: rotateX(216deg) translateZ(30vh);
  }
}
.drum-logo:nth-child(8) {
  transform: rotateX(252deg) translateZ(60vh);
}
@media only screen and (max-width: 961px) {
  .drum-logo:nth-child(8) {
    transform: rotateX(252deg) translateZ(30vh);
  }
}
.drum-logo:nth-child(9) {
  transform: rotateX(288deg) translateZ(60vh);
}
@media only screen and (max-width: 961px) {
  .drum-logo:nth-child(9) {
    transform: rotateX(288deg) translateZ(30vh);
  }
}
.drum-logo:nth-child(10) {
  transform: rotateX(324deg) translateZ(60vh);
}
@media only screen and (max-width: 961px) {
  .drum-logo:nth-child(10) {
    transform: rotateX(324deg) translateZ(30vh);
  }
}

@-webkit-keyframes drum {
  0% {
    transform: translateZ(-60vh) rotateX(0deg);
  }
  100% {
    transform: translateZ(-60vh) rotateX(-360deg);
  }
}

@keyframes drum {
  0% {
    transform: translateZ(-60vh) rotateX(0deg);
  }
  100% {
    transform: translateZ(-60vh) rotateX(-360deg);
  }
}
@-webkit-keyframes drumS {
  0% {
    transform: translateZ(-30vh) rotateX(0deg);
  }
  100% {
    transform: translateZ(-30vh) rotateX(-360deg);
  }
}
@keyframes drumS {
  0% {
    transform: translateZ(-30vh) rotateX(0deg);
  }
  100% {
    transform: translateZ(-30vh) rotateX(-360deg);
  }
}
/* purgecss end ignore */
/* purgecss start ignore */
.expander {
  cursor: pointer;
  overflow: hidden;
}
.expander-body {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: opacity 200ms cubic-bezier(0.215, 0.61, 0.355, 1), max-height 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.active .expander-body {
  opacity: 1;
}

/* purgecss end ignore */
/* purgecss start ignore */
.notify {
  display: none;
  z-index: 50;
  height: 100%;
  background: rgba(13, 13, 13, 0.95);
}
.notify-show {
  display: block;
}
.notify-container {
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
  width: 30%;
  margin-left: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  height: 100vh;
  transform: translateY(100%);
}
@media only screen and (max-width: 961px) {
  .notify-container {
    width: 50%;
  }
}
@media only screen and (max-width: 669px) {
  .notify-container {
    width: 100%;
  }
}
.notify-block {
  margin-top: 10px;
  background: #fff;
  color: #000;
  padding: 20px;
  border-radius: 20px;
  opacity: 1;
}
.notify-block:first-child {
  margin-top: auto;
}
.notify-block:last-child {
  margin-bottom: 10px;
}

/* purgecss end ignore */
/* purgecss start ignore */
.kuji-neon {
  display: flex;
}
.kuji-neon img {
  display: none;
  width: 100%;
}
.kuji-neon-k {
  width: 30%;
}
.kuji-neon-u {
  width: 30%;
}
.kuji-neon-j {
  width: 27.4%;
}
.kuji-neon-i {
  width: 12.4%;
}

/* purgecss end ignore */
/* purgecss start ignore */
.header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background: #0D0D0D;
  z-index: 50;
  transition: transform 400ms cubic-bezier(0.86, 0, 0.07, 1);
}
.header-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 9.766vh;
  min-height: 75px;
}
@media only screen and (max-width: 961px) {
  .header-line {
    height: 75px;
  }
}
@media only screen and (max-width: 669px) {
  .header-line {
    min-height: 50px;
    height: 50px;
    flex-direction: row-reverse;
    justify-content: normal;
  }
}
.header-logo {
  z-index: 50;
  position: absolute;
  top: 9px;
  height: 57px;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 1440px) {
  .header-logo {
    top: 0.659vw;
    height: 2.928vw;
  }
}
@media only screen and (max-width: 669px) {
  .header-logo {
    top: 6px;
    height: 40px;
    left: 15px;
    transform: translateX(0);
  }
}
.header-menu-link {
  height: 6.881vw;
}
@media only screen and (max-width: 961px) {
  .header-menu-link {
    height: auto;
  }
}
.header-menu-link img {
  vertical-align: bottom;
  display: none;
  height: 100%;
}
.header-menu-link:hover img {
  display: inline-block;
}
.header-menu-link:hover span {
  opacity: 0.2;
}
.header-menu {
  display: none;
  background: #0D0D0D;
}
.header-menu-body {
  /*width: 50%;*/
  height: calc(100vh - 9.766vh);
  height: calc(var(--vh, 1vh) * 100 - 9.766vh);
}
@media only screen and (max-width: 961px) {
  .header-menu-body {
    width: 100%;
    height: calc(100vh - 75px);
    height: calc(var(--vh, 1vh) * 100 - 75px);
  }
}
@media only screen and (max-width: 669px) {
  .header-menu-body {
    height: calc(100vh - 50px);
    height: calc(var(--vh, 1vh) * 100 - 50px);
  }
}
.header-form {
  display: none;
  background: #0D0D0D;
}
.header-form-body {
  width: 100%;
  height: calc(100vh - 9.766vh);
  height: calc(var(--vh, 1vh) * 100 - 9.766vh);
}
@media only screen and (max-width: 961px) {
  .header-form-body {
    height: calc(100vh - 75px);
    height: calc(var(--vh, 1vh) * 100 - 75px);
  }
}
@media only screen and (max-width: 669px) {
  .header-form-body {
    height: calc(100vh - 50px);
    height: calc(var(--vh, 1vh) * 100 - 50px);
  }
}
.header-form-row {
  width: 50%;
}
@media only screen and (max-width: 961px) {
  .header-form-row {
    width: 100%;
  }
}
.header-form-tg {
  position: relative;
  width: 2.343vw;
  height: 2.343vw;
  top: 0.3vw;
}
@media only screen and (max-width: 961px) {
  .header-form-tg {
    width: 24px;
    height: 24px;
    top: 3px;
  }
}
@media only screen and (max-width: 669px) {
  .header-form-tg {
    width: 24px;
    height: 24px;
    top: 3px;
  }
}
.header-form-input {
  padding: 0;
  height: 0;
  border-bottom: 1px solid #fff;
}
.header-form-input.invalid {
  color: #E27979;
  border-bottom: 1px solid #E27979;
}
.header .head {
  display: none;
}

.touch .header-menu-link img {
  display: none !important;
}

.header.state-menu-open {
  transform: translateY(0);
  height: 100%;
  bottom: 0;
}
.header.state-menu-open .header-menu {
  display: block;
}

.header.state-form-open {
  transform: translateY(0) !important;
  height: 100%;
  bottom: 0;
}
.header.state-form-open .header-form {
  display: block;
}

.menu-hide .header {
  transform: translateY(-5vw);
}
@media only screen and (max-width: 1441px) {
  .menu-hide .header {
    transform: translateY(-75px);
  }
}
@media only screen and (max-width: 961px) {
  .menu-hide .header {
    transform: translateY(-72px);
  }
}

/* purgecss end ignore */
.scroller {
  margin-bottom: -30px;
  padding-bottom: 30px;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.scroller::-webkit-scrollbar {
  display: none;
}

.scroller-spacer {
  display: inline-block;
  min-width: 100%;
}

/* purgecss start ignore */
/**
 * (optional) define here the style definitions which should be applied on the slider container
 * e.g. width including further controls like arrows etc.
 */
.slider {
  position: relative;
  transition: transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.slider-frame {
  position: relative;
  font-size: 0;
  line-height: 0;
  white-space: nowrap;
}
.slider-slides {
  display: inline-block;
  cursor: -webkit-grab;
  cursor: grab;
}
.slider-slides:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.slider-prev {
  left: -30px;
  width: 10vw;
  cursor: w-resize;
}
.slider-prev.disabled {
  display: none;
}
.slider-next {
  right: -30px;
  width: 10vw;
  cursor: e-resize;
}
.slider-next.disabled {
  display: none;
}
.slider-slide {
  vertical-align: top;
  position: relative;
  display: inline-block;
  margin-right: 10px;
}
.slider-slide:last-child {
  margin-right: 0;
}
.slider-slide-gallery img {
  border-radius: 40px;
}
@media only screen and (max-width: 669px) {
  .slider-slide-gallery img {
    border-radius: 20px;
  }
}
.slider-slide-video svg {
  display: inline-block;
  position: relative;
  bottom: 3px;
  margin-left: 5px;
}
@media only screen and (max-width: 961px) {
  .slider-slide-video svg {
    bottom: -1px;
    margin-left: 2px;
  }
}
.slider-slide.stats-slide {
  margin-right: 30px;
}
.slider-slide.stats-slide:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 669px) {
  .slider-slide.stats-slide {
    width: 60vw;
  }
}
.slider-slide img {
  height: 75vh;
  pointer-events: none;
}
@media only screen and (max-width: 961px) {
  .slider-slide img {
    height: 30vh;
  }
}
.slider-slide-member img {
  border-radius: 40px;
}
.slider-slide-member img {
  height: 68vh;
}
@media only screen and (max-width: 961px) {
  .slider-slide-member img {
    height: 50vh;
  }
}

.touch .touch .slider-slide-member:active img, .no-touch .touch .slider-slide-member:hover img {
  border-radius: 200px;
}
.touch .slider-prev {
  display: none;
}
.touch .slider-next {
  display: none;
}

/* purgecss end ignore */
/* purgecss start ignore */
.zoomer-block {
  transform: scale(0.4);
  transform-origin: 0 100%;
}
.zoomer-foto {
  transform: scale(0.4);
  transform-origin: 50% 50%;
}

/* purgecss end ignore */
/* purgecss start ignore */
.header .head {
  opacity: 0;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 20;
  pointer-events: none;
}
@media only screen and (max-width: 961px) {
  .header .head {
    display: none !important;
  }
}

.home-benefits .head {
  position: relative;
  min-height: 100vh;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 20;
  margin-top: -50vh;
  pointer-events: none;
}
.home-benefits .head canvas {
  position: absolute;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 961px) {
  .home-benefits .head {
    margin-top: 0;
  }
}

.model-loaded .head {
  opacity: 1;
}

@media only screen and (max-width: 669px) {
  .touch .home-benefits .head {
    position: relative;
  }
}

/* purgecss end ignore */
/* purgecss start ignore */
footer {
  margin-bottom: 20px;
}

/* purgecss end ignore */
/* purgecss start ignore */
.project-filters {
  display: flex;
}
.project-filters-mob {
  display: none;
}
.project-modal {
  display: none;
  z-index: 100;
  background: rgba(13, 13, 13, 0.95);
}
.project-modal-video {
  margin: auto;
  width: 100%;
  height: 100%;
  max-width: 80%;
  max-height: 80%;
}
@media only screen and (min-width: 1440px) {
  .project-modal-video {
    max-width: 50%;
    max-height: 50%;
  }
}
@media only screen and (max-width: 961px) {
  .project-modal-video {
    height: auto;
    max-width: 100%;
    max-height: auto;
  }
}
.project-indent {
  margin-top: auto;
}
.project-logo {
  display: flex;
  border-radius: 50%;
  background: white;
  padding: 10px;
  width: 180px;
  height: 90px;
  transform: rotate(-20deg);
  left: 0;
  bottom: -60px;
}
.project-logo img {
  margin: auto;
  max-height: 80%;
  max-width: 80%;
  height: auto;
  width: auto;
}
@media only screen and (max-width: 961px) {
  .project-logo {
    height: 8vw;
    width: 16vw;
    bottom: -40px;
  }
}
@media only screen and (max-width: 669px) {
  .project-logo {
    padding: 5px;
    height: 10vw;
    width: 20vw;
    bottom: -30px;
  }
}
.project-result-desctop {
  display: flex;
}
.project-result-mobile {
  display: none;
}
.project-workers-desctop {
  display: block;
}
.project-workers-mobile {
  display: none;
}
.project-row {
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
}
@media only screen and (max-width: 961px) {
  .project-row {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.touch .project-row:active, .no-touch .project-row:hover {
  background: #fff;
  color: #000;
}
.touch .project-row:active + .project-row, .no-touch .project-row:hover + .project-row {
  padding-top: 10px;
}
@media only screen and (max-width: 961px) {
  .touch .project-row:active + .project-row, .no-touch .project-row:hover + .project-row {
    padding-top: 20px;
  }
}
.touch .project-row:active .project-row-text, .no-touch .project-row:hover .project-row-text {
  opacity: 1;
  padding-bottom: 10px;
}
@media only screen and (max-width: 961px) {
  .touch .project-row:active .project-row-text, .no-touch .project-row:hover .project-row-text {
    padding-bottom: 0;
  }
}
.touch .project-row:last-child:active .project-row-text, .no-touch .project-row:last-child:hover .project-row-text {
  padding-bottom: 0;
}
.project-row-next {
  background: #fff;
  color: #000;
}
.project-row-next .project-row-text {
  opacity: 1;
  padding-bottom: 10px !important;
}
.project-row-text {
  opacity: 0;
  padding-bottom: 0;
}
@media only screen and (max-width: 961px) {
  .project-row-text {
    opacity: 1;
    padding-bottom: 10px;
  }
}
.project-row-preview {
  max-height: 20vw;
  max-width: 20vw;
  height: auto;
  width: auto;
}
@media only screen and (max-width: 669px) {
  .project-row-preview {
    max-height: 40vw;
    max-width: 40vw;
  }
}

.touch .project-filters {
  display: none;
}
.touch .project-filters-mob {
  display: block;
}
.touch .project-result-desctop {
  display: none;
}
.touch .project-result-mobile {
  display: block;
}
.touch .project-workers-desctop {
  display: none;
}
.touch .project-workers-mobile {
  display: block;
}

/* purgecss end ignore */
/* purgecss start ignore */
.team-members {
  position: -webkit-sticky;
  position: sticky;
  top: 40px;
}
.team-life-foto {
  border-radius: 10px;
}
.touch .team-life-foto:active, .no-touch .team-life-foto:hover {
  border-radius: 40px;
}
.team-life-item {
  width: 50%;
}
.team-life-modal {
  display: none;
  z-index: 60;
  background: rgba(13, 13, 13, 0.95);
}
.team-life-modal.\--show {
  display: block;
}
.team-life-modal img {
  border-radius: 10px;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  opacity: 0;
  transition: opacity 500ms cubic-bezier(0.23, 1, 0.32, 1);
}
.team-preview {
  display: none;
  position: fixed;
  top: 115px;
  left: 0;
  pointer-events: none;
}
.team-preview-foto {
  max-height: calc(100vh - 135px);
}
.team-member-foto {
  max-height: calc(100vh - 135px);
  border-radius: 22px;
}
.team-member-canvas {
  border-radius: 22px;
  cursor: url("/assets/static/svg/pen.svg") 0 50, auto;
}
.team-member-info {
  margin-top: -5.271vw;
}
@media only screen and (max-width: 961px) {
  .team-member-info {
    margin-top: 40px;
  }
}
.team-member-info-text {
  width: 40%;
}
@media only screen and (max-width: 961px) {
  .team-member-info-text {
    width: 100%;
  }
}
.team-member-projects-image {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.team-member-project {
  width: 100%;
  padding-bottom: 100%;
}
@media only screen and (max-width: 961px) {
  .team-member-project {
    display: inline-block;
    width: auto;
    height: 40vw;
    padding-bottom: 0;
    margin-right: 20px;
  }
}
@media only screen and (max-width: 669px) {
  .team-member-project {
    height: 60vw;
    margin-right: 10px;
  }
}
.team-member-project:last-child {
  margin-right: 0;
}
.team-member-project-overlay {
  z-index: 10;
}
.team-member-project-title {
  white-space: normal;
}
.touch .team-member-project:active .team-member-project-overlay, .no-touch .team-member-project:hover .team-member-project-overlay {
  background: rgba(13, 13, 13, 0.8);
}
.touch .team-member-project:active .team-member-project-title, .no-touch .team-member-project:hover .team-member-project-title {
  display: block;
}
.team--preview .team-preview {
  display: block;
}
.team--preview .team-life {
  opacity: 0;
}

/* purgecss end ignore */
/* purgecss start ignore */
.kuji-foto {
  display: inline-block;
  width: 5vw;
  height: 5vw;
  position: relative;
  margin-right: 8px;
}
@media only screen and (max-width: 961px) {
  .kuji-foto {
    width: 39px;
    height: 39px;
  }
}
.kuji-foto img {
  display: inline-block;
  height: calc(5vw + 6px);
  width: calc(5vw + 6px);
  border-radius: 50%;
  position: absolute;
  left: -3px;
  top: -3px;
  border: 3px solid #0D0D0D;
}
@media only screen and (max-width: 961px) {
  .kuji-foto img {
    height: 45px;
    width: 45px;
    top: -1px;
  }
}
.kuji-foto-solo {
  width: calc(5vw + 6px);
}
@media only screen and (max-width: 961px) {
  .kuji-foto-solo {
    width: 39px;
  }
}
.kuji-foto-twin {
  width: calc(9vw + 12px);
}
@media only screen and (max-width: 961px) {
  .kuji-foto-twin {
    width: 70px;
  }
}
.kuji-foto-twin img:nth-child(2) {
  left: calc(4vw - 3px);
}
@media only screen and (max-width: 961px) {
  .kuji-foto-twin img:nth-child(2) {
    left: 28px;
  }
}
.kuji-foto-group {
  width: calc(12vw + 18px);
}
@media only screen and (max-width: 961px) {
  .kuji-foto-group {
    width: 98px;
  }
}
.kuji-foto-group img:nth-child(2) {
  left: calc(4vw - 3px);
}
@media only screen and (max-width: 961px) {
  .kuji-foto-group img:nth-child(2) {
    left: 28px;
  }
}
.kuji-foto-group img:nth-child(3) {
  left: calc(8vw - 6px);
}
@media only screen and (max-width: 961px) {
  .kuji-foto-group img:nth-child(3) {
    left: 56px;
  }
}
.kuji-audience-item {
  width: 22.2%;
  border-radius: 20px;
  margin-right: 10px;
  margin-bottom: 10px;
  background: #FFFFFF;
  color: #0D0D0D;
}
@media only screen and (max-width: 961px) {
  .kuji-audience-item {
    width: auto;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 961px) {
  .kuji-audience-item:last-child {
    margin-bottom: 0;
  }
}
.kuji-stats-circle {
  cursor: default;
  display: flex;
  border-radius: 50%;
  width: calc((100vw - 120px) / 3 - 4vw);
  height: calc((100vw - 120px) / 3 - 4vw);
  margin: auto;
  border: solid 3px #FFFFFF;
  color: #FFFFFF;
}
.touch .kuji-stats-circle:active, .no-touch .kuji-stats-circle:hover {
  background: #FFFFFF;
  color: #0D0D0D;
}
@media only screen and (max-width: 961px) {
  .kuji-stats-circle {
    width: calc((100vw - 40px) / 3 - 4vw);
    height: calc((100vw - 40px) / 3 - 4vw);
  }
}
@media only screen and (max-width: 669px) {
  .kuji-stats-circle {
    width: 60vw;
    height: 60vw;
  }
}

/* purgecss end ignore */
/* purgecss start ignore */
@media only screen and (max-width: 961px) {
  .home-benefits-space {
    margin-top: -40vh;
    margin-top: calc(var(--vh, 1vh) * -40);
  }
}
.home-benefits-one {
  height: 5.417vw;
}
@media only screen and (max-width: 669px) {
  .home-benefits-one {
    position: relative;
    height: 38px;
    bottom: 5px;
  }
}
.home-benefits-mobile-row {
  display: block;
  max-width: 70%;
}
@media only screen and (max-width: 411px) {
  .home-benefits-mobile-row {
    max-width: 90%;
  }
}
.home-projects-desctop {
  display: block;
}
.home-projects-desctop--hide .home-projects-project {
  opacity: 0.2;
}
.touch .home-projects-desctop .home-projects-project:active, .no-touch .home-projects-desctop .home-projects-project:hover {
  opacity: 1 !important;
}
.home-projects-mobile {
  display: none;
}
.home-projects-project {
  width: 100%;
  padding-bottom: 100%;
  display: inline-block;
  width: auto;
  height: 25vw;
  padding-bottom: 0;
  padding-right: 10px;
  padding-left: 10px;
}
@media only screen and (max-width: 961px) {
  .home-projects-project {
    display: inline-block;
    width: auto;
    height: 40vw;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 669px) {
  .home-projects-project {
    height: 60vw;
    padding-right: 5px;
    padding-left: 5px;
  }
}
.home-projects-project:last-child {
  margin-right: 30px;
}
@media only screen and (max-width: 961px) {
  .home-projects-project:last-child {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 669px) {
  .home-projects-project:last-child {
    margin-right: 10px;
  }
}
.home-projects-project-overlay {
  z-index: 10;
}
.home-projects-project-title {
  white-space: normal;
}
.home-projects-project-image {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.touch .home-projects-project:active .home-projects-project-overlay, .no-touch .home-projects-project:hover .home-projects-project-overlay {
  background: rgba(13, 13, 13, 0.8);
}
.touch .home-projects-project:active .home-projects-project-title, .no-touch .home-projects-project:hover .home-projects-project-title {
  display: block;
}
.home-projects-grid {
  padding: 6%;
  width: 33.33%;
  height: 33.33%;
}
@media only screen and (max-width: 961px) {
  .home-projects-grid {
    padding: 3%;
  }
}
.home-projects-grid img {
  transform: translateY(-50%) translateX(-50%);
  max-height: 20vw;
  max-width: 20vw;
  height: auto;
  width: auto;
}
@media only screen and (max-width: 961px) {
  .home-projects-grid img {
    max-height: 30vw;
    max-width: 30vw;
  }
}
.home-projects-overlay {
  display: none;
}
.home-projects-overlay.overlay--active {
  display: flex;
  z-index: 20;
  background: rgba(13, 13, 13, 0.8);
}
.home-projects-container {
  display: none;
  z-index: 21;
}


.card-parent-small {
  perspective: 1000px;
  width: 340px;
  height: 591px;
  position:relative;
}

.card-parent {
  perspective: 1000px;
  width: 520px;
  height: 685px;
  position:relative;
}

.card-parent .card {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}


.card {
  perspective: 1000px;
  max-width: 443px;
  max-height: 591px;
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  position:relative;
  margin-right: 0 !important;
}

.card-small {
  max-width: 316px;
  max-height: 423px;
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  margin: 30px 20px 30px 0;
}

.card-small .card-back {
  padding: 5vw 6.6vw;
}

.card-content {
  transition: all 2s;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  white-space: normal !important;
  text-align: center;

  border-radius: 57px;
  background: white;
  color: black;
}

.card-small .card-front {
  font-size: 40px;
  line-height: 47px;
}

.card-small .card-back {
  font-size: 20px;
  line-height: 23px;
}

.card-front {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-size: 60px;
  line-height: 70px;
}

.card-back {
  transform:rotateY(180deg);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-size: 30px;
  line-height: 35px;
  background-color: #3D3D3D;
  color: white;
  padding: 5vw 2.5vw;
}

.card:hover .card-front {
  transform: rotateY(-180deg);
}

.card:hover .card-back {
  transform: rotateY(0);
}

.card-body {
  display: flex;
  align-items: center;
  justify-content: center;
}

.prizes {
  margin-top: 375px;
}

.oscar {
  pointer-events: none; position: absolute; right: -40px; bottom: 0;
}

.oscar-main {
  width: 45vw;
}

.oscar-preview {
  position: absolute;
  top: 13.5%;
  left: 0;
  height: 16%;
}

@media screen and (max-width: 960px) {
  .prizes {
    margin-top: 60px;
  }

  #prizes-popup  {
    display: none;
  }
}

.prizes-popup {
  padding: 54px 48px 54px 35px;
  min-height: 175px;

  background: #FFFFFF;
  border-radius: 30px;

  width: 40vw;
}

.prizes-hidden {
  visibility: hidden;
}

.prizes-popup .text {
  color: #0D0D0D;
}


.home-team {
  touch-action: manipulation;
}
.home-team-foto {
  border-radius: 10px;
  transform: scale(0.33);
  transform-origin: 50% 50%;
  max-height: 20vw;
  max-width: 20vw;
  height: auto;
  width: auto;
}
@media only screen and (max-width: 961px) {
  .home-team-foto {
    transform: scale(0.5);
    max-height: 30vw;
    max-width: 30vw;
  }
}
@media only screen and (max-width: 669px) {
  .home-team-foto {
    transform: scale(0.5);
    max-height: 50vw;
    max-width: 50vw;
  }
}
.home-team-foto:hover {
  z-index: 20;
}
.home-team-foto.\--loaded {
  opacity: 1;
}

.touch .home-projects-desctop {
  display: none;
}
.touch .home-projects-mobile {
  display: block;
}

/* purgecss end ignore */