.ctn {
  margin-left: auto;
  margin-right: auto;
}
.col,
.flex,
.row {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.row {
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.row,
.row.reverse {
  -webkit-box-orient: horizontal;
}
.row.reverse {
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.col {
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.col,
.col.reverse {
  -webkit-box-orient: vertical;
}
.col.reverse {
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.nowrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.ctn,
.ctn-fluid {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.ctn {
  width: 100%;
}
.col,
.row {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.row-xxs {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.col-xxs,
.row-xxs {
  -webkit-box-direction: normal;
}
.col-xxs {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
}
.xxs0 {
  -ms-flex-preferred-size: 0%;
  flex-basis: 0%;
  max-width: 0;
}
.offset-xxs0 {
  margin-left: 0;
}
.xxs1 {
  -ms-flex-preferred-size: 8.33333%;
  flex-basis: 8.33333%;
  max-width: 8.33333%;
}
.offset-xxs1 {
  margin-left: 8.33333%;
}
.xxs2 {
  -ms-flex-preferred-size: 16.66667%;
  flex-basis: 16.66667%;
  max-width: 16.66667%;
}
.offset-xxs2 {
  margin-left: 16.66667%;
}
.xxs3 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}
.offset-xxs3 {
  margin-left: 25%;
}
.xxs4 {
  -ms-flex-preferred-size: 33.33333%;
  flex-basis: 33.33333%;
  max-width: 33.33333%;
}
.offset-xxs4 {
  margin-left: 33.33333%;
}
.xxs5 {
  -ms-flex-preferred-size: 41.66667%;
  flex-basis: 41.66667%;
  max-width: 41.66667%;
}
.offset-xxs5 {
  margin-left: 41.66667%;
}
.xxs6 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}
.offset-xxs6 {
  margin-left: 50%;
}
.xxs7 {
  -ms-flex-preferred-size: 58.33333%;
  flex-basis: 58.33333%;
  max-width: 58.33333%;
}
.offset-xxs7 {
  margin-left: 58.33333%;
}
.xxs8 {
  -ms-flex-preferred-size: 66.66667%;
  flex-basis: 66.66667%;
  max-width: 66.66667%;
}
.offset-xxs8 {
  margin-left: 66.66667%;
}
.xxs9 {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}
.offset-xxs9 {
  margin-left: 75%;
}
.xxs10 {
  -ms-flex-preferred-size: 83.33333%;
  flex-basis: 83.33333%;
  max-width: 83.33333%;
}
.offset-xxs10 {
  margin-left: 83.33333%;
}
.xxs11 {
  -ms-flex-preferred-size: 91.66667%;
  flex-basis: 91.66667%;
  max-width: 91.66667%;
}
.offset-xxs11 {
  margin-left: 91.66667%;
}
.xxs12 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}
.offset-xxs12 {
  margin-left: 100%;
}
.xxs {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.start-xxs {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: start;
}
.center-xxs {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.end-xxs {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: end;
}
.around-xxs {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.between-xxs {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.top-xxs {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-item-align: start;
  align-self: start;
}
.middle-xxs {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.bottom-xxs {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-item-align: end;
  align-self: end;
}
.first-xxs {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}
.last-xxs {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.hidden-xxs,
.hide-xxs {
  display: none;
}
.show-xxs {
  display: block;
}
.show-ib-xxs {
  display: inline-block;
}
.offset-xxs0,
.offset-xxs1,
.offset-xxs2,
.offset-xxs3,
.offset-xxs4,
.offset-xxs5,
.offset-xxs6,
.offset-xxs7,
.offset-xxs8,
.offset-xxs9,
.offset-xxs10,
.offset-xxs11,
.offset-xxs12,
.xxs0,
.xxs1,
.xxs2,
.xxs3,
.xxs4,
.xxs5,
.xxs6,
.xxs7,
.xxs8,
.xxs9,
.xxs10,
.xxs11,
.xxs12 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 480px) {
  .ctn,
  .ctn-fluid {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .ctn {
    width: 100%;
  }
  .col,
  .row {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  .row-xs {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .col-xs,
  .row-xs {
    -webkit-box-direction: normal;
  }
  .col-xs {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .xs0 {
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%;
    max-width: 0;
  }
  .offset-xs0 {
    margin-left: 0;
  }
  .xs1 {
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
  .offset-xs1 {
    margin-left: 8.33333%;
  }
  .xs2 {
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  .offset-xs2 {
    margin-left: 16.66667%;
  }
  .xs3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .offset-xs3 {
    margin-left: 25%;
  }
  .xs4 {
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  .offset-xs4 {
    margin-left: 33.33333%;
  }
  .xs5 {
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  .offset-xs5 {
    margin-left: 41.66667%;
  }
  .xs6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .offset-xs6 {
    margin-left: 50%;
  }
  .xs7 {
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%;
  }
  .offset-xs7 {
    margin-left: 58.33333%;
  }
  .xs8 {
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
  .offset-xs8 {
    margin-left: 66.66667%;
  }
  .xs9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .offset-xs9 {
    margin-left: 75%;
  }
  .xs10 {
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%;
  }
  .offset-xs10 {
    margin-left: 83.33333%;
  }
  .xs11 {
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%;
  }
  .offset-xs11 {
    margin-left: 91.66667%;
  }
  .xs12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .offset-xs12 {
    margin-left: 100%;
  }
  .xs {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .start-xs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }
  .center-xs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .end-xs {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }
  .around-xs {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .between-xs {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .top-xs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-item-align: start;
    align-self: start;
  }
  .middle-xs {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  .bottom-xs {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-item-align: end;
    align-self: end;
  }
  .first-xs {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .last-xs {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .hidden-xs,
  .hide-xs {
    display: none;
  }
  .show-xs {
    display: block;
  }
  .show-ib-xs {
    display: inline-block;
  }
  .offset-xs0,
  .offset-xs1,
  .offset-xs2,
  .offset-xs3,
  .offset-xs4,
  .offset-xs5,
  .offset-xs6,
  .offset-xs7,
  .offset-xs8,
  .offset-xs9,
  .offset-xs10,
  .offset-xs11,
  .offset-xs12,
  .xs0,
  .xs1,
  .xs2,
  .xs3,
  .xs4,
  .xs5,
  .xs6,
  .xs7,
  .xs8,
  .xs9,
  .xs10,
  .xs11,
  .xs12 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 768px) {
  .ctn,
  .ctn-fluid {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .ctn {
    width: 720px;
  }
  .col,
  .row {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  .row-sm {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .col-sm,
  .row-sm {
    -webkit-box-direction: normal;
  }
  .col-sm {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .sm0 {
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%;
    max-width: 0;
  }
  .offset-sm0 {
    margin-left: 0;
  }
  .sm1 {
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
  .offset-sm1 {
    margin-left: 8.33333%;
  }
  .sm2 {
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  .offset-sm2 {
    margin-left: 16.66667%;
  }
  .sm3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .offset-sm3 {
    margin-left: 25%;
  }
  .sm4 {
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  .offset-sm4 {
    margin-left: 33.33333%;
  }
  .sm5 {
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  .offset-sm5 {
    margin-left: 41.66667%;
  }
  .sm6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .offset-sm6 {
    margin-left: 50%;
  }
  .sm7 {
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%;
  }
  .offset-sm7 {
    margin-left: 58.33333%;
  }
  .sm8 {
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
  .offset-sm8 {
    margin-left: 66.66667%;
  }
  .sm9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .offset-sm9 {
    margin-left: 75%;
  }
  .sm10 {
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%;
  }
  .offset-sm10 {
    margin-left: 83.33333%;
  }
  .sm11 {
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%;
  }
  .offset-sm11 {
    margin-left: 91.66667%;
  }
  .sm12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .offset-sm12 {
    margin-left: 100%;
  }
  .sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .start-sm {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }
  .center-sm {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .end-sm {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }
  .around-sm {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .between-sm {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .top-sm {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-item-align: start;
    align-self: start;
  }
  .middle-sm {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  .bottom-sm {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-item-align: end;
    align-self: end;
  }
  .first-sm {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .last-sm {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .hidden-sm,
  .hide-sm {
    display: none;
  }
  .show-sm {
    display: block;
  }
  .show-ib-sm {
    display: inline-block;
  }
  .offset-sm0,
  .offset-sm1,
  .offset-sm2,
  .offset-sm3,
  .offset-sm4,
  .offset-sm5,
  .offset-sm6,
  .offset-sm7,
  .offset-sm8,
  .offset-sm9,
  .offset-sm10,
  .offset-sm11,
  .offset-sm12,
  .sm0,
  .sm1,
  .sm2,
  .sm3,
  .sm4,
  .sm5,
  .sm6,
  .sm7,
  .sm8,
  .sm9,
  .sm10,
  .sm11,
  .sm12 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 992px) {
  .ctn,
  .ctn-fluid {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .ctn {
    width: 960px;
  }
  .col,
  .row {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  .row-md {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .col-md,
  .row-md {
    -webkit-box-direction: normal;
  }
  .col-md {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .md0 {
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%;
    max-width: 0;
  }
  .offset-md0 {
    margin-left: 0;
  }
  .md1 {
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
  .offset-md1 {
    margin-left: 8.33333%;
  }
  .md2 {
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  .offset-md2 {
    margin-left: 16.66667%;
  }
  .md3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .offset-md3 {
    margin-left: 25%;
  }
  .md4 {
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  .offset-md4 {
    margin-left: 33.33333%;
  }
  .md5 {
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  .offset-md5 {
    margin-left: 41.66667%;
  }
  .md6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .offset-md6 {
    margin-left: 50%;
  }
  .md7 {
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%;
  }
  .offset-md7 {
    margin-left: 58.33333%;
  }
  .md8 {
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
  .offset-md8 {
    margin-left: 66.66667%;
  }
  .md9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .offset-md9 {
    margin-left: 75%;
  }
  .md10 {
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%;
  }
  .offset-md10 {
    margin-left: 83.33333%;
  }
  .md11 {
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%;
  }
  .offset-md11 {
    margin-left: 91.66667%;
  }
  .md12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .offset-md12 {
    margin-left: 100%;
  }
  .md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .start-md {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }
  .center-md {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .end-md {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }
  .around-md {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .between-md {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .top-md {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-item-align: start;
    align-self: start;
  }
  .middle-md {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  .bottom-md {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-item-align: end;
    align-self: end;
  }
  .first-md {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .last-md {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .hidden-md,
  .hide-md {
    display: none;
  }
  .show-md {
    display: block;
  }
  .show-ib-md {
    display: inline-block;
  }
  .md0,
  .md1,
  .md2,
  .md3,
  .md4,
  .md5,
  .md6,
  .md7,
  .md8,
  .md9,
  .md10,
  .md11,
  .md12,
  .offset-md0,
  .offset-md1,
  .offset-md2,
  .offset-md3,
  .offset-md4,
  .offset-md5,
  .offset-md6,
  .offset-md7,
  .offset-md8,
  .offset-md9,
  .offset-md10,
  .offset-md11,
  .offset-md12 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .ctn,
  .ctn-fluid {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .ctn {
    width: 1170px;
  }
  .col,
  .row {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  .row-lg {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .col-lg,
  .row-lg {
    -webkit-box-direction: normal;
  }
  .col-lg {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .lg0 {
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%;
    max-width: 0;
  }
  .offset-lg0 {
    margin-left: 0;
  }
  .lg1 {
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
  .offset-lg1 {
    margin-left: 8.33333%;
  }
  .lg2 {
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  .offset-lg2 {
    margin-left: 16.66667%;
  }
  .lg3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .offset-lg3 {
    margin-left: 25%;
  }
  .lg4 {
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  .offset-lg4 {
    margin-left: 33.33333%;
  }
  .lg5 {
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  .offset-lg5 {
    margin-left: 41.66667%;
  }
  .lg6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .offset-lg6 {
    margin-left: 50%;
  }
  .lg7 {
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%;
  }
  .offset-lg7 {
    margin-left: 58.33333%;
  }
  .lg8 {
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
  .offset-lg8 {
    margin-left: 66.66667%;
  }
  .lg9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .offset-lg9 {
    margin-left: 75%;
  }
  .lg10 {
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%;
  }
  .offset-lg10 {
    margin-left: 83.33333%;
  }
  .lg11 {
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%;
  }
  .offset-lg11 {
    margin-left: 91.66667%;
  }
  .lg12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .offset-lg12 {
    margin-left: 100%;
  }
  .lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .start-lg {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }
  .center-lg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .end-lg {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }
  .around-lg {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .between-lg {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .top-lg {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-item-align: start;
    align-self: start;
  }
  .middle-lg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  .bottom-lg {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-item-align: end;
    align-self: end;
  }
  .first-lg {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .last-lg {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .hidden-lg,
  .hide-lg {
    display: none;
  }
  .show-lg {
    display: block;
  }
  .show-ib-lg {
    display: inline-block;
  }
  .lg0,
  .lg1,
  .lg2,
  .lg3,
  .lg4,
  .lg5,
  .lg6,
  .lg7,
  .lg8,
  .lg9,
  .lg10,
  .lg11,
  .lg12,
  .offset-lg0,
  .offset-lg1,
  .offset-lg2,
  .offset-lg3,
  .offset-lg4,
  .offset-lg5,
  .offset-lg6,
  .offset-lg7,
  .offset-lg8,
  .offset-lg9,
  .offset-lg10,
  .offset-lg11,
  .offset-lg12 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 1320px) {
  .ctn,
  .ctn-fluid {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .ctn {
    width: 1290px;
  }
  .col,
  .row {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  .row-xl {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .col-xl,
  .row-xl {
    -webkit-box-direction: normal;
  }
  .col-xl {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .xl0 {
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%;
    max-width: 0;
  }
  .offset-xl0 {
    margin-left: 0;
  }
  .xl1 {
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
  .offset-xl1 {
    margin-left: 8.33333%;
  }
  .xl2 {
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  .offset-xl2 {
    margin-left: 16.66667%;
  }
  .xl3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .offset-xl3 {
    margin-left: 25%;
  }
  .xl4 {
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  .offset-xl4 {
    margin-left: 33.33333%;
  }
  .xl5 {
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  .offset-xl5 {
    margin-left: 41.66667%;
  }
  .xl6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .offset-xl6 {
    margin-left: 50%;
  }
  .xl7 {
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%;
  }
  .offset-xl7 {
    margin-left: 58.33333%;
  }
  .xl8 {
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
  .offset-xl8 {
    margin-left: 66.66667%;
  }
  .xl9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .offset-xl9 {
    margin-left: 75%;
  }
  .xl10 {
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%;
  }
  .offset-xl10 {
    margin-left: 83.33333%;
  }
  .xl11 {
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%;
  }
  .offset-xl11 {
    margin-left: 91.66667%;
  }
  .xl12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .offset-xl12 {
    margin-left: 100%;
  }
  .xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .start-xl {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }
  .center-xl {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .end-xl {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }
  .around-xl {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .between-xl {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .top-xl {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-item-align: start;
    align-self: start;
  }
  .middle-xl {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  .bottom-xl {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-item-align: end;
    align-self: end;
  }
  .first-xl {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .last-xl {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .hidden-xl,
  .hide-xl {
    display: none;
  }
  .show-xl {
    display: block;
  }
  .show-ib-xl {
    display: inline-block;
  }
  .offset-xl0,
  .offset-xl1,
  .offset-xl2,
  .offset-xl3,
  .offset-xl4,
  .offset-xl5,
  .offset-xl6,
  .offset-xl7,
  .offset-xl8,
  .offset-xl9,
  .offset-xl10,
  .offset-xl11,
  .offset-xl12,
  .xl0,
  .xl1,
  .xl2,
  .xl3,
  .xl4,
  .xl5,
  .xl6,
  .xl7,
  .xl8,
  .xl9,
  .xl10,
  .xl11,
  .xl12 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 768px) {
  .xs,
  .xxs12,
  [class*='xxs']:not([class*='-xxs']) {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.nogrow {
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}
.grow {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.grow,
.grow1 {
  -webkit-box-flex: 1;
}
.grow1 {
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.grow2 {
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}
.grow3 {
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-flex: 3;
  -ms-flex-positive: 3;
  flex-grow: 3;
}
.grow4 {
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-flex: 4;
  -ms-flex-positive: 4;
  flex-grow: 4;
}
.grow5 {
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-flex: 5;
  -ms-flex-positive: 5;
  flex-grow: 5;
}