/*$cBlueXLight: #232e59;*/
/*
    zet de scroll-axis die je wil gebruiken ($x en/of $y) op TRUE
*/
/*Images */
/* Icons */
.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;
  }
}

.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;
}
: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: #646464;
  overflow-x: hidden;
  background-color: #F5F5F5 !important;
  font-family: "effra", Verdana, sans-serif;
}

h1 {
  font-size: 50px !important;
  line-height: 70px !important;
  font-weight: 700 !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  h1 {
    font-size: calc(50px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  h1 {
    font-size: calc(50px * 0.6) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  h1 {
    line-height: calc(70px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  h1 {
    line-height: calc(70px * 0.6) !important;
  }
}
h1.XL {
  font-size: 83px !important;
  line-height: 100px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  h1.XL {
    font-size: calc(83px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  h1.XL {
    font-size: calc(83px * 0.6) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  h1.XL {
    line-height: calc(100px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  h1.XL {
    line-height: calc(100px * 0.6) !important;
  }
}

h2 {
  font-size: 24px !important;
  font-weight: 500;
  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.subheader {
  font-size: 60px !important;
  line-height: 60px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  h2.subheader {
    font-size: calc(60px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  h2.subheader {
    font-size: calc(60px * 0.6) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  h2.subheader {
    line-height: calc(60px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  h2.subheader {
    line-height: calc(60px * 0.6) !important;
  }
}
h2.uppercase, .formbox > header h2 {
  font-size: 36px !important;
  line-height: 33px !important;
  font-weight: 700 !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  h2.uppercase, .formbox > header h2 {
    font-size: calc(36px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  h2.uppercase, .formbox > header h2 {
    font-size: calc(36px * 0.6) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  h2.uppercase, .formbox > header h2 {
    line-height: calc(33px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  h2.uppercase, .formbox > header h2 {
    line-height: calc(33px * 0.6) !important;
  }
}
h2.underlined, h2.WLMHeader, h2.WLMHeaderNoImg {
  position: relative;
}
h2.underlined::before, h2.WLMHeader::before, h2.WLMHeaderNoImg::before {
  content: "";
  position: absolute;
  left: 0px;
  bottom: -10px;
  height: 1px;
  width: 100%;
  background-color: #B4B4B4;
}
h2.WLMHeader, h2.WLMHeaderNoImg {
  position: relative;
  font-size: 50px !important;
}
h2.WLMHeader::after, h2.WLMHeaderNoImg::after {
  content: url(/images/WLM.png);
  position: absolute;
  right: 0px;
  top: -19px;
}
h2.WLMHeaderNoImg::after {
  content: none;
}

h3 {
  margin-bottom: 15px;
}

strong {
  font-size: 24px !important;
  line-height: 33px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  strong {
    font-size: calc(24px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  strong {
    font-size: calc(24px * 0.8) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  strong {
    line-height: calc(33px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  strong {
    line-height: calc(33px * 0.6) !important;
  }
}
strong.SmallUpper {
  font-size: 19px !important;
  line-height: 33px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  strong.SmallUpper {
    font-size: calc(19px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  strong.SmallUpper {
    font-size: calc(19px * 0.8) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  strong.SmallUpper {
    line-height: calc(33px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  strong.SmallUpper {
    line-height: calc(33px * 0.6) !important;
  }
}
strong.Small, .accorderen .geefakkoord strong, .accorderen .akkoord strong {
  font-size: 19px !important;
  line-height: 33px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  strong.Small, .accorderen .geefakkoord strong, .accorderen .akkoord strong {
    font-size: calc(19px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  strong.Small, .accorderen .geefakkoord strong, .accorderen .akkoord strong {
    font-size: calc(19px * 0.8) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  strong.Small, .accorderen .geefakkoord strong, .accorderen .akkoord strong {
    line-height: calc(33px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  strong.Small, .accorderen .geefakkoord strong, .accorderen .akkoord strong {
    line-height: calc(33px * 0.6) !important;
  }
}
strong.Bigger, .partners > strong {
  font-size: 36px !important;
  line-height: 70px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  strong.Bigger, .partners > strong {
    font-size: calc(36px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  strong.Bigger, .partners > strong {
    font-size: calc(36px * 0.6) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  strong.Bigger, .partners > strong {
    line-height: calc(70px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  strong.Bigger, .partners > strong {
    line-height: calc(70px * 0.6) !important;
  }
}

p, .formrow .labels label.sub {
  font-size: 19px;
  /*@include respFontsize($fhXS,$constRespLPercT,$constRespLPercT);*/
  line-height: 28px !important;
  margin-bottom: 10px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  p, .formrow .labels label.sub {
    font-size: 18px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  p, .formrow .labels label.sub {
    font-size: 16px !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  p, .formrow .labels label.sub {
    line-height: calc(28px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  p, .formrow .labels label.sub {
    line-height: calc(28px * 0.8) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  p, .formrow .labels label.sub {
    margin-bottom: calc(10px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  p, .formrow .labels label.sub {
    margin-bottom: calc(10px * 0.8) !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.8) !important;
  }
}

hr {
  background-color: #D9DADB;
}

small {
  font-size: 14px;
}

.fXXL {
  font-size: 83px !important;
}

.fXL {
  font-size: 60px !important;
}

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

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

.fS, .planningDetail .pdInfo > div .pdContact > p, .planningDetail .pdInfo > div .formrow .labels .pdContact > label.sub, .formrow .labels .planningDetail .pdInfo > div .pdContact > label.sub, .planningDetail .pdInfo > div .pdForm .cell > label {
  font-size: 16px !important;
}

.fXS, .planningDetail .pdInfo > div .pdForm .cell > input, main > header .top > div > div > a {
  font-size: 14px !important;
}

.fXXS {
  font-size: 11px !important;
}

.fpM {
  font-size: 19px !important;
}

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

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

.fhXS, .planningDetail .pdInfo > strong {
  font-size: 19px !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, .prijsbox .mainbox .locaties dl dt, .prijsbox .mainbox .prijsinfo .prijs .label, .prijsbox .mainbox .prijsinfo .volume .label, .prijsresultaat .locaties dl dt, .formrow .labels label, h2.uppercase, .formbox > header h2, strong.SmallUpper {
  text-transform: uppercase !important;
}

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

.italic {
  font-style: italic;
}

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

.bolder, .verhuisdetail label, .prijsbox .mainbox .locaties dl dt, .prijsbox .mainbox .prijsinfo .iconbox, .infobox.withButton, .filter fieldset legend, .dossieroverzicht .status1, .dossieroverzicht .status2, .dossieroverzicht .status3, .dossieroverzicht .status4, .contactbox .info .tijden, .prijsresultaat .locaties dl dd, .prijsresultaat .berekening .content > div .value, .team .teamQuote, .testimonals .carousel-cell .card .name, .faq details[open] summary, .faq details summary:after, .hero .position p, .hero .position .formrow .labels label.sub, .formrow .labels .hero .position label.sub, .verticalDoubleChecklist ul, .togglebox, .formrow .labels label, h2.WLMHeader, h2.WLMHeaderNoImg {
  font-weight: 700 !important;
}

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

.hvr {
  cursor: pointer;
}

.ctxtSoftpinkish {
  color: #E1A1AC;
}

.ctxtBlueXLight, .planningDetail .pdInfo > strong, .partners > strong, .testimonals .top h1 {
  color: #3E4581;
}

.ctxtWhite, .hero.Smaller h1, .hero .position p, .hero .position .formrow .labels label.sub, .formrow .labels .hero .position label.sub {
  color: white;
}

.cBlue, h2.WLMHeader, h2.WLMHeaderNoImg {
  color: #0E173C;
}

.cBlueLight {
  color: #172043;
}

.cBlueXLight, .contactbox .info .tijden, .contactbox .info strong {
  color: #3E4581;
}

.cPink, .formbox > header h2 {
  color: #bf8e96;
}

.cPinkLight {
  color: #E1A1AC;
}

.cGrey {
  color: #B4B4B4;
}

.cGreyLight {
  color: #F5F5F5;
}

.cGreyMedium {
  color: #e0e0e0;
}

.cBlack {
  color: #272838;
}

.bgcBlue {
  background-color: #0E173C;
}

.bgcBlueLight {
  background-color: #172043;
}

.bgcBlueXLight {
  background-color: #3E4581;
}

.bgcPink {
  background-color: #bf8e96;
}

.bgcPinkLight {
  background-color: #E1A1AC;
}

.bgcGreyLight {
  background-color: #F5F5F5;
}

.bgcGreyMedium {
  background-color: #e0e0e0;
}

.bgcBlack {
  background-color: #272838;
}

.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: white !important;
  border-color: #0E173C !important;
  border-radius: 0.6rem !important;
}
body .dataTables_wrapper .bottom .paginate_button.current:hover {
  background-color: #040713 !important;
  color: white !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 {
  padding-top: 1.8rem !important;
  padding-bottom: calc(1.8rem - 0.3rem) !important;
  padding-left: 1.8rem !important;
  padding-right: 1.8rem !important;
  background-color: #3E4581 !important;
  color: white !important;
  border-color: #0E173C !important;
  font-size: 17px !important;
  font-weight: 700;
  font-family: "effra", Verdana, sans-serif;
  border-radius: 0.6rem !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 black;
  margin-bottom: 3px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  button {
    padding: calc(1.5rem * 1) calc(1.8rem * 1) !important;
    padding-top: calc(1.8rem * 1) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  button {
    padding: calc(1.5rem * 1) calc(1.8rem * 1) !important;
    padding-top: calc(1.8rem * 1) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  button {
    font-size: calc(17px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  button {
    font-size: calc(17px * 0.9) !important;
  }
}
button:hover {
  background-color: #040713 !important;
  color: white !important;
  border-color: #040713 !important;
}
button.pink {
  background-color: #bf8e96 !important;
  color: white !important;
  border-color: #E1A1AC !important;
  box-shadow: 0px 3px 0px 0px #bfc1c2;
}
button.pink:hover {
  background-color: #E1A1AC !important;
  color: white !important;
  border-color: #bf8e96 !important;
}
button.white {
  background-color: white !important;
  color: #3E4581 !important;
  border-color: #D9DADB !important;
  box-shadow: 0px 3px 0px 0px #bfc1c2;
}
button.white:hover {
  background-color: #F5F5F5 !important;
  color: #272838 !important;
  border-color: #D9DADB !important;
}
button.greyed, .hero .position button.cta, .notificationbox:not(.pink) button {
  background-color: #EBF0F5 !important;
  color: #3E4581 !important;
  border-color: #D9DADB !important;
  box-shadow: 0px 3px 0px 0px #bfc1c2;
}
button.greyed:hover, .hero .position button.cta:hover, .notificationbox:not(.pink) button:hover {
  background-color: white !important;
  color: #272838 !important;
  border-color: #D9DADB !important;
}
button.transparent {
  color: #3E4581 !important;
  background-color: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
button.transparent i {
  margin-left: 10px;
}
@media (min-width: 0px) and (max-width: 788px) {
  button.transparent i {
    margin-left: 0.25rem !important;
  }
}
button.transparent:hover {
  background-color: #EBF0F5 !important;
  color: #272838 !important;
  border-color: #D9DADB !important;
}
button.large {
  padding-top: 3.4rem !important;
  padding-bottom: calc(3.4rem - 0.3rem) !important;
  padding-left: 3.2rem !important;
  padding-right: 3.2rem !important;
  font-size: 21px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  button.large {
    padding: calc(3.1rem * 1) calc(3.2rem * 1) !important;
    padding-top: calc(3.4rem * 1) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  button.large {
    padding: calc(3.1rem * 1) calc(3.2rem * 1) !important;
    padding-top: calc(3.4rem * 1) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  button.large {
    font-size: calc(21px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  button.large {
    font-size: calc(21px * 0.8) !important;
  }
}
button.small {
  padding-top: 1.5rem !important;
  padding-bottom: calc(1.5rem - 0.3rem) !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  font-size: 14px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  button.small {
    padding: calc(1.2rem * 1) calc(1.5rem * 1) !important;
    padding-top: calc(1.5rem * 1) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  button.small {
    padding: calc(1.2rem * 1) calc(1.5rem * 1) !important;
    padding-top: calc(1.5rem * 1) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  button.small {
    font-size: calc(14px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  button.small {
    font-size: calc(14px * 0.8) !important;
  }
}
button.IconOnly i, .testimonals button.flickity-prev-next-button i, .testimonals button.flickity-prev-next-button:hover i {
  margin-left: unset !important;
}
button.IconOnly i::before, .testimonals button.flickity-prev-next-button i::before, .testimonals button.flickity-prev-next-button:hover i::before {
  display: block !important;
  width: 17px !important;
  height: 17px !important;
}
button.HPaddingL {
  padding-top: 1.8rem !important;
  padding-bottom: calc(1.8rem - 0.3rem) !important;
  padding-left: 3.2rem !important;
  padding-right: 3.2rem !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  button.HPaddingL {
    padding: calc(1.5rem * 1) calc(3.2rem * 1) !important;
    padding-top: calc(1.8rem * 1) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  button.HPaddingL {
    padding: calc(1.5rem * 1) calc(3.2rem * 1) !important;
    padding-top: calc(1.8rem * 1) !important;
  }
}
button.HPaddingS {
  padding-top: 1rem !important;
  padding-bottom: calc(1rem - 0.3rem) !important;
  padding-left: 1.8rem !important;
  padding-right: 1.8rem !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  button.HPaddingS {
    padding: calc(0.7rem * 1) calc(1.8rem * 1) !important;
    padding-top: calc(1rem * 1) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  button.HPaddingS {
    padding: calc(0.7rem * 1) calc(1.8rem * 1) !important;
    padding-top: calc(1rem * 1) !important;
  }
}
button.IconBF, .hero .position button.cta {
  text-align: right !important;
}
button.IconBF i, .hero .position button.cta i {
  vertical-align: middle !important;
  margin-right: 20px !important;
}
@media (min-width: 0px) and (max-width: 1300px) {
  button.IconBF i, .hero .position button.cta i {
    margin-right: calc(20px / 2) !important;
  }
}
button.IconBF.greyed i::before, .hero .position button.cta i::before, .notificationbox:not(.pink) button.IconBF i::before {
  font-size: 30px;
  color: #E1A1AC !important;
}
button.IconAF {
  text-align: left !important;
}
button.IconAF i {
  margin-left: 32px !important;
}
@media (min-width: 0px) and (max-width: 1300px) {
  button.IconAF i {
    margin-left: calc(32px / 2) !important;
  }
}
button.Round, .testimonals button.flickity-prev-next-button, .testimonals button.flickity-prev-next-button:hover {
  border-radius: 50% !important;
  box-shadow: unset !important;
  padding-top: 1.8rem !important;
  padding-bottom: calc(1.8rem - 0.3rem) !important;
  padding-left: 1.8rem !important;
  padding-right: 1.8rem !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  button.Round, .testimonals button.flickity-prev-next-button, .testimonals button.flickity-prev-next-button:hover {
    padding: calc(1.5rem * 1) calc(1.8rem * 1) !important;
    padding-top: calc(1.8rem * 1) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  button.Round, .testimonals button.flickity-prev-next-button, .testimonals button.flickity-prev-next-button:hover {
    padding: calc(1.5rem * 1) calc(1.8rem * 1) !important;
    padding-top: calc(1.8rem * 1) !important;
  }
}

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: white !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: white;
  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: "effra", 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: white;
  color: inherit;
}
.togglebox .nee {
  background: #3E4581;
  color: white;
}
.togglebox input[type=checkbox] {
  display: none;
}
.togglebox input[type=checkbox]:checked + label .ja {
  background: #3E4581;
  color: white;
}
.togglebox input[type=checkbox]:checked + label .nee {
  background: white;
  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: "effra", 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, .zoekinput {
  display: flex;
  flex-direction: row;
}
.inputIconBF i, .inputIconAF i, .zoekinput 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;
}

.inputIconAF i, .zoekinput i {
  border-left: unset !important;
}

.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;
}

a {
  color: #3E4581;
  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: #0c0e1a;
}
a.pink {
  color: #bf8e96;
}
a.pink:hover {
  color: #93545e;
}
a.greyDark, .contact .content .informatie a, main > footer .main .linklists > div a {
  color: #646464;
}
a.greyDark:hover, .contact .content .informatie a:hover, main > footer .main .linklists > div a:hover {
  color: #313131;
}
a.grey {
  color: #B4B4B4;
}
a.grey:hover {
  color: #818181;
}
a.white, main > header .top > div > div > a {
  color: white;
}
a.white:hover, main > header .top > div > div > a: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, .contact .content .informatie a, main > footer .main .linklists > div a, main > header .main > div > ul #langSel #langSelSubMenu > ul > li > a, main > header .main > div > nav > ul > li > a, a.IconAF, a.IconBF, .hero .position a.cta, main > header .main > div > ul > li > a, main > header .top > div > div > a {
  text-decoration: none !important;
}
a.IconBF i, .hero .position a.cta i, main > header .main > div > ul > li > a i, main > header .top > div > div > a i {
  margin-right: 10px !important;
}
a.IconAF i {
  margin-left: 10px !important;
}
a.IconAF.modest i::before, .contact .content .informatie a.IconAF i::before, main > footer .main .linklists > div a.IconAF i::before, main > header .main > div > ul #langSel #langSelSubMenu > ul > li > a.IconAF i::before, main > header .main > div > nav > ul > li > a.IconAF 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: #3E4581;
}
.breadcrumbs li a:hover {
  color: #5b64b0;
}

.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, main > header .main > div > ul #langSel #langSelSubMenu > ul, main > header .main > div > ul, main > header .main > div > nav > ul {
  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 ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.verticalChecklist li:before, .verticalDoubleChecklist 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 ul li {
  margin-bottom: 15px;
}

.verticalDoubleChecklist {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  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: white !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: white;
  background-color: #0E173C;
  border: 1px solid #3E4581;
  border-radius: 0.6rem;
  position: relative;
}
.notificationbox strong {
  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.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;
}

.inlogboxmargin {
  margin-top: 100px;
}
@media (min-width: 0px) and (max-width: 788px) {
  .inlogboxmargin {
    margin-top: 0px !important;
  }
}

#takephoto #errorMsg {
  display: none;
}
#takephoto .show {
  display: block;
}
#takephoto .hide {
  display: none;
}
#takephoto .webcam-off {
  display: block;
}
#takephoto .webcam-on {
  display: none;
}
#takephoto .flash {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80vw;
  height: 120vh;
  background-color: #fff;
  z-index: 999999;
}

#mdlPhoto .ct {
  width: 80vw;
  height: 80vh;
  padding-top: 20px !important;
}
#mdlPhoto .ct #webcam {
  width: 100vw;
  height: 90vh;
}
#mdlPhoto .ct canvas {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 80vw;
  height: 80vh;
  transform: translate(-50%, -50%);
}
#mdlPhoto .ct .cameraControls {
  position: absolute;
  bottom: 100px;
  left: 50%;
  transform: translate(-50%);
  display: flex;
  gap: 20px;
}
#mdlPhoto .ct .cameraControls a {
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: black;
  opacity: 0.8;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
#mdlPhoto .ct .cameraControls a i {
  font-size: 40px;
}
main > section, .mainsection, main > footer .bottom, main > footer .main, main > header .main, main > header .top {
  min-width: 390px;
  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, main > footer .bottom, main > footer .main, main > header .main, main > header .top {
    padding-top: calc(60px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  main > section, .mainsection, main > footer .bottom, main > footer .main, main > header .main, main > header .top {
    padding-top: calc(60px * 0.6) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  main > section, .mainsection, main > footer .bottom, main > footer .main, main > header .main, main > header .top {
    padding-bottom: calc(60px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  main > section, .mainsection, main > footer .bottom, main > footer .main, main > header .main, main > header .top {
    padding-bottom: calc(60px * 0.6) !important;
  }
}
main > section.secAlt, .mainsection.secAlt, main > footer .secAlt.bottom, main > footer .secAlt.main, main > header .secAlt.main, main > header .top {
  background-color: #0E173C !important;
  box-shadow: 1px -3px 4px 0 rgba(0, 0, 0, 0.3);
}
main > section.secWhite, .mainsection.secWhite, main > footer .bottom, main > footer .secWhite.main, main > header .main, main > header .secWhite.top {
  background-color: white !important;
}
main > section.noheight, .mainsection.noheight, main > footer .noheight.bottom, main > footer .noheight.main, main > header .noheight.main, main > header .noheight.top {
  padding-top: unset !important;
  padding-bottom: unset !important;
}
main > section > *, .mainsection > *, main > footer .bottom > *, main > footer .main > *, main > header .main > *, main > header .top > * {
  margin: auto;
  max-width: 1600px;
}
@media (max-width: 1600px) {
  main > section > *, .mainsection > *, main > footer .bottom > *, main > footer .main > *, main > header .main > *, main > header .top > * {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
@media (max-width: 1600px) and (min-width: 788px) and (max-width: 1300px) {
  main > section > *, .mainsection > *, main > footer .bottom > *, main > footer .main > *, main > header .main > *, main > header .top > * {
    padding-left: calc(20px * 0.8) !important;
  }
}
@media (max-width: 1600px) and (min-width: 0px) and (max-width: 788px) {
  main > section > *, .mainsection > *, main > footer .bottom > *, main > footer .main > *, main > header .main > *, main > header .top > * {
    padding-left: calc(20px * 0.6) !important;
  }
}
@media (max-width: 1600px) and (min-width: 788px) and (max-width: 1300px) {
  main > section > *, .mainsection > *, main > footer .bottom > *, main > footer .main > *, main > header .main > *, main > header .top > * {
    padding-right: calc(20px * 0.8) !important;
  }
}
@media (max-width: 1600px) and (min-width: 0px) and (max-width: 788px) {
  main > section > *, .mainsection > *, main > footer .bottom > *, main > footer .main > *, main > header .main > *, main > header .top > * {
    padding-right: calc(20px * 0.6) !important;
  }
}
main > section.cross:after, .mainsection.cross:after, main > footer .cross.bottom:after, main > footer .cross.main:after, main > header .cross.main:after, main > header .cross.top:after {
  content: "";
  max-width: 40vw;
  width: 100%;
  height: 100%;
  bottom: 60px;
  right: 0px;
  position: absolute;
  background-image: url(/images/WindmillCrossBlue.png);
  background-position: right bottom;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}
@media (min-width: 0px) and (max-width: 788px) {
  main > section.cross:after, .mainsection.cross:after, main > footer .cross.bottom:after, main > footer .cross.main:after, main > header .cross.main:after, main > header .cross.top:after {
    max-width: 80vw !important;
  }
}
main > section.cross.top:after, .mainsection.cross.top:after, main > footer .cross.top.bottom:after, main > footer .cross.top.main:after, main > header .cross.top:after {
  bottom: unset !important;
  top: 60px;
  background-position: right top;
}

main > header {
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 9999;
}
main > header .top {
  padding-top: unset !important;
  padding-bottom: unset !important;
  box-shadow: none;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  main > header .top {
    padding-top: calc(10px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  main > header .top {
    padding-top: calc(10px * 0.6) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  main > header .top {
    padding-bottom: calc(10px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  main > header .top {
    padding-bottom: calc(10px * 0.6) !important;
  }
}
main > header .top > div {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  gap: 40px;
  line-height: 100%;
  grid-gap: 40px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  main > header .top > div {
    grid-gap: 0.8;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  main > header .top > div {
    grid-gap: 0.6;
  }
}
main > header .top > div > div > a {
  font-size: 16px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  main > header .top > div > div > a {
    font-size: calc(16px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  main > header .top > div > div > a {
    font-size: calc(16px * calc(0.6 + 0.1)) !important;
  }
}
main > header .top > div > div > a > i {
  margin-right: 10px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  main > header .top > div > div > a > i {
    margin-right: calc(10px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  main > header .top > div > div > a > i {
    margin-right: calc(10px * 0.6) !important;
  }
}
main > header .main {
  padding-top: unset !important;
  padding-bottom: unset !important;
}
main > header .main > div {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  position: relative;
  height: 100px;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  main > header .main > div {
    height: 0.8;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  main > header .main > div {
    height: 0.6;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  main > header .main > div {
    padding-top: calc(15px * calc( 0.8 * .5)) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  main > header .main > div {
    padding-top: calc(15px * calc( 0.6 * 0.5)) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  main > header .main > div {
    padding-bottom: calc(15px * calc( 0.8 * .5)) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  main > header .main > div {
    padding-bottom: calc(15px * calc( 0.6 * 0.5)) !important;
  }
}
main > header .main > div .logo {
  background: url("/images/logo.png") no-repeat center center;
  background-size: contain;
  display: block;
  margin-right: 10px;
  width: 240px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  main > header .main > div .logo {
    width: calc(240px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  main > header .main > div .logo {
    width: calc(240px * 0.6) !important;
  }
}
@media (min-width: 0px) and (max-width: 1300px) {
  main > header .main > div .logo {
    margin-right: unset;
    margin-left: 10px;
  }
}
main > header .main > div > nav {
  padding-left: unset !important;
  padding-right: unset !important;
}
@media (min-width: 0px) and (max-width: 1300px) {
  main > header .main > div > nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: white;
    box-shadow: 0 0 5px #B4B4B4;
  }
  main > header .main > div > nav > ul {
    flex-direction: column !important;
    align-items: start !important;
    gap: 7.5px !important;
  }
  main > header .main > div > nav > ul > li {
    width: 100%;
  }
  main > header .main > div > nav > ul > li > a {
    display: block;
    width: 100%;
    padding: 10px 15px !important;
  }
  main > header .main > div > nav > ul > li > a:hover {
    background-color: #0E173C;
    color: white !important;
  }
  main > header .main > div > nav > ul > li > a:active {
    background-color: #3E4581;
  }
  main > header .main > div > nav > ul .pMenuOption {
    display: block !important;
  }
}
main > header .main > div > nav > ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: calc( 25px * 2);
  height: 100%;
}
@media (max-width: 1600px) {
  main > header .main > div > nav > ul {
    gap: 25px;
  }
}
main > header .main > div > nav > ul > li > a {
  font-size: 19px !important;
  padding: 10px 0;
}
main > header .main > div > nav > ul .pMenuOption {
  display: none;
}
main > header .main > div > ul {
  padding-left: unset !important;
  padding-right: unset !important;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 25px;
  margin-left: auto;
  grid-gap: 25px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  main > header .main > div > ul {
    grid-gap: 0.6;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  main > header .main > div > ul {
    grid-gap: 0.6;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  main > header .main > div > ul {
    margin-bottom: 5px;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  main > header .main > div > ul {
    align-items: center;
  }
}
@media (min-width: 0px) and (max-width: 1300px) {
  main > header .main > div > ul > li {
    line-height: initial !important;
  }
}
main > header .main > div > ul > li > a {
  padding: 10px 0;
}
@media (min-width: 0px) and (max-width: 1300px) {
  main > header .main > div > ul > li > a {
    font-size: 0 !important;
    padding: 0;
  }
}
main > header .main > div > ul > li > a > i {
  font-size: 15.2px;
}
@media (min-width: 0px) and (max-width: 1300px) {
  main > header .main > div > ul > li > a > i {
    margin-right: 0 !important;
    font-size: 22.8px !important;
  }
}
main > header .main > div > ul #menuExpand {
  display: none;
}
@media (min-width: 0px) and (max-width: 1300px) {
  main > header .main > div > ul #menuExpand {
    display: block;
    margin-right: 3px;
  }
}
main > header .main > div > ul #menuExpand:hover {
  cursor: pointer;
}
main > header .main > div > ul #langSel {
  position: relative;
  height: 20px;
  width: 20px;
  margin-bottom: 0.2em;
}
main > header .main > div > ul #langSel #langSelIcon {
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
main > header .main > div > ul #langSel #langSelIcon:hover {
  cursor: pointer;
}
main > header .main > div > ul #langSel #langSelSubMenu {
  display: none;
  position: absolute;
  top: 150%;
  right: -5px;
  min-width: 100px;
  padding: 15px;
  background-color: white;
  box-shadow: 0 0 5px #B4B4B4;
  border-radius: 5px;
}
main > header .main > div > ul #langSel #langSelSubMenu > ul > li:not(:last-child) {
  margin-bottom: 15px;
}
main > header .main > div > ul #langSel #langSelSubMenu > ul > li > a {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
main > header .main > div > ul #langSel #langSelSubMenu > ul > li > a .flag {
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-right: 10px;
  border: none;
  background: no-repeat center center;
  background-size: cover;
  border-radius: 50%;
}

main > footer .main {
  padding-bottom: unset !important;
  background-color: #F3F4F8;
  margin-bottom: 15px;
}
main > footer .main .linklists {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  grid-gap: 140px;
  grid-gap: 140px;
}
@media (min-width: 1300px) {
  main > footer .main .linklists > * {
    width: calc((100% / 4) - (140px * calc(4 - 1) / 4));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  main > footer .main .linklists > * {
    width: calc((100% / 2) - (140px * calc(2 - 1) / 2));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  main > footer .main .linklists > * {
    width: 100%;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  main > footer .main .linklists {
    grid-gap: 60px;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  main > footer .main .linklists {
    grid-gap: 20px;
  }
}
main > footer .main .linklists > div strong {
  font-size: 20px !important;
  font-weight: bold;
  text-transform: uppercase;
}
@media (min-width: 788px) and (max-width: 1300px) {
  main > footer .main .linklists > div strong {
    font-size: calc(20px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  main > footer .main .linklists > div strong {
    font-size: calc(20px * 0.9) !important;
  }
}
main > footer .main .linklists > div hr {
  margin-bottom: 10px;
}
main > footer .main .linklists > div li {
  margin-bottom: 5px;
}
main > footer .main .linklists > div a {
  font-weight: unset !important;
}
main > footer .main .linklists .contactList li > * {
  font-size: 17px !important;
  line-height: unset !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  main > footer .main .linklists .contactList li > * {
    font-size: calc(17px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  main > footer .main .linklists .contactList li > * {
    font-size: calc(17px * 0.9) !important;
  }
}
main > footer .bottom {
  padding-top: unset !important;
  padding-bottom: unset !important;
}
main > footer .bottom nav {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 0px) and (max-width: 788px) {
  main > footer .bottom nav {
    justify-content: center !important;
  }
}
main > footer .bottom nav p, main > footer .bottom nav .formrow .labels label.sub, .formrow .labels main > footer .bottom nav label.sub {
  font-size: 16px !important;
  color: #B4B4B4;
  margin-right: 15px;
}
@media (min-width: 0px) and (max-width: 788px) {
  main > footer .bottom nav p, main > footer .bottom nav .formrow .labels label.sub, .formrow .labels main > footer .bottom nav label.sub {
    margin-top: 10px !important;
  }
}
main > footer .bottom nav .partner {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.hero {
  padding-top: unset !important;
  padding-bottom: unset !important;
  height: 80vh;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .hero {
    height: 70vh;
  }
}
.hero > div {
  position: relative;
  height: 100%;
}
.hero .position {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero .position p, .hero .position .formrow .labels label.sub, .formrow .labels .hero .position label.sub, .hero .position h1, .hero .position button {
    margin-top: unset !important;
    margin: 5px 10px 0 10px;
  }
  .hero .position h1 {
    margin: 10px !important;
    font-size: 20px !important;
    line-height: 20px !important;
  }
  .hero .position button {
    margin-bottom: 5px;
  }
}
.hero .position p, .hero .position .formrow .labels label.sub, .formrow .labels .hero .position label.sub {
  margin-top: 30px;
  font-size: 25px !important;
  max-width: 800px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .hero .position p, .hero .position .formrow .labels label.sub, .formrow .labels .hero .position label.sub {
    font-size: 22px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero .position p, .hero .position .formrow .labels label.sub, .formrow .labels .hero .position label.sub {
    font-size: 16px !important;
  }
}
.hero .position h1 {
  color: white;
}
.hero .position .cta {
  margin-top: 10px;
}
.hero .position .cta respD {
  margin-left: 100px;
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero .position .cta {
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 15px !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    margin: auto;
  }
  .hero .position .cta i:before {
    font-size: 18px !important;
  }
}
.hero .position.rechts, .hero.truck4 .position, .hero.truck3b .position, .hero.truck2 .position, .hero.truck1b .position, .hero.ship4 .position, .hero.ship3b .position, .hero.ship2b .position, .hero.ship1b .position, .hero.container1b .position {
  position: absolute;
  right: 20px;
  text-align: right;
  align-items: flex-end;
}
.hero .position.links, .hero.truck4b .position, .hero.truck3 .position, .hero.truck2b .position, .hero.truck1 .position, .hero.ship4b .position, .hero.ship3 .position, .hero.ship2 .position, .hero.ship1 .position, .hero.container1 .position {
  position: absolute;
  left: 20px;
}
.hero .position.onder, .hero.truck2b .position, .hero.ship4b .position, .hero.ship3b .position, .hero.ship3 .position, .hero.ship1 .position {
  position: absolute;
  bottom: 50px;
}
.hero .position.midden, .hero.container1b .position, .hero.container1 .position {
  position: absolute;
  top: 240px;
}
.hero .position.boven, .hero.truck4b .position, .hero.truck4 .position, .hero.truck3b .position, .hero.truck3 .position, .hero.truck2 .position, .hero.truck1b .position, .hero.truck1 .position, .hero.ship4 .position, .hero.ship2b .position, .hero.ship2 .position, .hero.ship1b .position {
  position: absolute;
  top: 120px;
}
.hero .position.widthXS, .hero.truck1 .position {
  width: 40% !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .hero .position.widthXS, .hero.truck1 .position {
    width: calc(40% * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero .position.widthXS, .hero.truck1 .position {
    width: calc(40% * 0.8) !important;
  }
}
.hero .position.widthS, .hero.truck3b .position, .hero.truck2 .position, .hero.ship2 .position, .hero.container1b .position, .hero.container1 .position {
  width: 50% !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .hero .position.widthS, .hero.truck3b .position, .hero.truck2 .position, .hero.ship2 .position, .hero.container1b .position, .hero.container1 .position {
    width: calc(50% * 1.2) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero .position.widthS, .hero.truck3b .position, .hero.truck2 .position, .hero.ship2 .position, .hero.container1b .position, .hero.container1 .position {
    width: calc(50% * 0.6) !important;
  }
}
.hero .position.widthM, .hero.truck3 .position, .hero.truck2b .position, .hero.truck1b .position, .hero.ship4b .position, .hero.ship3b .position, .hero.ship3 .position, .hero.ship1b .position, .hero.ship1 .position {
  width: 65% !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .hero .position.widthM, .hero.truck3 .position, .hero.truck2b .position, .hero.truck1b .position, .hero.ship4b .position, .hero.ship3b .position, .hero.ship3 .position, .hero.ship1b .position, .hero.ship1 .position {
    width: calc(65% * 0.7) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero .position.widthM, .hero.truck3 .position, .hero.truck2b .position, .hero.truck1b .position, .hero.ship4b .position, .hero.ship3b .position, .hero.ship3 .position, .hero.ship1b .position, .hero.ship1 .position {
    width: calc(65% * 0.7) !important;
  }
}
.hero .position .widthL, .hero.truck4b .position .position, .hero.truck4 .position .position, .hero.ship4 .position .position, .hero.ship2b .position .position {
  width: 80% !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .hero .position .widthL, .hero.truck4b .position .position, .hero.truck4 .position .position, .hero.ship4 .position .position, .hero.ship2b .position .position {
    width: calc(80% * 1.1) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero .position .widthL, .hero.truck4b .position .position, .hero.truck4 .position .position, .hero.ship4 .position .position, .hero.ship2b .position .position {
    width: calc(80% * 0.6) !important;
  }
}
.hero.container1 {
  background: url("/images/heroboxes/container1.png") no-repeat center center;
  background-size: cover;
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero.container1 {
    background: #0E173C !important;
    height: unset !important;
  }
  .hero.container1 > div {
    padding-left: unset !important;
    padding-right: unset !important;
  }
  .hero.container1 .phoneimage {
    background: url("/images/heroboxes/container1.png") no-repeat center center;
    background-size: cover;
    height: 30vh;
  }
  .hero.container1 .position {
    width: 100% !important;
    position: relative !important;
    bottom: unset !important;
    left: unset !important;
    right: unset !important;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.hero.container1b {
  background: url("/images/heroboxes/container1b.png") no-repeat center center;
  background-size: cover;
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero.container1b {
    background: #0E173C !important;
    height: unset !important;
  }
  .hero.container1b > div {
    padding-left: unset !important;
    padding-right: unset !important;
  }
  .hero.container1b .phoneimage {
    background: url("/images/heroboxes/container1b.png") no-repeat center center;
    background-size: cover;
    height: 30vh;
  }
  .hero.container1b .position {
    width: 100% !important;
    position: relative !important;
    bottom: unset !important;
    left: unset !important;
    right: unset !important;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.hero.ship1 {
  background: url("/images/heroboxes/ship1.png") no-repeat center center;
  background-size: cover;
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero.ship1 {
    background: #0E173C !important;
    height: unset !important;
  }
  .hero.ship1 > div {
    padding-left: unset !important;
    padding-right: unset !important;
  }
  .hero.ship1 .phoneimage {
    background: url("/images/heroboxes/ship1.png") no-repeat center center;
    background-size: cover;
    height: 30vh;
  }
  .hero.ship1 .position {
    width: 100% !important;
    position: relative !important;
    bottom: unset !important;
    left: unset !important;
    right: unset !important;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero.ship1 {
    background-position-x: center !important;
  }
}
.hero.ship1b {
  background: url("/images/heroboxes/ship1b.png") no-repeat center center;
  background-size: cover;
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero.ship1b {
    background: #0E173C !important;
    height: unset !important;
  }
  .hero.ship1b > div {
    padding-left: unset !important;
    padding-right: unset !important;
  }
  .hero.ship1b .phoneimage {
    background: url("/images/heroboxes/ship1b.png") no-repeat center center;
    background-size: cover;
    height: 30vh;
  }
  .hero.ship1b .position {
    width: 100% !important;
    position: relative !important;
    bottom: unset !important;
    left: unset !important;
    right: unset !important;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero.ship1b {
    top: 0 !important;
    left: 0 !important;
  }
}
.hero.ship2 {
  background: url("/images/heroboxes/ship2.png") no-repeat center center;
  background-size: cover;
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero.ship2 {
    background: #0E173C !important;
    height: unset !important;
  }
  .hero.ship2 > div {
    padding-left: unset !important;
    padding-right: unset !important;
  }
  .hero.ship2 .phoneimage {
    background: url("/images/heroboxes/ship2.png") no-repeat center center;
    background-size: cover;
    height: 30vh;
  }
  .hero.ship2 .position {
    width: 100% !important;
    position: relative !important;
    bottom: unset !important;
    left: unset !important;
    right: unset !important;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero.ship2 {
    top: 0 !important;
    left: 0 !important;
  }
}
.hero.ship2b {
  background: url("/images/heroboxes/ship2b.png") no-repeat center center;
  background-size: cover;
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero.ship2b {
    background: #0E173C !important;
    height: unset !important;
  }
  .hero.ship2b > div {
    padding-left: unset !important;
    padding-right: unset !important;
  }
  .hero.ship2b .phoneimage {
    background: url("/images/heroboxes/ship2b.png") no-repeat center center;
    background-size: cover;
    height: 30vh;
  }
  .hero.ship2b .position {
    width: 100% !important;
    position: relative !important;
    bottom: unset !important;
    left: unset !important;
    right: unset !important;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero.ship2b {
    top: 0 !important;
    left: 0 !important;
  }
}
.hero.ship3 {
  background: url("/images/heroboxes/ship3.png") no-repeat center center;
  background-size: cover;
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero.ship3 {
    background: #0E173C !important;
    height: unset !important;
  }
  .hero.ship3 > div {
    padding-left: unset !important;
    padding-right: unset !important;
  }
  .hero.ship3 .phoneimage {
    background: url("/images/heroboxes/ship3.png") no-repeat center center;
    background-size: cover;
    height: 30vh;
  }
  .hero.ship3 .position {
    width: 100% !important;
    position: relative !important;
    bottom: unset !important;
    left: unset !important;
    right: unset !important;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero.ship3 .position {
    top: 0 !important;
    left: 0 !important;
  }
}
.hero.ship3b {
  background: url("/images/heroboxes/ship3b.png") no-repeat center center;
  background-size: cover;
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero.ship3b {
    background: #0E173C !important;
    height: unset !important;
  }
  .hero.ship3b > div {
    padding-left: unset !important;
    padding-right: unset !important;
  }
  .hero.ship3b .phoneimage {
    background: url("/images/heroboxes/ship3b.png") no-repeat center center;
    background-size: cover;
    height: 30vh;
  }
  .hero.ship3b .position {
    width: 100% !important;
    position: relative !important;
    bottom: unset !important;
    left: unset !important;
    right: unset !important;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero.ship3b {
    top: 0 !important;
    left: 0 !important;
  }
}
.hero.ship4 {
  background: url("/images/heroboxes/ship4.png") no-repeat center center;
  background-size: cover;
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero.ship4 {
    background: #0E173C !important;
    height: unset !important;
  }
  .hero.ship4 > div {
    padding-left: unset !important;
    padding-right: unset !important;
  }
  .hero.ship4 .phoneimage {
    background: url("/images/heroboxes/ship4.png") no-repeat center center;
    background-size: cover;
    height: 30vh;
  }
  .hero.ship4 .position {
    width: 100% !important;
    position: relative !important;
    bottom: unset !important;
    left: unset !important;
    right: unset !important;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero.ship4 {
    top: 0 !important;
    left: 0 !important;
  }
}
.hero.ship4b {
  background: url("/images/heroboxes/ship4b.png") no-repeat center center;
  background-size: cover;
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero.ship4b {
    background: #0E173C !important;
    height: unset !important;
  }
  .hero.ship4b > div {
    padding-left: unset !important;
    padding-right: unset !important;
  }
  .hero.ship4b .phoneimage {
    background: url("/images/heroboxes/ship4b.png") no-repeat center center;
    background-size: cover;
    height: 30vh;
  }
  .hero.ship4b .position {
    width: 100% !important;
    position: relative !important;
    bottom: unset !important;
    left: unset !important;
    right: unset !important;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero.ship4b {
    top: 0 !important;
    left: 0 !important;
  }
}
.hero.truck1 {
  background: url("/images/heroboxes/truck1.png") no-repeat center center;
  background-size: cover;
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero.truck1 {
    background: #0E173C !important;
    height: unset !important;
  }
  .hero.truck1 > div {
    padding-left: unset !important;
    padding-right: unset !important;
  }
  .hero.truck1 .phoneimage {
    background: url("/images/heroboxes/truck1.png") no-repeat center center;
    background-size: cover;
    height: 30vh;
  }
  .hero.truck1 .position {
    width: 100% !important;
    position: relative !important;
    bottom: unset !important;
    left: unset !important;
    right: unset !important;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero.truck1 {
    top: 0 !important;
    left: 0 !important;
  }
}
.hero.truck1b {
  background: url("/images/heroboxes/truck1b.png") no-repeat center center;
  background-size: cover;
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero.truck1b {
    background: #0E173C !important;
    height: unset !important;
  }
  .hero.truck1b > div {
    padding-left: unset !important;
    padding-right: unset !important;
  }
  .hero.truck1b .phoneimage {
    background: url("/images/heroboxes/truck1b.png") no-repeat center center;
    background-size: cover;
    height: 30vh;
  }
  .hero.truck1b .position {
    width: 100% !important;
    position: relative !important;
    bottom: unset !important;
    left: unset !important;
    right: unset !important;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero.truck1b {
    top: 0 !important;
    left: 0 !important;
  }
}
.hero.truck2 {
  background: url("/images/heroboxes/truck2.png") no-repeat center center;
  background-size: cover;
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero.truck2 {
    background: #0E173C !important;
    height: unset !important;
  }
  .hero.truck2 > div {
    padding-left: unset !important;
    padding-right: unset !important;
  }
  .hero.truck2 .phoneimage {
    background: url("/images/heroboxes/truck2.png") no-repeat center center;
    background-size: cover;
    height: 30vh;
  }
  .hero.truck2 .position {
    width: 100% !important;
    position: relative !important;
    bottom: unset !important;
    left: unset !important;
    right: unset !important;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero.truck2 {
    top: 0 !important;
    left: 0 !important;
  }
}
.hero.truck2b {
  background: url("/images/heroboxes/truck2b.png") no-repeat center center;
  background-size: cover;
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero.truck2b {
    background: #0E173C !important;
    height: unset !important;
  }
  .hero.truck2b > div {
    padding-left: unset !important;
    padding-right: unset !important;
  }
  .hero.truck2b .phoneimage {
    background: url("/images/heroboxes/truck2b.png") no-repeat center center;
    background-size: cover;
    height: 30vh;
  }
  .hero.truck2b .position {
    width: 100% !important;
    position: relative !important;
    bottom: unset !important;
    left: unset !important;
    right: unset !important;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero.truck2b {
    top: 0 !important;
    left: 0 !important;
  }
}
.hero.truck3 {
  background: url("/images/heroboxes/truck3.png") no-repeat center center;
  background-size: cover;
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero.truck3 {
    background: #0E173C !important;
    height: unset !important;
  }
  .hero.truck3 > div {
    padding-left: unset !important;
    padding-right: unset !important;
  }
  .hero.truck3 .phoneimage {
    background: url("/images/heroboxes/truck3.png") no-repeat center center;
    background-size: cover;
    height: 30vh;
  }
  .hero.truck3 .position {
    width: 100% !important;
    position: relative !important;
    bottom: unset !important;
    left: unset !important;
    right: unset !important;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero.truck3 {
    top: 0 !important;
    left: 0 !important;
  }
}
.hero.truck3b {
  background: url("/images/heroboxes/truck3b.png") no-repeat center center;
  background-size: cover;
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero.truck3b {
    background: #0E173C !important;
    height: unset !important;
  }
  .hero.truck3b > div {
    padding-left: unset !important;
    padding-right: unset !important;
  }
  .hero.truck3b .phoneimage {
    background: url("/images/heroboxes/truck3b.png") no-repeat center center;
    background-size: cover;
    height: 30vh;
  }
  .hero.truck3b .position {
    width: 100% !important;
    position: relative !important;
    bottom: unset !important;
    left: unset !important;
    right: unset !important;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero.truck3b {
    top: 0 !important;
    left: 0 !important;
  }
}
.hero.truck4 {
  background: url("/images/heroboxes/truck4.png") no-repeat center center;
  background-size: cover;
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero.truck4 {
    background: #0E173C !important;
    height: unset !important;
  }
  .hero.truck4 > div {
    padding-left: unset !important;
    padding-right: unset !important;
  }
  .hero.truck4 .phoneimage {
    background: url("/images/heroboxes/truck4.png") no-repeat center center;
    background-size: cover;
    height: 30vh;
  }
  .hero.truck4 .position {
    width: 100% !important;
    position: relative !important;
    bottom: unset !important;
    left: unset !important;
    right: unset !important;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero.truck4 {
    top: 0 !important;
    left: 0 !important;
  }
}
.hero.truck4b {
  background: url("/images/heroboxes/truck4b.png") no-repeat center center;
  background-size: cover;
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero.truck4b {
    background: #0E173C !important;
    height: unset !important;
  }
  .hero.truck4b > div {
    padding-left: unset !important;
    padding-right: unset !important;
  }
  .hero.truck4b .phoneimage {
    background: url("/images/heroboxes/truck4b.png") no-repeat center center;
    background-size: cover;
    height: 30vh;
  }
  .hero.truck4b .position {
    width: 100% !important;
    position: relative !important;
    bottom: unset !important;
    left: unset !important;
    right: unset !important;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero.truck4b {
    top: 0 !important;
    left: 0 !important;
  }
}
.hero.Smaller {
  height: 489px !important;
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero.Smaller {
    height: unset !important;
  }
}
.hero.Smaller h1 {
  font-size: unset !important;
  font-size: 50px !important;
  line-height: 45px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .hero.Smaller h1 {
    font-size: calc(50px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero.Smaller h1 {
    font-size: calc(50px * 0.4) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .hero.Smaller h1 {
    line-height: 39px !important;
  }
}
@media (min-width: 1300px) {
  .hero.Smaller p, .hero.Smaller .formrow .labels label.sub, .formrow .labels .hero.Smaller label.sub {
    font-size: 19px !important;
    line-height: 28px !important;
    margin-bottom: 60px;
  }
}
.hero.Smaller .position.rechts, .hero.Smaller .hero.container1b .position, .hero.container1b .hero.Smaller .position, .hero.Smaller .hero.ship1b .position, .hero.ship1b .hero.Smaller .position, .hero.Smaller .hero.ship2b .position, .hero.ship2b .hero.Smaller .position, .hero.Smaller .hero.ship3b .position, .hero.ship3b .hero.Smaller .position, .hero.Smaller .hero.ship4 .position, .hero.ship4 .hero.Smaller .position, .hero.Smaller .hero.truck1b .position, .hero.truck1b .hero.Smaller .position, .hero.Smaller .hero.truck2 .position, .hero.truck2 .hero.Smaller .position, .hero.Smaller .hero.truck3b .position, .hero.truck3b .hero.Smaller .position, .hero.Smaller .hero.truck4 .position, .hero.truck4 .hero.Smaller .position {
  position: absolute;
  right: 12px;
  text-align: right;
  align-items: flex-end;
}
.hero.Smaller .position.links, .hero.Smaller .hero.container1 .position, .hero.container1 .hero.Smaller .position, .hero.Smaller .hero.ship1 .position, .hero.ship1 .hero.Smaller .position, .hero.Smaller .hero.ship2 .position, .hero.ship2 .hero.Smaller .position, .hero.Smaller .hero.ship3 .position, .hero.ship3 .hero.Smaller .position, .hero.Smaller .hero.ship4b .position, .hero.ship4b .hero.Smaller .position, .hero.Smaller .hero.truck1 .position, .hero.truck1 .hero.Smaller .position, .hero.Smaller .hero.truck2b .position, .hero.truck2b .hero.Smaller .position, .hero.Smaller .hero.truck3 .position, .hero.truck3 .hero.Smaller .position, .hero.Smaller .hero.truck4b .position, .hero.truck4b .hero.Smaller .position {
  position: absolute;
  left: 12px;
}
.hero.Smaller .position.onder, .hero.Smaller .hero.ship1 .position, .hero.ship1 .hero.Smaller .position, .hero.Smaller .hero.ship3 .position, .hero.ship3 .hero.Smaller .position, .hero.Smaller .hero.ship3b .position, .hero.ship3b .hero.Smaller .position, .hero.Smaller .hero.ship4b .position, .hero.ship4b .hero.Smaller .position, .hero.Smaller .hero.truck2b .position, .hero.truck2b .hero.Smaller .position {
  position: absolute;
  bottom: 30px;
}
.hero.Smaller .position.midden, .hero.Smaller .hero.container1 .position, .hero.container1 .hero.Smaller .position, .hero.Smaller .hero.container1b .position, .hero.container1b .hero.Smaller .position {
  position: absolute;
  top: 144px;
}
.hero.Smaller .position.boven, .hero.Smaller .hero.ship1b .position, .hero.ship1b .hero.Smaller .position, .hero.Smaller .hero.ship2 .position, .hero.ship2 .hero.Smaller .position, .hero.Smaller .hero.ship2b .position, .hero.ship2b .hero.Smaller .position, .hero.Smaller .hero.ship4 .position, .hero.ship4 .hero.Smaller .position, .hero.Smaller .hero.truck1 .position, .hero.truck1 .hero.Smaller .position, .hero.Smaller .hero.truck1b .position, .hero.truck1b .hero.Smaller .position, .hero.Smaller .hero.truck2 .position, .hero.truck2 .hero.Smaller .position, .hero.Smaller .hero.truck3 .position, .hero.truck3 .hero.Smaller .position, .hero.Smaller .hero.truck3b .position, .hero.truck3b .hero.Smaller .position, .hero.Smaller .hero.truck4 .position, .hero.truck4 .hero.Smaller .position, .hero.Smaller .hero.truck4b .position, .hero.truck4b .hero.Smaller .position {
  position: absolute;
  top: 72px;
}
.hero.Smallest {
  height: 326px;
}
@media (min-width: 1300px) {
  .hero.Smallest h1 {
    color: white;
    font-size: 50px !important;
    line-height: 50px !important;
  }
}
@media (min-width: 1300px) and (min-width: 788px) and (max-width: 1300px) {
  .hero.Smallest h1 {
    font-size: calc(50px * 0.8) !important;
  }
}
@media (min-width: 1300px) and (min-width: 0px) and (max-width: 788px) {
  .hero.Smallest h1 {
    font-size: calc(50px * 0.8) !important;
  }
}
@media (min-width: 1300px) {
  .hero.Smallest p, .hero.Smallest .formrow .labels label.sub, .formrow .labels .hero.Smallest label.sub {
    font-size: 19px !important;
    line-height: 19px !important;
  }
}
.hero.Smallest .position.rechts, .hero.Smallest .hero.container1b .position, .hero.container1b .hero.Smallest .position, .hero.Smallest .hero.ship1b .position, .hero.ship1b .hero.Smallest .position, .hero.Smallest .hero.ship2b .position, .hero.ship2b .hero.Smallest .position, .hero.Smallest .hero.ship3b .position, .hero.ship3b .hero.Smallest .position, .hero.Smallest .hero.ship4 .position, .hero.ship4 .hero.Smallest .position, .hero.Smallest .hero.truck1b .position, .hero.truck1b .hero.Smallest .position, .hero.Smallest .hero.truck2 .position, .hero.truck2 .hero.Smallest .position, .hero.Smallest .hero.truck3b .position, .hero.truck3b .hero.Smallest .position, .hero.Smallest .hero.truck4 .position, .hero.truck4 .hero.Smallest .position {
  position: absolute;
  right: 8px;
  text-align: right;
  align-items: flex-end;
}
.hero.Smallest .position.links, .hero.Smallest .hero.container1 .position, .hero.container1 .hero.Smallest .position, .hero.Smallest .hero.ship1 .position, .hero.ship1 .hero.Smallest .position, .hero.Smallest .hero.ship2 .position, .hero.ship2 .hero.Smallest .position, .hero.Smallest .hero.ship3 .position, .hero.ship3 .hero.Smallest .position, .hero.Smallest .hero.ship4b .position, .hero.ship4b .hero.Smallest .position, .hero.Smallest .hero.truck1 .position, .hero.truck1 .hero.Smallest .position, .hero.Smallest .hero.truck2b .position, .hero.truck2b .hero.Smallest .position, .hero.Smallest .hero.truck3 .position, .hero.truck3 .hero.Smallest .position, .hero.Smallest .hero.truck4b .position, .hero.truck4b .hero.Smallest .position {
  position: absolute;
  left: 8px;
}
.hero.Smallest .position.onder, .hero.Smallest .hero.ship1 .position, .hero.ship1 .hero.Smallest .position, .hero.Smallest .hero.ship3 .position, .hero.ship3 .hero.Smallest .position, .hero.Smallest .hero.ship3b .position, .hero.ship3b .hero.Smallest .position, .hero.Smallest .hero.ship4b .position, .hero.ship4b .hero.Smallest .position, .hero.Smallest .hero.truck2b .position, .hero.truck2b .hero.Smallest .position {
  position: absolute;
  bottom: 20px;
}
.hero.Smallest .position.midden, .hero.Smallest .hero.container1 .position, .hero.container1 .hero.Smallest .position, .hero.Smallest .hero.container1b .position, .hero.container1b .hero.Smallest .position {
  position: absolute;
  top: 96px;
}
.hero.Smallest .position.boven, .hero.Smallest .hero.ship1b .position, .hero.ship1b .hero.Smallest .position, .hero.Smallest .hero.ship2 .position, .hero.ship2 .hero.Smallest .position, .hero.Smallest .hero.ship2b .position, .hero.ship2b .hero.Smallest .position, .hero.Smallest .hero.ship4 .position, .hero.ship4 .hero.Smallest .position, .hero.Smallest .hero.truck1 .position, .hero.truck1 .hero.Smallest .position, .hero.Smallest .hero.truck1b .position, .hero.truck1b .hero.Smallest .position, .hero.Smallest .hero.truck2 .position, .hero.truck2 .hero.Smallest .position, .hero.Smallest .hero.truck3 .position, .hero.truck3 .hero.Smallest .position, .hero.Smallest .hero.truck3b .position, .hero.truck3b .hero.Smallest .position, .hero.Smallest .hero.truck4 .position, .hero.truck4 .hero.Smallest .position, .hero.Smallest .hero.truck4b .position, .hero.truck4b .hero.Smallest .position {
  position: absolute;
  top: 10px;
}

.cards {
  align-items: stretch;
}
@media (min-width: 0px) and (max-width: 788px) {
  .cards {
    max-width: unset;
    margin: unset;
  }
}
.cards .card {
  display: flex;
  flex-direction: column;
  padding: 36px !important;
  border-radius: 10px;
  background-color: white;
  box-shadow: #e0e0e0 0px 1px 4px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .cards .card {
    padding: calc(36px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .cards .card {
    padding: calc(36px * 0.6) !important;
  }
}
.cards .card > header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 15px;
}
@media (min-width: 0px) and (max-width: 788px) {
  .cards .card > header {
    flex-direction: row;
    align-items: baseline;
  }
}
.cards .card > header .icon {
  background-color: #F5F5F5;
  color: #E1A1AC;
  padding: 16px;
  font-size: 22px;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}
@media (min-width: 0px) and (max-width: 788px) {
  .cards .card > header .icon {
    margin-bottom: unset;
    margin-right: 22px;
  }
}
.cards .card > section {
  flex-grow: 1;
}
.cards .card > footer {
  margin-top: 15px;
}
.cards .card strong {
  font-size: 20px !important;
  /*@include respValLineheight(22px,22px,15px);*/
  line-height: 22px !important;
}
.cards .card p, .cards .card .formrow .labels label.sub, .formrow .labels .cards .card label.sub {
  font-size: 16px !important;
  line-height: 22px !important;
}

.formbox .cards {
  max-width: 70%;
  margin: auto;
}
@media (min-width: 0px) and (max-width: 788px) {
  .formbox .cards {
    max-width: unset;
  }
}
.formbox .cards .card {
  background-color: #F5F5F5;
  /*@include respGap($sXXS,$sXXS,0px);*/
}

.vierstappen .cards .card > header {
  flex-direction: row;
  align-items: center;
}
@media (min-width: 0px) and (max-width: 788px) {
  .vierstappen .cards .card > header {
    margin-bottom: 5px;
  }
}
.vierstappen .cards .card .icon {
  margin-right: 22px;
  margin-bottom: unset;
  padding: 12px;
}
@media (min-width: 0px) and (max-width: 788px) {
  .vierstappen .cards .card .icon {
    font-size: 19px;
    padding: unset;
    background-color: unset;
    border-radius: unset;
    margin-right: 10px;
  }
}

main > section .homecards h2, .mainsection .homecards h2, main > header .top .homecards h2, main > header .main .homecards h2, main > footer .main .homecards h2, main > footer .bottom .homecards h2 {
  text-align: center;
  margin-top: 20px !important;
  margin-bottom: 80px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  main > section .homecards h2, .mainsection .homecards h2, main > header .top .homecards h2, main > header .main .homecards h2, main > footer .main .homecards h2, main > footer .bottom .homecards h2 {
    margin-top: calc(20px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  main > section .homecards h2, .mainsection .homecards h2, main > header .top .homecards h2, main > header .main .homecards h2, main > footer .main .homecards h2, main > footer .bottom .homecards h2 {
    margin-top: calc(20px * 0.6) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  main > section .homecards h2, .mainsection .homecards h2, main > header .top .homecards h2, main > header .main .homecards h2, main > footer .main .homecards h2, main > footer .bottom .homecards h2 {
    margin-bottom: calc(80px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  main > section .homecards h2, .mainsection .homecards h2, main > header .top .homecards h2, main > header .main .homecards h2, main > footer .main .homecards h2, main > footer .bottom .homecards h2 {
    margin-bottom: calc(80px * 0.6) !important;
  }
}
main > section .homecards .cards, .mainsection .homecards .cards, main > header .top .homecards .cards, main > header .main .homecards .cards, main > footer .main .homecards .cards, main > footer .bottom .homecards .cards {
  padding-left: 200px;
  padding-right: 200px;
  margin-bottom: 20px !important;
}
@media (max-width: 1600px) {
  main > section .homecards .cards, .mainsection .homecards .cards, main > header .top .homecards .cards, main > header .main .homecards .cards, main > footer .main .homecards .cards, main > footer .bottom .homecards .cards {
    padding: 0px 100px !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  main > section .homecards .cards, .mainsection .homecards .cards, main > header .top .homecards .cards, main > header .main .homecards .cards, main > footer .main .homecards .cards, main > footer .bottom .homecards .cards {
    padding-left: 100px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  main > section .homecards .cards, .mainsection .homecards .cards, main > header .top .homecards .cards, main > header .main .homecards .cards, main > footer .main .homecards .cards, main > footer .bottom .homecards .cards {
    padding-left: 0px !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  main > section .homecards .cards, .mainsection .homecards .cards, main > header .top .homecards .cards, main > header .main .homecards .cards, main > footer .main .homecards .cards, main > footer .bottom .homecards .cards {
    padding-right: 100px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  main > section .homecards .cards, .mainsection .homecards .cards, main > header .top .homecards .cards, main > header .main .homecards .cards, main > footer .main .homecards .cards, main > footer .bottom .homecards .cards {
    padding-right: 0px !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  main > section .homecards .cards, .mainsection .homecards .cards, main > header .top .homecards .cards, main > header .main .homecards .cards, main > footer .main .homecards .cards, main > footer .bottom .homecards .cards {
    margin-bottom: calc(20px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  main > section .homecards .cards, .mainsection .homecards .cards, main > header .top .homecards .cards, main > header .main .homecards .cards, main > footer .main .homecards .cards, main > footer .bottom .homecards .cards {
    margin-bottom: calc(20px * 0.6) !important;
  }
}
main > section .groupagecards h2, .mainsection .groupagecards h2, main > header .top .groupagecards h2, main > header .main .groupagecards h2, main > footer .main .groupagecards h2, main > footer .bottom .groupagecards h2 {
  text-align: center;
  margin-bottom: 80px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  main > section .groupagecards h2, .mainsection .groupagecards h2, main > header .top .groupagecards h2, main > header .main .groupagecards h2, main > footer .main .groupagecards h2, main > footer .bottom .groupagecards h2 {
    margin-bottom: calc(80px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  main > section .groupagecards h2, .mainsection .groupagecards h2, main > header .top .groupagecards h2, main > header .main .groupagecards h2, main > footer .main .groupagecards h2, main > footer .bottom .groupagecards h2 {
    margin-bottom: calc(80px * 0.6) !important;
  }
}
main > section .groupagecards .cards, .mainsection .groupagecards .cards, main > header .top .groupagecards .cards, main > header .main .groupagecards .cards, main > footer .main .groupagecards .cards, main > footer .bottom .groupagecards .cards {
  margin-bottom: 20px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  main > section .groupagecards .cards, .mainsection .groupagecards .cards, main > header .top .groupagecards .cards, main > header .main .groupagecards .cards, main > footer .main .groupagecards .cards, main > footer .bottom .groupagecards .cards {
    margin-bottom: calc(20px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  main > section .groupagecards .cards, .mainsection .groupagecards .cards, main > header .top .groupagecards .cards, main > header .main .groupagecards .cards, main > footer .main .groupagecards .cards, main > footer .bottom .groupagecards .cards {
    margin-bottom: calc(20px * 0.6) !important;
  }
}

.faq.greyBg details > div {
  background: #F5F5F5 !important;
}
.faq details {
  border-bottom: 1px solid #D9DADB;
}
.faq details:first-of-type {
  border-top: 1px solid #D9DADB;
}
.faq details summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .faq details summary {
    margin-top: calc(15px * 0.95) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .faq details summary {
    margin-top: calc(15px * 0.9) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .faq details summary {
    margin-bottom: calc(15px * 0.95) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .faq details summary {
    margin-bottom: calc(15px * 0.9) !important;
  }
}
.faq details summary:after {
  font-family: "Font Awesome 5 Free";
  content: "\f055";
  color: #E1A1AC;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 30px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .faq details summary:after {
    font-size: calc(30px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .faq details summary:after {
    font-size: calc(30px * 0.8) !important;
  }
}
.faq details > div {
  background: white;
  border-radius: 10px;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  margin-right: 40px !important;
  margin-bottom: 15px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .faq details > div {
    padding-top: calc(10px * 0.95) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .faq details > div {
    padding-top: calc(10px * 0.9) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .faq details > div {
    padding-bottom: calc(10px * 0.95) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .faq details > div {
    padding-bottom: calc(10px * 0.9) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .faq details > div {
    padding-left: calc(20px * 0.95) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .faq details > div {
    padding-left: calc(20px * 0.9) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .faq details > div {
    padding-right: calc(20px * 0.95) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .faq details > div {
    padding-right: calc(20px * 0.9) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .faq details > div {
    margin-right: calc(40px * 0.95) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .faq details > div {
    margin-right: calc(40px * 0.9) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .faq details > div {
    margin-bottom: calc(15px * 0.95) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .faq details > div {
    margin-bottom: calc(15px * 0.9) !important;
  }
}
.faq details[open] summary {
  color: #E1A1AC;
}
.faq details[open] summary:after {
  content: "\f056";
}
.faq details a {
  color: #E1A1AC;
}

.testimonals {
  /* arrow color */
  /*.flickity-prev-next-button:hover {
      background: transparent !important;
  }*/
  /* cell number */
  /* position dots up a bit */
  /* dots are lines */
}
.testimonals .top {
  margin: auto;
  text-align: center;
  /*width: $widthseotxt;*/
  margin-bottom: 50px;
  display: block;
  /*@include respP {
      width: 50%;
  }*/
}
.testimonals .top p, .testimonals .top .formrow .labels label.sub, .formrow .labels .testimonals .top label.sub {
  font-size: 17px !important;
  line-height: 24.5px !important;
}
@media (min-width: 0px) and (max-width: 788px) {
  .testimonals .carousel {
    margin: auto;
    width: 100%;
  }
}
.testimonals .flickity-prev-next-button, .testimonals .flickity-prev-next-button:hover {
  width: 50px;
  height: 50px;
  background: #3E4581 !important;
  opacity: 0.8;
}
.testimonals .flickity-prev-next-button .arrow {
  fill: white !important;
}
.testimonals .flickity-prev-next-button.no-svg {
  color: white !important;
}
.testimonals .carousel-cell {
  width: 20%;
  height: 400px;
  margin-right: 35px;
  border-radius: 15px;
  counter-increment: carousel-cell;
  background: white;
}
@media (min-width: 0px) and (max-width: 788px) {
  .testimonals .carousel-cell {
    width: 70%;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .testimonals .carousel-cell {
    width: 45%;
  }
}
.testimonals .carousel-cell .card {
  background-color: white;
  border-radius: 15px;
  padding: 0 15px 15px 15px;
  text-align: center;
  display: flex;
  flex-direction: column;
  height: calc(100% - 30px);
}
.testimonals .carousel-cell .card .rating i {
  color: #FBB040;
  font-size: 16px;
}
@media (min-width: 0px) and (max-width: 788px) {
  .testimonals .carousel-cell .card .rating i {
    font-size: 25px !important;
  }
}
.testimonals .carousel-cell .card .review {
  flex-grow: 1;
}
.testimonals .carousel-cell .card img {
  margin: auto;
  max-width: 150px;
  height: 70px;
  margin-top: 17px;
}
.testimonals .carousel-cell .card .review, .testimonals .carousel-cell .card .name {
  margin-top: 17px;
  font-size: 19px !important;
  line-height: 25px !important;
  color: #3E4581 !important;
}
.testimonals .carousel-cell .card .name {
  margin-top: 17px;
  margin-bottom: unset !important;
}
.testimonals .carousel-cell:before {
  display: block;
  text-align: center;
  content: counter(carousel-cell);
  line-height: 20px;
  font-size: 80px;
  color: white;
}
.testimonals .flickity-page-dots {
  bottom: -22px;
}
.testimonals .flickity-page-dots .dot {
  background: #3E4581;
}
.testimonals .flickity-page-dots .dot {
  height: 4px;
  width: 40px;
  margin: 0;
  border-radius: 0;
}

.secAlt .testimonals h1, main > header .top .testimonals h1, .secAlt .testimonals p, main > header .top .testimonals p, .secAlt .testimonals .formrow .labels label.sub, .formrow .labels .secAlt .testimonals label.sub, main > header .top .testimonals .formrow .labels label.sub, .formrow .labels main > header .top .testimonals label.sub {
  color: white !important;
}
.secAlt .testimonals .card, main > header .top .testimonals .card {
  background-color: white !important;
  font-weight: 500;
}

.partners {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  grid-gap: 32px;
}
.partners > div {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  grid-gap: 32px;
}
@media (min-width: 0px) and (max-width: 1300px) {
  .partners > div {
    flex-wrap: nowrap !important;
  }
}
.partners > div > div {
  width: 165px;
  padding: 15px;
  border-radius: 5%;
  background-color: white;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media (min-width: 0px) and (max-width: 788px) {
  .partners > div > div {
    width: 33%;
  }
}

.secAlt .partners > strong, main > header .top .partners > strong {
  color: white;
}

.team {
  padding: 20px;
}
.team h2 {
  margin-bottom: 32px !important;
}
.team .teamUitleg {
  margin-bottom: 32px !important;
}
.team .cardlist {
  margin-bottom: 20px;
}
.team .card {
  position: relative;
  overflow: hidden;
  border-radius: 5%;
  height: 320px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .team .card {
    height: 350px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .team .card {
    height: 500px !important;
  }
}
@media (min-width: 0px) and (max-width: 1300px) {
  .team .card {
    border-radius: 3%;
    text-align: center;
  }
}
.team .card .teamImage {
  display: block;
  width: 100%;
  height: 240px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .team .card .teamImage {
    height: 350px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .team .card .teamImage {
    height: 500px !important;
  }
}
.team .card .content {
  background-color: #EBEBEB;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 10px;
  padding-left: 15px;
  transition: max-height 0.8s;
  transition-timing-function: linear;
  max-height: 80px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .team .card .content {
    padding: 20px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .team .card .content {
    padding: 20px !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .team .card .content {
    max-height: 120px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .team .card .content {
    max-height: 120px !important;
  }
}
.team .card .content > strong {
  color: #3E4581;
}
.team .card .content p, .team .card .content .formrow .labels label.sub, .formrow .labels .team .card .content label.sub {
  color: #646464 !important;
  margin-bottom: unset !important;
  margin-top: 0;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .team .card .content p, .team .card .content .formrow .labels label.sub, .formrow .labels .team .card .content label.sub {
    margin-top: 15px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .team .card .content p, .team .card .content .formrow .labels label.sub, .formrow .labels .team .card .content label.sub {
    margin-top: 20px !important;
  }
}
.team .card .content > * {
  font-size: 19px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .team .card .content > * {
    font-size: calc(19px * 1.3) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .team .card .content > * {
    font-size: calc(19px * 1.1) !important;
  }
}
.team .card .content .email {
  display: none;
}
.team .card .content .email > p, .team .card .content .formrow .labels .email > label.sub, .formrow .labels .team .card .content .email > label.sub {
  font-size: 12px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .team .card .content .email > p, .team .card .content .formrow .labels .email > label.sub, .formrow .labels .team .card .content .email > label.sub {
    font-size: calc(12px * 1.1) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .team .card .content .email > p, .team .card .content .formrow .labels .email > label.sub, .formrow .labels .team .card .content .email > label.sub {
    font-size: calc(12px * 1.4) !important;
  }
}
.team .card .content .email > i {
  color: #E1A1AC !important;
  margin-right: 10px;
  margin-top: 0;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .team .card .content .email > i {
    margin-top: 15px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .team .card .content .email > i {
    margin-top: 20px !important;
  }
}
@media (min-width: 0px) and (max-width: 1300px) {
  .team .card .content .email > i {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
}
.team .card:hover {
  cursor: pointer;
}
.team .card:hover .content {
  max-height: 300px !important;
}
.team .card:hover .content > p, .team .card:hover .formrow .labels .content > label.sub, .formrow .labels .team .card:hover .content > label.sub {
  color: #3E4581 !important;
}
.team .card:hover .email {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 0px) and (max-width: 1300px) {
  .team .card:hover .email {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
}
.team .teamQuote {
  text-align: center;
}

.secAlt .team h2, main > header .top .team h2 {
  color: white;
}
.secAlt .team .WLMHeader::before, main > header .top .team .WLMHeader::before, .secAlt .team h2.WLMHeaderNoImg::before, main > header .top .team h2.WLMHeaderNoImg::before {
  background-color: white;
}
.secAlt .team p, main > header .top .team p, .secAlt .team .formrow .labels label.sub, .formrow .labels .secAlt .team label.sub, main > header .top .team .formrow .labels label.sub, .formrow .labels main > header .top .team label.sub {
  color: white;
}
.secAlt .team .card .content, main > header .top .team .card .content {
  background-color: white;
}

.bestemming .top {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: end;
}
.bestemming .top .text {
  width: 65%;
  margin-bottom: 0px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .bestemming .top .text {
    width: 100% !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .bestemming .top .text {
    width: 100% !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .bestemming .top .text {
    margin-bottom: 10px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .bestemming .top .text {
    margin-bottom: 10px !important;
  }
}
.bestemming .top .legend {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  padding: 10px;
  margin-bottom: 5px;
  width: 32%;
  box-shadow: #e0e0e0 0px 3px 8px;
  gap: 10px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .bestemming .top .legend {
    padding: 10px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .bestemming .top .legend {
    padding: 10px !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .bestemming .top .legend {
    margin-bottom: 10px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .bestemming .top .legend {
    margin-bottom: 10px !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .bestemming .top .legend {
    width: 50% !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .bestemming .top .legend {
    width: 100% !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .bestemming .top .legend {
    display: none !important;
  }
}
.bestemming .top .legend > div {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 10px;
}
.bestemming .top .legend > div .mappin {
  width: 29px;
  height: 41px;
  background-size: cover;
  background-repeat: no-repeat;
}
.bestemming .displaymapcontainer {
  position: relative;
}
.bestemming .displaymapcontainer .wereldpin {
  position: absolute;
  background-image: url("/images/pins/pin2.png");
  display: block;
  width: 29px;
  height: 41px;
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
}
@media (min-width: 0px) and (max-width: 788px) {
  .bestemming .displaymapcontainer .wereldpin {
    display: none !important;
  }
}
.bestemming .displaymapcontainer .wereldpin.home {
  background-image: url("/images/pins/pin3.png");
  width: 76px;
  height: 106px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .bestemming .displaymapcontainer .wereldpin.home {
    width: 54px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .bestemming .displaymapcontainer .wereldpin.home {
    width: 54px !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .bestemming .displaymapcontainer .wereldpin.home {
    height: 75px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .bestemming .displaymapcontainer .wereldpin.home {
    height: 75px !important;
  }
}
.bestemming .displaymapcontainer .wereldpin .rdamtext {
  position: absolute;
  bottom: -45px;
  left: 0px;
  text-align: center;
  font-size: 11px;
  padding: 5px;
  border-radius: 5px;
  background-color: #0E173C;
  color: white;
}

.formbox {
  background-color: white;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: #e0e0e0 0px 3px 8px;
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .formbox {
    margin-top: calc(30px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .formbox {
    margin-top: calc(30px * 0.8) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .formbox {
    margin-bottom: calc(30px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .formbox {
    margin-bottom: calc(30px * 0.8) !important;
  }
}
.formbox input::-webkit-outer-spin-button,
.formbox input::-webkit-inner-spin-button {
  -webkit-appearance: none; /* Chrome */
  margin: 0;
}
.formbox input[type=number] {
  -moz-appearance: textfield; /* Firefox */
}
.formbox.noCross header::after {
  display: none !important;
}
.formbox.smallWindow {
  width: 60%;
  margin: auto;
}
@media (min-width: 0px) and (max-width: 788px) {
  .formbox.smallWindow {
    width: 80%;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .formbox.smallWindow {
    width: 100%;
  }
}
.formbox > header, .formbox > section, .formbox > footer {
  padding: 30px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .formbox > header, .formbox > section, .formbox > footer {
    padding: calc(30px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .formbox > header, .formbox > section, .formbox > footer {
    padding: calc(30px * 0.5) !important;
  }
}
.formbox > header {
  box-shadow: #e0e0e0 0px 3px 3px 0px;
  background-color: #F5F5F5;
  position: relative;
}
.formbox > header h2 {
  margin: unset !important;
  padding: unset !important;
}
@media (min-width: 0px) and (max-width: 788px) {
  .formbox > header h2 {
    line-height: 28px !important;
  }
}
.formbox > header:after {
  content: "";
  width: 150px;
  height: 150px;
  position: absolute;
  background-image: url(/images/WindmillCrossBlue.png);
  background-position: right bottom;
  background-size: contain;
  background-repeat: no-repeat;
  right: 20px;
  bottom: 20px;
  opacity: 0.25;
}
@media (min-width: 0px) and (max-width: 788px) {
  .formbox > header:after {
    width: 75px;
    height: 75px;
    bottom: 10px !important;
  }
}
.formbox > section > p, .formrow .labels .formbox > section > label.sub {
  margin-bottom: 32px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .formbox > section > p, .formrow .labels .formbox > section > label.sub {
    margin-bottom: calc(32px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .formbox > section > p, .formrow .labels .formbox > section > label.sub {
    margin-bottom: calc(32px * 0.8) !important;
  }
}
.formbox > footer {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  gap: 20px;
  background-color: #F5F5F5;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.formbox > footer.between {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
}
.formbox > footer.center {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
}
.formbox > footer.left {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
}
@media (min-width: 0px) and (max-width: 788px) {
  .formbox {
    border-radius: unset;
    box-shadow: #e0e0e0 0px 3px 8px;
    margin-left: -12px !important;
    margin-right: -12px !important;
  }
  .formbox header {
    box-shadow: none;
  }
}
.formbox .modalClose {
  top: 20px !important;
  right: 20px !important;
}

@media (min-width: 0px) and (max-width: 788px) {
  .row .formbox {
    min-width: 105% !important;
  }
}

.inlogbox {
  max-width: 1200px;
  margin: auto;
}
.inlogbox figcaption {
  padding: unset !important;
}
.inlogbox .formbox {
  border-radius: unset;
  box-shadow: none;
  margin: unset !important;
}
.inlogbox .formbox header {
  box-shadow: none;
}
.inlogbox .formbox header:after {
  content: none;
}
.inlogbox .formbox hr {
  margin-top: 100px;
}
@media (min-width: 0px) and (max-width: 788px) {
  .inlogbox .formbox hr {
    margin-top: 20px;
  }
}
.inlogbox .formbox > section > *:last-child {
  margin-bottom: 0px !important;
}
.inlogbox .formbox > section > p > a, .inlogbox .formrow .labels .formbox > section > label.sub > a, .formrow .labels .inlogbox .formbox > section > label.sub > a {
  margin-left: 20px;
  margin-right: 20px;
}

.tarievenbox {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  grid-gap: 0rem;
  box-shadow: #e0e0e0 0px 0px 16px;
}
.tarievenbox > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .tarievenbox > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .tarievenbox > *:nth-child(2n+1) {
    width: 100% !important;
  }
}
.tarievenbox > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .tarievenbox > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .tarievenbox > *:nth-child(2n+2) {
    width: 100% !important;
  }
}
.tarievenbox .left {
  display: flex;
  flex-direction: column;
  background-color: #0E173C;
  color: white;
  padding: 46px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .tarievenbox .left {
    padding: calc(46px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .tarievenbox .left {
    padding: calc(46px * 0.6) !important;
  }
}
.tarievenbox .left strong {
  font-size: 36px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .tarievenbox .left strong {
    font-size: calc(36px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .tarievenbox .left strong {
    font-size: calc(36px * 0.6) !important;
  }
}
.tarievenbox .left p, .tarievenbox .left .formrow .labels label.sub, .formrow .labels .tarievenbox .left label.sub {
  flex-grow: 1;
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .tarievenbox .left p, .tarievenbox .left .formrow .labels label.sub, .formrow .labels .tarievenbox .left label.sub {
    margin-top: calc(30px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .tarievenbox .left p, .tarievenbox .left .formrow .labels label.sub, .formrow .labels .tarievenbox .left label.sub {
    margin-top: calc(30px * 0.6) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .tarievenbox .left p, .tarievenbox .left .formrow .labels label.sub, .formrow .labels .tarievenbox .left label.sub {
    margin-bottom: calc(30px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .tarievenbox .left p, .tarievenbox .left .formrow .labels label.sub, .formrow .labels .tarievenbox .left label.sub {
    margin-bottom: calc(30px * 0.6) !important;
  }
}
.tarievenbox .right {
  background-color: white;
  min-width: unset;
}
.tarievenbox .formbox {
  margin: unset !important;
  border-radius: unset !important;
  box-shadow: unset !important;
}
.tarievenbox .formbox > footer, .tarievenbox .formbox > section {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .tarievenbox .formbox > footer, .tarievenbox .formbox > section {
    padding-top: calc(20px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .tarievenbox .formbox > footer, .tarievenbox .formbox > section {
    padding-top: calc(20px * 0.5) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .tarievenbox .formbox > footer, .tarievenbox .formbox > section {
    padding-bottom: calc(20px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .tarievenbox .formbox > footer, .tarievenbox .formbox > section {
    padding-bottom: calc(20px * 0.5) !important;
  }
}
.tarievenbox .formbox > header h2 {
  font-size: 24px !important;
}
.tarievenbox .formbox > footer {
  border-radius: unset !important;
}
@media (min-width: 0px) and (max-width: 788px) {
  .tarievenbox .formbox {
    min-width: unset !important;
    margin-left: unset !important;
    margin-right: unset !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .tarievenbox {
    gap: 10px;
    /*box-shadow: unset;*/
  }
}

main > section .hometarieven, .mainsection .hometarieven, main > header .top .hometarieven, main > header .main .hometarieven, main > footer .main .hometarieven, main > footer .bottom .hometarieven {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  padding-left: 80px !important;
  padding-right: 80px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  main > section .hometarieven, .mainsection .hometarieven, main > header .top .hometarieven, main > header .main .hometarieven, main > footer .main .hometarieven, main > footer .bottom .hometarieven {
    margin-top: calc(20px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  main > section .hometarieven, .mainsection .hometarieven, main > header .top .hometarieven, main > header .main .hometarieven, main > footer .main .hometarieven, main > footer .bottom .hometarieven {
    margin-top: calc(20px * 0) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  main > section .hometarieven, .mainsection .hometarieven, main > header .top .hometarieven, main > header .main .hometarieven, main > footer .main .hometarieven, main > footer .bottom .hometarieven {
    margin-bottom: calc(20px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  main > section .hometarieven, .mainsection .hometarieven, main > header .top .hometarieven, main > header .main .hometarieven, main > footer .main .hometarieven, main > footer .bottom .hometarieven {
    margin-bottom: calc(20px * 0) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  main > section .hometarieven, .mainsection .hometarieven, main > header .top .hometarieven, main > header .main .hometarieven, main > footer .main .hometarieven, main > footer .bottom .hometarieven {
    padding-left: calc(80px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  main > section .hometarieven, .mainsection .hometarieven, main > header .top .hometarieven, main > header .main .hometarieven, main > footer .main .hometarieven, main > footer .bottom .hometarieven {
    padding-left: calc(80px * 0) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  main > section .hometarieven, .mainsection .hometarieven, main > header .top .hometarieven, main > header .main .hometarieven, main > footer .main .hometarieven, main > footer .bottom .hometarieven {
    padding-right: calc(80px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  main > section .hometarieven, .mainsection .hometarieven, main > header .top .hometarieven, main > header .main .hometarieven, main > footer .main .hometarieven, main > footer .bottom .hometarieven {
    padding-right: calc(80px * 0) !important;
  }
}

.infographic {
  height: 2034px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .infographic {
    height: 1600px;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .infographic {
    height: 1482px;
  }
}
.infographic .snakeBG {
  background: url("/images/Werkwijze/Werwijze1600alt.png") no-repeat center center;
  background-size: cover;
  height: 100%;
  background-size: contain !important;
  background-position: center top;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .infographic .snakeBG {
    background: url("/images/Werkwijze/Werkwijze1200v2.png") no-repeat center center;
    background-size: cover;
    background-position: center top;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .infographic .snakeBG {
    background: url("/images/Werkwijze/Werkwijze700alt.png") no-repeat center center;
    background-size: cover;
    background-position: center top;
  }
}

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

.tabpanel .tabs {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-color: #aaa #F5F5F5;
  flex-wrap: nowrap;
  margin-left: 20px;
  white-space: nowrap;
}
.tabpanel .tabs::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: #F5F5F5;
}
.tabpanel .tabs::-webkit-scrollbar-thumb {
  background: #aaa;
}
.tabpanel .tabs .selected {
  background-color: white;
  border-top-left-radius: 12%;
  border-top-right-radius: 12%;
}
.tabpanel .tabs > strong {
  cursor: pointer;
  padding-left: 32px !important;
  padding-right: 32px !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  font-size: 19px !important;
  display: flex;
  gap: 1rem;
  align-items: center;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .tabpanel .tabs > strong {
    padding-left: calc(32px * 1) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .tabpanel .tabs > strong {
    padding-left: calc(32px * 1) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .tabpanel .tabs > strong {
    padding-right: calc(32px * 1) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .tabpanel .tabs > strong {
    padding-right: calc(32px * 1) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .tabpanel .tabs > strong {
    padding-top: calc(15px * 1) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .tabpanel .tabs > strong {
    padding-top: calc(15px * 1) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .tabpanel .tabs > strong {
    padding-bottom: calc(15px * 1) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .tabpanel .tabs > strong {
    padding-bottom: calc(15px * 1) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .tabpanel .tabs > strong {
    font-size: calc(19px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .tabpanel .tabs > strong {
    font-size: calc(19px * 0.8) !important;
  }
}
.tabpanel .content {
  background-color: white;
  padding: 20px !important;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  box-shadow: 0px 1px 0px 0px #e8e8e8;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .tabpanel .content {
    padding: calc(20px * 1) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .tabpanel .content {
    padding: calc(20px * 1) !important;
  }
}
.tabpanel .content > div {
  display: none;
}
.tabpanel .content > div > section {
  margin-top: 20px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .tabpanel .content > div > section {
    margin-top: calc(20px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .tabpanel .content > div > section {
    margin-top: calc(20px * 0.9) !important;
  }
}
.tabpanel .content > div > section:not(:last-child) {
  margin-bottom: 40px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .tabpanel .content > div > section:not(:last-child) {
    margin-bottom: calc(40px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .tabpanel .content > div > section:not(:last-child) {
    margin-bottom: calc(40px * 0.9) !important;
  }
}
.tabpanel .content > div > section > strong, .tabpanel .content > div > section > p, .tabpanel .formrow .labels .content > div > section > label.sub, .formrow .labels .tabpanel .content > div > section > label.sub {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .tabpanel .content > div > section > strong, .tabpanel .content > div > section > p, .tabpanel .formrow .labels .content > div > section > label.sub, .formrow .labels .tabpanel .content > div > section > label.sub {
    padding-left: calc(15px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .tabpanel .content > div > section > strong, .tabpanel .content > div > section > p, .tabpanel .formrow .labels .content > div > section > label.sub, .formrow .labels .tabpanel .content > div > section > label.sub {
    padding-left: calc(15px * 0.6) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .tabpanel .content > div > section > strong, .tabpanel .content > div > section > p, .tabpanel .formrow .labels .content > div > section > label.sub, .formrow .labels .tabpanel .content > div > section > label.sub {
    padding-right: calc(15px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .tabpanel .content > div > section > strong, .tabpanel .content > div > section > p, .tabpanel .formrow .labels .content > div > section > label.sub, .formrow .labels .tabpanel .content > div > section > label.sub {
    padding-right: calc(15px * 0.6) !important;
  }
}
.tabpanel strong {
  display: flex;
  gap: 1rem;
}

.circle {
  display: flex;
  width: 3rem;
  height: 3rem;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: white !important;
  background-color: green;
}

.tabpanel .infobox {
  margin: auto;
  width: 50%;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .tabpanel .infobox {
    width: 50% !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .tabpanel .infobox {
    width: 100% !important;
  }
}

.countrymap > p, .formrow .labels .countrymap > label.sub {
  margin-bottom: 15px !important;
}
.countrymap .mapcontent {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
}
@media (min-width: 0px) and (max-width: 1300px) {
  .countrymap .mapcontent {
    flex-direction: column;
  }
}
.countrymap .mapcontent #HubLijst {
  width: 26%;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-color: #aaa #F5F5F5;
  max-height: 50vh;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .countrymap .mapcontent #HubLijst {
    width: 100% !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .countrymap .mapcontent #HubLijst {
    width: 100% !important;
  }
}
.countrymap .mapcontent #HubLijst::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: #F5F5F5;
}
.countrymap .mapcontent #HubLijst::-webkit-scrollbar-thumb {
  background: #aaa;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .countrymap .mapcontent #HubLijst {
    max-height: 60vh !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .countrymap .mapcontent #HubLijst {
    max-height: 60vh !important;
  }
}
.countrymap .mapcontent #HubLijst li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  display: inline-block;
  padding-right: 10px;
  vertical-align: middle;
  font-weight: 900;
}
@media (min-width: 0px) and (max-width: 1300px) {
  .countrymap .mapcontent #HubLijst {
    margin-bottom: 0px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    grid-gap: 15px;
  }
}
@media (min-width: 0px) and (max-width: 1300px) and (min-width: 788px) and (max-width: 1300px) {
  .countrymap .mapcontent #HubLijst {
    margin-bottom: 10px !important;
  }
}
@media (min-width: 0px) and (max-width: 1300px) and (min-width: 0px) and (max-width: 788px) {
  .countrymap .mapcontent #HubLijst {
    margin-bottom: 10px !important;
  }
}
@media (min-width: 0px) and (max-width: 1300px) and (min-width: 1300px) {
  .countrymap .mapcontent #HubLijst > * {
    width: 100%;
  }
}
@media (min-width: 0px) and (max-width: 1300px) and (min-width: 788px) and (max-width: 1300px) {
  .countrymap .mapcontent #HubLijst > * {
    width: calc((100% / 3) - (15px * calc(3 - 1) / 3));
  }
}
@media (min-width: 0px) and (max-width: 1300px) and (min-width: 0px) and (max-width: 788px) {
  .countrymap .mapcontent #HubLijst > * {
    width: calc((100% / 2) - (15px * calc(2 - 1) / 2));
  }
}
.countrymap .mapcontent #HubLijst > li {
  margin-bottom: 15px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .countrymap .mapcontent #HubLijst > li {
    margin-bottom: 0px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .countrymap .mapcontent #HubLijst > li {
    margin-bottom: 0px !important;
  }
}
.countrymap .mapcontent .landmapcontainer {
  position: relative;
  width: 74%;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .countrymap .mapcontent .landmapcontainer {
    width: 100% !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .countrymap .mapcontent .landmapcontainer {
    width: 100% !important;
  }
}
.countrymap .mapcontent .landmapcontainer .landpin {
  cursor: pointer;
  position: absolute;
  background-image: url("/images/pins/pin2.png");
  display: block;
  width: 29px;
  height: 41px;
  background-size: cover;
  background-repeat: no-repeat;
}

.dekking li {
  cursor: pointer;
}

#landkaart .formbox, #nederland .formbox {
  margin-top: unset !important;
}

.about {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: nowrap;
  grid-gap: 64px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .about {
    grid-gap: 15px;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .about {
    grid-gap: 15px;
  }
}
@media (min-width: 0px) and (max-width: 1300px) {
  .about {
    flex-direction: column;
  }
}
.about h2 {
  margin-bottom: 32px !important;
}
.about > div {
  width: 50%;
}
@media (min-width: 0px) and (max-width: 1300px) {
  .about > div {
    width: 100%;
  }
}
.about .content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  grid-gap: 3rem;
}
@media (min-width: 0px) and (max-width: 788px) {
  .about .content {
    flex-direction: column;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .about .content .movingImages {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: stretch;
  }
}
.about .content .movingImages :first-child {
  margin-bottom: 95px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .about .content .movingImages :first-child {
    margin-bottom: 40px;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .about .content .movingImages :first-child {
    margin-bottom: unset !important;
  }
}
.about .content .movingImages > div {
  height: 108px;
  width: 141px;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .about .content .movingImages > div {
    height: 81px;
    width: 106px;
  }
}
.about .content .text p, .about .content .text .formrow .labels label.sub, .formrow .labels .about .content .text label.sub {
  margin-bottom: 20px !important;
}
.about .teamImage {
  z-index: 2;
  margin-top: 64px;
  height: 500px;
  border-radius: 10px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .about .teamImage {
    height: 500px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .about .teamImage {
    height: 500px !important;
  }
}
@media (min-width: 0px) and (max-width: 1300px) {
  .about .teamImage {
    margin-top: 20px;
  }
}

.contact {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 0px) and (max-width: 1300px) {
  .contact {
    align-items: baseline;
    flex-direction: column;
  }
}
.contact h2 {
  margin-bottom: 32px !important;
}
.contact .content .text {
  margin-bottom: 64px;
}
@media (min-width: 0px) and (max-width: 788px) {
  .contact .content .text {
    margin-bottom: 32px;
  }
}
.contact .content .informatie {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
}
@media (min-width: 0px) and (max-width: 788px) {
  .contact .content .informatie {
    flex-direction: column;
    gap: 20px;
  }
}
.contact .content .informatie strong {
  font-size: 19px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .contact .content .informatie strong {
    font-size: 0.9 !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .contact .content .informatie strong {
    font-size: 19px !important;
  }
}
.contact .content .informatie p, .contact .content .informatie .formrow .labels label.sub, .formrow .labels .contact .content .informatie label.sub {
  font-size: 16px;
  margin-bottom: unset !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .contact .content .informatie p, .contact .content .informatie .formrow .labels label.sub, .formrow .labels .contact .content .informatie label.sub {
    font-size: 0.9 !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .contact .content .informatie p, .contact .content .informatie .formrow .labels label.sub, .formrow .labels .contact .content .informatie label.sub {
    font-size: 16px !important;
  }
}
.contact .content .informatie a {
  font-size: 16px;
  font-weight: unset !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .contact .content .informatie a {
    font-size: 0.9 !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .contact .content .informatie a {
    font-size: 16px !important;
  }
}
.contact .teamImage {
  width: 40%;
  height: 800px;
  z-index: 2;
  border-radius: 10px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .contact .teamImage {
    height: 900px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .contact .teamImage {
    height: 600px !important;
  }
}
@media (min-width: 0px) and (max-width: 1300px) {
  .contact .teamImage {
    margin-top: 64px;
    width: 100%;
  }
}

.prijsresultaat {
  max-width: 850px;
  background-color: #3E4581;
  border: 3px solid #3E4581;
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  grid-gap: 0px;
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
@media (min-width: 1300px) {
  .prijsresultaat > * {
    width: calc((100% / 2) - (0px * calc(2 - 1) / 2));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsresultaat > * {
    width: 100%;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsresultaat > * {
    width: 100%;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsresultaat {
    margin-top: calc(32px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsresultaat {
    margin-top: calc(32px * 0.8) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsresultaat {
    margin-bottom: calc(32px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsresultaat {
    margin-bottom: calc(32px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsresultaat {
    max-width: unset;
  }
}
.prijsresultaat * {
  font-size: 15px !important;
  line-height: 22px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsresultaat * {
    font-size: calc(15px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsresultaat * {
    font-size: calc(15px * 0.9) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsresultaat * {
    line-height: calc(22px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsresultaat * {
    line-height: calc(22px * 0.8) !important;
  }
}
.prijsresultaat .berekening {
  background-color: white;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsresultaat .berekening {
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
  }
}
.prijsresultaat .berekening .header {
  background: #3E4581;
  color: white;
  width: 33%;
  border-bottom-right-radius: 10px;
  padding-left: 11px !important;
  padding-right: 11px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsresultaat .berekening .header {
    padding-left: calc(11px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsresultaat .berekening .header {
    padding-left: calc(11px * 0.6) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsresultaat .berekening .header {
    padding-right: calc(11px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsresultaat .berekening .header {
    padding-right: calc(11px * 0.6) !important;
  }
}
.prijsresultaat .berekening .content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding-left: 25px !important;
  padding-right: 25px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsresultaat .berekening .content {
    padding-left: calc(25px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsresultaat .berekening .content {
    padding-left: calc(25px * 0.6) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsresultaat .berekening .content {
    padding-right: calc(25px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsresultaat .berekening .content {
    padding-right: calc(25px * 0.6) !important;
  }
}
.prijsresultaat .berekening .content hr, .prijsresultaat .berekening .content .opmerking {
  color: #B4B4B4;
}
.prijsresultaat .berekening .content hr {
  border-top: 2px;
  margin: unset !important;
  padding: unset !important;
}
.prijsresultaat .berekening .content .opmerking {
  text-align: center;
  font-size: 12px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsresultaat .berekening .content .opmerking {
    font-size: calc(12px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsresultaat .berekening .content .opmerking {
    font-size: calc(12px * 0.9) !important;
  }
}
.prijsresultaat .berekening .content > div {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.prijsresultaat .berekening .content > div .label {
  line-height: 18px !important;
  width: 30%;
  text-align: right;
  color: #0E173C;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsresultaat .berekening .content > div .label {
    line-height: calc(18px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsresultaat .berekening .content > div .label {
    line-height: calc(18px * 0.8) !important;
  }
}
.prijsresultaat .berekening .content > div .value {
  display: flex;
  background-color: #EBF0F5;
  color: #3E4581;
  border-radius: 0.8em;
  padding-left: 16px !important;
  padding-right: 16px !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  margin-left: 25px !important;
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsresultaat .berekening .content > div .value {
    padding-left: calc(16px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsresultaat .berekening .content > div .value {
    padding-left: calc(16px * 0.6) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsresultaat .berekening .content > div .value {
    padding-right: calc(16px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsresultaat .berekening .content > div .value {
    padding-right: calc(16px * 0.6) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsresultaat .berekening .content > div .value {
    padding-top: calc(14px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsresultaat .berekening .content > div .value {
    padding-top: calc(14px * 0.6) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsresultaat .berekening .content > div .value {
    padding-bottom: calc(14px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsresultaat .berekening .content > div .value {
    padding-bottom: calc(14px * 0.6) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsresultaat .berekening .content > div .value {
    margin-left: calc(25px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsresultaat .berekening .content > div .value {
    margin-left: calc(25px * 1.3) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsresultaat .berekening .content > div .value {
    margin-top: calc(16px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsresultaat .berekening .content > div .value {
    margin-top: calc(16px * 0.6) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsresultaat .berekening .content > div .value {
    margin-bottom: calc(16px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsresultaat .berekening .content > div .value {
    margin-bottom: calc(16px * 0.6) !important;
  }
}
.prijsresultaat .berekening .content > div .value, .prijsresultaat .berekening .content > div .value * {
  font-size: 24px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsresultaat .berekening .content > div .value, .prijsresultaat .berekening .content > div .value * {
    font-size: calc(24px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsresultaat .berekening .content > div .value, .prijsresultaat .berekening .content > div .value * {
    font-size: calc(24px * 0.8) !important;
  }
}
.prijsresultaat .berekening .content > div .value.large {
  padding-left: 20px !important;
  padding-right: 20px !important;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsresultaat .berekening .content > div .value.large {
    padding-left: calc(20px * 1) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsresultaat .berekening .content > div .value.large {
    padding-left: calc(20px * 1) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsresultaat .berekening .content > div .value.large {
    padding-right: calc(20px * 1) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsresultaat .berekening .content > div .value.large {
    padding-right: calc(20px * 1) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsresultaat .berekening .content > div .value.large {
    padding-top: calc(18px * 1) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsresultaat .berekening .content > div .value.large {
    padding-top: calc(18px * 1) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsresultaat .berekening .content > div .value.large {
    padding-bottom: calc(18px * 1) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsresultaat .berekening .content > div .value.large {
    padding-bottom: calc(18px * 1) !important;
  }
}
.prijsresultaat .berekening .content > div .value sup {
  vertical-align: top;
  position: relative;
  top: -0.2em;
  font-size: 0.5em !important;
}
.prijsresultaat .berekening .content > div .value i {
  color: #272838;
  vertical-align: middle !important;
  margin-right: 20px !important;
}
@media (min-width: 0px) and (max-width: 1300px) {
  .prijsresultaat .berekening .content > div .value i {
    margin-right: calc(20px / 2) !important;
  }
}
.prijsresultaat .berekening .content > div button {
  color: #E1A1AC !important;
  margin: unset !important;
  padding-top: 1rem !important;
  padding-bottom: calc(1rem - 0.3rem) !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  margin-left: 10px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsresultaat .berekening .content > div button {
    padding: calc(0.7rem * 1) calc(1rem * 1) !important;
    padding-top: calc(1rem * 1) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsresultaat .berekening .content > div button {
    padding: calc(0.7rem * 1) calc(1rem * 1) !important;
    padding-top: calc(1rem * 1) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsresultaat .berekening .content > div button {
    margin-left: calc(10px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsresultaat .berekening .content > div button {
    margin-left: calc(10px * 0.6) !important;
  }
}
.prijsresultaat .berekening .content > div button:not(:hover) {
  border-color: #EBF0F5 !important;
}
.prijsresultaat .locaties {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #3E4581;
  color: white;
  border-radius: 10px;
  padding-left: 25px !important;
  padding-right: 25px !important;
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsresultaat .locaties {
    padding-left: calc(25px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsresultaat .locaties {
    padding-left: calc(25px * 0.6) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsresultaat .locaties {
    padding-right: calc(25px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsresultaat .locaties {
    padding-right: calc(25px * 0.6) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsresultaat .locaties {
    padding-top: calc(11px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsresultaat .locaties {
    padding-top: calc(11px * 0.6) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsresultaat .locaties {
    padding-bottom: calc(11px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsresultaat .locaties {
    padding-bottom: calc(11px * 0.6) !important;
  }
}
.prijsresultaat .locaties > :not(:last-child) {
  margin-bottom: 10px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsresultaat .locaties > :not(:last-child) {
    margin-bottom: calc(10px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsresultaat .locaties > :not(:last-child) {
    margin-bottom: calc(10px * 0.8) !important;
  }
}
.prijsresultaat .locaties > :last-child {
  margin-bottom: unset !important;
}
.prijsresultaat .locaties hr {
  color: white;
  border-top: 2px;
}
.prijsresultaat .locaties dl {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  grid-gap: 0px;
  margin: unset !important;
  padding: unset !important;
}
@media (min-width: 1300px) {
  .prijsresultaat .locaties dl > * {
    width: calc((100% / 2) - (0px * calc(2 - 1) / 2));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsresultaat .locaties dl > * {
    width: calc((100% / 2) - (0px * calc(2 - 1) / 2));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsresultaat .locaties dl > * {
    width: calc((100% / 2) - (0px * calc(2 - 1) / 2));
  }
}
.prijsresultaat .locaties dl dt:not(:last-of-type),
.prijsresultaat .locaties dl dd:not(:last-of-type) {
  margin-bottom: 10px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsresultaat .locaties dl dt:not(:last-of-type),
  .prijsresultaat .locaties dl dd:not(:last-of-type) {
    margin-bottom: calc(10px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsresultaat .locaties dl dt:not(:last-of-type),
  .prijsresultaat .locaties dl dd:not(:last-of-type) {
    margin-bottom: calc(10px * 0.8) !important;
  }
}
.prijsresultaat .locaties dl dd img {
  width: 25px;
  vertical-align: middle;
  margin-left: 10px !important;
  margin-right: 10px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsresultaat .locaties dl dd img {
    margin-left: calc(10px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsresultaat .locaties dl dd img {
    margin-left: calc(10px * 0.8) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsresultaat .locaties dl dd img {
    margin-right: calc(10px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsresultaat .locaties dl dd img {
    margin-right: calc(10px * 0.8) !important;
  }
}

.tabpanel .prijsresultaat,
.formbox .prijsresultaat {
  margin: auto;
}

.vierstappen {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  grid-gap: 3rem;
  background-image: url("/images/World.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 150px 200px;
}
.vierstappen > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 4) - 1.5rem) !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .vierstappen > *:nth-child(2n+1) {
    width: 100% !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .vierstappen > *:nth-child(2n+1) {
    width: 100% !important;
  }
}
.vierstappen > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 8) - 1.5rem) !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .vierstappen > *:nth-child(2n+2) {
    width: 100% !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .vierstappen > *:nth-child(2n+2) {
    width: 100% !important;
  }
}
@media (max-width: 1600px) {
  .vierstappen {
    padding: 20px 20px !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .vierstappen {
    padding: 0px 50px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .vierstappen {
    padding: unset !important;
    background: unset;
  }
}
.vierstappen header {
  margin-top: auto;
  margin-bottom: auto;
}
.vierstappen header h2 {
  text-align: right;
  max-width: 5em;
  margin-left: auto;
  margin-bottom: unset !important;
}
@media (min-width: 0px) and (max-width: 1300px) {
  .vierstappen header h2 {
    text-align: center;
    max-width: unset;
  }
}
.vierstappen header h2 span {
  background-color: #F5F5F5;
  line-height: 70px !important;
}
.vierstappen header h2 span.cDefault {
  color: #B4B4B4;
}
@media (min-width: 0px) and (max-width: 788px) {
  .vierstappen header h2 span {
    line-height: 50px !important;
  }
}

.secAlt .vierstappen header h2 span, main > header .top .vierstappen header h2 span {
  background-color: #0E173C;
}
.secAlt .vierstappen header h2 span.cDefault, main > header .top .vierstappen header h2 span.cDefault {
  color: white;
}

.secWhite .vierstappen header h2 span, main > header .main .vierstappen header h2 span, main > footer .bottom .vierstappen header h2 span {
  background-color: white;
}
.secWhite .vierstappen header h2 span.cDefault, main > header .main .vierstappen header h2 span.cDefault, main > footer .bottom .vierstappen header h2 span.cDefault {
  color: #B4B4B4;
}

.contactbox {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  grid-gap: 0rem;
}
.contactbox > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .contactbox > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .contactbox > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 7) - 0rem) !important;
  }
}
.contactbox > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .contactbox > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .contactbox > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 5) - 0rem) !important;
  }
}
.contactbox .info {
  background-color: white;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  padding: 30px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .contactbox .info {
    padding: calc(30px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .contactbox .info {
    padding: calc(30px * 0.6) !important;
  }
}
.contactbox .info p, .contactbox .info .formrow .labels label.sub, .formrow .labels .contactbox .info label.sub {
  margin-top: 10px !important;
  margin-bottom: 30px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .contactbox .info p, .contactbox .info .formrow .labels label.sub, .formrow .labels .contactbox .info label.sub {
    margin-top: calc(10px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .contactbox .info p, .contactbox .info .formrow .labels label.sub, .formrow .labels .contactbox .info label.sub {
    margin-top: calc(10px * 0.6) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .contactbox .info p, .contactbox .info .formrow .labels label.sub, .formrow .labels .contactbox .info label.sub {
    margin-bottom: calc(30px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .contactbox .info p, .contactbox .info .formrow .labels label.sub, .formrow .labels .contactbox .info label.sub {
    margin-bottom: calc(30px * 0.6) !important;
  }
}
.contactbox .info p.tijden, .contactbox .info .formrow .labels label.tijden.sub, .formrow .labels .contactbox .info label.tijden.sub {
  margin-top: 30px !important;
  margin-bottom: unset !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .contactbox .info p.tijden, .contactbox .info .formrow .labels label.tijden.sub, .formrow .labels .contactbox .info label.tijden.sub {
    margin-top: calc(30px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .contactbox .info p.tijden, .contactbox .info .formrow .labels label.tijden.sub, .formrow .labels .contactbox .info label.tijden.sub {
    margin-top: calc(30px * 0.6) !important;
  }
}
.contactbox .info button {
  display: block;
  /*margin: auto;*/
}
.contactbox .info .tijden {
  /*text-align: center;*/
}
.contactbox .image {
  background: url("/images/banners/2persons2b.jpg") no-repeat;
  background-size: cover;
  background-position: center center;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

.accorderen {
  border-radius: 10px;
  max-width: 500px;
  background-color: #F5F5F5;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  grid-gap: 0px;
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
@media (min-width: 1300px) {
  .accorderen > * {
    width: calc((100% / 2) - (0px * calc(2 - 1) / 2));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .accorderen > * {
    width: calc((100% / 2) - (0px * calc(2 - 1) / 2));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .accorderen > * {
    width: calc((100% / 2) - (0px * calc(2 - 1) / 2));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .accorderen {
    margin-top: calc(32px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .accorderen {
    margin-top: calc(32px * 0.8) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .accorderen {
    margin-bottom: calc(32px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .accorderen {
    margin-bottom: calc(32px * 0.8) !important;
  }
}
.accorderen .geefakkoord, .accorderen .akkoord {
  padding: 15px;
}
.accorderen .geefakkoord strong, .accorderen .akkoord strong {
  color: #3E4581;
}
.accorderen .akkoord {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.accorderen .akkoord i {
  color: #3E4581;
  font-size: 25px;
}
.accorderen .submit {
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tabpanel .accorderen {
  margin: auto;
}

.contactpersoonbox {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.contactpersoonbox > strong {
  white-space: nowrap;
}
.contactpersoonbox > div {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 32px;
  border-radius: 10px;
  background-color: #e8e8e8;
  max-width: 600px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .contactpersoonbox > div {
    max-width: 480px;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .contactpersoonbox > div {
    max-width: 360px;
  }
}
.contactpersoonbox > div .cpbHeadshot {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 20%;
  width: 100%;
  margin-bottom: 10px;
  border-radius: 10px 10px 0 0;
  height: 200px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .contactpersoonbox > div .cpbHeadshot {
    height: 0.8;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .contactpersoonbox > div .cpbHeadshot {
    height: 0.6;
  }
}
.contactpersoonbox > div > p, .formrow .labels .contactpersoonbox > div > label.sub {
  margin: 0 !important;
  padding: 0 15px 0 15px;
  overflow: hidden;
}
.contactpersoonbox > div > button {
  box-shadow: none;
  text-align: center !important;
  width: 200px !important;
  font-size: 17px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .contactpersoonbox > div > button {
    width: calc(200px * 0.95) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .contactpersoonbox > div > button {
    width: calc(200px * 0.9) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .contactpersoonbox > div > button {
    font-size: calc(17px * 0.95) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .contactpersoonbox > div > button {
    font-size: calc(17px * 0.9) !important;
  }
}
.contactpersoonbox > div > button.IconBF, .hero .position .contactpersoonbox > div > button.cta {
  margin-top: 20px !important;
  margin-bottom: 10px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .contactpersoonbox > div > button.IconBF, .hero .position .contactpersoonbox > div > button.cta {
    margin-top: calc(20px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .contactpersoonbox > div > button.IconBF, .hero .position .contactpersoonbox > div > button.cta {
    margin-top: calc(20px * 0.6) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .contactpersoonbox > div > button.IconBF, .hero .position .contactpersoonbox > div > button.cta {
    margin-bottom: calc(10px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .contactpersoonbox > div > button.IconBF, .hero .position .contactpersoonbox > div > button.cta {
    margin-bottom: calc(10px * 0.6) !important;
  }
}
.contactpersoonbox > div > button.greyed, .notificationbox:not(.pink) .contactpersoonbox > div > button, .hero .position .contactpersoonbox > div > button.cta {
  margin-bottom: 20px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .contactpersoonbox > div > button.greyed, .notificationbox:not(.pink) .contactpersoonbox > div > button, .hero .position .contactpersoonbox > div > button.cta {
    margin-bottom: calc(20px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .contactpersoonbox > div > button.greyed, .notificationbox:not(.pink) .contactpersoonbox > div > button, .hero .position .contactpersoonbox > div > button.cta {
    margin-bottom: calc(20px * 0.6) !important;
  }
}
.contactpersoonbox > div > button.greyed:hover, .notificationbox:not(.pink) .contactpersoonbox > div > button:hover, .hero .position .contactpersoonbox > div > button.cta:hover {
  background-color: #EBF0F5 !important;
  cursor: default;
}

.documenten {
  border-top: 2px solid #B4B4B4;
  display: flex;
  flex-direction: column;
}
.documenten .document {
  padding: 15px !important;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  grid-gap: 3rem;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .documenten .document {
    padding: calc(15px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .documenten .document {
    padding: calc(15px * 0.6) !important;
  }
}
.documenten .document > *:nth-child(3n+1) {
  width: calc(calc(calc(100% / 12) * 4) - 2rem) !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .documenten .document > *:nth-child(3n+1) {
    width: calc(calc(calc(100% / 12) * 4) - 2rem) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .documenten .document > *:nth-child(3n+1) {
    width: 100% !important;
  }
}
.documenten .document > *:nth-child(3n+2) {
  width: calc(calc(calc(100% / 12) * 6) - 2rem) !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .documenten .document > *:nth-child(3n+2) {
    width: calc(calc(calc(100% / 12) * 6) - 2rem) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .documenten .document > *:nth-child(3n+2) {
    width: 100% !important;
  }
}
.documenten .document > *:nth-child(3n+3) {
  width: calc(calc(calc(100% / 12) * 2) - 2rem) !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .documenten .document > *:nth-child(3n+3) {
    width: calc(calc(calc(100% / 12) * 2) - 2rem) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .documenten .document > *:nth-child(3n+3) {
    width: 100% !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .documenten .document {
    gap: 0.5rem;
  }
}
.documenten .document:nth-child(even) {
  background-color: #F5F5F5;
}
.documenten .document:nth-child(odd) {
  background-color: white;
}
.documenten .document .soort {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.documenten .document .soort strong {
  font-size: 19px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .documenten .document .soort strong {
    font-size: calc(19px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .documenten .document .soort strong {
    font-size: calc(19px * 0.9) !important;
  }
}
.documenten .document .soort .toelichting {
  font-size: 17px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .documenten .document .soort .toelichting {
    font-size: calc(17px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .documenten .document .soort .toelichting {
    font-size: calc(17px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .documenten .document .status, .documenten .document .action {
    align-items: center !important;
    justify-content: left !important;
  }
}
.documenten .document .status {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: right;
}
.documenten .document .action {
  display: flex;
  align-items: center;
  justify-content: center;
}

.dossieroverzicht {
  display: block;
  overflow-x: auto;
}
.dossieroverzicht table {
  border: none;
  border-spacing: 0px 5px;
  width: 100%;
}
.dossieroverzicht table th {
  padding: 15px;
  text-align: left;
}
.dossieroverzicht table tr {
  background-color: white;
}
.dossieroverzicht table td {
  cursor: pointer;
  padding: 15px;
  white-space: nowrap;
}
.dossieroverzicht .landen {
  display: flex;
  gap: 1rem;
  min-width: 120px;
}
.dossieroverzicht .landen img {
  width: 25px;
}
.dossieroverzicht .noBgColor {
  background-color: unset;
}
.dossieroverzicht .status1, .dossieroverzicht .status2, .dossieroverzicht .status3, .dossieroverzicht .status4 {
  text-align: center;
}
.dossieroverzicht .status1 {
  background-color: #e0e0e0;
  color: #646464;
}
.dossieroverzicht .status2 {
  background-color: rgba(20, 33, 87, 0.5);
  color: white;
}
.dossieroverzicht .status3 {
  background-color: rgba(20, 33, 87, 0.75);
  color: white;
}
.dossieroverzicht .status4 {
  background-color: #0E173C;
  color: white;
}

.zoekinput {
  margin-bottom: 20px;
}

.mijn-verhuizingen {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  grid-gap: 3rem;
  align-items: flex-start;
  margin-top: 32px;
}
.mijn-verhuizingen > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 3) - 1.5rem) !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mijn-verhuizingen > *:nth-child(2n+1) {
    width: 100% !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mijn-verhuizingen > *:nth-child(2n+1) {
    width: 100% !important;
  }
}
.mijn-verhuizingen > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 9) - 1.5rem) !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .mijn-verhuizingen > *:nth-child(2n+2) {
    width: 100% !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .mijn-verhuizingen > *:nth-child(2n+2) {
    width: 100% !important;
  }
}

.filter {
  background-color: white;
  border-radius: 10px;
  padding-left: 15px !important;
  padding-right: 15px !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .filter {
    padding-left: calc(15px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .filter {
    padding-left: calc(15px * 0.6) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .filter {
    padding-right: calc(15px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .filter {
    padding-right: calc(15px * 0.6) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .filter {
    padding-top: calc(20px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .filter {
    padding-top: calc(20px * 0.6) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .filter {
    padding-bottom: calc(20px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .filter {
    padding-bottom: calc(20px * 0.6) !important;
  }
}
.filter .filterlijst {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  grid-gap: 0rem;
}
.filter .filterlijst > *:nth-child(2n+1) {
  width: 100% !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .filter .filterlijst > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .filter .filterlijst > *:nth-child(2n+1) {
    width: 100% !important;
  }
}
.filter .filterlijst > *:nth-child(2n+2) {
  width: 100% !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .filter .filterlijst > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .filter .filterlijst > *:nth-child(2n+2) {
    width: 100% !important;
  }
}
.filter fieldset {
  border: none;
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
  margin-top: 32px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .filter fieldset {
    grid-gap: 8px;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .filter fieldset {
    grid-gap: 6px;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .filter fieldset {
    margin-top: calc(32px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .filter fieldset {
    margin-top: calc(32px * 0.6) !important;
  }
}
.filter fieldset legend {
  margin-bottom: 10px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .filter fieldset legend {
    margin-bottom: calc(10px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .filter fieldset legend {
    margin-bottom: calc(10px * 0.6) !important;
  }
}
.filter fieldset label {
  margin-left: 10px;
}
.filter .collapsebtn {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  position: relative;
}
.filter .collapsebtn:after {
  font-family: "Font Awesome 5 Free";
  position: absolute;
  right: 0;
  top: 0;
  content: "\f102";
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
}
.filter .collapsebtn.collapsed {
  position: relative;
}
.filter .collapsebtn.collapsed:after {
  font-family: "Font Awesome 5 Free";
  position: absolute;
  right: 0;
  top: 0;
  content: "\f103";
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
}
.filter .collapsebtn.collapsed + .filterlijst {
  display: none;
}
@media (min-width: 0px) and (max-width: 1300px) {
  .filter {
    border-radius: unset;
  }
}

.infobox {
  background-color: #F5F5F5;
  color: #b5b0b0;
  border-radius: 8px;
  box-shadow: #e0e0e0 3px 3px 3px;
  padding: 10px;
  display: flex;
  align-content: flex-start;
  gap: 15px;
  font-size: 16px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .infobox {
    font-size: calc(16px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .infobox {
    font-size: calc(16px * 0.9) !important;
  }
}
.infobox .icon {
  font-size: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.infobox.withButton {
  flex-wrap: nowrap !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  align-items: center !important;
  color: #b5b0b0;
  font-size: 14px !important;
}

.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 {
  max-height: 90vh !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  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;
  }
}

.prijsbox {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  grid-gap: 0px;
}
@media (min-width: 1300px) {
  .prijsbox > * {
    width: 100%;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsbox > * {
    width: 100%;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsbox > * {
    width: 100%;
  }
}
.prijsbox .mainbox {
  display: flex;
  flex-direction: column;
  border: 3px solid #3E4581;
  border-radius: 10px;
}
.prijsbox .mainbox .prijsinfo {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  grid-gap: 0rem;
  background-color: #3E4581;
  color: white;
  border-bottom: 3px solid #3E4581;
}
.prijsbox .mainbox .prijsinfo > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsbox .mainbox .prijsinfo > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsbox .mainbox .prijsinfo > *:nth-child(2n+1) {
    width: 100% !important;
  }
}
.prijsbox .mainbox .prijsinfo > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsbox .mainbox .prijsinfo > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 6) - 0rem) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsbox .mainbox .prijsinfo > *:nth-child(2n+2) {
    width: 100% !important;
  }
}
.prijsbox .mainbox .prijsinfo .iconbox {
  display: flex;
  gap: 1rem;
  background-color: #EBF0F5;
  color: #3E4581;
  border-radius: 0.8em;
  padding-left: 16px !important;
  padding-right: 16px !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsbox .mainbox .prijsinfo .iconbox {
    padding-left: calc(16px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsbox .mainbox .prijsinfo .iconbox {
    padding-left: calc(16px * 0.6) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsbox .mainbox .prijsinfo .iconbox {
    padding-right: calc(16px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsbox .mainbox .prijsinfo .iconbox {
    padding-right: calc(16px * 0.6) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsbox .mainbox .prijsinfo .iconbox {
    padding-top: calc(14px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsbox .mainbox .prijsinfo .iconbox {
    padding-top: calc(14px * 0.6) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsbox .mainbox .prijsinfo .iconbox {
    padding-bottom: calc(14px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsbox .mainbox .prijsinfo .iconbox {
    padding-bottom: calc(14px * 0.6) !important;
  }
}
.prijsbox .mainbox .prijsinfo .iconbox i {
  color: #272838;
}
.prijsbox .mainbox .prijsinfo .prijs, .prijsbox .mainbox .prijsinfo .volume {
  padding: 15px !important;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  grid-gap: 10px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsbox .mainbox .prijsinfo .prijs, .prijsbox .mainbox .prijsinfo .volume {
    padding: calc(15px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsbox .mainbox .prijsinfo .prijs, .prijsbox .mainbox .prijsinfo .volume {
    padding: calc(15px * 0.8) !important;
  }
}
@media (min-width: 1300px) {
  .prijsbox .mainbox .prijsinfo .prijs > *, .prijsbox .mainbox .prijsinfo .volume > * {
    width: calc((100% / 2) - (10px * calc(2 - 1) / 2));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsbox .mainbox .prijsinfo .prijs > *, .prijsbox .mainbox .prijsinfo .volume > * {
    width: calc((100% / 2) - (10px * calc(2 - 1) / 2));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsbox .mainbox .prijsinfo .prijs > *, .prijsbox .mainbox .prijsinfo .volume > * {
    width: calc((100% / 2) - (10px * calc(2 - 1) / 2));
  }
}
.prijsbox .mainbox .prijsinfo .prijs .label, .prijsbox .mainbox .prijsinfo .volume .label {
  display: flex;
  align-items: center;
  font-size: 15px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsbox .mainbox .prijsinfo .prijs .label, .prijsbox .mainbox .prijsinfo .volume .label {
    font-size: calc(15px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsbox .mainbox .prijsinfo .prijs .label, .prijsbox .mainbox .prijsinfo .volume .label {
    font-size: calc(15px * 0.9) !important;
  }
}
.prijsbox .mainbox .prijsinfo .prijs .value, .prijsbox .mainbox .prijsinfo .volume .value {
  display: flex;
  align-items: center;
  justify-content: center;
}
.prijsbox .mainbox .prijsinfo .prijs {
  background-color: white;
  color: #3E4581;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsbox .mainbox .prijsinfo .prijs {
    border-bottom-right-radius: unset;
    border-top-right-radius: 10px;
  }
}
.prijsbox .mainbox .prijsinfo .prijs .value {
  font-size: 50px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsbox .mainbox .prijsinfo .prijs .value {
    font-size: calc(50px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsbox .mainbox .prijsinfo .prijs .value {
    font-size: calc(50px * 0.8) !important;
  }
}
.prijsbox .mainbox .prijsinfo .volume .value {
  font-size: 24px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsbox .mainbox .prijsinfo .volume .value {
    font-size: calc(24px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsbox .mainbox .prijsinfo .volume .value {
    font-size: calc(24px * 0.8) !important;
  }
}
.prijsbox .mainbox .locaties {
  background-color: white;
  color: #3E4581;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.prijsbox .mainbox .locaties * {
  font-size: 15px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsbox .mainbox .locaties * {
    font-size: calc(15px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsbox .mainbox .locaties * {
    font-size: calc(15px * 0.9) !important;
  }
}
.prijsbox .mainbox .locaties dl {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  grid-gap: 3rem;
  margin: unset !important;
  padding: unset !important;
  padding: 15px !important;
  row-gap: 1rem;
}
@media (min-width: 1300px) {
  .prijsbox .mainbox .locaties dl > * {
    width: calc((100% / 2) - (3rem * calc(2 - 1) / 2));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsbox .mainbox .locaties dl > * {
    width: calc((100% / 2) - (3rem * calc(2 - 1) / 2));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsbox .mainbox .locaties dl > * {
    width: calc((100% / 2) - (3rem * calc(2 - 1) / 2));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsbox .mainbox .locaties dl {
    padding: calc(15px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsbox .mainbox .locaties dl {
    padding: calc(15px * 0.8) !important;
  }
}
.prijsbox .mainbox .locaties dl > div {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  grid-gap: 0px;
}
@media (min-width: 1300px) {
  .prijsbox .mainbox .locaties dl > div > * {
    width: calc((100% / 2) - (0px * calc(2 - 1) / 2));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsbox .mainbox .locaties dl > div > * {
    width: calc((100% / 2) - (0px * calc(2 - 1) / 2));
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsbox .mainbox .locaties dl > div > * {
    width: 100%;
  }
}
.prijsbox .mainbox .locaties dl dt {
  overflow-wrap: break-word;
}
.prijsbox .mainbox .locaties dl dd {
  overflow-wrap: break-word;
}
.prijsbox .mainbox .locaties dl dd img {
  width: 25px;
  vertical-align: middle;
  margin-left: 10px !important;
  margin-right: 10px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsbox .mainbox .locaties dl dd img {
    margin-left: calc(10px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsbox .mainbox .locaties dl dd img {
    margin-left: calc(10px * 0.8) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsbox .mainbox .locaties dl dd img {
    margin-right: calc(10px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsbox .mainbox .locaties dl dd img {
    margin-right: calc(10px * 0.8) !important;
  }
}
.prijsbox .sidenote {
  padding-left: 15px !important;
  padding-right: 15px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsbox .sidenote {
    padding-left: calc(15px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsbox .sidenote {
    padding-left: calc(15px * 0.8) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsbox .sidenote {
    padding-right: calc(15px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsbox .sidenote {
    padding-right: calc(15px * 0.8) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsbox .sidenote {
    padding-top: calc(10px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsbox .sidenote {
    padding-top: calc(10px * 0.8) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .prijsbox .sidenote {
    padding-bottom: calc(10px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .prijsbox .sidenote {
    padding-bottom: calc(10px * 0.8) !important;
  }
}

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

.verhuisplanning .top {
  margin-bottom: 20px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .verhuisplanning .top {
    margin-bottom: 20px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .verhuisplanning .top {
    margin-bottom: 20px !important;
  }
}
.verhuisplanning strong {
  color: #3E4581;
}
.verhuisplanning .planningbox {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-color: #aaa #F5F5F5;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
}
.verhuisplanning .planningbox::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: #F5F5F5;
}
.verhuisplanning .planningbox::-webkit-scrollbar-thumb {
  background: #aaa;
}
.verhuisplanning .planningbox .info {
  min-width: 660px;
}
.verhuisplanning .planningbox .head {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 15px;
  padding-top: 10px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .verhuisplanning .planningbox .head {
    margin-bottom: 15px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .verhuisplanning .planningbox .head {
    margin-bottom: 15px !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .verhuisplanning .planningbox .head {
    padding-top: calc(10px * 10px) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .verhuisplanning .planningbox .head {
    padding-top: calc(10px * 10px) !important;
  }
}
.verhuisplanning .planningbox .head > div {
  width: 20%;
  text-align: center;
  font-weight: 700;
}
.verhuisplanning .planningbox .head > :nth-child(1) {
  width: 40%;
}
.verhuisplanning .planningbox .rijen .rij {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  background-color: #EBF0F5;
}
.verhuisplanning .planningbox .rijen .rij > div {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 15px;
  width: 20%;
  border-right: 1px solid #B4B4B4;
  border-bottom: 1px solid rgba(180, 180, 180, 0.15);
}
@media (min-width: 788px) and (max-width: 1300px) {
  .verhuisplanning .planningbox .rijen .rij > div {
    padding: 15px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .verhuisplanning .planningbox .rijen .rij > div {
    padding: 15px !important;
  }
}
.verhuisplanning .planningbox .rijen .rij > div .text {
  overflow: hidden;
  white-space: nowrap;
}
.verhuisplanning .planningbox .rijen .rij > :nth-child(1) {
  flex-wrap: nowrap;
  gap: 10px;
  width: 40%;
}
.verhuisplanning .planningbox .rijen .rij > :nth-child(4) {
  border-right: unset !important;
}
.verhuisplanning .planningbox .tijdslijn {
  position: relative;
  padding-top: 10px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .verhuisplanning .planningbox .tijdslijn {
    padding-top: calc(10px * 10px) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .verhuisplanning .planningbox .tijdslijn {
    padding-top: calc(10px * 10px) !important;
  }
}
.verhuisplanning .planningbox .tijdslijn .maanden {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 15px;
  flex-wrap: nowrap;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .verhuisplanning .planningbox .tijdslijn .maanden {
    margin-bottom: 15px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .verhuisplanning .planningbox .tijdslijn .maanden {
    margin-bottom: 15px !important;
  }
}
.verhuisplanning .planningbox .tijdslijn .maanden > div {
  width: 264px;
  text-align: center;
  font-weight: 700;
}
.verhuisplanning .planningbox .tijdslijn .maanden .nu {
  position: absolute;
  width: unset !important;
  top: 5px;
  background-color: #1B5AFD;
  border-radius: 10px;
}
.verhuisplanning .planningbox .tijdslijn .maanden .nu > div {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  color: white;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .verhuisplanning .planningbox .tijdslijn .maanden .nu > div {
    padding-top: calc(5px * 5px) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .verhuisplanning .planningbox .tijdslijn .maanden .nu > div {
    padding-top: calc(5px * 5px) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .verhuisplanning .planningbox .tijdslijn .maanden .nu > div {
    padding-bottom: calc(5px * 5px) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .verhuisplanning .planningbox .tijdslijn .maanden .nu > div {
    padding-bottom: calc(5px * 5px) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .verhuisplanning .planningbox .tijdslijn .maanden .nu > div {
    padding-left: calc(20px * 20px) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .verhuisplanning .planningbox .tijdslijn .maanden .nu > div {
    padding-left: calc(20px * 20px) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .verhuisplanning .planningbox .tijdslijn .maanden .nu > div {
    padding-right: calc(20px * 20px) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .verhuisplanning .planningbox .tijdslijn .maanden .nu > div {
    padding-right: calc(20px * 20px) !important;
  }
}
.verhuisplanning .planningbox .tijdslijn .maanden .nu .rondje {
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 18px;
  z-index: 10;
  position: absolute;
  top: 31px;
  content: "";
  padding: 9px;
  background-color: #1B5AFD;
  border-radius: 50%;
}
.verhuisplanning .planningbox .tijdslijn .maanden .nu .balk {
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 1px;
  z-index: 10;
  position: absolute;
  top: 48px;
  content: "";
  border: 1px solid #1B5AFD;
}
.verhuisplanning .planningbox .tijdslijn .blokrij {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
}
.verhuisplanning .planningbox .tijdslijn .blokrij > div {
  position: relative;
  height: 66px;
  width: 264px;
  border: 1px solid rgba(180, 180, 180, 0.15);
  /**/
  /**/
}
.verhuisplanning .planningbox .tijdslijn .blokrij > div .icon {
  position: absolute;
  top: 15px;
}
.verhuisplanning .planningbox .tijdslijn .blokrij > div .icon .vertLine {
  position: absolute;
  border: dashed 2px #FFA871;
  content: "";
  left: 15px;
}
.verhuisplanning .planningbox .tijdslijn .blokrij > div .icon .vertLine.grey {
  border: dashed 2px #B4B4B4;
}
.verhuisplanning .planningbox .tijdslijn .blokrij > div .icon .horLine {
  position: absolute;
  border: dashed 2px #FFA871;
  content: "";
  top: 16px;
  left: 35px;
}
.verhuisplanning .planningbox .tijdslijn .blokrij > div .icon .horLine.grey {
  border: dashed 2px #B4B4B4;
}
.verhuisplanning .planningbox .tijdslijn .blokrij > div .icon1 {
  left: 160px;
}
.verhuisplanning .planningbox .tijdslijn .blokrij > div .icon1:before {
  display: none;
}
.verhuisplanning .planningbox .tijdslijn .blokrij > div .icon1:after {
  width: 17px;
}
.verhuisplanning .planningbox .tijdslijn .blokrij > div .icon2 {
  left: 200px;
}
.verhuisplanning .planningbox .tijdslijn .blokrij > div .icon2:before {
  top: -50px;
  height: 50px;
}
.verhuisplanning .planningbox .tijdslijn .blokrij > div .icon2:after {
  width: 92px;
}
.verhuisplanning .planningbox .tijdslijn .blokrij > div .icon3 {
  left: 350px;
}
.verhuisplanning .planningbox .tijdslijn .blokrij > div .icon3:before {
  border-color: #B4B4B4;
  top: -50px;
  height: 50px;
}
.verhuisplanning .planningbox .tijdslijn .blokrij > div .icon3:after {
  border-color: #B4B4B4;
  width: 327px;
}
.verhuisplanning .planningbox .tijdslijn .blokrij > div .icon4 {
  left: 700px;
}
.verhuisplanning .planningbox .tijdslijn .blokrij > div .icon4:before {
  border-color: #B4B4B4;
  top: -50px;
  height: 50px;
}
.verhuisplanning .planningbox .tijdslijn .blokrij > div .icon4:after {
  display: none;
}
.verhuisplanning .planningbox .tijdslijn .blokrij > div .nanu:after {
  position: absolute;
  border: dashed 2px #B4B4B4;
  content: "";
  top: 31px;
  left: 66px;
  width: 32px;
}
.verhuisplanning .icon {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  background-color: #FFA871;
  color: white;
}
.verhuisplanning .icon.grey {
  background-color: #B4B4B4;
}

.planningDetail {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  flex-wrap: nowrap;
  background-color: #F5F5F5;
}
@media (min-width: 0px) and (max-width: 1300px) {
  .planningDetail {
    flex-direction: column;
  }
}
.planningDetail .pdInfo {
  width: 55%;
  padding-left: 15px;
  padding-right: 32px;
}
@media (min-width: 0px) and (max-width: 1300px) {
  .planningDetail .pdInfo {
    width: 100%;
    padding: 0 15px 32px 15px;
  }
}
.planningDetail .pdInfo > strong {
  display: block;
  margin-top: 10px;
  margin-bottom: 15px;
}
.planningDetail .pdInfo > div {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  flex-wrap: nowrap;
}
@media (min-width: 0px) and (max-width: 788px) {
  .planningDetail .pdInfo > div {
    flex-direction: column;
  }
}
.planningDetail .pdInfo > div .pdForm {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 15px;
  width: 60%;
  padding-right: 32px;
}
@media (min-width: 0px) and (max-width: 788px) {
  .planningDetail .pdInfo > div .pdForm {
    width: 100%;
    padding-right: 0;
    padding-bottom: 32px;
  }
}
.planningDetail .pdInfo > div .pdForm .cell {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.planningDetail .pdInfo > div .pdForm .cell > label {
  color: #646464;
}
.planningDetail .pdInfo > div .pdForm .cell > input {
  width: 60%;
  background-color: white;
  opacity: 0.75;
}
.planningDetail .pdInfo > div .pdContact {
  width: calc(100% - 60%);
}
@media (min-width: 0px) and (max-width: 788px) {
  .planningDetail .pdInfo > div .pdContact {
    width: 100%;
  }
}
.planningDetail .pdInfo > div .pdContact > p, .planningDetail .pdInfo > div .formrow .labels .pdContact > label.sub, .formrow .labels .planningDetail .pdInfo > div .pdContact > label.sub {
  text-align: justify;
}
.planningDetail .pdInfo > div .pdContact > button {
  display: block;
  margin: auto;
}
.planningDetail .pdMap {
  min-height: 250px;
  width: calc(100% - 55%);
  border: 0;
}
@media (min-width: 0px) and (max-width: 1300px) {
  .planningDetail .pdMap {
    width: 100%;
  }
}

.verhuisdetail {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  grid-gap: 2rem;
}
.verhuisdetail > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 6) - 1rem) !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .verhuisdetail > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 6) - 1rem) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .verhuisdetail > *:nth-child(2n+1) {
    width: 100% !important;
  }
}
.verhuisdetail > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 6) - 1rem) !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .verhuisdetail > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 6) - 1rem) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .verhuisdetail > *:nth-child(2n+2) {
    width: 100% !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .verhuisdetail {
    gap: unset;
  }
}
.verhuisdetail input::-webkit-outer-spin-button,
.verhuisdetail input::-webkit-inner-spin-button {
  -webkit-appearance: none; /* Chrome */
  margin: 0;
}
.verhuisdetail input[type=number] {
  -moz-appearance: textfield; /* Firefox */
}
.verhuisdetail strong {
  font-size: 19px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .verhuisdetail strong {
    font-size: calc(19px * 0.95) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .verhuisdetail strong {
    font-size: calc(19px * 0.9) !important;
  }
}
.verhuisdetail label {
  font-size: 14px !important;
  line-height: 19px !important;
  word-break: break-word;
}
.verhuisdetail p, .verhuisdetail .formrow .labels label.sub, .formrow .labels .verhuisdetail label.sub, .verhuisdetail input, .verhuisdetail textarea, .verhuisdetail .select2-selection {
  font-size: 16px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .verhuisdetail p, .verhuisdetail .formrow .labels label.sub, .formrow .labels .verhuisdetail label.sub, .verhuisdetail input, .verhuisdetail textarea, .verhuisdetail .select2-selection {
    font-size: calc(16px * 0.95) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .verhuisdetail p, .verhuisdetail .formrow .labels label.sub, .formrow .labels .verhuisdetail label.sub, .verhuisdetail input, .verhuisdetail textarea, .verhuisdetail .select2-selection {
    font-size: calc(16px * 0.9) !important;
  }
}
.verhuisdetail .select2-selection__rendered {
  margin-left: 10px;
}
.verhuisdetail .readonly {
  opacity: 0.75;
}
.verhuisdetail > div {
  padding: 15px;
}
@media (min-width: 0px) and (max-width: 788px) {
  .verhuisdetail > div {
    padding-top: unset;
    padding-bottom: unset;
  }
}
.verhuisdetail > div.invertcolors {
  background-color: #F5F5F5;
}
.verhuisdetail > div.invertcolors input:disabled,
.verhuisdetail > div.invertcolors input:read-only,
.verhuisdetail > div.invertcolors textarea:disabled,
.verhuisdetail > div.invertcolors textarea:read-only,
.verhuisdetail > div.invertcolors .select2-container--disabled .select2-selection,
.verhuisdetail > div.invertcolors .inputTextAF.readonly span {
  background-color: white !important;
  opacity: 1;
}
.verhuisdetail > div .gridrow {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  grid-gap: 0rem;
  /*@include respPT {
      gap: unset;
  }*/
}
.verhuisdetail > div .gridrow > *:nth-child(2n+1) {
  width: 100% !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .verhuisdetail > div .gridrow > *:nth-child(2n+1) {
    width: 100% !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .verhuisdetail > div .gridrow > *:nth-child(2n+1) {
    width: 100% !important;
  }
}
.verhuisdetail > div .gridrow > *:nth-child(2n+2) {
  width: 100% !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .verhuisdetail > div .gridrow > *:nth-child(2n+2) {
    width: 100% !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .verhuisdetail > div .gridrow > *:nth-child(2n+2) {
    width: 100% !important;
  }
}
.verhuisdetail > div .gridrow.fullwidth {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  grid-gap: 0rem;
}
.verhuisdetail > div .gridrow.fullwidth > *:nth-child(1n+1) {
  width: 100% !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .verhuisdetail > div .gridrow.fullwidth > *:nth-child(1n+1) {
    width: 100% !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .verhuisdetail > div .gridrow.fullwidth > *:nth-child(1n+1) {
    width: 100% !important;
  }
}
.verhuisdetail > div .gridrow.fullwidth .column .cell {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  grid-gap: 1rem;
}
.verhuisdetail > div .gridrow.fullwidth .column .cell > *:nth-child(2n+1) {
  width: 100% !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .verhuisdetail > div .gridrow.fullwidth .column .cell > *:nth-child(2n+1) {
    width: 100% !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .verhuisdetail > div .gridrow.fullwidth .column .cell > *:nth-child(2n+1) {
    width: 100% !important;
  }
}
.verhuisdetail > div .gridrow.fullwidth .column .cell > *:nth-child(2n+2) {
  width: 100% !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .verhuisdetail > div .gridrow.fullwidth .column .cell > *:nth-child(2n+2) {
    width: 100% !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .verhuisdetail > div .gridrow.fullwidth .column .cell > *:nth-child(2n+2) {
    width: 100% !important;
  }
}
.verhuisdetail > div .gridrow .column .header, .verhuisdetail > div .gridrow .column .cell {
  margin-bottom: 15px;
}
.verhuisdetail > div .gridrow .column .header .radioBtns, .verhuisdetail > div .gridrow .column .cell .radioBtns {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  gap: 1rem;
}
.verhuisdetail > div .gridrow .column .header {
  border-bottom: 1px solid #B4B4B4;
}
@media (min-width: 0px) and (max-width: 788px) {
  .verhuisdetail > div .gridrow .column .header {
    margin-top: 15px;
  }
}
.verhuisdetail > div .gridrow .column .header.center {
  display: flex;
  justify-content: center;
}
.verhuisdetail > div .gridrow .column .header.noline {
  border-bottom: unset;
  font-size: 22px !important;
}
.verhuisdetail > div .gridrow .column .header.hideonphone {
  display: none;
}
.verhuisdetail > div .gridrow .column .cell {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  grid-gap: 0rem;
  align-items: center;
}
.verhuisdetail > div .gridrow .column .cell > *:nth-child(2n+1) {
  width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .verhuisdetail > div .gridrow .column .cell > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .verhuisdetail > div .gridrow .column .cell > *:nth-child(2n+1) {
    width: calc(calc(calc(100% / 12) * 4) - 0rem) !important;
  }
}
.verhuisdetail > div .gridrow .column .cell > *:nth-child(2n+2) {
  width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .verhuisdetail > div .gridrow .column .cell > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .verhuisdetail > div .gridrow .column .cell > *:nth-child(2n+2) {
    width: calc(calc(calc(100% / 12) * 8) - 0rem) !important;
  }
}
.verhuisdetail > div .gridrow .column .cell.alignstart {
  align-items: start;
}

body {
  background-color: white;
}

.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: white;
  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: white;
  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: white;
  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: white;
  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: white;
  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;
}
@media (min-width: 0px) and (max-width: 788px) {
  .herobox {
    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: white;
}
.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: white;
}
@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: white !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;
  }
}

body {
  background: blue;
}