quasar-framework/dist/umd/quasar.addon.rtl.css

Build responsive SPA, SSR, PWA, Hybrid Mobile Apps and Electron apps, all simultaneously using the same codebase

/*
 * Quasar Framework v0.17.6
 * (c) 2016-present Razvan Stoenescu
 * Released under the MIT License.
 */
@media (min-width: 0) {
  .flex-block,
  .flex-xs-block {
    display: block;
  }
  .flex-inline,
  .flex-xs-inline {
    display: inline-block;
  }
  .row-xs.inline-xs,
  .column-xs.inline-xs,
  .flex-xs.inline-xs {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .row-xs.reverse-xs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .column-xs.reverse-xs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .row-xs,
  .column-xs,
  .flex-xs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .row-xs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .column-xs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .wrap-xs {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .no-wrap-xs {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .reverse-wrap-xs {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
  .order-xs-first {
    -webkit-box-ordinal-group: -9999;
        -ms-flex-order: -10000;
            order: -10000;
  }
  .order-xs-last {
    -webkit-box-ordinal-group: 10001;
        -ms-flex-order: 10000;
            order: 10000;
  }
  .order-xs-none {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .justify-xs-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .justify-xs-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .justify-xs-center,
  .flex-xs-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .justify-xs-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .justify-xs-around {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .items-xs-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .items-xs-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .items-xs-center,
  .flex-xs-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .items-xs-baseline {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .items-xs-stretch {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .content-xs-start {
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
  .content-xs-end {
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .content-xs-center {
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .content-xs-between {
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }
  .content-xs-around {
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }
  .self-xs-start {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .self-xs-end {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .self-xs-center {
    -ms-flex-item-align: center;
        align-self: center;
  }
  .self-xs-baseline {
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }
  .self-xs-stretch {
    -ms-flex-item-align: stretch;
        align-self: stretch;
  }
  [dir=ltr] .gutter-xs-x-none, [dir=ltr] .gutter-xs-none {
    margin-left: 0;
  }
  [dir=rtl] .gutter-xs-x-none, [dir=rtl] .gutter-xs-none {
    margin-right: 0;
  }
  [dir=ltr] .gutter-xs-x-none > div, [dir=ltr] .gutter-xs-none > div {
    padding-left: 0;
  }
  [dir=rtl] .gutter-xs-x-none > div, [dir=rtl] .gutter-xs-none > div {
    padding-right: 0;
  }
  [dir] .gutter-xs-y-none, [dir] .gutter-xs-none {
    margin-top: 0;
  }
  [dir] .gutter-xs-y-none > div, [dir] .gutter-xs-none > div {
    padding-top: 0;
  }
  [dir=ltr] .gutter-xs-x-xs, [dir=ltr] .gutter-xs-xs {
    margin-left: -8px;
  }
  [dir=rtl] .gutter-xs-x-xs, [dir=rtl] .gutter-xs-xs {
    margin-right: -8px;
  }
  [dir=ltr] .gutter-xs-x-xs > div, [dir=ltr] .gutter-xs-xs > div {
    padding-left: 8px;
  }
  [dir=rtl] .gutter-xs-x-xs > div, [dir=rtl] .gutter-xs-xs > div {
    padding-right: 8px;
  }
  [dir] .gutter-xs-y-xs, [dir] .gutter-xs-xs {
    margin-top: -8px;
  }
  [dir] .gutter-xs-y-xs > div, [dir] .gutter-xs-xs > div {
    padding-top: 8px;
  }
  [dir=ltr] .gutter-xs-x-sm, [dir=ltr] .gutter-xs-sm {
    margin-left: -16px;
  }
  [dir=rtl] .gutter-xs-x-sm, [dir=rtl] .gutter-xs-sm {
    margin-right: -16px;
  }
  [dir=ltr] .gutter-xs-x-sm > div, [dir=ltr] .gutter-xs-sm > div {
    padding-left: 16px;
  }
  [dir=rtl] .gutter-xs-x-sm > div, [dir=rtl] .gutter-xs-sm > div {
    padding-right: 16px;
  }
  [dir] .gutter-xs-y-sm, [dir] .gutter-xs-sm {
    margin-top: -16px;
  }
  [dir] .gutter-xs-y-sm > div, [dir] .gutter-xs-sm > div {
    padding-top: 16px;
  }
  [dir=ltr] .gutter-xs-x-md, [dir=ltr] .gutter-xs-md {
    margin-left: -32px;
  }
  [dir=rtl] .gutter-xs-x-md, [dir=rtl] .gutter-xs-md {
    margin-right: -32px;
  }
  [dir=ltr] .gutter-xs-x-md > div, [dir=ltr] .gutter-xs-md > div {
    padding-left: 32px;
  }
  [dir=rtl] .gutter-xs-x-md > div, [dir=rtl] .gutter-xs-md > div {
    padding-right: 32px;
  }
  [dir] .gutter-xs-y-md, [dir] .gutter-xs-md {
    margin-top: -32px;
  }
  [dir] .gutter-xs-y-md > div, [dir] .gutter-xs-md > div {
    padding-top: 32px;
  }
  [dir=ltr] .gutter-xs-x-lg, [dir=ltr] .gutter-xs-lg {
    margin-left: -48px;
  }
  [dir=rtl] .gutter-xs-x-lg, [dir=rtl] .gutter-xs-lg {
    margin-right: -48px;
  }
  [dir=ltr] .gutter-xs-x-lg > div, [dir=ltr] .gutter-xs-lg > div {
    padding-left: 48px;
  }
  [dir=rtl] .gutter-xs-x-lg > div, [dir=rtl] .gutter-xs-lg > div {
    padding-right: 48px;
  }
  [dir] .gutter-xs-y-lg, [dir] .gutter-xs-lg {
    margin-top: -48px;
  }
  [dir] .gutter-xs-y-lg > div, [dir] .gutter-xs-lg > div {
    padding-top: 48px;
  }
  [dir=ltr] .gutter-xs-x-xl, [dir=ltr] .gutter-xs-xl {
    margin-left: -64px;
  }
  [dir=rtl] .gutter-xs-x-xl, [dir=rtl] .gutter-xs-xl {
    margin-right: -64px;
  }
  [dir=ltr] .gutter-xs-x-xl > div, [dir=ltr] .gutter-xs-xl > div {
    padding-left: 64px;
  }
  [dir=rtl] .gutter-xs-x-xl > div, [dir=rtl] .gutter-xs-xl > div {
    padding-right: 64px;
  }
  [dir] .gutter-xs-y-xl, [dir] .gutter-xs-xl {
    margin-top: -64px;
  }
  [dir] .gutter-xs-y-xl > div, [dir] .gutter-xs-xl > div {
    padding-top: 64px;
  }
  .row-xs > .col-0,
  .row-xs > .col-xs-0 {
    height: auto;
    width: 0%;
  }
  [dir=ltr] .row-xs > .offset-0, [dir=ltr] .row-xs > .offset-xs-0 {
    margin-left: 0%;
  }
  [dir=rtl] .row-xs > .offset-0, [dir=rtl] .row-xs > .offset-xs-0 {
    margin-right: 0%;
  }
  .column-xs > .col-0,
  .column-xs > .col-xs-0 {
    height: 0%;
    width: auto;
  }
  .row-xs > .col-1,
  .row-xs > .col-xs-1 {
    height: auto;
    width: 8.3333%;
  }
  [dir=ltr] .row-xs > .offset-1, [dir=ltr] .row-xs > .offset-xs-1 {
    margin-left: 8.3333%;
  }
  [dir=rtl] .row-xs > .offset-1, [dir=rtl] .row-xs > .offset-xs-1 {
    margin-right: 8.3333%;
  }
  .column-xs > .col-1,
  .column-xs > .col-xs-1 {
    height: 8.3333%;
    width: auto;
  }
  .row-xs > .col-2,
  .row-xs > .col-xs-2 {
    height: auto;
    width: 16.6667%;
  }
  [dir=ltr] .row-xs > .offset-2, [dir=ltr] .row-xs > .offset-xs-2 {
    margin-left: 16.6667%;
  }
  [dir=rtl] .row-xs > .offset-2, [dir=rtl] .row-xs > .offset-xs-2 {
    margin-right: 16.6667%;
  }
  .column-xs > .col-2,
  .column-xs > .col-xs-2 {
    height: 16.6667%;
    width: auto;
  }
  .row-xs > .col-3,
  .row-xs > .col-xs-3 {
    height: auto;
    width: 25%;
  }
  [dir=ltr] .row-xs > .offset-3, [dir=ltr] .row-xs > .offset-xs-3 {
    margin-left: 25%;
  }
  [dir=rtl] .row-xs > .offset-3, [dir=rtl] .row-xs > .offset-xs-3 {
    margin-right: 25%;
  }
  .column-xs > .col-3,
  .column-xs > .col-xs-3 {
    height: 25%;
    width: auto;
  }
  .row-xs > .col-4,
  .row-xs > .col-xs-4 {
    height: auto;
    width: 33.3333%;
  }
  [dir=ltr] .row-xs > .offset-4, [dir=ltr] .row-xs > .offset-xs-4 {
    margin-left: 33.3333%;
  }
  [dir=rtl] .row-xs > .offset-4, [dir=rtl] .row-xs > .offset-xs-4 {
    margin-right: 33.3333%;
  }
  .column-xs > .col-4,
  .column-xs > .col-xs-4 {
    height: 33.3333%;
    width: auto;
  }
  .row-xs > .col-5,
  .row-xs > .col-xs-5 {
    height: auto;
    width: 41.6667%;
  }
  [dir=ltr] .row-xs > .offset-5, [dir=ltr] .row-xs > .offset-xs-5 {
    margin-left: 41.6667%;
  }
  [dir=rtl] .row-xs > .offset-5, [dir=rtl] .row-xs > .offset-xs-5 {
    margin-right: 41.6667%;
  }
  .column-xs > .col-5,
  .column-xs > .col-xs-5 {
    height: 41.6667%;
    width: auto;
  }
  .row-xs > .col-6,
  .row-xs > .col-xs-6 {
    height: auto;
    width: 50%;
  }
  [dir=ltr] .row-xs > .offset-6, [dir=ltr] .row-xs > .offset-xs-6 {
    margin-left: 50%;
  }
  [dir=rtl] .row-xs > .offset-6, [dir=rtl] .row-xs > .offset-xs-6 {
    margin-right: 50%;
  }
  .column-xs > .col-6,
  .column-xs > .col-xs-6 {
    height: 50%;
    width: auto;
  }
  .row-xs > .col-7,
  .row-xs > .col-xs-7 {
    height: auto;
    width: 58.3333%;
  }
  [dir=ltr] .row-xs > .offset-7, [dir=ltr] .row-xs > .offset-xs-7 {
    margin-left: 58.3333%;
  }
  [dir=rtl] .row-xs > .offset-7, [dir=rtl] .row-xs > .offset-xs-7 {
    margin-right: 58.3333%;
  }
  .column-xs > .col-7,
  .column-xs > .col-xs-7 {
    height: 58.3333%;
    width: auto;
  }
  .row-xs > .col-8,
  .row-xs > .col-xs-8 {
    height: auto;
    width: 66.6667%;
  }
  [dir=ltr] .row-xs > .offset-8, [dir=ltr] .row-xs > .offset-xs-8 {
    margin-left: 66.6667%;
  }
  [dir=rtl] .row-xs > .offset-8, [dir=rtl] .row-xs > .offset-xs-8 {
    margin-right: 66.6667%;
  }
  .column-xs > .col-8,
  .column-xs > .col-xs-8 {
    height: 66.6667%;
    width: auto;
  }
  .row-xs > .col-9,
  .row-xs > .col-xs-9 {
    height: auto;
    width: 75%;
  }
  [dir=ltr] .row-xs > .offset-9, [dir=ltr] .row-xs > .offset-xs-9 {
    margin-left: 75%;
  }
  [dir=rtl] .row-xs > .offset-9, [dir=rtl] .row-xs > .offset-xs-9 {
    margin-right: 75%;
  }
  .column-xs > .col-9,
  .column-xs > .col-xs-9 {
    height: 75%;
    width: auto;
  }
  .row-xs > .col-10,
  .row-xs > .col-xs-10 {
    height: auto;
    width: 83.3333%;
  }
  [dir=ltr] .row-xs > .offset-10, [dir=ltr] .row-xs > .offset-xs-10 {
    margin-left: 83.3333%;
  }
  [dir=rtl] .row-xs > .offset-10, [dir=rtl] .row-xs > .offset-xs-10 {
    margin-right: 83.3333%;
  }
  .column-xs > .col-10,
  .column-xs > .col-xs-10 {
    height: 83.3333%;
    width: auto;
  }
  .row-xs > .col-11,
  .row-xs > .col-xs-11 {
    height: auto;
    width: 91.6667%;
  }
  [dir=ltr] .row-xs > .offset-11, [dir=ltr] .row-xs > .offset-xs-11 {
    margin-left: 91.6667%;
  }
  [dir=rtl] .row-xs > .offset-11, [dir=rtl] .row-xs > .offset-xs-11 {
    margin-right: 91.6667%;
  }
  .column-xs > .col-11,
  .column-xs > .col-xs-11 {
    height: 91.6667%;
    width: auto;
  }
  .row-xs > .col-12,
  .row-xs > .col-xs-12 {
    height: auto;
    width: 100%;
  }
  [dir=ltr] .row-xs > .offset-12, [dir=ltr] .row-xs > .offset-xs-12 {
    margin-left: 100%;
  }
  [dir=rtl] .row-xs > .offset-12, [dir=rtl] .row-xs > .offset-xs-12 {
    margin-right: 100%;
  }
  .column-xs > .col-12,
  .column-xs > .col-xs-12 {
    height: 100%;
    width: auto;
  }
}
@media (min-width: 576px) {
  .flex-sm-block {
    display: block;
  }
  .flex-sm-inline {
    display: inline-block;
  }
  .row.inline-sm,
  .column.inline-sm,
  .flex.inline-sm,
  .row-sm.inline,
  .column-sm.inline,
  .flex-sm.inline,
  .row-sm.inline-sm,
  .column-sm.inline-sm,
  .flex-sm.inline-sm {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .row.reverse-sm,
  .row-sm.reverse,
  .row-sm.reverse-sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .column.reverse-sm,
  .column-sm.reverse,
  .column-sm.reverse-sm {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .row-sm,
  .column-sm,
  .flex-sm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .row-sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .column-sm {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .wrap-sm {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .no-wrap-sm {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .reverse-wrap-sm {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
  .order-sm-first {
    -webkit-box-ordinal-group: -9999;
        -ms-flex-order: -10000;
            order: -10000;
  }
  .order-sm-last {
    -webkit-box-ordinal-group: 10001;
        -ms-flex-order: 10000;
            order: 10000;
  }
  .order-sm-none {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .justify-sm-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .justify-sm-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .justify-sm-center,
  .flex-sm-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .justify-sm-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .justify-sm-around {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .items-sm-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .items-sm-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .items-sm-center,
  .flex-sm-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .items-sm-baseline {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .items-sm-stretch {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .content-sm-start {
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
  .content-sm-end {
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .content-sm-center {
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .content-sm-between {
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }
  .content-sm-around {
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }
  .self-sm-start {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .self-sm-end {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .self-sm-center {
    -ms-flex-item-align: center;
        align-self: center;
  }
  .self-sm-baseline {
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }
  .self-sm-stretch {
    -ms-flex-item-align: stretch;
        align-self: stretch;
  }
  [dir=ltr] .gutter-sm-x-none, [dir=ltr] .gutter-sm-none {
    margin-left: 0;
  }
  [dir=rtl] .gutter-sm-x-none, [dir=rtl] .gutter-sm-none {
    margin-right: 0;
  }
  [dir=ltr] .gutter-sm-x-none > div, [dir=ltr] .gutter-sm-none > div {
    padding-left: 0;
  }
  [dir=rtl] .gutter-sm-x-none > div, [dir=rtl] .gutter-sm-none > div {
    padding-right: 0;
  }
  [dir] .gutter-sm-y-none, [dir] .gutter-sm-none {
    margin-top: 0;
  }
  [dir] .gutter-sm-y-none > div, [dir] .gutter-sm-none > div {
    padding-top: 0;
  }
  [dir=ltr] .gutter-sm-x-xs, [dir=ltr] .gutter-sm-xs {
    margin-left: -8px;
  }
  [dir=rtl] .gutter-sm-x-xs, [dir=rtl] .gutter-sm-xs {
    margin-right: -8px;
  }
  [dir=ltr] .gutter-sm-x-xs > div, [dir=ltr] .gutter-sm-xs > div {
    padding-left: 8px;
  }
  [dir=rtl] .gutter-sm-x-xs > div, [dir=rtl] .gutter-sm-xs > div {
    padding-right: 8px;
  }
  [dir] .gutter-sm-y-xs, [dir] .gutter-sm-xs {
    margin-top: -8px;
  }
  [dir] .gutter-sm-y-xs > div, [dir] .gutter-sm-xs > div {
    padding-top: 8px;
  }
  [dir=ltr] .gutter-sm-x-sm, [dir=ltr] .gutter-sm-sm {
    margin-left: -16px;
  }
  [dir=rtl] .gutter-sm-x-sm, [dir=rtl] .gutter-sm-sm {
    margin-right: -16px;
  }
  [dir=ltr] .gutter-sm-x-sm > div, [dir=ltr] .gutter-sm-sm > div {
    padding-left: 16px;
  }
  [dir=rtl] .gutter-sm-x-sm > div, [dir=rtl] .gutter-sm-sm > div {
    padding-right: 16px;
  }
  [dir] .gutter-sm-y-sm, [dir] .gutter-sm-sm {
    margin-top: -16px;
  }
  [dir] .gutter-sm-y-sm > div, [dir] .gutter-sm-sm > div {
    padding-top: 16px;
  }
  [dir=ltr] .gutter-sm-x-md, [dir=ltr] .gutter-sm-md {
    margin-left: -32px;
  }
  [dir=rtl] .gutter-sm-x-md, [dir=rtl] .gutter-sm-md {
    margin-right: -32px;
  }
  [dir=ltr] .gutter-sm-x-md > div, [dir=ltr] .gutter-sm-md > div {
    padding-left: 32px;
  }
  [dir=rtl] .gutter-sm-x-md > div, [dir=rtl] .gutter-sm-md > div {
    padding-right: 32px;
  }
  [dir] .gutter-sm-y-md, [dir] .gutter-sm-md {
    margin-top: -32px;
  }
  [dir] .gutter-sm-y-md > div, [dir] .gutter-sm-md > div {
    padding-top: 32px;
  }
  [dir=ltr] .gutter-sm-x-lg, [dir=ltr] .gutter-sm-lg {
    margin-left: -48px;
  }
  [dir=rtl] .gutter-sm-x-lg, [dir=rtl] .gutter-sm-lg {
    margin-right: -48px;
  }
  [dir=ltr] .gutter-sm-x-lg > div, [dir=ltr] .gutter-sm-lg > div {
    padding-left: 48px;
  }
  [dir=rtl] .gutter-sm-x-lg > div, [dir=rtl] .gutter-sm-lg > div {
    padding-right: 48px;
  }
  [dir] .gutter-sm-y-lg, [dir] .gutter-sm-lg {
    margin-top: -48px;
  }
  [dir] .gutter-sm-y-lg > div, [dir] .gutter-sm-lg > div {
    padding-top: 48px;
  }
  [dir=ltr] .gutter-sm-x-xl, [dir=ltr] .gutter-sm-xl {
    margin-left: -64px;
  }
  [dir=rtl] .gutter-sm-x-xl, [dir=rtl] .gutter-sm-xl {
    margin-right: -64px;
  }
  [dir=ltr] .gutter-sm-x-xl > div, [dir=ltr] .gutter-sm-xl > div {
    padding-left: 64px;
  }
  [dir=rtl] .gutter-sm-x-xl > div, [dir=rtl] .gutter-sm-xl > div {
    padding-right: 64px;
  }
  [dir] .gutter-sm-y-xl, [dir] .gutter-sm-xl {
    margin-top: -64px;
  }
  [dir] .gutter-sm-y-xl > div, [dir] .gutter-sm-xl > div {
    padding-top: 64px;
  }
  .row-sm > .col-0,
  .row-sm > .col-xs-0 {
    height: auto;
    width: 0%;
  }
  [dir=ltr] .row-sm > .offset-0, [dir=ltr] .row-sm > .offset-xs-0 {
    margin-left: 0%;
  }
  [dir=rtl] .row-sm > .offset-0, [dir=rtl] .row-sm > .offset-xs-0 {
    margin-right: 0%;
  }
  .column-sm > .col-0,
  .column-sm > .col-xs-0 {
    height: 0%;
    width: auto;
  }
  .row-sm > .col-1,
  .row-sm > .col-xs-1 {
    height: auto;
    width: 8.3333%;
  }
  [dir=ltr] .row-sm > .offset-1, [dir=ltr] .row-sm > .offset-xs-1 {
    margin-left: 8.3333%;
  }
  [dir=rtl] .row-sm > .offset-1, [dir=rtl] .row-sm > .offset-xs-1 {
    margin-right: 8.3333%;
  }
  .column-sm > .col-1,
  .column-sm > .col-xs-1 {
    height: 8.3333%;
    width: auto;
  }
  .row-sm > .col-2,
  .row-sm > .col-xs-2 {
    height: auto;
    width: 16.6667%;
  }
  [dir=ltr] .row-sm > .offset-2, [dir=ltr] .row-sm > .offset-xs-2 {
    margin-left: 16.6667%;
  }
  [dir=rtl] .row-sm > .offset-2, [dir=rtl] .row-sm > .offset-xs-2 {
    margin-right: 16.6667%;
  }
  .column-sm > .col-2,
  .column-sm > .col-xs-2 {
    height: 16.6667%;
    width: auto;
  }
  .row-sm > .col-3,
  .row-sm > .col-xs-3 {
    height: auto;
    width: 25%;
  }
  [dir=ltr] .row-sm > .offset-3, [dir=ltr] .row-sm > .offset-xs-3 {
    margin-left: 25%;
  }
  [dir=rtl] .row-sm > .offset-3, [dir=rtl] .row-sm > .offset-xs-3 {
    margin-right: 25%;
  }
  .column-sm > .col-3,
  .column-sm > .col-xs-3 {
    height: 25%;
    width: auto;
  }
  .row-sm > .col-4,
  .row-sm > .col-xs-4 {
    height: auto;
    width: 33.3333%;
  }
  [dir=ltr] .row-sm > .offset-4, [dir=ltr] .row-sm > .offset-xs-4 {
    margin-left: 33.3333%;
  }
  [dir=rtl] .row-sm > .offset-4, [dir=rtl] .row-sm > .offset-xs-4 {
    margin-right: 33.3333%;
  }
  .column-sm > .col-4,
  .column-sm > .col-xs-4 {
    height: 33.3333%;
    width: auto;
  }
  .row-sm > .col-5,
  .row-sm > .col-xs-5 {
    height: auto;
    width: 41.6667%;
  }
  [dir=ltr] .row-sm > .offset-5, [dir=ltr] .row-sm > .offset-xs-5 {
    margin-left: 41.6667%;
  }
  [dir=rtl] .row-sm > .offset-5, [dir=rtl] .row-sm > .offset-xs-5 {
    margin-right: 41.6667%;
  }
  .column-sm > .col-5,
  .column-sm > .col-xs-5 {
    height: 41.6667%;
    width: auto;
  }
  .row-sm > .col-6,
  .row-sm > .col-xs-6 {
    height: auto;
    width: 50%;
  }
  [dir=ltr] .row-sm > .offset-6, [dir=ltr] .row-sm > .offset-xs-6 {
    margin-left: 50%;
  }
  [dir=rtl] .row-sm > .offset-6, [dir=rtl] .row-sm > .offset-xs-6 {
    margin-right: 50%;
  }
  .column-sm > .col-6,
  .column-sm > .col-xs-6 {
    height: 50%;
    width: auto;
  }
  .row-sm > .col-7,
  .row-sm > .col-xs-7 {
    height: auto;
    width: 58.3333%;
  }
  [dir=ltr] .row-sm > .offset-7, [dir=ltr] .row-sm > .offset-xs-7 {
    margin-left: 58.3333%;
  }
  [dir=rtl] .row-sm > .offset-7, [dir=rtl] .row-sm > .offset-xs-7 {
    margin-right: 58.3333%;
  }
  .column-sm > .col-7,
  .column-sm > .col-xs-7 {
    height: 58.3333%;
    width: auto;
  }
  .row-sm > .col-8,
  .row-sm > .col-xs-8 {
    height: auto;
    width: 66.6667%;
  }
  [dir=ltr] .row-sm > .offset-8, [dir=ltr] .row-sm > .offset-xs-8 {
    margin-left: 66.6667%;
  }
  [dir=rtl] .row-sm > .offset-8, [dir=rtl] .row-sm > .offset-xs-8 {
    margin-right: 66.6667%;
  }
  .column-sm > .col-8,
  .column-sm > .col-xs-8 {
    height: 66.6667%;
    width: auto;
  }
  .row-sm > .col-9,
  .row-sm > .col-xs-9 {
    height: auto;
    width: 75%;
  }
  [dir=ltr] .row-sm > .offset-9, [dir=ltr] .row-sm > .offset-xs-9 {
    margin-left: 75%;
  }
  [dir=rtl] .row-sm > .offset-9, [dir=rtl] .row-sm > .offset-xs-9 {
    margin-right: 75%;
  }
  .column-sm > .col-9,
  .column-sm > .col-xs-9 {
    height: 75%;
    width: auto;
  }
  .row-sm > .col-10,
  .row-sm > .col-xs-10 {
    height: auto;
    width: 83.3333%;
  }
  [dir=ltr] .row-sm > .offset-10, [dir=ltr] .row-sm > .offset-xs-10 {
    margin-left: 83.3333%;
  }
  [dir=rtl] .row-sm > .offset-10, [dir=rtl] .row-sm > .offset-xs-10 {
    margin-right: 83.3333%;
  }
  .column-sm > .col-10,
  .column-sm > .col-xs-10 {
    height: 83.3333%;
    width: auto;
  }
  .row-sm > .col-11,
  .row-sm > .col-xs-11 {
    height: auto;
    width: 91.6667%;
  }
  [dir=ltr] .row-sm > .offset-11, [dir=ltr] .row-sm > .offset-xs-11 {
    margin-left: 91.6667%;
  }
  [dir=rtl] .row-sm > .offset-11, [dir=rtl] .row-sm > .offset-xs-11 {
    margin-right: 91.6667%;
  }
  .column-sm > .col-11,
  .column-sm > .col-xs-11 {
    height: 91.6667%;
    width: auto;
  }
  .row-sm > .col-12,
  .row-sm > .col-xs-12 {
    height: auto;
    width: 100%;
  }
  [dir=ltr] .row-sm > .offset-12, [dir=ltr] .row-sm > .offset-xs-12 {
    margin-left: 100%;
  }
  [dir=rtl] .row-sm > .offset-12, [dir=rtl] .row-sm > .offset-xs-12 {
    margin-right: 100%;
  }
  .column-sm > .col-12,
  .column-sm > .col-xs-12 {
    height: 100%;
    width: auto;
  }
  .row-sm > .col-sm-0 {
    height: auto;
    width: 0%;
  }
  [dir=ltr] .row-sm > .offset-sm-0 {
    margin-left: 0%;
  }
  [dir=rtl] .row-sm > .offset-sm-0 {
    margin-right: 0%;
  }
  .column-sm > .col-sm-0 {
    height: 0%;
    width: auto;
  }
  .row-sm > .col-sm-1 {
    height: auto;
    width: 8.3333%;
  }
  [dir=ltr] .row-sm > .offset-sm-1 {
    margin-left: 8.3333%;
  }
  [dir=rtl] .row-sm > .offset-sm-1 {
    margin-right: 8.3333%;
  }
  .column-sm > .col-sm-1 {
    height: 8.3333%;
    width: auto;
  }
  .row-sm > .col-sm-2 {
    height: auto;
    width: 16.6667%;
  }
  [dir=ltr] .row-sm > .offset-sm-2 {
    margin-left: 16.6667%;
  }
  [dir=rtl] .row-sm > .offset-sm-2 {
    margin-right: 16.6667%;
  }
  .column-sm > .col-sm-2 {
    height: 16.6667%;
    width: auto;
  }
  .row-sm > .col-sm-3 {
    height: auto;
    width: 25%;
  }
  [dir=ltr] .row-sm > .offset-sm-3 {
    margin-left: 25%;
  }
  [dir=rtl] .row-sm > .offset-sm-3 {
    margin-right: 25%;
  }
  .column-sm > .col-sm-3 {
    height: 25%;
    width: auto;
  }
  .row-sm > .col-sm-4 {
    height: auto;
    width: 33.3333%;
  }
  [dir=ltr] .row-sm > .offset-sm-4 {
    margin-left: 33.3333%;
  }
  [dir=rtl] .row-sm > .offset-sm-4 {
    margin-right: 33.3333%;
  }
  .column-sm > .col-sm-4 {
    height: 33.3333%;
    width: auto;
  }
  .row-sm > .col-sm-5 {
    height: auto;
    width: 41.6667%;
  }
  [dir=ltr] .row-sm > .offset-sm-5 {
    margin-left: 41.6667%;
  }
  [dir=rtl] .row-sm > .offset-sm-5 {
    margin-right: 41.6667%;
  }
  .column-sm > .col-sm-5 {
    height: 41.6667%;
    width: auto;
  }
  .row-sm > .col-sm-6 {
    height: auto;
    width: 50%;
  }
  [dir=ltr] .row-sm > .offset-sm-6 {
    margin-left: 50%;
  }
  [dir=rtl] .row-sm > .offset-sm-6 {
    margin-right: 50%;
  }
  .column-sm > .col-sm-6 {
    height: 50%;
    width: auto;
  }
  .row-sm > .col-sm-7 {
    height: auto;
    width: 58.3333%;
  }
  [dir=ltr] .row-sm > .offset-sm-7 {
    margin-left: 58.3333%;
  }
  [dir=rtl] .row-sm > .offset-sm-7 {
    margin-right: 58.3333%;
  }
  .column-sm > .col-sm-7 {
    height: 58.3333%;
    width: auto;
  }
  .row-sm > .col-sm-8 {
    height: auto;
    width: 66.6667%;
  }
  [dir=ltr] .row-sm > .offset-sm-8 {
    margin-left: 66.6667%;
  }
  [dir=rtl] .row-sm > .offset-sm-8 {
    margin-right: 66.6667%;
  }
  .column-sm > .col-sm-8 {
    height: 66.6667%;
    width: auto;
  }
  .row-sm > .col-sm-9 {
    height: auto;
    width: 75%;
  }
  [dir=ltr] .row-sm > .offset-sm-9 {
    margin-left: 75%;
  }
  [dir=rtl] .row-sm > .offset-sm-9 {
    margin-right: 75%;
  }
  .column-sm > .col-sm-9 {
    height: 75%;
    width: auto;
  }
  .row-sm > .col-sm-10 {
    height: auto;
    width: 83.3333%;
  }
  [dir=ltr] .row-sm > .offset-sm-10 {
    margin-left: 83.3333%;
  }
  [dir=rtl] .row-sm > .offset-sm-10 {
    margin-right: 83.3333%;
  }
  .column-sm > .col-sm-10 {
    height: 83.3333%;
    width: auto;
  }
  .row-sm > .col-sm-11 {
    height: auto;
    width: 91.6667%;
  }
  [dir=ltr] .row-sm > .offset-sm-11 {
    margin-left: 91.6667%;
  }
  [dir=rtl] .row-sm > .offset-sm-11 {
    margin-right: 91.6667%;
  }
  .column-sm > .col-sm-11 {
    height: 91.6667%;
    width: auto;
  }
  .row-sm > .col-sm-12 {
    height: auto;
    width: 100%;
  }
  [dir=ltr] .row-sm > .offset-sm-12 {
    margin-left: 100%;
  }
  [dir=rtl] .row-sm > .offset-sm-12 {
    margin-right: 100%;
  }
  .column-sm > .col-sm-12 {
    height: 100%;
    width: auto;
  }
}
@media (min-width: 768px) {
  .flex-md-block {
    display: block;
  }
  .flex-md-inline {
    display: inline-block;
  }
  .row.inline-md,
  .column.inline-md,
  .flex.inline-md,
  .row-md.inline,
  .column-md.inline,
  .flex-md.inline,
  .row-md.inline-md,
  .column-md.inline-md,
  .flex-md.inline-md {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .row.reverse-md,
  .row-md.reverse,
  .row-md.reverse-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .column.reverse-md,
  .column-md.reverse,
  .column-md.reverse-md {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .row-md,
  .column-md,
  .flex-md {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .row-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .column-md {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .wrap-md {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .no-wrap-md {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .reverse-wrap-md {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
  .order-md-first {
    -webkit-box-ordinal-group: -9999;
        -ms-flex-order: -10000;
            order: -10000;
  }
  .order-md-last {
    -webkit-box-ordinal-group: 10001;
        -ms-flex-order: 10000;
            order: 10000;
  }
  .order-md-none {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .justify-md-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .justify-md-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .justify-md-center,
  .flex-md-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .justify-md-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .justify-md-around {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .items-md-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .items-md-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .items-md-center,
  .flex-md-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .items-md-baseline {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .items-md-stretch {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .content-md-start {
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
  .content-md-end {
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .content-md-center {
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .content-md-between {
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }
  .content-md-around {
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }
  .self-md-start {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .self-md-end {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .self-md-center {
    -ms-flex-item-align: center;
        align-self: center;
  }
  .self-md-baseline {
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }
  .self-md-stretch {
    -ms-flex-item-align: stretch;
        align-self: stretch;
  }
  [dir=ltr] .gutter-md-x-none, [dir=ltr] .gutter-md-none {
    margin-left: 0;
  }
  [dir=rtl] .gutter-md-x-none, [dir=rtl] .gutter-md-none {
    margin-right: 0;
  }
  [dir=ltr] .gutter-md-x-none > div, [dir=ltr] .gutter-md-none > div {
    padding-left: 0;
  }
  [dir=rtl] .gutter-md-x-none > div, [dir=rtl] .gutter-md-none > div {
    padding-right: 0;
  }
  [dir] .gutter-md-y-none, [dir] .gutter-md-none {
    margin-top: 0;
  }
  [dir] .gutter-md-y-none > div, [dir] .gutter-md-none > div {
    padding-top: 0;
  }
  [dir=ltr] .gutter-md-x-xs, [dir=ltr] .gutter-md-xs {
    margin-left: -8px;
  }
  [dir=rtl] .gutter-md-x-xs, [dir=rtl] .gutter-md-xs {
    margin-right: -8px;
  }
  [dir=ltr] .gutter-md-x-xs > div, [dir=ltr] .gutter-md-xs > div {
    padding-left: 8px;
  }
  [dir=rtl] .gutter-md-x-xs > div, [dir=rtl] .gutter-md-xs > div {
    padding-right: 8px;
  }
  [dir] .gutter-md-y-xs, [dir] .gutter-md-xs {
    margin-top: -8px;
  }
  [dir] .gutter-md-y-xs > div, [dir] .gutter-md-xs > div {
    padding-top: 8px;
  }
  [dir=ltr] .gutter-md-x-sm, [dir=ltr] .gutter-md-sm {
    margin-left: -16px;
  }
  [dir=rtl] .gutter-md-x-sm, [dir=rtl] .gutter-md-sm {
    margin-right: -16px;
  }
  [dir=ltr] .gutter-md-x-sm > div, [dir=ltr] .gutter-md-sm > div {
    padding-left: 16px;
  }
  [dir=rtl] .gutter-md-x-sm > div, [dir=rtl] .gutter-md-sm > div {
    padding-right: 16px;
  }
  [dir] .gutter-md-y-sm, [dir] .gutter-md-sm {
    margin-top: -16px;
  }
  [dir] .gutter-md-y-sm > div, [dir] .gutter-md-sm > div {
    padding-top: 16px;
  }
  [dir=ltr] .gutter-md-x-md, [dir=ltr] .gutter-md-md {
    margin-left: -32px;
  }
  [dir=rtl] .gutter-md-x-md, [dir=rtl] .gutter-md-md {
    margin-right: -32px;
  }
  [dir=ltr] .gutter-md-x-md > div, [dir=ltr] .gutter-md-md > div {
    padding-left: 32px;
  }
  [dir=rtl] .gutter-md-x-md > div, [dir=rtl] .gutter-md-md > div {
    padding-right: 32px;
  }
  [dir] .gutter-md-y-md, [dir] .gutter-md-md {
    margin-top: -32px;
  }
  [dir] .gutter-md-y-md > div, [dir] .gutter-md-md > div {
    padding-top: 32px;
  }
  [dir=ltr] .gutter-md-x-lg, [dir=ltr] .gutter-md-lg {
    margin-left: -48px;
  }
  [dir=rtl] .gutter-md-x-lg, [dir=rtl] .gutter-md-lg {
    margin-right: -48px;
  }
  [dir=ltr] .gutter-md-x-lg > div, [dir=ltr] .gutter-md-lg > div {
    padding-left: 48px;
  }
  [dir=rtl] .gutter-md-x-lg > div, [dir=rtl] .gutter-md-lg > div {
    padding-right: 48px;
  }
  [dir] .gutter-md-y-lg, [dir] .gutter-md-lg {
    margin-top: -48px;
  }
  [dir] .gutter-md-y-lg > div, [dir] .gutter-md-lg > div {
    padding-top: 48px;
  }
  [dir=ltr] .gutter-md-x-xl, [dir=ltr] .gutter-md-xl {
    margin-left: -64px;
  }
  [dir=rtl] .gutter-md-x-xl, [dir=rtl] .gutter-md-xl {
    margin-right: -64px;
  }
  [dir=ltr] .gutter-md-x-xl > div, [dir=ltr] .gutter-md-xl > div {
    padding-left: 64px;
  }
  [dir=rtl] .gutter-md-x-xl > div, [dir=rtl] .gutter-md-xl > div {
    padding-right: 64px;
  }
  [dir] .gutter-md-y-xl, [dir] .gutter-md-xl {
    margin-top: -64px;
  }
  [dir] .gutter-md-y-xl > div, [dir] .gutter-md-xl > div {
    padding-top: 64px;
  }
  .row-md > .col-0,
  .row-md > .col-xs-0 {
    height: auto;
    width: 0%;
  }
  [dir=ltr] .row-md > .offset-0, [dir=ltr] .row-md > .offset-xs-0 {
    margin-left: 0%;
  }
  [dir=rtl] .row-md > .offset-0, [dir=rtl] .row-md > .offset-xs-0 {
    margin-right: 0%;
  }
  .column-md > .col-0,
  .column-md > .col-xs-0 {
    height: 0%;
    width: auto;
  }
  .row-md > .col-1,
  .row-md > .col-xs-1 {
    height: auto;
    width: 8.3333%;
  }
  [dir=ltr] .row-md > .offset-1, [dir=ltr] .row-md > .offset-xs-1 {
    margin-left: 8.3333%;
  }
  [dir=rtl] .row-md > .offset-1, [dir=rtl] .row-md > .offset-xs-1 {
    margin-right: 8.3333%;
  }
  .column-md > .col-1,
  .column-md > .col-xs-1 {
    height: 8.3333%;
    width: auto;
  }
  .row-md > .col-2,
  .row-md > .col-xs-2 {
    height: auto;
    width: 16.6667%;
  }
  [dir=ltr] .row-md > .offset-2, [dir=ltr] .row-md > .offset-xs-2 {
    margin-left: 16.6667%;
  }
  [dir=rtl] .row-md > .offset-2, [dir=rtl] .row-md > .offset-xs-2 {
    margin-right: 16.6667%;
  }
  .column-md > .col-2,
  .column-md > .col-xs-2 {
    height: 16.6667%;
    width: auto;
  }
  .row-md > .col-3,
  .row-md > .col-xs-3 {
    height: auto;
    width: 25%;
  }
  [dir=ltr] .row-md > .offset-3, [dir=ltr] .row-md > .offset-xs-3 {
    margin-left: 25%;
  }
  [dir=rtl] .row-md > .offset-3, [dir=rtl] .row-md > .offset-xs-3 {
    margin-right: 25%;
  }
  .column-md > .col-3,
  .column-md > .col-xs-3 {
    height: 25%;
    width: auto;
  }
  .row-md > .col-4,
  .row-md > .col-xs-4 {
    height: auto;
    width: 33.3333%;
  }
  [dir=ltr] .row-md > .offset-4, [dir=ltr] .row-md > .offset-xs-4 {
    margin-left: 33.3333%;
  }
  [dir=rtl] .row-md > .offset-4, [dir=rtl] .row-md > .offset-xs-4 {
    margin-right: 33.3333%;
  }
  .column-md > .col-4,
  .column-md > .col-xs-4 {
    height: 33.3333%;
    width: auto;
  }
  .row-md > .col-5,
  .row-md > .col-xs-5 {
    height: auto;
    width: 41.6667%;
  }
  [dir=ltr] .row-md > .offset-5, [dir=ltr] .row-md > .offset-xs-5 {
    margin-left: 41.6667%;
  }
  [dir=rtl] .row-md > .offset-5, [dir=rtl] .row-md > .offset-xs-5 {
    margin-right: 41.6667%;
  }
  .column-md > .col-5,
  .column-md > .col-xs-5 {
    height: 41.6667%;
    width: auto;
  }
  .row-md > .col-6,
  .row-md > .col-xs-6 {
    height: auto;
    width: 50%;
  }
  [dir=ltr] .row-md > .offset-6, [dir=ltr] .row-md > .offset-xs-6 {
    margin-left: 50%;
  }
  [dir=rtl] .row-md > .offset-6, [dir=rtl] .row-md > .offset-xs-6 {
    margin-right: 50%;
  }
  .column-md > .col-6,
  .column-md > .col-xs-6 {
    height: 50%;
    width: auto;
  }
  .row-md > .col-7,
  .row-md > .col-xs-7 {
    height: auto;
    width: 58.3333%;
  }
  [dir=ltr] .row-md > .offset-7, [dir=ltr] .row-md > .offset-xs-7 {
    margin-left: 58.3333%;
  }
  [dir=rtl] .row-md > .offset-7, [dir=rtl] .row-md > .offset-xs-7 {
    margin-right: 58.3333%;
  }
  .column-md > .col-7,
  .column-md > .col-xs-7 {
    height: 58.3333%;
    width: auto;
  }
  .row-md > .col-8,
  .row-md > .col-xs-8 {
    height: auto;
    width: 66.6667%;
  }
  [dir=ltr] .row-md > .offset-8, [dir=ltr] .row-md > .offset-xs-8 {
    margin-left: 66.6667%;
  }
  [dir=rtl] .row-md > .offset-8, [dir=rtl] .row-md > .offset-xs-8 {
    margin-right: 66.6667%;
  }
  .column-md > .col-8,
  .column-md > .col-xs-8 {
    height: 66.6667%;
    width: auto;
  }
  .row-md > .col-9,
  .row-md > .col-xs-9 {
    height: auto;
    width: 75%;
  }
  [dir=ltr] .row-md > .offset-9, [dir=ltr] .row-md > .offset-xs-9 {
    margin-left: 75%;
  }
  [dir=rtl] .row-md > .offset-9, [dir=rtl] .row-md > .offset-xs-9 {
    margin-right: 75%;
  }
  .column-md > .col-9,
  .column-md > .col-xs-9 {
    height: 75%;
    width: auto;
  }
  .row-md > .col-10,
  .row-md > .col-xs-10 {
    height: auto;
    width: 83.3333%;
  }
  [dir=ltr] .row-md > .offset-10, [dir=ltr] .row-md > .offset-xs-10 {
    margin-left: 83.3333%;
  }
  [dir=rtl] .row-md > .offset-10, [dir=rtl] .row-md > .offset-xs-10 {
    margin-right: 83.3333%;
  }
  .column-md > .col-10,
  .column-md > .col-xs-10 {
    height: 83.3333%;
    width: auto;
  }
  .row-md > .col-11,
  .row-md > .col-xs-11 {
    height: auto;
    width: 91.6667%;
  }
  [dir=ltr] .row-md > .offset-11, [dir=ltr] .row-md > .offset-xs-11 {
    margin-left: 91.6667%;
  }
  [dir=rtl] .row-md > .offset-11, [dir=rtl] .row-md > .offset-xs-11 {
    margin-right: 91.6667%;
  }
  .column-md > .col-11,
  .column-md > .col-xs-11 {
    height: 91.6667%;
    width: auto;
  }
  .row-md > .col-12,
  .row-md > .col-xs-12 {
    height: auto;
    width: 100%;
  }
  [dir=ltr] .row-md > .offset-12, [dir=ltr] .row-md > .offset-xs-12 {
    margin-left: 100%;
  }
  [dir=rtl] .row-md > .offset-12, [dir=rtl] .row-md > .offset-xs-12 {
    margin-right: 100%;
  }
  .column-md > .col-12,
  .column-md > .col-xs-12 {
    height: 100%;
    width: auto;
  }
  .row-md > .col-sm-0 {
    height: auto;
    width: 0%;
  }
  [dir=ltr] .row-md > .offset-sm-0 {
    margin-left: 0%;
  }
  [dir=rtl] .row-md > .offset-sm-0 {
    margin-right: 0%;
  }
  .column-md > .col-sm-0 {
    height: 0%;
    width: auto;
  }
  .row-md > .col-sm-1 {
    height: auto;
    width: 8.3333%;
  }
  [dir=ltr] .row-md > .offset-sm-1 {
    margin-left: 8.3333%;
  }
  [dir=rtl] .row-md > .offset-sm-1 {
    margin-right: 8.3333%;
  }
  .column-md > .col-sm-1 {
    height: 8.3333%;
    width: auto;
  }
  .row-md > .col-sm-2 {
    height: auto;
    width: 16.6667%;
  }
  [dir=ltr] .row-md > .offset-sm-2 {
    margin-left: 16.6667%;
  }
  [dir=rtl] .row-md > .offset-sm-2 {
    margin-right: 16.6667%;
  }
  .column-md > .col-sm-2 {
    height: 16.6667%;
    width: auto;
  }
  .row-md > .col-sm-3 {
    height: auto;
    width: 25%;
  }
  [dir=ltr] .row-md > .offset-sm-3 {
    margin-left: 25%;
  }
  [dir=rtl] .row-md > .offset-sm-3 {
    margin-right: 25%;
  }
  .column-md > .col-sm-3 {
    height: 25%;
    width: auto;
  }
  .row-md > .col-sm-4 {
    height: auto;
    width: 33.3333%;
  }
  [dir=ltr] .row-md > .offset-sm-4 {
    margin-left: 33.3333%;
  }
  [dir=rtl] .row-md > .offset-sm-4 {
    margin-right: 33.3333%;
  }
  .column-md > .col-sm-4 {
    height: 33.3333%;
    width: auto;
  }
  .row-md > .col-sm-5 {
    height: auto;
    width: 41.6667%;
  }
  [dir=ltr] .row-md > .offset-sm-5 {
    margin-left: 41.6667%;
  }
  [dir=rtl] .row-md > .offset-sm-5 {
    margin-right: 41.6667%;
  }
  .column-md > .col-sm-5 {
    height: 41.6667%;
    width: auto;
  }
  .row-md > .col-sm-6 {
    height: auto;
    width: 50%;
  }
  [dir=ltr] .row-md > .offset-sm-6 {
    margin-left: 50%;
  }
  [dir=rtl] .row-md > .offset-sm-6 {
    margin-right: 50%;
  }
  .column-md > .col-sm-6 {
    height: 50%;
    width: auto;
  }
  .row-md > .col-sm-7 {
    height: auto;
    width: 58.3333%;
  }
  [dir=ltr] .row-md > .offset-sm-7 {
    margin-left: 58.3333%;
  }
  [dir=rtl] .row-md > .offset-sm-7 {
    margin-right: 58.3333%;
  }
  .column-md > .col-sm-7 {
    height: 58.3333%;
    width: auto;
  }
  .row-md > .col-sm-8 {
    height: auto;
    width: 66.6667%;
  }
  [dir=ltr] .row-md > .offset-sm-8 {
    margin-left: 66.6667%;
  }
  [dir=rtl] .row-md > .offset-sm-8 {
    margin-right: 66.6667%;
  }
  .column-md > .col-sm-8 {
    height: 66.6667%;
    width: auto;
  }
  .row-md > .col-sm-9 {
    height: auto;
    width: 75%;
  }
  [dir=ltr] .row-md > .offset-sm-9 {
    margin-left: 75%;
  }
  [dir=rtl] .row-md > .offset-sm-9 {
    margin-right: 75%;
  }
  .column-md > .col-sm-9 {
    height: 75%;
    width: auto;
  }
  .row-md > .col-sm-10 {
    height: auto;
    width: 83.3333%;
  }
  [dir=ltr] .row-md > .offset-sm-10 {
    margin-left: 83.3333%;
  }
  [dir=rtl] .row-md > .offset-sm-10 {
    margin-right: 83.3333%;
  }
  .column-md > .col-sm-10 {
    height: 83.3333%;
    width: auto;
  }
  .row-md > .col-sm-11 {
    height: auto;
    width: 91.6667%;
  }
  [dir=ltr] .row-md > .offset-sm-11 {
    margin-left: 91.6667%;
  }
  [dir=rtl] .row-md > .offset-sm-11 {
    margin-right: 91.6667%;
  }
  .column-md > .col-sm-11 {
    height: 91.6667%;
    width: auto;
  }
  .row-md > .col-sm-12 {
    height: auto;
    width: 100%;
  }
  [dir=ltr] .row-md > .offset-sm-12 {
    margin-left: 100%;
  }
  [dir=rtl] .row-md > .offset-sm-12 {
    margin-right: 100%;
  }
  .column-md > .col-sm-12 {
    height: 100%;
    width: auto;
  }
  .row-md > .col-md-0 {
    height: auto;
    width: 0%;
  }
  [dir=ltr] .row-md > .offset-md-0 {
    margin-left: 0%;
  }
  [dir=rtl] .row-md > .offset-md-0 {
    margin-right: 0%;
  }
  .column-md > .col-md-0 {
    height: 0%;
    width: auto;
  }
  .row-md > .col-md-1 {
    height: auto;
    width: 8.3333%;
  }
  [dir=ltr] .row-md > .offset-md-1 {
    margin-left: 8.3333%;
  }
  [dir=rtl] .row-md > .offset-md-1 {
    margin-right: 8.3333%;
  }
  .column-md > .col-md-1 {
    height: 8.3333%;
    width: auto;
  }
  .row-md > .col-md-2 {
    height: auto;
    width: 16.6667%;
  }
  [dir=ltr] .row-md > .offset-md-2 {
    margin-left: 16.6667%;
  }
  [dir=rtl] .row-md > .offset-md-2 {
    margin-right: 16.6667%;
  }
  .column-md > .col-md-2 {
    height: 16.6667%;
    width: auto;
  }
  .row-md > .col-md-3 {
    height: auto;
    width: 25%;
  }
  [dir=ltr] .row-md > .offset-md-3 {
    margin-left: 25%;
  }
  [dir=rtl] .row-md > .offset-md-3 {
    margin-right: 25%;
  }
  .column-md > .col-md-3 {
    height: 25%;
    width: auto;
  }
  .row-md > .col-md-4 {
    height: auto;
    width: 33.3333%;
  }
  [dir=ltr] .row-md > .offset-md-4 {
    margin-left: 33.3333%;
  }
  [dir=rtl] .row-md > .offset-md-4 {
    margin-right: 33.3333%;
  }
  .column-md > .col-md-4 {
    height: 33.3333%;
    width: auto;
  }
  .row-md > .col-md-5 {
    height: auto;
    width: 41.6667%;
  }
  [dir=ltr] .row-md > .offset-md-5 {
    margin-left: 41.6667%;
  }
  [dir=rtl] .row-md > .offset-md-5 {
    margin-right: 41.6667%;
  }
  .column-md > .col-md-5 {
    height: 41.6667%;
    width: auto;
  }
  .row-md > .col-md-6 {
    height: auto;
    width: 50%;
  }
  [dir=ltr] .row-md > .offset-md-6 {
    margin-left: 50%;
  }
  [dir=rtl] .row-md > .offset-md-6 {
    margin-right: 50%;
  }
  .column-md > .col-md-6 {
    height: 50%;
    width: auto;
  }
  .row-md > .col-md-7 {
    height: auto;
    width: 58.3333%;
  }
  [dir=ltr] .row-md > .offset-md-7 {
    margin-left: 58.3333%;
  }
  [dir=rtl] .row-md > .offset-md-7 {
    margin-right: 58.3333%;
  }
  .column-md > .col-md-7 {
    height: 58.3333%;
    width: auto;
  }
  .row-md > .col-md-8 {
    height: auto;
    width: 66.6667%;
  }
  [dir=ltr] .row-md > .offset-md-8 {
    margin-left: 66.6667%;
  }
  [dir=rtl] .row-md > .offset-md-8 {
    margin-right: 66.6667%;
  }
  .column-md > .col-md-8 {
    height: 66.6667%;
    width: auto;
  }
  .row-md > .col-md-9 {
    height: auto;
    width: 75%;
  }
  [dir=ltr] .row-md > .offset-md-9 {
    margin-left: 75%;
  }
  [dir=rtl] .row-md > .offset-md-9 {
    margin-right: 75%;
  }
  .column-md > .col-md-9 {
    height: 75%;
    width: auto;
  }
  .row-md > .col-md-10 {
    height: auto;
    width: 83.3333%;
  }
  [dir=ltr] .row-md > .offset-md-10 {
    margin-left: 83.3333%;
  }
  [dir=rtl] .row-md > .offset-md-10 {
    margin-right: 83.3333%;
  }
  .column-md > .col-md-10 {
    height: 83.3333%;
    width: auto;
  }
  .row-md > .col-md-11 {
    height: auto;
    width: 91.6667%;
  }
  [dir=ltr] .row-md > .offset-md-11 {
    margin-left: 91.6667%;
  }
  [dir=rtl] .row-md > .offset-md-11 {
    margin-right: 91.6667%;
  }
  .column-md > .col-md-11 {
    height: 91.6667%;
    width: auto;
  }
  .row-md > .col-md-12 {
    height: auto;
    width: 100%;
  }
  [dir=ltr] .row-md > .offset-md-12 {
    margin-left: 100%;
  }
  [dir=rtl] .row-md > .offset-md-12 {
    margin-right: 100%;
  }
  .column-md > .col-md-12 {
    height: 100%;
    width: auto;
  }
}
@media (min-width: 992px) {
  .flex-lg-block {
    display: block;
  }
  .flex-lg-inline {
    display: inline-block;
  }
  .row.inline-lg,
  .column.inline-lg,
  .flex.inline-lg,
  .row-lg.inline,
  .column-lg.inline,
  .flex-lg.inline,
  .row-lg.inline-lg,
  .column-lg.inline-lg,
  .flex-lg.inline-lg {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .row.reverse-lg,
  .row-lg.reverse,
  .row-lg.reverse-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .column.reverse-lg,
  .column-lg.reverse,
  .column-lg.reverse-lg {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .row-lg,
  .column-lg,
  .flex-lg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .row-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .column-lg {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .wrap-lg {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .no-wrap-lg {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .reverse-wrap-lg {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
  .order-lg-first {
    -webkit-box-ordinal-group: -9999;
        -ms-flex-order: -10000;
            order: -10000;
  }
  .order-lg-last {
    -webkit-box-ordinal-group: 10001;
        -ms-flex-order: 10000;
            order: 10000;
  }
  .order-lg-none {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .justify-lg-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .justify-lg-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .justify-lg-center,
  .flex-lg-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .justify-lg-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .justify-lg-around {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .items-lg-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .items-lg-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .items-lg-center,
  .flex-lg-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .items-lg-baseline {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .items-lg-stretch {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .content-lg-start {
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
  .content-lg-end {
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .content-lg-center {
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .content-lg-between {
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }
  .content-lg-around {
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }
  .s