You are here

Home » API reference » Paragraphs grid 8

bootstrap4-grid.css in Paragraphs grid 8 

@-ms-viewport {
  width: device-width;
}
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }

}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }

}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }

}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }

}
.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}
.col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}
.col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}
.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}
.col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}
.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}
.col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}
.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}
.col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}
.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.order-first {
  order: -1;
}
.order-last {
  order: 13;
}
.order-0 {
  order: 0;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-4 {
  order: 4;
}
.order-5 {
  order: 5;
}
.order-6 {
  order: 6;
}
.order-7 {
  order: 7;
}
.order-8 {
  order: 8;
}
.order-9 {
  order: 9;
}
.order-10 {
  order: 10;
}
.order-11 {
  order: 11;
}
.order-12 {
  order: 12;
}
.offset-1 {
  margin-left: 8.33333%;
}
.offset-2 {
  margin-left: 16.66667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333%;
}
.offset-5 {
  margin-left: 41.66667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333%;
}
.offset-8 {
  margin-left: 66.66667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333%;
}
.offset-11 {
  margin-left: 91.66667%;
}
@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333%;
  }
  .offset-sm-2 {
    margin-left: 16.66667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333%;
  }
  .offset-sm-5 {
    margin-left: 41.66667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333%;
  }
  .offset-sm-8 {
    margin-left: 66.66667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333%;
  }
  .offset-sm-11 {
    margin-left: 91.66667%;
  }

}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333%;
  }
  .offset-md-2 {
    margin-left: 16.66667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333%;
  }
  .offset-md-5 {
    margin-left: 41.66667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333%;
  }
  .offset-md-8 {
    margin-left: 66.66667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333%;
  }
  .offset-md-11 {
    margin-left: 91.66667%;
  }

}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333%;
  }
  .offset-lg-2 {
    margin-left: 16.66667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333%;
  }
  .offset-lg-5 {
    margin-left: 41.66667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333%;
  }
  .offset-lg-8 {
    margin-left: 66.66667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333%;
  }
  .offset-lg-11 {
    margin-left: 91.66667%;
  }

}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333%;
  }
  .offset-xl-2 {
    margin-left: 16.66667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333%;
  }
  .offset-xl-5 {
    margin-left: 41.66667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333%;
  }
  .offset-xl-8 {
    margin-left: 66.66667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333%;
  }
  .offset-xl-11 {
    margin-left: 91.66667%;
  }

}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }

}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }

}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }

}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }

}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }

}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }

}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }

}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }

}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }

}
html {
  overflow-y: scroll;
}
.col-full {
  margin-left: calc(-50vw + 50% + 7px);
  margin-right: calc(-50vw + 50% + 7px);
  padding: 0;
  overflow: hidden;
  max-width: calc(100vw - 16px);
  flex: 0 0 calc(100vw - 16px);
}
@media (pointer: coarse) {
  .col-full {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    max-width: 100vw;
    flex: 0 0 100vw;
  }

}
.col-xs-full {
  margin-left: calc(-50vw + 50% + 7px);
  margin-right: calc(-50vw + 50% + 7px);
  padding: 0;
  overflow: hidden;
  max-width: calc(100vw - 16px);
  flex: 0 0 calc(100vw - 16px);
}
@media (pointer: coarse) {
  .col-xs-full {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    max-width: 100vw;
    flex: 0 0 100vw;
  }

}
@media (min-width: 576px) {
  .col-sm-full {
    margin-left: calc(-50vw + 50% + 7px);
    margin-right: calc(-50vw + 50% + 7px);
    padding: 0;
    overflow: hidden;
    max-width: calc(100vw - 16px);
    flex: 0 0 calc(100vw - 16px);
  }

}
@media (min-width: 576px) and (pointer: coarse) {
  .col-sm-full {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    max-width: 100vw;
    flex: 0 0 100vw;
  }

}
@media (min-width: 768px) {
  .col-md-full {
    margin-left: calc(-50vw + 50% + 7px);
    margin-right: calc(-50vw + 50% + 7px);
    padding: 0;
    overflow: hidden;
    max-width: calc(100vw - 16px);
    flex: 0 0 calc(100vw - 16px);
  }

}
@media (min-width: 768px) and (pointer: coarse) {
  .col-md-full {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    max-width: 100vw;
    flex: 0 0 100vw;
  }

}
@media (min-width: 992px) {
  .col-lg-full {
    margin-left: calc(-50vw + 50% + 7px);
    margin-right: calc(-50vw + 50% + 7px);
    padding: 0;
    overflow: hidden;
    max-width: calc(100vw - 16px);
    flex: 0 0 calc(100vw - 16px);
  }

}
@media (min-width: 992px) and (pointer: coarse) {
  .col-lg-full {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    max-width: 100vw;
    flex: 0 0 100vw;
  }

}
@media (min-width: 1200px) {
  .col-xl-full {
    margin-left: calc(-50vw + 50% + 7px);
    margin-right: calc(-50vw + 50% + 7px);
    padding: 0;
    overflow: hidden;
    max-width: calc(100vw - 16px);
    flex: 0 0 calc(100vw - 16px);
  }

}
@media (min-width: 1200px) and (pointer: coarse) {
  .col-xl-full {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    max-width: 100vw;
    flex: 0 0 100vw;
  }

}
.col-hide {
  display: none !important;
}
@media (max-width: 575px) {
  .col-xs-hide {
    display: none !important;
  }

}
@media (min-width: 576px) and (max-width: 767px) {
  .col-sm-hide {
    display: none !important;
  }

}
@media (min-width: 768px) and (max-width: 991px) {
  .col-md-hide {
    display: none !important;
  }

}
@media (min-width: 992px) and (max-width: 1199px) {
  .col-lg-hide {
    display: none !important;
  }

}
@media (min-width: 1200px) {
  .col-xl-hide {
    display: none !important;
  }
}

File

css/bootstrap4-grid.css
View source 
  1. @-ms-viewport {

  2.   width: device-width;

  3. }

  4. html {

  5.   box-sizing: border-box;

  6.   -ms-overflow-style: scrollbar;

  7. }

  8. *,

  9. *::before,

  10. *::after {

  11.   box-sizing: inherit;

  12. }

  13. .container {

  14.   width: 100%;

  15.   padding-right: 15px;

  16.   padding-left: 15px;

  17.   margin-right: auto;

  18.   margin-left: auto;

  19. }

  20. @media (min-width: 576px) {

  21.   .container {

  22.     max-width: 540px;

  23.   }

  24. 

  25. }

  26. @media (min-width: 768px) {

  27.   .container {

  28.     max-width: 720px;

  29.   }

  30. 

  31. }

  32. @media (min-width: 992px) {

  33.   .container {

  34.     max-width: 960px;

  35.   }

  36. 

  37. }

  38. @media (min-width: 1200px) {

  39.   .container {

  40.     max-width: 1140px;

  41.   }

  42. 

  43. }

  44. .container-fluid {

  45.   width: 100%;

  46.   padding-right: 15px;

  47.   padding-left: 15px;

  48.   margin-right: auto;

  49.   margin-left: auto;

  50. }

  51. .row {

  52.   display: flex;

  53.   flex-wrap: wrap;

  54.   margin-right: -15px;

  55.   margin-left: -15px;

  56. }

  57. .no-gutters {

  58.   margin-right: 0;

  59.   margin-left: 0;

  60. }

  61. .no-gutters > .col,

  62. .no-gutters > [class*="col-"] {

  63.   padding-right: 0;

  64.   padding-left: 0;

  65. }

  66. .col-1,

  67. .col-2,

  68. .col-3,

  69. .col-4,

  70. .col-5,

  71. .col-6,

  72. .col-7,

  73. .col-8,

  74. .col-9,

  75. .col-10,

  76. .col-11,

  77. .col-12,

  78. .col,

  79. .col-auto,

  80. .col-sm-1,

  81. .col-sm-2,

  82. .col-sm-3,

  83. .col-sm-4,

  84. .col-sm-5,

  85. .col-sm-6,

  86. .col-sm-7,

  87. .col-sm-8,

  88. .col-sm-9,

  89. .col-sm-10,

  90. .col-sm-11,

  91. .col-sm-12,

  92. .col-sm,

  93. .col-sm-auto,

  94. .col-md-1,

  95. .col-md-2,

  96. .col-md-3,

  97. .col-md-4,

  98. .col-md-5,

  99. .col-md-6,

  100. .col-md-7,

  101. .col-md-8,

  102. .col-md-9,

  103. .col-md-10,

  104. .col-md-11,

  105. .col-md-12,

  106. .col-md,

  107. .col-md-auto,

  108. .col-lg-1,

  109. .col-lg-2,

  110. .col-lg-3,

  111. .col-lg-4,

  112. .col-lg-5,

  113. .col-lg-6,

  114. .col-lg-7,

  115. .col-lg-8,

  116. .col-lg-9,

  117. .col-lg-10,

  118. .col-lg-11,

  119. .col-lg-12,

  120. .col-lg,

  121. .col-lg-auto,

  122. .col-xl-1,

  123. .col-xl-2,

  124. .col-xl-3,

  125. .col-xl-4,

  126. .col-xl-5,

  127. .col-xl-6,

  128. .col-xl-7,

  129. .col-xl-8,

  130. .col-xl-9,

  131. .col-xl-10,

  132. .col-xl-11,

  133. .col-xl-12,

  134. .col-xl,

  135. .col-xl-auto {

  136.   position: relative;

  137.   width: 100%;

  138.   min-height: 1px;

  139.   padding-right: 15px;

  140.   padding-left: 15px;

  141. }

  142. .col {

  143.   flex-basis: 0;

  144.   flex-grow: 1;

  145.   max-width: 100%;

  146. }

  147. .col-auto {

  148.   flex: 0 0 auto;

  149.   width: auto;

  150.   max-width: none;

  151. }

  152. .col-1 {

  153.   flex: 0 0 8.33333%;

  154.   max-width: 8.33333%;

  155. }

  156. .col-2 {

  157.   flex: 0 0 16.66667%;

  158.   max-width: 16.66667%;

  159. }

  160. .col-3 {

  161.   flex: 0 0 25%;

  162.   max-width: 25%;

  163. }

  164. .col-4 {

  165.   flex: 0 0 33.33333%;

  166.   max-width: 33.33333%;

  167. }

  168. .col-5 {

  169.   flex: 0 0 41.66667%;

  170.   max-width: 41.66667%;

  171. }

  172. .col-6 {

  173.   flex: 0 0 50%;

  174.   max-width: 50%;

  175. }

  176. .col-7 {

  177.   flex: 0 0 58.33333%;

  178.   max-width: 58.33333%;

  179. }

  180. .col-8 {

  181.   flex: 0 0 66.66667%;

  182.   max-width: 66.66667%;

  183. }

  184. .col-9 {

  185.   flex: 0 0 75%;

  186.   max-width: 75%;

  187. }

  188. .col-10 {

  189.   flex: 0 0 83.33333%;

  190.   max-width: 83.33333%;

  191. }

  192. .col-11 {

  193.   flex: 0 0 91.66667%;

  194.   max-width: 91.66667%;

  195. }

  196. .col-12 {

  197.   flex: 0 0 100%;

  198.   max-width: 100%;

  199. }

  200. .order-first {

  201.   order: -1;

  202. }

  203. .order-last {

  204.   order: 13;

  205. }

  206. .order-0 {

  207.   order: 0;

  208. }

  209. .order-1 {

  210.   order: 1;

  211. }

  212. .order-2 {

  213.   order: 2;

  214. }

  215. .order-3 {

  216.   order: 3;

  217. }

  218. .order-4 {

  219.   order: 4;

  220. }

  221. .order-5 {

  222.   order: 5;

  223. }

  224. .order-6 {

  225.   order: 6;

  226. }

  227. .order-7 {

  228.   order: 7;

  229. }

  230. .order-8 {

  231.   order: 8;

  232. }

  233. .order-9 {

  234.   order: 9;

  235. }

  236. .order-10 {

  237.   order: 10;

  238. }

  239. .order-11 {

  240.   order: 11;

  241. }

  242. .order-12 {

  243.   order: 12;

  244. }

  245. .offset-1 {

  246.   margin-left: 8.33333%;

  247. }

  248. .offset-2 {

  249.   margin-left: 16.66667%;

  250. }

  251. .offset-3 {

  252.   margin-left: 25%;

  253. }

  254. .offset-4 {

  255.   margin-left: 33.33333%;

  256. }

  257. .offset-5 {

  258.   margin-left: 41.66667%;

  259. }

  260. .offset-6 {

  261.   margin-left: 50%;

  262. }

  263. .offset-7 {

  264.   margin-left: 58.33333%;

  265. }

  266. .offset-8 {

  267.   margin-left: 66.66667%;

  268. }

  269. .offset-9 {

  270.   margin-left: 75%;

  271. }

  272. .offset-10 {

  273.   margin-left: 83.33333%;

  274. }

  275. .offset-11 {

  276.   margin-left: 91.66667%;

  277. }

  278. @media (min-width: 576px) {

  279.   .col-sm {

  280.     flex-basis: 0;

  281.     flex-grow: 1;

  282.     max-width: 100%;

  283.   }

  284.   .col-sm-auto {

  285.     flex: 0 0 auto;

  286.     width: auto;

  287.     max-width: none;

  288.   }

  289.   .col-sm-1 {

  290.     flex: 0 0 8.33333%;

  291.     max-width: 8.33333%;

  292.   }

  293.   .col-sm-2 {

  294.     flex: 0 0 16.66667%;

  295.     max-width: 16.66667%;

  296.   }

  297.   .col-sm-3 {

  298.     flex: 0 0 25%;

  299.     max-width: 25%;

  300.   }

  301.   .col-sm-4 {

  302.     flex: 0 0 33.33333%;

  303.     max-width: 33.33333%;

  304.   }

  305.   .col-sm-5 {

  306.     flex: 0 0 41.66667%;

  307.     max-width: 41.66667%;

  308.   }

  309.   .col-sm-6 {

  310.     flex: 0 0 50%;

  311.     max-width: 50%;

  312.   }

  313.   .col-sm-7 {

  314.     flex: 0 0 58.33333%;

  315.     max-width: 58.33333%;

  316.   }

  317.   .col-sm-8 {

  318.     flex: 0 0 66.66667%;

  319.     max-width: 66.66667%;

  320.   }

  321.   .col-sm-9 {

  322.     flex: 0 0 75%;

  323.     max-width: 75%;

  324.   }

  325.   .col-sm-10 {

  326.     flex: 0 0 83.33333%;

  327.     max-width: 83.33333%;

  328.   }

  329.   .col-sm-11 {

  330.     flex: 0 0 91.66667%;

  331.     max-width: 91.66667%;

  332.   }

  333.   .col-sm-12 {

  334.     flex: 0 0 100%;

  335.     max-width: 100%;

  336.   }

  337.   .order-sm-first {

  338.     order: -1;

  339.   }

  340.   .order-sm-last {

  341.     order: 13;

  342.   }

  343.   .order-sm-0 {

  344.     order: 0;

  345.   }

  346.   .order-sm-1 {

  347.     order: 1;

  348.   }

  349.   .order-sm-2 {

  350.     order: 2;

  351.   }

  352.   .order-sm-3 {

  353.     order: 3;

  354.   }

  355.   .order-sm-4 {

  356.     order: 4;

  357.   }

  358.   .order-sm-5 {

  359.     order: 5;

  360.   }

  361.   .order-sm-6 {

  362.     order: 6;

  363.   }

  364.   .order-sm-7 {

  365.     order: 7;

  366.   }

  367.   .order-sm-8 {

  368.     order: 8;

  369.   }

  370.   .order-sm-9 {

  371.     order: 9;

  372.   }

  373.   .order-sm-10 {

  374.     order: 10;

  375.   }

  376.   .order-sm-11 {

  377.     order: 11;

  378.   }

  379.   .order-sm-12 {

  380.     order: 12;

  381.   }

  382.   .offset-sm-0 {

  383.     margin-left: 0;

  384.   }

  385.   .offset-sm-1 {

  386.     margin-left: 8.33333%;

  387.   }

  388.   .offset-sm-2 {

  389.     margin-left: 16.66667%;

  390.   }

  391.   .offset-sm-3 {

  392.     margin-left: 25%;

  393.   }

  394.   .offset-sm-4 {

  395.     margin-left: 33.33333%;

  396.   }

  397.   .offset-sm-5 {

  398.     margin-left: 41.66667%;

  399.   }

  400.   .offset-sm-6 {

  401.     margin-left: 50%;

  402.   }

  403.   .offset-sm-7 {

  404.     margin-left: 58.33333%;

  405.   }

  406.   .offset-sm-8 {

  407.     margin-left: 66.66667%;

  408.   }

  409.   .offset-sm-9 {

  410.     margin-left: 75%;

  411.   }

  412.   .offset-sm-10 {

  413.     margin-left: 83.33333%;

  414.   }

  415.   .offset-sm-11 {

  416.     margin-left: 91.66667%;

  417.   }

  418. 

  419. }

  420. @media (min-width: 768px) {

  421.   .col-md {

  422.     flex-basis: 0;

  423.     flex-grow: 1;

  424.     max-width: 100%;

  425.   }

  426.   .col-md-auto {

  427.     flex: 0 0 auto;

  428.     width: auto;

  429.     max-width: none;

  430.   }

  431.   .col-md-1 {

  432.     flex: 0 0 8.33333%;

  433.     max-width: 8.33333%;

  434.   }

  435.   .col-md-2 {

  436.     flex: 0 0 16.66667%;

  437.     max-width: 16.66667%;

  438.   }

  439.   .col-md-3 {

  440.     flex: 0 0 25%;

  441.     max-width: 25%;

  442.   }

  443.   .col-md-4 {

  444.     flex: 0 0 33.33333%;

  445.     max-width: 33.33333%;

  446.   }

  447.   .col-md-5 {

  448.     flex: 0 0 41.66667%;

  449.     max-width: 41.66667%;

  450.   }

  451.   .col-md-6 {

  452.     flex: 0 0 50%;

  453.     max-width: 50%;

  454.   }

  455.   .col-md-7 {

  456.     flex: 0 0 58.33333%;

  457.     max-width: 58.33333%;

  458.   }

  459.   .col-md-8 {

  460.     flex: 0 0 66.66667%;

  461.     max-width: 66.66667%;

  462.   }

  463.   .col-md-9 {

  464.     flex: 0 0 75%;

  465.     max-width: 75%;

  466.   }

  467.   .col-md-10 {

  468.     flex: 0 0 83.33333%;

  469.     max-width: 83.33333%;

  470.   }

  471.   .col-md-11 {

  472.     flex: 0 0 91.66667%;

  473.     max-width: 91.66667%;

  474.   }

  475.   .col-md-12 {

  476.     flex: 0 0 100%;

  477.     max-width: 100%;

  478.   }

  479.   .order-md-first {

  480.     order: -1;

  481.   }

  482.   .order-md-last {

  483.     order: 13;

  484.   }

  485.   .order-md-0 {

  486.     order: 0;

  487.   }

  488.   .order-md-1 {

  489.     order: 1;

  490.   }

  491.   .order-md-2 {

  492.     order: 2;

  493.   }

  494.   .order-md-3 {

  495.     order: 3;

  496.   }

  497.   .order-md-4 {

  498.     order: 4;

  499.   }

  500.   .order-md-5 {

  501.     order: 5;

  502.   }

  503.   .order-md-6 {

  504.     order: 6;

  505.   }

  506.   .order-md-7 {

  507.     order: 7;

  508.   }

  509.   .order-md-8 {

  510.     order: 8;

  511.   }

  512.   .order-md-9 {

  513.     order: 9;

  514.   }

  515.   .order-md-10 {

  516.     order: 10;

  517.   }

  518.   .order-md-11 {

  519.     order: 11;

  520.   }

  521.   .order-md-12 {

  522.     order: 12;

  523.   }

  524.   .offset-md-0 {

  525.     margin-left: 0;

  526.   }

  527.   .offset-md-1 {

  528.     margin-left: 8.33333%;

  529.   }

  530.   .offset-md-2 {

  531.     margin-left: 16.66667%;

  532.   }

  533.   .offset-md-3 {

  534.     margin-left: 25%;

  535.   }

  536.   .offset-md-4 {

  537.     margin-left: 33.33333%;

  538.   }

  539.   .offset-md-5 {

  540.     margin-left: 41.66667%;

  541.   }

  542.   .offset-md-6 {

  543.     margin-left: 50%;

  544.   }

  545.   .offset-md-7 {

  546.     margin-left: 58.33333%;

  547.   }

  548.   .offset-md-8 {

  549.     margin-left: 66.66667%;

  550.   }

  551.   .offset-md-9 {

  552.     margin-left: 75%;

  553.   }

  554.   .offset-md-10 {

  555.     margin-left: 83.33333%;

  556.   }

  557.   .offset-md-11 {

  558.     margin-left: 91.66667%;

  559.   }

  560. 

  561. }

  562. @media (min-width: 992px) {

  563.   .col-lg {

  564.     flex-basis: 0;

  565.     flex-grow: 1;

  566.     max-width: 100%;

  567.   }

  568.   .col-lg-auto {

  569.     flex: 0 0 auto;

  570.     width: auto;

  571.     max-width: none;

  572.   }

  573.   .col-lg-1 {

  574.     flex: 0 0 8.33333%;

  575.     max-width: 8.33333%;

  576.   }

  577.   .col-lg-2 {

  578.     flex: 0 0 16.66667%;

  579.     max-width: 16.66667%;

  580.   }

  581.   .col-lg-3 {

  582.     flex: 0 0 25%;

  583.     max-width: 25%;

  584.   }

  585.   .col-lg-4 {

  586.     flex: 0 0 33.33333%;

  587.     max-width: 33.33333%;

  588.   }

  589.   .col-lg-5 {

  590.     flex: 0 0 41.66667%;

  591.     max-width: 41.66667%;

  592.   }

  593.   .col-lg-6 {

  594.     flex: 0 0 50%;

  595.     max-width: 50%;

  596.   }

  597.   .col-lg-7 {

  598.     flex: 0 0 58.33333%;

  599.     max-width: 58.33333%;

  600.   }

  601.   .col-lg-8 {

  602.     flex: 0 0 66.66667%;

  603.     max-width: 66.66667%;

  604.   }

  605.   .col-lg-9 {

  606.     flex: 0 0 75%;

  607.     max-width: 75%;

  608.   }

  609.   .col-lg-10 {

  610.     flex: 0 0 83.33333%;

  611.     max-width: 83.33333%;

  612.   }

  613.   .col-lg-11 {

  614.     flex: 0 0 91.66667%;

  615.     max-width: 91.66667%;

  616.   }

  617.   .col-lg-12 {

  618.     flex: 0 0 100%;

  619.     max-width: 100%;

  620.   }

  621.   .order-lg-first {

  622.     order: -1;

  623.   }

  624.   .order-lg-last {

  625.     order: 13;

  626.   }

  627.   .order-lg-0 {

  628.     order: 0;

  629.   }

  630.   .order-lg-1 {

  631.     order: 1;

  632.   }

  633.   .order-lg-2 {

  634.     order: 2;

  635.   }

  636.   .order-lg-3 {

  637.     order: 3;

  638.   }

  639.   .order-lg-4 {

  640.     order: 4;

  641.   }

  642.   .order-lg-5 {

  643.     order: 5;

  644.   }

  645.   .order-lg-6 {

  646.     order: 6;

  647.   }

  648.   .order-lg-7 {

  649.     order: 7;

  650.   }

  651.   .order-lg-8 {

  652.     order: 8;

  653.   }

  654.   .order-lg-9 {

  655.     order: 9;

  656.   }

  657.   .order-lg-10 {

  658.     order: 10;

  659.   }

  660.   .order-lg-11 {

  661.     order: 11;

  662.   }

  663.   .order-lg-12 {

  664.     order: 12;

  665.   }

  666.   .offset-lg-0 {

  667.     margin-left: 0;

  668.   }

  669.   .offset-lg-1 {

  670.     margin-left: 8.33333%;

  671.   }

  672.   .offset-lg-2 {

  673.     margin-left: 16.66667%;

  674.   }

  675.   .offset-lg-3 {

  676.     margin-left: 25%;

  677.   }

  678.   .offset-lg-4 {

  679.     margin-left: 33.33333%;

  680.   }

  681.   .offset-lg-5 {

  682.     margin-left: 41.66667%;

  683.   }

  684.   .offset-lg-6 {

  685.     margin-left: 50%;

  686.   }

  687.   .offset-lg-7 {

  688.     margin-left: 58.33333%;

  689.   }

  690.   .offset-lg-8 {

  691.     margin-left: 66.66667%;

  692.   }

  693.   .offset-lg-9 {

  694.     margin-left: 75%;

  695.   }

  696.   .offset-lg-10 {

  697.     margin-left: 83.33333%;

  698.   }

  699.   .offset-lg-11 {

  700.     margin-left: 91.66667%;

  701.   }

  702. 

  703. }

  704. @media (min-width: 1200px) {

  705.   .col-xl {

  706.     flex-basis: 0;

  707.     flex-grow: 1;

  708.     max-width: 100%;

  709.   }

  710.   .col-xl-auto {

  711.     flex: 0 0 auto;

  712.     width: auto;

  713.     max-width: none;

  714.   }

  715.   .col-xl-1 {

  716.     flex: 0 0 8.33333%;

  717.     max-width: 8.33333%;

  718.   }

  719.   .col-xl-2 {

  720.     flex: 0 0 16.66667%;

  721.     max-width: 16.66667%;

  722.   }

  723.   .col-xl-3 {

  724.     flex: 0 0 25%;

  725.     max-width: 25%;

  726.   }

  727.   .col-xl-4 {

  728.     flex: 0 0 33.33333%;

  729.     max-width: 33.33333%;

  730.   }

  731.   .col-xl-5 {

  732.     flex: 0 0 41.66667%;

  733.     max-width: 41.66667%;

  734.   }

  735.   .col-xl-6 {

  736.     flex: 0 0 50%;

  737.     max-width: 50%;

  738.   }

  739.   .col-xl-7 {

  740.     flex: 0 0 58.33333%;

  741.     max-width: 58.33333%;

  742.   }

  743.   .col-xl-8 {

  744.     flex: 0 0 66.66667%;

  745.     max-width: 66.66667%;

  746.   }

  747.   .col-xl-9 {

  748.     flex: 0 0 75%;

  749.     max-width: 75%;

  750.   }

  751.   .col-xl-10 {

  752.     flex: 0 0 83.33333%;

  753.     max-width: 83.33333%;

  754.   }

  755.   .col-xl-11 {

  756.     flex: 0 0 91.66667%;

  757.     max-width: 91.66667%;

  758.   }

  759.   .col-xl-12 {

  760.     flex: 0 0 100%;

  761.     max-width: 100%;

  762.   }

  763.   .order-xl-first {

  764.     order: -1;

  765.   }

  766.   .order-xl-last {

  767.     order: 13;

  768.   }

  769.   .order-xl-0 {

  770.     order: 0;

  771.   }

  772.   .order-xl-1 {

  773.     order: 1;

  774.   }

  775.   .order-xl-2 {

  776.     order: 2;

  777.   }

  778.   .order-xl-3 {

  779.     order: 3;

  780.   }

  781.   .order-xl-4 {

  782.     order: 4;

  783.   }

  784.   .order-xl-5 {

  785.     order: 5;

  786.   }

  787.   .order-xl-6 {

  788.     order: 6;

  789.   }

  790.   .order-xl-7 {

  791.     order: 7;

  792.   }

  793.   .order-xl-8 {

  794.     order: 8;

  795.   }

  796.   .order-xl-9 {

  797.     order: 9;

  798.   }

  799.   .order-xl-10 {

  800.     order: 10;

  801.   }

  802.   .order-xl-11 {

  803.     order: 11;

  804.   }

  805.   .order-xl-12 {

  806.     order: 12;

  807.   }

  808.   .offset-xl-0 {

  809.     margin-left: 0;

  810.   }

  811.   .offset-xl-1 {

  812.     margin-left: 8.33333%;

  813.   }

  814.   .offset-xl-2 {

  815.     margin-left: 16.66667%;

  816.   }

  817.   .offset-xl-3 {

  818.     margin-left: 25%;

  819.   }

  820.   .offset-xl-4 {

  821.     margin-left: 33.33333%;

  822.   }

  823.   .offset-xl-5 {

  824.     margin-left: 41.66667%;

  825.   }

  826.   .offset-xl-6 {

  827.     margin-left: 50%;

  828.   }

  829.   .offset-xl-7 {

  830.     margin-left: 58.33333%;

  831.   }

  832.   .offset-xl-8 {

  833.     margin-left: 66.66667%;

  834.   }

  835.   .offset-xl-9 {

  836.     margin-left: 75%;

  837.   }

  838.   .offset-xl-10 {

  839.     margin-left: 83.33333%;

  840.   }

  841.   .offset-xl-11 {

  842.     margin-left: 91.66667%;

  843.   }

  844. 

  845. }

  846. .d-none {

  847.   display: none !important;

  848. }

  849. .d-inline {

  850.   display: inline !important;

  851. }

  852. .d-inline-block {

  853.   display: inline-block !important;

  854. }

  855. .d-block {

  856.   display: block !important;

  857. }

  858. .d-table {

  859.   display: table !important;

  860. }

  861. .d-table-row {

  862.   display: table-row !important;

  863. }

  864. .d-table-cell {

  865.   display: table-cell !important;

  866. }

  867. .d-flex {

  868.   display: flex !important;

  869. }

  870. .d-inline-flex {

  871.   display: inline-flex !important;

  872. }

  873. @media (min-width: 576px) {

  874.   .d-sm-none {

  875.     display: none !important;

  876.   }

  877.   .d-sm-inline {

  878.     display: inline !important;

  879.   }

  880.   .d-sm-inline-block {

  881.     display: inline-block !important;

  882.   }

  883.   .d-sm-block {

  884.     display: block !important;

  885.   }

  886.   .d-sm-table {

  887.     display: table !important;

  888.   }

  889.   .d-sm-table-row {

  890.     display: table-row !important;

  891.   }

  892.   .d-sm-table-cell {

  893.     display: table-cell !important;

  894.   }

  895.   .d-sm-flex {

  896.     display: flex !important;

  897.   }

  898.   .d-sm-inline-flex {

  899.     display: inline-flex !important;

  900.   }

  901. 

  902. }

  903. @media (min-width: 768px) {

  904.   .d-md-none {

  905.     display: none !important;

  906.   }

  907.   .d-md-inline {

  908.     display: inline !important;

  909.   }

  910.   .d-md-inline-block {

  911.     display: inline-block !important;

  912.   }

  913.   .d-md-block {

  914.     display: block !important;

  915.   }

  916.   .d-md-table {

  917.     display: table !important;

  918.   }

  919.   .d-md-table-row {

  920.     display: table-row !important;

  921.   }

  922.   .d-md-table-cell {

  923.     display: table-cell !important;

  924.   }

  925.   .d-md-flex {

  926.     display: flex !important;

  927.   }

  928.   .d-md-inline-flex {

  929.     display: inline-flex !important;

  930.   }

  931. 

  932. }

  933. @media (min-width: 992px) {

  934.   .d-lg-none {

  935.     display: none !important;

  936.   }

  937.   .d-lg-inline {

  938.     display: inline !important;

  939.   }

  940.   .d-lg-inline-block {

  941.     display: inline-block !important;

  942.   }

  943.   .d-lg-block {

  944.     display: block !important;

  945.   }

  946.   .d-lg-table {

  947.     display: table !important;

  948.   }

  949.   .d-lg-table-row {

  950.     display: table-row !important;

  951.   }

  952.   .d-lg-table-cell {

  953.     display: table-cell !important;

  954.   }

  955.   .d-lg-flex {

  956.     display: flex !important;

  957.   }

  958.   .d-lg-inline-flex {

  959.     display: inline-flex !important;

  960.   }

  961. 

  962. }

  963. @media (min-width: 1200px) {

  964.   .d-xl-none {

  965.     display: none !important;

  966.   }

  967.   .d-xl-inline {

  968.     display: inline !important;

  969.   }

  970.   .d-xl-inline-block {

  971.     display: inline-block !important;

  972.   }

  973.   .d-xl-block {

  974.     display: block !important;

  975.   }

  976.   .d-xl-table {

  977.     display: table !important;

  978.   }

  979.   .d-xl-table-row {

  980.     display: table-row !important;

  981.   }

  982.   .d-xl-table-cell {

  983.     display: table-cell !important;

  984.   }

  985.   .d-xl-flex {

  986.     display: flex !important;

  987.   }

  988.   .d-xl-inline-flex {

  989.     display: inline-flex !important;

  990.   }

  991. 

  992. }

  993. @media print {

  994.   .d-print-none {

  995.     display: none !important;

  996.   }

  997.   .d-print-inline {

  998.     display: inline !important;

  999.   }

  1000.   .d-print-inline-block {

  1001.     display: inline-block !important;

  1002.   }

  1003.   .d-print-block {

  1004.     display: block !important;

  1005.   }

  1006.   .d-print-table {

  1007.     display: table !important;

  1008.   }

  1009.   .d-print-table-row {

  1010.     display: table-row !important;

  1011.   }

  1012.   .d-print-table-cell {

  1013.     display: table-cell !important;

  1014.   }

  1015.   .d-print-flex {

  1016.     display: flex !important;

  1017.   }

  1018.   .d-print-inline-flex {

  1019.     display: inline-flex !important;

  1020.   }

  1021. 

  1022. }

  1023. .flex-row {

  1024.   flex-direction: row !important;

  1025. }

  1026. .flex-column {

  1027.   flex-direction: column !important;

  1028. }

  1029. .flex-row-reverse {

  1030.   flex-direction: row-reverse !important;

  1031. }

  1032. .flex-column-reverse {

  1033.   flex-direction: column-reverse !important;

  1034. }

  1035. .flex-wrap {

  1036.   flex-wrap: wrap !important;

  1037. }

  1038. .flex-nowrap {

  1039.   flex-wrap: nowrap !important;

  1040. }

  1041. .flex-wrap-reverse {

  1042.   flex-wrap: wrap-reverse !important;

  1043. }

  1044. .flex-fill {

  1045.   flex: 1 1 auto !important;

  1046. }

  1047. .flex-grow-0 {

  1048.   flex-grow: 0 !important;

  1049. }

  1050. .flex-grow-1 {

  1051.   flex-grow: 1 !important;

  1052. }

  1053. .flex-shrink-0 {

  1054.   flex-shrink: 0 !important;

  1055. }

  1056. .flex-shrink-1 {

  1057.   flex-shrink: 1 !important;

  1058. }

  1059. .justify-content-start {

  1060.   justify-content: flex-start !important;

  1061. }

  1062. .justify-content-end {

  1063.   justify-content: flex-end !important;

  1064. }

  1065. .justify-content-center {

  1066.   justify-content: center !important;

  1067. }

  1068. .justify-content-between {

  1069.   justify-content: space-between !important;

  1070. }

  1071. .justify-content-around {

  1072.   justify-content: space-around !important;

  1073. }

  1074. .align-items-start {

  1075.   align-items: flex-start !important;

  1076. }

  1077. .align-items-end {

  1078.   align-items: flex-end !important;

  1079. }

  1080. .align-items-center {

  1081.   align-items: center !important;

  1082. }

  1083. .align-items-baseline {

  1084.   align-items: baseline !important;

  1085. }

  1086. .align-items-stretch {

  1087.   align-items: stretch !important;

  1088. }

  1089. .align-content-start {

  1090.   align-content: flex-start !important;

  1091. }

  1092. .align-content-end {

  1093.   align-content: flex-end !important;

  1094. }

  1095. .align-content-center {

  1096.   align-content: center !important;

  1097. }

  1098. .align-content-between {

  1099.   align-content: space-between !important;

  1100. }

  1101. .align-content-around {

  1102.   align-content: space-around !important;

  1103. }

  1104. .align-content-stretch {

  1105.   align-content: stretch !important;

  1106. }

  1107. .align-self-auto {

  1108.   align-self: auto !important;

  1109. }

  1110. .align-self-start {

  1111.   align-self: flex-start !important;

  1112. }

  1113. .align-self-end {

  1114.   align-self: flex-end !important;

  1115. }

  1116. .align-self-center {

  1117.   align-self: center !important;

  1118. }

  1119. .align-self-baseline {

  1120.   align-self: baseline !important;

  1121. }

  1122. .align-self-stretch {

  1123.   align-self: stretch !important;

  1124. }

  1125. @media (min-width: 576px) {

  1126.   .flex-sm-row {

  1127.     flex-direction: row !important;

  1128.   }

  1129.   .flex-sm-column {

  1130.     flex-direction: column !important;

  1131.   }

  1132.   .flex-sm-row-reverse {

  1133.     flex-direction: row-reverse !important;

  1134.   }

  1135.   .flex-sm-column-reverse {

  1136.     flex-direction: column-reverse !important;

  1137.   }

  1138.   .flex-sm-wrap {

  1139.     flex-wrap: wrap !important;

  1140.   }

  1141.   .flex-sm-nowrap {

  1142.     flex-wrap: nowrap !important;

  1143.   }

  1144.   .flex-sm-wrap-reverse {

  1145.     flex-wrap: wrap-reverse !important;

  1146.   }

  1147.   .flex-sm-fill {

  1148.     flex: 1 1 auto !important;

  1149.   }

  1150.   .flex-sm-grow-0 {

  1151.     flex-grow: 0 !important;

  1152.   }

  1153.   .flex-sm-grow-1 {

  1154.     flex-grow: 1 !important;

  1155.   }

  1156.   .flex-sm-shrink-0 {

  1157.     flex-shrink: 0 !important;

  1158.   }

  1159.   .flex-sm-shrink-1 {

  1160.     flex-shrink: 1 !important;

  1161.   }

  1162.   .justify-content-sm-start {

  1163.     justify-content: flex-start !important;

  1164.   }

  1165.   .justify-content-sm-end {

  1166.     justify-content: flex-end !important;

  1167.   }

  1168.   .justify-content-sm-center {

  1169.     justify-content: center !important;

  1170.   }

  1171.   .justify-content-sm-between {

  1172.     justify-content: space-between !important;

  1173.   }

  1174.   .justify-content-sm-around {

  1175.     justify-content: space-around !important;

  1176.   }

  1177.   .align-items-sm-start {

  1178.     align-items: flex-start !important;

  1179.   }

  1180.   .align-items-sm-end {

  1181.     align-items: flex-end !important;

  1182.   }

  1183.   .align-items-sm-center {

  1184.     align-items: center !important;

  1185.   }

  1186.   .align-items-sm-baseline {

  1187.     align-items: baseline !important;

  1188.   }

  1189.   .align-items-sm-stretch {

  1190.     align-items: stretch !important;

  1191.   }

  1192.   .align-content-sm-start {

  1193.     align-content: flex-start !important;

  1194.   }

  1195.   .align-content-sm-end {

  1196.     align-content: flex-end !important;

  1197.   }

  1198.   .align-content-sm-center {

  1199.     align-content: center !important;

  1200.   }

  1201.   .align-content-sm-between {

  1202.     align-content: space-between !important;

  1203.   }

  1204.   .align-content-sm-around {

  1205.     align-content: space-around !important;

  1206.   }

  1207.   .align-content-sm-stretch {

  1208.     align-content: stretch !important;

  1209.   }

  1210.   .align-self-sm-auto {

  1211.     align-self: auto !important;

  1212.   }

  1213.   .align-self-sm-start {

  1214.     align-self: flex-start !important;

  1215.   }

  1216.   .align-self-sm-end {

  1217.     align-self: flex-end !important;

  1218.   }

  1219.   .align-self-sm-center {

  1220.     align-self: center !important;

  1221.   }

  1222.   .align-self-sm-baseline {

  1223.     align-self: baseline !important;

  1224.   }

  1225.   .align-self-sm-stretch {

  1226.     align-self: stretch !important;

  1227.   }

  1228. 

  1229. }

  1230. @media (min-width: 768px) {

  1231.   .flex-md-row {

  1232.     flex-direction: row !important;

  1233.   }

  1234.   .flex-md-column {

  1235.     flex-direction: column !important;

  1236.   }

  1237.   .flex-md-row-reverse {

  1238.     flex-direction: row-reverse !important;

  1239.   }

  1240.   .flex-md-column-reverse {

  1241.     flex-direction: column-reverse !important;

  1242.   }

  1243.   .flex-md-wrap {

  1244.     flex-wrap: wrap !important;

  1245.   }

  1246.   .flex-md-nowrap {

  1247.     flex-wrap: nowrap !important;

  1248.   }

  1249.   .flex-md-wrap-reverse {

  1250.     flex-wrap: wrap-reverse !important;

  1251.   }

  1252.   .flex-md-fill {

  1253.     flex: 1 1 auto !important;

  1254.   }

  1255.   .flex-md-grow-0 {

  1256.     flex-grow: 0 !important;

  1257.   }

  1258.   .flex-md-grow-1 {

  1259.     flex-grow: 1 !important;

  1260.   }

  1261.   .flex-md-shrink-0 {

  1262.     flex-shrink: 0 !important;

  1263.   }

  1264.   .flex-md-shrink-1 {

  1265.     flex-shrink: 1 !important;

  1266.   }

  1267.   .justify-content-md-start {

  1268.     justify-content: flex-start !important;

  1269.   }

  1270.   .justify-content-md-end {

  1271.     justify-content: flex-end !important;

  1272.   }

  1273.   .justify-content-md-center {

  1274.     justify-content: center !important;

  1275.   }

  1276.   .justify-content-md-between {

  1277.     justify-content: space-between !important;

  1278.   }

  1279.   .justify-content-md-around {

  1280.     justify-content: space-around !important;

  1281.   }

  1282.   .align-items-md-start {

  1283.     align-items: flex-start !important;

  1284.   }

  1285.   .align-items-md-end {

  1286.     align-items: flex-end !important;

  1287.   }

  1288.   .align-items-md-center {

  1289.     align-items: center !important;

  1290.   }

  1291.   .align-items-md-baseline {

  1292.     align-items: baseline !important;

  1293.   }

  1294.   .align-items-md-stretch {

  1295.     align-items: stretch !important;

  1296.   }

  1297.   .align-content-md-start {

  1298.     align-content: flex-start !important;

  1299.   }

  1300.   .align-content-md-end {

  1301.     align-content: flex-end !important;

  1302.   }

  1303.   .align-content-md-center {

  1304.     align-content: center !important;

  1305.   }

  1306.   .align-content-md-between {

  1307.     align-content: space-between !important;

  1308.   }

  1309.   .align-content-md-around {

  1310.     align-content: space-around !important;

  1311.   }

  1312.   .align-content-md-stretch {

  1313.     align-content: stretch !important;

  1314.   }

  1315.   .align-self-md-auto {

  1316.     align-self: auto !important;

  1317.   }

  1318.   .align-self-md-start {

  1319.     align-self: flex-start !important;

  1320.   }

  1321.   .align-self-md-end {

  1322.     align-self: flex-end !important;

  1323.   }

  1324.   .align-self-md-center {

  1325.     align-self: center !important;

  1326.   }

  1327.   .align-self-md-baseline {

  1328.     align-self: baseline !important;

  1329.   }

  1330.   .align-self-md-stretch {

  1331.     align-self: stretch !important;

  1332.   }

  1333. 

  1334. }

  1335. @media (min-width: 992px) {

  1336.   .flex-lg-row {

  1337.     flex-direction: row !important;

  1338.   }

  1339.   .flex-lg-column {

  1340.     flex-direction: column !important;

  1341.   }

  1342.   .flex-lg-row-reverse {

  1343.     flex-direction: row-reverse !important;

  1344.   }

  1345.   .flex-lg-column-reverse {

  1346.     flex-direction: column-reverse !important;

  1347.   }

  1348.   .flex-lg-wrap {

  1349.     flex-wrap: wrap !important;

  1350.   }

  1351.   .flex-lg-nowrap {

  1352.     flex-wrap: nowrap !important;

  1353.   }

  1354.   .flex-lg-wrap-reverse {

  1355.     flex-wrap: wrap-reverse !important;

  1356.   }

  1357.   .flex-lg-fill {

  1358.     flex: 1 1 auto !important;

  1359.   }

  1360.   .flex-lg-grow-0 {

  1361.     flex-grow: 0 !important;

  1362.   }

  1363.   .flex-lg-grow-1 {

  1364.     flex-grow: 1 !important;

  1365.   }

  1366.   .flex-lg-shrink-0 {

  1367.     flex-shrink: 0 !important;

  1368.   }

  1369.   .flex-lg-shrink-1 {

  1370.     flex-shrink: 1 !important;

  1371.   }

  1372.   .justify-content-lg-start {

  1373.     justify-content: flex-start !important;

  1374.   }

  1375.   .justify-content-lg-end {

  1376.     justify-content: flex-end !important;

  1377.   }

  1378.   .justify-content-lg-center {

  1379.     justify-content: center !important;

  1380.   }

  1381.   .justify-content-lg-between {

  1382.     justify-content: space-between !important;

  1383.   }

  1384.   .justify-content-lg-around {

  1385.     justify-content: space-around !important;

  1386.   }

  1387.   .align-items-lg-start {

  1388.     align-items: flex-start !important;

  1389.   }

  1390.   .align-items-lg-end {

  1391.     align-items: flex-end !important;

  1392.   }

  1393.   .align-items-lg-center {

  1394.     align-items: center !important;

  1395.   }

  1396.   .align-items-lg-baseline {

  1397.     align-items: baseline !important;

  1398.   }

  1399.   .align-items-lg-stretch {

  1400.     align-items: stretch !important;

  1401.   }

  1402.   .align-content-lg-start {

  1403.     align-content: flex-start !important;

  1404.   }

  1405.   .align-content-lg-end {

  1406.     align-content: flex-end !important;

  1407.   }

  1408.   .align-content-lg-center {

  1409.     align-content: center !important;

  1410.   }

  1411.   .align-content-lg-between {

  1412.     align-content: space-between !important;

  1413.   }

  1414.   .align-content-lg-around {

  1415.     align-content: space-around !important;

  1416.   }

  1417.   .align-content-lg-stretch {

  1418.     align-content: stretch !important;

  1419.   }

  1420.   .align-self-lg-auto {

  1421.     align-self: auto !important;

  1422.   }

  1423.   .align-self-lg-start {

  1424.     align-self: flex-start !important;

  1425.   }

  1426.   .align-self-lg-end {

  1427.     align-self: flex-end !important;

  1428.   }

  1429.   .align-self-lg-center {

  1430.     align-self: center !important;

  1431.   }

  1432.   .align-self-lg-baseline {

  1433.     align-self: baseline !important;

  1434.   }

  1435.   .align-self-lg-stretch {

  1436.     align-self: stretch !important;

  1437.   }

  1438. 

  1439. }

  1440. @media (min-width: 1200px) {

  1441.   .flex-xl-row {

  1442.     flex-direction: row !important;

  1443.   }

  1444.   .flex-xl-column {

  1445.     flex-direction: column !important;

  1446.   }

  1447.   .flex-xl-row-reverse {

  1448.     flex-direction: row-reverse !important;

  1449.   }

  1450.   .flex-xl-column-reverse {

  1451.     flex-direction: column-reverse !important;

  1452.   }

  1453.   .flex-xl-wrap {

  1454.     flex-wrap: wrap !important;

  1455.   }

  1456.   .flex-xl-nowrap {

  1457.     flex-wrap: nowrap !important;

  1458.   }

  1459.   .flex-xl-wrap-reverse {

  1460.     flex-wrap: wrap-reverse !important;

  1461.   }

  1462.   .flex-xl-fill {

  1463.     flex: 1 1 auto !important;

  1464.   }

  1465.   .flex-xl-grow-0 {

  1466.     flex-grow: 0 !important;

  1467.   }

  1468.   .flex-xl-grow-1 {

  1469.     flex-grow: 1 !important;

  1470.   }

  1471.   .flex-xl-shrink-0 {

  1472.     flex-shrink: 0 !important;

  1473.   }

  1474.   .flex-xl-shrink-1 {

  1475.     flex-shrink: 1 !important;

  1476.   }

  1477.   .justify-content-xl-start {

  1478.     justify-content: flex-start !important;

  1479.   }

  1480.   .justify-content-xl-end {

  1481.     justify-content: flex-end !important;

  1482.   }

  1483.   .justify-content-xl-center {

  1484.     justify-content: center !important;

  1485.   }

  1486.   .justify-content-xl-between {

  1487.     justify-content: space-between !important;

  1488.   }

  1489.   .justify-content-xl-around {

  1490.     justify-content: space-around !important;

  1491.   }

  1492.   .align-items-xl-start {

  1493.     align-items: flex-start !important;

  1494.   }

  1495.   .align-items-xl-end {

  1496.     align-items: flex-end !important;

  1497.   }

  1498.   .align-items-xl-center {

  1499.     align-items: center !important;

  1500.   }

  1501.   .align-items-xl-baseline {

  1502.     align-items: baseline !important;

  1503.   }

  1504.   .align-items-xl-stretch {

  1505.     align-items: stretch !important;

  1506.   }

  1507.   .align-content-xl-start {

  1508.     align-content: flex-start !important;

  1509.   }

  1510.   .align-content-xl-end {

  1511.     align-content: flex-end !important;

  1512.   }

  1513.   .align-content-xl-center {

  1514.     align-content: center !important;

  1515.   }

  1516.   .align-content-xl-between {

  1517.     align-content: space-between !important;

  1518.   }

  1519.   .align-content-xl-around {

  1520.     align-content: space-around !important;

  1521.   }

  1522.   .align-content-xl-stretch {

  1523.     align-content: stretch !important;

  1524.   }

  1525.   .align-self-xl-auto {

  1526.     align-self: auto !important;

  1527.   }

  1528.   .align-self-xl-start {

  1529.     align-self: flex-start !important;

  1530.   }

  1531.   .align-self-xl-end {

  1532.     align-self: flex-end !important;

  1533.   }

  1534.   .align-self-xl-center {

  1535.     align-self: center !important;

  1536.   }

  1537.   .align-self-xl-baseline {

  1538.     align-self: baseline !important;

  1539.   }

  1540.   .align-self-xl-stretch {

  1541.     align-self: stretch !important;

  1542.   }

  1543. 

  1544. }

  1545. html {

  1546.   overflow-y: scroll;

  1547. }

  1548. .col-full {

  1549.   margin-left: calc(-50vw + 50% + 7px);

  1550.   margin-right: calc(-50vw + 50% + 7px);

  1551.   padding: 0;

  1552.   overflow: hidden;

  1553.   max-width: calc(100vw - 16px);

  1554.   flex: 0 0 calc(100vw - 16px);

  1555. }

  1556. @media (pointer: coarse) {

  1557.   .col-full {

  1558.     margin-left: calc(-50vw + 50%);

  1559.     margin-right: calc(-50vw + 50%);

  1560.     max-width: 100vw;

  1561.     flex: 0 0 100vw;

  1562.   }

  1563. 

  1564. }

  1565. .col-xs-full {

  1566.   margin-left: calc(-50vw + 50% + 7px);

  1567.   margin-right: calc(-50vw + 50% + 7px);

  1568.   padding: 0;

  1569.   overflow: hidden;

  1570.   max-width: calc(100vw - 16px);

  1571.   flex: 0 0 calc(100vw - 16px);

  1572. }

  1573. @media (pointer: coarse) {

  1574.   .col-xs-full {

  1575.     margin-left: calc(-50vw + 50%);

  1576.     margin-right: calc(-50vw + 50%);

  1577.     max-width: 100vw;

  1578.     flex: 0 0 100vw;

  1579.   }

  1580. 

  1581. }

  1582. @media (min-width: 576px) {

  1583.   .col-sm-full {

  1584.     margin-left: calc(-50vw + 50% + 7px);

  1585.     margin-right: calc(-50vw + 50% + 7px);

  1586.     padding: 0;

  1587.     overflow: hidden;

  1588.     max-width: calc(100vw - 16px);

  1589.     flex: 0 0 calc(100vw - 16px);

  1590.   }

  1591. 

  1592. }

  1593. @media (min-width: 576px) and (pointer: coarse) {

  1594.   .col-sm-full {

  1595.     margin-left: calc(-50vw + 50%);

  1596.     margin-right: calc(-50vw + 50%);

  1597.     max-width: 100vw;

  1598.     flex: 0 0 100vw;

  1599.   }

  1600. 

  1601. }

  1602. @media (min-width: 768px) {

  1603.   .col-md-full {

  1604.     margin-left: calc(-50vw + 50% + 7px);

  1605.     margin-right: calc(-50vw + 50% + 7px);

  1606.     padding: 0;

  1607.     overflow: hidden;

  1608.     max-width: calc(100vw - 16px);

  1609.     flex: 0 0 calc(100vw - 16px);

  1610.   }

  1611. 

  1612. }

  1613. @media (min-width: 768px) and (pointer: coarse) {

  1614.   .col-md-full {

  1615.     margin-left: calc(-50vw + 50%);

  1616.     margin-right: calc(-50vw + 50%);

  1617.     max-width: 100vw;

  1618.     flex: 0 0 100vw;

  1619.   }

  1620. 

  1621. }

  1622. @media (min-width: 992px) {

  1623.   .col-lg-full {

  1624.     margin-left: calc(-50vw + 50% + 7px);

  1625.     margin-right: calc(-50vw + 50% + 7px);

  1626.     padding: 0;

  1627.     overflow: hidden;

  1628.     max-width: calc(100vw - 16px);

  1629.     flex: 0 0 calc(100vw - 16px);

  1630.   }

  1631. 

  1632. }

  1633. @media (min-width: 992px) and (pointer: coarse) {

  1634.   .col-lg-full {

  1635.     margin-left: calc(-50vw + 50%);

  1636.     margin-right: calc(-50vw + 50%);

  1637.     max-width: 100vw;

  1638.     flex: 0 0 100vw;

  1639.   }

  1640. 

  1641. }

  1642. @media (min-width: 1200px) {

  1643.   .col-xl-full {

  1644.     margin-left: calc(-50vw + 50% + 7px);

  1645.     margin-right: calc(-50vw + 50% + 7px);

  1646.     padding: 0;

  1647.     overflow: hidden;

  1648.     max-width: calc(100vw - 16px);

  1649.     flex: 0 0 calc(100vw - 16px);

  1650.   }

  1651. 

  1652. }

  1653. @media (min-width: 1200px) and (pointer: coarse) {

  1654.   .col-xl-full {

  1655.     margin-left: calc(-50vw + 50%);

  1656.     margin-right: calc(-50vw + 50%);

  1657.     max-width: 100vw;

  1658.     flex: 0 0 100vw;

  1659.   }

  1660. 

  1661. }

  1662. .col-hide {

  1663.   display: none !important;

  1664. }

  1665. @media (max-width: 575px) {

  1666.   .col-xs-hide {

  1667.     display: none !important;

  1668.   }

  1669. 

  1670. }

  1671. @media (min-width: 576px) and (max-width: 767px) {

  1672.   .col-sm-hide {

  1673.     display: none !important;

  1674.   }

  1675. 

  1676. }

  1677. @media (min-width: 768px) and (max-width: 991px) {

  1678.   .col-md-hide {

  1679.     display: none !important;

  1680.   }

  1681. 

  1682. }

  1683. @media (min-width: 992px) and (max-width: 1199px) {

  1684.   .col-lg-hide {

  1685.     display: none !important;

  1686.   }

  1687. 

  1688. }

  1689. @media (min-width: 1200px) {

  1690.   .col-xl-hide {

  1691.     display: none !important;

  1692.   }

  1693. }