[class*=flo_row] {
  gap: 20px;
}

.flo_row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}

.flo_row_2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.flo_row_3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.flo_row_4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.flo_row_5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}

.flo_row_6 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}

.flo_row_7 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}

.flo_row_8 {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
}

.flo_row_9 {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
}

.flo_row_10 {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
}

.flo_row_11 {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
}

[class*=flo_col_xxs_],
[class*=flo_col_xs_],
[class*=flo_col_sm_],
[class*=flo_col_md_],
[class*=flo_col_lg_],
[class*=flo_col_xl_],
[class*=flo_col_xxl_] {
  grid-column-start: span 12;
  grid-column-end: span 12;
  max-width: 100%;
}

.flo_col_1 {
  grid-column-start: span 1;
  grid-column-end: span 1;
}

.flo_col_2 {
  grid-column-start: span 2;
  grid-column-end: span 2;
}

.flo_col_3 {
  grid-column-start: span 3;
  grid-column-end: span 3;
}

.flo_col_4 {
  grid-column-start: span 4;
  grid-column-end: span 4;
}

.flo_col_5 {
  grid-column-start: span 5;
  grid-column-end: span 5;
}

.flo_col_6 {
  grid-column-start: span 6;
  grid-column-end: span 6;
}

.flo_col_7 {
  grid-column-start: span 7;
  grid-column-end: span 7;
}

.flo_col_8 {
  grid-column-start: span 8;
  grid-column-end: span 8;
}

.flo_col_9 {
  grid-column-start: span 9;
  grid-column-end: span 9;
}

.flo_col_10 {
  grid-column-start: span 10;
  grid-column-end: span 10;
}

.flo_col_11 {
  grid-column-start: span 11;
  grid-column-end: span 11;
}

.flo_col_12 {
  grid-column-start: span 12;
  grid-column-end: span 12;
}

@media (min-width: 481px) {
  .flo_col_xxs_1 {
    grid-column-start: span 1;
    grid-column-end: span 1;
  }
  .flo_col_xxs_2 {
    grid-column-start: span 2;
    grid-column-end: span 2;
  }
  .flo_col_xxs_3 {
    grid-column-start: span 3;
    grid-column-end: span 3;
  }
  .flo_col_xxs_4 {
    grid-column-start: span 4;
    grid-column-end: span 4;
  }
  .flo_col_xxs_5 {
    grid-column-start: span 5;
    grid-column-end: span 5;
  }
  .flo_col_xxs_6 {
    grid-column-start: span 6;
    grid-column-end: span 6;
  }
  .flo_col_xxs_7 {
    grid-column-start: span 7;
    grid-column-end: span 7;
  }
  .flo_col_xxs_8 {
    grid-column-start: span 8;
    grid-column-end: span 8;
  }
  .flo_col_xxs_9 {
    grid-column-start: span 9;
    grid-column-end: span 9;
  }
  .flo_col_xxs_10 {
    grid-column-start: span 10;
    grid-column-end: span 10;
  }
  .flo_col_xxs_11 {
    grid-column-start: span 11;
    grid-column-end: span 11;
  }
  .flo_col_xxs_12 {
    grid-column-start: span 12;
    grid-column-end: span 12;
  }
}
@media (min-width: 577px) {
  .flo_col_xs_1 {
    grid-column-start: span 1;
    grid-column-end: span 1;
  }
  .flo_col_xs_2 {
    grid-column-start: span 2;
    grid-column-end: span 2;
  }
  .flo_col_xs_3 {
    grid-column-start: span 3;
    grid-column-end: span 3;
  }
  .flo_col_xs_4 {
    grid-column-start: span 4;
    grid-column-end: span 4;
  }
  .flo_col_xs_5 {
    grid-column-start: span 5;
    grid-column-end: span 5;
  }
  .flo_col_xs_6 {
    grid-column-start: span 6;
    grid-column-end: span 6;
  }
  .flo_col_xs_7 {
    grid-column-start: span 7;
    grid-column-end: span 7;
  }
  .flo_col_xs_8 {
    grid-column-start: span 8;
    grid-column-end: span 8;
  }
  .flo_col_xs_9 {
    grid-column-start: span 9;
    grid-column-end: span 9;
  }
  .flo_col_xs_10 {
    grid-column-start: span 10;
    grid-column-end: span 10;
  }
  .flo_col_xs_11 {
    grid-column-start: span 11;
    grid-column-end: span 11;
  }
  .flo_col_xs_12 {
    grid-column-start: span 12;
    grid-column-end: span 12;
  }
}
@media (min-width: 769px) {
  .flo_col_sm_1 {
    grid-column-start: span 1;
    grid-column-end: span 1;
  }
  .flo_col_sm_2 {
    grid-column-start: span 2;
    grid-column-end: span 2;
  }
  .flo_col_sm_3 {
    grid-column-start: span 3;
    grid-column-end: span 3;
  }
  .flo_col_sm_4 {
    grid-column-start: span 4;
    grid-column-end: span 4;
  }
  .flo_col_sm_5 {
    grid-column-start: span 5;
    grid-column-end: span 5;
  }
  .flo_col_sm_6 {
    grid-column-start: span 6;
    grid-column-end: span 6;
  }
  .flo_col_sm_7 {
    grid-column-start: span 7;
    grid-column-end: span 7;
  }
  .flo_col_sm_8 {
    grid-column-start: span 8;
    grid-column-end: span 8;
  }
  .flo_col_sm_9 {
    grid-column-start: span 9;
    grid-column-end: span 9;
  }
  .flo_col_sm_10 {
    grid-column-start: span 10;
    grid-column-end: span 10;
  }
  .flo_col_sm_11 {
    grid-column-start: span 11;
    grid-column-end: span 11;
  }
  .flo_col_sm_12 {
    grid-column-start: span 12;
    grid-column-end: span 12;
  }
}
@media (min-width: 992px) {
  .flo_col_md_1 {
    grid-column-start: span 1;
    grid-column-end: span 1;
  }
  .flo_col_md_2 {
    grid-column-start: span 2;
    grid-column-end: span 2;
  }
  .flo_col_md_3 {
    grid-column-start: span 3;
    grid-column-end: span 3;
  }
  .flo_col_md_4 {
    grid-column-start: span 4;
    grid-column-end: span 4;
  }
  .flo_col_md_5 {
    grid-column-start: span 5;
    grid-column-end: span 5;
  }
  .flo_col_md_6 {
    grid-column-start: span 6;
    grid-column-end: span 6;
  }
  .flo_col_md_7 {
    grid-column-start: span 7;
    grid-column-end: span 7;
  }
  .flo_col_md_8 {
    grid-column-start: span 8;
    grid-column-end: span 8;
  }
  .flo_col_md_9 {
    grid-column-start: span 9;
    grid-column-end: span 9;
  }
  .flo_col_md_10 {
    grid-column-start: span 10;
    grid-column-end: span 10;
  }
  .flo_col_md_11 {
    grid-column-start: span 11;
    grid-column-end: span 11;
  }
  .flo_col_md_12 {
    grid-column-start: span 12;
    grid-column-end: span 12;
  }
}
@media (min-width: 1025px) {
  .flo_col_lg_1 {
    grid-column-start: span 1;
    grid-column-end: span 1;
  }
  .flo_col_lg_2 {
    grid-column-start: span 2;
    grid-column-end: span 2;
  }
  .flo_col_lg_3 {
    grid-column-start: span 3;
    grid-column-end: span 3;
  }
  .flo_col_lg_4 {
    grid-column-start: span 4;
    grid-column-end: span 4;
  }
  .flo_col_lg_5 {
    grid-column-start: span 5;
    grid-column-end: span 5;
  }
  .flo_col_lg_6 {
    grid-column-start: span 6;
    grid-column-end: span 6;
  }
  .flo_col_lg_7 {
    grid-column-start: span 7;
    grid-column-end: span 7;
  }
  .flo_col_lg_8 {
    grid-column-start: span 8;
    grid-column-end: span 8;
  }
  .flo_col_lg_9 {
    grid-column-start: span 9;
    grid-column-end: span 9;
  }
  .flo_col_lg_10 {
    grid-column-start: span 10;
    grid-column-end: span 10;
  }
  .flo_col_lg_11 {
    grid-column-start: span 11;
    grid-column-end: span 11;
  }
  .flo_col_lg_12 {
    grid-column-start: span 12;
    grid-column-end: span 12;
  }
}
@media (min-width: 1201px) {
  .flo_col_xl_1 {
    grid-column-start: span 1;
    grid-column-end: span 1;
  }
  .flo_col_xl_2 {
    grid-column-start: span 2;
    grid-column-end: span 2;
  }
  .flo_col_xl_3 {
    grid-column-start: span 3;
    grid-column-end: span 3;
  }
  .flo_col_xl_4 {
    grid-column-start: span 4;
    grid-column-end: span 4;
  }
  .flo_col_xl_5 {
    grid-column-start: span 5;
    grid-column-end: span 5;
  }
  .flo_col_xl_6 {
    grid-column-start: span 6;
    grid-column-end: span 6;
  }
  .flo_col_xl_7 {
    grid-column-start: span 7;
    grid-column-end: span 7;
  }
  .flo_col_xl_8 {
    grid-column-start: span 8;
    grid-column-end: span 8;
  }
  .flo_col_xl_9 {
    grid-column-start: span 9;
    grid-column-end: span 9;
  }
  .flo_col_xl_10 {
    grid-column-start: span 10;
    grid-column-end: span 10;
  }
  .flo_col_xl_11 {
    grid-column-start: span 11;
    grid-column-end: span 11;
  }
  .flo_col_xl_12 {
    grid-column-start: span 12;
    grid-column-end: span 12;
  }
}
@media (min-width: 1401px) {
  .flo_col_xxl_1 {
    grid-column-start: span 1;
    grid-column-end: span 1;
  }
  .flo_col_xxl_2 {
    grid-column-start: span 2;
    grid-column-end: span 2;
  }
  .flo_col_xxl_3 {
    grid-column-start: span 3;
    grid-column-end: span 3;
  }
  .flo_col_xxl_4 {
    grid-column-start: span 4;
    grid-column-end: span 4;
  }
  .flo_col_xxl_5 {
    grid-column-start: span 5;
    grid-column-end: span 5;
  }
  .flo_col_xxl_6 {
    grid-column-start: span 6;
    grid-column-end: span 6;
  }
  .flo_col_xxl_7 {
    grid-column-start: span 7;
    grid-column-end: span 7;
  }
  .flo_col_xxl_8 {
    grid-column-start: span 8;
    grid-column-end: span 8;
  }
  .flo_col_xxl_9 {
    grid-column-start: span 9;
    grid-column-end: span 9;
  }
  .flo_col_xxl_10 {
    grid-column-start: span 10;
    grid-column-end: span 10;
  }
  .flo_col_xxl_11 {
    grid-column-start: span 11;
    grid-column-end: span 11;
  }
  .flo_col_xxl_12 {
    grid-column-start: span 12;
    grid-column-end: span 12;
  }
}
.flo_offset__0 {
  grid-column-start: unset;
}

.flo_offset_1 {
  grid-column-start: 1;
}

.flo_offset_2 {
  grid-column-start: 2;
}

.flo_offset_3 {
  grid-column-start: 3;
}

.flo_offset_4 {
  grid-column-start: 4;
}

.flo_offset_5 {
  grid-column-start: 5;
}

.flo_offset_6 {
  grid-column-start: 6;
}

.flo_offset_7 {
  grid-column-start: 7;
}

.flo_offset_8 {
  grid-column-start: 8;
}

.flo_offset_9 {
  grid-column-start: 9;
}

.flo_offset_10 {
  grid-column-start: 10;
}

.flo_offset_11 {
  grid-column-start: 11;
}

.flo_offset_12 {
  grid-column-start: 12;
}

@media (min-width: 481px) {
  .flo_offset_xxs_0 {
    grid-column-start: unset;
  }
  .flo_offset_xxs_1 {
    grid-column-start: 1;
  }
  .flo_offset_xxs_2 {
    grid-column-start: 2;
  }
  .flo_offset_xxs_3 {
    grid-column-start: 3;
  }
  .flo_offset_xxs_4 {
    grid-column-start: 4;
  }
  .flo_offset_xxs_5 {
    grid-column-start: 5;
  }
  .flo_offset_xxs_6 {
    grid-column-start: 6;
  }
  .flo_offset_xxs_7 {
    grid-column-start: 7;
  }
  .flo_offset_xxs_8 {
    grid-column-start: 8;
  }
  .flo_offset_xxs_9 {
    grid-column-start: 9;
  }
  .flo_offset_xxs_10 {
    grid-column-start: 10;
  }
  .flo_offset_xxs_11 {
    grid-column-start: 11;
  }
  .flo_offset_xxs_12 {
    grid-column-start: 12;
  }
}
@media (min-width: 577px) {
  .flo_offset_xs_0 {
    grid-column-start: unset;
  }
  .flo_offset_xs_1 {
    grid-column-start: 1;
  }
  .flo_offset_xs_2 {
    grid-column-start: 2;
  }
  .flo_offset_xs_3 {
    grid-column-start: 3;
  }
  .flo_offset_xs_4 {
    grid-column-start: 4;
  }
  .flo_offset_xs_5 {
    grid-column-start: 5;
  }
  .flo_offset_xs_6 {
    grid-column-start: 6;
  }
  .flo_offset_xs_7 {
    grid-column-start: 7;
  }
  .flo_offset_xs_8 {
    grid-column-start: 8;
  }
  .flo_offset_xs_9 {
    grid-column-start: 9;
  }
  .flo_offset_xs_10 {
    grid-column-start: 10;
  }
  .flo_offset_xs_11 {
    grid-column-start: 11;
  }
  .flo_offset_xs_12 {
    grid-column-start: 12;
  }
}
@media (min-width: 769px) {
  .flo_offset_sm_0 {
    grid-column-start: unset;
  }
  .flo_offset_sm_1 {
    grid-column-start: 1;
  }
  .flo_offset_sm_2 {
    grid-column-start: 2;
  }
  .flo_offset_sm_3 {
    grid-column-start: 3;
  }
  .flo_offset_sm_4 {
    grid-column-start: 4;
  }
  .flo_offset_sm_5 {
    grid-column-start: 5;
  }
  .flo_offset_sm_6 {
    grid-column-start: 6;
  }
  .flo_offset_sm_7 {
    grid-column-start: 7;
  }
  .flo_offset_sm_8 {
    grid-column-start: 8;
  }
  .flo_offset_sm_9 {
    grid-column-start: 9;
  }
  .flo_offset_sm_10 {
    grid-column-start: 10;
  }
  .flo_offset_sm_11 {
    grid-column-start: 11;
  }
  .flo_offset_sm_12 {
    grid-column-start: 12;
  }
}
@media (min-width: 992px) {
  .flo_offset_md_0 {
    grid-column-start: unset;
  }
  .flo_offset_md_1 {
    grid-column-start: 1;
  }
  .flo_offset_md_2 {
    grid-column-start: 2;
  }
  .flo_offset_md_3 {
    grid-column-start: 3;
  }
  .flo_offset_md_4 {
    grid-column-start: 4;
  }
  .flo_offset_md_5 {
    grid-column-start: 5;
  }
  .flo_offset_md_6 {
    grid-column-start: 6;
  }
  .flo_offset_md_7 {
    grid-column-start: 7;
  }
  .flo_offset_md_8 {
    grid-column-start: 8;
  }
  .flo_offset_md_9 {
    grid-column-start: 9;
  }
  .flo_offset_md_10 {
    grid-column-start: 10;
  }
  .flo_offset_md_11 {
    grid-column-start: 11;
  }
  .flo_offset_md_12 {
    grid-column-start: 12;
  }
}
@media (min-width: 1025px) {
  .flo_offset_lg_0 {
    grid-column-start: unset;
  }
  .flo_offset_lg_1 {
    grid-column-start: 1;
  }
  .flo_offset_lg_2 {
    grid-column-start: 2;
  }
  .flo_offset_lg_3 {
    grid-column-start: 3;
  }
  .flo_offset_lg_4 {
    grid-column-start: 4;
  }
  .flo_offset_lg_5 {
    grid-column-start: 5;
  }
  .flo_offset_lg_6 {
    grid-column-start: 6;
  }
  .flo_offset_lg_7 {
    grid-column-start: 7;
  }
  .flo_offset_lg_8 {
    grid-column-start: 8;
  }
  .flo_offset_lg_9 {
    grid-column-start: 9;
  }
  .flo_offset_lg_10 {
    grid-column-start: 10;
  }
  .flo_offset_lg_11 {
    grid-column-start: 11;
  }
  .flo_offset_lg_12 {
    grid-column-start: 12;
  }
}
@media (min-width: 1201px) {
  .flo_offset_xl_0 {
    grid-column-start: unset;
  }
  .flo_offset_xl_1 {
    grid-column-start: 1;
  }
  .flo_offset_xl_2 {
    grid-column-start: 2;
  }
  .flo_offset_xl_3 {
    grid-column-start: 3;
  }
  .flo_offset_xl_4 {
    grid-column-start: 4;
  }
  .flo_offset_xl_5 {
    grid-column-start: 5;
  }
  .flo_offset_xl_6 {
    grid-column-start: 6;
  }
  .flo_offset_xl_7 {
    grid-column-start: 7;
  }
  .flo_offset_xl_8 {
    grid-column-start: 8;
  }
  .flo_offset_xl_9 {
    grid-column-start: 9;
  }
  .flo_offset_xl_10 {
    grid-column-start: 10;
  }
  .flo_offset_xl_11 {
    grid-column-start: 11;
  }
  .flo_offset_xl_12 {
    grid-column-start: 12;
  }
}
@media (min-width: 1401px) {
  .flo_offset_xxl_0 {
    grid-column-start: unset;
  }
  .flo_offset_xxl_1 {
    grid-column-start: 1;
  }
  .flo_offset_xxl_2 {
    grid-column-start: 2;
  }
  .flo_offset_xxl_3 {
    grid-column-start: 3;
  }
  .flo_offset_xxl_4 {
    grid-column-start: 4;
  }
  .flo_offset_xxl_5 {
    grid-column-start: 5;
  }
  .flo_offset_xxl_6 {
    grid-column-start: 6;
  }
  .flo_offset_xxl_7 {
    grid-column-start: 7;
  }
  .flo_offset_xxl_8 {
    grid-column-start: 8;
  }
  .flo_offset_xxl_9 {
    grid-column-start: 9;
  }
  .flo_offset_xxl_10 {
    grid-column-start: 10;
  }
  .flo_offset_xxl_11 {
    grid-column-start: 11;
  }
  .flo_offset_xxl_12 {
    grid-column-start: 12;
  }
}
.flo_flex {
  display: flex;
  flex-wrap: wrap;
}

.flo_flex_c {
  display: flex;
  flex-direction: column;
}

.flo_ai_c {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.flo_ai_s {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}

.flo_ai_e {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}

.flo_jc_c {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.flo_jc_s {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.flo_jc_e {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.flo_jc_sa {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.flo_jc_sb {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.flo_order_1 {
  order: 1;
}

.flo_order_2 {
  order: 2;
}

.flo_order_3 {
  order: 3;
}

.flo_order_4 {
  order: 4;
}

.flo_order_5 {
  order: 5;
}

.flo_order_6 {
  order: 6;
}

@media (max-width: 480px) {
  .flo_order_xxs_1 {
    order: 1;
  }
  .flo_order_xxs_2 {
    order: 2;
  }
  .flo_order_xxs_3 {
    order: 3;
  }
  .flo_order_xxs_4 {
    order: 4;
  }
  .flo_order_xxs_5 {
    order: 5;
  }
  .flo_order_xxs_6 {
    order: 6;
  }
}
@media (max-width: 576px) {
  .flo_order_xs_1 {
    order: 1;
  }
  .flo_order_xs_2 {
    order: 2;
  }
  .flo_order_xs_3 {
    order: 3;
  }
  .flo_order_xs_4 {
    order: 4;
  }
  .flo_order_xs_5 {
    order: 5;
  }
  .flo_order_xs_6 {
    order: 6;
  }
}
@media (max-width: 768px) {
  .flo_order_sm_1 {
    order: 1;
  }
  .flo_order_sm_2 {
    order: 2;
  }
  .flo_order_sm_3 {
    order: 3;
  }
  .flo_order_sm_4 {
    order: 4;
  }
  .flo_order_sm_5 {
    order: 5;
  }
  .flo_order_sm_6 {
    order: 6;
  }
}
@media (max-width: 991.95px) {
  .flo_order_md_1 {
    order: 1;
  }
  .flo_order_md_2 {
    order: 2;
  }
  .flo_order_md_3 {
    order: 3;
  }
  .flo_order_md_4 {
    order: 4;
  }
  .flo_order_md_5 {
    order: 5;
  }
  .flo_order_md_6 {
    order: 6;
  }
}
@media (max-width: 1024px) {
  .flo_order_lg_1 {
    order: 1;
  }
  .flo_order_lg_2 {
    order: 2;
  }
  .flo_order_lg_3 {
    order: 3;
  }
  .flo_order_lg_4 {
    order: 4;
  }
  .flo_order_lg_5 {
    order: 5;
  }
  .flo_order_lg_6 {
    order: 6;
  }
}
@media (max-width: 1200px) {
  .flo_order_xl_1 {
    order: 1;
  }
  .flo_order_xl_2 {
    order: 2;
  }
  .flo_order_xl_3 {
    order: 3;
  }
  .flo_order_xl_4 {
    order: 4;
  }
  .flo_order_xl_5 {
    order: 5;
  }
  .flo_order_xl_6 {
    order: 6;
  }
}
@media (max-width: 1400px) {
  .flo_order_xxl_1 {
    order: 1;
  }
  .flo_order_xxl_2 {
    order: 2;
  }
  .flo_order_xxl_3 {
    order: 3;
  }
  .flo_order_xxl_4 {
    order: 4;
  }
  .flo_order_xxl_5 {
    order: 5;
  }
  .flo_order_xxl_6 {
    order: 6;
  }
}
@media (max-width: 480px) {
  .flo_hidden_xxs {
    display: none !important;
  }
}
@media (max-width: 576px) {
  .flo_hidden_xs {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .flo_hidden_sm {
    display: none !important;
  }
}
@media (max-width: 991.95px) {
  .flo_hidden_md {
    display: none !important;
  }
}
@media (max-width: 1024px) {
  .flo_hidden_lg {
    display: none !important;
  }
}
@media (max-width: 1200px) {
  .flo_hidden_xl {
    display: none !important;
  }
}
@media (max-width: 1400px) {
  .flo_hidden_xxl {
    display: none !important;
  }
}
.flo_h_100 {
  height: 100%;
}

.flo_w_100 {
  width: 100%;
}

.flo_list {
  margin-left: 0;
  padding-left: 1em;
}

.flo_list li:not(:first-child) {
  margin-top: 0.5em;
}

.flo_list_clear {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/*=======================================
text
=======================================*/
.flo_text_center {
  text-align: center;
}

.flo_text_upper {
  text-transform: uppercase;
}

.flo_font_normal {
  font-weight: normal;
}

.flo_font_bold {
  font-weight: bold;
}

/*=======================================
position
=======================================*/
.flo_relative {
  position: relative;
}

/*=======================================
container type
=======================================*/
.flo_ct_is {
  container-type: inline-size;
}