.flex-container {
position: relative; width: 100%; max-width: 1366px; margin: 0 auto; padding-left: 10px; padding-right: 10px; } @media (min-width: 768px) { .flex-container { width: 90%; } }
.flex-row {
margin-left: -10px; margin-right: -10px; position: relative; }
.flex-row.float [class*=“fg-”] {
float: left; }
.flex-row.float::after {
display: block; clear: both; content: ""; }
.fg-xs-1, .fg-xs-2, .fg-xs-3, .fg-xs-4, .fg-xs-5, .fg-xs-6, .fg-xs-7, .fg-xs-8, .fg-xs-9, .fg-xs-10, .fg-xs-11, .fg-xs-12, .fg-sm-1, .fg-sm-2, .fg-sm-3, .fg-sm-4, .fg-sm-5, .fg-sm-6, .fg-sm-7, .fg-sm-8, .fg-sm-9, .fg-sm-10, .fg-sm-11, .fg-sm-12, .fg-md-1, .fg-md-2, .fg-md-3, .fg-md-4, .fg-md-5, .fg-md-6, .fg-md-7, .fg-md-8, .fg-md-9, .fg-md-10, .fg-md-11, .fg-md-12, .fg-lg-1, .fg-lg-2, .fg-lg-3, .fg-lg-4, .fg-lg-5, .fg-lg-6, .fg-lg-7, .fg-lg-8, .fg-lg-9, .fg-lg-10, .fg-lg-11, .fg-lg-12, .fg-xl-1, .fg-xl-2, .fg-xl-3, .fg-xl-4, .fg-xl-5, .fg-xl-6, .fg-xl-7, .fg-xl-8, .fg-xl-9, .fg-xl-10, .fg-xl-11, .fg-xl-12, .fgc-1 .fg, .fgc-2 .fg, .fgc-3 .fg, .fgc-4 .fg, .fgc-5 .fg, .fgc-6 .fg, .fgc-7 .fg, .fgc-8 .fg, .fgc-9 .fg, .fgc-10 .fg, .fgc-11 .fg, .fgc-12 .fg {
position: relative; width: 100%; padding-left: 10px; padding-right: 10px; }
.fg-1 {
max-width: 8.33333%; flex: 0 0 8.33333%; }
.fg-2 {
max-width: 16.66667%; flex: 0 0 16.66667%; }
.fg-3 {
max-width: 25%; flex: 0 0 25%; }
.fg-4 {
max-width: 33.33333%; flex: 0 0 33.33333%; }
.fg-5 {
max-width: 41.66667%; flex: 0 0 41.66667%; }
.fg-6 {
max-width: 50%; flex: 0 0 50%; }
.fg-7 {
max-width: 58.33333%; flex: 0 0 58.33333%; }
.fg-8 {
max-width: 66.66667%; flex: 0 0 66.66667%; }
.fg-9 {
max-width: 75%; flex: 0 0 75%; }
.fg-10 {
max-width: 83.33333%; flex: 0 0 83.33333%; }
.fg-11 {
max-width: 91.66667%; flex: 0 0 91.66667%; }
.fg-12 {
max-width: 100%; flex: 0 0 100%; }
@media (min-width: 0px) {
.fgc-1 .fg { max-width: 100%; flex: 0 0 100%; } }
@media (min-width: 768px) {
.fgc-1 .fg { max-width: 100%; flex: 0 0 100%; } }
@media (min-width: 0px) {
.fgc-2 .fg { max-width: 100%; flex: 0 0 100%; } }
@media (min-width: 768px) {
.fgc-2 .fg { max-width: 50%; flex: 0 0 50%; } }
@media (min-width: 0px) {
.fgc-3 .fg { max-width: 100%; flex: 0 0 100%; } }
@media (min-width: 768px) {
.fgc-3 .fg { max-width: 33.33333%; flex: 0 0 33.33333%; } }
@media (min-width: 0px) {
.fgc-4 .fg { max-width: 100%; flex: 0 0 100%; } }
@media (min-width: 768px) {
.fgc-4 .fg { max-width: 25%; flex: 0 0 25%; } }
@media (min-width: 0px) {
.fgc-5 .fg { max-width: 100%; flex: 0 0 100%; } }
@media (min-width: 768px) {
.fgc-5 .fg { max-width: 20%; flex: 0 0 20%; } }
@media (min-width: 0px) {
.fgc-6 .fg { max-width: 100%; flex: 0 0 100%; } }
@media (min-width: 768px) {
.fgc-6 .fg { max-width: 16.66667%; flex: 0 0 16.66667%; } }
@media (min-width: 0px) {
.fgc-7 .fg { max-width: 100%; flex: 0 0 100%; } }
@media (min-width: 768px) {
.fgc-7 .fg { max-width: 14.28571%; flex: 0 0 14.28571%; } }
@media (min-width: 0px) {
.fgc-8 .fg { max-width: 100%; flex: 0 0 100%; } }
@media (min-width: 768px) {
.fgc-8 .fg { max-width: 12.5%; flex: 0 0 12.5%; } }
@media (min-width: 0px) {
.fgc-9 .fg { max-width: 100%; flex: 0 0 100%; } }
@media (min-width: 768px) {
.fgc-9 .fg { max-width: 11.11111%; flex: 0 0 11.11111%; } }
@media (min-width: 0px) {
.fgc-10 .fg { max-width: 100%; flex: 0 0 100%; } }
@media (min-width: 768px) {
.fgc-10 .fg { max-width: 10%; flex: 0 0 10%; } }
@media (min-width: 0px) {
.fgc-11 .fg { max-width: 100%; flex: 0 0 100%; } }
@media (min-width: 768px) {
.fgc-11 .fg { max-width: 9.09091%; flex: 0 0 9.09091%; } }
@media (min-width: 0px) {
.fgc-12 .fg { max-width: 100%; flex: 0 0 100%; } }
@media (min-width: 768px) {
.fgc-12 .fg { max-width: 8.33333%; flex: 0 0 8.33333%; } }
@media (min-width: 0px) {
.fg-xs-1 { max-width: 8.33333%; flex: 0 0 8.33333%; } .fg-xs-2 { max-width: 16.66667%; flex: 0 0 16.66667%; } .fg-xs-3 { max-width: 25%; flex: 0 0 25%; } .fg-xs-4 { max-width: 33.33333%; flex: 0 0 33.33333%; } .fg-xs-5 { max-width: 41.66667%; flex: 0 0 41.66667%; } .fg-xs-6 { max-width: 50%; flex: 0 0 50%; } .fg-xs-7 { max-width: 58.33333%; flex: 0 0 58.33333%; } .fg-xs-8 { max-width: 66.66667%; flex: 0 0 66.66667%; } .fg-xs-9 { max-width: 75%; flex: 0 0 75%; } .fg-xs-10 { max-width: 83.33333%; flex: 0 0 83.33333%; } .fg-xs-11 { max-width: 91.66667%; flex: 0 0 91.66667%; } .fg-xs-12 { max-width: 100%; flex: 0 0 100%; } }
@media (min-width: 768px) {
.fg-sm-1 { max-width: 8.33333%; flex: 0 0 8.33333%; } .fg-sm-2 { max-width: 16.66667%; flex: 0 0 16.66667%; } .fg-sm-3 { max-width: 25%; flex: 0 0 25%; } .fg-sm-4 { max-width: 33.33333%; flex: 0 0 33.33333%; } .fg-sm-5 { max-width: 41.66667%; flex: 0 0 41.66667%; } .fg-sm-6 { max-width: 50%; flex: 0 0 50%; } .fg-sm-7 { max-width: 58.33333%; flex: 0 0 58.33333%; } .fg-sm-8 { max-width: 66.66667%; flex: 0 0 66.66667%; } .fg-sm-9 { max-width: 75%; flex: 0 0 75%; } .fg-sm-10 { max-width: 83.33333%; flex: 0 0 83.33333%; } .fg-sm-11 { max-width: 91.66667%; flex: 0 0 91.66667%; } .fg-sm-12 { max-width: 100%; flex: 0 0 100%; } }
@media (min-width: 1024px) {
.fg-md-1 { max-width: 8.33333%; flex: 0 0 8.33333%; } .fg-md-2 { max-width: 16.66667%; flex: 0 0 16.66667%; } .fg-md-3 { max-width: 25%; flex: 0 0 25%; } .fg-md-4 { max-width: 33.33333%; flex: 0 0 33.33333%; } .fg-md-5 { max-width: 41.66667%; flex: 0 0 41.66667%; } .fg-md-6 { max-width: 50%; flex: 0 0 50%; } .fg-md-7 { max-width: 58.33333%; flex: 0 0 58.33333%; } .fg-md-8 { max-width: 66.66667%; flex: 0 0 66.66667%; } .fg-md-9 { max-width: 75%; flex: 0 0 75%; } .fg-md-10 { max-width: 83.33333%; flex: 0 0 83.33333%; } .fg-md-11 { max-width: 91.66667%; flex: 0 0 91.66667%; } .fg-md-12 { max-width: 100%; flex: 0 0 100%; } }
@media (min-width: 1279px) {
.fg-lg-1 { max-width: 8.33333%; flex: 0 0 8.33333%; } .fg-lg-2 { max-width: 16.66667%; flex: 0 0 16.66667%; } .fg-lg-3 { max-width: 25%; flex: 0 0 25%; } .fg-lg-4 { max-width: 33.33333%; flex: 0 0 33.33333%; } .fg-lg-5 { max-width: 41.66667%; flex: 0 0 41.66667%; } .fg-lg-6 { max-width: 50%; flex: 0 0 50%; } .fg-lg-7 { max-width: 58.33333%; flex: 0 0 58.33333%; } .fg-lg-8 { max-width: 66.66667%; flex: 0 0 66.66667%; } .fg-lg-9 { max-width: 75%; flex: 0 0 75%; } .fg-lg-10 { max-width: 83.33333%; flex: 0 0 83.33333%; } .fg-lg-11 { max-width: 91.66667%; flex: 0 0 91.66667%; } .fg-lg-12 { max-width: 100%; flex: 0 0 100%; } }
@media (min-width: 1366px) {
.fg-xl-1 { max-width: 8.33333%; flex: 0 0 8.33333%; } .fg-xl-2 { max-width: 16.66667%; flex: 0 0 16.66667%; } .fg-xl-3 { max-width: 25%; flex: 0 0 25%; } .fg-xl-4 { max-width: 33.33333%; flex: 0 0 33.33333%; } .fg-xl-5 { max-width: 41.66667%; flex: 0 0 41.66667%; } .fg-xl-6 { max-width: 50%; flex: 0 0 50%; } .fg-xl-7 { max-width: 58.33333%; flex: 0 0 58.33333%; } .fg-xl-8 { max-width: 66.66667%; flex: 0 0 66.66667%; } .fg-xl-9 { max-width: 75%; flex: 0 0 75%; } .fg-xl-10 { max-width: 83.33333%; flex: 0 0 83.33333%; } .fg-xl-11 { max-width: 91.66667%; flex: 0 0 91.66667%; } .fg-xl-12 { max-width: 100%; flex: 0 0 100%; } }
@media (min-width: 0px) {
.d-flex-xs { display: flex; } .d-inline-flex-xs { display: inline-flex; } .flex-d-row-xs { flex-direction: row; } .flex-d-row-reverse-xs { flex-direction: row-reverse; } .flex-d-column-xs { flex-direction: column; } .flex-d-column-reverse-xs { flex-direction: column-reverse; } .flex-wrap-xs { flex-wrap: wrap; } .flex-wrap-reverse-xs { flex-wrap: wrap-reverse; } .flex-nowrap-xs { flex-wrap: nowrap; } .flex-flow-rw-xs { flex-flow: row wrap; } .flex-flow-rrw-xs { flex-flow: row-reverse wrap; } .flex-flow-rnw-xs { flex-flow: row nowrap; } .flex-flow-rrnw-xs { flex-flow: row-reverse nowrap; } .flex-flow-cw-xs { flex-flow: column wrap; } .flex-flow-crw-xs { flex-flow: column-reverse wrap; } .flex-flow-cnw-xs { flex-flow: column nowrap; } .flex-flow-crnw-xs { flex-flow: column-reverse nowrap; } .justify-content-start-xs { justify-content: flex-start; } .justify-content-end-xs { justify-content: flex-end; } .justify-content-center-xs { justify-content: center; } .justify-content-baseline-xs { justify-content: baseline; } .justify-content-around-xs { justify-content: space-around; } .justify-content-between-xs { justify-content: space-between; } .align-items-start-xs { align-items: flex-start; } .align-items-end-xs { align-items: flex-end; } .align-items-center-xs { align-items: center; } .align-items-baseline-xs { align-items: baseline; } .align-items-stretch-xs { align-items: stretch; } .align-self-start-xs { align-self: flex-start; } .align-self-end-xs { align-self: flex-end; } .align-self-center-xs { align-self: center; } .align-self-baseline-xs { align-self: baseline; } .align-self-stretch-xs { align-self: stretch; } .align-content-start-xs { align-content: flex-start; } .align-content-end-xs { align-content: flex-end; } .align-content-center-xs { align-content: center; } .align-content-between-xs { align-content: space-between; } .align-content-around-xs { align-content: space-around; } .flex-order-first-xs { order: -1; } .flex-order-last-xs { order: 1; } .flex-order-unordered-xs { order: 0; } .flex-ml-auto-xs { margin-left: auto; } .flex-mr-auto-xs { margin-right: auto; } .flex-mt-auto-xs { margin-top: auto; } .flex-mb-auto-xs { margin-bottom: auto; } }
@media (min-width: 768px) {
.d-flex-sm { display: flex; } .d-inline-flex-sm { display: inline-flex; } .flex-d-row-sm { flex-direction: row; } .flex-d-row-reverse-sm { flex-direction: row-reverse; } .flex-d-column-sm { flex-direction: column; } .flex-d-column-reverse-sm { flex-direction: column-reverse; } .flex-wrap-sm { flex-wrap: wrap; } .flex-wrap-reverse-sm { flex-wrap: wrap-reverse; } .flex-nowrap-sm { flex-wrap: nowrap; } .flex-flow-rw-sm { flex-flow: row wrap; } .flex-flow-rrw-sm { flex-flow: row-reverse wrap; } .flex-flow-rnw-sm { flex-flow: row nowrap; } .flex-flow-rrnw-sm { flex-flow: row-reverse nowrap; } .flex-flow-cw-sm { flex-flow: column wrap; } .flex-flow-crw-sm { flex-flow: column-reverse wrap; } .flex-flow-cnw-sm { flex-flow: column nowrap; } .flex-flow-crnw-sm { flex-flow: column-reverse nowrap; } .justify-content-start-sm { justify-content: flex-start; } .justify-content-end-sm { justify-content: flex-end; } .justify-content-center-sm { justify-content: center; } .justify-content-baseline-sm { justify-content: baseline; } .justify-content-around-sm { justify-content: space-around; } .justify-content-between-sm { justify-content: space-between; } .align-items-start-sm { align-items: flex-start; } .align-items-end-sm { align-items: flex-end; } .align-items-center-sm { align-items: center; } .align-items-baseline-sm { align-items: baseline; } .align-items-stretch-sm { align-items: stretch; } .align-self-start-sm { align-self: flex-start; } .align-self-end-sm { align-self: flex-end; } .align-self-center-sm { align-self: center; } .align-self-baseline-sm { align-self: baseline; } .align-self-stretch-sm { align-self: stretch; } .align-content-start-sm { align-content: flex-start; } .align-content-end-sm { align-content: flex-end; } .align-content-center-sm { align-content: center; } .align-content-between-sm { align-content: space-between; } .align-content-around-sm { align-content: space-around; } .flex-order-first-sm { order: -1; } .flex-order-last-sm { order: 1; } .flex-order-unordered-sm { order: 0; } .flex-ml-auto-sm { margin-left: auto; } .flex-mr-auto-sm { margin-right: auto; } .flex-mt-auto-sm { margin-top: auto; } .flex-mb-auto-sm { margin-bottom: auto; } }
@media (min-width: 1024px) {
.d-flex-md { display: flex; } .d-inline-flex-md { display: inline-flex; } .flex-d-row-md { flex-direction: row; } .flex-d-row-reverse-md { flex-direction: row-reverse; } .flex-d-column-md { flex-direction: column; } .flex-d-column-reverse-md { flex-direction: column-reverse; } .flex-wrap-md { flex-wrap: wrap; } .flex-wrap-reverse-md { flex-wrap: wrap-reverse; } .flex-nowrap-md { flex-wrap: nowrap; } .flex-flow-rw-md { flex-flow: row wrap; } .flex-flow-rrw-md { flex-flow: row-reverse wrap; } .flex-flow-rnw-md { flex-flow: row nowrap; } .flex-flow-rrnw-md { flex-flow: row-reverse nowrap; } .flex-flow-cw-md { flex-flow: column wrap; } .flex-flow-crw-md { flex-flow: column-reverse wrap; } .flex-flow-cnw-md { flex-flow: column nowrap; } .flex-flow-crnw-md { flex-flow: column-reverse nowrap; } .justify-content-start-md { justify-content: flex-start; } .justify-content-end-md { justify-content: flex-end; } .justify-content-center-md { justify-content: center; } .justify-content-baseline-md { justify-content: baseline; } .justify-content-around-md { justify-content: space-around; } .justify-content-between-md { justify-content: space-between; } .align-items-start-md { align-items: flex-start; } .align-items-end-md { align-items: flex-end; } .align-items-center-md { align-items: center; } .align-items-baseline-md { align-items: baseline; } .align-items-stretch-md { align-items: stretch; } .align-self-start-md { align-self: flex-start; } .align-self-end-md { align-self: flex-end; } .align-self-center-md { align-self: center; } .align-self-baseline-md { align-self: baseline; } .align-self-stretch-md { align-self: stretch; } .align-content-start-md { align-content: flex-start; } .align-content-end-md { align-content: flex-end; } .align-content-center-md { align-content: center; } .align-content-between-md { align-content: space-between; } .align-content-around-md { align-content: space-around; } .flex-order-first-md { order: -1; } .flex-order-last-md { order: 1; } .flex-order-unordered-md { order: 0; } .flex-ml-auto-md { margin-left: auto; } .flex-mr-auto-md { margin-right: auto; } .flex-mt-auto-md { margin-top: auto; } .flex-mb-auto-md { margin-bottom: auto; } }
@media (min-width: 1279px) {
.d-flex-lg { display: flex; } .d-inline-flex-lg { display: inline-flex; } .flex-d-row-lg { flex-direction: row; } .flex-d-row-reverse-lg { flex-direction: row-reverse; } .flex-d-column-lg { flex-direction: column; } .flex-d-column-reverse-lg { flex-direction: column-reverse; } .flex-wrap-lg { flex-wrap: wrap; } .flex-wrap-reverse-lg { flex-wrap: wrap-reverse; } .flex-nowrap-lg { flex-wrap: nowrap; } .flex-flow-rw-lg { flex-flow: row wrap; } .flex-flow-rrw-lg { flex-flow: row-reverse wrap; } .flex-flow-rnw-lg { flex-flow: row nowrap; } .flex-flow-rrnw-lg { flex-flow: row-reverse nowrap; } .flex-flow-cw-lg { flex-flow: column wrap; } .flex-flow-crw-lg { flex-flow: column-reverse wrap; } .flex-flow-cnw-lg { flex-flow: column nowrap; } .flex-flow-crnw-lg { flex-flow: column-reverse nowrap; } .justify-content-start-lg { justify-content: flex-start; } .justify-content-end-lg { justify-content: flex-end; } .justify-content-center-lg { justify-content: center; } .justify-content-baseline-lg { justify-content: baseline; } .justify-content-around-lg { justify-content: space-around; } .justify-content-between-lg { justify-content: space-between; } .align-items-start-lg { align-items: flex-start; } .align-items-end-lg { align-items: flex-end; } .align-items-center-lg { align-items: center; } .align-items-baseline-lg { align-items: baseline; } .align-items-stretch-lg { align-items: stretch; } .align-self-start-lg { align-self: flex-start; } .align-self-end-lg { align-self: flex-end; } .align-self-center-lg { align-self: center; } .align-self-baseline-lg { align-self: baseline; } .align-self-stretch-lg { align-self: stretch; } .align-content-start-lg { align-content: flex-start; } .align-content-end-lg { align-content: flex-end; } .align-content-center-lg { align-content: center; } .align-content-between-lg { align-content: space-between; } .align-content-around-lg { align-content: space-around; } .flex-order-first-lg { order: -1; } .flex-order-last-lg { order: 1; } .flex-order-unordered-lg { order: 0; } .flex-ml-auto-lg { margin-left: auto; } .flex-mr-auto-lg { margin-right: auto; } .flex-mt-auto-lg { margin-top: auto; } .flex-mb-auto-lg { margin-bottom: auto; } }
@media (min-width: 1366px) {
.d-flex-xl { display: flex; } .d-inline-flex-xl { display: inline-flex; } .flex-d-row-xl { flex-direction: row; } .flex-d-row-reverse-xl { flex-direction: row-reverse; } .flex-d-column-xl { flex-direction: column; } .flex-d-column-reverse-xl { flex-direction: column-reverse; } .flex-wrap-xl { flex-wrap: wrap; } .flex-wrap-reverse-xl { flex-wrap: wrap-reverse; } .flex-nowrap-xl { flex-wrap: nowrap; } .flex-flow-rw-xl { flex-flow: row wrap; } .flex-flow-rrw-xl { flex-flow: row-reverse wrap; } .flex-flow-rnw-xl { flex-flow: row nowrap; } .flex-flow-rrnw-xl { flex-flow: row-reverse nowrap; } .flex-flow-cw-xl { flex-flow: column wrap; } .flex-flow-crw-xl { flex-flow: column-reverse wrap; } .flex-flow-cnw-xl { flex-flow: column nowrap; } .flex-flow-crnw-xl { flex-flow: column-reverse nowrap; } .justify-content-start-xl { justify-content: flex-start; } .justify-content-end-xl { justify-content: flex-end; } .justify-content-center-xl { justify-content: center; } .justify-content-baseline-xl { justify-content: baseline; } .justify-content-around-xl { justify-content: space-around; } .justify-content-between-xl { justify-content: space-between; } .align-items-start-xl { align-items: flex-start; } .align-items-end-xl { align-items: flex-end; } .align-items-center-xl { align-items: center; } .align-items-baseline-xl { align-items: baseline; } .align-items-stretch-xl { align-items: stretch; } .align-self-start-xl { align-self: flex-start; } .align-self-end-xl { align-self: flex-end; } .align-self-center-xl { align-self: center; } .align-self-baseline-xl { align-self: baseline; } .align-self-stretch-xl { align-self: stretch; } .align-content-start-xl { align-content: flex-start; } .align-content-end-xl { align-content: flex-end; } .align-content-center-xl { align-content: center; } .align-content-between-xl { align-content: space-between; } .align-content-around-xl { align-content: space-around; } .flex-order-first-xl { order: -1; } .flex-order-last-xl { order: 1; } .flex-order-unordered-xl { order: 0; } .flex-ml-auto-xl { margin-left: auto; } .flex-mr-auto-xl { margin-right: auto; } .flex-mt-auto-xl { margin-top: auto; } .flex-mb-auto-xl { margin-bottom: auto; } }
.d-flex {
display: flex; }
.d-inline-flex {
display: inline-flex; }
.flex-d-row {
flex-direction: row; }
.flex-d-row-reverse {
flex-direction: row-reverse; }
.flex-d-column {
flex-direction: column; }
.flex-d-column-reverse {
flex-direction: column-reverse; }
.flex-wrap {
flex-wrap: wrap; }
.flex-wrap-reverse {
flex-wrap: wrap-reverse; }
.flex-nowrap {
flex-wrap: nowrap; }
.flex-flow-rw {
flex-flow: row wrap; }
.flex-flow-rrw {
flex-flow: row-reverse wrap; }
.flex-flow-rnw {
flex-flow: row nowrap; }
.flex-flow-rrnw {
flex-flow: row-reverse nowrap; }
.flex-flow-cw {
flex-flow: column wrap; }
.flex-flow-crw {
flex-flow: column-reverse wrap; }
.flex-flow-cnw {
flex-flow: column nowrap; }
.flex-flow-crnw {
flex-flow: column-reverse nowrap; }
.justify-content-start {
justify-content: flex-start; }
.justify-content-end {
justify-content: flex-end; }
.justify-content-center {
justify-content: center; }
.justify-content-baseline {
justify-content: baseline; }
.justify-content-around {
justify-content: space-around; }
.justify-content-between {
justify-content: space-between; }
.align-items-start {
align-items: flex-start; }
.align-items-end {
align-items: flex-end; }
.align-items-center {
align-items: center; }
.align-items-baseline {
align-items: baseline; }
.align-items-stretch {
align-items: stretch; }
.align-self-start {
align-self: flex-start; }
.align-self-end {
align-self: flex-end; }
.align-self-center {
align-self: center; }
.align-self-baseline {
align-self: baseline; }
.align-self-stretch {
align-self: stretch; }
.align-content-start {
align-content: flex-start; }
.align-content-end {
align-content: flex-end; }
.align-content-center {
align-content: center; }
.align-content-between {
align-content: space-between; }
.align-content-around {
align-content: space-around; }
.flex-order-first {
order: -1; }
.flex-order-last {
order: 1; }
.flex-order-unordered {
order: 0; }
.flex-ml-auto {
margin-left: auto; }
.flex-mr-auto {
margin-right: auto; }
.flex-mt-auto {
margin-top: auto; }
.flex-mb-auto {
margin-bottom: auto; }
@media (min-width: 0px) {
.hidden-xs { display: none; } .opacity-0-xs { opacity: 0; } }
@media (min-width: 768px) {
.hidden-sm { display: none; } .opacity-0-sm { opacity: 0; } }
@media (min-width: 1024px) {
.hidden-md { display: none; } .opacity-0-md { opacity: 0; } }
@media (min-width: 1279px) {
.hidden-lg { display: none; } .opacity-0-lg { opacity: 0; } }
@media (min-width: 1366px) {
.hidden-xl { display: none; } .opacity-0-xl { opacity: 0; } }
.br-100 {
border-radius: 100%; overflow: hidden; }
.br-20 {
border-radius: 20px; overflow: hidden; }
.br-10 {
border-radius: 10px; overflow: hidden; }
.br-5 {
border-radius: 5px; overflow: hidden; }
.ta-c {
text-align: center; }
.ta-l {
text-align: left; }
.ta-r {
text-align: right; }
.w-100 {
width: 100%; }
.w-75 {
width: 75%; }
.w-50 {
width: 50%; }
.w-auto {
width: auto; }
.opacity-0 {
opacity: 0; }
.opacity-25 {
opacity: .25; }
.opacity-50 {
opacity: .50; }
.opacity-75 {
opacity: .75; }
.opacity-100 {
opacity: 1; }
.absolute {
position: absolute; }
.relative {
position: relative; }
.top {
top: 0; }
.right {
right: 0; }
.bottom {
bottom: 0; }
.left {
left: 0; }
.m-0 {
margin: 0px; }
.m-10 {
margin: 10px; }
.m-20 {
margin: 20px; }
.m-30 {
margin: 30px; }
.m-40 {
margin: 40px; }
.mt-0 {
margin-top: 0px; }
.mt-10 {
margin-top: 10px; }
.mt-20 {
margin-top: 20px; }
.mt-30 {
margin-top: 30px; }
.mt-40 {
margin-top: 40px; }
.mr-0 {
margin-right: 0px; }
.mr-10 {
margin-right: 10px; }
.mr-20 {
margin-right: 20px; }
.mr-30 {
margin-right: 30px; }
.mr-40 {
margin-right: 40px; }
.mb-0 {
margin-bottom: 0px; }
.mb-10 {
margin-bottom: 10px; }
.mb-20 {
margin-bottom: 20px; }
.mb-30 {
margin-bottom: 30px; }
.mb-40 {
margin-bottom: 40px; }
.ml-0 {
margin-left: 0px; }
.ml-10 {
margin-left: 10px; }
.ml-20 {
margin-left: 20px; }
.ml-30 {
margin-left: 30px; }
.ml-40 {
margin-left: 40px; }
.m-10 {
margin: 10px; }
.m-20 {
margin: 20px; }
.m-30 {
margin: 30px; }
.m-40 {
margin: 40px; }
.p-0 {
padding: 0px; }
.p-10 {
padding: 10px; }
.p-20 {
padding: 20px; }
.p-30 {
padding: 30px; }
.p-40 {
padding: 40px; }
.pt-0 {
padding-top: 0px; }
.pt-10 {
padding-top: 10px; }
.pt-20 {
padding-top: 20px; }
.pt-30 {
padding-top: 30px; }
.pt-40 {
padding-top: 40px; }
.pr-0 {
padding-right: 0px; }
.pr-10 {
padding-right: 10px; }
.pr-20 {
padding-right: 20px; }
.pr-30 {
padding-right: 30px; }
.pr-40 {
padding-right: 40px; }
.pb-0 {
padding-bottom: 0px; }
.pb-10 {
padding-bottom: 10px; }
.pb-20 {
padding-bottom: 20px; }
.pb-30 {
padding-bottom: 30px; }
.pb-40 {
padding-bottom: 40px; }
.pl-0 {
padding-left: 0px; }
.pl-10 {
padding-left: 10px; }
.pl-20 {
padding-left: 20px; }
.pl-30 {
padding-left: 30px; }
.pl-40 {
padding-left: 40px; }
.p-10 {
padding: 10px; }
.p-20 {
padding: 20px; }
.p-30 {
padding: 30px; }
.p-40 {
padding: 40px; }
@media (min-width: 0px) {
.m-0-xs { margin: 0px; } .m-10-xs { margin: 10px; } .m-20-xs { margin: 20px; } .m-30-xs { margin: 30px; } .m-40-xs { margin: 40px; } .mt-0-xs { margin-top: 0px; } .mt-10-xs { margin-top: 10px; } .mt-20-xs { margin-top: 20px; } .mt-30-xs { margin-top: 30px; } .mt-40-xs { margin-top: 40px; } .mr-0-xs { margin-right: 0px; } .mr-10-xs { margin-right: 10px; } .mr-20-xs { margin-right: 20px; } .mr-30-xs { margin-right: 30px; } .mr-40-xs { margin-right: 40px; } .mb-0-xs { margin-bottom: 0px; } .mb-10-xs { margin-bottom: 10px; } .mb-20-xs { margin-bottom: 20px; } .mb-30-xs { margin-bottom: 30px; } .mb-40-xs { margin-bottom: 40px; } .ml-0-xs { margin-left: 0px; } .ml-10-xs { margin-left: 10px; } .ml-20-xs { margin-left: 20px; } .ml-30-xs { margin-left: 30px; } .ml-40-xs { margin-left: 40px; } .m-xs-10 { margin: 10px; } .m-xs-20 { margin: 20px; } .m-xs-30 { margin: 30px; } .m-xs-40 { margin: 40px; } .p-0-xs { padding: 0px; } .p-10-xs { padding: 10px; } .p-20-xs { padding: 20px; } .p-30-xs { padding: 30px; } .p-40-xs { padding: 40px; } .pt-0-xs { padding-top: 0px; } .pt-10-xs { padding-top: 10px; } .pt-20-xs { padding-top: 20px; } .pt-30-xs { padding-top: 30px; } .pt-40-xs { padding-top: 40px; } .pr-0-xs { padding-right: 0px; } .pr-10-xs { padding-right: 10px; } .pr-20-xs { padding-right: 20px; } .pr-30-xs { padding-right: 30px; } .pr-40-xs { padding-right: 40px; } .pb-0-xs { padding-bottom: 0px; } .pb-10-xs { padding-bottom: 10px; } .pb-20-xs { padding-bottom: 20px; } .pb-30-xs { padding-bottom: 30px; } .pb-40-xs { padding-bottom: 40px; } .pl-0-xs { padding-left: 0px; } .pl-10-xs { padding-left: 10px; } .pl-20-xs { padding-left: 20px; } .pl-30-xs { padding-left: 30px; } .pl-40-xs { padding-left: 40px; } .p-xs-10 { padding: 10px; } .p-xs-20 { padding: 20px; } .p-xs-30 { padding: 30px; } .p-xs-40 { padding: 40px; } .opacity-0-xs { opacity: 0; } .opacity-25-xs { opacity: .25; } .opacity-50-xs { opacity: .50; } .opacity-75-xs { opacity: .75; } .opacity-100-xs { opacity: 1; } .absolute-xs { position: absolute; } .relative-xs { position: relative; } .top-xs { top: 0; } .right-xs { right: 0; } .bottom-xs { bottom: 0; } .left-xs { left: 0; } }
@media (min-width: 768px) {
.m-0-sm { margin: 0px; } .m-10-sm { margin: 10px; } .m-20-sm { margin: 20px; } .m-30-sm { margin: 30px; } .m-40-sm { margin: 40px; } .mt-0-sm { margin-top: 0px; } .mt-10-sm { margin-top: 10px; } .mt-20-sm { margin-top: 20px; } .mt-30-sm { margin-top: 30px; } .mt-40-sm { margin-top: 40px; } .mr-0-sm { margin-right: 0px; } .mr-10-sm { margin-right: 10px; } .mr-20-sm { margin-right: 20px; } .mr-30-sm { margin-right: 30px; } .mr-40-sm { margin-right: 40px; } .mb-0-sm { margin-bottom: 0px; } .mb-10-sm { margin-bottom: 10px; } .mb-20-sm { margin-bottom: 20px; } .mb-30-sm { margin-bottom: 30px; } .mb-40-sm { margin-bottom: 40px; } .ml-0-sm { margin-left: 0px; } .ml-10-sm { margin-left: 10px; } .ml-20-sm { margin-left: 20px; } .ml-30-sm { margin-left: 30px; } .ml-40-sm { margin-left: 40px; } .m-sm-10 { margin: 10px; } .m-sm-20 { margin: 20px; } .m-sm-30 { margin: 30px; } .m-sm-40 { margin: 40px; } .p-0-sm { padding: 0px; } .p-10-sm { padding: 10px; } .p-20-sm { padding: 20px; } .p-30-sm { padding: 30px; } .p-40-sm { padding: 40px; } .pt-0-sm { padding-top: 0px; } .pt-10-sm { padding-top: 10px; } .pt-20-sm { padding-top: 20px; } .pt-30-sm { padding-top: 30px; } .pt-40-sm { padding-top: 40px; } .pr-0-sm { padding-right: 0px; } .pr-10-sm { padding-right: 10px; } .pr-20-sm { padding-right: 20px; } .pr-30-sm { padding-right: 30px; } .pr-40-sm { padding-right: 40px; } .pb-0-sm { padding-bottom: 0px; } .pb-10-sm { padding-bottom: 10px; } .pb-20-sm { padding-bottom: 20px; } .pb-30-sm { padding-bottom: 30px; } .pb-40-sm { padding-bottom: 40px; } .pl-0-sm { padding-left: 0px; } .pl-10-sm { padding-left: 10px; } .pl-20-sm { padding-left: 20px; } .pl-30-sm { padding-left: 30px; } .pl-40-sm { padding-left: 40px; } .p-sm-10 { padding: 10px; } .p-sm-20 { padding: 20px; } .p-sm-30 { padding: 30px; } .p-sm-40 { padding: 40px; } .opacity-0-sm { opacity: 0; } .opacity-25-sm { opacity: .25; } .opacity-50-sm { opacity: .50; } .opacity-75-sm { opacity: .75; } .opacity-100-sm { opacity: 1; } .absolute-sm { position: absolute; } .relative-sm { position: relative; } .top-sm { top: 0; } .right-sm { right: 0; } .bottom-sm { bottom: 0; } .left-sm { left: 0; } }
@media (min-width: 1024px) {
.m-0-md { margin: 0px; } .m-10-md { margin: 10px; } .m-20-md { margin: 20px; } .m-30-md { margin: 30px; } .m-40-md { margin: 40px; } .mt-0-md { margin-top: 0px; } .mt-10-md { margin-top: 10px; } .mt-20-md { margin-top: 20px; } .mt-30-md { margin-top: 30px; } .mt-40-md { margin-top: 40px; } .mr-0-md { margin-right: 0px; } .mr-10-md { margin-right: 10px; } .mr-20-md { margin-right: 20px; } .mr-30-md { margin-right: 30px; } .mr-40-md { margin-right: 40px; } .mb-0-md { margin-bottom: 0px; } .mb-10-md { margin-bottom: 10px; } .mb-20-md { margin-bottom: 20px; } .mb-30-md { margin-bottom: 30px; } .mb-40-md { margin-bottom: 40px; } .ml-0-md { margin-left: 0px; } .ml-10-md { margin-left: 10px; } .ml-20-md { margin-left: 20px; } .ml-30-md { margin-left: 30px; } .ml-40-md { margin-left: 40px; } .m-md-10 { margin: 10px; } .m-md-20 { margin: 20px; } .m-md-30 { margin: 30px; } .m-md-40 { margin: 40px; } .p-0-md { padding: 0px; } .p-10-md { padding: 10px; } .p-20-md { padding: 20px; } .p-30-md { padding: 30px; } .p-40-md { padding: 40px; } .pt-0-md { padding-top: 0px; } .pt-10-md { padding-top: 10px; } .pt-20-md { padding-top: 20px; } .pt-30-md { padding-top: 30px; } .pt-40-md { padding-top: 40px; } .pr-0-md { padding-right: 0px; } .pr-10-md { padding-right: 10px; } .pr-20-md { padding-right: 20px; } .pr-30-md { padding-right: 30px; } .pr-40-md { padding-right: 40px; } .pb-0-md { padding-bottom: 0px; } .pb-10-md { padding-bottom: 10px; } .pb-20-md { padding-bottom: 20px; } .pb-30-md { padding-bottom: 30px; } .pb-40-md { padding-bottom: 40px; } .pl-0-md { padding-left: 0px; } .pl-10-md { padding-left: 10px; } .pl-20-md { padding-left: 20px; } .pl-30-md { padding-left: 30px; } .pl-40-md { padding-left: 40px; } .p-md-10 { padding: 10px; } .p-md-20 { padding: 20px; } .p-md-30 { padding: 30px; } .p-md-40 { padding: 40px; } .opacity-0-md { opacity: 0; } .opacity-25-md { opacity: .25; } .opacity-50-md { opacity: .50; } .opacity-75-md { opacity: .75; } .opacity-100-md { opacity: 1; } .absolute-md { position: absolute; } .relative-md { position: relative; } .top-md { top: 0; } .right-md { right: 0; } .bottom-md { bottom: 0; } .left-md { left: 0; } }
@media (min-width: 1279px) {
.m-0-lg { margin: 0px; } .m-10-lg { margin: 10px; } .m-20-lg { margin: 20px; } .m-30-lg { margin: 30px; } .m-40-lg { margin: 40px; } .mt-0-lg { margin-top: 0px; } .mt-10-lg { margin-top: 10px; } .mt-20-lg { margin-top: 20px; } .mt-30-lg { margin-top: 30px; } .mt-40-lg { margin-top: 40px; } .mr-0-lg { margin-right: 0px; } .mr-10-lg { margin-right: 10px; } .mr-20-lg { margin-right: 20px; } .mr-30-lg { margin-right: 30px; } .mr-40-lg { margin-right: 40px; } .mb-0-lg { margin-bottom: 0px; } .mb-10-lg { margin-bottom: 10px; } .mb-20-lg { margin-bottom: 20px; } .mb-30-lg { margin-bottom: 30px; } .mb-40-lg { margin-bottom: 40px; } .ml-0-lg { margin-left: 0px; } .ml-10-lg { margin-left: 10px; } .ml-20-lg { margin-left: 20px; } .ml-30-lg { margin-left: 30px; } .ml-40-lg { margin-left: 40px; } .m-lg-10 { margin: 10px; } .m-lg-20 { margin: 20px; } .m-lg-30 { margin: 30px; } .m-lg-40 { margin: 40px; } .p-0-lg { padding: 0px; } .p-10-lg { padding: 10px; } .p-20-lg { padding: 20px; } .p-30-lg { padding: 30px; } .p-40-lg { padding: 40px; } .pt-0-lg { padding-top: 0px; } .pt-10-lg { padding-top: 10px; } .pt-20-lg { padding-top: 20px; } .pt-30-lg { padding-top: 30px; } .pt-40-lg { padding-top: 40px; } .pr-0-lg { padding-right: 0px; } .pr-10-lg { padding-right: 10px; } .pr-20-lg { padding-right: 20px; } .pr-30-lg { padding-right: 30px; } .pr-40-lg { padding-right: 40px; } .pb-0-lg { padding-bottom: 0px; } .pb-10-lg { padding-bottom: 10px; } .pb-20-lg { padding-bottom: 20px; } .pb-30-lg { padding-bottom: 30px; } .pb-40-lg { padding-bottom: 40px; } .pl-0-lg { padding-left: 0px; } .pl-10-lg { padding-left: 10px; } .pl-20-lg { padding-left: 20px; } .pl-30-lg { padding-left: 30px; } .pl-40-lg { padding-left: 40px; } .p-lg-10 { padding: 10px; } .p-lg-20 { padding: 20px; } .p-lg-30 { padding: 30px; } .p-lg-40 { padding: 40px; } .opacity-0-lg { opacity: 0; } .opacity-25-lg { opacity: .25; } .opacity-50-lg { opacity: .50; } .opacity-75-lg { opacity: .75; } .opacity-100-lg { opacity: 1; } .absolute-lg { position: absolute; } .relative-lg { position: relative; } .top-lg { top: 0; } .right-lg { right: 0; } .bottom-lg { bottom: 0; } .left-lg { left: 0; } }
@media (min-width: 1366px) {
.m-0-xl { margin: 0px; } .m-10-xl { margin: 10px; } .m-20-xl { margin: 20px; } .m-30-xl { margin: 30px; } .m-40-xl { margin: 40px; } .mt-0-xl { margin-top: 0px; } .mt-10-xl { margin-top: 10px; } .mt-20-xl { margin-top: 20px; } .mt-30-xl { margin-top: 30px; } .mt-40-xl { margin-top: 40px; } .mr-0-xl { margin-right: 0px; } .mr-10-xl { margin-right: 10px; } .mr-20-xl { margin-right: 20px; } .mr-30-xl { margin-right: 30px; } .mr-40-xl { margin-right: 40px; } .mb-0-xl { margin-bottom: 0px; } .mb-10-xl { margin-bottom: 10px; } .mb-20-xl { margin-bottom: 20px; } .mb-30-xl { margin-bottom: 30px; } .mb-40-xl { margin-bottom: 40px; } .ml-0-xl { margin-left: 0px; } .ml-10-xl { margin-left: 10px; } .ml-20-xl { margin-left: 20px; } .ml-30-xl { margin-left: 30px; } .ml-40-xl { margin-left: 40px; } .m-xl-10 { margin: 10px; } .m-xl-20 { margin: 20px; } .m-xl-30 { margin: 30px; } .m-xl-40 { margin: 40px; } .p-0-xl { padding: 0px; } .p-10-xl { padding: 10px; } .p-20-xl { padding: 20px; } .p-30-xl { padding: 30px; } .p-40-xl { padding: 40px; } .pt-0-xl { padding-top: 0px; } .pt-10-xl { padding-top: 10px; } .pt-20-xl { padding-top: 20px; } .pt-30-xl { padding-top: 30px; } .pt-40-xl { padding-top: 40px; } .pr-0-xl { padding-right: 0px; } .pr-10-xl { padding-right: 10px; } .pr-20-xl { padding-right: 20px; } .pr-30-xl { padding-right: 30px; } .pr-40-xl { padding-right: 40px; } .pb-0-xl { padding-bottom: 0px; } .pb-10-xl { padding-bottom: 10px; } .pb-20-xl { padding-bottom: 20px; } .pb-30-xl { padding-bottom: 30px; } .pb-40-xl { padding-bottom: 40px; } .pl-0-xl { padding-left: 0px; } .pl-10-xl { padding-left: 10px; } .pl-20-xl { padding-left: 20px; } .pl-30-xl { padding-left: 30px; } .pl-40-xl { padding-left: 40px; } .p-xl-10 { padding: 10px; } .p-xl-20 { padding: 20px; } .p-xl-30 { padding: 30px; } .p-xl-40 { padding: 40px; } .opacity-0-xl { opacity: 0; } .opacity-25-xl { opacity: .25; } .opacity-50-xl { opacity: .50; } .opacity-75-xl { opacity: .75; } .opacity-100-xl { opacity: 1; } .absolute-xl { position: absolute; } .relative-xl { position: relative; } .top-xl { top: 0; } .right-xl { right: 0; } .bottom-xl { bottom: 0; } .left-xl { left: 0; } }
.mp-0 .flex-row {
margin: 0px; } .mp-0 .flex-row [class*="fg-"] { padding: 0px; }