/*=======================================
containers
=======================================*/
/*=======================================
grid layout
=======================================*/
.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_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: 480px) {
    .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: 768px) {
    .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;
    }
  }
  /*=======================================
  Display NONE
  =======================================*/
  @media (max-width: 767px) {
    .flo_hidden_sm {
      display: none !important;
    }
  }
  @media (max-width: 991px) {
    .flo_hidden_md {
      display: none !important;
    }
  }
  @media (max-width: 1023px) {
    .flo_hidden_lg {
      display: none !important;
    }
  }
  @media (max-width: 1199px) {
    .flo_hidden_xl {
      display: none !important;
    }
  }
  @media (min-width: 1401px) {
    .flo_hidden_xxl {
      display: none !important;
    }
  }
  [class*=flo_show_] {
    display: none !important;
  }
  
  @media (min-width: 768px) {
    .flo_show_sm {
      display: block !important;
    }
  }
  @media (min-width: 992px) {
    .flo_show_md {
      display: block !important;
    }
  }
  @media (min-width: 1025px) {
    .flo_show_lg {
      display: block !important;
    }
  }
  @media (min-width: 1201px) {
    .flo_show_xl {
      display: block !important;
    }
  }
  @media (min-width: 1401px) {
    .flo_show_xxl {
      display: block !important;
    }
  }
  /*=======================================
  DISPLAY FLEX
  =======================================*/
  .flo_flex {
    display: flex;
  }
  
  .flo_flex_dir_col {
    display: flex;
    flex-direction: column;
  }
  
  .flo_flex_dir_col_down {
    justify-content: flex-end;
    height: 100%;
  }
  
  .flo_flex_end {
    justify-content: flex-end;
  }
  
  .flo_flex_dir_col_center {
    justify-content: center;
    height: 100%;
  }
  
  .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: 767px) {
    .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;
    }
    .flo_flex_sm {
      display: flex;
    }
    .flo_flex_dir_col_sm {
      flex-direction: column;
    }
  }
  @media (max-width: 991px) {
    .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;
    }
    .flo_flex_md {
      display: flex;
    }
    .flo_flex_dir_col_md {
      flex-direction: column;
    }
  }
  @media (max-width: 1023px) {
    .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;
    }
    .flo_flex_lg {
      display: flex;
    }
    .flo_flex_dir_col_lg {
      flex-direction: column;
    }
  }
  @media (max-width: 1199px) {
    .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;
    }
    .flo_flex_xl {
      display: flex;
    }
    .flo_flex_dir_col_xl {
      flex-direction: column;
    }
  }
  @media (max-width: 1399px) {
    .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;
    }
    .flo_flex_xxl {
      display: flex;
    }
    .flo_flex_dir_col_xxl {
      flex-direction: column;
    }
  }
  .flo_flex_col_sb {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
  }
  
  /*=======================================
  height
  =======================================*/
  .flo_h_100 {
    height: 100%;
  }
  
  /*=======================================
  gap
  =======================================*/
  /*=======================================
  grid offset
  =======================================*/
  .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: 768px) {
    .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;
    }
  }
  /*=======================================
  space
  =======================================*/
  /* margin */
  /*=======================================
  list items
  =======================================*/
  .flo_list_clear {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  
  /*=======================================
  text
  =======================================*/
  .flo_text_center {
    text-align: center;
  }
  
  /*=======================================
  position
  =======================================*/
  .flo_relative {
    position: relative;
  }