/*$fS: 16px;*/
/*
    zet de scroll-axis die je wil gebruiken ($x en/of $y) op TRUE
*/
/*Images */
/* Icons */
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap");
.row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  grid-gap: 0rem;
}
.row.col1.c1_1 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
}
.row.col1.c1_2 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
}
.row.col1.c1_3 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
}
.row.col1.c1_4 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
}
.row.col1.c1_5 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
}
.row.col1.c1_6 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
}
.row.col1.c1_7 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
}
.row.col1.c1_8 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
}
.row.col1.c1_9 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
}
.row.col1.c1_10 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
}
.row.col1.c1_11 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
}
.row.col1.c1_12 > *:nth-child(1n+1) {
  width: 100% !important;
}
.row.col1.c2_1 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
}
.row.col1.c2_2 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
}
.row.col1.c2_3 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
}
.row.col1.c2_4 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
}
.row.col1.c2_5 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
}
.row.col1.c2_6 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
}
.row.col1.c2_7 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
}
.row.col1.c2_8 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
}
.row.col1.c2_9 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
}
.row.col1.c2_10 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
}
.row.col1.c2_11 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
}
.row.col1.c2_12 > *:nth-child(1n+2) {
  width: 100% !important;
}
.row.col1.c3_1 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
}
.row.col1.c3_2 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
}
.row.col1.c3_3 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
}
.row.col1.c3_4 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
}
.row.col1.c3_5 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
}
.row.col1.c3_6 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
}
.row.col1.c3_7 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
}
.row.col1.c3_8 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
}
.row.col1.c3_9 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
}
.row.col1.c3_10 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
}
.row.col1.c3_11 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
}
.row.col1.c3_12 > *:nth-child(1n+3) {
  width: 100% !important;
}
.row.col2.c1_1 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
}
.row.col2.c1_2 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
}
.row.col2.c1_3 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
}
.row.col2.c1_4 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
}
.row.col2.c1_5 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
}
.row.col2.c1_6 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
}
.row.col2.c1_7 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
}
.row.col2.c1_8 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
}
.row.col2.c1_9 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
}
.row.col2.c1_10 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
}
.row.col2.c1_11 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
}
.row.col2.c1_12 > *:nth-child(2n+1) {
  width: 100% !important;
}
.row.col2.c2_1 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
}
.row.col2.c2_2 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
}
.row.col2.c2_3 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
}
.row.col2.c2_4 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
}
.row.col2.c2_5 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
}
.row.col2.c2_6 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
}
.row.col2.c2_7 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
}
.row.col2.c2_8 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
}
.row.col2.c2_9 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
}
.row.col2.c2_10 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
}
.row.col2.c2_11 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
}
.row.col2.c2_12 > *:nth-child(2n+2) {
  width: 100% !important;
}
.row.col2.c3_1 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
}
.row.col2.c3_2 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
}
.row.col2.c3_3 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
}
.row.col2.c3_4 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
}
.row.col2.c3_5 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
}
.row.col2.c3_6 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
}
.row.col2.c3_7 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
}
.row.col2.c3_8 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
}
.row.col2.c3_9 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
}
.row.col2.c3_10 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
}
.row.col2.c3_11 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
}
.row.col2.c3_12 > *:nth-child(2n+3) {
  width: 100% !important;
}
.row.col3.c1_1 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
}
.row.col3.c1_2 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
}
.row.col3.c1_3 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
}
.row.col3.c1_4 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
}
.row.col3.c1_5 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
}
.row.col3.c1_6 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
}
.row.col3.c1_7 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
}
.row.col3.c1_8 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
}
.row.col3.c1_9 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
}
.row.col3.c1_10 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
}
.row.col3.c1_11 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
}
.row.col3.c1_12 > *:nth-child(3n+1) {
  width: 100% !important;
}
.row.col3.c2_1 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
}
.row.col3.c2_2 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
}
.row.col3.c2_3 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
}
.row.col3.c2_4 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
}
.row.col3.c2_5 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
}
.row.col3.c2_6 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
}
.row.col3.c2_7 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
}
.row.col3.c2_8 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
}
.row.col3.c2_9 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
}
.row.col3.c2_10 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
}
.row.col3.c2_11 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
}
.row.col3.c2_12 > *:nth-child(3n+2) {
  width: 100% !important;
}
.row.col3.c3_1 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
}
.row.col3.c3_2 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
}
.row.col3.c3_3 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
}
.row.col3.c3_4 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
}
.row.col3.c3_5 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
}
.row.col3.c3_6 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
}
.row.col3.c3_7 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
}
.row.col3.c3_8 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
}
.row.col3.c3_9 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
}
.row.col3.c3_10 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
}
.row.col3.c3_11 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
}
.row.col3.c3_12 > *:nth-child(3n+3) {
  width: 100% !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .row.col1.c1_1t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
  }
  .row.col1.c1_2t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
  }
  .row.col1.c1_3t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
  }
  .row.col1.c1_4t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
  }
  .row.col1.c1_5t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
  }
  .row.col1.c1_6t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
  }
  .row.col1.c1_7t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
  }
  .row.col1.c1_8t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
  }
  .row.col1.c1_9t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
  }
  .row.col1.c1_10t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
  }
  .row.col1.c1_11t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
  }
  .row.col1.c1_12t > *:nth-child(1n+1) {
    width: 100% !important;
  }
  .row.col1.c2_1t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
  }
  .row.col1.c2_2t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
  }
  .row.col1.c2_3t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
  }
  .row.col1.c2_4t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
  }
  .row.col1.c2_5t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
  }
  .row.col1.c2_6t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
  }
  .row.col1.c2_7t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
  }
  .row.col1.c2_8t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
  }
  .row.col1.c2_9t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
  }
  .row.col1.c2_10t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
  }
  .row.col1.c2_11t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
  }
  .row.col1.c2_12t > *:nth-child(1n+2) {
    width: 100% !important;
  }
  .row.col1.c3_1t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
  }
  .row.col1.c3_2t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
  }
  .row.col1.c3_3t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
  }
  .row.col1.c3_4t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
  }
  .row.col1.c3_5t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
  }
  .row.col1.c3_6t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
  }
  .row.col1.c3_7t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
  }
  .row.col1.c3_8t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
  }
  .row.col1.c3_9t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
  }
  .row.col1.c3_10t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
  }
  .row.col1.c3_11t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
  }
  .row.col1.c3_12t > *:nth-child(1n+3) {
    width: 100% !important;
  }
  .row.col2.c1_1t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
  }
  .row.col2.c1_2t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
  }
  .row.col2.c1_3t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
  }
  .row.col2.c1_4t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
  }
  .row.col2.c1_5t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
  }
  .row.col2.c1_6t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
  }
  .row.col2.c1_7t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
  }
  .row.col2.c1_8t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
  }
  .row.col2.c1_9t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
  }
  .row.col2.c1_10t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
  }
  .row.col2.c1_11t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
  }
  .row.col2.c1_12t > *:nth-child(2n+1) {
    width: 100% !important;
  }
  .row.col2.c2_1t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
  }
  .row.col2.c2_2t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
  }
  .row.col2.c2_3t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
  }
  .row.col2.c2_4t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
  }
  .row.col2.c2_5t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
  }
  .row.col2.c2_6t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
  }
  .row.col2.c2_7t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
  }
  .row.col2.c2_8t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
  }
  .row.col2.c2_9t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
  }
  .row.col2.c2_10t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
  }
  .row.col2.c2_11t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
  }
  .row.col2.c2_12t > *:nth-child(2n+2) {
    width: 100% !important;
  }
  .row.col2.c3_1t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
  }
  .row.col2.c3_2t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
  }
  .row.col2.c3_3t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
  }
  .row.col2.c3_4t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
  }
  .row.col2.c3_5t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
  }
  .row.col2.c3_6t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
  }
  .row.col2.c3_7t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
  }
  .row.col2.c3_8t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
  }
  .row.col2.c3_9t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
  }
  .row.col2.c3_10t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
  }
  .row.col2.c3_11t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
  }
  .row.col2.c3_12t > *:nth-child(2n+3) {
    width: 100% !important;
  }
  .row.col3.c1_1t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
  }
  .row.col3.c1_2t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
  }
  .row.col3.c1_3t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
  }
  .row.col3.c1_4t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
  }
  .row.col3.c1_5t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
  }
  .row.col3.c1_6t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
  }
  .row.col3.c1_7t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
  }
  .row.col3.c1_8t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
  }
  .row.col3.c1_9t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
  }
  .row.col3.c1_10t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
  }
  .row.col3.c1_11t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
  }
  .row.col3.c1_12t > *:nth-child(3n+1) {
    width: 100% !important;
  }
  .row.col3.c2_1t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
  }
  .row.col3.c2_2t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
  }
  .row.col3.c2_3t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
  }
  .row.col3.c2_4t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
  }
  .row.col3.c2_5t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
  }
  .row.col3.c2_6t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
  }
  .row.col3.c2_7t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
  }
  .row.col3.c2_8t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
  }
  .row.col3.c2_9t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
  }
  .row.col3.c2_10t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
  }
  .row.col3.c2_11t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
  }
  .row.col3.c2_12t > *:nth-child(3n+2) {
    width: 100% !important;
  }
  .row.col3.c3_1t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
  }
  .row.col3.c3_2t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
  }
  .row.col3.c3_3t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
  }
  .row.col3.c3_4t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
  }
  .row.col3.c3_5t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
  }
  .row.col3.c3_6t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
  }
  .row.col3.c3_7t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
  }
  .row.col3.c3_8t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
  }
  .row.col3.c3_9t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
  }
  .row.col3.c3_10t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
  }
  .row.col3.c3_11t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
  }
  .row.col3.c3_12t > *:nth-child(3n+3) {
    width: 100% !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .row.col1.c1_1p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
  }
  .row.col1.c1_2p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
  }
  .row.col1.c1_3p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
  }
  .row.col1.c1_4p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
  }
  .row.col1.c1_5p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
  }
  .row.col1.c1_6p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
  }
  .row.col1.c1_7p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
  }
  .row.col1.c1_8p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
  }
  .row.col1.c1_9p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
  }
  .row.col1.c1_10p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
  }
  .row.col1.c1_11p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
  }
  .row.col1.c1_12p > *:nth-child(1n+1) {
    width: 100% !important;
  }
  .row.col1.c2_1p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
  }
  .row.col1.c2_2p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
  }
  .row.col1.c2_3p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
  }
  .row.col1.c2_4p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
  }
  .row.col1.c2_5p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
  }
  .row.col1.c2_6p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
  }
  .row.col1.c2_7p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
  }
  .row.col1.c2_8p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
  }
  .row.col1.c2_9p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
  }
  .row.col1.c2_10p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
  }
  .row.col1.c2_11p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
  }
  .row.col1.c2_12p > *:nth-child(1n+2) {
    width: 100% !important;
  }
  .row.col1.c3_1p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
  }
  .row.col1.c3_2p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
  }
  .row.col1.c3_3p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
  }
  .row.col1.c3_4p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
  }
  .row.col1.c3_5p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
  }
  .row.col1.c3_6p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
  }
  .row.col1.c3_7p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
  }
  .row.col1.c3_8p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
  }
  .row.col1.c3_9p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
  }
  .row.col1.c3_10p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
  }
  .row.col1.c3_11p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
  }
  .row.col1.c3_12p > *:nth-child(1n+3) {
    width: 100% !important;
  }
  .row.col2.c1_1p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
  }
  .row.col2.c1_2p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
  }
  .row.col2.c1_3p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
  }
  .row.col2.c1_4p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
  }
  .row.col2.c1_5p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
  }
  .row.col2.c1_6p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
  }
  .row.col2.c1_7p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
  }
  .row.col2.c1_8p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
  }
  .row.col2.c1_9p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
  }
  .row.col2.c1_10p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
  }
  .row.col2.c1_11p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
  }
  .row.col2.c1_12p > *:nth-child(2n+1) {
    width: 100% !important;
  }
  .row.col2.c2_1p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
  }
  .row.col2.c2_2p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
  }
  .row.col2.c2_3p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
  }
  .row.col2.c2_4p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
  }
  .row.col2.c2_5p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
  }
  .row.col2.c2_6p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
  }
  .row.col2.c2_7p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
  }
  .row.col2.c2_8p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
  }
  .row.col2.c2_9p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
  }
  .row.col2.c2_10p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
  }
  .row.col2.c2_11p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
  }
  .row.col2.c2_12p > *:nth-child(2n+2) {
    width: 100% !important;
  }
  .row.col2.c3_1p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
  }
  .row.col2.c3_2p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
  }
  .row.col2.c3_3p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
  }
  .row.col2.c3_4p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
  }
  .row.col2.c3_5p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
  }
  .row.col2.c3_6p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
  }
  .row.col2.c3_7p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
  }
  .row.col2.c3_8p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
  }
  .row.col2.c3_9p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
  }
  .row.col2.c3_10p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
  }
  .row.col2.c3_11p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
  }
  .row.col2.c3_12p > *:nth-child(2n+3) {
    width: 100% !important;
  }
  .row.col3.c1_1p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
  }
  .row.col3.c1_2p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
  }
  .row.col3.c1_3p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
  }
  .row.col3.c1_4p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
  }
  .row.col3.c1_5p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
  }
  .row.col3.c1_6p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
  }
  .row.col3.c1_7p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
  }
  .row.col3.c1_8p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
  }
  .row.col3.c1_9p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
  }
  .row.col3.c1_10p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
  }
  .row.col3.c1_11p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
  }
  .row.col3.c1_12p > *:nth-child(3n+1) {
    width: 100% !important;
  }
  .row.col3.c2_1p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
  }
  .row.col3.c2_2p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
  }
  .row.col3.c2_3p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
  }
  .row.col3.c2_4p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
  }
  .row.col3.c2_5p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
  }
  .row.col3.c2_6p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
  }
  .row.col3.c2_7p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
  }
  .row.col3.c2_8p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
  }
  .row.col3.c2_9p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
  }
  .row.col3.c2_10p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
  }
  .row.col3.c2_11p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
  }
  .row.col3.c2_12p > *:nth-child(3n+2) {
    width: 100% !important;
  }
  .row.col3.c3_1p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
  }
  .row.col3.c3_2p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
  }
  .row.col3.c3_3p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
  }
  .row.col3.c3_4p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
  }
  .row.col3.c3_5p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
  }
  .row.col3.c3_6p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
  }
  .row.col3.c3_7p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
  }
  .row.col3.c3_8p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
  }
  .row.col3.c3_9p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
  }
  .row.col3.c3_10p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
  }
  .row.col3.c3_11p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
  }
  .row.col3.c3_12p > *:nth-child(3n+3) {
    width: 100% !important;
  }
}
.row.gap1 {
  grid-gap: 1rem;
}
.row.gap1.col1.c1_1 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
}
.row.gap1.col1.c1_2 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
}
.row.gap1.col1.c1_3 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
}
.row.gap1.col1.c1_4 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
}
.row.gap1.col1.c1_5 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
}
.row.gap1.col1.c1_6 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
}
.row.gap1.col1.c1_7 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
}
.row.gap1.col1.c1_8 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
}
.row.gap1.col1.c1_9 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
}
.row.gap1.col1.c1_10 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
}
.row.gap1.col1.c1_11 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
}
.row.gap1.col1.c1_12 > *:nth-child(1n+1) {
  width: 100% !important;
}
.row.gap1.col1.c2_1 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
}
.row.gap1.col1.c2_2 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
}
.row.gap1.col1.c2_3 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
}
.row.gap1.col1.c2_4 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
}
.row.gap1.col1.c2_5 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
}
.row.gap1.col1.c2_6 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
}
.row.gap1.col1.c2_7 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
}
.row.gap1.col1.c2_8 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
}
.row.gap1.col1.c2_9 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
}
.row.gap1.col1.c2_10 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
}
.row.gap1.col1.c2_11 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
}
.row.gap1.col1.c2_12 > *:nth-child(1n+2) {
  width: 100% !important;
}
.row.gap1.col1.c3_1 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
}
.row.gap1.col1.c3_2 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
}
.row.gap1.col1.c3_3 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
}
.row.gap1.col1.c3_4 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
}
.row.gap1.col1.c3_5 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
}
.row.gap1.col1.c3_6 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
}
.row.gap1.col1.c3_7 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
}
.row.gap1.col1.c3_8 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
}
.row.gap1.col1.c3_9 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
}
.row.gap1.col1.c3_10 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
}
.row.gap1.col1.c3_11 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
}
.row.gap1.col1.c3_12 > *:nth-child(1n+3) {
  width: 100% !important;
}
.row.gap1.col2.c1_1 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 1) - 0.5rem) !important;
}
.row.gap1.col2.c1_2 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 2) - 0.5rem) !important;
}
.row.gap1.col2.c1_3 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 3) - 0.5rem) !important;
}
.row.gap1.col2.c1_4 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 4) - 0.5rem) !important;
}
.row.gap1.col2.c1_5 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 5) - 0.5rem) !important;
}
.row.gap1.col2.c1_6 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 6) - 0.5rem) !important;
}
.row.gap1.col2.c1_7 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 7) - 0.5rem) !important;
}
.row.gap1.col2.c1_8 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 8) - 0.5rem) !important;
}
.row.gap1.col2.c1_9 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 9) - 0.5rem) !important;
}
.row.gap1.col2.c1_10 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 10) - 0.5rem) !important;
}
.row.gap1.col2.c1_11 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 11) - 0.5rem) !important;
}
.row.gap1.col2.c1_12 > *:nth-child(2n+1) {
  width: 100% !important;
}
.row.gap1.col2.c2_1 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 1) - 0.5rem) !important;
}
.row.gap1.col2.c2_2 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 2) - 0.5rem) !important;
}
.row.gap1.col2.c2_3 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 3) - 0.5rem) !important;
}
.row.gap1.col2.c2_4 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 4) - 0.5rem) !important;
}
.row.gap1.col2.c2_5 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 5) - 0.5rem) !important;
}
.row.gap1.col2.c2_6 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 6) - 0.5rem) !important;
}
.row.gap1.col2.c2_7 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 7) - 0.5rem) !important;
}
.row.gap1.col2.c2_8 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 8) - 0.5rem) !important;
}
.row.gap1.col2.c2_9 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 9) - 0.5rem) !important;
}
.row.gap1.col2.c2_10 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 10) - 0.5rem) !important;
}
.row.gap1.col2.c2_11 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 11) - 0.5rem) !important;
}
.row.gap1.col2.c2_12 > *:nth-child(2n+2) {
  width: 100% !important;
}
.row.gap1.col2.c3_1 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 1) - 0.5rem) !important;
}
.row.gap1.col2.c3_2 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 2) - 0.5rem) !important;
}
.row.gap1.col2.c3_3 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 3) - 0.5rem) !important;
}
.row.gap1.col2.c3_4 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 4) - 0.5rem) !important;
}
.row.gap1.col2.c3_5 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 5) - 0.5rem) !important;
}
.row.gap1.col2.c3_6 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 6) - 0.5rem) !important;
}
.row.gap1.col2.c3_7 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 7) - 0.5rem) !important;
}
.row.gap1.col2.c3_8 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 8) - 0.5rem) !important;
}
.row.gap1.col2.c3_9 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 9) - 0.5rem) !important;
}
.row.gap1.col2.c3_10 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 10) - 0.5rem) !important;
}
.row.gap1.col2.c3_11 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 11) - 0.5rem) !important;
}
.row.gap1.col2.c3_12 > *:nth-child(2n+3) {
  width: 100% !important;
}
.row.gap1.col3.c1_1 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 1) - 0.6666666667rem) !important;
}
.row.gap1.col3.c1_2 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 2) - 0.6666666667rem) !important;
}
.row.gap1.col3.c1_3 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 3) - 0.6666666667rem) !important;
}
.row.gap1.col3.c1_4 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 4) - 0.6666666667rem) !important;
}
.row.gap1.col3.c1_5 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 5) - 0.6666666667rem) !important;
}
.row.gap1.col3.c1_6 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 6) - 0.6666666667rem) !important;
}
.row.gap1.col3.c1_7 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 7) - 0.6666666667rem) !important;
}
.row.gap1.col3.c1_8 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 8) - 0.6666666667rem) !important;
}
.row.gap1.col3.c1_9 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 9) - 0.6666666667rem) !important;
}
.row.gap1.col3.c1_10 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 10) - 0.6666666667rem) !important;
}
.row.gap1.col3.c1_11 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 11) - 0.6666666667rem) !important;
}
.row.gap1.col3.c1_12 > *:nth-child(3n+1) {
  width: 100% !important;
}
.row.gap1.col3.c2_1 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 1) - 0.6666666667rem) !important;
}
.row.gap1.col3.c2_2 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 2) - 0.6666666667rem) !important;
}
.row.gap1.col3.c2_3 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 3) - 0.6666666667rem) !important;
}
.row.gap1.col3.c2_4 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 4) - 0.6666666667rem) !important;
}
.row.gap1.col3.c2_5 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 5) - 0.6666666667rem) !important;
}
.row.gap1.col3.c2_6 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 6) - 0.6666666667rem) !important;
}
.row.gap1.col3.c2_7 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 7) - 0.6666666667rem) !important;
}
.row.gap1.col3.c2_8 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 8) - 0.6666666667rem) !important;
}
.row.gap1.col3.c2_9 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 9) - 0.6666666667rem) !important;
}
.row.gap1.col3.c2_10 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 10) - 0.6666666667rem) !important;
}
.row.gap1.col3.c2_11 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 11) - 0.6666666667rem) !important;
}
.row.gap1.col3.c2_12 > *:nth-child(3n+2) {
  width: 100% !important;
}
.row.gap1.col3.c3_1 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 1) - 0.6666666667rem) !important;
}
.row.gap1.col3.c3_2 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 2) - 0.6666666667rem) !important;
}
.row.gap1.col3.c3_3 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 3) - 0.6666666667rem) !important;
}
.row.gap1.col3.c3_4 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 4) - 0.6666666667rem) !important;
}
.row.gap1.col3.c3_5 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 5) - 0.6666666667rem) !important;
}
.row.gap1.col3.c3_6 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 6) - 0.6666666667rem) !important;
}
.row.gap1.col3.c3_7 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 7) - 0.6666666667rem) !important;
}
.row.gap1.col3.c3_8 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 8) - 0.6666666667rem) !important;
}
.row.gap1.col3.c3_9 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 9) - 0.6666666667rem) !important;
}
.row.gap1.col3.c3_10 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 10) - 0.6666666667rem) !important;
}
.row.gap1.col3.c3_11 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 11) - 0.6666666667rem) !important;
}
.row.gap1.col3.c3_12 > *:nth-child(3n+3) {
  width: 100% !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .row.gap1.col1.c1_1t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
  }
  .row.gap1.col1.c1_2t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
  }
  .row.gap1.col1.c1_3t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
  }
  .row.gap1.col1.c1_4t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
  }
  .row.gap1.col1.c1_5t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
  }
  .row.gap1.col1.c1_6t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
  }
  .row.gap1.col1.c1_7t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
  }
  .row.gap1.col1.c1_8t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
  }
  .row.gap1.col1.c1_9t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
  }
  .row.gap1.col1.c1_10t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
  }
  .row.gap1.col1.c1_11t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
  }
  .row.gap1.col1.c1_12t > *:nth-child(1n+1) {
    width: 100% !important;
  }
  .row.gap1.col1.c2_1t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
  }
  .row.gap1.col1.c2_2t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
  }
  .row.gap1.col1.c2_3t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
  }
  .row.gap1.col1.c2_4t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
  }
  .row.gap1.col1.c2_5t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
  }
  .row.gap1.col1.c2_6t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
  }
  .row.gap1.col1.c2_7t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
  }
  .row.gap1.col1.c2_8t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
  }
  .row.gap1.col1.c2_9t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
  }
  .row.gap1.col1.c2_10t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
  }
  .row.gap1.col1.c2_11t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
  }
  .row.gap1.col1.c2_12t > *:nth-child(1n+2) {
    width: 100% !important;
  }
  .row.gap1.col1.c3_1t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
  }
  .row.gap1.col1.c3_2t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
  }
  .row.gap1.col1.c3_3t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
  }
  .row.gap1.col1.c3_4t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
  }
  .row.gap1.col1.c3_5t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
  }
  .row.gap1.col1.c3_6t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
  }
  .row.gap1.col1.c3_7t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
  }
  .row.gap1.col1.c3_8t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
  }
  .row.gap1.col1.c3_9t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
  }
  .row.gap1.col1.c3_10t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
  }
  .row.gap1.col1.c3_11t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
  }
  .row.gap1.col1.c3_12t > *:nth-child(1n+3) {
    width: 100% !important;
  }
  .row.gap1.col2.c1_1t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 1) - 0.5rem) !important;
  }
  .row.gap1.col2.c1_2t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 2) - 0.5rem) !important;
  }
  .row.gap1.col2.c1_3t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 3) - 0.5rem) !important;
  }
  .row.gap1.col2.c1_4t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 4) - 0.5rem) !important;
  }
  .row.gap1.col2.c1_5t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 5) - 0.5rem) !important;
  }
  .row.gap1.col2.c1_6t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 6) - 0.5rem) !important;
  }
  .row.gap1.col2.c1_7t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 7) - 0.5rem) !important;
  }
  .row.gap1.col2.c1_8t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 8) - 0.5rem) !important;
  }
  .row.gap1.col2.c1_9t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 9) - 0.5rem) !important;
  }
  .row.gap1.col2.c1_10t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 10) - 0.5rem) !important;
  }
  .row.gap1.col2.c1_11t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 11) - 0.5rem) !important;
  }
  .row.gap1.col2.c1_12t > *:nth-child(2n+1) {
    width: 100% !important;
  }
  .row.gap1.col2.c2_1t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 1) - 0.5rem) !important;
  }
  .row.gap1.col2.c2_2t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 2) - 0.5rem) !important;
  }
  .row.gap1.col2.c2_3t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 3) - 0.5rem) !important;
  }
  .row.gap1.col2.c2_4t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 4) - 0.5rem) !important;
  }
  .row.gap1.col2.c2_5t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 5) - 0.5rem) !important;
  }
  .row.gap1.col2.c2_6t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 6) - 0.5rem) !important;
  }
  .row.gap1.col2.c2_7t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 7) - 0.5rem) !important;
  }
  .row.gap1.col2.c2_8t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 8) - 0.5rem) !important;
  }
  .row.gap1.col2.c2_9t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 9) - 0.5rem) !important;
  }
  .row.gap1.col2.c2_10t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 10) - 0.5rem) !important;
  }
  .row.gap1.col2.c2_11t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 11) - 0.5rem) !important;
  }
  .row.gap1.col2.c2_12t > *:nth-child(2n+2) {
    width: 100% !important;
  }
  .row.gap1.col2.c3_1t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 1) - 0.5rem) !important;
  }
  .row.gap1.col2.c3_2t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 2) - 0.5rem) !important;
  }
  .row.gap1.col2.c3_3t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 3) - 0.5rem) !important;
  }
  .row.gap1.col2.c3_4t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 4) - 0.5rem) !important;
  }
  .row.gap1.col2.c3_5t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 5) - 0.5rem) !important;
  }
  .row.gap1.col2.c3_6t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 6) - 0.5rem) !important;
  }
  .row.gap1.col2.c3_7t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 7) - 0.5rem) !important;
  }
  .row.gap1.col2.c3_8t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 8) - 0.5rem) !important;
  }
  .row.gap1.col2.c3_9t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 9) - 0.5rem) !important;
  }
  .row.gap1.col2.c3_10t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 10) - 0.5rem) !important;
  }
  .row.gap1.col2.c3_11t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 11) - 0.5rem) !important;
  }
  .row.gap1.col2.c3_12t > *:nth-child(2n+3) {
    width: 100% !important;
  }
  .row.gap1.col3.c1_1t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 1) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c1_2t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 2) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c1_3t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 3) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c1_4t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 4) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c1_5t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 5) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c1_6t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 6) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c1_7t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 7) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c1_8t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 8) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c1_9t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 9) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c1_10t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 10) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c1_11t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 11) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c1_12t > *:nth-child(3n+1) {
    width: 100% !important;
  }
  .row.gap1.col3.c2_1t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 1) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c2_2t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 2) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c2_3t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 3) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c2_4t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 4) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c2_5t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 5) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c2_6t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 6) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c2_7t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 7) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c2_8t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 8) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c2_9t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 9) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c2_10t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 10) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c2_11t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 11) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c2_12t > *:nth-child(3n+2) {
    width: 100% !important;
  }
  .row.gap1.col3.c3_1t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 1) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c3_2t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 2) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c3_3t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 3) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c3_4t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 4) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c3_5t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 5) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c3_6t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 6) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c3_7t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 7) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c3_8t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 8) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c3_9t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 9) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c3_10t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 10) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c3_11t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 11) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c3_12t > *:nth-child(3n+3) {
    width: 100% !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .row.gap1.col1.c1_1p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
  }
  .row.gap1.col1.c1_2p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
  }
  .row.gap1.col1.c1_3p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
  }
  .row.gap1.col1.c1_4p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
  }
  .row.gap1.col1.c1_5p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
  }
  .row.gap1.col1.c1_6p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
  }
  .row.gap1.col1.c1_7p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
  }
  .row.gap1.col1.c1_8p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
  }
  .row.gap1.col1.c1_9p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
  }
  .row.gap1.col1.c1_10p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
  }
  .row.gap1.col1.c1_11p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
  }
  .row.gap1.col1.c1_12p > *:nth-child(1n+1) {
    width: 100% !important;
  }
  .row.gap1.col1.c2_1p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
  }
  .row.gap1.col1.c2_2p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
  }
  .row.gap1.col1.c2_3p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
  }
  .row.gap1.col1.c2_4p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
  }
  .row.gap1.col1.c2_5p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
  }
  .row.gap1.col1.c2_6p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
  }
  .row.gap1.col1.c2_7p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
  }
  .row.gap1.col1.c2_8p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
  }
  .row.gap1.col1.c2_9p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
  }
  .row.gap1.col1.c2_10p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
  }
  .row.gap1.col1.c2_11p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
  }
  .row.gap1.col1.c2_12p > *:nth-child(1n+2) {
    width: 100% !important;
  }
  .row.gap1.col1.c3_1p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
  }
  .row.gap1.col1.c3_2p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
  }
  .row.gap1.col1.c3_3p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
  }
  .row.gap1.col1.c3_4p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
  }
  .row.gap1.col1.c3_5p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
  }
  .row.gap1.col1.c3_6p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
  }
  .row.gap1.col1.c3_7p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
  }
  .row.gap1.col1.c3_8p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
  }
  .row.gap1.col1.c3_9p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
  }
  .row.gap1.col1.c3_10p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
  }
  .row.gap1.col1.c3_11p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
  }
  .row.gap1.col1.c3_12p > *:nth-child(1n+3) {
    width: 100% !important;
  }
  .row.gap1.col2.c1_1p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 1) - 0.5rem) !important;
  }
  .row.gap1.col2.c1_2p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 2) - 0.5rem) !important;
  }
  .row.gap1.col2.c1_3p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 3) - 0.5rem) !important;
  }
  .row.gap1.col2.c1_4p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 4) - 0.5rem) !important;
  }
  .row.gap1.col2.c1_5p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 5) - 0.5rem) !important;
  }
  .row.gap1.col2.c1_6p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 6) - 0.5rem) !important;
  }
  .row.gap1.col2.c1_7p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 7) - 0.5rem) !important;
  }
  .row.gap1.col2.c1_8p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 8) - 0.5rem) !important;
  }
  .row.gap1.col2.c1_9p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 9) - 0.5rem) !important;
  }
  .row.gap1.col2.c1_10p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 10) - 0.5rem) !important;
  }
  .row.gap1.col2.c1_11p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 11) - 0.5rem) !important;
  }
  .row.gap1.col2.c1_12p > *:nth-child(2n+1) {
    width: 100% !important;
  }
  .row.gap1.col2.c2_1p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 1) - 0.5rem) !important;
  }
  .row.gap1.col2.c2_2p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 2) - 0.5rem) !important;
  }
  .row.gap1.col2.c2_3p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 3) - 0.5rem) !important;
  }
  .row.gap1.col2.c2_4p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 4) - 0.5rem) !important;
  }
  .row.gap1.col2.c2_5p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 5) - 0.5rem) !important;
  }
  .row.gap1.col2.c2_6p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 6) - 0.5rem) !important;
  }
  .row.gap1.col2.c2_7p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 7) - 0.5rem) !important;
  }
  .row.gap1.col2.c2_8p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 8) - 0.5rem) !important;
  }
  .row.gap1.col2.c2_9p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 9) - 0.5rem) !important;
  }
  .row.gap1.col2.c2_10p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 10) - 0.5rem) !important;
  }
  .row.gap1.col2.c2_11p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 11) - 0.5rem) !important;
  }
  .row.gap1.col2.c2_12p > *:nth-child(2n+2) {
    width: 100% !important;
  }
  .row.gap1.col2.c3_1p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 1) - 0.5rem) !important;
  }
  .row.gap1.col2.c3_2p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 2) - 0.5rem) !important;
  }
  .row.gap1.col2.c3_3p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 3) - 0.5rem) !important;
  }
  .row.gap1.col2.c3_4p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 4) - 0.5rem) !important;
  }
  .row.gap1.col2.c3_5p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 5) - 0.5rem) !important;
  }
  .row.gap1.col2.c3_6p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 6) - 0.5rem) !important;
  }
  .row.gap1.col2.c3_7p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 7) - 0.5rem) !important;
  }
  .row.gap1.col2.c3_8p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 8) - 0.5rem) !important;
  }
  .row.gap1.col2.c3_9p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 9) - 0.5rem) !important;
  }
  .row.gap1.col2.c3_10p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 10) - 0.5rem) !important;
  }
  .row.gap1.col2.c3_11p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 11) - 0.5rem) !important;
  }
  .row.gap1.col2.c3_12p > *:nth-child(2n+3) {
    width: 100% !important;
  }
  .row.gap1.col3.c1_1p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 1) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c1_2p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 2) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c1_3p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 3) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c1_4p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 4) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c1_5p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 5) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c1_6p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 6) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c1_7p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 7) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c1_8p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 8) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c1_9p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 9) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c1_10p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 10) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c1_11p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 11) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c1_12p > *:nth-child(3n+1) {
    width: 100% !important;
  }
  .row.gap1.col3.c2_1p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 1) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c2_2p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 2) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c2_3p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 3) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c2_4p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 4) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c2_5p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 5) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c2_6p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 6) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c2_7p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 7) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c2_8p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 8) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c2_9p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 9) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c2_10p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 10) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c2_11p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 11) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c2_12p > *:nth-child(3n+2) {
    width: 100% !important;
  }
  .row.gap1.col3.c3_1p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 1) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c3_2p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 2) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c3_3p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 3) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c3_4p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 4) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c3_5p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 5) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c3_6p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 6) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c3_7p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 7) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c3_8p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 8) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c3_9p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 9) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c3_10p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 10) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c3_11p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 11) - 0.6666666667rem) !important;
  }
  .row.gap1.col3.c3_12p > *:nth-child(3n+3) {
    width: 100% !important;
  }
}
.row.gap2 {
  grid-gap: 2rem;
}
.row.gap2.col1.c1_1 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
}
.row.gap2.col1.c1_2 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
}
.row.gap2.col1.c1_3 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
}
.row.gap2.col1.c1_4 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
}
.row.gap2.col1.c1_5 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
}
.row.gap2.col1.c1_6 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
}
.row.gap2.col1.c1_7 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
}
.row.gap2.col1.c1_8 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
}
.row.gap2.col1.c1_9 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
}
.row.gap2.col1.c1_10 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
}
.row.gap2.col1.c1_11 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
}
.row.gap2.col1.c1_12 > *:nth-child(1n+1) {
  width: 100% !important;
}
.row.gap2.col1.c2_1 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
}
.row.gap2.col1.c2_2 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
}
.row.gap2.col1.c2_3 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
}
.row.gap2.col1.c2_4 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
}
.row.gap2.col1.c2_5 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
}
.row.gap2.col1.c2_6 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
}
.row.gap2.col1.c2_7 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
}
.row.gap2.col1.c2_8 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
}
.row.gap2.col1.c2_9 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
}
.row.gap2.col1.c2_10 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
}
.row.gap2.col1.c2_11 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
}
.row.gap2.col1.c2_12 > *:nth-child(1n+2) {
  width: 100% !important;
}
.row.gap2.col1.c3_1 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
}
.row.gap2.col1.c3_2 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
}
.row.gap2.col1.c3_3 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
}
.row.gap2.col1.c3_4 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
}
.row.gap2.col1.c3_5 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
}
.row.gap2.col1.c3_6 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
}
.row.gap2.col1.c3_7 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
}
.row.gap2.col1.c3_8 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
}
.row.gap2.col1.c3_9 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
}
.row.gap2.col1.c3_10 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
}
.row.gap2.col1.c3_11 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
}
.row.gap2.col1.c3_12 > *:nth-child(1n+3) {
  width: 100% !important;
}
.row.gap2.col2.c1_1 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 1) - 1rem) !important;
}
.row.gap2.col2.c1_2 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 2) - 1rem) !important;
}
.row.gap2.col2.c1_3 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 3) - 1rem) !important;
}
.row.gap2.col2.c1_4 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 4) - 1rem) !important;
}
.row.gap2.col2.c1_5 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 5) - 1rem) !important;
}
.row.gap2.col2.c1_6 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 6) - 1rem) !important;
}
.row.gap2.col2.c1_7 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 7) - 1rem) !important;
}
.row.gap2.col2.c1_8 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 8) - 1rem) !important;
}
.row.gap2.col2.c1_9 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 9) - 1rem) !important;
}
.row.gap2.col2.c1_10 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 10) - 1rem) !important;
}
.row.gap2.col2.c1_11 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 11) - 1rem) !important;
}
.row.gap2.col2.c1_12 > *:nth-child(2n+1) {
  width: 100% !important;
}
.row.gap2.col2.c2_1 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 1) - 1rem) !important;
}
.row.gap2.col2.c2_2 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 2) - 1rem) !important;
}
.row.gap2.col2.c2_3 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 3) - 1rem) !important;
}
.row.gap2.col2.c2_4 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 4) - 1rem) !important;
}
.row.gap2.col2.c2_5 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 5) - 1rem) !important;
}
.row.gap2.col2.c2_6 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 6) - 1rem) !important;
}
.row.gap2.col2.c2_7 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 7) - 1rem) !important;
}
.row.gap2.col2.c2_8 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 8) - 1rem) !important;
}
.row.gap2.col2.c2_9 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 9) - 1rem) !important;
}
.row.gap2.col2.c2_10 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 10) - 1rem) !important;
}
.row.gap2.col2.c2_11 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 11) - 1rem) !important;
}
.row.gap2.col2.c2_12 > *:nth-child(2n+2) {
  width: 100% !important;
}
.row.gap2.col2.c3_1 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 1) - 1rem) !important;
}
.row.gap2.col2.c3_2 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 2) - 1rem) !important;
}
.row.gap2.col2.c3_3 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 3) - 1rem) !important;
}
.row.gap2.col2.c3_4 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 4) - 1rem) !important;
}
.row.gap2.col2.c3_5 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 5) - 1rem) !important;
}
.row.gap2.col2.c3_6 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 6) - 1rem) !important;
}
.row.gap2.col2.c3_7 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 7) - 1rem) !important;
}
.row.gap2.col2.c3_8 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 8) - 1rem) !important;
}
.row.gap2.col2.c3_9 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 9) - 1rem) !important;
}
.row.gap2.col2.c3_10 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 10) - 1rem) !important;
}
.row.gap2.col2.c3_11 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 11) - 1rem) !important;
}
.row.gap2.col2.c3_12 > *:nth-child(2n+3) {
  width: 100% !important;
}
.row.gap2.col3.c1_1 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 1) - 1.3333333333rem) !important;
}
.row.gap2.col3.c1_2 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 2) - 1.3333333333rem) !important;
}
.row.gap2.col3.c1_3 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 3) - 1.3333333333rem) !important;
}
.row.gap2.col3.c1_4 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 4) - 1.3333333333rem) !important;
}
.row.gap2.col3.c1_5 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 5) - 1.3333333333rem) !important;
}
.row.gap2.col3.c1_6 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 6) - 1.3333333333rem) !important;
}
.row.gap2.col3.c1_7 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 7) - 1.3333333333rem) !important;
}
.row.gap2.col3.c1_8 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 8) - 1.3333333333rem) !important;
}
.row.gap2.col3.c1_9 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 9) - 1.3333333333rem) !important;
}
.row.gap2.col3.c1_10 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 10) - 1.3333333333rem) !important;
}
.row.gap2.col3.c1_11 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 11) - 1.3333333333rem) !important;
}
.row.gap2.col3.c1_12 > *:nth-child(3n+1) {
  width: 100% !important;
}
.row.gap2.col3.c2_1 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 1) - 1.3333333333rem) !important;
}
.row.gap2.col3.c2_2 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 2) - 1.3333333333rem) !important;
}
.row.gap2.col3.c2_3 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 3) - 1.3333333333rem) !important;
}
.row.gap2.col3.c2_4 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 4) - 1.3333333333rem) !important;
}
.row.gap2.col3.c2_5 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 5) - 1.3333333333rem) !important;
}
.row.gap2.col3.c2_6 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 6) - 1.3333333333rem) !important;
}
.row.gap2.col3.c2_7 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 7) - 1.3333333333rem) !important;
}
.row.gap2.col3.c2_8 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 8) - 1.3333333333rem) !important;
}
.row.gap2.col3.c2_9 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 9) - 1.3333333333rem) !important;
}
.row.gap2.col3.c2_10 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 10) - 1.3333333333rem) !important;
}
.row.gap2.col3.c2_11 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 11) - 1.3333333333rem) !important;
}
.row.gap2.col3.c2_12 > *:nth-child(3n+2) {
  width: 100% !important;
}
.row.gap2.col3.c3_1 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 1) - 1.3333333333rem) !important;
}
.row.gap2.col3.c3_2 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 2) - 1.3333333333rem) !important;
}
.row.gap2.col3.c3_3 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 3) - 1.3333333333rem) !important;
}
.row.gap2.col3.c3_4 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 4) - 1.3333333333rem) !important;
}
.row.gap2.col3.c3_5 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 5) - 1.3333333333rem) !important;
}
.row.gap2.col3.c3_6 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 6) - 1.3333333333rem) !important;
}
.row.gap2.col3.c3_7 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 7) - 1.3333333333rem) !important;
}
.row.gap2.col3.c3_8 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 8) - 1.3333333333rem) !important;
}
.row.gap2.col3.c3_9 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 9) - 1.3333333333rem) !important;
}
.row.gap2.col3.c3_10 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 10) - 1.3333333333rem) !important;
}
.row.gap2.col3.c3_11 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 11) - 1.3333333333rem) !important;
}
.row.gap2.col3.c3_12 > *:nth-child(3n+3) {
  width: 100% !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .row.gap2.col1.c1_1t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
  }
  .row.gap2.col1.c1_2t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
  }
  .row.gap2.col1.c1_3t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
  }
  .row.gap2.col1.c1_4t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
  }
  .row.gap2.col1.c1_5t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
  }
  .row.gap2.col1.c1_6t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
  }
  .row.gap2.col1.c1_7t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
  }
  .row.gap2.col1.c1_8t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
  }
  .row.gap2.col1.c1_9t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
  }
  .row.gap2.col1.c1_10t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
  }
  .row.gap2.col1.c1_11t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
  }
  .row.gap2.col1.c1_12t > *:nth-child(1n+1) {
    width: 100% !important;
  }
  .row.gap2.col1.c2_1t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
  }
  .row.gap2.col1.c2_2t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
  }
  .row.gap2.col1.c2_3t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
  }
  .row.gap2.col1.c2_4t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
  }
  .row.gap2.col1.c2_5t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
  }
  .row.gap2.col1.c2_6t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
  }
  .row.gap2.col1.c2_7t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
  }
  .row.gap2.col1.c2_8t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
  }
  .row.gap2.col1.c2_9t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
  }
  .row.gap2.col1.c2_10t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
  }
  .row.gap2.col1.c2_11t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
  }
  .row.gap2.col1.c2_12t > *:nth-child(1n+2) {
    width: 100% !important;
  }
  .row.gap2.col1.c3_1t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
  }
  .row.gap2.col1.c3_2t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
  }
  .row.gap2.col1.c3_3t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
  }
  .row.gap2.col1.c3_4t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
  }
  .row.gap2.col1.c3_5t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
  }
  .row.gap2.col1.c3_6t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
  }
  .row.gap2.col1.c3_7t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
  }
  .row.gap2.col1.c3_8t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
  }
  .row.gap2.col1.c3_9t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
  }
  .row.gap2.col1.c3_10t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
  }
  .row.gap2.col1.c3_11t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
  }
  .row.gap2.col1.c3_12t > *:nth-child(1n+3) {
    width: 100% !important;
  }
  .row.gap2.col2.c1_1t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 1) - 1rem) !important;
  }
  .row.gap2.col2.c1_2t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 2) - 1rem) !important;
  }
  .row.gap2.col2.c1_3t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 3) - 1rem) !important;
  }
  .row.gap2.col2.c1_4t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 4) - 1rem) !important;
  }
  .row.gap2.col2.c1_5t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 5) - 1rem) !important;
  }
  .row.gap2.col2.c1_6t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 6) - 1rem) !important;
  }
  .row.gap2.col2.c1_7t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 7) - 1rem) !important;
  }
  .row.gap2.col2.c1_8t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 8) - 1rem) !important;
  }
  .row.gap2.col2.c1_9t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 9) - 1rem) !important;
  }
  .row.gap2.col2.c1_10t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 10) - 1rem) !important;
  }
  .row.gap2.col2.c1_11t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 11) - 1rem) !important;
  }
  .row.gap2.col2.c1_12t > *:nth-child(2n+1) {
    width: 100% !important;
  }
  .row.gap2.col2.c2_1t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 1) - 1rem) !important;
  }
  .row.gap2.col2.c2_2t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 2) - 1rem) !important;
  }
  .row.gap2.col2.c2_3t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 3) - 1rem) !important;
  }
  .row.gap2.col2.c2_4t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 4) - 1rem) !important;
  }
  .row.gap2.col2.c2_5t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 5) - 1rem) !important;
  }
  .row.gap2.col2.c2_6t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 6) - 1rem) !important;
  }
  .row.gap2.col2.c2_7t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 7) - 1rem) !important;
  }
  .row.gap2.col2.c2_8t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 8) - 1rem) !important;
  }
  .row.gap2.col2.c2_9t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 9) - 1rem) !important;
  }
  .row.gap2.col2.c2_10t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 10) - 1rem) !important;
  }
  .row.gap2.col2.c2_11t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 11) - 1rem) !important;
  }
  .row.gap2.col2.c2_12t > *:nth-child(2n+2) {
    width: 100% !important;
  }
  .row.gap2.col2.c3_1t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 1) - 1rem) !important;
  }
  .row.gap2.col2.c3_2t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 2) - 1rem) !important;
  }
  .row.gap2.col2.c3_3t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 3) - 1rem) !important;
  }
  .row.gap2.col2.c3_4t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 4) - 1rem) !important;
  }
  .row.gap2.col2.c3_5t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 5) - 1rem) !important;
  }
  .row.gap2.col2.c3_6t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 6) - 1rem) !important;
  }
  .row.gap2.col2.c3_7t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 7) - 1rem) !important;
  }
  .row.gap2.col2.c3_8t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 8) - 1rem) !important;
  }
  .row.gap2.col2.c3_9t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 9) - 1rem) !important;
  }
  .row.gap2.col2.c3_10t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 10) - 1rem) !important;
  }
  .row.gap2.col2.c3_11t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 11) - 1rem) !important;
  }
  .row.gap2.col2.c3_12t > *:nth-child(2n+3) {
    width: 100% !important;
  }
  .row.gap2.col3.c1_1t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 1) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c1_2t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 2) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c1_3t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 3) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c1_4t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 4) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c1_5t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 5) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c1_6t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 6) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c1_7t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 7) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c1_8t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 8) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c1_9t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 9) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c1_10t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 10) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c1_11t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 11) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c1_12t > *:nth-child(3n+1) {
    width: 100% !important;
  }
  .row.gap2.col3.c2_1t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 1) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c2_2t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 2) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c2_3t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 3) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c2_4t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 4) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c2_5t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 5) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c2_6t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 6) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c2_7t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 7) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c2_8t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 8) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c2_9t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 9) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c2_10t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 10) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c2_11t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 11) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c2_12t > *:nth-child(3n+2) {
    width: 100% !important;
  }
  .row.gap2.col3.c3_1t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 1) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c3_2t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 2) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c3_3t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 3) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c3_4t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 4) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c3_5t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 5) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c3_6t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 6) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c3_7t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 7) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c3_8t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 8) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c3_9t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 9) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c3_10t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 10) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c3_11t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 11) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c3_12t > *:nth-child(3n+3) {
    width: 100% !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .row.gap2.col1.c1_1p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
  }
  .row.gap2.col1.c1_2p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
  }
  .row.gap2.col1.c1_3p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
  }
  .row.gap2.col1.c1_4p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
  }
  .row.gap2.col1.c1_5p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
  }
  .row.gap2.col1.c1_6p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
  }
  .row.gap2.col1.c1_7p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
  }
  .row.gap2.col1.c1_8p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
  }
  .row.gap2.col1.c1_9p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
  }
  .row.gap2.col1.c1_10p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
  }
  .row.gap2.col1.c1_11p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
  }
  .row.gap2.col1.c1_12p > *:nth-child(1n+1) {
    width: 100% !important;
  }
  .row.gap2.col1.c2_1p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
  }
  .row.gap2.col1.c2_2p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
  }
  .row.gap2.col1.c2_3p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
  }
  .row.gap2.col1.c2_4p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
  }
  .row.gap2.col1.c2_5p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
  }
  .row.gap2.col1.c2_6p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
  }
  .row.gap2.col1.c2_7p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
  }
  .row.gap2.col1.c2_8p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
  }
  .row.gap2.col1.c2_9p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
  }
  .row.gap2.col1.c2_10p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
  }
  .row.gap2.col1.c2_11p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
  }
  .row.gap2.col1.c2_12p > *:nth-child(1n+2) {
    width: 100% !important;
  }
  .row.gap2.col1.c3_1p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
  }
  .row.gap2.col1.c3_2p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
  }
  .row.gap2.col1.c3_3p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
  }
  .row.gap2.col1.c3_4p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
  }
  .row.gap2.col1.c3_5p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
  }
  .row.gap2.col1.c3_6p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
  }
  .row.gap2.col1.c3_7p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
  }
  .row.gap2.col1.c3_8p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
  }
  .row.gap2.col1.c3_9p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
  }
  .row.gap2.col1.c3_10p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
  }
  .row.gap2.col1.c3_11p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
  }
  .row.gap2.col1.c3_12p > *:nth-child(1n+3) {
    width: 100% !important;
  }
  .row.gap2.col2.c1_1p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 1) - 1rem) !important;
  }
  .row.gap2.col2.c1_2p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 2) - 1rem) !important;
  }
  .row.gap2.col2.c1_3p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 3) - 1rem) !important;
  }
  .row.gap2.col2.c1_4p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 4) - 1rem) !important;
  }
  .row.gap2.col2.c1_5p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 5) - 1rem) !important;
  }
  .row.gap2.col2.c1_6p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 6) - 1rem) !important;
  }
  .row.gap2.col2.c1_7p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 7) - 1rem) !important;
  }
  .row.gap2.col2.c1_8p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 8) - 1rem) !important;
  }
  .row.gap2.col2.c1_9p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 9) - 1rem) !important;
  }
  .row.gap2.col2.c1_10p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 10) - 1rem) !important;
  }
  .row.gap2.col2.c1_11p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 11) - 1rem) !important;
  }
  .row.gap2.col2.c1_12p > *:nth-child(2n+1) {
    width: 100% !important;
  }
  .row.gap2.col2.c2_1p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 1) - 1rem) !important;
  }
  .row.gap2.col2.c2_2p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 2) - 1rem) !important;
  }
  .row.gap2.col2.c2_3p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 3) - 1rem) !important;
  }
  .row.gap2.col2.c2_4p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 4) - 1rem) !important;
  }
  .row.gap2.col2.c2_5p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 5) - 1rem) !important;
  }
  .row.gap2.col2.c2_6p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 6) - 1rem) !important;
  }
  .row.gap2.col2.c2_7p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 7) - 1rem) !important;
  }
  .row.gap2.col2.c2_8p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 8) - 1rem) !important;
  }
  .row.gap2.col2.c2_9p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 9) - 1rem) !important;
  }
  .row.gap2.col2.c2_10p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 10) - 1rem) !important;
  }
  .row.gap2.col2.c2_11p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 11) - 1rem) !important;
  }
  .row.gap2.col2.c2_12p > *:nth-child(2n+2) {
    width: 100% !important;
  }
  .row.gap2.col2.c3_1p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 1) - 1rem) !important;
  }
  .row.gap2.col2.c3_2p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 2) - 1rem) !important;
  }
  .row.gap2.col2.c3_3p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 3) - 1rem) !important;
  }
  .row.gap2.col2.c3_4p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 4) - 1rem) !important;
  }
  .row.gap2.col2.c3_5p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 5) - 1rem) !important;
  }
  .row.gap2.col2.c3_6p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 6) - 1rem) !important;
  }
  .row.gap2.col2.c3_7p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 7) - 1rem) !important;
  }
  .row.gap2.col2.c3_8p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 8) - 1rem) !important;
  }
  .row.gap2.col2.c3_9p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 9) - 1rem) !important;
  }
  .row.gap2.col2.c3_10p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 10) - 1rem) !important;
  }
  .row.gap2.col2.c3_11p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 11) - 1rem) !important;
  }
  .row.gap2.col2.c3_12p > *:nth-child(2n+3) {
    width: 100% !important;
  }
  .row.gap2.col3.c1_1p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 1) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c1_2p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 2) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c1_3p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 3) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c1_4p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 4) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c1_5p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 5) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c1_6p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 6) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c1_7p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 7) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c1_8p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 8) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c1_9p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 9) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c1_10p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 10) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c1_11p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 11) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c1_12p > *:nth-child(3n+1) {
    width: 100% !important;
  }
  .row.gap2.col3.c2_1p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 1) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c2_2p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 2) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c2_3p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 3) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c2_4p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 4) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c2_5p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 5) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c2_6p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 6) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c2_7p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 7) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c2_8p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 8) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c2_9p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 9) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c2_10p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 10) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c2_11p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 11) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c2_12p > *:nth-child(3n+2) {
    width: 100% !important;
  }
  .row.gap2.col3.c3_1p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 1) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c3_2p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 2) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c3_3p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 3) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c3_4p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 4) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c3_5p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 5) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c3_6p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 6) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c3_7p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 7) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c3_8p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 8) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c3_9p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 9) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c3_10p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 10) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c3_11p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 11) - 1.3333333333rem) !important;
  }
  .row.gap2.col3.c3_12p > *:nth-child(3n+3) {
    width: 100% !important;
  }
}
.row.gap3 {
  grid-gap: 3rem;
}
.row.gap3.col1.c1_1 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
}
.row.gap3.col1.c1_2 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
}
.row.gap3.col1.c1_3 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
}
.row.gap3.col1.c1_4 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
}
.row.gap3.col1.c1_5 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
}
.row.gap3.col1.c1_6 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
}
.row.gap3.col1.c1_7 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
}
.row.gap3.col1.c1_8 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
}
.row.gap3.col1.c1_9 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
}
.row.gap3.col1.c1_10 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
}
.row.gap3.col1.c1_11 > *:nth-child(1n+1) {
  width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
}
.row.gap3.col1.c1_12 > *:nth-child(1n+1) {
  width: 100% !important;
}
.row.gap3.col1.c2_1 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
}
.row.gap3.col1.c2_2 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
}
.row.gap3.col1.c2_3 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
}
.row.gap3.col1.c2_4 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
}
.row.gap3.col1.c2_5 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
}
.row.gap3.col1.c2_6 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
}
.row.gap3.col1.c2_7 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
}
.row.gap3.col1.c2_8 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
}
.row.gap3.col1.c2_9 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
}
.row.gap3.col1.c2_10 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
}
.row.gap3.col1.c2_11 > *:nth-child(1n+2) {
  width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
}
.row.gap3.col1.c2_12 > *:nth-child(1n+2) {
  width: 100% !important;
}
.row.gap3.col1.c3_1 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
}
.row.gap3.col1.c3_2 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
}
.row.gap3.col1.c3_3 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
}
.row.gap3.col1.c3_4 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
}
.row.gap3.col1.c3_5 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
}
.row.gap3.col1.c3_6 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
}
.row.gap3.col1.c3_7 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
}
.row.gap3.col1.c3_8 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
}
.row.gap3.col1.c3_9 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
}
.row.gap3.col1.c3_10 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
}
.row.gap3.col1.c3_11 > *:nth-child(1n+3) {
  width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
}
.row.gap3.col1.c3_12 > *:nth-child(1n+3) {
  width: 100% !important;
}
.row.gap3.col2.c1_1 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 1) - 1.5rem) !important;
}
.row.gap3.col2.c1_2 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 2) - 1.5rem) !important;
}
.row.gap3.col2.c1_3 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 3) - 1.5rem) !important;
}
.row.gap3.col2.c1_4 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 4) - 1.5rem) !important;
}
.row.gap3.col2.c1_5 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 5) - 1.5rem) !important;
}
.row.gap3.col2.c1_6 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 6) - 1.5rem) !important;
}
.row.gap3.col2.c1_7 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 7) - 1.5rem) !important;
}
.row.gap3.col2.c1_8 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 8) - 1.5rem) !important;
}
.row.gap3.col2.c1_9 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 9) - 1.5rem) !important;
}
.row.gap3.col2.c1_10 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 10) - 1.5rem) !important;
}
.row.gap3.col2.c1_11 > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 11) - 1.5rem) !important;
}
.row.gap3.col2.c1_12 > *:nth-child(2n+1) {
  width: 100% !important;
}
.row.gap3.col2.c2_1 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 1) - 1.5rem) !important;
}
.row.gap3.col2.c2_2 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 2) - 1.5rem) !important;
}
.row.gap3.col2.c2_3 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 3) - 1.5rem) !important;
}
.row.gap3.col2.c2_4 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 4) - 1.5rem) !important;
}
.row.gap3.col2.c2_5 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 5) - 1.5rem) !important;
}
.row.gap3.col2.c2_6 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 6) - 1.5rem) !important;
}
.row.gap3.col2.c2_7 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 7) - 1.5rem) !important;
}
.row.gap3.col2.c2_8 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 8) - 1.5rem) !important;
}
.row.gap3.col2.c2_9 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 9) - 1.5rem) !important;
}
.row.gap3.col2.c2_10 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 10) - 1.5rem) !important;
}
.row.gap3.col2.c2_11 > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 11) - 1.5rem) !important;
}
.row.gap3.col2.c2_12 > *:nth-child(2n+2) {
  width: 100% !important;
}
.row.gap3.col2.c3_1 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 1) - 1.5rem) !important;
}
.row.gap3.col2.c3_2 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 2) - 1.5rem) !important;
}
.row.gap3.col2.c3_3 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 3) - 1.5rem) !important;
}
.row.gap3.col2.c3_4 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 4) - 1.5rem) !important;
}
.row.gap3.col2.c3_5 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 5) - 1.5rem) !important;
}
.row.gap3.col2.c3_6 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 6) - 1.5rem) !important;
}
.row.gap3.col2.c3_7 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 7) - 1.5rem) !important;
}
.row.gap3.col2.c3_8 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 8) - 1.5rem) !important;
}
.row.gap3.col2.c3_9 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 9) - 1.5rem) !important;
}
.row.gap3.col2.c3_10 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 10) - 1.5rem) !important;
}
.row.gap3.col2.c3_11 > *:nth-child(2n+3) {
  width: calc(calc(calc(100% / 12) * 11) - 1.5rem) !important;
}
.row.gap3.col2.c3_12 > *:nth-child(2n+3) {
  width: 100% !important;
}
.row.gap3.col3.c1_1 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 1) - 2rem) !important;
}
.row.gap3.col3.c1_2 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 2) - 2rem) !important;
}
.row.gap3.col3.c1_3 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 3) - 2rem) !important;
}
.row.gap3.col3.c1_4 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 4) - 2rem) !important;
}
.row.gap3.col3.c1_5 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 5) - 2rem) !important;
}
.row.gap3.col3.c1_6 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 6) - 2rem) !important;
}
.row.gap3.col3.c1_7 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 7) - 2rem) !important;
}
.row.gap3.col3.c1_8 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 8) - 2rem) !important;
}
.row.gap3.col3.c1_9 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 9) - 2rem) !important;
}
.row.gap3.col3.c1_10 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 10) - 2rem) !important;
}
.row.gap3.col3.c1_11 > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 11) - 2rem) !important;
}
.row.gap3.col3.c1_12 > *:nth-child(3n+1) {
  width: 100% !important;
}
.row.gap3.col3.c2_1 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 1) - 2rem) !important;
}
.row.gap3.col3.c2_2 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 2) - 2rem) !important;
}
.row.gap3.col3.c2_3 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 3) - 2rem) !important;
}
.row.gap3.col3.c2_4 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 4) - 2rem) !important;
}
.row.gap3.col3.c2_5 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 5) - 2rem) !important;
}
.row.gap3.col3.c2_6 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 6) - 2rem) !important;
}
.row.gap3.col3.c2_7 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 7) - 2rem) !important;
}
.row.gap3.col3.c2_8 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 8) - 2rem) !important;
}
.row.gap3.col3.c2_9 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 9) - 2rem) !important;
}
.row.gap3.col3.c2_10 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 10) - 2rem) !important;
}
.row.gap3.col3.c2_11 > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 11) - 2rem) !important;
}
.row.gap3.col3.c2_12 > *:nth-child(3n+2) {
  width: 100% !important;
}
.row.gap3.col3.c3_1 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 1) - 2rem) !important;
}
.row.gap3.col3.c3_2 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 2) - 2rem) !important;
}
.row.gap3.col3.c3_3 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 3) - 2rem) !important;
}
.row.gap3.col3.c3_4 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 4) - 2rem) !important;
}
.row.gap3.col3.c3_5 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 5) - 2rem) !important;
}
.row.gap3.col3.c3_6 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 6) - 2rem) !important;
}
.row.gap3.col3.c3_7 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 7) - 2rem) !important;
}
.row.gap3.col3.c3_8 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 8) - 2rem) !important;
}
.row.gap3.col3.c3_9 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 9) - 2rem) !important;
}
.row.gap3.col3.c3_10 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 10) - 2rem) !important;
}
.row.gap3.col3.c3_11 > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 11) - 2rem) !important;
}
.row.gap3.col3.c3_12 > *:nth-child(3n+3) {
  width: 100% !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .row.gap3.col1.c1_1t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
  }
  .row.gap3.col1.c1_2t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
  }
  .row.gap3.col1.c1_3t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
  }
  .row.gap3.col1.c1_4t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
  }
  .row.gap3.col1.c1_5t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
  }
  .row.gap3.col1.c1_6t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
  }
  .row.gap3.col1.c1_7t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
  }
  .row.gap3.col1.c1_8t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
  }
  .row.gap3.col1.c1_9t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
  }
  .row.gap3.col1.c1_10t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
  }
  .row.gap3.col1.c1_11t > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
  }
  .row.gap3.col1.c1_12t > *:nth-child(1n+1) {
    width: 100% !important;
  }
  .row.gap3.col1.c2_1t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
  }
  .row.gap3.col1.c2_2t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
  }
  .row.gap3.col1.c2_3t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
  }
  .row.gap3.col1.c2_4t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
  }
  .row.gap3.col1.c2_5t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
  }
  .row.gap3.col1.c2_6t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
  }
  .row.gap3.col1.c2_7t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
  }
  .row.gap3.col1.c2_8t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
  }
  .row.gap3.col1.c2_9t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
  }
  .row.gap3.col1.c2_10t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
  }
  .row.gap3.col1.c2_11t > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
  }
  .row.gap3.col1.c2_12t > *:nth-child(1n+2) {
    width: 100% !important;
  }
  .row.gap3.col1.c3_1t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
  }
  .row.gap3.col1.c3_2t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
  }
  .row.gap3.col1.c3_3t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
  }
  .row.gap3.col1.c3_4t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
  }
  .row.gap3.col1.c3_5t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
  }
  .row.gap3.col1.c3_6t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
  }
  .row.gap3.col1.c3_7t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
  }
  .row.gap3.col1.c3_8t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
  }
  .row.gap3.col1.c3_9t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
  }
  .row.gap3.col1.c3_10t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
  }
  .row.gap3.col1.c3_11t > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
  }
  .row.gap3.col1.c3_12t > *:nth-child(1n+3) {
    width: 100% !important;
  }
  .row.gap3.col2.c1_1t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 1) - 1.5rem) !important;
  }
  .row.gap3.col2.c1_2t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 2) - 1.5rem) !important;
  }
  .row.gap3.col2.c1_3t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 3) - 1.5rem) !important;
  }
  .row.gap3.col2.c1_4t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 4) - 1.5rem) !important;
  }
  .row.gap3.col2.c1_5t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 5) - 1.5rem) !important;
  }
  .row.gap3.col2.c1_6t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 6) - 1.5rem) !important;
  }
  .row.gap3.col2.c1_7t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 7) - 1.5rem) !important;
  }
  .row.gap3.col2.c1_8t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 8) - 1.5rem) !important;
  }
  .row.gap3.col2.c1_9t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 9) - 1.5rem) !important;
  }
  .row.gap3.col2.c1_10t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 10) - 1.5rem) !important;
  }
  .row.gap3.col2.c1_11t > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 11) - 1.5rem) !important;
  }
  .row.gap3.col2.c1_12t > *:nth-child(2n+1) {
    width: 100% !important;
  }
  .row.gap3.col2.c2_1t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 1) - 1.5rem) !important;
  }
  .row.gap3.col2.c2_2t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 2) - 1.5rem) !important;
  }
  .row.gap3.col2.c2_3t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 3) - 1.5rem) !important;
  }
  .row.gap3.col2.c2_4t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 4) - 1.5rem) !important;
  }
  .row.gap3.col2.c2_5t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 5) - 1.5rem) !important;
  }
  .row.gap3.col2.c2_6t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 6) - 1.5rem) !important;
  }
  .row.gap3.col2.c2_7t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 7) - 1.5rem) !important;
  }
  .row.gap3.col2.c2_8t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 8) - 1.5rem) !important;
  }
  .row.gap3.col2.c2_9t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 9) - 1.5rem) !important;
  }
  .row.gap3.col2.c2_10t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 10) - 1.5rem) !important;
  }
  .row.gap3.col2.c2_11t > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 11) - 1.5rem) !important;
  }
  .row.gap3.col2.c2_12t > *:nth-child(2n+2) {
    width: 100% !important;
  }
  .row.gap3.col2.c3_1t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 1) - 1.5rem) !important;
  }
  .row.gap3.col2.c3_2t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 2) - 1.5rem) !important;
  }
  .row.gap3.col2.c3_3t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 3) - 1.5rem) !important;
  }
  .row.gap3.col2.c3_4t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 4) - 1.5rem) !important;
  }
  .row.gap3.col2.c3_5t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 5) - 1.5rem) !important;
  }
  .row.gap3.col2.c3_6t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 6) - 1.5rem) !important;
  }
  .row.gap3.col2.c3_7t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 7) - 1.5rem) !important;
  }
  .row.gap3.col2.c3_8t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 8) - 1.5rem) !important;
  }
  .row.gap3.col2.c3_9t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 9) - 1.5rem) !important;
  }
  .row.gap3.col2.c3_10t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 10) - 1.5rem) !important;
  }
  .row.gap3.col2.c3_11t > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 11) - 1.5rem) !important;
  }
  .row.gap3.col2.c3_12t > *:nth-child(2n+3) {
    width: 100% !important;
  }
  .row.gap3.col3.c1_1t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 1) - 2rem) !important;
  }
  .row.gap3.col3.c1_2t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 2) - 2rem) !important;
  }
  .row.gap3.col3.c1_3t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 3) - 2rem) !important;
  }
  .row.gap3.col3.c1_4t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 4) - 2rem) !important;
  }
  .row.gap3.col3.c1_5t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 5) - 2rem) !important;
  }
  .row.gap3.col3.c1_6t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 6) - 2rem) !important;
  }
  .row.gap3.col3.c1_7t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 7) - 2rem) !important;
  }
  .row.gap3.col3.c1_8t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 8) - 2rem) !important;
  }
  .row.gap3.col3.c1_9t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 9) - 2rem) !important;
  }
  .row.gap3.col3.c1_10t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 10) - 2rem) !important;
  }
  .row.gap3.col3.c1_11t > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 11) - 2rem) !important;
  }
  .row.gap3.col3.c1_12t > *:nth-child(3n+1) {
    width: 100% !important;
  }
  .row.gap3.col3.c2_1t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 1) - 2rem) !important;
  }
  .row.gap3.col3.c2_2t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 2) - 2rem) !important;
  }
  .row.gap3.col3.c2_3t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 3) - 2rem) !important;
  }
  .row.gap3.col3.c2_4t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 4) - 2rem) !important;
  }
  .row.gap3.col3.c2_5t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 5) - 2rem) !important;
  }
  .row.gap3.col3.c2_6t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 6) - 2rem) !important;
  }
  .row.gap3.col3.c2_7t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 7) - 2rem) !important;
  }
  .row.gap3.col3.c2_8t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 8) - 2rem) !important;
  }
  .row.gap3.col3.c2_9t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 9) - 2rem) !important;
  }
  .row.gap3.col3.c2_10t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 10) - 2rem) !important;
  }
  .row.gap3.col3.c2_11t > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 11) - 2rem) !important;
  }
  .row.gap3.col3.c2_12t > *:nth-child(3n+2) {
    width: 100% !important;
  }
  .row.gap3.col3.c3_1t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 1) - 2rem) !important;
  }
  .row.gap3.col3.c3_2t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 2) - 2rem) !important;
  }
  .row.gap3.col3.c3_3t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 3) - 2rem) !important;
  }
  .row.gap3.col3.c3_4t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 4) - 2rem) !important;
  }
  .row.gap3.col3.c3_5t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 5) - 2rem) !important;
  }
  .row.gap3.col3.c3_6t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 6) - 2rem) !important;
  }
  .row.gap3.col3.c3_7t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 7) - 2rem) !important;
  }
  .row.gap3.col3.c3_8t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 8) - 2rem) !important;
  }
  .row.gap3.col3.c3_9t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 9) - 2rem) !important;
  }
  .row.gap3.col3.c3_10t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 10) - 2rem) !important;
  }
  .row.gap3.col3.c3_11t > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 11) - 2rem) !important;
  }
  .row.gap3.col3.c3_12t > *:nth-child(3n+3) {
    width: 100% !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .row.gap3.col1.c1_1p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
  }
  .row.gap3.col1.c1_2p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
  }
  .row.gap3.col1.c1_3p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
  }
  .row.gap3.col1.c1_4p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
  }
  .row.gap3.col1.c1_5p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
  }
  .row.gap3.col1.c1_6p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
  }
  .row.gap3.col1.c1_7p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
  }
  .row.gap3.col1.c1_8p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
  }
  .row.gap3.col1.c1_9p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
  }
  .row.gap3.col1.c1_10p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
  }
  .row.gap3.col1.c1_11p > *:nth-child(1n+1) {
    width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
  }
  .row.gap3.col1.c1_12p > *:nth-child(1n+1) {
    width: 100% !important;
  }
  .row.gap3.col1.c2_1p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
  }
  .row.gap3.col1.c2_2p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
  }
  .row.gap3.col1.c2_3p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
  }
  .row.gap3.col1.c2_4p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
  }
  .row.gap3.col1.c2_5p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
  }
  .row.gap3.col1.c2_6p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
  }
  .row.gap3.col1.c2_7p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
  }
  .row.gap3.col1.c2_8p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
  }
  .row.gap3.col1.c2_9p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
  }
  .row.gap3.col1.c2_10p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
  }
  .row.gap3.col1.c2_11p > *:nth-child(1n+2) {
    width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
  }
  .row.gap3.col1.c2_12p > *:nth-child(1n+2) {
    width: 100% !important;
  }
  .row.gap3.col1.c3_1p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 1) - 0rem) !important;
  }
  .row.gap3.col1.c3_2p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 2) - 0rem) !important;
  }
  .row.gap3.col1.c3_3p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 3) - 0rem) !important;
  }
  .row.gap3.col1.c3_4p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
  }
  .row.gap3.col1.c3_5p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
  }
  .row.gap3.col1.c3_6p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
  }
  .row.gap3.col1.c3_7p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
  }
  .row.gap3.col1.c3_8p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
  }
  .row.gap3.col1.c3_9p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 9) - 0rem) !important;
  }
  .row.gap3.col1.c3_10p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 10) - 0rem) !important;
  }
  .row.gap3.col1.c3_11p > *:nth-child(1n+3) {
    width: calc(calc(calc(100% / 12) * 11) - 0rem) !important;
  }
  .row.gap3.col1.c3_12p > *:nth-child(1n+3) {
    width: 100% !important;
  }
  .row.gap3.col2.c1_1p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 1) - 1.5rem) !important;
  }
  .row.gap3.col2.c1_2p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 2) - 1.5rem) !important;
  }
  .row.gap3.col2.c1_3p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 3) - 1.5rem) !important;
  }
  .row.gap3.col2.c1_4p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 4) - 1.5rem) !important;
  }
  .row.gap3.col2.c1_5p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 5) - 1.5rem) !important;
  }
  .row.gap3.col2.c1_6p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 6) - 1.5rem) !important;
  }
  .row.gap3.col2.c1_7p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 7) - 1.5rem) !important;
  }
  .row.gap3.col2.c1_8p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 8) - 1.5rem) !important;
  }
  .row.gap3.col2.c1_9p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 9) - 1.5rem) !important;
  }
  .row.gap3.col2.c1_10p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 10) - 1.5rem) !important;
  }
  .row.gap3.col2.c1_11p > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 11) - 1.5rem) !important;
  }
  .row.gap3.col2.c1_12p > *:nth-child(2n+1) {
    width: 100% !important;
  }
  .row.gap3.col2.c2_1p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 1) - 1.5rem) !important;
  }
  .row.gap3.col2.c2_2p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 2) - 1.5rem) !important;
  }
  .row.gap3.col2.c2_3p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 3) - 1.5rem) !important;
  }
  .row.gap3.col2.c2_4p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 4) - 1.5rem) !important;
  }
  .row.gap3.col2.c2_5p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 5) - 1.5rem) !important;
  }
  .row.gap3.col2.c2_6p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 6) - 1.5rem) !important;
  }
  .row.gap3.col2.c2_7p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 7) - 1.5rem) !important;
  }
  .row.gap3.col2.c2_8p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 8) - 1.5rem) !important;
  }
  .row.gap3.col2.c2_9p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 9) - 1.5rem) !important;
  }
  .row.gap3.col2.c2_10p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 10) - 1.5rem) !important;
  }
  .row.gap3.col2.c2_11p > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 11) - 1.5rem) !important;
  }
  .row.gap3.col2.c2_12p > *:nth-child(2n+2) {
    width: 100% !important;
  }
  .row.gap3.col2.c3_1p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 1) - 1.5rem) !important;
  }
  .row.gap3.col2.c3_2p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 2) - 1.5rem) !important;
  }
  .row.gap3.col2.c3_3p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 3) - 1.5rem) !important;
  }
  .row.gap3.col2.c3_4p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 4) - 1.5rem) !important;
  }
  .row.gap3.col2.c3_5p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 5) - 1.5rem) !important;
  }
  .row.gap3.col2.c3_6p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 6) - 1.5rem) !important;
  }
  .row.gap3.col2.c3_7p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 7) - 1.5rem) !important;
  }
  .row.gap3.col2.c3_8p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 8) - 1.5rem) !important;
  }
  .row.gap3.col2.c3_9p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 9) - 1.5rem) !important;
  }
  .row.gap3.col2.c3_10p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 10) - 1.5rem) !important;
  }
  .row.gap3.col2.c3_11p > *:nth-child(2n+3) {
    width: calc(calc(calc(100% / 12) * 11) - 1.5rem) !important;
  }
  .row.gap3.col2.c3_12p > *:nth-child(2n+3) {
    width: 100% !important;
  }
  .row.gap3.col3.c1_1p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 1) - 2rem) !important;
  }
  .row.gap3.col3.c1_2p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 2) - 2rem) !important;
  }
  .row.gap3.col3.c1_3p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 3) - 2rem) !important;
  }
  .row.gap3.col3.c1_4p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 4) - 2rem) !important;
  }
  .row.gap3.col3.c1_5p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 5) - 2rem) !important;
  }
  .row.gap3.col3.c1_6p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 6) - 2rem) !important;
  }
  .row.gap3.col3.c1_7p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 7) - 2rem) !important;
  }
  .row.gap3.col3.c1_8p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 8) - 2rem) !important;
  }
  .row.gap3.col3.c1_9p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 9) - 2rem) !important;
  }
  .row.gap3.col3.c1_10p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 10) - 2rem) !important;
  }
  .row.gap3.col3.c1_11p > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 11) - 2rem) !important;
  }
  .row.gap3.col3.c1_12p > *:nth-child(3n+1) {
    width: 100% !important;
  }
  .row.gap3.col3.c2_1p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 1) - 2rem) !important;
  }
  .row.gap3.col3.c2_2p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 2) - 2rem) !important;
  }
  .row.gap3.col3.c2_3p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 3) - 2rem) !important;
  }
  .row.gap3.col3.c2_4p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 4) - 2rem) !important;
  }
  .row.gap3.col3.c2_5p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 5) - 2rem) !important;
  }
  .row.gap3.col3.c2_6p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 6) - 2rem) !important;
  }
  .row.gap3.col3.c2_7p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 7) - 2rem) !important;
  }
  .row.gap3.col3.c2_8p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 8) - 2rem) !important;
  }
  .row.gap3.col3.c2_9p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 9) - 2rem) !important;
  }
  .row.gap3.col3.c2_10p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 10) - 2rem) !important;
  }
  .row.gap3.col3.c2_11p > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 11) - 2rem) !important;
  }
  .row.gap3.col3.c2_12p > *:nth-child(3n+2) {
    width: 100% !important;
  }
  .row.gap3.col3.c3_1p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 1) - 2rem) !important;
  }
  .row.gap3.col3.c3_2p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 2) - 2rem) !important;
  }
  .row.gap3.col3.c3_3p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 3) - 2rem) !important;
  }
  .row.gap3.col3.c3_4p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 4) - 2rem) !important;
  }
  .row.gap3.col3.c3_5p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 5) - 2rem) !important;
  }
  .row.gap3.col3.c3_6p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 6) - 2rem) !important;
  }
  .row.gap3.col3.c3_7p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 7) - 2rem) !important;
  }
  .row.gap3.col3.c3_8p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 8) - 2rem) !important;
  }
  .row.gap3.col3.c3_9p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 9) - 2rem) !important;
  }
  .row.gap3.col3.c3_10p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 10) - 2rem) !important;
  }
  .row.gap3.col3.c3_11p > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 11) - 2rem) !important;
  }
  .row.gap3.col3.c3_12p > *:nth-child(3n+3) {
    width: 100% !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .row.reverseP {
    flex-direction: column-reverse !important;
  }
}

@media (min-width: 0px) and (max-width: 788px) {
  .paddingPhoneLR {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) and (min-width: 788px) and (max-width: 1300px) {
  .paddingPhoneLR {
    padding-left: calc(20px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) and (min-width: 0px) and (max-width: 788px) {
  .paddingPhoneLR {
    padding-left: calc(20px * 0.6) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) and (min-width: 788px) and (max-width: 1300px) {
  .paddingPhoneLR {
    padding-right: calc(20px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) and (min-width: 0px) and (max-width: 788px) {
  .paddingPhoneLR {
    padding-right: calc(20px * 0.6) !important;
  }
}

.cardlist {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  align-items: flex-start;
}
.cardlist.cardlist111_0 {
  grid-gap: 0rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist111_0 {
    grid-gap: calc(0rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist111_0 {
    grid-gap: calc(0rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist111_0 > * {
    width: 100%;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist111_0 > * {
    width: 100%;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist111_0 > * {
    width: 100%;
  }
}
.cardlist.cardlist121_0 {
  grid-gap: 0rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist121_0 {
    grid-gap: calc(0rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist121_0 {
    grid-gap: calc(0rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist121_0 > * {
    width: 100%;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist121_0 > * {
    width: calc((100% / 2) - (0rem * calc(2 - 1) / 2));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist121_0 > * {
    width: 100%;
  }
}
.cardlist.cardlist131_0 {
  grid-gap: 0rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist131_0 {
    grid-gap: calc(0rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist131_0 {
    grid-gap: calc(0rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist131_0 > * {
    width: 100%;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist131_0 > * {
    width: calc((100% / 3) - (0rem * calc(3 - 1) / 3));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist131_0 > * {
    width: 100%;
  }
}
.cardlist.cardlist211_0 {
  grid-gap: 0rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist211_0 {
    grid-gap: calc(0rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist211_0 {
    grid-gap: calc(0rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist211_0 > * {
    width: calc((100% / 2) - (0rem * calc(2 - 1) / 2));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist211_0 > * {
    width: 100%;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist211_0 > * {
    width: 100%;
  }
}
.cardlist.cardlist221_0 {
  grid-gap: 0rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist221_0 {
    grid-gap: calc(0rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist221_0 {
    grid-gap: calc(0rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist221_0 > * {
    width: calc((100% / 2) - (0rem * calc(2 - 1) / 2));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist221_0 > * {
    width: calc((100% / 2) - (0rem * calc(2 - 1) / 2));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist221_0 > * {
    width: 100%;
  }
}
.cardlist.cardlist231_0 {
  grid-gap: 0rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist231_0 {
    grid-gap: calc(0rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist231_0 {
    grid-gap: calc(0rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist231_0 > * {
    width: calc((100% / 2) - (0rem * calc(2 - 1) / 2));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist231_0 > * {
    width: calc((100% / 3) - (0rem * calc(3 - 1) / 3));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist231_0 > * {
    width: 100%;
  }
}
.cardlist.cardlist311_0 {
  grid-gap: 0rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist311_0 {
    grid-gap: calc(0rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist311_0 {
    grid-gap: calc(0rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist311_0 > * {
    width: calc((100% / 3) - (0rem * calc(3 - 1) / 3));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist311_0 > * {
    width: 100%;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist311_0 > * {
    width: 100%;
  }
}
.cardlist.cardlist321_0 {
  grid-gap: 0rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist321_0 {
    grid-gap: calc(0rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist321_0 {
    grid-gap: calc(0rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist321_0 > * {
    width: calc((100% / 3) - (0rem * calc(3 - 1) / 3));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist321_0 > * {
    width: calc((100% / 2) - (0rem * calc(2 - 1) / 2));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist321_0 > * {
    width: 100%;
  }
}
.cardlist.cardlist331_0 {
  grid-gap: 0rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist331_0 {
    grid-gap: calc(0rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist331_0 {
    grid-gap: calc(0rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist331_0 > * {
    width: calc((100% / 3) - (0rem * calc(3 - 1) / 3));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist331_0 > * {
    width: calc((100% / 3) - (0rem * calc(3 - 1) / 3));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist331_0 > * {
    width: 100%;
  }
}
.cardlist.cardlist411_0 {
  grid-gap: 0rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist411_0 {
    grid-gap: calc(0rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist411_0 {
    grid-gap: calc(0rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist411_0 > * {
    width: calc((100% / 4) - (0rem * calc(4 - 1) / 4));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist411_0 > * {
    width: 100%;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist411_0 > * {
    width: 100%;
  }
}
.cardlist.cardlist421_0 {
  grid-gap: 0rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist421_0 {
    grid-gap: calc(0rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist421_0 {
    grid-gap: calc(0rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist421_0 > * {
    width: calc((100% / 4) - (0rem * calc(4 - 1) / 4));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist421_0 > * {
    width: calc((100% / 2) - (0rem * calc(2 - 1) / 2));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist421_0 > * {
    width: 100%;
  }
}
.cardlist.cardlist431_0 {
  grid-gap: 0rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist431_0 {
    grid-gap: calc(0rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist431_0 {
    grid-gap: calc(0rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist431_0 > * {
    width: calc((100% / 4) - (0rem * calc(4 - 1) / 4));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist431_0 > * {
    width: calc((100% / 3) - (0rem * calc(3 - 1) / 3));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist431_0 > * {
    width: 100%;
  }
}
.cardlist.cardlist511_0 {
  grid-gap: 0rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist511_0 {
    grid-gap: calc(0rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist511_0 {
    grid-gap: calc(0rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist511_0 > * {
    width: calc((100% / 5) - (0rem * calc(5 - 1) / 5));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist511_0 > * {
    width: 100%;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist511_0 > * {
    width: 100%;
  }
}
.cardlist.cardlist521_0 {
  grid-gap: 0rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist521_0 {
    grid-gap: calc(0rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist521_0 {
    grid-gap: calc(0rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist521_0 > * {
    width: calc((100% / 5) - (0rem * calc(5 - 1) / 5));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist521_0 > * {
    width: calc((100% / 2) - (0rem * calc(2 - 1) / 2));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist521_0 > * {
    width: 100%;
  }
}
.cardlist.cardlist531_0 {
  grid-gap: 0rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist531_0 {
    grid-gap: calc(0rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist531_0 {
    grid-gap: calc(0rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist531_0 > * {
    width: calc((100% / 5) - (0rem * calc(5 - 1) / 5));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist531_0 > * {
    width: calc((100% / 3) - (0rem * calc(3 - 1) / 3));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist531_0 > * {
    width: 100%;
  }
}
.cardlist.cardlist611_0 {
  grid-gap: 0rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist611_0 {
    grid-gap: calc(0rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist611_0 {
    grid-gap: calc(0rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist611_0 > * {
    width: calc((100% / 6) - (0rem * calc(6 - 1) / 6));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist611_0 > * {
    width: 100%;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist611_0 > * {
    width: 100%;
  }
}
.cardlist.cardlist621_0 {
  grid-gap: 0rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist621_0 {
    grid-gap: calc(0rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist621_0 {
    grid-gap: calc(0rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist621_0 > * {
    width: calc((100% / 6) - (0rem * calc(6 - 1) / 6));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist621_0 > * {
    width: calc((100% / 2) - (0rem * calc(2 - 1) / 2));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist621_0 > * {
    width: 100%;
  }
}
.cardlist.cardlist631_0 {
  grid-gap: 0rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist631_0 {
    grid-gap: calc(0rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist631_0 {
    grid-gap: calc(0rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist631_0 > * {
    width: calc((100% / 6) - (0rem * calc(6 - 1) / 6));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist631_0 > * {
    width: calc((100% / 3) - (0rem * calc(3 - 1) / 3));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist631_0 > * {
    width: 100%;
  }
}
.cardlist.cardlist111_1 {
  grid-gap: 1rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist111_1 {
    grid-gap: calc(1rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist111_1 {
    grid-gap: calc(1rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist111_1 > * {
    width: 100%;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist111_1 > * {
    width: 100%;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist111_1 > * {
    width: 100%;
  }
}
.cardlist.cardlist121_1 {
  grid-gap: 1rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist121_1 {
    grid-gap: calc(1rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist121_1 {
    grid-gap: calc(1rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist121_1 > * {
    width: 100%;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist121_1 > * {
    width: calc((100% / 2) - (1rem * calc(2 - 1) / 2));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist121_1 > * {
    width: 100%;
  }
}
.cardlist.cardlist131_1 {
  grid-gap: 1rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist131_1 {
    grid-gap: calc(1rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist131_1 {
    grid-gap: calc(1rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist131_1 > * {
    width: 100%;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist131_1 > * {
    width: calc((100% / 3) - (1rem * calc(3 - 1) / 3));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist131_1 > * {
    width: 100%;
  }
}
.cardlist.cardlist211_1 {
  grid-gap: 1rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist211_1 {
    grid-gap: calc(1rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist211_1 {
    grid-gap: calc(1rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist211_1 > * {
    width: calc((100% / 2) - (1rem * calc(2 - 1) / 2));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist211_1 > * {
    width: 100%;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist211_1 > * {
    width: 100%;
  }
}
.cardlist.cardlist221_1 {
  grid-gap: 1rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist221_1 {
    grid-gap: calc(1rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist221_1 {
    grid-gap: calc(1rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist221_1 > * {
    width: calc((100% / 2) - (1rem * calc(2 - 1) / 2));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist221_1 > * {
    width: calc((100% / 2) - (1rem * calc(2 - 1) / 2));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist221_1 > * {
    width: 100%;
  }
}
.cardlist.cardlist231_1 {
  grid-gap: 1rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist231_1 {
    grid-gap: calc(1rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist231_1 {
    grid-gap: calc(1rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist231_1 > * {
    width: calc((100% / 2) - (1rem * calc(2 - 1) / 2));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist231_1 > * {
    width: calc((100% / 3) - (1rem * calc(3 - 1) / 3));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist231_1 > * {
    width: 100%;
  }
}
.cardlist.cardlist311_1 {
  grid-gap: 1rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist311_1 {
    grid-gap: calc(1rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist311_1 {
    grid-gap: calc(1rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist311_1 > * {
    width: calc((100% / 3) - (1rem * calc(3 - 1) / 3));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist311_1 > * {
    width: 100%;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist311_1 > * {
    width: 100%;
  }
}
.cardlist.cardlist321_1 {
  grid-gap: 1rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist321_1 {
    grid-gap: calc(1rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist321_1 {
    grid-gap: calc(1rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist321_1 > * {
    width: calc((100% / 3) - (1rem * calc(3 - 1) / 3));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist321_1 > * {
    width: calc((100% / 2) - (1rem * calc(2 - 1) / 2));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist321_1 > * {
    width: 100%;
  }
}
.cardlist.cardlist331_1 {
  grid-gap: 1rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist331_1 {
    grid-gap: calc(1rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist331_1 {
    grid-gap: calc(1rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist331_1 > * {
    width: calc((100% / 3) - (1rem * calc(3 - 1) / 3));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist331_1 > * {
    width: calc((100% / 3) - (1rem * calc(3 - 1) / 3));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist331_1 > * {
    width: 100%;
  }
}
.cardlist.cardlist411_1 {
  grid-gap: 1rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist411_1 {
    grid-gap: calc(1rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist411_1 {
    grid-gap: calc(1rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist411_1 > * {
    width: calc((100% / 4) - (1rem * calc(4 - 1) / 4));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist411_1 > * {
    width: 100%;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist411_1 > * {
    width: 100%;
  }
}
.cardlist.cardlist421_1 {
  grid-gap: 1rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist421_1 {
    grid-gap: calc(1rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist421_1 {
    grid-gap: calc(1rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist421_1 > * {
    width: calc((100% / 4) - (1rem * calc(4 - 1) / 4));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist421_1 > * {
    width: calc((100% / 2) - (1rem * calc(2 - 1) / 2));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist421_1 > * {
    width: 100%;
  }
}
.cardlist.cardlist431_1 {
  grid-gap: 1rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist431_1 {
    grid-gap: calc(1rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist431_1 {
    grid-gap: calc(1rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist431_1 > * {
    width: calc((100% / 4) - (1rem * calc(4 - 1) / 4));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist431_1 > * {
    width: calc((100% / 3) - (1rem * calc(3 - 1) / 3));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist431_1 > * {
    width: 100%;
  }
}
.cardlist.cardlist511_1 {
  grid-gap: 1rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist511_1 {
    grid-gap: calc(1rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist511_1 {
    grid-gap: calc(1rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist511_1 > * {
    width: calc((100% / 5) - (1rem * calc(5 - 1) / 5));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist511_1 > * {
    width: 100%;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist511_1 > * {
    width: 100%;
  }
}
.cardlist.cardlist521_1 {
  grid-gap: 1rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist521_1 {
    grid-gap: calc(1rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist521_1 {
    grid-gap: calc(1rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist521_1 > * {
    width: calc((100% / 5) - (1rem * calc(5 - 1) / 5));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist521_1 > * {
    width: calc((100% / 2) - (1rem * calc(2 - 1) / 2));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist521_1 > * {
    width: 100%;
  }
}
.cardlist.cardlist531_1 {
  grid-gap: 1rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist531_1 {
    grid-gap: calc(1rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist531_1 {
    grid-gap: calc(1rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist531_1 > * {
    width: calc((100% / 5) - (1rem * calc(5 - 1) / 5));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist531_1 > * {
    width: calc((100% / 3) - (1rem * calc(3 - 1) / 3));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist531_1 > * {
    width: 100%;
  }
}
.cardlist.cardlist611_1 {
  grid-gap: 1rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist611_1 {
    grid-gap: calc(1rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist611_1 {
    grid-gap: calc(1rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist611_1 > * {
    width: calc((100% / 6) - (1rem * calc(6 - 1) / 6));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist611_1 > * {
    width: 100%;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist611_1 > * {
    width: 100%;
  }
}
.cardlist.cardlist621_1 {
  grid-gap: 1rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist621_1 {
    grid-gap: calc(1rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist621_1 {
    grid-gap: calc(1rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist621_1 > * {
    width: calc((100% / 6) - (1rem * calc(6 - 1) / 6));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist621_1 > * {
    width: calc((100% / 2) - (1rem * calc(2 - 1) / 2));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist621_1 > * {
    width: 100%;
  }
}
.cardlist.cardlist631_1 {
  grid-gap: 1rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist631_1 {
    grid-gap: calc(1rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist631_1 {
    grid-gap: calc(1rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist631_1 > * {
    width: calc((100% / 6) - (1rem * calc(6 - 1) / 6));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist631_1 > * {
    width: calc((100% / 3) - (1rem * calc(3 - 1) / 3));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist631_1 > * {
    width: 100%;
  }
}
.cardlist.cardlist111_2 {
  grid-gap: 2rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist111_2 {
    grid-gap: calc(2rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist111_2 {
    grid-gap: calc(2rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist111_2 > * {
    width: 100%;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist111_2 > * {
    width: 100%;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist111_2 > * {
    width: 100%;
  }
}
.cardlist.cardlist121_2 {
  grid-gap: 2rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist121_2 {
    grid-gap: calc(2rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist121_2 {
    grid-gap: calc(2rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist121_2 > * {
    width: 100%;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist121_2 > * {
    width: calc((100% / 2) - (2rem * calc(2 - 1) / 2));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist121_2 > * {
    width: 100%;
  }
}
.cardlist.cardlist131_2 {
  grid-gap: 2rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist131_2 {
    grid-gap: calc(2rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist131_2 {
    grid-gap: calc(2rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist131_2 > * {
    width: 100%;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist131_2 > * {
    width: calc((100% / 3) - (2rem * calc(3 - 1) / 3));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist131_2 > * {
    width: 100%;
  }
}
.cardlist.cardlist211_2 {
  grid-gap: 2rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist211_2 {
    grid-gap: calc(2rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist211_2 {
    grid-gap: calc(2rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist211_2 > * {
    width: calc((100% / 2) - (2rem * calc(2 - 1) / 2));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist211_2 > * {
    width: 100%;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist211_2 > * {
    width: 100%;
  }
}
.cardlist.cardlist221_2 {
  grid-gap: 2rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist221_2 {
    grid-gap: calc(2rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist221_2 {
    grid-gap: calc(2rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist221_2 > * {
    width: calc((100% / 2) - (2rem * calc(2 - 1) / 2));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist221_2 > * {
    width: calc((100% / 2) - (2rem * calc(2 - 1) / 2));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist221_2 > * {
    width: 100%;
  }
}
.cardlist.cardlist231_2 {
  grid-gap: 2rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist231_2 {
    grid-gap: calc(2rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist231_2 {
    grid-gap: calc(2rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist231_2 > * {
    width: calc((100% / 2) - (2rem * calc(2 - 1) / 2));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist231_2 > * {
    width: calc((100% / 3) - (2rem * calc(3 - 1) / 3));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist231_2 > * {
    width: 100%;
  }
}
.cardlist.cardlist311_2 {
  grid-gap: 2rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist311_2 {
    grid-gap: calc(2rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist311_2 {
    grid-gap: calc(2rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist311_2 > * {
    width: calc((100% / 3) - (2rem * calc(3 - 1) / 3));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist311_2 > * {
    width: 100%;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist311_2 > * {
    width: 100%;
  }
}
.cardlist.cardlist321_2 {
  grid-gap: 2rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist321_2 {
    grid-gap: calc(2rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist321_2 {
    grid-gap: calc(2rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist321_2 > * {
    width: calc((100% / 3) - (2rem * calc(3 - 1) / 3));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist321_2 > * {
    width: calc((100% / 2) - (2rem * calc(2 - 1) / 2));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist321_2 > * {
    width: 100%;
  }
}
.cardlist.cardlist331_2 {
  grid-gap: 2rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist331_2 {
    grid-gap: calc(2rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist331_2 {
    grid-gap: calc(2rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist331_2 > * {
    width: calc((100% / 3) - (2rem * calc(3 - 1) / 3));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist331_2 > * {
    width: calc((100% / 3) - (2rem * calc(3 - 1) / 3));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist331_2 > * {
    width: 100%;
  }
}
.cardlist.cardlist411_2 {
  grid-gap: 2rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist411_2 {
    grid-gap: calc(2rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist411_2 {
    grid-gap: calc(2rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist411_2 > * {
    width: calc((100% / 4) - (2rem * calc(4 - 1) / 4));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist411_2 > * {
    width: 100%;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist411_2 > * {
    width: 100%;
  }
}
.cardlist.cardlist421_2 {
  grid-gap: 2rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist421_2 {
    grid-gap: calc(2rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist421_2 {
    grid-gap: calc(2rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist421_2 > * {
    width: calc((100% / 4) - (2rem * calc(4 - 1) / 4));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist421_2 > * {
    width: calc((100% / 2) - (2rem * calc(2 - 1) / 2));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist421_2 > * {
    width: 100%;
  }
}
.cardlist.cardlist431_2 {
  grid-gap: 2rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist431_2 {
    grid-gap: calc(2rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist431_2 {
    grid-gap: calc(2rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist431_2 > * {
    width: calc((100% / 4) - (2rem * calc(4 - 1) / 4));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist431_2 > * {
    width: calc((100% / 3) - (2rem * calc(3 - 1) / 3));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist431_2 > * {
    width: 100%;
  }
}
.cardlist.cardlist511_2 {
  grid-gap: 2rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist511_2 {
    grid-gap: calc(2rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist511_2 {
    grid-gap: calc(2rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist511_2 > * {
    width: calc((100% / 5) - (2rem * calc(5 - 1) / 5));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist511_2 > * {
    width: 100%;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist511_2 > * {
    width: 100%;
  }
}
.cardlist.cardlist521_2 {
  grid-gap: 2rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist521_2 {
    grid-gap: calc(2rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist521_2 {
    grid-gap: calc(2rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist521_2 > * {
    width: calc((100% / 5) - (2rem * calc(5 - 1) / 5));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist521_2 > * {
    width: calc((100% / 2) - (2rem * calc(2 - 1) / 2));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist521_2 > * {
    width: 100%;
  }
}
.cardlist.cardlist531_2 {
  grid-gap: 2rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist531_2 {
    grid-gap: calc(2rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist531_2 {
    grid-gap: calc(2rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist531_2 > * {
    width: calc((100% / 5) - (2rem * calc(5 - 1) / 5));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist531_2 > * {
    width: calc((100% / 3) - (2rem * calc(3 - 1) / 3));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist531_2 > * {
    width: 100%;
  }
}
.cardlist.cardlist611_2 {
  grid-gap: 2rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist611_2 {
    grid-gap: calc(2rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist611_2 {
    grid-gap: calc(2rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist611_2 > * {
    width: calc((100% / 6) - (2rem * calc(6 - 1) / 6));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist611_2 > * {
    width: 100%;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist611_2 > * {
    width: 100%;
  }
}
.cardlist.cardlist621_2 {
  grid-gap: 2rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist621_2 {
    grid-gap: calc(2rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist621_2 {
    grid-gap: calc(2rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist621_2 > * {
    width: calc((100% / 6) - (2rem * calc(6 - 1) / 6));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist621_2 > * {
    width: calc((100% / 2) - (2rem * calc(2 - 1) / 2));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist621_2 > * {
    width: 100%;
  }
}
.cardlist.cardlist631_2 {
  grid-gap: 2rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist631_2 {
    grid-gap: calc(2rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist631_2 {
    grid-gap: calc(2rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist631_2 > * {
    width: calc((100% / 6) - (2rem * calc(6 - 1) / 6));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist631_2 > * {
    width: calc((100% / 3) - (2rem * calc(3 - 1) / 3));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist631_2 > * {
    width: 100%;
  }
}
.cardlist.cardlist111_3 {
  grid-gap: 3rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist111_3 {
    grid-gap: calc(3rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist111_3 {
    grid-gap: calc(3rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist111_3 > * {
    width: 100%;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist111_3 > * {
    width: 100%;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist111_3 > * {
    width: 100%;
  }
}
.cardlist.cardlist121_3 {
  grid-gap: 3rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist121_3 {
    grid-gap: calc(3rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist121_3 {
    grid-gap: calc(3rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist121_3 > * {
    width: 100%;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist121_3 > * {
    width: calc((100% / 2) - (3rem * calc(2 - 1) / 2));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist121_3 > * {
    width: 100%;
  }
}
.cardlist.cardlist131_3 {
  grid-gap: 3rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist131_3 {
    grid-gap: calc(3rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist131_3 {
    grid-gap: calc(3rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist131_3 > * {
    width: 100%;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist131_3 > * {
    width: calc((100% / 3) - (3rem * calc(3 - 1) / 3));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist131_3 > * {
    width: 100%;
  }
}
.cardlist.cardlist211_3 {
  grid-gap: 3rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist211_3 {
    grid-gap: calc(3rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist211_3 {
    grid-gap: calc(3rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist211_3 > * {
    width: calc((100% / 2) - (3rem * calc(2 - 1) / 2));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist211_3 > * {
    width: 100%;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist211_3 > * {
    width: 100%;
  }
}
.cardlist.cardlist221_3 {
  grid-gap: 3rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist221_3 {
    grid-gap: calc(3rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist221_3 {
    grid-gap: calc(3rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist221_3 > * {
    width: calc((100% / 2) - (3rem * calc(2 - 1) / 2));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist221_3 > * {
    width: calc((100% / 2) - (3rem * calc(2 - 1) / 2));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist221_3 > * {
    width: 100%;
  }
}
.cardlist.cardlist231_3 {
  grid-gap: 3rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist231_3 {
    grid-gap: calc(3rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist231_3 {
    grid-gap: calc(3rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist231_3 > * {
    width: calc((100% / 2) - (3rem * calc(2 - 1) / 2));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist231_3 > * {
    width: calc((100% / 3) - (3rem * calc(3 - 1) / 3));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist231_3 > * {
    width: 100%;
  }
}
.cardlist.cardlist311_3 {
  grid-gap: 3rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist311_3 {
    grid-gap: calc(3rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist311_3 {
    grid-gap: calc(3rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist311_3 > * {
    width: calc((100% / 3) - (3rem * calc(3 - 1) / 3));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist311_3 > * {
    width: 100%;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist311_3 > * {
    width: 100%;
  }
}
.cardlist.cardlist321_3 {
  grid-gap: 3rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist321_3 {
    grid-gap: calc(3rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist321_3 {
    grid-gap: calc(3rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist321_3 > * {
    width: calc((100% / 3) - (3rem * calc(3 - 1) / 3));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist321_3 > * {
    width: calc((100% / 2) - (3rem * calc(2 - 1) / 2));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist321_3 > * {
    width: 100%;
  }
}
.cardlist.cardlist331_3 {
  grid-gap: 3rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist331_3 {
    grid-gap: calc(3rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist331_3 {
    grid-gap: calc(3rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist331_3 > * {
    width: calc((100% / 3) - (3rem * calc(3 - 1) / 3));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist331_3 > * {
    width: calc((100% / 3) - (3rem * calc(3 - 1) / 3));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist331_3 > * {
    width: 100%;
  }
}
.cardlist.cardlist411_3 {
  grid-gap: 3rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist411_3 {
    grid-gap: calc(3rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist411_3 {
    grid-gap: calc(3rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist411_3 > * {
    width: calc((100% / 4) - (3rem * calc(4 - 1) / 4));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist411_3 > * {
    width: 100%;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist411_3 > * {
    width: 100%;
  }
}
.cardlist.cardlist421_3 {
  grid-gap: 3rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist421_3 {
    grid-gap: calc(3rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist421_3 {
    grid-gap: calc(3rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist421_3 > * {
    width: calc((100% / 4) - (3rem * calc(4 - 1) / 4));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist421_3 > * {
    width: calc((100% / 2) - (3rem * calc(2 - 1) / 2));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist421_3 > * {
    width: 100%;
  }
}
.cardlist.cardlist431_3 {
  grid-gap: 3rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist431_3 {
    grid-gap: calc(3rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist431_3 {
    grid-gap: calc(3rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist431_3 > * {
    width: calc((100% / 4) - (3rem * calc(4 - 1) / 4));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist431_3 > * {
    width: calc((100% / 3) - (3rem * calc(3 - 1) / 3));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist431_3 > * {
    width: 100%;
  }
}
.cardlist.cardlist511_3 {
  grid-gap: 3rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist511_3 {
    grid-gap: calc(3rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist511_3 {
    grid-gap: calc(3rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist511_3 > * {
    width: calc((100% / 5) - (3rem * calc(5 - 1) / 5));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist511_3 > * {
    width: 100%;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist511_3 > * {
    width: 100%;
  }
}
.cardlist.cardlist521_3 {
  grid-gap: 3rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist521_3 {
    grid-gap: calc(3rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist521_3 {
    grid-gap: calc(3rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist521_3 > * {
    width: calc((100% / 5) - (3rem * calc(5 - 1) / 5));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist521_3 > * {
    width: calc((100% / 2) - (3rem * calc(2 - 1) / 2));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist521_3 > * {
    width: 100%;
  }
}
.cardlist.cardlist531_3 {
  grid-gap: 3rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist531_3 {
    grid-gap: calc(3rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist531_3 {
    grid-gap: calc(3rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist531_3 > * {
    width: calc((100% / 5) - (3rem * calc(5 - 1) / 5));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist531_3 > * {
    width: calc((100% / 3) - (3rem * calc(3 - 1) / 3));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist531_3 > * {
    width: 100%;
  }
}
.cardlist.cardlist611_3 {
  grid-gap: 3rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist611_3 {
    grid-gap: calc(3rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist611_3 {
    grid-gap: calc(3rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist611_3 > * {
    width: calc((100% / 6) - (3rem * calc(6 - 1) / 6));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist611_3 > * {
    width: 100%;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist611_3 > * {
    width: 100%;
  }
}
.cardlist.cardlist621_3 {
  grid-gap: 3rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist621_3 {
    grid-gap: calc(3rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist621_3 {
    grid-gap: calc(3rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist621_3 > * {
    width: calc((100% / 6) - (3rem * calc(6 - 1) / 6));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist621_3 > * {
    width: calc((100% / 2) - (3rem * calc(2 - 1) / 2));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist621_3 > * {
    width: 100%;
  }
}
.cardlist.cardlist631_3 {
  grid-gap: 3rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist631_3 {
    grid-gap: calc(3rem * 0.9);
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist631_3 {
    grid-gap: calc(3rem * 0.8);
  }
}
@media (min-width: 1300px) {
  .cardlist.cardlist631_3 > * {
    width: calc((100% / 6) - (3rem * calc(6 - 1) / 6));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cardlist.cardlist631_3 > * {
    width: calc((100% / 3) - (3rem * calc(3 - 1) / 3));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cardlist.cardlist631_3 > * {
    width: 100%;
  }
}

@media (min-width: 0px) and (max-width: 788px) {
  .hideOnPhone {
    display: none !important;
  }
}

@media (min-width: 788px) and (max-width: 1300px) {
  .hideOnTablet {
    display: none !important;
  }
}

/*! Flickity v2.2.2
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: 0;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.flickity-button {
  position: absolute;
  background: hsla(0deg, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: #fff;
  cursor: pointer;
}

.flickity-button:focus {
  outline: 0;
  box-shadow: 0 0 0 5px #19f;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous {
  left: 10px;
}

.flickity-prev-next-button.next {
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}

.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--group {
  padding: 0;
}

.select2-container--default .select2-results__option--disabled {
  color: #999;
}

.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option--group {
  padding: 0;
}

.select2-container--classic .select2-results__option--disabled {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: #fff;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

.tippy-box[data-animation=scale][data-placement^=top] {
  transform-origin: bottom;
}

.tippy-box[data-animation=scale][data-placement^=bottom] {
  transform-origin: top;
}

.tippy-box[data-animation=scale][data-placement^=left] {
  transform-origin: right;
}

.tippy-box[data-animation=scale][data-placement^=right] {
  transform-origin: left;
}

.tippy-box[data-animation=scale][data-state=hidden] {
  transform: scale(0.5);
  opacity: 0;
}

/* iCheck plugin Square skin, blue
----------------------------------- */
.icheckbox_square-blue,
.iradio_square-blue {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 22px;
  height: 22px;
  background: url(/css/blue.png) no-repeat;
  border: none;
  cursor: pointer;
}

.icheckbox_square-blue {
  background-position: 0 0;
}

.icheckbox_square-blue.hover {
  background-position: -24px 0;
}

.icheckbox_square-blue.checked {
  background-position: -48px 0;
}

.icheckbox_square-blue.disabled {
  background-position: -72px 0;
  cursor: default;
}

.icheckbox_square-blue.checked.disabled {
  background-position: -96px 0;
}

.iradio_square-blue {
  background-position: -120px 0;
}

.iradio_square-blue.hover {
  background-position: -144px 0;
}

.iradio_square-blue.checked {
  background-position: -168px 0;
}

.iradio_square-blue.disabled {
  background-position: -192px 0;
  cursor: default;
}

.iradio_square-blue.checked.disabled {
  background-position: -216px 0;
}

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
  .icheckbox_square-blue,
  .iradio_square-blue {
    background-image: url(/css/blue@2x.png);
    -webkit-background-size: 240px 24px;
    background-size: 240px 24px;
  }
}
@font-face {
  font-family: "GraphikRegular";
  src: url("../webfonts/GraphikRegular.otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GraphikBold";
  src: url("../webfonts/GraphikBold.otf");
  font-weight: 900;
}
@font-face {
  font-family: "effra";
  src: url("../webfonts/Effra_Trial_Lt.ttf");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "effra";
  src: url("../webfonts/Effra_Trial_It.ttf");
  font-display: auto;
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "effra";
  src: url("../webfonts/Effra_Trial_Md.ttf");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}
@font-face {
  font-family: "effra";
  src: url("../webfonts/Effra_Trial_MdIt.ttf");
  font-display: auto;
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
}
@font-face {
  font-family: "optima";
  src: url("../webfonts/OPTIMA.TTF") format("truetype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "optima";
  src: url("../webfonts/Optima_Italic.ttf") format("truetype");
  font-display: auto;
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "optima";
  src: url("../webfonts/Optima Medium.ttf") format("truetype");
  font-display: auto;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
}
@font-face {
  font-family: "optima";
  src: url("../webfonts/OPTIMA_B.TTF") format("truetype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}
:root {
  --grid-margin: 1.25rem;
  --grid-padding: 1.25rem;
}

*, ::after, ::before {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 17px;
  color: black;
  overflow-x: hidden;
  background-color: #F5F5F5 !important;
  font-family: "optima", Verdana, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1 {
  font-size: 36px !important;
  line-height: 60px !important;
  font-weight: 700 !important;
  color: #31313E;
}
@media (min-width: 788px) and (max-width: 1300px) {
  h1 {
    font-size: calc(36px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  h1 {
    font-size: calc(36px * 0.6) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  h1 {
    line-height: calc(60px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  h1 {
    line-height: calc(60px * 0.6) !important;
  }
}

h2 {
  font-size: 24px !important;
  font-weight: 19px;
  margin-bottom: 15px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  h2 {
    font-size: calc(24px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  h2 {
    font-size: calc(24px * 0.6) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  h2 {
    margin-bottom: calc(15px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  h2 {
    margin-bottom: calc(15px * 0.8) !important;
  }
}
h2.JPbig {
  font-size: 50px !important;
  font-weight: 700;
  color: #31313E;
}
@media (min-width: 788px) and (max-width: 1300px) {
  h2.JPbig {
    font-size: calc(50px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  h2.JPbig {
    font-size: calc(50px * 0.6) !important;
  }
}

h3 {
  margin-bottom: 15px;
  font-size: 24px !important;
  font-weight: 700;
  line-height: 33px;
  color: #31313E;
}
@media (min-width: 788px) and (max-width: 1300px) {
  h3 {
    font-size: calc(24px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  h3 {
    font-size: calc(24px * 0.6) !important;
  }
}
h3.UPPERwhite {
  text-transform: uppercase;
  color: #FFFFFF !important;
}

strong {
  font-size: 36px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  strong {
    font-size: calc(36px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  strong {
    font-size: calc(36px * 0.6) !important;
  }
}

p, .formrow .labels label.sub {
  font-family: "Nunito", sans-serif;
  font-size: 19px !important;
  font-weight: 400;
  color: #31313E;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  p, .formrow .labels label.sub {
    font-size: calc(19px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  p, .formrow .labels label.sub {
    font-size: calc(19px * 0.8) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  p, .formrow .labels label.sub {
    margin-top: calc(20px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  p, .formrow .labels label.sub {
    margin-top: calc(20px * 0.6) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  p, .formrow .labels label.sub {
    margin-bottom: calc(20px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  p, .formrow .labels label.sub {
    margin-bottom: calc(20px * 0.6) !important;
  }
}

summary {
  font-size: 19px !important;
  line-height: 28px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  summary {
    font-size: calc(19px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  summary {
    font-size: calc(19px * 0.8) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  summary {
    line-height: calc(28px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  summary {
    line-height: calc(28px * 0.6) !important;
  }
}

.fHs {
  font-size: 24px !important;
}

.fhM {
  font-size: 36px !important;
}

.fsL {
  font-size: 50px !important;
}

.fS {
  font-size: 30px !important;
}

.fM {
  font-size: 17px !important;
}

.tRight {
  text-align: right;
}

.tLeft {
  text-align: left !important;
}

.tCenter {
  text-align: center;
}

.stripe {
  text-decoration: line-through;
}

.lower {
  text-transform: lowercase !important;
}

.upper, .formrow .labels label {
  text-transform: uppercase !important;
}

.camel, .togglebox {
  text-transform: capitalize !important;
}

.italic {
  font-style: italic;
}

.bold {
  font-weight: 700 !important;
}

.bolder, .verticalDoubleChecklist > div ul, .togglebox, .formrow .labels label {
  font-weight: 700 !important;
}

/*hr {
	@include respMarginB($sM, $constRespSPercT, $constRespSPercP);
	border-top: 1px;
}*/
/*small {
	font-size: $fXS;
}

.fXXL {
	font-size: $fXXL !important;
}

.fXL {
	font-size: $fXL !important;
}

.fL {
	font-size: $fL !important;
}

.fM {
	font-size: $fM !important;
}

.fS {
	font-size: $fS !important;
}

.fXS { // in html
	font-size: $fXS !important;
}

.fXXS { // in html
	font-size: $fXXS !important;
}

.fpM { // in html FONT 19 STANDAARD
	font-size: $fpM !important;
}

.fhM {
	font-size: $fhM !important;
}

.fhS {
	font-size: $fhS !important;
}

.fhXS {
	font-size: $fhXS !important;
}



.tRight {
	text-align: right;
}

.tLeft {
	text-align: left !important;
}

.tCenter {
	text-align: center;
}

.stripe {
	text-decoration: line-through;
}

.lower {
	text-transform: lowercase !important;
}

.upper {
	text-transform: uppercase !important;
}

.camel {
	text-transform: capitalize !important;
}

.italic {
	font-style: italic;
}

.bold {
	font-weight: $fwML !important;
}

.bolder {
	font-weight: $fwL !important;
}

hr {
	@include respMarginB($sM, $constRespSPercT, $constRespSPercP);
	border-top: 1px;
}*/
.ctxtWhite {
  color: #FFFFFF;
}

.ctxtBrownDefault {
  color: #31313E;
}

.ctxtcInfobox {
  color: #91894b;
}

.ctxtBrownLighter, .infobox > .infoboxbody > .infotext > p, .formrow .labels .infobox > .infoboxbody > .infotext > label.sub {
  color: #C8C6BE;
}

.cBlack {
  color: #272838;
}

.bgcBlack {
  background-color: #272838;
}

.bgcWhite {
  background-color: #FFFFFF;
}

.bgcBrownLight, .carouselwrapper, .testimonials {
  background-color: #C8C6BE;
}

.bgcBrownDarker {
  background-color: #222230;
}

.bgcBrownDark {
  background-color: #31313E;
}

.bgcBrownLight, .carouselwrapper, .testimonials {
  background-color: #AFAB99;
}

.bgcBrownLighter {
  background-color: #C8C6BE;
}

.bgcCTAgreen {
  background-color: #3D525A;
}

.bgcInfobox {
  background-color: #91894b;
}

.bgcWhite {
  background-color: white;
}

.bgImgLT {
  background-position: left top;
}

.bgImgLC {
  background-position: left center;
}

.bgImgLB {
  background-position: left bottom;
}

.bgImgRT {
  background-position: right top;
}

.bgImgRC {
  background-position: right center;
}

.bgImgRB {
  background-position: right bottom;
}

.bgImgCT {
  background-position: center top;
}

.bgImgCC {
  background-position: center center;
}

.bgImgCB {
  background-position: center bottom;
}

img {
  max-width: 100% !important;
  max-height: 100% !important;
}

.mUnset {
  margin: 0 !important;
}

.mBUnset {
  margin-bottom: 0 !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mBUnset {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mBUnset {
    margin-bottom: 0 !important;
  }
}

.mB_L {
  margin-bottom: 32px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mB_L {
    margin-bottom: calc(32px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mB_L {
    margin-bottom: calc(32px * 0.8) !important;
  }
}

.mB_M {
  margin-bottom: 20px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mB_M {
    margin-bottom: calc(20px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mB_M {
    margin-bottom: calc(20px * 0.8) !important;
  }
}

.mB_S {
  margin-bottom: 15px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mB_S {
    margin-bottom: calc(15px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mB_S {
    margin-bottom: calc(15px * 0.8) !important;
  }
}

.mB_XS {
  margin-bottom: 10px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mB_XS {
    margin-bottom: calc(10px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mB_XS {
    margin-bottom: calc(10px * 0.8) !important;
  }
}

.mB_XXS {
  margin-bottom: 5px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mB_XXS {
    margin-bottom: calc(5px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mB_XXS {
    margin-bottom: calc(5px * 0.8) !important;
  }
}

.mTUnset {
  margin-top: 0 !important;
}

.mT_XL {
  margin-top: 64px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mT_XL {
    margin-top: calc(64px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mT_XL {
    margin-top: calc(64px * 0.8) !important;
  }
}

.mT_L {
  margin-top: 32px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mT_L {
    margin-top: calc(32px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mT_L {
    margin-top: calc(32px * 0.8) !important;
  }
}

.mT_M {
  margin-top: 20px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mT_M {
    margin-top: calc(20px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mT_M {
    margin-top: calc(20px * 0.8) !important;
  }
}

.mT_S {
  margin-top: 15px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mT_S {
    margin-top: calc(15px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mT_S {
    margin-top: calc(15px * 0.8) !important;
  }
}

.mT_XS {
  margin-top: 10px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mT_XS {
    margin-top: calc(10px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mT_XS {
    margin-top: calc(10px * 0.8) !important;
  }
}

.mT_XXS {
  margin-top: 5px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mT_XXS {
    margin-top: calc(5px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mT_XXS {
    margin-top: calc(5px * 0.8) !important;
  }
}

.mLUnset {
  margin-left: 0 !important;
}

.mL_L {
  margin-left: 32px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mL_L {
    margin-left: calc(32px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mL_L {
    margin-left: calc(32px * 0.8) !important;
  }
}

.mL_M {
  margin-left: 20px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mL_M {
    margin-left: calc(20px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mL_M {
    margin-left: calc(20px * 0.8) !important;
  }
}

.mL_S {
  margin-left: 15px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mL_S {
    margin-left: calc(15px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mL_S {
    margin-left: calc(15px * 0.8) !important;
  }
}

.mL_XS {
  margin-left: 10px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mL_XS {
    margin-left: calc(10px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mL_XS {
    margin-left: calc(10px * 0.8) !important;
  }
}

.mL_XXS {
  margin-left: 5px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mL_XXS {
    margin-left: calc(5px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mL_XXS {
    margin-left: calc(5px * 0.8) !important;
  }
}

.mRUnset {
  margin-right: 0 !important;
}

.mR_L {
  margin-right: 32px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mR_L {
    margin-right: calc(32px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mR_L {
    margin-right: calc(32px * 0.8) !important;
  }
}

.mR_M {
  margin-right: 20px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mR_M {
    margin-right: calc(20px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mR_M {
    margin-right: calc(20px * 0.8) !important;
  }
}

.mR_S {
  margin-right: 15px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mR_S {
    margin-right: calc(15px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mR_S {
    margin-right: calc(15px * 0.8) !important;
  }
}

.mR_XS {
  margin-right: 10px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mR_XS {
    margin-right: calc(10px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mR_XS {
    margin-right: calc(10px * 0.8) !important;
  }
}

.mR_XXS {
  margin-right: 5px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mR_XXS {
    margin-right: calc(5px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mR_XXS {
    margin-right: calc(5px * 0.8) !important;
  }
}

.mT_0 {
  margin-top: 0px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mT_0 {
    margin-top: calc(0px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mT_0 {
    margin-top: calc(0px * 0.8) !important;
  }
}

.mB_0 {
  margin-bottom: 0px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mB_0 {
    margin-bottom: calc(0px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mB_0 {
    margin-bottom: calc(0px * 0.8) !important;
  }
}

.mT_5 {
  margin-top: 5px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mT_5 {
    margin-top: calc(5px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mT_5 {
    margin-top: calc(5px * 0.8) !important;
  }
}

.mB_5 {
  margin-bottom: 5px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mB_5 {
    margin-bottom: calc(5px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mB_5 {
    margin-bottom: calc(5px * 0.8) !important;
  }
}

.mT_10 {
  margin-top: 10px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mT_10 {
    margin-top: calc(10px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mT_10 {
    margin-top: calc(10px * 0.8) !important;
  }
}

.mB_10 {
  margin-bottom: 10px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mB_10 {
    margin-bottom: calc(10px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mB_10 {
    margin-bottom: calc(10px * 0.8) !important;
  }
}

.mT_15 {
  margin-top: 15px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mT_15 {
    margin-top: calc(15px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mT_15 {
    margin-top: calc(15px * 0.8) !important;
  }
}

.mB_15 {
  margin-bottom: 15px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mB_15 {
    margin-bottom: calc(15px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mB_15 {
    margin-bottom: calc(15px * 0.8) !important;
  }
}

.mT_20 {
  margin-top: 20px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mT_20 {
    margin-top: calc(20px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mT_20 {
    margin-top: calc(20px * 0.8) !important;
  }
}

.mB_20 {
  margin-bottom: 20px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mB_20 {
    margin-bottom: calc(20px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mB_20 {
    margin-bottom: calc(20px * 0.8) !important;
  }
}

.mT_25 {
  margin-top: 25px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mT_25 {
    margin-top: calc(25px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mT_25 {
    margin-top: calc(25px * 0.8) !important;
  }
}

.mB_25 {
  margin-bottom: 25px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mB_25 {
    margin-bottom: calc(25px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mB_25 {
    margin-bottom: calc(25px * 0.8) !important;
  }
}

.mT_30 {
  margin-top: 30px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mT_30 {
    margin-top: calc(30px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mT_30 {
    margin-top: calc(30px * 0.8) !important;
  }
}

.mB_30 {
  margin-bottom: 30px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mB_30 {
    margin-bottom: calc(30px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mB_30 {
    margin-bottom: calc(30px * 0.8) !important;
  }
}

.mT_35 {
  margin-top: 35px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mT_35 {
    margin-top: calc(35px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mT_35 {
    margin-top: calc(35px * 0.8) !important;
  }
}

.mB_35 {
  margin-bottom: 35px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mB_35 {
    margin-bottom: calc(35px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mB_35 {
    margin-bottom: calc(35px * 0.8) !important;
  }
}

.mT_40 {
  margin-top: 40px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mT_40 {
    margin-top: calc(40px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mT_40 {
    margin-top: calc(40px * 0.8) !important;
  }
}

.mB_40 {
  margin-bottom: 40px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mB_40 {
    margin-bottom: calc(40px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mB_40 {
    margin-bottom: calc(40px * 0.8) !important;
  }
}

.mT_45 {
  margin-top: 45px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mT_45 {
    margin-top: calc(45px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mT_45 {
    margin-top: calc(45px * 0.8) !important;
  }
}

.mB_45 {
  margin-bottom: 45px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mB_45 {
    margin-bottom: calc(45px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mB_45 {
    margin-bottom: calc(45px * 0.8) !important;
  }
}

.mT_50 {
  margin-top: 50px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mT_50 {
    margin-top: calc(50px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mT_50 {
    margin-top: calc(50px * 0.8) !important;
  }
}

.mB_50 {
  margin-bottom: 50px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mB_50 {
    margin-bottom: calc(50px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mB_50 {
    margin-bottom: calc(50px * 0.8) !important;
  }
}

.pUnset {
  padding: 0 !important;
}

.pBUnset {
  padding-bottom: unset !important;
}

.pB_XL {
  padding-bottom: 64px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .pB_XL {
    padding-bottom: calc(64px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .pB_XL {
    padding-bottom: calc(64px * 0.8) !important;
  }
}

.pB_L {
  padding-bottom: 32px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .pB_L {
    padding-bottom: calc(32px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .pB_L {
    padding-bottom: calc(32px * 0.8) !important;
  }
}

.pB_M {
  padding-bottom: 20px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .pB_M {
    padding-bottom: calc(20px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .pB_M {
    padding-bottom: calc(20px * 0.8) !important;
  }
}

.pB_S {
  padding-bottom: 15px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .pB_S {
    padding-bottom: calc(15px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .pB_S {
    padding-bottom: calc(15px * 0.8) !important;
  }
}

.pB_XS {
  padding-bottom: 10px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .pB_XS {
    padding-bottom: calc(10px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .pB_XS {
    padding-bottom: calc(10px * 0.8) !important;
  }
}

.pB_XXS {
  padding-bottom: 5px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .pB_XXS {
    padding-bottom: calc(5px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .pB_XXS {
    padding-bottom: calc(5px * 0.8) !important;
  }
}

.pTUnset {
  padding-top: unset !important;
}

.pT_L {
  padding-top: 32px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .pT_L {
    padding-top: calc(32px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .pT_L {
    padding-top: calc(32px * 0.8) !important;
  }
}

.pT_M {
  padding-top: 20px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .pT_M {
    padding-top: calc(20px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .pT_M {
    padding-top: calc(20px * 0.8) !important;
  }
}

.pT_S {
  padding-top: 15px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .pT_S {
    padding-top: calc(15px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .pT_S {
    padding-top: calc(15px * 0.8) !important;
  }
}

.pT_XS {
  padding-top: 10px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .pT_XS {
    padding-top: calc(10px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .pT_XS {
    padding-top: calc(10px * 0.8) !important;
  }
}

.pT_XXS {
  padding-top: 5px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .pT_XXS {
    padding-top: calc(5px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .pT_XXS {
    padding-top: calc(5px * 0.8) !important;
  }
}

.pLUnset {
  padding-left: unset !important;
}

.pL_L {
  padding-left: 32px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .pL_L {
    padding-left: calc(32px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .pL_L {
    padding-left: calc(32px * 0.8) !important;
  }
}

.pL_M {
  padding-left: 20px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .pL_M {
    padding-left: calc(20px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .pL_M {
    padding-left: calc(20px * 0.8) !important;
  }
}

.pL_S {
  padding-left: 15px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .pL_S {
    padding-left: calc(15px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .pL_S {
    padding-left: calc(15px * 0.8) !important;
  }
}

.pL_XS {
  padding-left: 10px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .pL_XS {
    padding-left: calc(10px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .pL_XS {
    padding-left: calc(10px * 0.8) !important;
  }
}

.pL_XSbfore:before {
  padding-left: 10px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .pL_XSbfore:before {
    padding-left: calc(10px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .pL_XSbfore:before {
    padding-left: calc(10px * 0.8) !important;
  }
}

.pL_XXS {
  padding-left: 5px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .pL_XXS {
    padding-left: calc(5px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .pL_XXS {
    padding-left: calc(5px * 0.8) !important;
  }
}

.pRUnset {
  padding-right: unset !important;
}

.pR_L {
  padding-right: 32px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .pR_L {
    padding-right: calc(32px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .pR_L {
    padding-right: calc(32px * 0.8) !important;
  }
}

.pR_M {
  padding-right: 20px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .pR_M {
    padding-right: calc(20px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .pR_M {
    padding-right: calc(20px * 0.8) !important;
  }
}

.pR_S {
  padding-right: 15px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .pR_S {
    padding-right: calc(15px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .pR_S {
    padding-right: calc(15px * 0.8) !important;
  }
}

.pR_XS {
  padding-right: 10px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .pR_XS {
    padding-right: calc(10px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .pR_XS {
    padding-right: calc(10px * 0.8) !important;
  }
}

.pR_XSbfore::before {
  padding-right: 10px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .pR_XSbfore::before {
    padding-right: calc(10px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .pR_XSbfore::before {
    padding-right: calc(10px * 0.8) !important;
  }
}

.pR_XXS {
  padding-right: 5px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .pR_XXS {
    padding-right: calc(5px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .pR_XXS {
    padding-right: calc(5px * 0.8) !important;
  }
}

@media (min-width: 0px) and (max-width: 788px) {
  .pLR-xs-phone {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

@media (min-width: 0px) and (max-width: 788px) {
  .pTB-xs-phone {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

.pTXS {
  margin-top: 10px !important;
}

.table {
  width: 100%;
  border-collapse: collapse;
}
.table th {
  text-align: inherit;
}
.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
  border-top: 0;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  border-top: 1px solid #D9DADB;
  padding: 15px;
  vertical-align: middle;
}
.table > thead > tr > th {
  border-bottom: 1px solid #D9DADB;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.boxedtable {
  background-color: white !important;
}
.boxedtable label {
  padding: unset !important;
}
.boxedtable input {
  display: inline-block;
  max-width: 50%;
}
.boxedtable .dataTables_filter {
  margin-bottom: 20px;
  margin-top: 10px;
}
.boxedtable table {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-color: #aaa #F5F5F5;
}
.boxedtable table::-webkit-scrollbar {
  width: 10px;
  height: 4px;
  background-color: #F5F5F5;
}
.boxedtable table::-webkit-scrollbar-thumb {
  background: #aaa;
}
.boxedtable table thead {
  background-color: #f6f6f6 !important;
  color: #bf8e96 !important;
}
.boxedtable table tbody .fas, .boxedtable table tbody fa {
  cursor: pointer;
}
.boxedtable table tbody td {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.dataTables_scrollBody {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-color: #aaa #F5F5F5;
}
.dataTables_scrollBody::-webkit-scrollbar {
  width: 10px;
  height: 4px;
  background-color: #F5F5F5;
}
.dataTables_scrollBody::-webkit-scrollbar-thumb {
  background: #aaa;
}

body .dataTables_wrapper .bottom {
  margin-top: 10px !important;
}
body .dataTables_wrapper .bottom .paginate_button:hover {
  cursor: pointer !important;
}
body .dataTables_wrapper .bottom .paginate_button.current {
  font-size: 18px !important;
  background-color: #0E173C !important;
  color: #FFFFFF !important;
  border-color: #0E173C !important;
  border-radius: 0.6rem !important;
}
body .dataTables_wrapper .bottom .paginate_button.current:hover {
  background-color: #040713 !important;
  color: #FFFFFF !important;
  border-color: #040713 !important;
}
body .dataTables_wrapper .bottom .paginate_button:not(.current):hover {
  background-color: unset !important;
  background-image: unset !important;
  border: 1px solid transparent !important;
  border-top-color: transparent;
  border-top-style: solid;
  border-top-width: 1px;
  border-right-color: transparent;
  border-right-style: solid;
  border-right-width: 1px;
  border-bottom-color: transparent;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: transparent;
  border-left-style: solid;
  border-left-width: 1px;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  border-radius: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  color: #cccccc !important;
}
body .dataTables_wrapper .columnWidth_add {
  min-width: 400px;
}
@media (min-width: 0px) and (max-width: 788px) {
  body .dataTables_wrapper .columnWidth_add {
    min-width: 350px;
  }
}
body .dataTables_wrapper .columnWidth_add2 {
  min-width: 250px;
}
@media (min-width: 0px) and (max-width: 788px) {
  body .dataTables_wrapper .columnWidth_add2 {
    min-width: 150px;
  }
}

table.dataTable thead.txtCenter {
  text-align: center !important;
}

button {
  font-family: "Nunito", sans-serif;
  font-weight: 300;
  padding: 10px;
  text-align: center;
  background-color: #3D525A;
  font-size: 15px;
  color: #FFFFFF;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.25) 1.95px 1.95px 2.6px;
}
button.IconBF {
  text-align: left;
}
button.IconBF i {
  vertical-align: middle !important;
  margin-right: 15px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  button.IconBF i {
    margin-right: calc(15px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  button.IconBF i {
    margin-right: calc(15px * 0.8) !important;
  }
}
button.IconAF {
  text-align: left;
}
button.IconAF i {
  vertical-align: middle !important;
  margin-left: 15px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  button.IconAF i {
    margin-left: calc(15px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  button.IconAF i {
    margin-left: calc(15px * 0.8) !important;
  }
}
button.IconOnly i {
  margin-left: unset !important;
}
button.IconOnly i::before {
  display: block !important;
  width: 17px !important;
  height: 17px !important;
}
button.darkgreen {
  background-color: #3D525A;
}
button.lightgreen {
  background-color: #91894B;
}

/*button {
    @include buttonSizeResponsive(1.8rem, 1.8rem, 1, 1);
    @include BorderBGandColor($c: $cBlueXLight, $txtc:$cWhite, $borderc:$cBlue);
    @include respFontsize($fM, $constRespSPercP,$constRespMPercT);
    font-weight: $fwL;
    font-family: $fontHeaders;
    border-radius: $brdRadiusS !important;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    cursor: pointer;
    box-shadow: 0px 3px 0px 0px darken($cBlue, 15%);
    margin-bottom: 3px;


    &:hover {
        @include BorderBGandColor($c: darken($cBlue, $constDarker), $txtc: $cWhite, $borderc: darken($cBlue, $constDarker) );
    }

    &.pink {
        @include BorderBGandColor($c: $cPink, $txtc: $cWhite, $borderc: $cPinkLight );
        box-shadow: 0px 3px 0px 0px darken($brdColor, $constDarker);

        &:hover {
            @include BorderBGandColor($c: $cPinkLight, $txtc: $cWhite, $borderc: $cPink);
        }
    }

    &.white {
        @include BorderBGandColor($c: $cWhite, $txtc: $cBlueXLight, $borderc: $brdColor );
        box-shadow: 0px 3px 0px 0px darken($brdColor, $constDarker);

        &:hover {
            @include BorderBGandColor($c: $cGreyLight, $txtc: $cBlack, $borderc: $brdColor);
        }
    }

    &.greyed {
        @include BorderBGandColor($c: $cGreyButton, $txtc: $cBlueXLight, $borderc: $brdColor );
        box-shadow: 0px 3px 0px 0px darken($brdColor, $constDarker);

        &:hover {
            @include BorderBGandColor($c: $cWhite, $txtc: $cBlack, $borderc: $brdColor);
        }
    }

    &.transparent {
        color: $cBlueXLight !important;
        background-color: unset !important;
        border: unset !important;
        box-shadow: unset !important;

        i {
            margin-left: $sXS;

            @include respP {
                margin-left: 0.25rem !important;
            }
        }

        &:hover {
            @include BorderBGandColor($c: $cGreyButton, $txtc: $cBlack, $borderc: $brdColor);
        }
    }

    &.large {
        @include buttonSizeResponsive(3.4rem, 3.2rem, 1, 1);
        @include respFontsize(21px, $constRespMPercT, $constRespMPercP);
    }

    &.small {
        @include buttonSizeResponsive(1.5rem, 1.5rem, 1, 1);
        @include respFontsize($fXS, $constRespMPercT, $constRespMPercP);
    }



    &.HPaddingL {
        @include buttonSizeResponsive(1.8rem, 3.2rem, 1, 1);
    }

    &.HPaddingS {
        @include buttonSizeResponsive(1rem, 1.8rem, 1, 1);
    }

    &.IconBF {
        text-align: right !important;

        i {
            vertical-align: middle !important;
            margin-right: $sM !important;

            @include respPT {
                margin-right: calc(20px / 2) !important;
            }
        }

        &.greyed {
            i::before {
                font-size: 30px;
                color: $cPinkLight !important;
            }
        }
    }

    &.IconAF {
        text-align: left !important;

        i {
            margin-left: $sL !important;

            @include respPT {
                margin-left: calc(32px / 2) !important;
            }
        }
    }

    &.Round {
        border-radius: 50% !important;
        box-shadow: unset !important;
        @include buttonSizeResponsive(1.8rem, 1.8rem, 1, 1);
    }
}
*/
.figure {
  margin-block-start: unset !important;
  margin-block-end: unset !important;
  margin-inline-start: unset !important;
  margin-inline-end: unset !important;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  margin-bottom: 64px !important;
  border-radius: 0.6em;
  overflow: hidden;
  background-color: #F5F5F5;
  box-shadow: 3px 3px 3px 1px #eeeeee;
}
.figure:hover {
  /*transform: scale(1);
  opacity: 1;
  box-shadow: 3px 3px 3px 1px #bbb;*/
}
@media (min-width: 0px) and (max-width: 788px) {
  .figure {
    flex-direction: column !important;
  }
}
.figure > div {
  width: 50%;
  min-height: 40rem;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-size: cover;
  background-position: bottom center;
}
@media (min-width: 0px) and (max-width: 788px) {
  .figure > div {
    width: 100% !important;
  }
}
.figure > div.tc {
  background-size: cover;
  background-position: top center;
}
.figure > div.lc {
  background-size: cover;
  background-position: left center;
}
.figure > div.rc {
  background-size: cover;
  background-position: right center;
}
.figure > div.cc {
  background-size: cover;
  background-position: center center;
}
.figure > div.cc {
  background-size: cover;
  background-position: center center;
}
.figure > div.tl {
  background-size: cover;
  background-position: top left;
}
.figure > div.tr {
  background-size: cover;
  background-position: top right;
}
.figure > div.bl {
  background-size: cover;
  background-position: bottom left;
}
.figure > div.br {
  background-size: cover;
  background-position: bottom right;
}
@media (min-width: 0px) and (max-width: 788px) {
  .figure > div {
    width: 100% !important;
    min-height: 25rem !important;
  }
}
.figure figcaption {
  width: 50%;
  padding: 20px !important;
  background-color: #FFFFFF !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .figure figcaption {
    padding: calc(20px * 20px) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .figure figcaption {
    padding: calc(20px * 20px) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .figure figcaption {
    width: 100% !important;
  }
}
.figure figcaption.ab {
  position: relative;
}
.figure figcaption.ab > div {
  position: absolute;
  bottom: 15%;
  left: 4rem;
  margin-right: 32px;
}
@media (min-width: 0px) and (max-width: 788px) {
  .figure figcaption.ab > div {
    position: unset !important;
    margin-right: unset !important;
  }
}
.figure.h100 {
  height: calc(10rem * 1) !important;
}
.figure.h100 > div {
  min-height: unset;
}
@media (min-width: 0px) and (max-width: 788px) {
  .figure.h100 {
    height: unset !important;
  }
  .figure.h100 > div {
    height: calc((1 * 10rem) / 2) !important;
  }
}
.figure.h200 {
  height: calc(10rem * 2) !important;
}
.figure.h200 > div {
  min-height: unset;
}
@media (min-width: 0px) and (max-width: 788px) {
  .figure.h200 {
    height: unset !important;
  }
  .figure.h200 > div {
    height: calc((2 * 10rem) / 2) !important;
  }
}
.figure.h300 {
  height: calc(10rem * 3) !important;
}
.figure.h300 > div {
  min-height: unset;
}
@media (min-width: 0px) and (max-width: 788px) {
  .figure.h300 {
    height: unset !important;
  }
  .figure.h300 > div {
    height: calc((3 * 10rem) / 2) !important;
  }
}
.figure.h400 {
  height: calc(10rem * 4) !important;
}
.figure.h400 > div {
  min-height: unset;
}
@media (min-width: 0px) and (max-width: 788px) {
  .figure.h400 {
    height: unset !important;
  }
  .figure.h400 > div {
    height: calc((4 * 10rem) / 2) !important;
  }
}
.figure.h500 {
  height: calc(10rem * 5) !important;
}
.figure.h500 > div {
  min-height: unset;
}
@media (min-width: 0px) and (max-width: 788px) {
  .figure.h500 {
    height: unset !important;
  }
  .figure.h500 > div {
    height: calc((5 * 10rem) / 2) !important;
  }
}
.figure.h600 {
  height: calc(10rem * 6) !important;
}
.figure.h600 > div {
  min-height: unset;
}
@media (min-width: 0px) and (max-width: 788px) {
  .figure.h600 {
    height: unset !important;
  }
  .figure.h600 > div {
    height: calc((6 * 10rem) / 2) !important;
  }
}
.figure.h700 {
  height: calc(10rem * 7) !important;
}
.figure.h700 > div {
  min-height: unset;
}
@media (min-width: 0px) and (max-width: 788px) {
  .figure.h700 {
    height: unset !important;
  }
  .figure.h700 > div {
    height: calc((7 * 10rem) / 2) !important;
  }
}
.figure.h800 {
  height: calc(10rem * 8) !important;
}
.figure.h800 > div {
  min-height: unset;
}
@media (min-width: 0px) and (max-width: 788px) {
  .figure.h800 {
    height: unset !important;
  }
  .figure.h800 > div {
    height: calc((8 * 10rem) / 2) !important;
  }
}
.figure .h1 {
  height: calc(calc(100% / 12) * 1) !important;
}
@media (min-width: 0px) and (max-width: 788px) {
  .figure .h1 {
    height: 100% !important;
  }
}
.figure .h2 {
  height: calc(calc(100% / 12) * 2) !important;
}
@media (min-width: 0px) and (max-width: 788px) {
  .figure .h2 {
    height: 100% !important;
  }
}
.figure .h3 {
  height: calc(calc(100% / 12) * 3) !important;
}
@media (min-width: 0px) and (max-width: 788px) {
  .figure .h3 {
    height: 100% !important;
  }
}
.figure .h4 {
  height: calc(calc(100% / 12) * 4) !important;
}
@media (min-width: 0px) and (max-width: 788px) {
  .figure .h4 {
    height: 100% !important;
  }
}
.figure .h5 {
  height: calc(calc(100% / 12) * 5) !important;
}
@media (min-width: 0px) and (max-width: 788px) {
  .figure .h5 {
    height: 100% !important;
  }
}
.figure .h6 {
  height: calc(calc(100% / 12) * 6) !important;
}
@media (min-width: 0px) and (max-width: 788px) {
  .figure .h6 {
    height: 100% !important;
  }
}
.figure .h7 {
  height: calc(calc(100% / 12) * 7) !important;
}
@media (min-width: 0px) and (max-width: 788px) {
  .figure .h7 {
    height: 100% !important;
  }
}
.figure .h8 {
  height: calc(calc(100% / 12) * 8) !important;
}
@media (min-width: 0px) and (max-width: 788px) {
  .figure .h8 {
    height: 100% !important;
  }
}
.figure .h9 {
  height: calc(calc(100% / 12) * 9) !important;
}
@media (min-width: 0px) and (max-width: 788px) {
  .figure .h9 {
    height: 100% !important;
  }
}
.figure .h10 {
  height: calc(calc(100% / 12) * 10) !important;
}
@media (min-width: 0px) and (max-width: 788px) {
  .figure .h10 {
    height: 100% !important;
  }
}
.figure .h11 {
  height: calc(calc(100% / 12) * 11) !important;
}
@media (min-width: 0px) and (max-width: 788px) {
  .figure .h11 {
    height: 100% !important;
  }
}
.figure .h12 {
  height: calc(calc(100% / 12) * 12) !important;
}
@media (min-width: 0px) and (max-width: 788px) {
  .figure .h12 {
    height: 100% !important;
  }
}
.figure .w1 {
  width: calc(calc(100% / 12) * 1) !important;
}
@media (min-width: 0px) and (max-width: 788px) {
  .figure .w1 {
    width: 100% !important;
  }
}
.figure .w2 {
  width: calc(calc(100% / 12) * 2) !important;
}
@media (min-width: 0px) and (max-width: 788px) {
  .figure .w2 {
    width: 100% !important;
  }
}
.figure .w3 {
  width: calc(calc(100% / 12) * 3) !important;
}
@media (min-width: 0px) and (max-width: 788px) {
  .figure .w3 {
    width: 100% !important;
  }
}
.figure .w4 {
  width: calc(calc(100% / 12) * 4) !important;
}
@media (min-width: 0px) and (max-width: 788px) {
  .figure .w4 {
    width: 100% !important;
  }
}
.figure .w5 {
  width: calc(calc(100% / 12) * 5) !important;
}
@media (min-width: 0px) and (max-width: 788px) {
  .figure .w5 {
    width: 100% !important;
  }
}
.figure .w6 {
  width: calc(calc(100% / 12) * 6) !important;
}
@media (min-width: 0px) and (max-width: 788px) {
  .figure .w6 {
    width: 100% !important;
  }
}
.figure .w7 {
  width: calc(calc(100% / 12) * 7) !important;
}
@media (min-width: 0px) and (max-width: 788px) {
  .figure .w7 {
    width: 100% !important;
  }
}
.figure .w8 {
  width: calc(calc(100% / 12) * 8) !important;
}
@media (min-width: 0px) and (max-width: 788px) {
  .figure .w8 {
    width: 100% !important;
  }
}
.figure .w9 {
  width: calc(calc(100% / 12) * 9) !important;
}
@media (min-width: 0px) and (max-width: 788px) {
  .figure .w9 {
    width: 100% !important;
  }
}
.figure .w10 {
  width: calc(calc(100% / 12) * 10) !important;
}
@media (min-width: 0px) and (max-width: 788px) {
  .figure .w10 {
    width: 100% !important;
  }
}
.figure .w11 {
  width: calc(calc(100% / 12) * 11) !important;
}
@media (min-width: 0px) and (max-width: 788px) {
  .figure .w11 {
    width: 100% !important;
  }
}
.figure .w12 {
  width: calc(calc(100% / 12) * 12) !important;
}
@media (min-width: 0px) and (max-width: 788px) {
  .figure .w12 {
    width: 100% !important;
  }
}
.figure.rtl {
  flex-direction: row-reverse;
}
.figure.ttb {
  flex-direction: column;
}
.figure.ttb > div {
  width: 100%;
}
.figure.ttb > figcaption {
  width: 100%;
}
@media (min-width: 0px) and (max-width: 788px) {
  .figure.ttbPhone {
    flex-direction: column-reverse !important;
  }
  .figure.ttbPhone > div {
    width: 100%;
  }
  .figure.ttbPhone > figcaption {
    width: 100%;
  }
}
.figure.noBS {
  box-shadow: unset !important;
}
.figure.noBS:hover {
  box-shadow: unset !important;
}

@media (min-width: 788px) and (max-width: 1300px) {
  .figure figcaption div:first-of-type h2 {
    font-size: 17px;
  }
  .figure figcaption div:first-of-type span {
    display: block;
    font-size: 17px;
  }
}

@media (min-width: 788px) and (max-width: 1300px) {
  .hothappening {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    max-height: 36rem;
  }
}

.figure figcaption .lisa {
  display: flex;
}
.figure figcaption .lisa img {
  height: 50px;
  width: 50px;
}

.wrapper {
  height: 200px;
}

.cc {
  background-size: cover;
  background-position: center center;
}

.tl {
  background-size: cover;
  background-position: top left;
}

.br {
  background-size: cover;
  background-position: bottom right;
}

.noshadow_figure {
  box-shadow: unset !important;
}
.noshadow_figure:hover {
  box-shadow: unset !important;
}

.nopointer {
  cursor: default !important;
}

.pointer {
  cursor: pointer !important;
}

.carousselblock .flickity-page-dots {
  bottom: 60px !important;
}
@media (min-width: 0px) and (max-width: 788px) {
  .carousselblock .flickity-page-dots {
    bottom: 40px !important;
  }
}

.fpbox .woning_lijst .filter_aanbod .box_body {
  padding-bottom: 68px !important;
}

.formrow {
  /*@include respMarginB($sM, $constRespSPercT, $constRespSPercP);*/
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  grid-gap: 0px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .formrow {
    margin-bottom: 20px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .formrow {
    margin-bottom: 32px !important;
  }
}
@media (min-width: 1300px) {
  .formrow > * {
    width: calc((100% / 2) - (0px * calc(2 - 1) / 2));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .formrow > * {
    width: calc((100% / 2) - (0px * calc(2 - 1) / 2));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .formrow > * {
    width: 100%;
  }
}
.formrow.c1 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  grid-gap: 0px;
}
@media (min-width: 1300px) {
  .formrow.c1 > * {
    width: 100%;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .formrow.c1 > * {
    width: 100%;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .formrow.c1 > * {
    width: 100%;
  }
}
.formrow.c4 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  grid-gap: 0px;
}
@media (min-width: 1300px) {
  .formrow.c4 > * {
    width: calc((100% / 4) - (0px * calc(4 - 1) / 4));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .formrow.c4 > * {
    width: calc((100% / 4) - (0px * calc(4 - 1) / 4));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .formrow.c4 > * {
    width: 100%;
  }
}
.formrow.priceaddition {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  grid-gap: 0px;
}
@media (min-width: 1300px) {
  .formrow.priceaddition > * {
    width: calc((100% / 2) - (0px * calc(2 - 1) / 2));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .formrow.priceaddition > * {
    width: calc((100% / 2) - (0px * calc(2 - 1) / 2));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .formrow.priceaddition > * {
    width: calc((100% / 2) - (0px * calc(2 - 1) / 2));
  }
}
.formrow.priceaddition .left {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  grid-gap: 0px;
}
@media (min-width: 1300px) {
  .formrow.priceaddition .left > * {
    width: calc((100% / 2) - (0px * calc(2 - 1) / 2));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .formrow.priceaddition .left > * {
    width: calc((100% / 2) - (0px * calc(2 - 1) / 2));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .formrow.priceaddition .left > * {
    width: 100%;
  }
}
.formrow.priceaddition .left .labels {
  justify-content: center;
  margin-bottom: unset;
}
.formrow.priceaddition .right {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  grid-gap: 0px;
}
@media (min-width: 1300px) {
  .formrow.priceaddition .right > * {
    width: calc((100% / 2) - (0px * calc(2 - 1) / 2));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .formrow.priceaddition .right > * {
    width: calc((100% / 2) - (0px * calc(2 - 1) / 2));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .formrow.priceaddition .right > * {
    width: 100%;
  }
}
.formrow.priceaddition .right .labels {
  text-align: right;
  padding-right: 10px;
  margin-bottom: unset;
}
@media (min-width: 0px) and (max-width: 788px) {
  .formrow.priceaddition .right .labels {
    margin-block-start: unset !important;
    margin-block-end: unset !important;
    margin-inline-start: unset !important;
    margin-inline-end: unset !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: unset;
  }
}
.formrow .labels {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 10px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .formrow .labels {
    margin-bottom: 10px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .formrow .labels {
    margin-bottom: 0px !important;
  }
}
.formrow .labels label {
  padding: unset;
}
.formrow .labels label.nocase {
  text-transform: none !important;
}
.formrow .labels label.sub {
  text-transform: none !important;
  font-weight: unset !important;
}
.formrow .item {
  display: flex;
  flex-direction: column;
}

hr.frmrow-seperator {
  margin-bottom: 20px !important;
  border-top: 1px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  hr.frmrow-seperator {
    margin-bottom: calc(20px * 0.95) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  hr.frmrow-seperator {
    margin-bottom: calc(20px * 0.9) !important;
  }
}

.inputbox, textarea, input:not([type=radio]) {
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #D9DADB;
  color: inherit;
  display: block;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
  height: 40px !important;
  font-weight: 400;
  line-height: 33px;
  outline: none;
  font-size: 17px;
  font-family: "optima", Verdana, sans-serif;
  padding-left: 15px;
  min-width: 1px;
}
.inputbox::placeholder, textarea::placeholder, input:not([type=radio])::placeholder {
  color: #B4B4B4;
}
.inputbox:focus, textarea:focus, input:focus:not([type=radio]) {
  border-color: #0E173C;
  box-shadow: 0 0 7px #D9DADB;
}
.inputbox:disabled, textarea:disabled, input:disabled:not([type=radio]), .inputbox:read-only, textarea:read-only, input:read-only:not([type=radio]) {
  background-color: #F5F5F5;
  opacity: 1;
}

textarea {
  resize: none;
  line-height: 25px;
  height: 160px !important;
  padding-top: 10px;
  padding-bottom: 10px;
}

.input-validation-error {
  background-color: rgba(255, 50, 50, 0.1) !important;
  border-color: red !important;
  color: red;
}
.input-validation-error:focus {
  border-color: red !important;
}

.togglebox label {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  grid-gap: 0px;
  width: 130px;
  height: 40px;
  border: 1px solid #272838;
  border-radius: 14px;
}
@media (min-width: 1300px) {
  .togglebox label > * {
    width: calc((100% / 2) - (0px * calc(2 - 1) / 2));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .togglebox label > * {
    width: calc((100% / 2) - (0px * calc(2 - 1) / 2));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .togglebox label > * {
    width: calc((100% / 2) - (0px * calc(2 - 1) / 2));
  }
}
.togglebox .ja, .togglebox .nee {
  border-radius: calc(14px - 1px);
  width: calc((130px / 2) - 2px);
  height: calc(40px - 2px);
  line-height: calc(40px - 2px);
  text-align: center;
  user-select: none;
}
.togglebox .ja {
  background: #FFFFFF;
  color: inherit;
}
.togglebox .nee {
  background: #232e59;
  color: #FFFFFF;
}
.togglebox input[type=checkbox] {
  display: none;
}
.togglebox input[type=checkbox]:checked + label .ja {
  background: #232e59;
  color: #FFFFFF;
}
.togglebox input[type=checkbox]:checked + label .nee {
  background: #FFFFFF;
  color: inherit;
}

.tippy-box[data-theme~=active] {
  background-color: #bf8e96;
  color: white;
}

.tippy-box[data-theme~=active][data-placement^=top] > .tippy-arrow::before {
  border-bottom-color: #bf8e96;
}

.tippy-box[data-theme~=active][data-placement^=right] > .tippy-arrow::before {
  border-right-color: #bf8e96;
}

.tooltippy {
  background-color: #0E173C !important;
  padding: 0.001em 6px;
  border-radius: 50% !important;
  margin-right: 10px !important;
  margin-left: 10px !important;
  font-size: 14px !important;
  text-align: center !important;
  color: white !important;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition-property: color, background-color, border-color, box-shadow;
  transition-duration: 0.15s, 0.15s, 0.15s, 0.15s;
  transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
  transition-delay: 0s, 0s, 0s, 0s;
}
.tooltippy:hover {
  background-color: #1c2f7a !important;
}

.tippy-box[data-theme~=ANtooltip] {
  background-color: #0E173C;
  color: white;
  padding: 2px 4px;
}

.tippy-box[data-theme~=ANtooltip][data-placement^=top] > .tippy-arrow::before {
  border-top-color: #0E173C;
}

.tippy-box[data-theme~=ANtooltip][data-placement^=right] > .tippy-arrow::before {
  border-right-color: #0E173C;
}

.pointer {
  cursor: pointer;
}

select {
  width: 100% !important;
}

.select2-selection {
  font-size: 17px;
  font-family: "optima", Verdana, sans-serif;
  height: 40px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 40px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 15px;
}

.input-validation-error + span .select2-selection {
  background-color: rgba(255, 50, 50, 0.1) !important;
  border-color: red !important;
  color: red;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 40px !important;
}

.select2-container .select2-selection--single {
  height: 40px !important;
}

.select2-selection__arrow {
  height: 1.7rem !important;
}

.select2fix > span {
  height: 45px;
  width: 100%;
}

.select2fix {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  padding-right: 0 !important;
}

.select2fix2 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-right: 0 !important;
}

.select2-container--open .select2-dropdown {
  z-index: 10000;
}

.select2-container {
  width: 100% !important;
}

.select2-container--disabled .select2-selection {
  background-color: #F5F5F5 !important;
  opacity: 1;
}

.rbLabel, .cbLabel {
  padding: unset !important;
  padding-left: 15px !important;
  margin-bottom: 0;
  font-size: inherit;
  line-height: unset !important;
  vertical-align: middle;
}

.cbInline {
  display: flex;
  flex-direction: row;
  margin-left: 0px !important;
  justify-content: flex-start !important;
}
@media (min-width: 0px) and (max-width: 788px) {
  .cbInline {
    flex-direction: column !important;
    padding: unset !important;
  }
}
.cbInline .flexcenterY {
  margin-left: 20px;
  display: flex;
}
@media (min-width: 0px) and (max-width: 788px) {
  .cbInline .flexcenterY {
    margin-bottom: 15px;
    margin-left: unset !important;
  }
}
.cbInline .flexcenterY:first-child {
  margin-left: 0;
}

label {
  font-size: inherit;
  line-height: 26.6666666667px;
  vertical-align: middle;
  cursor: pointer;
}
@media (min-width: 0px) and (max-width: 788px) {
  label {
    padding: unset !important;
    padding-left: 0 !important;
  }
}

.inputIconBF, .inputIconAF {
  display: flex;
  flex-direction: row;
}
.inputIconBF i, .inputIconAF i {
  padding: 0.6rem 1.2rem;
  border: 0.1rem solid #D9DADB;
  display: block;
  height: 40px !important;
  line-height: 26.6666666667px;
}

.inputIconBF i {
  border-right: unset !important;
}
.inputIconBF.rounded i {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.inputIconBF.rounded input {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.inputIconAF i {
  border-left: unset !important;
}
.inputIconAF.rounded i {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.inputIconAF.rounded input {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.inputBtnAF {
  display: flex;
  flex-direction: row;
}
.inputBtnAF button {
  margin-left: -1px;
  border-radius: unset !important;
  line-height: 33px;
  padding: 0 20px !important;
}

.inputTextAF {
  display: flex;
  flex-direction: row;
}
.inputTextAF.readonly span {
  background-color: #F5F5F5;
  opacity: 1;
}
.inputTextAF span {
  padding: 0.6rem 1.2rem;
  border: 0.1rem solid #D9DADB;
  display: block;
  height: 40px !important;
  line-height: 26.6666666667px;
}

.textareaIconBefore {
  display: flex;
  flex-direction: row;
}
.textareaIconBefore i {
  padding: 0.6rem 1.2rem;
  border: 0.1rem solid #D9DADB;
  border-right: unset !important;
  line-height: 26.6666666667px;
}
.textareaIconBefore.rounded i {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.textareaIconBefore.rounded textarea {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

a {
  color: #232e59;
  font-size: 19px !important;
  font-weight: bold;
}
@media (min-width: 788px) and (max-width: 1300px) {
  a {
    font-size: calc(19px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  a {
    font-size: calc(19px * 0.8) !important;
  }
}
a:hover {
  color: black;
}
a.pink {
  color: #bf8e96;
}
a.pink:hover {
  color: #93545e;
}
a.greyDark {
  color: white;
}
a.greyDark:hover {
  color: #cccccc;
}
a.grey {
  color: #B4B4B4;
}
a.grey:hover {
  color: #818181;
}
a.white {
  color: white;
}
a.white:hover {
  color: #e6e6e6;
}
a.small {
  font-size: 14px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  a.small {
    font-size: calc(14px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  a.small {
    font-size: calc(14px * 0.8) !important;
  }
}
a.nobold {
  font-weight: 400;
}
a.modest, a.IconAF, a.IconBF {
  text-decoration: none !important;
}
a.IconBF i {
  margin-right: 10px !important;
}
a.IconAF i {
  margin-left: 10px !important;
}
a.IconAF.modest i::before, a.IconAF i::before {
  color: #e0e0e0 !important;
}

.breadcrumbs {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  list-style-type: none;
  padding: 0 0 12px 0;
  overflow: hidden !important;
}
.breadcrumbs li:after {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  display: inline-block;
  padding-left: 1rem;
  vertical-align: middle;
  font-weight: 900;
}
@media (min-width: 0px) and (max-width: 788px) {
  .breadcrumbs {
    overflow: hidden !important;
  }
}
.breadcrumbs li {
  margin-left: 15px;
  white-space: nowrap;
}
@media (min-width: 0px) and (max-width: 788px) {
  .breadcrumbs li {
    display: flex;
    align-items: center;
  }
}
.breadcrumbs li:first-of-type {
  margin-left: 0;
}
.breadcrumbs li::after {
  color: #e0e0e0;
}
.breadcrumbs li:last-of-type::after {
  display: none !important;
}
.breadcrumbs li a {
  font-size: 17px;
  text-decoration: none;
  color: #232e59;
}
.breadcrumbs li a:hover {
  color: #394a90;
}

.anchor {
  display: block;
  position: relative;
  top: -145px;
  visibility: hidden;
}

dl, ol, ul {
  padding-inline-start: 1.3rem;
  font-size: 19px !important;
  line-height: 28px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  dl, ol, ul {
    font-size: calc(19px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  dl, ol, ul {
    font-size: calc(19px * 0.8) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  dl, ol, ul {
    line-height: calc(28px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  dl, ol, ul {
    line-height: calc(28px * 0.8) !important;
  }
}
dl.indent, ol.indent, ul.indent {
  padding-inline-start: 64px;
}
dl.unstyled, ol.unstyled, ul.unstyled {
  list-style: none outside none;
  margin-left: 0;
  padding-inline-start: 0;
}
dl li dl, dl li ol, dl li ul, ol li dl, ol li ol, ol li ul, ul li dl, ul li ol, ul li ul {
  margin-bottom: 0 !important;
}

.verticalChecklist, .verticalDoubleChecklist > div ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.verticalChecklist li:before, .verticalDoubleChecklist > div ul li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  display: inline-block;
  padding-right: 10px;
  vertical-align: middle;
  font-weight: 900;
}
.verticalChecklist li, .verticalDoubleChecklist > div ul li {
  margin-bottom: 15px;
}

.verticalDoubleChecklist > div {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
}
@media (min-width: 0px) and (max-width: 788px) {
  .verticalDoubleChecklist {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .verticalDoubleChecklist > div {
    display: inline-flex;
    flex-direction: column;
    align-items: stretch;
  }
}

.horizontalChecklist {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.horizontalChecklist li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  display: inline-block;
  padding-right: 15px;
  vertical-align: middle;
  font-weight: 900;
}
.horizontalChecklist li {
  margin-bottom: unset !important;
  margin-right: 32px !important;
}

.verticalTripleChecklist {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.verticalTripleChecklist li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  display: inline-block;
  padding-right: 10px;
  vertical-align: middle;
  font-weight: 900;
}
.verticalTripleChecklist li {
  margin-bottom: 15px;
}

.box, .notificationbox, .boxedtable {
  background-color: #F5F5F5;
  border-radius: 14px;
  margin-bottom: 20px;
}
@media (min-width: 0px) and (max-width: 788px) {
  .box.boxNoRadius_p, .boxNoRadius_p.notificationbox, .boxNoRadius_p.boxedtable {
    border-radius: 0;
  }
}
.box > header, .notificationbox > header, .boxedtable > header {
  text-align: center;
  font-weight: 400;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1rem;
  font-size: 50px;
  line-height: 60px;
  font-size: 50px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .box > header, .notificationbox > header, .boxedtable > header {
    font-size: calc(50px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .box > header, .notificationbox > header, .boxedtable > header {
    font-size: calc(50px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .box > header, .notificationbox > header, .boxedtable > header {
    line-height: 64px;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
.box > *:not(header), .notificationbox > *:not(header), .boxedtable > *:not(header) {
  padding: 15px 2rem 20px 2rem;
}
@media (min-width: 0px) and (max-width: 788px) {
  .box > *:not(header), .notificationbox > *:not(header), .boxedtable > *:not(header) {
    padding: 15px 15px 20px 15px;
  }
}
.box.whiteBg, .whiteBg.notificationbox, .whiteBg.boxedtable {
  background-color: #FFFFFF !important;
}
.box.titleBorderSmall > header, .titleBorderSmall.notificationbox > header, .titleBorderSmall.boxedtable > header {
  z-index: 1;
  text-align: unset !important;
  position: relative;
}
.box.titleBorderSmall > header::before, .titleBorderSmall.notificationbox > header::before, .titleBorderSmall.boxedtable > header::before {
  position: absolute;
  bottom: 0;
  left: 1rem;
  content: "";
  height: 1px;
  width: calc(100% - 2rem);
  border-bottom: 1px solid #D9DADB;
}
.box.titleBorder > header, .titleBorder.notificationbox > header, .titleBorder.boxedtable > header {
  border-bottom: 1px solid #D9DADB;
  text-align: unset !important;
}
.box .box_body p, .notificationbox .box_body p, .boxedtable .box_body p, .box .box_body .formrow .labels label.sub, .notificationbox .box_body .formrow .labels label.sub, .formrow .labels .box .box_body label.sub, .formrow .labels .notificationbox .box_body label.sub, .boxedtable .box_body .formrow .labels label.sub, .formrow .labels .boxedtable .box_body label.sub {
  margin-bottom: unset !important;
}

.notificationbox {
  color: #FFFFFF;
  background-color: #0E173C;
  border: 1px solid #232e59;
  border-radius: 0.6rem;
  position: relative;
}
.notificationbox strong {
  /* @extend .subheader;*/
  display: block;
  margin-bottom: 10px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .notificationbox strong {
    margin-bottom: calc(10px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .notificationbox strong {
    margin-bottom: calc(10px * 0.8) !important;
  }
}
.notificationbox .box_body {
  padding-top: unset !important;
}
.notificationbox button {
  margin-top: 20px;
}
.notificationbox:not(.pink) button {
  /*  @extend .greyed;*/
}
.notificationbox.pink {
  background-color: #bf8e96;
  border: 1px solid #E1A1AC;
}
.notificationbox.arrow:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 11px solid transparent;
  border-right: 0;
  border-left-color: #0E173C;
}
@media (min-width: 0px) and (max-width: 788px) {
  .notificationbox.arrow:after {
    display: none;
  }
}
.notificationbox.arrow:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 12px solid transparent;
  border-left-color: #0E173C;
}
@media (min-width: 0px) and (max-width: 788px) {
  .notificationbox.arrow:before {
    display: none;
  }
}
.notificationbox.arrow.right:after {
  right: 0;
  top: 15%;
  margin-right: -11px;
  margin-top: -11px;
}
.notificationbox.arrow.right:before {
  margin-right: -11px;
  border-right: 0;
  right: -1px;
  top: 15%;
  margin-top: -12px;
}
.notificationbox.arrow.left:after {
  left: 0;
  top: 15%;
  border-left: 0;
  margin-top: -11px;
  margin-left: -11px;
  border-right-color: #0E173C;
}
.notificationbox.arrow.left:before {
  left: -1px;
  top: 15%;
  border-left: 0;
  margin-top: -12px;
  margin-left: -11px;
  border-right-color: #0E173C;
}
.notificationbox.arrow.top:after {
  top: -4px;
  right: 45%;
  margin-top: -13px;
  transform: rotate(-90deg);
}
.notificationbox.arrow.top:before {
  border-right: 0;
  top: -1px;
  right: 45%;
  margin-top: -18px;
  transform: rotate(-90deg);
}
.notificationbox.arrow.bottom:after {
  bottom: -4px;
  left: 15px;
  margin-bottom: -13px;
  transform: rotate(90deg);
}
.notificationbox.arrow.bottom:before {
  border-right: 0;
  bottom: -1px;
  left: 15px;
  margin-bottom: -18px;
  transform: rotate(90deg);
}
.notificationbox.arrow.pink:after {
  border-left-color: #bf8e96 !important;
}
.notificationbox.arrow.pink:before {
  border-left-color: #bf8e96 !important;
}
.notificationbox.arrow.pink.left:after {
  border-right-color: #bf8e96 !important;
}
.notificationbox.arrow.pink.left:before {
  border-right-color: #bf8e96 !important;
}

main > section, .mainsection {
  min-width: 300px;
  z-index: 0;
  background-color: #F5F5F5;
  position: relative;
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  main > section, .mainsection {
    padding-top: calc(60px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  main > section, .mainsection {
    padding-top: calc(60px * 0.6) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  main > section, .mainsection {
    padding-bottom: calc(60px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  main > section, .mainsection {
    padding-bottom: calc(60px * 0.6) !important;
  }
}
main > section.bgBlue, .mainsection.bgBlue {
  background-color: #222230 !important;
}
main > section.bgBrown, .mainsection.bgBrown {
  background-color: #AFAB99 !important;
}
main > section.bgLightbrown, .mainsection.bgLightbrown {
  background-color: #C8C6BE !important;
}
main > section.bgGreen, .mainsection.bgGreen {
  background-color: #3D525A !important;
}
@media (min-width: 0px) and (max-width: 788px) {
  main > section.noPaddingPhone, .mainsection.noPaddingPhone {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) and (min-width: 788px) and (max-width: 1300px) {
  main > section.noPaddingPhone, .mainsection.noPaddingPhone {
    padding-top: calc(60px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) and (min-width: 0px) and (max-width: 788px) {
  main > section.noPaddingPhone, .mainsection.noPaddingPhone {
    padding-top: calc(60px * 0) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) and (min-width: 788px) and (max-width: 1300px) {
  main > section.noPaddingPhone, .mainsection.noPaddingPhone {
    padding-bottom: calc(60px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) and (min-width: 0px) and (max-width: 788px) {
  main > section.noPaddingPhone, .mainsection.noPaddingPhone {
    padding-bottom: calc(60px * 0) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  main > section.noPaddingPhone > *, .mainsection.noPaddingPhone > * {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) and (min-width: 788px) and (max-width: 1300px) {
  main > section.noPaddingPhone > *, .mainsection.noPaddingPhone > * {
    padding-left: calc(20px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) and (min-width: 0px) and (max-width: 788px) {
  main > section.noPaddingPhone > *, .mainsection.noPaddingPhone > * {
    padding-left: calc(20px * 0) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) and (min-width: 788px) and (max-width: 1300px) {
  main > section.noPaddingPhone > *, .mainsection.noPaddingPhone > * {
    padding-right: calc(20px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) and (min-width: 0px) and (max-width: 788px) {
  main > section.noPaddingPhone > *, .mainsection.noPaddingPhone > * {
    padding-right: calc(20px * 0) !important;
  }
}
main > section.zIndex10, .mainsection.zIndex10 {
  z-index: 10;
}
main > section.zIndex20, .mainsection.zIndex20 {
  z-index: 20;
}
main > section > *, .mainsection > * {
  margin: auto;
  max-width: 1600px;
}
@media (max-width: 1600px) {
  main > section > *, .mainsection > * {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
@media (max-width: 1600px) and (min-width: 788px) and (max-width: 1300px) {
  main > section > *, .mainsection > * {
    padding-left: calc(20px * 0.8) !important;
  }
}
@media (max-width: 1600px) and (min-width: 0px) and (max-width: 788px) {
  main > section > *, .mainsection > * {
    padding-left: calc(20px * 0.6) !important;
  }
}
@media (max-width: 1600px) and (min-width: 788px) and (max-width: 1300px) {
  main > section > *, .mainsection > * {
    padding-right: calc(20px * 0.8) !important;
  }
}
@media (max-width: 1600px) and (min-width: 0px) and (max-width: 788px) {
  main > section > *, .mainsection > * {
    padding-right: calc(20px * 0.6) !important;
  }
}

main > footer, .mainfooter {
  background-color: #3D525A;
}
main > footer .logobar, .mainfooter .logobar {
  height: 175px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  main > footer .logobar, .mainfooter .logobar {
    height: calc(175px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  main > footer .logobar, .mainfooter .logobar {
    height: calc(175px * 0.6) !important;
  }
}
main > footer .logobar img, .mainfooter .logobar img {
  display: block;
  margin: auto;
}
main > footer .linkbar .links, .mainfooter .linkbar .links {
  margin: auto;
  max-width: 1600px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
main > footer .linkbar .links a, .mainfooter .linkbar .links a {
  text-decoration: none;
  color: #FFFFFF;
  font-weight: normal;
  font-size: 17px !important;
  margin: 10px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  main > footer .linkbar .links a, .mainfooter .linkbar .links a {
    font-size: calc(17px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  main > footer .linkbar .links a, .mainfooter .linkbar .links a {
    font-size: calc(17px * 0.8) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  main > footer .linkbar .links a, .mainfooter .linkbar .links a {
    margin: calc(10px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  main > footer .linkbar .links a, .mainfooter .linkbar .links a {
    margin: calc(10px * 0.8) !important;
  }
}
main > footer .linkbar .links a:hover, .mainfooter .linkbar .links a:hover {
  color: #FFFFFF;
}
@media (min-width: 0px) and (max-width: 788px) {
  main > footer .linkbar .links, .mainfooter .linkbar .links {
    flex-direction: column;
    justify-content: unset;
    align-items: center;
  }
}

body {
  background-color: #FFFFFF;
}

.ibox {
  clear: both;
  margin-bottom: 320px;
  margin-top: 0;
  padding: 0;
}
.ibox h1 {
  padding-top: 1.3rem !important;
  padding-bottom: 1.3rem !important;
}
.ibox h3 {
  color: #7e858c;
  margin-bottom: 2.4rem;
  margin-top: 7.5px;
}
.ibox .ibox-title {
  background-color: #FFFFFF;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px;
  margin-bottom: 0;
  padding: 15px 90px 8px 15px;
  min-height: 48px;
  position: relative;
  clear: both;
  -webkit-border-radius: 2.5rem 2.5rem 0 0;
  -moz-border-radius: 2.5rem 2.5rem 0 0;
  border-radius: 36px 36px 0 0;
}
.ibox .ibox-content {
  background-color: #FFFFFF;
  width: 100%;
  padding: 5px;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid;
  border-width: 1px;
  clear: both;
}
@media (min-width: 0px) and (max-width: 788px) {
  .ibox .ibox-content thead {
    display: none !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .ibox .ibox-content td {
    display: block;
  }
}
.ibox .ibox-content code {
  background-color: #F9F2F4;
  border-radius: 4rem;
  color: #ca4440;
  font-size: 90%;
  padding: 7.5px 15px;
  white-space: nowrap;
}
.ibox .ibox-content pre {
  background-color: #F9F2F4;
  border-radius: 0.6rem;
  color: #ca4440;
  font-size: 90%;
  padding: 7.5px 15px;
}

.padd-border {
  padding: 10px;
}

.padd-right {
  padding-right: 250px;
}

.contrast-container {
  background-color: #939699;
  padding: 10px;
}

.brd {
  border: solid 1px black;
}

.flexbox {
  display: flex;
  flex-direction: row;
}
@media (min-width: 0px) and (max-width: 788px) {
  .flexbox {
    flex-direction: column;
  }
}
.flexbox .left {
  width: 57%;
  padding: 15px;
}
.flexbox .right {
  width: 43%;
  padding: 15px;
}

.x2 {
  font-size: 50px;
}

.box, .boxedtable, .notificationbox {
  margin-bottom: 32px;
  margin-top: 0;
  padding: 0;
}

.box .title, .boxedtable .title, .notificationbox .title {
  background-color: #FFFFFF;
  border: 1px solid #D9DADB;
  padding: 20px 70px 15px 20px;
  min-height: 15px;
  -webkit-border-radius: 2.5rem 2.5rem 0 0;
  -moz-border-radius: 2.5rem 2.5rem 0 0;
}

.box .content, .boxedtable .content, .notificationbox .content {
  background-color: #FFFFFF;
  padding: 20px 20px 20px 20px;
  border: 1px solid #D9DADB;
}

.box .title h1, .boxedtable .title h1, .notificationbox .title h1, .box .title h2, .boxedtable .title h2, .notificationbox .title h2, .box .title h3, .boxedtable .title h3, .notificationbox .title h3 {
  display: inline-block;
  margin: 0 0 10px;
  padding: 0;
  text-overflow: ellipsis;
}

.navwrapper {
  background-color: #38424D;
  width: 20vw !important;
}

.styleguideNav {
  width: 20vw !important;
  height: 100vh;
  position: fixed;
  background-color: #0E173C;
}
@media (min-width: 0px) and (max-width: 788px) {
  .styleguideNav {
    display: none !important;
  }
}
.styleguideNav .stylecontent {
  overflow-y: scroll;
  height: 84vh;
}
.styleguideNav #header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #FFFFFF;
  padding-top: 20px;
  padding-bottom: 20px;
}
.styleguideNav #header a {
  width: 100%;
  display: flex;
  justify-content: center;
}
.styleguideNav #header a img {
  width: 20rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .styleguideNav #header a img {
    width: 10rem;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .styleguideNav #header a img {
    width: 7.5rem;
  }
}
.styleguideNav h2 {
  margin-top: 30px !important;
  color: white;
  padding-left: 3.5rem !important;
  padding-top: 1rem;
}
.styleguideNav ul {
  margin-bottom: unset !important;
  padding-left: 15px;
  width: 100%;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .styleguideNav ul {
    padding-left: 20px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .styleguideNav ul {
    padding-left: 10px !important;
  }
}
.styleguideNav ul li {
  line-height: 3.5rem;
  font-size: 1.9rem;
  padding: 15px 20px;
  display: block;
  min-height: 3.5rem;
  list-style-type: none;
  display: block;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .styleguideNav ul li {
    padding: 15px 0 !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .styleguideNav ul li {
    padding: 15px 0 !important;
  }
}
.styleguideNav ul li a {
  display: block;
  color: #bbb;
  text-decoration: none;
}
.styleguideNav ul li a:hover {
  color: #F5F5F5;
}

.contentwrapper {
  position: relative;
  width: 80vw;
  padding-left: 15px;
  padding-right: 15px;
  background: white;
  margin-left: 20vw;
  padding-top: 36px;
  padding-bottom: 36px;
  min-height: 88vh;
}
@media (min-width: 0px) and (max-width: 788px) {
  .contentwrapper {
    width: 100% !important;
    margin-left: unset !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 15px !important;
  }
}

.mb5 {
  margin-bottom: 32px;
}

.table td:nth-child(2n+1) {
  width: 30%;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #F5F5F5 !important;
}

.flexcenterYy {
  display: flex;
  align-items: center;
}

@media (min-width: 0px) and (max-width: 788px) {
  .gr-area .gr-p12 {
    padding-top: 0;
  }
}

.wrapperTextboxes {
  background-color: lightslategrey;
  min-height: 200px;
  padding: 20px;
  margin-bottom: 2rem;
}

.wrapperPersonbox {
  width: 260px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.herobox {
  /*    margin-top: 15rem;

      @include respP {
          margin-top: 5rem;
      }*/
}

.bcklightgreyTB {
  background-color: #D9DADB;
  padding: 20px;
}

.bcklightgrey {
  width: 100% !important;
  background-color: #D9DADB;
  padding: 20px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .bcklightgrey {
    width: 100% !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .bcklightgrey {
    width: 100% !important;
  }
}

.col_6 {
  width: 48% !important;
}

.col_5 {
  width: 42% !important;
}

.formSWidth {
  width: 40%;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .formSWidth {
    width: 100%;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .formSWidth {
    width: 100%;
  }
}

.colorboxBig {
  width: 212px;
  height: 212px;
  border-radius: 19px;
  box-shadow: 5px 5px 27px rgba(0, 0, 0, 0.3);
}
.colorboxBig p, .colorboxBig .formrow .labels label.sub, .formrow .labels .colorboxBig label.sub {
  padding: 10px;
  color: #FFFFFF;
}
.colorboxBig p.alt, .colorboxBig .formrow .labels label.alt.sub, .formrow .labels .colorboxBig label.alt.sub {
  color: #0E173C !important;
}

.colorboxSmall {
  width: 96px;
  height: 96px;
  border-radius: 9px;
  box-shadow: 5px 5px 27px rgba(0, 0, 0, 0.3);
}
.colorboxSmall p, .colorboxSmall .formrow .labels label.sub, .formrow .labels .colorboxSmall label.sub {
  font-size: 11px !important;
  padding: 10px;
  color: #FFFFFF;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .colorboxSmall p, .colorboxSmall .formrow .labels label.sub, .formrow .labels .colorboxSmall label.sub {
    font-size: calc(11px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .colorboxSmall p, .colorboxSmall .formrow .labels label.sub, .formrow .labels .colorboxSmall label.sub {
    font-size: calc(11px * 0.6) !important;
  }
}
.colorboxSmall p.alt, .colorboxSmall .formrow .labels label.alt.sub, .formrow .labels .colorboxSmall label.alt.sub {
  color: #272838;
}

.colorspanbox {
  padding: 10px;
}

.cspAltered {
  background-color: #272838;
}

.sgframe {
  overflow: hidden;
  height: 80vh;
  width: 100%;
}

.flexDefault {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
}

.flexMetParameters {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.flexSpaceBetween {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
}

.flexGap {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  gap: 30px;
}

@media (min-width: 1300px) {
  .respScherm {
    color: blue;
  }
  .respScherm:after {
    content: "Desktop";
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .respScherm {
    color: red;
  }
  .respScherm:after {
    content: "Phone";
  }
}

.imgZoom {
  overflow: hidden;
  width: 100%;
}
.imgZoom > img {
  width: 100%;
  transform-origin: 50% 50%;
  transition: transform 1s, filter 0.5s ease-out;
}
.imgZoom > img:hover {
  transform: scale(2);
}

.imgAsBackground {
  width: 300px;
  height: 200px;
  background: url("https://static3.bigstockphoto.com/9/4/2/large1500/249063958.jpg") no-repeat center center;
  background-size: cover;
}

.imgAsBackgroundContain {
  width: 300px;
  height: 200px;
  background: url("https://static3.bigstockphoto.com/9/4/2/large1500/249063958.jpg") no-repeat center center;
  background-size: contain;
}

.imgIcon.after {
  display: inline-flex;
  align-items: center;
}
.imgIcon.after:after {
  content: "";
  display: inline-block;
  background: url("https://static3.bigstockphoto.com/9/4/2/large1500/249063958.jpg") no-repeat top right;
  width: 100px;
  height: 100px;
  margin-left: 5px;
}
.imgIcon.before {
  display: inline-flex;
  align-items: center;
}
.imgIcon.before:before {
  content: "";
  display: block;
  background: url("https://static3.bigstockphoto.com/9/4/2/large1500/249063958.jpg") no-repeat;
  width: 100px;
  height: 100px;
  float: left;
  margin-right: 5px;
}

.faIcon.after:after {
  font-family: "Font Awesome 5 Free";
  content: "\f053";
  display: inline-block;
  padding-left: 5px;
  vertical-align: middle;
  font-weight: 900;
}
.faIcon.before:before {
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  display: inline-block;
  padding-right: 5px;
  vertical-align: middle;
  font-weight: 900;
}
.faIcon.afterEnd {
  position: relative;
}
.faIcon.afterEnd:after {
  font-family: "Font Awesome 5 Free";
  position: absolute;
  right: 0;
  top: 0;
  content: "\f100";
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
}

.faIconList.before {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.faIconList.before li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  display: inline-block;
  padding-right: 5px;
  vertical-align: middle;
  font-weight: 900;
}
.faIconList.after {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.faIconList.after li:after {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  display: inline-block;
  padding-left: 5px;
  vertical-align: middle;
  font-weight: 900;
}
.faIconList.afterEnd {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.faIconList.afterEnd li {
  position: relative;
}
.faIconList.afterEnd li:after {
  font-family: "Font Awesome 5 Free";
  position: absolute;
  right: 0;
  top: 0;
  content: "\f00c";
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
}

.scrollbarExample {
  width: 300px;
  height: 200px;
  overflow: scroll;
  overflow-x: auto;
  overflow-y: auto;
  scrollbar-color: blue #F5F5F5;
}
.scrollbarExample::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: #F5F5F5;
}
.scrollbarExample::-webkit-scrollbar-thumb {
  background: blue;
}

.functionsAlgemeen.basecolors {
  border-style: solid;
  width: fit-content;
  background-color: #E1A1AC !important;
  color: #FFFFFF !important;
  border-color: #bf8e96 !important;
}
.functionsAlgemeen.imageAlignBg {
  height: 500px;
  background-image: url("https://static3.bigstockphoto.com/9/4/2/large1500/249063958.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom right;
}

.respMargin {
  margin: 10px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .respMargin {
    margin: calc(10px * 0) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .respMargin {
    margin: calc(10px * 0) !important;
  }
}

.respValmargin {
  margin: 10px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .respValmargin {
    margin: 20px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .respValmargin {
    margin: 20px !important;
  }
}

.respPadding {
  padding: 10px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .respPadding {
    padding: calc(10px * 0.5) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .respPadding {
    padding: calc(10px * 0.5) !important;
  }
}

.respValpadding {
  padding: 10px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .respValpadding {
    padding: 20px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .respValpadding {
    padding: 20px !important;
  }
}

.respLineheight {
  line-height: 25px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .respLineheight {
    line-height: calc(25px * 1.5) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .respLineheight {
    line-height: calc(25px * 1.5) !important;
  }
}

.respValLineheight {
  line-height: 15px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .respValLineheight {
    line-height: 25px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .respValLineheight {
    line-height: 25px !important;
  }
}

.respFontsize {
  font-size: 16px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .respFontsize {
    font-size: calc(16px * 1.5) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .respFontsize {
    font-size: calc(16px * 1.5) !important;
  }
}

.respValFontsize {
  font-size: 14px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .respValFontsize {
    font-size: 20px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .respValFontsize {
    font-size: 20px !important;
  }
}

.respWidth {
  width: 100px !important;
  border: solid;
  border-color: black;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .respWidth {
    width: calc(100px * 1.5) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .respWidth {
    width: calc(100px * 1.5) !important;
  }
}

.respValWidth {
  width: 100px;
  border: solid;
  border-color: black;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .respValWidth {
    width: 200px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .respValWidth {
    width: 200px !important;
  }
}

.respHeight {
  height: 50px;
  border: solid;
  border-color: black;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .respHeight {
    height: 0.5;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .respHeight {
    height: 0.5;
  }
}

.respValheight {
  height: 50px;
  border: solid;
  border-color: black;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .respValheight {
    height: 100px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .respValheight {
    height: 100px !important;
  }
}

.respLetterSpacing {
  letter-spacing: 1px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .respLetterSpacing {
    letter-spacing: calc(1px * 3.5) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .respLetterSpacing {
    letter-spacing: calc(1px * 3.5) !important;
  }
}

.respValLetterSpacing {
  letter-spacing: 0px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .respValLetterSpacing {
    letter-spacing: 6px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .respValLetterSpacing {
    letter-spacing: 6px !important;
  }
}

.respPosAbsolute {
  position: relative;
}
.respPosAbsolute > div {
  position: absolute;
  left: 0px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .respPosAbsolute > div {
    left: 5%;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .respPosAbsolute > div {
    left: 21%;
  }
}

@media (min-width: 1300px) {
  .respHideD {
    display: none !important;
  }
}

@media (min-width: 788px) and (max-width: 1300px) {
  .respHideT {
    display: none !important;
  }
}

@media (min-width: 0px) and (max-width: 788px) {
  .respHideP {
    display: none !important;
  }
}

.herobox-wrapper {
  height: 80vh;
  width: 100%;
  background-position: center center;
  background-size: cover;
  padding-top: unset !important;
  padding-bottom: unset !important;
  z-index: 1;
}
@media (min-width: 0px) and (max-width: 788px) {
  .herobox-wrapper {
    height: 50vh;
  }
}
.herobox-wrapper .herobox {
  position: relative;
  height: 100%;
}
.herobox-wrapper .herobox > * {
  position: absolute;
}
.herobox-wrapper .herobox > .logo {
  top: 0px;
  left: 0px;
}
@media (min-width: 0px) and (max-width: 788px) {
  .herobox-wrapper .herobox > .logo {
    left: 20px;
  }
}
.herobox-wrapper .herobox > .phone {
  top: 25px;
  right: 0px;
  display: flex;
  align-items: stretch;
}
@media (min-width: 0px) and (max-width: 788px) {
  .herobox-wrapper .herobox > .phone {
    top: unset;
    bottom: 0px;
  }
}
.herobox-wrapper .herobox > .phone > i, .herobox-wrapper .herobox > .phone > a {
  padding: 20px !important;
  color: #FFFFFF;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .herobox-wrapper .herobox > .phone > i, .herobox-wrapper .herobox > .phone > a {
    padding: calc(20px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .herobox-wrapper .herobox > .phone > i, .herobox-wrapper .herobox > .phone > a {
    padding: calc(20px * 0.6) !important;
  }
}
.herobox-wrapper .herobox > .phone i {
  background-color: #3D525A;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.herobox-wrapper .herobox > .phone a {
  padding-right: 40px !important;
  background-color: #222230;
  text-decoration: none;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .herobox-wrapper .herobox > .phone a {
    padding-right: calc(40px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .herobox-wrapper .herobox > .phone a {
    padding-right: calc(40px * 0.6) !important;
  }
}
.herobox-wrapper .herobox .title {
  top: 40vh;
  left: 5vw;
  color: #FFFFFF !important;
  line-height: unset !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 0px) and (max-width: 788px) {
  .herobox-wrapper .herobox .title {
    display: none;
  }
}
.herobox-wrapper .herobox .title * {
  font-size: 36px !important;
  font-weight: 400;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .herobox-wrapper .herobox .title * {
    font-size: calc(36px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .herobox-wrapper .herobox .title * {
    font-size: calc(36px * 0.6) !important;
  }
}
.herobox-wrapper .herobox .title span {
  color: #91894B;
}
.herobox-wrapper .herobox .title strong {
  color: #FFFFFF;
  background-color: #222230;
  box-shadow: 10px 10px 0px 0px #91894B;
  padding: 15px;
}
.herobox-wrapper .herobox > .vignette {
  bottom: -100px;
  right: 10vw;
}
@media (min-width: 0px) and (max-width: 788px) {
  .herobox-wrapper .herobox > .vignette {
    display: none;
  }
}

.logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #FFFFFF;
  padding-top: 30px !important;
  padding-bottom: 30px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  border-bottom-right-radius: 40px !important;
  box-shadow: 10px 10px 0px 0px #222230;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .logo {
    padding-top: calc(30px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .logo {
    padding-top: calc(30px * 0.5) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .logo {
    padding-bottom: calc(30px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .logo {
    padding-bottom: calc(30px * 0.5) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .logo {
    padding-left: calc(20px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .logo {
    padding-left: calc(20px * 0.6) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .logo {
    padding-right: calc(20px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .logo {
    padding-right: calc(20px * 0.6) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .logo {
    border-bottom-right-radius: calc(40px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .logo {
    border-bottom-right-radius: calc(40px * 0.6) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .logo {
    box-shadow: 7px 7px 0px 0px #222230;
  }
}
.logo .logoimage {
  background-image: url('data:image/svg+xml,<svg id="g9785" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 153.119 136.124"><path id="path9767" d="M105.786,97.89,116.8,111.065l15.511-6.652" transform="translate(-9.213 1.47)" fill="none" stroke="%23fff" stroke-linecap="round" stroke-width="0.319" /><path id="path9769" d="M104.484,105.174c.134-.041,22.509-14.22,25.659,3.334,0,0-3.865-6.129-6.635-6.591s-19.266,3.3-19.024,3.256Z" transform="translate(-20.52 17.379)" fill="%23fff" stroke="%23fff" stroke-linecap="round" stroke-width="0.319" /><path id="path9771" d="M106.657,104.258l2.837-5.029" transform="translate(-1.664 13.079)" fill="none" stroke="%23fff" stroke-linecap="round" stroke-width="0.319" /><path id="path9773" d="M108.191,107.312h13.318V94.255h-6.528l-6.006,5.223Z" transform="translate(11.623 -30.022)" fill="%23fff" /><path id="path9775" d="M121.614,107.422s-17.027,3.94-17.449-13.79" transform="translate(-23.263 -35.423)" fill="%23fff" /><path id="path9777" d="M103.568,94.3s23.641-6.051,24.626,17.168" transform="translate(-28.437 -35.811)" fill="%23fff" stroke="%23fff" stroke-linecap="round" stroke-width="0.266" /><path id="path9779" d="M175.775,122.275c.146-.041.9-.257.831-1.46a9.076,9.076,0,0,0-.367-1.874,29.485,29.485,0,0,0-2.808-6.491,27.129,27.129,0,0,0-2.41-3.519,20.266,20.266,0,0,0-3.182-3.163,15.172,15.172,0,0,0-4.082-2.316,13.422,13.422,0,0,0-4.985-.838,2.755,2.755,0,0,0-1.253.388,6.342,6.342,0,0,0-1.508,1.2,11.112,11.112,0,0,0-1.364,1.825,36.081,36.081,0,0,0-2.865,6.31c-1.027,2.787-2.235,6.549-3.7,11.752-1.381,4.895-3.007,11.124-4.961,19.161a45.127,45.127,0,0,0-2.362,8.416,27.617,27.617,0,0,0-.034,9.2c-.014,2.468.062,4.692.242,6.694a35.169,35.169,0,0,0,.906,5.57,19.424,19.424,0,0,0,1.7,4.462,14.05,14.05,0,0,0,2.6,3.448,14.957,14.957,0,0,0,3.3,2.385,23.832,23.832,0,0,0,3.663,1.564c2.347.8,5.124,1.465,7.941,2.229a20.374,20.374,0,0,1,4.457,2.794,13.622,13.622,0,0,1,2.662,3.008,20.164,20.164,0,0,1,1.722,3.393c.422,1.025.822,2.131,1.282,3.3a22.707,22.707,0,0,0,.563,5.812,23.9,23.9,0,0,0,2.247,5.926,37.08,37.08,0,0,0,8.043,9.827,3.415,3.415,0,0,0,.867.571,20.539,20.539,0,0,0,5.417,1.7,14.911,14.911,0,0,0,4.52.014,25.02,25.02,0,0,0,3.441-.817,22.9,22.9,0,0,1,2.579-.661,3.429,3.429,0,0,0,.353-.079,37.9,37.9,0,0,0,14.816-7.7,33.329,33.329,0,0,0,9.016-12.77,3.354,3.354,0,0,0,.25-1.271c0-2.578,0-5.076,0-7.479,0-2.378,0-4.848,0-7.394a19.336,19.336,0,0,0,2.718-2.41A22.433,22.433,0,0,0,229,178.943a40.957,40.957,0,0,0,2.052-4.1c.588-1.326,1.122-2.621,1.674-3.842a3.358,3.358,0,0,0,.227-.7,80.638,80.638,0,0,0,1.671-16.224c.041-4.06-.106-7.85-.062-11.76a19.36,19.36,0,0,0,2.837-1.8,26.345,26.345,0,0,0,3.87-3.678c2.278-2.606,4.091-5.388,5.922-7.77a3.37,3.37,0,0,0,.462-.808A17.65,17.65,0,0,0,248.909,122a24.267,24.267,0,0,0-1.218-7.688,3.316,3.316,0,0,0-4.122-2.2,61.65,61.65,0,0,0-9.435,3.383,22.612,22.612,0,0,0-4.581,2.952,19.112,19.112,0,0,0-2.331,2.33,71.137,71.137,0,0,1-12.6-7.051c-4.787-3.238-8.805-6.319-13.25-8.857a115.558,115.558,0,0,0-17.743-8.478c-6.024-2.32-11.2-3.974-15.748-5.673a46.456,46.456,0,0,0-11.349-2.856,38.28,38.28,0,0,0-10.209.185,43,43,0,0,0-9.215,2.529,65.449,65.449,0,0,0-8.458,4.115c-4.971,2.833-13.442,8.606-15.985,10.256-1.535,1-2.842,1.821-4.064,2.574a103.844,103.844,0,0,1-12.806,7,49.7,49.7,0,0,0,14.05-4.753c1.3-.648,2.726-1.4,4.337-2.3,4.392-2.451,9.823-6,16.315-9.392a64.158,64.158,0,0,1,8.074-3.6,39.665,39.665,0,0,1,8.368-2.046,34.487,34.487,0,0,1,9.02.048A42.648,42.648,0,0,1,166.1,95.23c4.593,1.956,9.725,3.809,15.5,6.22a118.345,118.345,0,0,1,16.777,8.457c4.213,2.537,7.6,5.286,12.758,8.89a71.261,71.261,0,0,0,16.121,8.819,3.194,3.194,0,0,0,3.771-1.274,12.729,12.729,0,0,1,2.644-2.932,16.355,16.355,0,0,1,3.315-2.052,36.533,36.533,0,0,1,5.083-1.887,14.323,14.323,0,0,1,.137,2.377,11.1,11.1,0,0,1-.659,3.492c-1.926,2.52-3.607,5.024-5.373,7.039a19.719,19.719,0,0,1-2.873,2.742,11.943,11.943,0,0,1-3.221,1.771,3.39,3.39,0,0,0-2.247,3.082c-.164,5.023.062,9.5.014,14.037a73.955,73.955,0,0,1-1.442,14.562c-.548,1.236-1.038,2.426-1.53,3.543a34.4,34.4,0,0,1-1.7,3.434,15.7,15.7,0,0,1-2.071,2.847,12.724,12.724,0,0,1-2.866,2.3,3.359,3.359,0,0,0-1.65,2.892c0,3.188.006,6.264.006,9.2q0,3.287,0,6.8a26.379,26.379,0,0,1-6.965,9.63,31.091,31.091,0,0,1-12.066,6.229,30.237,30.237,0,0,0-3.164.789,18.725,18.725,0,0,1-2.532.6,8.066,8.066,0,0,1-2.49-.021,13.188,13.188,0,0,1-3.148-.962,29.788,29.788,0,0,1-6.2-7.627,17.145,17.145,0,0,1-1.613-4.238,16.014,16.014,0,0,1-.369-4.637,3.413,3.413,0,0,0-.244-1.5c-.507-1.246-.99-2.6-1.588-4.047a26.713,26.713,0,0,0-2.332-4.516,20.386,20.386,0,0,0-3.987-4.469,27.448,27.448,0,0,0-6.238-3.851,3.377,3.377,0,0,0-.533-.194c-3.281-.884-5.667-1.42-7.842-2.149a17.476,17.476,0,0,1-2.648-1.1,8.361,8.361,0,0,1-1.856-1.3,7.4,7.4,0,0,1-1.392-1.82,12.76,12.76,0,0,1-1.131-2.939,28.42,28.42,0,0,1-.757-4.516c-.174-1.812-.26-3.909-.251-6.338a3.2,3.2,0,0,0-.055-.635,21.8,21.8,0,0,1-.178-7.36,41.938,41.938,0,0,1,1.854-7.469c.042-.126.073-.232.091-.306,1.907-8.095,3.473-14.329,4.779-19.195,1.38-5.141,2.478-8.784,3.371-11.425a39.974,39.974,0,0,1,2.2-5.506,9.429,9.429,0,0,1,.639-1.075c.154-.219.224-.3.259-.36l-1.253.388a8.774,8.774,0,0,1,3.2.376,10.74,10.74,0,0,1,2.908,1.443,16.6,16.6,0,0,1,2.645,2.309,26.147,26.147,0,0,1,2.287,2.83,59.557,59.557,0,0,1,3.32,5.5,14.367,14.367,0,0,0,.927,1.519,1.308,1.308,0,0,0,1.524.627Z" transform="translate(-95.793 -87.609)" fill="%23fff" /><path id="path9781" d="M108.45,106.686S104.9,93.629,122.732,94.357" transform="translate(11.365 -29.396)" fill="%23fff" stroke="%23fff" stroke-linecap="round" stroke-width="0.266" /><path id="path9783" d="M109.062,98.048c.007,0,.365.085,1.123.215.17.028.356.062.564.1a20.5,20.5,0,0,0,3.935.384,18.076,18.076,0,0,0,4.671-.6,8.176,8.176,0,0,0,2.088-.9,3.265,3.265,0,0,0,1.228-1.2.83.83,0,0,0,0-.555,1.292,1.292,0,0,0-.529-.048c-.258.055-.7.254-1.335.431a11.193,11.193,0,0,1-1.845.342,21.546,21.546,0,0,1-4.175-.034c-1.382-.132-2.9-.277-3.639-.373-.194-.027-.37-.048-.526-.078-.7-.121-1.007-.192-1-.191a1.284,1.284,0,1,0-.56,2.506Z" transform="translate(10.464 -19.835)" fill="%23fff" /></svg>');
  background-position: center;
  background-repeat: no-repeat;
  background-origin: content-box;
  width: 125px;
  height: 125px;
  background-color: #222230;
  padding: 15px 15px 15px 0px;
  border-radius: 20px;
  margin-bottom: 20px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .logo .logoimage {
    margin-bottom: calc(20px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .logo .logoimage {
    margin-bottom: calc(20px * 0.6) !important;
  }
}
.logo span {
  font-size: 36px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .logo span {
    font-size: calc(36px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .logo span {
    font-size: calc(36px * 0.5) !important;
  }
}
.logo.tiny {
  border-radius: unset;
  box-shadow: unset;
  padding: 0px !important;
  background-color: unset;
}
.logo.tiny .logoimage {
  width: 50px !important;
  height: 50px !important;
  padding: 5px;
  margin: unset;
  border-radius: unset;
  border-bottom-right-radius: 10px;
  background-color: #31313E;
  border: 2px solid #707070;
}
.logo.tiny span {
  display: none;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .logo .logoimage {
    width: 100px;
    height: 100px;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .logo .logoimage {
    width: 75px;
    height: 75px;
  }
}

.vignette {
  width: 275px;
  border: 10px solid #91894B;
  border-bottom: none;
  background: #222230;
  padding-top: 20px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .vignette {
    padding-top: calc(20px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .vignette {
    padding-top: calc(20px * 0.6) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .vignette {
    padding-left: calc(20px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .vignette {
    padding-left: calc(20px * 0.6) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .vignette {
    padding-right: calc(20px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .vignette {
    padding-right: calc(20px * 0.6) !important;
  }
}
.vignette * {
  color: #FFFFFF;
  font-weight: 400;
}
.vignette > strong {
  font-size: 34px !important;
  text-transform: uppercase;
  line-height: unset !important;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .vignette > strong {
    font-size: calc(34px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .vignette > strong {
    font-size: calc(34px * 0.6) !important;
  }
}
.vignette > p, .formrow .labels .vignette > label.sub {
  font-size: 17px !important;
  line-height: unset !important;
  margin-top: 0px;
  margin-bottom: 0px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .vignette > p, .formrow .labels .vignette > label.sub {
    font-size: calc(17px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .vignette > p, .formrow .labels .vignette > label.sub {
    font-size: calc(17px * 0.8) !important;
  }
}
.vignette:after, .vignette:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  top: 100%;
  padding: 0px;
}
.vignette:after {
  border-width: 80px 127.5px 0 127.5px;
  border-color: #222230 transparent transparent transparent;
}
.vignette:before {
  border-width: 90px 137.5px 0 137.5px;
  border-color: #91894B transparent transparent transparent;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .vignette {
    width: 247.5px;
  }
  .vignette:after, .vignette:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    top: 100%;
    padding: 0px;
  }
  .vignette:after {
    border-width: 72px 113.75px 0 113.75px;
    border-color: #222230 transparent transparent transparent;
  }
  .vignette:before {
    border-width: 82px 123.75px 0 123.75px;
    border-color: #91894B transparent transparent transparent;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .vignette {
    width: 220px;
  }
  .vignette:after, .vignette:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    top: 100%;
    padding: 0px;
  }
  .vignette:after {
    border-width: 64px 100px 0 100px;
    border-color: #222230 transparent transparent transparent;
  }
  .vignette:before {
    border-width: 74px 110px 0 110px;
    border-color: #91894B transparent transparent transparent;
  }
}

section.imagebox {
  padding-top: unset !important;
  padding-bottom: unset !important;
}
section.imagebox > div {
  max-width: unset;
}
section.imagebox .image {
  height: 55vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center !important;
}
@media (min-width: 788px) and (max-width: 1050px) {
  section.imagebox .image {
    object-fit: fill !important;
    width: 100% !important;
  }
}
section.imagebox .image.top {
  background-position: top !important;
}
section.imagebox .image.center {
  background-position: center center !important;
}
section.imagebox .image.bottom {
  background-position: left bottom !important;
}

.infobox {
  min-width: 350px;
  position: relative;
}
.infobox > .infoboxbody {
  background-image: linear-gradient(-25deg, #91894b 0%, #91894b 43%, #978F51 0%, #978F51 50%);
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
}
@media (min-width: 0px) and (max-width: 788px) {
  .infobox > .infoboxbody {
    border-top-right-radius: unset;
    border-bottom-left-radius: unset;
  }
}
.infobox > .infoboxbody > .infotext {
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 40px;
  padding-bottom: 0px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .infobox > .infoboxbody > .infotext {
    padding-left: 32px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .infobox > .infoboxbody > .infotext {
    padding-left: 15px !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .infobox > .infoboxbody > .infotext {
    padding-right: 32px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .infobox > .infoboxbody > .infotext {
    padding-right: 15px !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .infobox > .infoboxbody > .infotext {
    padding-top: 32px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .infobox > .infoboxbody > .infotext {
    padding-top: 15px !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .infobox > .infoboxbody > .infotext {
    padding-bottom: 0px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .infobox > .infoboxbody > .infotext {
    padding-bottom: 120px !important;
  }
}
.infobox > .infoboxbody > .infotext * {
  color: #FFFFFF;
}
.infobox > .infoboxbody > .infotext > strong {
  font-size: 36px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .infobox > .infoboxbody > .infotext > strong {
    font-size: calc(36px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .infobox > .infoboxbody > .infotext > strong {
    font-size: calc(36px * 0.6) !important;
  }
}
.infobox > .infoboxbody > .infotext > p, .formrow .labels .infobox > .infoboxbody > .infotext > label.sub {
  font-size: 20px !important;
  line-height: 36px !important;
  margin-top: 32px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .infobox > .infoboxbody > .infotext > p, .formrow .labels .infobox > .infoboxbody > .infotext > label.sub {
    font-size: calc(20px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .infobox > .infoboxbody > .infotext > p, .formrow .labels .infobox > .infoboxbody > .infotext > label.sub {
    font-size: calc(20px * 0.8) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .infobox > .infoboxbody > .infotext > p, .formrow .labels .infobox > .infoboxbody > .infotext > label.sub {
    line-height: calc(36px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .infobox > .infoboxbody > .infotext > p, .formrow .labels .infobox > .infoboxbody > .infotext > label.sub {
    line-height: calc(36px * 0.8) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .infobox > .infoboxbody > .infotext > p, .formrow .labels .infobox > .infoboxbody > .infotext > label.sub {
    margin-top: calc(32px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .infobox > .infoboxbody > .infotext > p, .formrow .labels .infobox > .infoboxbody > .infotext > label.sub {
    margin-top: calc(32px * 0.6) !important;
  }
}
.infobox > .infoboxbody > .salesserviceimg {
  padding-top: unset;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 150px;
  background-image: url("/images/salesservice.png");
}
@media (min-width: 0px) and (max-width: 788px) {
  .infobox > .infoboxbody > .salesserviceimg {
    display: none !important;
  }
}
.infobox > .vignette {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 788px) and (max-width: 1300px) {
  .infobox > .vignette {
    display: none !important;
  }
}
@media (min-width: 1300px) {
  .infobox > .vignette {
    display: none !important;
  }
}
.infobox.contact {
  display: flex;
}
.infobox.contact * {
  color: #FFFFFF;
}
.infobox.contact > .infoboxbody {
  padding: 32px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .infobox.contact > .infoboxbody {
    padding: calc(32px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .infobox.contact > .infoboxbody {
    padding: calc(32px * 0.8) !important;
  }
}
.infobox.contact > .infoboxbody .buttons {
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
}
@media (min-width: 0px) and (max-width: 788px) {
  .infobox.contact {
    margin-bottom: unset !important;
  }
  .infobox.contact > .infoboxbody {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .infobox {
    margin-bottom: 140px;
  }
}

.infoboxBreed {
  width: 100%;
  background-image: linear-gradient(-35deg, #91894b 0%, #91894b 53%, #978F51 0%, #978F51 50%);
  border-top-right-radius: 25px;
  border-bottom-left-radius: 25px;
  box-shadow: 10px 10px 0px 0px #222230;
  padding: 32px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .infoboxBreed {
    padding: calc(32px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .infoboxBreed {
    padding: calc(32px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .infoboxBreed {
    border-top-right-radius: unset;
    border-bottom-left-radius: unset;
    box-shadow: unset;
  }
}
.infoboxBreed * {
  color: #FFFFFF;
}
.infoboxBreed > .verticalDoubleChecklist {
  width: 100%;
}
.infoboxBreed > .verticalDoubleChecklist > div {
  justify-content: space-evenly;
}
.infoboxBreed > .salesserviceimg {
  width: 53rem;
  max-width: 80vw;
  height: 15rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/images/salesservice.png");
}
.infoboxBreed.contact {
  flex-direction: row;
}
.infoboxBreed.contact > div {
  width: 60%;
}
.infoboxBreed.contact > .salesserviceimg {
  width: 40%;
}
.infoboxBreed.contact .buttons {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  gap: 15px;
}
@media (min-width: 0px) and (max-width: 788px) {
  .infoboxBreed.contact > div {
    width: 100%;
  }
  .infoboxBreed.contact > .salesserviceimg {
    display: none;
  }
}

.wave {
  width: 100%;
  padding: unset !important;
  background-color: #C8C6BE;
}
.wave > div {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 154.093" preserveAspectRatio="none meet"><path fill="%23222230" id="Path_1003" data-name="Path 1003" d="M0,130c96-8,288-40.6,480-40s288,51.8,480,43,288-84.2,480-87,384,58.4,480,73v81H0Z" transform="translate(0 -45.907)" /></svg>');
  transform: rotate(180deg);
}
.wave.top-blue > div {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 154.093" preserveAspectRatio="none meet"><path fill="%23222230" id="Path_1003" data-name="Path 1003" d="M0,130c96-8,288-40.6,480-40s288,51.8,480,43,288-84.2,480-87,384,58.4,480,73v81H0Z" transform="translate(0 -45.907)" /></svg>');
  transform: rotate(180deg);
}
.wave.bottom-blue {
  background-color: #222230;
}
.wave.top-brown > div {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 154.093" preserveAspectRatio="none meet"><path fill="%23AFAB99" id="Path_1003" data-name="Path 1003" d="M0,130c96-8,288-40.6,480-40s288,51.8,480,43,288-84.2,480-87,384,58.4,480,73v81H0Z" transform="translate(0 -45.907)" /></svg>');
  transform: rotate(180deg);
}
.wave.bottom-brown {
  background-color: #AFAB99;
}
.wave.top-lightbrown > div {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 154.093" preserveAspectRatio="none meet"><path fill="%23C8C6BE" id="Path_1003" data-name="Path 1003" d="M0,130c96-8,288-40.6,480-40s288,51.8,480,43,288-84.2,480-87,384,58.4,480,73v81H0Z" transform="translate(0 -45.907)" /></svg>');
  transform: rotate(180deg);
}
.wave.bottom-lightbrown {
  background-color: #C8C6BE;
}
.wave > div {
  max-width: unset;
  width: 100%;
  height: 175px;
  background-size: 100% 100%;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .wave > div {
    height: 150px;
    background-size: 150% 100%;
    background-position: center;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .wave > div {
    height: 100px;
    background-size: 200% 100%;
    background-position: center;
  }
}
.wave.alt1 {
  background-color: #C8C6BE;
}
.wave.alt1 > div {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1922.866 220.619" preserveAspectRatio="none meet"><path fill="%23222230" id="Path_46" data-name="Path 46" d="M0,0C192.287,31.234,576.86,140.3,961.433,156.168s769.146-61.476,961.433-76.845v141.3H0Z" /></svg>');
  transform: rotate(180deg);
}
.wave.alt1.top-blue > div {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1922.866 220.619" preserveAspectRatio="none meet"><path fill="%23222230" id="Path_46" data-name="Path 46" d="M0,0C192.287,31.234,576.86,140.3,961.433,156.168s769.146-61.476,961.433-76.845v141.3H0Z" /></svg>');
  transform: rotate(180deg);
}
.wave.alt1.bottom-blue {
  background-color: #222230;
}
.wave.alt1.top-brown > div {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1922.866 220.619" preserveAspectRatio="none meet"><path fill="%23AFAB99" id="Path_46" data-name="Path 46" d="M0,0C192.287,31.234,576.86,140.3,961.433,156.168s769.146-61.476,961.433-76.845v141.3H0Z" /></svg>');
  transform: rotate(180deg);
}
.wave.alt1.bottom-brown {
  background-color: #AFAB99;
}
.wave.alt1.top-lightbrown > div {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1922.866 220.619" preserveAspectRatio="none meet"><path fill="%23C8C6BE" id="Path_46" data-name="Path 46" d="M0,0C192.287,31.234,576.86,140.3,961.433,156.168s769.146-61.476,961.433-76.845v141.3H0Z" /></svg>');
  transform: rotate(180deg);
}
.wave.alt1.bottom-lightbrown {
  background-color: #C8C6BE;
}
.wave.alt2 {
  background-color: #C8C6BE;
}
.wave.alt2 > div {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 122.429" preserveAspectRatio="none meet"><path fill="%23222230" id="rect1" d="M 1327.9688 0.39257812 C 1312 0.53884995 1296 0.94446944 1280 1.6367188 C 1024.0003 12.712708 895.99974 111.97482 640 121.50781 C 384.00026 131.0408 127.99987 63.745579 0 49.308594 L 0 122.42969 L 1920 122.42969 L 1920 66.128906 C 1800.0001 54.035168 1567.4998 -1.8014993 1327.9688 0.39257812 z " /></svg>');
  transform: rotate(180deg);
}
.wave.alt2.top-blue > div {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 122.429" preserveAspectRatio="none meet"><path fill="%23222230" id="rect1" d="M 1327.9688 0.39257812 C 1312 0.53884995 1296 0.94446944 1280 1.6367188 C 1024.0003 12.712708 895.99974 111.97482 640 121.50781 C 384.00026 131.0408 127.99987 63.745579 0 49.308594 L 0 122.42969 L 1920 122.42969 L 1920 66.128906 C 1800.0001 54.035168 1567.4998 -1.8014993 1327.9688 0.39257812 z " /></svg>');
  transform: rotate(180deg);
}
.wave.alt2.bottom-blue {
  background-color: #222230;
}
.wave.alt2.top-brown > div {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 122.429" preserveAspectRatio="none meet"><path fill="%23AFAB99" id="rect1" d="M 1327.9688 0.39257812 C 1312 0.53884995 1296 0.94446944 1280 1.6367188 C 1024.0003 12.712708 895.99974 111.97482 640 121.50781 C 384.00026 131.0408 127.99987 63.745579 0 49.308594 L 0 122.42969 L 1920 122.42969 L 1920 66.128906 C 1800.0001 54.035168 1567.4998 -1.8014993 1327.9688 0.39257812 z " /></svg>');
  transform: rotate(180deg);
}
.wave.alt2.bottom-brown {
  background-color: #AFAB99;
}
.wave.alt2.top-lightbrown > div {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 122.429" preserveAspectRatio="none meet"><path fill="%23C8C6BE" id="rect1" d="M 1327.9688 0.39257812 C 1312 0.53884995 1296 0.94446944 1280 1.6367188 C 1024.0003 12.712708 895.99974 111.97482 640 121.50781 C 384.00026 131.0408 127.99987 63.745579 0 49.308594 L 0 122.42969 L 1920 122.42969 L 1920 66.128906 C 1800.0001 54.035168 1567.4998 -1.8014993 1327.9688 0.39257812 z " /></svg>');
  transform: rotate(180deg);
}
.wave.alt2.bottom-lightbrown {
  background-color: #C8C6BE;
}

.contactbox {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  grid-gap: 5rem;
}
.contactbox > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 7) - 2.5rem) !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .contactbox > *:nth-child(2n+1) {
    width: 100% !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .contactbox > *:nth-child(2n+1) {
    width: 100% !important;
  }
}
.contactbox > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 5) - 2.5rem) !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .contactbox > *:nth-child(2n+2) {
    width: 100% !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .contactbox > *:nth-child(2n+2) {
    width: 100% !important;
  }
}
.contactbox strong, .contactbox p, .contactbox .formrow .labels label.sub, .formrow .labels .contactbox label.sub {
  color: #FFFFFF;
}
.contactbox > .contactimage {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
}
.contactbox > .contactimage img {
  width: 100%;
  height: auto;
}
.contactbox > .contactform {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
}
.contactbox > .contactform form {
  display: grid;
}
.contactbox > .contactform form .inputfields {
  margin-bottom: 32px !important;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .contactbox > .contactform form .inputfields {
    margin-bottom: calc(32px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .contactbox > .contactform form .inputfields {
    margin-bottom: calc(32px * 0.8) !important;
  }
}
.contactbox > .contactform form .inputfields i {
  background-color: #C8C6BE;
  color: #91894B;
}
.contactbox > .contactform form .inputfields ::placeholder {
  color: #91894B;
  opacity: 0.6;
}
.contactbox > .contactform form button {
  justify-self: right;
}
@media (min-width: 0px) and (max-width: 788px) {
  .contactbox > .contactform form {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.contactbox > .contactform .captcha {
  display: flex;
  flex-direction: column;
  align-items: end;
}
@media (min-width: 0px) and (max-width: 788px) {
  .contactbox > .contactform .captcha {
    align-items: center;
  }
}
@media (max-width: 1300px) {
  .contactbox {
    flex-direction: column-reverse;
  }
}

.contact-wrapper {
  position: relative;
}
.contact-wrapper .infobox {
  position: absolute;
  bottom: -25rem;
  left: 150px;
}
@media (min-width: 0px) and (max-width: 788px) {
  .contact-wrapper .infobox {
    margin-top: 30px;
    position: relative;
    bottom: unset;
    left: unset;
  }
}

figure.card {
  position: relative;
  border: solid 6px #AFAB99;
}
figure.card img {
  height: 300px;
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
  background-position: center center;
}
figure.card figcaption {
  position: absolute;
  bottom: 0px;
  width: 100%;
  background-color: #978F51;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
figure.card figcaption * {
  font-family: "Nunito", sans-serif;
  color: #FFFFFF;
}
figure.card figcaption strong {
  text-transform: uppercase;
  text-align: center;
  font-size: 19px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  figure.card figcaption strong {
    font-size: calc(19px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  figure.card figcaption strong {
    font-size: calc(19px * 0.8) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  figure.card figcaption strong {
    padding-top: calc(10px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  figure.card figcaption strong {
    padding-top: calc(10px * 0.8) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  figure.card figcaption strong {
    padding-bottom: calc(10px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  figure.card figcaption strong {
    padding-bottom: calc(10px * 0.8) !important;
  }
}
figure.card figcaption p, figure.card figcaption .formrow .labels label.sub, .formrow .labels figure.card figcaption label.sub {
  font-size: 17px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  figure.card figcaption p, figure.card figcaption .formrow .labels label.sub, .formrow .labels figure.card figcaption label.sub {
    font-size: calc(17px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  figure.card figcaption p, figure.card figcaption .formrow .labels label.sub, .formrow .labels figure.card figcaption label.sub {
    font-size: calc(17px * 0.8) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  figure.card figcaption p, figure.card figcaption .formrow .labels label.sub, .formrow .labels figure.card figcaption label.sub {
    padding-left: calc(10px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  figure.card figcaption p, figure.card figcaption .formrow .labels label.sub, .formrow .labels figure.card figcaption label.sub {
    padding-left: calc(10px * 0.8) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  figure.card figcaption p, figure.card figcaption .formrow .labels label.sub, .formrow .labels figure.card figcaption label.sub {
    padding-right: calc(10px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  figure.card figcaption p, figure.card figcaption .formrow .labels label.sub, .formrow .labels figure.card figcaption label.sub {
    padding-right: calc(10px * 0.8) !important;
  }
}
@media (min-width: 1300px) {
  figure.card figcaption p, figure.card figcaption .formrow .labels label.sub, .formrow .labels figure.card figcaption label.sub {
    display: none;
  }
}
figure.card:hover figcaption p, figure.card:hover figcaption .formrow .labels label.sub, .formrow .labels figure.card:hover figcaption label.sub {
  display: block;
}

.testimonials {
  /* arrow color */
  /* white circles */
  /* fill-in selected dot */
}
.testimonials .carousel {
  background: #AFAB99;
}
.testimonials .carousel-cell {
  width: 33%;
  height: 650px;
  margin-right: 10px;
}
@media (min-width: 0px) and (max-width: 788px) {
  .testimonials .carousel-cell {
    width: 100%;
    height: 650px;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .testimonials .carousel-cell {
    width: 50%;
    height: 650px;
  }
}
.testimonials .carousel-cell .testimonials-card {
  height: 650px;
}
.testimonials .carousel-cell .testimonials-card .allignment {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.testimonials .carousel-cell .testimonials-card .allignment .quotetext {
  width: 90%;
  margin-top: 10%;
  display: flex;
  color: #FFFFFF;
  height: 100px;
}
.testimonials .carousel-cell .testimonials-card .allignment .quotetext .quote {
  width: 30%;
  background-color: #3D525A;
  border-radius: 25px 0px 0px 25px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.testimonials .carousel-cell .testimonials-card .allignment .quotetext .quote svg {
  text-align: center;
}
.testimonials .carousel-cell .testimonials-card .allignment .quotetext .text {
  flex-grow: 2;
  background-color: #91894b;
  text-align: center;
  padding: 15px;
  border-radius: 0px 25px 25px 0px;
}
.testimonials .carousel-cell .testimonials-card .allignment .quotetext .text .alttxt {
  font-size: 18px !important;
}
.testimonials .carousel-cell .testimonials-card .allignment .golddot {
  background-color: #91894b;
  border-radius: 50%;
  margin-top: 10%;
}
.testimonials .carousel-cell .testimonials-card .allignment .golddot:nth-child(1) {
  width: 25px;
  height: 25px;
}
.testimonials .carousel-cell .testimonials-card .allignment .golddot:nth-child(2) {
  width: 50px;
  height: 50px;
}
.testimonials .carousel-cell .testimonials-card .allignment .golddot:nth-child(3) {
  width: 150px;
  height: 150px;
  height: 150px;
  background-repeat: no-repeat;
  background-size: cover;
}
.testimonials .carousel-cell .testimonials-card .allignment .title {
  color: #91894b;
}
.testimonials .carousel-cell .testimonials-card .allignment .person {
  margin-top: 10%;
}
.testimonials .flickity-button {
  background: transparent;
  border-radius: unset !important;
  color: #FFFFFF;
}
.testimonials .flickity-prev-next-button, .testimonials .flickity-prev-next-button:hover {
  width: 50px;
  height: 50px;
  /* @extend .IconOnly;*/
  background-color: #3D525A !important;
  box-shadow: unset !important;
  color: #FFFFFF;
}
.testimonials o .flickity-prev-next-button:hover {
  background: #F90;
}
.testimonials .flickity-prev-next-button .arrow {
  fill: #91894b;
}
.testimonials .flickity-prev-next-button.no-svg {
  color: #3D525A;
}
.testimonials .flickity-page-dots .dt {
  width: 12px;
  height: 12px;
  opacity: 1;
  background: #91894b;
  border: 2px #3D525A white;
}
.testimonials .flickity-page-dots .dot.is-selected {
  background: #3D525A;
}

.carouselwrapper {
  margin-top: 50px !important;
  margin-bottom: 60px !important;
  /* arrow color */
  /* white circles */
  /* fill-in selected dot */
}
@media (min-width: 788px) and (max-width: 1300px) {
  .carouselwrapper {
    margin-top: calc(50px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .carouselwrapper {
    margin-top: calc(50px * 0.8) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .carouselwrapper {
    margin-bottom: calc(60px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .carouselwrapper {
    margin-bottom: calc(60px * 0.8) !important;
  }
}
.carouselwrapper .carousel {
  background: #AFAB99;
}
.carouselwrapper .carousel-cell {
  width: 40%;
  height: 60vh;
  background: #8C8;
  counter-increment: carousel-cell;
}
@media (min-width: 0px) and (max-width: 788px) {
  .carouselwrapper .carousel-cell {
    width: 90%;
    height: 60vh;
  }
}
.carouselwrapper .carousel-cell .image {
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
.carouselwrapper .flickity-button {
  background: transparent;
  border-radius: unset !important;
  color: #FFFFFF;
}
.carouselwrapper .flickity-prev-next-button, .carouselwrapper .flickity-prev-next-button:hover {
  width: 50px;
  height: 50px;
  /* @extend .IconOnly;*/
  background-color: #3D525A !important;
  box-shadow: unset !important;
  color: #FFFFFF;
}
.carouselwrapper .flickity-prev-next-button:hover {
  background: #F90;
}
.carouselwrapper .flickity-prev-next-button .arrow {
  fill: #91894b;
}
.carouselwrapper .flickity-prev-next-button.no-svg {
  color: #3D525A;
}
.carouselwrapper .flickity-page-dots .dt {
  width: 12px;
  height: 12px;
  opacity: 1;
  background: #91894b;
  border: 2px #3D525A white;
}
.carouselwrapper .flickity-page-dots .dot.is-selected {
  background: #3D525A;
}

section.kaart {
  padding: unset !important;
}
section.kaart > div {
  padding: unset;
  max-width: unset;
}
section.kaart > div iframe {
  width: 100%;
  height: 70vh;
}

.modal {
  position: relative;
  display: none;
  position: fixed;
  z-index: 10000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}
.modal.small .modal-content {
  width: 40%;
}
.modal.large .modal-content {
  width: 90%;
}
.modal .footer {
  background-color: #646464;
}
.modal .modalClose {
  position: absolute;
  font-size: 20px !important;
  top: 0px;
  right: 0px;
  padding: 15px !important;
  box-shadow: unset !important;
}

.modal-content {
  background-color: white;
  max-height: 90vh !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 40px;
  width: 60%;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .modal-content {
    width: 80% !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .modal-content {
    width: 90% !important;
  }
}