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

.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(0,0%,100%,.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:.6}.flickity-button:disabled{opacity:.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:.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(.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;
  }
}
/* nerko-one-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nerko One";
  font-style: normal;
  font-weight: 400;
  src: url("../webfonts/nerko-one-v16-latin-regular.woff2") format("woff2");
}
/* red-hat-display-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Red Hat Display";
  font-style: normal;
  font-weight: 300;
  src: url("../webfonts/red-hat-display-v19-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* red-hat-display-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Red Hat Display";
  font-style: italic;
  font-weight: 300;
  src: url("../webfonts/red-hat-display-v19-latin-300italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* red-hat-display-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Red Hat Display";
  font-style: normal;
  font-weight: 400;
  src: url("../webfonts/red-hat-display-v19-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* red-hat-display-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Red Hat Display";
  font-style: italic;
  font-weight: 400;
  src: url("../webfonts/red-hat-display-v19-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* red-hat-display-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Red Hat Display";
  font-style: normal;
  font-weight: 500;
  src: url("../webfonts/red-hat-display-v19-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* red-hat-display-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Red Hat Display";
  font-style: italic;
  font-weight: 500;
  src: url("../webfonts/red-hat-display-v19-latin-500italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* red-hat-display-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Red Hat Display";
  font-style: normal;
  font-weight: 600;
  src: url("../webfonts/red-hat-display-v19-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* red-hat-display-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Red Hat Display";
  font-style: italic;
  font-weight: 600;
  src: url("../webfonts/red-hat-display-v19-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* red-hat-display-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Red Hat Display";
  font-style: normal;
  font-weight: 700;
  src: url("../webfonts/red-hat-display-v19-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* red-hat-display-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Red Hat Display";
  font-style: italic;
  font-weight: 700;
  src: url("../webfonts/red-hat-display-v19-latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* red-hat-display-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Red Hat Display";
  font-style: normal;
  font-weight: 800;
  src: url("../webfonts/red-hat-display-v19-latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* red-hat-display-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Red Hat Display";
  font-style: italic;
  font-weight: 800;
  src: url("../webfonts/red-hat-display-v19-latin-800italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* red-hat-display-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Red Hat Display";
  font-style: normal;
  font-weight: 900;
  src: url("../webfonts/red-hat-display-v19-latin-900.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* red-hat-display-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Red Hat Display";
  font-style: italic;
  font-weight: 900;
  src: url("../webfonts/red-hat-display-v19-latin-900italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
:root {
  --grid-margin: 1.25rem;
  --grid-padding: 1.25rem;
}

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

* {
  margin: 0;
  padding: 0;
}

::selection {
  background-color: #FAC11A;
  color: #101112;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 19px;
  color: black;
  overflow-x: hidden;
  /*background-color: $cGreyLight !important;*/
  font-family: "Red Hat Display", Verdana, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1 {
  font-size: 96px !important;
  line-height: 120px !important;
  font-weight: 400 !important;
  margin-bottom: 20px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  h1 {
    font-size: calc(96px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  h1 {
    font-size: calc(96px * 0.6) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  h1 {
    line-height: calc(120px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  h1 {
    line-height: calc(120px * 0.6) !important;
  }
}

h1, h2, h3 {
  font-family: "Nerko One", Comic Sans MS, sans-serif;
}

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

h2 {
  font-size: 72px !important;
  line-height: 72px !important;
  font-weight: 400;
  margin-bottom: 20px;
  position: relative;
  z-index: 0;
}
@media (min-width: 788px) and (max-width: 1300px) {
  h2 {
    font-size: calc(72px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  h2 {
    font-size: calc(72px * 0.6) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  h2 {
    line-height: calc(72px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  h2 {
    line-height: calc(72px * 0.6) !important;
  }
}
h2.headerIconC {
  text-align: center;
}
h2.headerIconC i {
  z-index: -1;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.08;
  font-size: 90px;
}

h3 {
  margin-bottom: 15px;
  font-size: 48px !important;
  font-weight: 600;
  line-height: 42px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  h3 {
    font-size: calc(48px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  h3 {
    font-size: calc(48px * 0.6) !important;
  }
}
h3.UPPERwhite {
  text-transform: uppercase;
}

p, .formrow .labels label.sub {
  font-family: "Red Hat Display", Verdana, sans-serif;
  font-size: 19px;
  line-height: 30px !important;
  /*font-weight: $fwS;*/
}
@media (min-width: 788px) and (max-width: 1300px) {
  p, .formrow .labels label.sub {
    font-size: 19px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  p, .formrow .labels label.sub {
    font-size: 19px !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  p, .formrow .labels label.sub {
    line-height: calc(30px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  p, .formrow .labels label.sub {
    line-height: calc(30px * 0.8) !important;
  }
}

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

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

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

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

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

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

.tRight {
  text-align: right;
}

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

.tCenter {
  text-align: center;
}

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

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

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

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

.italic {
  font-style: italic;
}

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

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

.ctxtWhite {
  color: #fff;
}

.cBlack {
  color: #fff;
}

.bgcBlack {
  background-color: black;
}

.bgcWhite {
  background-color: #fff;
}

.bgcLightGray {
  background-color: #F6F7F8;
}

.bgcDesignBlack {
  background-color: #101112;
}

.bgcYellow {
  background-color: #FAC11A;
}

.bgcBlue {
  background-color: #4BA5FF;
}

.bgcCyanContent {
  background-color: #41CEE5;
}

.bgcIndigoContent {
  background-color: #4141E5;
}

.bgcPinkContent {
  background-color: #EA91AD;
}

.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 white;
}
.boxedtable table::-webkit-scrollbar {
  width: 10px;
  height: 4px;
  background-color: white;
}
.boxedtable table::-webkit-scrollbar-thumb {
  background: #aaa;
}
.boxedtable table thead {
  background-color: #f6f6f6 !important;
  color: grey !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 white;
}
.dataTables_scrollBody::-webkit-scrollbar {
  width: 10px;
  height: 4px;
  background-color: white;
}
.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: #0094ff !important;
  color: white !important;
  border-color: #0094ff !important;
  border-radius: 0.6rem !important;
}
body .dataTables_wrapper .bottom .paginate_button.current:hover {
  background-color: #0076cc !important;
  color: white !important;
  border-color: #0076cc !important;
}
body .dataTables_wrapper .bottom .paginate_button:not(.current):hover {
  background-color: unset !important;
  background-image: unset !important;
  border: 1px solid transparent !important;
  border-top-color: transparent;
  border-top-style: solid;
  border-top-width: 1px;
  border-right-color: transparent;
  border-right-style: solid;
  border-right-width: 1px;
  border-bottom-color: transparent;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: transparent;
  border-left-style: solid;
  border-left-width: 1px;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  border-radius: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  color: #cccccc !important;
}
body .dataTables_wrapper .columnWidth_add {
  min-width: 400px;
}
@media (min-width: 0px) and (max-width: 788px) {
  body .dataTables_wrapper .columnWidth_add {
    min-width: 350px;
  }
}
body .dataTables_wrapper .columnWidth_add2 {
  min-width: 250px;
}
@media (min-width: 0px) and (max-width: 788px) {
  body .dataTables_wrapper .columnWidth_add2 {
    min-width: 150px;
  }
}

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

button {
  font-family: "Nerko One", Comic Sans MS, sans-serif;
  padding: 4px 12px;
  position: relative;
  text-align: center;
  background-color: #FAC11A;
  font-size: 48px !important;
  border: unset;
  color: #101112;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  transform-style: preserve-3d;
  transition: all 0.3s;
}
@media (min-width: 788px) and (max-width: 1300px) {
  button {
    font-size: calc(48px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  button {
    font-size: calc(48px * 0.8) !important;
  }
}
button:hover {
  background-color: #fcd565;
}
button:hover::before {
  transform: rotate(-3deg) translateZ(-1px);
}
button.whatsapp {
  background-color: #101112 !important;
  width: 70px;
  height: 70px;
}
button.whatsapp i {
  color: white;
}
button:active {
  background-color: #dca505;
}
button:active::before {
  transform: rotate(0deg) translateZ(-1px);
}
button::before {
  content: "";
  background-color: #4BA5FF;
  position: absolute;
  width: 98%;
  height: 98%;
  z-index: -1;
  transition: all 0.3s;
  bottom: -4px;
  right: -4px;
  transform: rotate(0deg) translateZ(-4px);
}
button.IconBF, button .IconAF {
  padding: calc(4px*1) calc(12px*2);
}
button.IconBF {
  text-align: right !important;
}
button.IconBF i {
  vertical-align: middle !important;
  margin-right: 15px !important;
}
@media (min-width: 0px) and (max-width: 1300px) {
  button.IconBF i {
    margin-right: calc(20px / 2) !important;
  }
}
button.IconAF {
  text-align: left !important;
}
button.IconAF i {
  margin-left: 15px !important;
}
@media (min-width: 0px) and (max-width: 1300px) {
  button.IconAF i {
    margin-left: calc(32px / 2) !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: gray;
  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: 50px;
  }
  figure figcaption div:first-of-type span {
    display: block;
    font-size: 50px;
  }
}

@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: #101112;
  display: block;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
  height: 50px !important;
  font-weight: 400;
  line-height: 22px;
  outline: none;
  font-size: 19px;
  font-family: "Red Hat Display", Verdana, sans-serif;
  padding-left: 15px;
  min-width: 1px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.inputbox::placeholder, textarea::placeholder, input:not([type=radio])::placeholder {
  color: grey;
}
.inputbox:focus, textarea:focus, input:focus:not([type=radio]) {
  border-color: #0094ff;
  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: #424242;
  opacity: 1;
}

textarea {
  resize: none;
  line-height: 25px;
  height: 128px !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 black;
  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: blue;
  color: white;
}
.togglebox input[type=checkbox] {
  display: none;
}
.togglebox input[type=checkbox]:checked + label .ja {
  background: blue;
  color: white;
}
.togglebox input[type=checkbox]:checked + label .nee {
  background: white;
  color: inherit;
}

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

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

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

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

.tooltippy {
  background-color: #0094ff !important;
  padding: 0.001em 6px;
  border-radius: 50% !important;
  margin-right: 10px !important;
  margin-left: 10px !important;
  font-size: 19px !important;
  text-align: center !important;
  color: #8f8f8f !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: #4db4ff !important;
}

.tippy-box[data-theme~=ANtooltip] {
  background-color: #0094ff;
  color: #a8a8a8;
  padding: 2px 4px;
}

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

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

.pointer {
  cursor: pointer;
}

select {
  width: 100% !important;
}

.select2-selection {
  font-size: 50px;
  font-family: "Red Hat Display", Verdana, sans-serif;
  height: 32px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 32px !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: 32px !important;
}

.select2-container .select2-selection--single {
  height: 32px !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: #424242 !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: 21.3333333333px;
  vertical-align: middle;
  cursor: pointer;
}
@media (min-width: 0px) and (max-width: 788px) {
  label {
    padding: unset !important;
    padding-left: 0 !important;
  }
}

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

.inputIconBF i {
  border-right: unset !important;
}

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

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

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

.note1::before {
  content: url(/images/icons/MusicalNote_1.svg);
  position: absolute;
  z-index: -1;
  opacity: 0.2;
  width: 55px;
  height: 65px;
  top: 0px;
  right: -10px;
}
@media (min-width: 0px) and (max-width: 788px) {
  .note1::before {
    transform: scale(0.8);
  }
}

.note2::before {
  content: url(/images/icons/MusicalNote_2.svg);
  position: absolute;
  z-index: -1;
  opacity: 0.2;
  width: 65px;
  height: 72px;
  top: 0px;
  right: -10px;
}
@media (min-width: 0px) and (max-width: 788px) {
  .note2::before {
    transform: scale(0.8);
  }
}

.note3::before {
  content: url(/images/icons/MusicalNote_3.svg);
  position: absolute;
  z-index: -1;
  opacity: 0.2;
  width: 122px;
  height: 64px;
  top: 0px;
  right: -10px;
}
@media (min-width: 0px) and (max-width: 788px) {
  .note3::before {
    transform: scale(0.8);
  }
}

.note4::before {
  content: url(/images/icons/MusicalNote_4.svg);
  position: absolute;
  z-index: -1;
  opacity: 0.2;
  width: 72px;
  height: 72px;
  top: 0px;
  right: -10px;
}
@media (min-width: 0px) and (max-width: 788px) {
  .note4::before {
    transform: scale(0.8);
  }
}

a {
  color: #FAC11A;
  font-size: 19px;
  font-size: 700 !important;
  text-decoration: none;
  cursor: pointer;
}
@media (min-width: 788px) and (max-width: 1300px) {
  a {
    font-size: calc(700 * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  a {
    font-size: calc(700 * 0.8) !important;
  }
}
a:hover {
  color: #785a03;
}
a.pink {
  color: pink;
}
a.pink:hover {
  color: #ff5a77;
}
a.greyDark {
  color: white;
}
a.greyDark:hover {
  color: #cccccc;
}
a.grey {
  color: grey;
}
a.grey:hover {
  color: #4d4d4d;
}
a.white {
  color: white;
}
a.white:hover {
  color: #e6e6e6;
}
a.small {
  font-size: 19px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  a.small {
    font-size: calc(19px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  a.small {
    font-size: calc(19px * 0.8) !important;
  }
}
a.nobold {
  font-weight: 500;
}
a.modest, a.IconAF, a.IconBF {
  text-decoration: none !important;
}
a.IconBF i {
  margin-right: 10px !important;
}
a.IconAF i {
  margin-left: 10px !important;
}
a.IconAF.modest i::before, a.IconAF i::before {
  color: grey !important;
}
a:not(:last-child) {
  margin-right: 42px;
}

.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: grey;
}
.breadcrumbs li:last-of-type::after {
  display: none !important;
}
.breadcrumbs li a {
  font-size: 50px;
  text-decoration: none;
  color: #FAC11A;
}
.breadcrumbs li a:hover {
  color: #fcd565;
}

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

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

.verticalChecklist, .verticalDoubleChecklist 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 {
  position: relative;
  background-color: #101112;
  color: #F6F7F8;
  border-radius: 0.6rem;
  margin-top: 15px !important;
  margin-bottom: 20px;
  box-shadow: rgba(16, 17, 18, 0.4) 2px 2px 9px;
}
@media (min-width: 0px) and (max-width: 788px) {
  .box.boxNoRadius_p, .boxNoRadius_p.notificationbox, .boxNoRadius_p.boxedtable {
    border-radius: 0;
  }
}
.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 .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;
}
.box.informationIcon p, .informationIcon.notificationbox p, .informationIcon.boxedtable p, .box.informationIcon .formrow .labels label.sub, .informationIcon.notificationbox .formrow .labels label.sub, .formrow .labels .box.informationIcon label.sub, .formrow .labels .informationIcon.notificationbox label.sub, .informationIcon.boxedtable .formrow .labels label.sub, .formrow .labels .informationIcon.boxedtable label.sub {
  position: relative;
  padding-left: 64px;
}
.box.informationIcon p:before, .informationIcon.notificationbox p:before, .informationIcon.boxedtable p:before, .box.informationIcon .formrow .labels label.sub:before, .informationIcon.notificationbox .formrow .labels label.sub:before, .formrow .labels .box.informationIcon label.sub:before, .formrow .labels .informationIcon.notificationbox label.sub:before, .informationIcon.boxedtable .formrow .labels label.sub:before, .formrow .labels .informationIcon.boxedtable label.sub:before {
  font-family: "Font Awesome 5 Free";
  content: "\f05a";
  display: inline-block;
  padding-right: 10px;
  vertical-align: middle;
  font-weight: 900;
}
.box.informationIcon p::before, .informationIcon.notificationbox p::before, .informationIcon.boxedtable p::before, .box.informationIcon .formrow .labels label.sub::before, .informationIcon.notificationbox .formrow .labels label.sub::before, .formrow .labels .box.informationIcon label.sub::before, .formrow .labels .informationIcon.notificationbox label.sub::before, .informationIcon.boxedtable .formrow .labels label.sub::before, .formrow .labels .informationIcon.boxedtable label.sub::before {
  font-size: 36px;
  color: #4BA5FF;
  position: absolute;
  left: 15px;
}

.notificationbox {
  color: white;
  background-color: #0094ff;
  border: 1px solid blue;
  border-radius: 0.6rem;
  position: relative;
}
.notificationbox strong {
  /* @extend .subheader;*/
  display: block;
  margin-bottom: 10px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .notificationbox strong {
    margin-bottom: calc(10px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .notificationbox strong {
    margin-bottom: calc(10px * 0.8) !important;
  }
}
.notificationbox .box_body {
  padding-top: unset !important;
}
.notificationbox button {
  margin-top: 20px;
}
.notificationbox:not(.pink) button {
  /*  @extend .greyed;*/
}
.notificationbox.pink {
  background-color: pink;
  border: 1px solid pink;
}
.notificationbox.arrow:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 11px solid transparent;
  border-right: 0;
  border-left-color: #0094ff;
}
@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: #0094ff;
}
@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: #0094ff;
}
.notificationbox.arrow.left:before {
  left: -1px;
  top: 15%;
  border-left: 0;
  margin-top: -12px;
  margin-left: -11px;
  border-right-color: #0094ff;
}
.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: pink !important;
}
.notificationbox.arrow.pink:before {
  border-left-color: pink !important;
}
.notificationbox.arrow.pink.left:after {
  border-right-color: pink !important;
}
.notificationbox.arrow.pink.left:before {
  border-right-color: pink !important;
}

main > section, .mainsection {
  z-index: 0;
  background-color: white;
  position: relative;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  main > section, .mainsection {
    padding-top: calc(0 * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  main > section, .mainsection {
    padding-top: calc(0 * 0.6) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  main > section, .mainsection {
    padding-bottom: calc(0 * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  main > section, .mainsection {
    padding-bottom: calc(0 * 0.6) !important;
  }
}
main > section.secAlt, .mainsection.secAlt {
  background-color: #F6F7F8 !important;
}
main > section.secWhite, .mainsection.secWhite {
  background-color: white !important;
}
main > section > *, .mainsection > * {
  margin: auto;
  max-width: 1600px;
}

a {
  margin-right: 0 !important;
}

button.btnWhatsapp {
  padding-top: 5px;
  position: fixed;
  bottom: 72px;
  right: 64px;
  z-index: 9000;
}
button.btnWhatsapp img {
  width: 30px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  button.btnWhatsapp img {
    width: calc(30px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  button.btnWhatsapp img {
    width: calc(30px * 0.8) !important;
  }
}

footer {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: space-between;
  background-color: #101112;
  padding: 32px 100px;
}
@media (min-width: 0px) and (max-width: 788px) {
  footer {
    padding: 32px;
    flex-direction: column;
  }
}
footer a {
  margin-right: 20px !important;
}
@media (min-width: 0px) and (max-width: 788px) {
  footer a {
    display: block;
    margin-bottom: 15px;
  }
}
footer p, footer .formrow .labels label.sub, .formrow .labels footer label.sub {
  color: #F6F7F8;
  font-size: 15px;
}

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: 42px 42px 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 120px 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;
  font-size: 1.5em !important;
  font-weight: bold !important;
  line-height: normal !important;
}
.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: #424242;
}

.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: #424242 !important;
}

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

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

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

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

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

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

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

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

.col_6 {
  width: 48% !important;
}

.col_5 {
  width: 42% !important;
}

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

.colorboxBig {
  width: 212px;
  height: 212px;
  border-radius: 19px;
  box-shadow: 5px 5px 27px rgba(0, 0, 0, 0.3);
}
.colorboxBig p, .colorboxBig .formrow .labels label.sub, .formrow .labels .colorboxBig label.sub {
  padding: 10px;
  color: white;
}
.colorboxBig p.alt, .colorboxBig .formrow .labels label.alt.sub, .formrow .labels .colorboxBig label.alt.sub {
  color: #0094ff !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: 15px !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(15px * 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(15px * 0.6) !important;
  }
}
.colorboxSmall p.alt, .colorboxSmall .formrow .labels label.alt.sub, .formrow .labels .colorboxSmall label.alt.sub {
  color: black;
}

.colorspanbox {
  padding: 10px;
}

.cspAltered {
  background-color: black;
}

.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 white;
}
.scrollbarExample::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: white;
}
.scrollbarExample::-webkit-scrollbar-thumb {
  background: blue;
}

.functionsAlgemeen.basecolors {
  border-style: solid;
  width: fit-content;
  background-color: pink !important;
  color: white !important;
  border-color: pink !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;
  }
}

.hero {
  height: 100vh;
  background: url("/images/herobox/header_image.png") no-repeat top center;
  background-size: cover;
  display: flex;
  align-items: flex-end;
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero {
    background: none;
    background-size: unset;
    background-color: #fbba3a !important;
    height: unset;
    padding-bottom: 20px !important;
  }
}
.hero > * {
  padding-bottom: 0px !important;
}
.hero .content {
  width: 70%;
  margin-left: 100px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .hero .content {
    width: 80%;
    margin-left: 20px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero .content {
    width: 100%;
    margin-left: unset;
    padding: 0px 10px;
  }
}
.hero .content .logowrap {
  padding-left: 30px;
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero .content .logowrap {
    margin-top: 20px;
    text-align: center;
  }
}
.hero .content .logowrap .logo {
  width: 340px;
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero .content .logowrap .logo {
    width: 70vw;
  }
}
.hero .content h2 {
  width: 75%;
  font-size: 56px !important;
  line-height: 72px !important;
  margin-top: 10px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .hero .content h2 {
    font-size: calc(56px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero .content h2 {
    font-size: calc(56px * 0.6) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .hero .content h2 {
    line-height: calc(72px * 0.7) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero .content h2 {
    line-height: calc(72px * 0.5) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero .content h2 {
    width: 100% !important;
    margin-top: 15px !important;
  }
}
.hero .content h2 .svgswoosh {
  display: inline-block;
  background: url("/images/herobox/pencilbrush.svg") no-repeat center center;
  background-size: cover;
  background-position: center;
  padding: 0px 16px;
}
.hero .content p, .hero .content .formrow .labels label.sub, .formrow .labels .hero .content label.sub {
  width: 70%;
  font-size: 24px !important;
  line-height: 36px !important;
  margin-bottom: 20px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .hero .content p, .hero .content .formrow .labels label.sub, .formrow .labels .hero .content label.sub {
    font-size: calc(24px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero .content p, .hero .content .formrow .labels label.sub, .formrow .labels .hero .content label.sub {
    font-size: calc(24px * 0.8) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .hero .content p, .hero .content .formrow .labels label.sub, .formrow .labels .hero .content label.sub {
    line-height: calc(36px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero .content p, .hero .content .formrow .labels label.sub, .formrow .labels .hero .content label.sub {
    line-height: calc(36px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero .content p, .hero .content .formrow .labels label.sub, .formrow .labels .hero .content label.sub {
    width: 100% !important;
  }
}
.hero .content .iconwrap {
  width: 70%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero .content .iconwrap {
    width: 100% !important;
  }
}
.hero .content .iconwrap .shevronicon {
  width: 48px !important;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .hero .content .iconwrap .shevronicon {
    width: calc(48px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero .content .iconwrap .shevronicon {
    width: calc(48px * 0.6) !important;
  }
}
.hero .content .phoneman {
  display: none;
}
@media (min-width: 0px) and (max-width: 788px) {
  .hero .content .phoneman {
    display: block;
    width: 100%;
  }
}

.contentBlock {
  background-color: #F6F7F8;
  overflow: hidden;
}
.contentBlock > div {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  grid-gap: 0px;
}
@media (min-width: 1300px) {
  .contentBlock > div > * {
    width: calc((100% / 2) - (0px * calc(2 - 1) / 2));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .contentBlock > div > * {
    width: 100%;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .contentBlock > div > * {
    width: 100%;
  }
}
.contentBlock > div:nth-child(2n+1) > div:last-child::after {
  display: none;
}
.contentBlock > div:nth-child(2n) {
  flex-direction: row-reverse;
}
.contentBlock > div:nth-child(2n) > div:last-child::before {
  display: none;
}
.contentBlock > div > div {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 60vh;
  padding-left: 75px;
  padding-right: 75px;
  padding-top: 75px;
  padding-bottom: 75px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .contentBlock > div > div {
    padding-left: 40px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .contentBlock > div > div {
    padding-left: 15px !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .contentBlock > div > div {
    padding-right: 40px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .contentBlock > div > div {
    padding-right: 15px !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .contentBlock > div > div {
    padding-top: 60px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .contentBlock > div > div {
    padding-top: 30px !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .contentBlock > div > div {
    padding-bottom: 60px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .contentBlock > div > div {
    padding-bottom: 30px !important;
  }
}
@media (min-width: 0px) and (max-width: 1300px) {
  .contentBlock > div > div {
    min-height: unset;
  }
}
.contentBlock > div > div:last-child {
  position: relative;
}
.contentBlock > div > div:last-child > iframe {
  aspect-ratio: 16/9;
}
.contentBlock > div > div:last-child::before, .contentBlock > div > div:last-child::after {
  content: "";
  position: absolute;
  width: 32px;
  height: 100%;
  mask: url("/images/ContentBox_RoundedCorner.svg") no-repeat 100% 100%;
  background-color: inherit;
  z-index: 0;
}
.contentBlock > div > div:last-child::before {
  left: -31px;
}
.contentBlock > div > div:last-child::after {
  right: -31px;
  transform: rotate(180deg);
}

.contactCTABox > div {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  grid-gap: 0px;
}
@media (min-width: 1300px) {
  .contactCTABox > div > * {
    width: calc((100% / 2) - (0px * calc(2 - 1) / 2));
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .contactCTABox > div > * {
    width: 100%;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .contactCTABox > div > * {
    width: 100%;
  }
}
.contactCTABox > div > div {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 75px;
  padding-right: 75px;
  padding-top: 75px;
  padding-bottom: 75px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .contactCTABox > div > div {
    padding-left: 40px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .contactCTABox > div > div {
    padding-left: 15px !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .contactCTABox > div > div {
    padding-right: 40px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .contactCTABox > div > div {
    padding-right: 15px !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .contactCTABox > div > div {
    padding-top: 60px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .contactCTABox > div > div {
    padding-top: 30px !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .contactCTABox > div > div {
    padding-bottom: 60px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .contactCTABox > div > div {
    padding-bottom: 30px !important;
  }
}
@media (min-width: 0px) and (max-width: 1300px) {
  .contactCTABox > div > div:first-child {
    padding-bottom: 0 !important;
  }
  .contactCTABox > div > div:last-child {
    padding-top: 0 !important;
  }
}
.contactCTABox ul li {
  list-style: none;
}
.contactCTABox ul li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  display: inline-block;
  padding-right: 10px;
  vertical-align: middle;
  font-weight: 900;
}
.contactCTABox .contactForm {
  background-color: #101112;
  padding: 32px 20px;
  color: #F6F7F8;
}
.contactCTABox .contactForm h1, .contactCTABox .contactForm h2, .contactCTABox .contactForm h3 {
  color: #FAC11A;
}
.contactCTABox .contactForm span {
  display: block;
  font-size: 24px;
  margin-top: 20px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .contactCTABox .contactForm span {
    margin-top: calc(20px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .contactCTABox .contactForm span {
    margin-top: calc(20px * 0.6) !important;
  }
}
.contactCTABox .contactForm label {
  display: block;
  margin-top: 20px !important;
  font-size: 19px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .contactCTABox .contactForm label {
    margin-top: calc(20px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .contactCTABox .contactForm label {
    margin-top: calc(20px * 0.6) !important;
  }
}
.contactCTABox .contactForm .captcha {
  margin-bottom: 32px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .contactCTABox .contactForm .captcha {
    margin-bottom: calc(32px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .contactCTABox .contactForm .captcha {
    margin-bottom: calc(32px * 0.8) !important;
  }
}
.contactCTABox .contactForm .captcha .input-validation-error {
  background-color: unset !important;
  color: #FAC11A !important;
}

.testimonials {
  padding-top: 75px;
  padding-bottom: 75px;
  /* arrow color */
  /* white circles */
  /* fill-in selected dot */
}
@media (min-width: 788px) and (max-width: 1300px) {
  .testimonials {
    padding-top: 60px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .testimonials {
    padding-top: 30px !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .testimonials {
    padding-bottom: 60px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .testimonials {
    padding-bottom: 30px !important;
  }
}
.testimonials h2 {
  margin-bottom: unset !important;
}
.testimonials .carousel-cell {
  width: 33%;
  min-width: 500px;
  height: 650px;
  margin-right: 10px;
}
@media (min-width: 0px) and (max-width: 788px) {
  .testimonials .carousel-cell {
    width: 100%;
    min-width: unset !important;
    height: 650px;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  .testimonials .carousel-cell {
    width: 70%;
    min-width: unset !important;
    height: 650px;
  }
}
.testimonials .carousel-cell .testimonials-card {
  height: 650px;
}
.testimonials .carousel-cell .testimonials-card .allignment {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.testimonials .carousel-cell .testimonials-card .allignment .quotetext {
  display: flex;
  width: 90%;
  margin-top: 10%;
  color: white;
  height: 500px;
}
@media (min-width: 0px) and (max-width: 788px) {
  .testimonials .carousel-cell .testimonials-card .allignment .quotetext {
    flex-direction: column !important;
  }
}
.testimonials .carousel-cell .testimonials-card .allignment .quotetext .quote {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="60.636" height="40.023" viewBox="0 0 81.636 57.023"><path id="quote-left-solid" d="M0,117.384A21.623,21.623,0,0,1,21.867,96h1.458a5.7,5.7,0,1,1,0,11.4H21.867a10.1,10.1,0,0,0-10.2,9.979v1.426H23.325a11.546,11.546,0,0,1,11.662,11.4v11.4a11.546,11.546,0,0,1-11.662,11.4H11.662A11.546,11.546,0,0,1,0,141.619V117.384Zm46.649,0A21.623,21.623,0,0,1,68.516,96h1.458a5.7,5.7,0,1,1,0,11.4H68.516a10.1,10.1,0,0,0-10.2,9.979v1.426H69.974a11.546,11.546,0,0,1,11.662,11.4v11.4a11.546,11.546,0,0,1-11.662,11.4H58.312a11.546,11.546,0,0,1-11.662-11.4V117.384Z" transform="translate(0 -96)" fill="rgb(16, 17, 18)" opacity="0.44" /></svg>');
  background-repeat: no-repeat;
  background-position: center;
  min-width: 80px;
  height: 100%;
  background-color: #FAC11A;
  border-radius: 25px 0px 0px 25px;
}
@media (min-width: 0px) and (max-width: 788px) {
  .testimonials .carousel-cell .testimonials-card .allignment .quotetext .quote {
    border-radius: 25px 25px 0px 0px;
    min-width: unset;
    width: 100%;
    max-height: 80px;
  }
}
.testimonials .carousel-cell .testimonials-card .allignment .quotetext .text {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding: 15px;
  height: 100%;
  background-color: #101112;
  text-align: center;
  border-radius: 0px 25px 25px 0px;
}
@media (min-width: 0px) and (max-width: 788px) {
  .testimonials .carousel-cell .testimonials-card .allignment .quotetext .text {
    border-radius: 0px 0px 25px 25px;
  }
}
.testimonials .carousel-cell .testimonials-card .allignment .quotetext .text .alttxt {
  font-size: 18px !important;
}
.testimonials .carousel-cell .testimonials-card .allignment .title {
  color: white;
}
.testimonials .carousel-cell .testimonials-card .allignment .person {
  color: white;
  margin-bottom: 10px;
}
.testimonials .carousel-cell .testimonials-card .allignment .person strong {
  font-family: "Nerko One";
  font-size: 34px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .testimonials .carousel-cell .testimonials-card .allignment .person strong {
    font-size: calc(34px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .testimonials .carousel-cell .testimonials-card .allignment .person strong {
    font-size: calc(34px * 0.8) !important;
  }
}
.testimonials .carousel-cell .testimonials-card .allignment .stars {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  margin-bottom: 10px !important;
  gap: 15px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .testimonials .carousel-cell .testimonials-card .allignment .stars {
    margin-bottom: calc(10px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .testimonials .carousel-cell .testimonials-card .allignment .stars {
    margin-bottom: calc(10px * 0.8) !important;
  }
}
.testimonials .carousel-cell .testimonials-card .allignment .stars .star {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 30 30"><path id="star-solid" d="M40.776,1.055a1.8,1.8,0,0,0-3.272,0L33.85,8.806l-8.158,1.242a1.831,1.831,0,0,0-1.46,1.271,1.926,1.926,0,0,0,.449,1.916l5.92,6.04-1.4,8.536a1.908,1.908,0,0,0,.733,1.834,1.784,1.784,0,0,0,1.92.135l7.289-4.013,7.289,4.013a1.773,1.773,0,0,0,1.92-.135,1.913,1.913,0,0,0,.733-1.834l-1.4-8.536,5.92-6.04a1.914,1.914,0,0,0,.449-1.916,1.839,1.839,0,0,0-1.46-1.271L44.429,8.806Z" transform="translate(-24.144)" fill="rgb(250, 193, 26)" /></svg>');
  background-repeat: no-repeat;
  background-position: center;
  width: 14px;
  height: 14px;
}
.testimonials .flickity-button {
  background: transparent;
  border-radius: unset !important;
  color: white;
}
.testimonials .flickity-prev-next-button, .testimonials .flickity-prev-next-button:hover {
  width: 50px;
  height: 50px;
  /* @extend .IconOnly;*/
  background-color: #FAC11A !important;
  box-shadow: unset !important;
  color: white;
}
.testimonials .flickity-prev-next-button.previous {
  top: unset !important;
  left: 40%;
  bottom: 0px;
}
@media (min-width: 0px) and (max-width: 788px) {
  .testimonials .flickity-prev-next-button.previous {
    left: 30% !important;
  }
}
.testimonials .flickity-prev-next-button.next {
  top: unset !important;
  right: 40%;
  bottom: 0px;
}
@media (min-width: 0px) and (max-width: 788px) {
  .testimonials .flickity-prev-next-button.next {
    right: 30% !important;
  }
}
.testimonials .flickity-prev-next-button::before {
  content: unset !important;
}
.testimonials o .flickity-prev-next-button:hover {
  background: #F90;
}
.testimonials .flickity-prev-next-button .arrow {
  fill: #101112;
}
.testimonials .flickity-prev-next-button.no-svg {
  color: #FAC11A;
}
.testimonials .flickity-page-dots .dt {
  width: 12px;
  height: 12px;
  opacity: 1;
  background: #FAC11A;
  border: 2px #FAC11A white;
}
.testimonials .flickity-page-dots .dot.is-selected {
  background: #FAC11A;
}

section.kaart {
  position: relative;
  padding: unset !important;
  padding-top: 115px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  section.kaart {
    padding-top: calc(115px * 0.6) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  section.kaart {
    padding-top: calc(115px * 0.4) !important;
  }
}
section.kaart > div {
  padding: unset;
  padding-top: 56px !important;
  max-width: unset;
}
@media (min-width: 788px) and (max-width: 1300px) {
  section.kaart > div {
    padding-top: calc(56px * 0.6) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  section.kaart > div {
    padding-top: calc(56px * 0.4) !important;
  }
}
section.kaart > div iframe {
  width: 100%;
  height: 70vh;
}
section.kaart .locatiebox {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 20px !important;
  position: absolute;
  left: 10px;
  background-color: white;
}
@media (min-width: 788px) and (max-width: 1300px) {
  section.kaart .locatiebox {
    padding: calc(20px * 1) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  section.kaart .locatiebox {
    padding: calc(20px * 1) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  section.kaart .locatiebox {
    position: unset;
  }
}
section.kaart .locatiebox > i {
  color: #FAC11A;
  font-size: 60px;
}
section.kaart .locatiebox > strong {
  font-size: 34px !important;
  font-family: "Nerko One";
}
@media (min-width: 788px) and (max-width: 1300px) {
  section.kaart .locatiebox > strong {
    font-size: calc(34px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  section.kaart .locatiebox > strong {
    font-size: calc(34px * 0.8) !important;
  }
}
section.kaart .locatiebox a {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  section.kaart .locatiebox a {
    margin-top: calc(20px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  section.kaart .locatiebox a {
    margin-top: calc(20px * 0.8) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  section.kaart .locatiebox a {
    margin-bottom: calc(20px * 0.8) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  section.kaart .locatiebox a {
    margin-bottom: calc(20px * 0.8) !important;
  }
}
section.kaart .locatiebox button {
  font-size: 24px !important;
}

section.aboutBox {
  padding-left: 75px;
  padding-right: 75px;
  padding-top: 75px;
  padding-bottom: 75px;
}
@media (min-width: 788px) and (max-width: 1300px) {
  section.aboutBox {
    padding-left: 40px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  section.aboutBox {
    padding-left: 15px !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  section.aboutBox {
    padding-right: 40px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  section.aboutBox {
    padding-right: 15px !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  section.aboutBox {
    padding-top: 60px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  section.aboutBox {
    padding-top: 30px !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  section.aboutBox {
    padding-bottom: 60px !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  section.aboutBox {
    padding-bottom: 30px !important;
  }
}
section.aboutBox .about {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: nowrap;
  position: relative;
  background-color: #101112;
  margin-top: 60px;
  margin-bottom: 60px;
}
section.aboutBox .about .img {
  width: 30%;
  min-width: 400px;
}
@media (min-width: 0px) and (max-width: 1300px) {
  section.aboutBox .about .img {
    display: none;
  }
}
section.aboutBox .about .img img {
  background-image: url("/images/aboutbox/Fred_Desktop.png");
  background-size: cover;
  max-height: unset !important;
  max-width: unset !important;
  width: 370px;
  height: 110%;
  position: absolute;
  bottom: 10px;
  left: 10px;
}
section.aboutBox .about .content {
  width: 70%;
  padding: 32px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  section.aboutBox .about .content {
    width: 100% !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  section.aboutBox .about .content {
    width: 100% !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  section.aboutBox .about .content {
    padding: calc(32px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  section.aboutBox .about .content {
    padding: calc(32px * 0.8) !important;
  }
}
section.aboutBox .about .content h2 {
  color: white;
  margin-bottom: 32px !important;
  line-height: 72px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  section.aboutBox .about .content h2 {
    margin-bottom: calc(32px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  section.aboutBox .about .content h2 {
    margin-bottom: calc(32px * 0.8) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  section.aboutBox .about .content h2 {
    line-height: calc(72px * 1) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  section.aboutBox .about .content h2 {
    line-height: calc(72px * 1) !important;
  }
}
section.aboutBox .about .content h2 > i {
  color: #FAC11A;
  opacity: 0.7;
}
section.aboutBox .about .content p, section.aboutBox .about .content .formrow .labels label.sub, .formrow .labels section.aboutBox .about .content label.sub {
  color: white;
  margin-bottom: 32px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  section.aboutBox .about .content p, section.aboutBox .about .content .formrow .labels label.sub, .formrow .labels section.aboutBox .about .content label.sub {
    margin-bottom: calc(32px * 0.9) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  section.aboutBox .about .content p, section.aboutBox .about .content .formrow .labels label.sub, .formrow .labels section.aboutBox .about .content label.sub {
    margin-bottom: calc(32px * 0.8) !important;
  }
}
section.aboutBox .about .content .buttons {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  gap: 15px;
}
section.aboutBox .about .content .imgAboutContainer {
  text-align: center;
  margin-top: 32px !important;
  margin-bottom: 20px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  section.aboutBox .about .content .imgAboutContainer {
    margin-top: calc(32px * 1) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  section.aboutBox .about .content .imgAboutContainer {
    margin-top: calc(32px * 1) !important;
  }
}
@media (min-width: 788px) and (max-width: 1300px) {
  section.aboutBox .about .content .imgAboutContainer {
    margin-bottom: calc(20px * 1) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  section.aboutBox .about .content .imgAboutContainer {
    margin-bottom: calc(20px * 1) !important;
  }
}
section.aboutBox .about .content .imgAboutContainer .imgAboutMobile {
  max-width: 204px !important;
  border-radius: 50%;
}
@media (min-width: 1300px) {
  section.aboutBox .about .content .imgAboutContainer .imgAboutMobile {
    display: none !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: white;
}
.modal .modalClose {
  position: absolute;
  font-size: 20px !important;
  top: 0px;
  right: 0px;
  padding: 15px !important;
  box-shadow: unset !important;
}

.modal-content {
  background-color: #101112;
  max-height: 90vh !important;
  height: 70vh;
  overflow-y: scroll;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 50px;
  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;
  }
}
.modal-content p, .modal-content .formrow .labels label.sub, .formrow .labels .modal-content label.sub {
  color: white;
  margin-bottom: 10px !important;
}
@media (min-width: 788px) and (max-width: 1300px) {
  .modal-content p, .modal-content .formrow .labels label.sub, .formrow .labels .modal-content label.sub {
    margin-bottom: calc(10px * 1) !important;
  }
}
@media (min-width: 0px) and (max-width: 788px) {
  .modal-content p, .modal-content .formrow .labels label.sub, .formrow .labels .modal-content label.sub {
    margin-bottom: calc(10px * 1) !important;
  }
}

.insta {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  gap: 30px;
  margin-top: 10px;
  margin-bottom: 100px;
}
.insta img {
  max-width: 30% !important;
  max-height: 30% !important;
}
