/**
 * @grid
 * @name Grid
 * @description A responsive CSS grid.
 */
.fs_grid_row,
.grid .row {
  min-width: 340px;
  display: flex;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .fs_grid_row,
  .grid .row {
    width: 96%;
    width: calc(100% - 40px);
  }
}
@media screen and (min-width: 576px) {
  .fs_grid_row,
  .grid .row {
    width: 556px;
  }
}
@media screen and (min-width: 768px) {
  .fs_grid_row,
  .grid .row {
    width: 720px;
  }
}
@media screen and (min-width: 992px) {
  .fs_grid_row,
  .grid .row {
    width: 960px;
  }
}
@media screen and (min-width: 1200px) {
  .fs_grid_row,
  .grid .row {
    width: 1140px;
  }
}
@media screen and (min-width: 1400px) {
  .fs_grid_row,
  .grid .row {
    width: 1320px;
  }
}
.fs_grid_row_fluid,
.grid-fluid .row {
  width: 96%;
  width: calc(100% - 40px);
}
@media screen and (max-width: 575px) {
  .fs_grid_row_adaptive,
  .grid-adaptive .row {
    width: 340px;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .fs_grid_row_adaptive,
  .grid-adaptive .row {
    width: 556px;
  }
}
.fs_grid_row_reverse {
  flex-direction: row-reverse;
}
.fs_grid_row_justify_around {
  justify-content: space-around;
}
.fs_grid_row_justify_between {
  justify-content: space-between;
}
.fs_grid_row_justify_start {
  justify-content: flex-start;
}
.fs_grid_row_justify_center {
  justify-content: center;
}
.fs_grid_row_justify_end {
  justify-content: flex-end;
}
.fs_grid_row_align_start {
  align-items: flex-start;
}
.fs_grid_row_align_center {
  align-items: center;
}
.fs_grid_row_align_end {
  align-items: flex-end;
}
.fs_grid_row_row,
.grid .row .row {
  min-width: auto;
  width: 101.8%;
  margin-left: -0.9%;
  margin-right: -0.9%;
}
.fs_grid_row_row_contained,
.grid .row [class*="cel"][class*="-contained"] .row {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.fs_grid_row_destroy {
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
.fs_grid_cell,
.grid .row [class*="cel"] {
  width: 98.2%;
  max-width: 98.2%;
  min-width: 0;
  flex: 0 0 98.2%;
  flex-basis: auto;
  margin-left: 0.9%;
  margin-right: 0.9%;
}
.fs_grid_cell_padded,
.grid .row [class*="cel"][class*="-padded"] {
  box-sizing: content-box;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0.9%;
  padding-right: 0.9%;
}
.fs_grid_cell_contained,
.grid .row [class*="cel"][class*="-contained"] {
  width: 100%;
  flex: 0 0 100%;
  margin-left: 0;
  margin-right: 0;
}
.fs_grid_cell_justify_start {
  margin-right: auto;
}
.fs_grid_cell_justify_center,
.fs_grid_cell_centered {
  margin-right: auto;
  margin-left: auto;
}
.fs_grid_cell_justify_end,
.fs_grid_cell_right {
  margin-left: auto;
}
.fs_grid_cell_align_start {
  align-self: flex-start;
}
.fs_grid_cell_align_center {
  align-self: center;
}
.fs_grid_cell_align_end {
  align-self: flex-end;
}
.fs_grid_cell_first {
  order: -1;
}
.fs_grid_cell_last {
  order: 1;
}
.fs_grid_cell_destroy {
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
* {
  box-sizing: border-box;
}
*:before,
*:after {
  box-sizing: inherit;
}
.grid .row.all-reverse {
  flex-direction: row-reverse;
}
.grid .row.all-justify-around {
  justify-content: space-around;
}
.grid .row.all-justify-between {
  justify-content: space-between;
}
.grid .row.all-justify-start {
  justify-content: flex-start;
}
.grid .row.all-justify-center {
  justify-content: center;
}
.grid .row.all-justify-end {
  justify-content: flex-end;
}
.grid .row.all-align-start {
  align-items: flex-start;
}
.grid .row.all-align-center {
  align-items: center;
}
.grid .row.all-align-end {
  align-items: flex-end;
}
.grid .row .cel.all-first,
.grid .row [class*="-contained"].all-first {
  order: -1;
}
.grid .row .cel.all-last,
.grid .row [class*="-contained"].all-last {
  order: 1;
}
.grid .row .cel.all-align-start,
.grid .row [class*="-contained"].all-align-start {
  align-self: flex-start;
}
.grid .row .cel.all-align-center,
.grid .row [class*="-contained"].all-align-center {
  align-self: center;
}
.grid .row .cel.all-align-end,
.grid .row [class*="-contained"].all-align-end {
  align-self: flex-end;
}
.grid .row .cel.all-justify-start,
.grid .row [class*="-contained"].all-justify-start {
  margin-right: auto;
}
.grid .row .cel.all-justify-center,
.grid .row [class*="-contained"].all-justify-center {
  margin-right: auto;
  margin-left: auto;
}
.grid .row .cel.all-justify-end,
.grid .row [class*="-contained"].all-justify-end {
  margin-left: auto;
}
.grid .row .all-fifth {
  width: 18.2%;
  max-width: 18.2%;
  min-width: 0;
  flex: 0 0 18.2%;
}
.grid .row .all-fourth {
  width: 23.2%;
  max-width: 23.2%;
  min-width: 0;
  flex: 0 0 23.2%;
}
.grid .row .all-third {
  width: 31.53333333%;
  max-width: 31.53333333%;
  min-width: 0;
  flex: 0 0 31.53333333%;
}
.grid .row .all-half {
  width: 48.2%;
  max-width: 48.2%;
  min-width: 0;
  flex: 0 0 48.2%;
}
.grid .row .all-full {
  width: 98.2%;
  max-width: 98.2%;
  min-width: 0;
  flex: 0 0 98.2%;
}
.grid .row .all-push-fifth {
  margin-left: 20.9%;
}
.grid .row .all-push-fourth {
  margin-left: 25.9%;
}
.grid .row .all-push-third {
  margin-left: 34.23333333%;
}
.grid .row .all-push-half {
  margin-left: 50.9%;
}
.grid .row [class*="-contained"].all-fifth {
  width: 20%;
  max-width: 20%;
  min-width: 0;
  flex: 0 0 20%;
}
.grid .row [class*="-contained"].all-fourth {
  width: 25%;
  max-width: 25%;
  min-width: 0;
  flex: 0 0 25%;
}
.grid .row [class*="-contained"].all-third {
  width: 33.33333333%;
  max-width: 33.33333333%;
  min-width: 0;
  flex: 0 0 33.33333333%;
}
.grid .row [class*="-contained"].all-half {
  width: 50%;
  max-width: 50%;
  min-width: 0;
  flex: 0 0 50%;
}
.grid .row [class*="-contained"].all-full {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  flex: 0 0 100%;
}
.grid .row [class*="-contained"].all-push-fifth {
  margin-left: 20%;
}
.grid .row [class*="-contained"].all-push-fourth {
  margin-left: 25%;
}
.grid .row [class*="-contained"].all-push-third {
  margin-left: 33.33333333%;
}
.grid .row [class*="-contained"].all-push-half {
  margin-left: 50%;
}
.grid .row .all-auto {
  width: auto;
  max-width: 98.2%;
  flex: 1;
  flex-grow: 1;
}
.grid .row .all-hide {
  display: none;
}
.grid .row .all-destroy {
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
@media screen and (max-width:  768px) {
  .grid .row.sm-reverse {
    flex-direction: row-reverse;
  }
  .grid .row.sm-justify-around {
    justify-content: space-around;
  }
  .grid .row.sm-justify-between {
    justify-content: space-between;
  }
  .grid .row.sm-justify-start {
    justify-content: flex-start;
  }
  .grid .row.sm-justify-center {
    justify-content: center;
  }
  .grid .row.sm-justify-end {
    justify-content: flex-end;
  }
  .grid .row.sm-align-start {
    align-items: flex-start;
  }
  .grid .row.sm-align-center {
    align-items: center;
  }
  .grid .row.sm-align-end {
    align-items: flex-end;
  }
  .grid .row .sm-1 {
    width: 23.2%;
    max-width: 23.2%;
    min-width: 0;
    flex: 0 0 23.2%;
  }
  .grid .row .sm-2 {
    width: 48.2%;
    max-width: 48.2%;
    min-width: 0;
    flex: 0 0 48.2%;
  }
  .grid .row .sm-3 {
    width: 73.2%;
    max-width: 73.2%;
    min-width: 0;
    flex: 0 0 73.2%;
  }
  .grid .row .sm-4 {
    width: 98.2%;
    max-width: 98.2%;
    min-width: 0;
    flex: 0 0 98.2%;
  }
  .grid .row .sm-push-1 {
    margin-left: 25.9%;
  }
  .grid .row .sm-push-2 {
    margin-left: 50.9%;
  }
  .grid .row .sm-push-3 {
    margin-left: 75.9%;
  }
  .grid .row [class*="-contained"].sm-1 {
    width: 25%;
    max-width: 25%;
    min-width: 0;
    flex: 0 0 25%;
  }
  .grid .row [class*="-contained"].sm-2 {
    width: 50%;
    max-width: 50%;
    min-width: 0;
    flex: 0 0 50%;
  }
  .grid .row [class*="-contained"].sm-3 {
    width: 75%;
    max-width: 75%;
    min-width: 0;
    flex: 0 0 75%;
  }
  .grid .row [class*="-contained"].sm-4 {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    flex: 0 0 100%;
  }
  .grid .row [class*="-contained"].sm-push-1 {
    margin-left: 25%;
  }
  .grid .row [class*="-contained"].sm-push-2 {
    margin-left: 50%;
  }
  .grid .row [class*="-contained"].sm-push-3 {
    margin-left: 75%;
  }
  .grid .row .cel.sm-first,
  .grid .row [class*="-contained"].sm-first {
    order: -1;
  }
  .grid .row .cel.sm-last,
  .grid .row [class*="-contained"].sm-last {
    order: 1;
  }
  .grid .row .cel.sm-align-start,
  .grid .row [class*="-contained"].sm-align-start {
    align-self: flex-start;
  }
  .grid .row .cel.sm-align-center,
  .grid .row [class*="-contained"].sm-align-center {
    align-self: center;
  }
  .grid .row .cel.sm-align-end,
  .grid .row [class*="-contained"].sm-align-end {
    align-self: flex-end;
  }
  .grid .row .cel.sm-justify-start,
  .grid .row [class*="-contained"].sm-justify-start {
    margin-right: auto;
  }
  .grid .row .cel.sm-justify-center,
  .grid .row [class*="-contained"].sm-justify-center {
    margin-right: auto;
    margin-left: auto;
  }
  .grid .row .cel.sm-justify-end,
  .grid .row [class*="-contained"].sm-justify-end {
    margin-left: auto;
  }
  .grid .row .sm-fifth {
    width: 18.2%;
    max-width: 18.2%;
    min-width: 0;
    flex: 0 0 18.2%;
  }
  .grid .row .sm-fourth {
    width: 23.2%;
    max-width: 23.2%;
    min-width: 0;
    flex: 0 0 23.2%;
  }
  .grid .row .sm-third {
    width: 31.53333333%;
    max-width: 31.53333333%;
    min-width: 0;
    flex: 0 0 31.53333333%;
  }
  .grid .row .sm-half {
    width: 48.2%;
    max-width: 48.2%;
    min-width: 0;
    flex: 0 0 48.2%;
  }
  .grid .row .sm-full {
    width: 98.2%;
    max-width: 98.2%;
    min-width: 0;
    flex: 0 0 98.2%;
  }
  .grid .row .sm-push-fifth {
    margin-left: 20.9%;
  }
  .grid .row .sm-push-fourth {
    margin-left: 25.9%;
  }
  .grid .row .sm-push-third {
    margin-left: 34.23333333%;
  }
  .grid .row .sm-push-half {
    margin-left: 50.9%;
  }
  .grid .row [class*="-contained"].sm-fifth {
    width: 20%;
    max-width: 20%;
    min-width: 0;
    flex: 0 0 20%;
  }
  .grid .row [class*="-contained"].sm-fourth {
    width: 25%;
    max-width: 25%;
    min-width: 0;
    flex: 0 0 25%;
  }
  .grid .row [class*="-contained"].sm-third {
    width: 33.33333333%;
    max-width: 33.33333333%;
    min-width: 0;
    flex: 0 0 33.33333333%;
  }
  .grid .row [class*="-contained"].sm-half {
    width: 50%;
    max-width: 50%;
    min-width: 0;
    flex: 0 0 50%;
  }
  .grid .row [class*="-contained"].sm-full {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    flex: 0 0 100%;
  }
  .grid .row [class*="-contained"].sm-push-fifth {
    margin-left: 20%;
  }
  .grid .row [class*="-contained"].sm-push-fourth {
    margin-left: 25%;
  }
  .grid .row [class*="-contained"].sm-push-third {
    margin-left: 33.33333333%;
  }
  .grid .row [class*="-contained"].sm-push-half {
    margin-left: 50%;
  }
  .grid .row .sm-auto {
    width: auto;
    max-width: 98.2%;
    flex: 1;
    flex-grow: 1;
  }
  .grid .row .sm-hide {
    display: none;
  }
  .grid .row .sm-destroy {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (max-width:  576px) {
  .grid .row.xs-reverse {
    flex-direction: row-reverse;
  }
  .grid .row.xs-justify-around {
    justify-content: space-around;
  }
  .grid .row.xs-justify-between {
    justify-content: space-between;
  }
  .grid .row.xs-justify-start {
    justify-content: flex-start;
  }
  .grid .row.xs-justify-center {
    justify-content: center;
  }
  .grid .row.xs-justify-end {
    justify-content: flex-end;
  }
  .grid .row.xs-align-start {
    align-items: flex-start;
  }
  .grid .row.xs-align-center {
    align-items: center;
  }
  .grid .row.xs-align-end {
    align-items: flex-end;
  }
  .grid .row .xs-1 {
    width: 23.2%;
    max-width: 23.2%;
    min-width: 0;
    flex: 0 0 23.2%;
  }
  .grid .row .xs-2 {
    width: 48.2%;
    max-width: 48.2%;
    min-width: 0;
    flex: 0 0 48.2%;
  }
  .grid .row .xs-3 {
    width: 73.2%;
    max-width: 73.2%;
    min-width: 0;
    flex: 0 0 73.2%;
  }
  .grid .row .xs-4 {
    width: 98.2%;
    max-width: 98.2%;
    min-width: 0;
    flex: 0 0 98.2%;
  }
  .grid .row .xs-push-1 {
    margin-left: 25.9%;
  }
  .grid .row .xs-push-2 {
    margin-left: 50.9%;
  }
  .grid .row .xs-push-3 {
    margin-left: 75.9%;
  }
  .grid .row [class*="-contained"].xs-1 {
    width: 25%;
    max-width: 25%;
    min-width: 0;
    flex: 0 0 25%;
  }
  .grid .row [class*="-contained"].xs-2 {
    width: 50%;
    max-width: 50%;
    min-width: 0;
    flex: 0 0 50%;
  }
  .grid .row [class*="-contained"].xs-3 {
    width: 75%;
    max-width: 75%;
    min-width: 0;
    flex: 0 0 75%;
  }
  .grid .row [class*="-contained"].xs-4 {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    flex: 0 0 100%;
  }
  .grid .row [class*="-contained"].xs-push-1 {
    margin-left: 25%;
  }
  .grid .row [class*="-contained"].xs-push-2 {
    margin-left: 50%;
  }
  .grid .row [class*="-contained"].xs-push-3 {
    margin-left: 75%;
  }
  .grid .row .cel.xs-first,
  .grid .row [class*="-contained"].xs-first {
    order: -1;
  }
  .grid .row .cel.xs-last,
  .grid .row [class*="-contained"].xs-last {
    order: 1;
  }
  .grid .row .cel.xs-align-start,
  .grid .row [class*="-contained"].xs-align-start {
    align-self: flex-start;
  }
  .grid .row .cel.xs-align-center,
  .grid .row [class*="-contained"].xs-align-center {
    align-self: center;
  }
  .grid .row .cel.xs-align-end,
  .grid .row [class*="-contained"].xs-align-end {
    align-self: flex-end;
  }
  .grid .row .cel.xs-justify-start,
  .grid .row [class*="-contained"].xs-justify-start {
    margin-right: auto;
  }
  .grid .row .cel.xs-justify-center,
  .grid .row [class*="-contained"].xs-justify-center {
    margin-right: auto;
    margin-left: auto;
  }
  .grid .row .cel.xs-justify-end,
  .grid .row [class*="-contained"].xs-justify-end {
    margin-left: auto;
  }
  .grid .row .xs-fifth {
    width: 18.2%;
    max-width: 18.2%;
    min-width: 0;
    flex: 0 0 18.2%;
  }
  .grid .row .xs-fourth {
    width: 23.2%;
    max-width: 23.2%;
    min-width: 0;
    flex: 0 0 23.2%;
  }
  .grid .row .xs-third {
    width: 31.53333333%;
    max-width: 31.53333333%;
    min-width: 0;
    flex: 0 0 31.53333333%;
  }
  .grid .row .xs-half {
    width: 48.2%;
    max-width: 48.2%;
    min-width: 0;
    flex: 0 0 48.2%;
  }
  .grid .row .xs-full {
    width: 98.2%;
    max-width: 98.2%;
    min-width: 0;
    flex: 0 0 98.2%;
  }
  .grid .row .xs-push-fifth {
    margin-left: 20.9%;
  }
  .grid .row .xs-push-fourth {
    margin-left: 25.9%;
  }
  .grid .row .xs-push-third {
    margin-left: 34.23333333%;
  }
  .grid .row .xs-push-half {
    margin-left: 50.9%;
  }
  .grid .row [class*="-contained"].xs-fifth {
    width: 20%;
    max-width: 20%;
    min-width: 0;
    flex: 0 0 20%;
  }
  .grid .row [class*="-contained"].xs-fourth {
    width: 25%;
    max-width: 25%;
    min-width: 0;
    flex: 0 0 25%;
  }
  .grid .row [class*="-contained"].xs-third {
    width: 33.33333333%;
    max-width: 33.33333333%;
    min-width: 0;
    flex: 0 0 33.33333333%;
  }
  .grid .row [class*="-contained"].xs-half {
    width: 50%;
    max-width: 50%;
    min-width: 0;
    flex: 0 0 50%;
  }
  .grid .row [class*="-contained"].xs-full {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    flex: 0 0 100%;
  }
  .grid .row [class*="-contained"].xs-push-fifth {
    margin-left: 20%;
  }
  .grid .row [class*="-contained"].xs-push-fourth {
    margin-left: 25%;
  }
  .grid .row [class*="-contained"].xs-push-third {
    margin-left: 33.33333333%;
  }
  .grid .row [class*="-contained"].xs-push-half {
    margin-left: 50%;
  }
  .grid .row .xs-auto {
    width: auto;
    max-width: 98.2%;
    flex: 1;
    flex-grow: 1;
  }
  .grid .row .xs-hide {
    display: none;
  }
  .grid .row .xs-destroy {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (min-width:  768px) and (max-width:  992px) {
  .grid .row.md-reverse {
    flex-direction: row-reverse;
  }
  .grid .row.md-justify-around {
    justify-content: space-around;
  }
  .grid .row.md-justify-between {
    justify-content: space-between;
  }
  .grid .row.md-justify-start {
    justify-content: flex-start;
  }
  .grid .row.md-justify-center {
    justify-content: center;
  }
  .grid .row.md-justify-end {
    justify-content: flex-end;
  }
  .grid .row.md-align-start {
    align-items: flex-start;
  }
  .grid .row.md-align-center {
    align-items: center;
  }
  .grid .row.md-align-end {
    align-items: flex-end;
  }
  .grid .row .md-1 {
    width: 14.86666667%;
    max-width: 14.86666667%;
    min-width: 0;
    flex: 0 0 14.86666667%;
  }
  .grid .row .md-2 {
    width: 31.53333333%;
    max-width: 31.53333333%;
    min-width: 0;
    flex: 0 0 31.53333333%;
  }
  .grid .row .md-3 {
    width: 48.2%;
    max-width: 48.2%;
    min-width: 0;
    flex: 0 0 48.2%;
  }
  .grid .row .md-4 {
    width: 64.86666667%;
    max-width: 64.86666667%;
    min-width: 0;
    flex: 0 0 64.86666667%;
  }
  .grid .row .md-5 {
    width: 81.53333333%;
    max-width: 81.53333333%;
    min-width: 0;
    flex: 0 0 81.53333333%;
  }
  .grid .row .md-6 {
    width: 98.2%;
    max-width: 98.2%;
    min-width: 0;
    flex: 0 0 98.2%;
  }
  .grid .row .md-push-1 {
    margin-left: 17.56666667%;
  }
  .grid .row .md-push-2 {
    margin-left: 34.23333333%;
  }
  .grid .row .md-push-3 {
    margin-left: 50.9%;
  }
  .grid .row .md-push-4 {
    margin-left: 67.56666667%;
  }
  .grid .row .md-push-5 {
    margin-left: 84.23333333%;
  }
  .grid .row [class*="-contained"].md-1 {
    width: 16.66666667%;
    max-width: 16.66666667%;
    min-width: 0;
    flex: 0 0 16.66666667%;
  }
  .grid .row [class*="-contained"].md-2 {
    width: 33.33333333%;
    max-width: 33.33333333%;
    min-width: 0;
    flex: 0 0 33.33333333%;
  }
  .grid .row [class*="-contained"].md-3 {
    width: 50%;
    max-width: 50%;
    min-width: 0;
    flex: 0 0 50%;
  }
  .grid .row [class*="-contained"].md-4 {
    width: 66.66666667%;
    max-width: 66.66666667%;
    min-width: 0;
    flex: 0 0 66.66666667%;
  }
  .grid .row [class*="-contained"].md-5 {
    width: 83.33333333%;
    max-width: 83.33333333%;
    min-width: 0;
    flex: 0 0 83.33333333%;
  }
  .grid .row [class*="-contained"].md-6 {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    flex: 0 0 100%;
  }
  .grid .row [class*="-contained"].md-push-1 {
    margin-left: 16.66666667%;
  }
  .grid .row [class*="-contained"].md-push-2 {
    margin-left: 33.33333333%;
  }
  .grid .row [class*="-contained"].md-push-3 {
    margin-left: 50%;
  }
  .grid .row [class*="-contained"].md-push-4 {
    margin-left: 66.66666667%;
  }
  .grid .row [class*="-contained"].md-push-5 {
    margin-left: 83.33333333%;
  }
  .grid .row .cel.md-first,
  .grid .row [class*="-contained"].md-first {
    order: -1;
  }
  .grid .row .cel.md-last,
  .grid .row [class*="-contained"].md-last {
    order: 1;
  }
  .grid .row .cel.md-align-start,
  .grid .row [class*="-contained"].md-align-start {
    align-self: flex-start;
  }
  .grid .row .cel.md-align-center,
  .grid .row [class*="-contained"].md-align-center {
    align-self: center;
  }
  .grid .row .cel.md-align-end,
  .grid .row [class*="-contained"].md-align-end {
    align-self: flex-end;
  }
  .grid .row .cel.md-justify-start,
  .grid .row [class*="-contained"].md-justify-start {
    margin-right: auto;
  }
  .grid .row .cel.md-justify-center,
  .grid .row [class*="-contained"].md-justify-center {
    margin-right: auto;
    margin-left: auto;
  }
  .grid .row .cel.md-justify-end,
  .grid .row [class*="-contained"].md-justify-end {
    margin-left: auto;
  }
  .grid .row .md-fifth {
    width: 18.2%;
    max-width: 18.2%;
    min-width: 0;
    flex: 0 0 18.2%;
  }
  .grid .row .md-fourth {
    width: 23.2%;
    max-width: 23.2%;
    min-width: 0;
    flex: 0 0 23.2%;
  }
  .grid .row .md-third {
    width: 31.53333333%;
    max-width: 31.53333333%;
    min-width: 0;
    flex: 0 0 31.53333333%;
  }
  .grid .row .md-half {
    width: 48.2%;
    max-width: 48.2%;
    min-width: 0;
    flex: 0 0 48.2%;
  }
  .grid .row .md-full {
    width: 98.2%;
    max-width: 98.2%;
    min-width: 0;
    flex: 0 0 98.2%;
  }
  .grid .row .md-push-fifth {
    margin-left: 20.9%;
  }
  .grid .row .md-push-fourth {
    margin-left: 25.9%;
  }
  .grid .row .md-push-third {
    margin-left: 34.23333333%;
  }
  .grid .row .md-push-half {
    margin-left: 50.9%;
  }
  .grid .row [class*="-contained"].md-fifth {
    width: 20%;
    max-width: 20%;
    min-width: 0;
    flex: 0 0 20%;
  }
  .grid .row [class*="-contained"].md-fourth {
    width: 25%;
    max-width: 25%;
    min-width: 0;
    flex: 0 0 25%;
  }
  .grid .row [class*="-contained"].md-third {
    width: 33.33333333%;
    max-width: 33.33333333%;
    min-width: 0;
    flex: 0 0 33.33333333%;
  }
  .grid .row [class*="-contained"].md-half {
    width: 50%;
    max-width: 50%;
    min-width: 0;
    flex: 0 0 50%;
  }
  .grid .row [class*="-contained"].md-full {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    flex: 0 0 100%;
  }
  .grid .row [class*="-contained"].md-push-fifth {
    margin-left: 20%;
  }
  .grid .row [class*="-contained"].md-push-fourth {
    margin-left: 25%;
  }
  .grid .row [class*="-contained"].md-push-third {
    margin-left: 33.33333333%;
  }
  .grid .row [class*="-contained"].md-push-half {
    margin-left: 50%;
  }
  .grid .row .md-auto {
    width: auto;
    max-width: 98.2%;
    flex: 1;
    flex-grow: 1;
  }
  .grid .row .md-hide {
    display: none;
  }
  .grid .row .md-destroy {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (min-width:  992px) {
  .grid .row.lg-reverse {
    flex-direction: row-reverse;
  }
  .grid .row.lg-justify-around {
    justify-content: space-around;
  }
  .grid .row.lg-justify-between {
    justify-content: space-between;
  }
  .grid .row.lg-justify-start {
    justify-content: flex-start;
  }
  .grid .row.lg-justify-center {
    justify-content: center;
  }
  .grid .row.lg-justify-end {
    justify-content: flex-end;
  }
  .grid .row.lg-align-start {
    align-items: flex-start;
  }
  .grid .row.lg-align-center {
    align-items: center;
  }
  .grid .row.lg-align-end {
    align-items: flex-end;
  }
  .grid .row .lg-1 {
    width: 6.53333333%;
    max-width: 6.53333333%;
    min-width: 0;
    flex: 0 0 6.53333333%;
  }
  .grid .row .lg-2 {
    width: 14.86666667%;
    max-width: 14.86666667%;
    min-width: 0;
    flex: 0 0 14.86666667%;
  }
  .grid .row .lg-3 {
    width: 23.2%;
    max-width: 23.2%;
    min-width: 0;
    flex: 0 0 23.2%;
  }
  .grid .row .lg-4 {
    width: 31.53333333%;
    max-width: 31.53333333%;
    min-width: 0;
    flex: 0 0 31.53333333%;
  }
  .grid .row .lg-5 {
    width: 39.86666667%;
    max-width: 39.86666667%;
    min-width: 0;
    flex: 0 0 39.86666667%;
  }
  .grid .row .lg-6 {
    width: 48.2%;
    max-width: 48.2%;
    min-width: 0;
    flex: 0 0 48.2%;
  }
  .grid .row .lg-7 {
    width: 56.53333333%;
    max-width: 56.53333333%;
    min-width: 0;
    flex: 0 0 56.53333333%;
  }
  .grid .row .lg-8 {
    width: 64.86666667%;
    max-width: 64.86666667%;
    min-width: 0;
    flex: 0 0 64.86666667%;
  }
  .grid .row .lg-9 {
    width: 73.2%;
    max-width: 73.2%;
    min-width: 0;
    flex: 0 0 73.2%;
  }
  .grid .row .lg-10 {
    width: 81.53333333%;
    max-width: 81.53333333%;
    min-width: 0;
    flex: 0 0 81.53333333%;
  }
  .grid .row .lg-11 {
    width: 89.86666667%;
    max-width: 89.86666667%;
    min-width: 0;
    flex: 0 0 89.86666667%;
  }
  .grid .row .lg-12 {
    width: 98.2%;
    max-width: 98.2%;
    min-width: 0;
    flex: 0 0 98.2%;
  }
  .grid .row .lg-push-1 {
    margin-left: 9.23333333%;
  }
  .grid .row .lg-push-2 {
    margin-left: 17.56666667%;
  }
  .grid .row .lg-push-3 {
    margin-left: 25.9%;
  }
  .grid .row .lg-push-4 {
    margin-left: 34.23333333%;
  }
  .grid .row .lg-push-5 {
    margin-left: 42.56666667%;
  }
  .grid .row .lg-push-6 {
    margin-left: 50.9%;
  }
  .grid .row .lg-push-7 {
    margin-left: 59.23333333%;
  }
  .grid .row .lg-push-8 {
    margin-left: 67.56666667%;
  }
  .grid .row .lg-push-9 {
    margin-left: 75.9%;
  }
  .grid .row .lg-push-10 {
    margin-left: 84.23333333%;
  }
  .grid .row .lg-push-11 {
    margin-left: 92.56666667%;
  }
  .grid .row [class*="-contained"].lg-1 {
    width: 8.33333333%;
    max-width: 8.33333333%;
    min-width: 0;
    flex: 0 0 8.33333333%;
  }
  .grid .row [class*="-contained"].lg-2 {
    width: 16.66666667%;
    max-width: 16.66666667%;
    min-width: 0;
    flex: 0 0 16.66666667%;
  }
  .grid .row [class*="-contained"].lg-3 {
    width: 25%;
    max-width: 25%;
    min-width: 0;
    flex: 0 0 25%;
  }
  .grid .row [class*="-contained"].lg-4 {
    width: 33.33333333%;
    max-width: 33.33333333%;
    min-width: 0;
    flex: 0 0 33.33333333%;
  }
  .grid .row [class*="-contained"].lg-5 {
    width: 41.66666667%;
    max-width: 41.66666667%;
    min-width: 0;
    flex: 0 0 41.66666667%;
  }
  .grid .row [class*="-contained"].lg-6 {
    width: 50%;
    max-width: 50%;
    min-width: 0;
    flex: 0 0 50%;
  }
  .grid .row [class*="-contained"].lg-7 {
    width: 58.33333333%;
    max-width: 58.33333333%;
    min-width: 0;
    flex: 0 0 58.33333333%;
  }
  .grid .row [class*="-contained"].lg-8 {
    width: 66.66666667%;
    max-width: 66.66666667%;
    min-width: 0;
    flex: 0 0 66.66666667%;
  }
  .grid .row [class*="-contained"].lg-9 {
    width: 75%;
    max-width: 75%;
    min-width: 0;
    flex: 0 0 75%;
  }
  .grid .row [class*="-contained"].lg-10 {
    width: 83.33333333%;
    max-width: 83.33333333%;
    min-width: 0;
    flex: 0 0 83.33333333%;
  }
  .grid .row [class*="-contained"].lg-11 {
    width: 91.66666667%;
    max-width: 91.66666667%;
    min-width: 0;
    flex: 0 0 91.66666667%;
  }
  .grid .row [class*="-contained"].lg-12 {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    flex: 0 0 100%;
  }
  .grid .row [class*="-contained"].lg-push-1 {
    margin-left: 8.33333333%;
  }
  .grid .row [class*="-contained"].lg-push-2 {
    margin-left: 16.66666667%;
  }
  .grid .row [class*="-contained"].lg-push-3 {
    margin-left: 25%;
  }
  .grid .row [class*="-contained"].lg-push-4 {
    margin-left: 33.33333333%;
  }
  .grid .row [class*="-contained"].lg-push-5 {
    margin-left: 41.66666667%;
  }
  .grid .row [class*="-contained"].lg-push-6 {
    margin-left: 50%;
  }
  .grid .row [class*="-contained"].lg-push-7 {
    margin-left: 58.33333333%;
  }
  .grid .row [class*="-contained"].lg-push-8 {
    margin-left: 66.66666667%;
  }
  .grid .row [class*="-contained"].lg-push-9 {
    margin-left: 75%;
  }
  .grid .row [class*="-contained"].lg-push-10 {
    margin-left: 83.33333333%;
  }
  .grid .row [class*="-contained"].lg-push-11 {
    margin-left: 91.66666667%;
  }
  .grid .row .cel.lg-first,
  .grid .row [class*="-contained"].lg-first {
    order: -1;
  }
  .grid .row .cel.lg-last,
  .grid .row [class*="-contained"].lg-last {
    order: 1;
  }
  .grid .row .cel.lg-align-start,
  .grid .row [class*="-contained"].lg-align-start {
    align-self: flex-start;
  }
  .grid .row .cel.lg-align-center,
  .grid .row [class*="-contained"].lg-align-center {
    align-self: center;
  }
  .grid .row .cel.lg-align-end,
  .grid .row [class*="-contained"].lg-align-end {
    align-self: flex-end;
  }
  .grid .row .cel.lg-justify-start,
  .grid .row [class*="-contained"].lg-justify-start {
    margin-right: auto;
  }
  .grid .row .cel.lg-justify-center,
  .grid .row [class*="-contained"].lg-justify-center {
    margin-right: auto;
    margin-left: auto;
  }
  .grid .row .cel.lg-justify-end,
  .grid .row [class*="-contained"].lg-justify-end {
    margin-left: auto;
  }
  .grid .row .lg-fifth {
    width: 18.2%;
    max-width: 18.2%;
    min-width: 0;
    flex: 0 0 18.2%;
  }
  .grid .row .lg-fourth {
    width: 23.2%;
    max-width: 23.2%;
    min-width: 0;
    flex: 0 0 23.2%;
  }
  .grid .row .lg-third {
    width: 31.53333333%;
    max-width: 31.53333333%;
    min-width: 0;
    flex: 0 0 31.53333333%;
  }
  .grid .row .lg-half {
    width: 48.2%;
    max-width: 48.2%;
    min-width: 0;
    flex: 0 0 48.2%;
  }
  .grid .row .lg-full {
    width: 98.2%;
    max-width: 98.2%;
    min-width: 0;
    flex: 0 0 98.2%;
  }
  .grid .row .lg-push-fifth {
    margin-left: 20.9%;
  }
  .grid .row .lg-push-fourth {
    margin-left: 25.9%;
  }
  .grid .row .lg-push-third {
    margin-left: 34.23333333%;
  }
  .grid .row .lg-push-half {
    margin-left: 50.9%;
  }
  .grid .row [class*="-contained"].lg-fifth {
    width: 20%;
    max-width: 20%;
    min-width: 0;
    flex: 0 0 20%;
  }
  .grid .row [class*="-contained"].lg-fourth {
    width: 25%;
    max-width: 25%;
    min-width: 0;
    flex: 0 0 25%;
  }
  .grid .row [class*="-contained"].lg-third {
    width: 33.33333333%;
    max-width: 33.33333333%;
    min-width: 0;
    flex: 0 0 33.33333333%;
  }
  .grid .row [class*="-contained"].lg-half {
    width: 50%;
    max-width: 50%;
    min-width: 0;
    flex: 0 0 50%;
  }
  .grid .row [class*="-contained"].lg-full {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    flex: 0 0 100%;
  }
  .grid .row [class*="-contained"].lg-push-fifth {
    margin-left: 20%;
  }
  .grid .row [class*="-contained"].lg-push-fourth {
    margin-left: 25%;
  }
  .grid .row [class*="-contained"].lg-push-third {
    margin-left: 33.33333333%;
  }
  .grid .row [class*="-contained"].lg-push-half {
    margin-left: 50%;
  }
  .grid .row .lg-auto {
    width: auto;
    max-width: 98.2%;
    flex: 1;
    flex-grow: 1;
  }
  .grid .row .lg-hide {
    display: none;
  }
  .grid .row .lg-destroy {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (min-width:  1200px) {
  .grid .row.xl-reverse {
    flex-direction: row-reverse;
  }
  .grid .row.xl-justify-around {
    justify-content: space-around;
  }
  .grid .row.xl-justify-between {
    justify-content: space-between;
  }
  .grid .row.xl-justify-start {
    justify-content: flex-start;
  }
  .grid .row.xl-justify-center {
    justify-content: center;
  }
  .grid .row.xl-justify-end {
    justify-content: flex-end;
  }
  .grid .row.xl-align-start {
    align-items: flex-start;
  }
  .grid .row.xl-align-center {
    align-items: center;
  }
  .grid .row.xl-align-end {
    align-items: flex-end;
  }
  .grid .row .xl-1 {
    width: 6.53333333%;
    max-width: 6.53333333%;
    min-width: 0;
    flex: 0 0 6.53333333%;
  }
  .grid .row .xl-2 {
    width: 14.86666667%;
    max-width: 14.86666667%;
    min-width: 0;
    flex: 0 0 14.86666667%;
  }
  .grid .row .xl-3 {
    width: 23.2%;
    max-width: 23.2%;
    min-width: 0;
    flex: 0 0 23.2%;
  }
  .grid .row .xl-4 {
    width: 31.53333333%;
    max-width: 31.53333333%;
    min-width: 0;
    flex: 0 0 31.53333333%;
  }
  .grid .row .xl-5 {
    width: 39.86666667%;
    max-width: 39.86666667%;
    min-width: 0;
    flex: 0 0 39.86666667%;
  }
  .grid .row .xl-6 {
    width: 48.2%;
    max-width: 48.2%;
    min-width: 0;
    flex: 0 0 48.2%;
  }
  .grid .row .xl-7 {
    width: 56.53333333%;
    max-width: 56.53333333%;
    min-width: 0;
    flex: 0 0 56.53333333%;
  }
  .grid .row .xl-8 {
    width: 64.86666667%;
    max-width: 64.86666667%;
    min-width: 0;
    flex: 0 0 64.86666667%;
  }
  .grid .row .xl-9 {
    width: 73.2%;
    max-width: 73.2%;
    min-width: 0;
    flex: 0 0 73.2%;
  }
  .grid .row .xl-10 {
    width: 81.53333333%;
    max-width: 81.53333333%;
    min-width: 0;
    flex: 0 0 81.53333333%;
  }
  .grid .row .xl-11 {
    width: 89.86666667%;
    max-width: 89.86666667%;
    min-width: 0;
    flex: 0 0 89.86666667%;
  }
  .grid .row .xl-12 {
    width: 98.2%;
    max-width: 98.2%;
    min-width: 0;
    flex: 0 0 98.2%;
  }
  .grid .row .xl-push-1 {
    margin-left: 9.23333333%;
  }
  .grid .row .xl-push-2 {
    margin-left: 17.56666667%;
  }
  .grid .row .xl-push-3 {
    margin-left: 25.9%;
  }
  .grid .row .xl-push-4 {
    margin-left: 34.23333333%;
  }
  .grid .row .xl-push-5 {
    margin-left: 42.56666667%;
  }
  .grid .row .xl-push-6 {
    margin-left: 50.9%;
  }
  .grid .row .xl-push-7 {
    margin-left: 59.23333333%;
  }
  .grid .row .xl-push-8 {
    margin-left: 67.56666667%;
  }
  .grid .row .xl-push-9 {
    margin-left: 75.9%;
  }
  .grid .row .xl-push-10 {
    margin-left: 84.23333333%;
  }
  .grid .row .xl-push-11 {
    margin-left: 92.56666667%;
  }
  .grid .row [class*="-contained"].xl-1 {
    width: 8.33333333%;
    max-width: 8.33333333%;
    min-width: 0;
    flex: 0 0 8.33333333%;
  }
  .grid .row [class*="-contained"].xl-2 {
    width: 16.66666667%;
    max-width: 16.66666667%;
    min-width: 0;
    flex: 0 0 16.66666667%;
  }
  .grid .row [class*="-contained"].xl-3 {
    width: 25%;
    max-width: 25%;
    min-width: 0;
    flex: 0 0 25%;
  }
  .grid .row [class*="-contained"].xl-4 {
    width: 33.33333333%;
    max-width: 33.33333333%;
    min-width: 0;
    flex: 0 0 33.33333333%;
  }
  .grid .row [class*="-contained"].xl-5 {
    width: 41.66666667%;
    max-width: 41.66666667%;
    min-width: 0;
    flex: 0 0 41.66666667%;
  }
  .grid .row [class*="-contained"].xl-6 {
    width: 50%;
    max-width: 50%;
    min-width: 0;
    flex: 0 0 50%;
  }
  .grid .row [class*="-contained"].xl-7 {
    width: 58.33333333%;
    max-width: 58.33333333%;
    min-width: 0;
    flex: 0 0 58.33333333%;
  }
  .grid .row [class*="-contained"].xl-8 {
    width: 66.66666667%;
    max-width: 66.66666667%;
    min-width: 0;
    flex: 0 0 66.66666667%;
  }
  .grid .row [class*="-contained"].xl-9 {
    width: 75%;
    max-width: 75%;
    min-width: 0;
    flex: 0 0 75%;
  }
  .grid .row [class*="-contained"].xl-10 {
    width: 83.33333333%;
    max-width: 83.33333333%;
    min-width: 0;
    flex: 0 0 83.33333333%;
  }
  .grid .row [class*="-contained"].xl-11 {
    width: 91.66666667%;
    max-width: 91.66666667%;
    min-width: 0;
    flex: 0 0 91.66666667%;
  }
  .grid .row [class*="-contained"].xl-12 {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    flex: 0 0 100%;
  }
  .grid .row [class*="-contained"].xl-push-1 {
    margin-left: 8.33333333%;
  }
  .grid .row [class*="-contained"].xl-push-2 {
    margin-left: 16.66666667%;
  }
  .grid .row [class*="-contained"].xl-push-3 {
    margin-left: 25%;
  }
  .grid .row [class*="-contained"].xl-push-4 {
    margin-left: 33.33333333%;
  }
  .grid .row [class*="-contained"].xl-push-5 {
    margin-left: 41.66666667%;
  }
  .grid .row [class*="-contained"].xl-push-6 {
    margin-left: 50%;
  }
  .grid .row [class*="-contained"].xl-push-7 {
    margin-left: 58.33333333%;
  }
  .grid .row [class*="-contained"].xl-push-8 {
    margin-left: 66.66666667%;
  }
  .grid .row [class*="-contained"].xl-push-9 {
    margin-left: 75%;
  }
  .grid .row [class*="-contained"].xl-push-10 {
    margin-left: 83.33333333%;
  }
  .grid .row [class*="-contained"].xl-push-11 {
    margin-left: 91.66666667%;
  }
  .grid .row .cel.xl-first,
  .grid .row [class*="-contained"].xl-first {
    order: -1;
  }
  .grid .row .cel.xl-last,
  .grid .row [class*="-contained"].xl-last {
    order: 1;
  }
  .grid .row .cel.xl-align-start,
  .grid .row [class*="-contained"].xl-align-start {
    align-self: flex-start;
  }
  .grid .row .cel.xl-align-center,
  .grid .row [class*="-contained"].xl-align-center {
    align-self: center;
  }
  .grid .row .cel.xl-align-end,
  .grid .row [class*="-contained"].xl-align-end {
    align-self: flex-end;
  }
  .grid .row .cel.xl-justify-start,
  .grid .row [class*="-contained"].xl-justify-start {
    margin-right: auto;
  }
  .grid .row .cel.xl-justify-center,
  .grid .row [class*="-contained"].xl-justify-center {
    margin-right: auto;
    margin-left: auto;
  }
  .grid .row .cel.xl-justify-end,
  .grid .row [class*="-contained"].xl-justify-end {
    margin-left: auto;
  }
  .grid .row .xl-fifth {
    width: 18.2%;
    max-width: 18.2%;
    min-width: 0;
    flex: 0 0 18.2%;
  }
  .grid .row .xl-fourth {
    width: 23.2%;
    max-width: 23.2%;
    min-width: 0;
    flex: 0 0 23.2%;
  }
  .grid .row .xl-third {
    width: 31.53333333%;
    max-width: 31.53333333%;
    min-width: 0;
    flex: 0 0 31.53333333%;
  }
  .grid .row .xl-half {
    width: 48.2%;
    max-width: 48.2%;
    min-width: 0;
    flex: 0 0 48.2%;
  }
  .grid .row .xl-full {
    width: 98.2%;
    max-width: 98.2%;
    min-width: 0;
    flex: 0 0 98.2%;
  }
  .grid .row .xl-push-fifth {
    margin-left: 20.9%;
  }
  .grid .row .xl-push-fourth {
    margin-left: 25.9%;
  }
  .grid .row .xl-push-third {
    margin-left: 34.23333333%;
  }
  .grid .row .xl-push-half {
    margin-left: 50.9%;
  }
  .grid .row [class*="-contained"].xl-fifth {
    width: 20%;
    max-width: 20%;
    min-width: 0;
    flex: 0 0 20%;
  }
  .grid .row [class*="-contained"].xl-fourth {
    width: 25%;
    max-width: 25%;
    min-width: 0;
    flex: 0 0 25%;
  }
  .grid .row [class*="-contained"].xl-third {
    width: 33.33333333%;
    max-width: 33.33333333%;
    min-width: 0;
    flex: 0 0 33.33333333%;
  }
  .grid .row [class*="-contained"].xl-half {
    width: 50%;
    max-width: 50%;
    min-width: 0;
    flex: 0 0 50%;
  }
  .grid .row [class*="-contained"].xl-full {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    flex: 0 0 100%;
  }
  .grid .row [class*="-contained"].xl-push-fifth {
    margin-left: 20%;
  }
  .grid .row [class*="-contained"].xl-push-fourth {
    margin-left: 25%;
  }
  .grid .row [class*="-contained"].xl-push-third {
    margin-left: 33.33333333%;
  }
  .grid .row [class*="-contained"].xl-push-half {
    margin-left: 50%;
  }
  .grid .row .xl-auto {
    width: auto;
    max-width: 98.2%;
    flex: 1;
    flex-grow: 1;
  }
  .grid .row .xl-hide {
    display: none;
  }
  .grid .row .xl-destroy {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }
}