/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./site/app/themes/main/src/scss/acf-blocks/section-values.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.col-1 {
  width: 4.1666666667%;
  padding-left: 16px;
  padding-right: 16px;
}

.col-2 {
  width: 8.3333333333%;
  padding-left: 16px;
  padding-right: 16px;
}

.col-3 {
  width: 12.5%;
  padding-left: 16px;
  padding-right: 16px;
}

.col-4 {
  width: 16.6666666667%;
  padding-left: 16px;
  padding-right: 16px;
}

.col-5 {
  width: 20.8333333333%;
  padding-left: 16px;
  padding-right: 16px;
}

.col-6 {
  width: 25%;
  padding-left: 16px;
  padding-right: 16px;
}

.col-7 {
  width: 29.1666666667%;
  padding-left: 16px;
  padding-right: 16px;
}

.col-8 {
  width: 33.3333333333%;
  padding-left: 16px;
  padding-right: 16px;
}

.col-9 {
  width: 37.5%;
  padding-left: 16px;
  padding-right: 16px;
}

.col-10 {
  width: 41.6666666667%;
  padding-left: 16px;
  padding-right: 16px;
}

.col-11 {
  width: 45.8333333333%;
  padding-left: 16px;
  padding-right: 16px;
}

.col-12 {
  width: 50%;
  padding-left: 16px;
  padding-right: 16px;
}

.col-13 {
  width: 54.1666666667%;
  padding-left: 16px;
  padding-right: 16px;
}

.col-14 {
  width: 58.3333333333%;
  padding-left: 16px;
  padding-right: 16px;
}

.col-15 {
  width: 62.5%;
  padding-left: 16px;
  padding-right: 16px;
}

.col-16 {
  width: 66.6666666667%;
  padding-left: 16px;
  padding-right: 16px;
}

.col-17 {
  width: 70.8333333333%;
  padding-left: 16px;
  padding-right: 16px;
}

.col-18 {
  width: 75%;
  padding-left: 16px;
  padding-right: 16px;
}

.col-19 {
  width: 79.1666666667%;
  padding-left: 16px;
  padding-right: 16px;
}

.col-20 {
  width: 83.3333333333%;
  padding-left: 16px;
  padding-right: 16px;
}

.col-21 {
  width: 87.5%;
  padding-left: 16px;
  padding-right: 16px;
}

.col-22 {
  width: 91.6666666667%;
  padding-left: 16px;
  padding-right: 16px;
}

.col-23 {
  width: 95.8333333333%;
  padding-left: 16px;
  padding-right: 16px;
}

.col-24 {
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
}

.offset-0 {
  margin-left: 0%;
}

.offset-1 {
  margin-left: 4.1666666667%;
}

.offset-2 {
  margin-left: 8.3333333333%;
}

.offset-3 {
  margin-left: 12.5%;
}

.offset-4 {
  margin-left: 16.6666666667%;
}

.offset-5 {
  margin-left: 20.8333333333%;
}

.offset-6 {
  margin-left: 25%;
}

.offset-7 {
  margin-left: 29.1666666667%;
}

.offset-8 {
  margin-left: 33.3333333333%;
}

.offset-9 {
  margin-left: 37.5%;
}

.offset-10 {
  margin-left: 41.6666666667%;
}

.offset-11 {
  margin-left: 45.8333333333%;
}

.offset-12 {
  margin-left: 50%;
}

.offset-13 {
  margin-left: 54.1666666667%;
}

.offset-14 {
  margin-left: 58.3333333333%;
}

.offset-15 {
  margin-left: 62.5%;
}

.offset-16 {
  margin-left: 66.6666666667%;
}

.offset-17 {
  margin-left: 70.8333333333%;
}

.offset-18 {
  margin-left: 75%;
}

.offset-19 {
  margin-left: 79.1666666667%;
}

.offset-20 {
  margin-left: 83.3333333333%;
}

.offset-21 {
  margin-left: 87.5%;
}

.offset-22 {
  margin-left: 91.6666666667%;
}

.offset-23 {
  margin-left: 95.8333333333%;
}

@media screen and (min-width: 0) {
  .col-xs-1 {
    width: 4.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .col-xs-2 {
    width: 8.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .col-xs-3 {
    width: 12.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .col-xs-4 {
    width: 16.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .col-xs-5 {
    width: 20.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .col-xs-6 {
    width: 25%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .col-xs-7 {
    width: 29.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .col-xs-8 {
    width: 33.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .col-xs-9 {
    width: 37.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .col-xs-10 {
    width: 41.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .col-xs-11 {
    width: 45.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .col-xs-12 {
    width: 50%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .col-xs-13 {
    width: 54.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .col-xs-14 {
    width: 58.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .col-xs-15 {
    width: 62.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .col-xs-16 {
    width: 66.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .col-xs-17 {
    width: 70.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .col-xs-18 {
    width: 75%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .col-xs-19 {
    width: 79.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .col-xs-20 {
    width: 83.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .col-xs-21 {
    width: 87.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .col-xs-22 {
    width: 91.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .col-xs-23 {
    width: 95.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .col-xs-24 {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .offset-xs-0 {
    margin-left: 0%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .offset-xs-1 {
    margin-left: 4.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .offset-xs-2 {
    margin-left: 8.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .offset-xs-3 {
    margin-left: 12.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .offset-xs-4 {
    margin-left: 16.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .offset-xs-5 {
    margin-left: 20.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .offset-xs-6 {
    margin-left: 25%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .offset-xs-7 {
    margin-left: 29.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .offset-xs-8 {
    margin-left: 33.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .offset-xs-9 {
    margin-left: 37.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .offset-xs-10 {
    margin-left: 41.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .offset-xs-11 {
    margin-left: 45.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .offset-xs-12 {
    margin-left: 50%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .offset-xs-13 {
    margin-left: 54.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .offset-xs-14 {
    margin-left: 58.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .offset-xs-15 {
    margin-left: 62.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .offset-xs-16 {
    margin-left: 66.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .offset-xs-17 {
    margin-left: 70.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .offset-xs-18 {
    margin-left: 75%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .offset-xs-19 {
    margin-left: 79.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .offset-xs-20 {
    margin-left: 83.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .offset-xs-21 {
    margin-left: 87.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .offset-xs-22 {
    margin-left: 91.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 0) {
  .offset-xs-23 {
    margin-left: 95.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .col-sm-1 {
    width: 4.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .col-sm-2 {
    width: 8.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .col-sm-3 {
    width: 12.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .col-sm-4 {
    width: 16.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .col-sm-5 {
    width: 20.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .col-sm-6 {
    width: 25%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .col-sm-7 {
    width: 29.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .col-sm-8 {
    width: 33.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .col-sm-9 {
    width: 37.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .col-sm-10 {
    width: 41.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .col-sm-11 {
    width: 45.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .col-sm-12 {
    width: 50%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .col-sm-13 {
    width: 54.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .col-sm-14 {
    width: 58.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .col-sm-15 {
    width: 62.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .col-sm-16 {
    width: 66.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .col-sm-17 {
    width: 70.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .col-sm-18 {
    width: 75%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .col-sm-19 {
    width: 79.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .col-sm-20 {
    width: 83.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .col-sm-21 {
    width: 87.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .col-sm-22 {
    width: 91.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .col-sm-23 {
    width: 95.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .col-sm-24 {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .offset-sm-0 {
    margin-left: 0%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .offset-sm-1 {
    margin-left: 4.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .offset-sm-2 {
    margin-left: 8.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .offset-sm-3 {
    margin-left: 12.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .offset-sm-4 {
    margin-left: 16.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .offset-sm-5 {
    margin-left: 20.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .offset-sm-6 {
    margin-left: 25%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .offset-sm-7 {
    margin-left: 29.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .offset-sm-8 {
    margin-left: 33.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .offset-sm-9 {
    margin-left: 37.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .offset-sm-10 {
    margin-left: 41.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .offset-sm-11 {
    margin-left: 45.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .offset-sm-12 {
    margin-left: 50%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .offset-sm-13 {
    margin-left: 54.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .offset-sm-14 {
    margin-left: 58.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .offset-sm-15 {
    margin-left: 62.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .offset-sm-16 {
    margin-left: 66.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .offset-sm-17 {
    margin-left: 70.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .offset-sm-18 {
    margin-left: 75%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .offset-sm-19 {
    margin-left: 79.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .offset-sm-20 {
    margin-left: 83.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .offset-sm-21 {
    margin-left: 87.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .offset-sm-22 {
    margin-left: 91.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 576px) {
  .offset-sm-23 {
    margin-left: 95.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .col-md-1 {
    width: 4.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .col-md-2 {
    width: 8.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .col-md-3 {
    width: 12.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .col-md-4 {
    width: 16.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .col-md-5 {
    width: 20.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .col-md-6 {
    width: 25%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .col-md-7 {
    width: 29.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .col-md-8 {
    width: 33.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .col-md-9 {
    width: 37.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .col-md-10 {
    width: 41.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .col-md-11 {
    width: 45.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .col-md-12 {
    width: 50%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .col-md-13 {
    width: 54.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .col-md-14 {
    width: 58.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .col-md-15 {
    width: 62.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .col-md-16 {
    width: 66.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .col-md-17 {
    width: 70.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .col-md-18 {
    width: 75%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .col-md-19 {
    width: 79.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .col-md-20 {
    width: 83.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .col-md-21 {
    width: 87.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .col-md-22 {
    width: 91.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .col-md-23 {
    width: 95.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .col-md-24 {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .offset-md-0 {
    margin-left: 0%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .offset-md-1 {
    margin-left: 4.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .offset-md-2 {
    margin-left: 8.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .offset-md-3 {
    margin-left: 12.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .offset-md-4 {
    margin-left: 16.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .offset-md-5 {
    margin-left: 20.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .offset-md-6 {
    margin-left: 25%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .offset-md-7 {
    margin-left: 29.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .offset-md-8 {
    margin-left: 33.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .offset-md-9 {
    margin-left: 37.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .offset-md-10 {
    margin-left: 41.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .offset-md-11 {
    margin-left: 45.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .offset-md-12 {
    margin-left: 50%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .offset-md-13 {
    margin-left: 54.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .offset-md-14 {
    margin-left: 58.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .offset-md-15 {
    margin-left: 62.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .offset-md-16 {
    margin-left: 66.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .offset-md-17 {
    margin-left: 70.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .offset-md-18 {
    margin-left: 75%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .offset-md-19 {
    margin-left: 79.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .offset-md-20 {
    margin-left: 83.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .offset-md-21 {
    margin-left: 87.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .offset-md-22 {
    margin-left: 91.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .offset-md-23 {
    margin-left: 95.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .col-lg-1 {
    width: 4.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .col-lg-2 {
    width: 8.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .col-lg-3 {
    width: 12.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .col-lg-4 {
    width: 16.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .col-lg-5 {
    width: 20.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .col-lg-6 {
    width: 25%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .col-lg-7 {
    width: 29.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .col-lg-8 {
    width: 33.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .col-lg-9 {
    width: 37.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .col-lg-10 {
    width: 41.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .col-lg-11 {
    width: 45.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .col-lg-12 {
    width: 50%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .col-lg-13 {
    width: 54.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .col-lg-14 {
    width: 58.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .col-lg-15 {
    width: 62.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .col-lg-16 {
    width: 66.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .col-lg-17 {
    width: 70.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .col-lg-18 {
    width: 75%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .col-lg-19 {
    width: 79.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .col-lg-20 {
    width: 83.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .col-lg-21 {
    width: 87.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .col-lg-22 {
    width: 91.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .col-lg-23 {
    width: 95.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .col-lg-24 {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .offset-lg-0 {
    margin-left: 0%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .offset-lg-1 {
    margin-left: 4.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .offset-lg-2 {
    margin-left: 8.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .offset-lg-3 {
    margin-left: 12.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .offset-lg-4 {
    margin-left: 16.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .offset-lg-5 {
    margin-left: 20.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .offset-lg-6 {
    margin-left: 25%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .offset-lg-7 {
    margin-left: 29.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .offset-lg-8 {
    margin-left: 33.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .offset-lg-9 {
    margin-left: 37.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .offset-lg-10 {
    margin-left: 41.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .offset-lg-11 {
    margin-left: 45.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .offset-lg-12 {
    margin-left: 50%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .offset-lg-13 {
    margin-left: 54.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .offset-lg-14 {
    margin-left: 58.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .offset-lg-15 {
    margin-left: 62.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .offset-lg-16 {
    margin-left: 66.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .offset-lg-17 {
    margin-left: 70.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .offset-lg-18 {
    margin-left: 75%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .offset-lg-19 {
    margin-left: 79.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .offset-lg-20 {
    margin-left: 83.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .offset-lg-21 {
    margin-left: 87.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .offset-lg-22 {
    margin-left: 91.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 992px) {
  .offset-lg-23 {
    margin-left: 95.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .col-xl-1 {
    width: 4.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .col-xl-2 {
    width: 8.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .col-xl-3 {
    width: 12.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .col-xl-4 {
    width: 16.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .col-xl-5 {
    width: 20.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .col-xl-6 {
    width: 25%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .col-xl-7 {
    width: 29.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .col-xl-8 {
    width: 33.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .col-xl-9 {
    width: 37.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .col-xl-10 {
    width: 41.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .col-xl-11 {
    width: 45.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .col-xl-12 {
    width: 50%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .col-xl-13 {
    width: 54.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .col-xl-14 {
    width: 58.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .col-xl-15 {
    width: 62.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .col-xl-16 {
    width: 66.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .col-xl-17 {
    width: 70.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .col-xl-18 {
    width: 75%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .col-xl-19 {
    width: 79.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .col-xl-20 {
    width: 83.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .col-xl-21 {
    width: 87.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .col-xl-22 {
    width: 91.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .col-xl-23 {
    width: 95.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .col-xl-24 {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .offset-xl-0 {
    margin-left: 0%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .offset-xl-1 {
    margin-left: 4.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .offset-xl-2 {
    margin-left: 8.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .offset-xl-3 {
    margin-left: 12.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .offset-xl-4 {
    margin-left: 16.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .offset-xl-5 {
    margin-left: 20.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .offset-xl-6 {
    margin-left: 25%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .offset-xl-7 {
    margin-left: 29.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .offset-xl-8 {
    margin-left: 33.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .offset-xl-9 {
    margin-left: 37.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .offset-xl-10 {
    margin-left: 41.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .offset-xl-11 {
    margin-left: 45.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .offset-xl-12 {
    margin-left: 50%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .offset-xl-13 {
    margin-left: 54.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .offset-xl-14 {
    margin-left: 58.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .offset-xl-15 {
    margin-left: 62.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .offset-xl-16 {
    margin-left: 66.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .offset-xl-17 {
    margin-left: 70.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .offset-xl-18 {
    margin-left: 75%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .offset-xl-19 {
    margin-left: 79.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .offset-xl-20 {
    margin-left: 83.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .offset-xl-21 {
    margin-left: 87.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .offset-xl-22 {
    margin-left: 91.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .offset-xl-23 {
    margin-left: 95.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .col-xxl-1 {
    width: 4.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .col-xxl-2 {
    width: 8.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .col-xxl-3 {
    width: 12.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .col-xxl-4 {
    width: 16.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .col-xxl-5 {
    width: 20.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .col-xxl-6 {
    width: 25%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .col-xxl-7 {
    width: 29.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .col-xxl-8 {
    width: 33.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .col-xxl-9 {
    width: 37.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .col-xxl-10 {
    width: 41.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .col-xxl-11 {
    width: 45.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .col-xxl-12 {
    width: 50%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .col-xxl-13 {
    width: 54.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .col-xxl-14 {
    width: 58.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .col-xxl-15 {
    width: 62.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .col-xxl-16 {
    width: 66.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .col-xxl-17 {
    width: 70.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .col-xxl-18 {
    width: 75%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .col-xxl-19 {
    width: 79.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .col-xxl-20 {
    width: 83.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .col-xxl-21 {
    width: 87.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .col-xxl-22 {
    width: 91.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .col-xxl-23 {
    width: 95.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .col-xxl-24 {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .offset-xxl-0 {
    margin-left: 0%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .offset-xxl-1 {
    margin-left: 4.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .offset-xxl-2 {
    margin-left: 8.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .offset-xxl-3 {
    margin-left: 12.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .offset-xxl-4 {
    margin-left: 16.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .offset-xxl-5 {
    margin-left: 20.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .offset-xxl-6 {
    margin-left: 25%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .offset-xxl-7 {
    margin-left: 29.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .offset-xxl-8 {
    margin-left: 33.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .offset-xxl-9 {
    margin-left: 37.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .offset-xxl-10 {
    margin-left: 41.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .offset-xxl-11 {
    margin-left: 45.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .offset-xxl-12 {
    margin-left: 50%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .offset-xxl-13 {
    margin-left: 54.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .offset-xxl-14 {
    margin-left: 58.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .offset-xxl-15 {
    margin-left: 62.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .offset-xxl-16 {
    margin-left: 66.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .offset-xxl-17 {
    margin-left: 70.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .offset-xxl-18 {
    margin-left: 75%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .offset-xxl-19 {
    margin-left: 79.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .offset-xxl-20 {
    margin-left: 83.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .offset-xxl-21 {
    margin-left: 87.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .offset-xxl-22 {
    margin-left: 91.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1300px) {
  .offset-xxl-23 {
    margin-left: 95.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .col-undermac-1 {
    width: 4.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .col-undermac-2 {
    width: 8.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .col-undermac-3 {
    width: 12.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .col-undermac-4 {
    width: 16.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .col-undermac-5 {
    width: 20.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .col-undermac-6 {
    width: 25%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .col-undermac-7 {
    width: 29.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .col-undermac-8 {
    width: 33.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .col-undermac-9 {
    width: 37.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .col-undermac-10 {
    width: 41.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .col-undermac-11 {
    width: 45.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .col-undermac-12 {
    width: 50%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .col-undermac-13 {
    width: 54.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .col-undermac-14 {
    width: 58.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .col-undermac-15 {
    width: 62.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .col-undermac-16 {
    width: 66.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .col-undermac-17 {
    width: 70.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .col-undermac-18 {
    width: 75%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .col-undermac-19 {
    width: 79.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .col-undermac-20 {
    width: 83.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .col-undermac-21 {
    width: 87.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .col-undermac-22 {
    width: 91.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .col-undermac-23 {
    width: 95.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .col-undermac-24 {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .offset-undermac-0 {
    margin-left: 0%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .offset-undermac-1 {
    margin-left: 4.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .offset-undermac-2 {
    margin-left: 8.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .offset-undermac-3 {
    margin-left: 12.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .offset-undermac-4 {
    margin-left: 16.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .offset-undermac-5 {
    margin-left: 20.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .offset-undermac-6 {
    margin-left: 25%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .offset-undermac-7 {
    margin-left: 29.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .offset-undermac-8 {
    margin-left: 33.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .offset-undermac-9 {
    margin-left: 37.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .offset-undermac-10 {
    margin-left: 41.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .offset-undermac-11 {
    margin-left: 45.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .offset-undermac-12 {
    margin-left: 50%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .offset-undermac-13 {
    margin-left: 54.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .offset-undermac-14 {
    margin-left: 58.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .offset-undermac-15 {
    margin-left: 62.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .offset-undermac-16 {
    margin-left: 66.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .offset-undermac-17 {
    margin-left: 70.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .offset-undermac-18 {
    margin-left: 75%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .offset-undermac-19 {
    margin-left: 79.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .offset-undermac-20 {
    margin-left: 83.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .offset-undermac-21 {
    margin-left: 87.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .offset-undermac-22 {
    margin-left: 91.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1439px) {
  .offset-undermac-23 {
    margin-left: 95.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .col-mac-1 {
    width: 4.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .col-mac-2 {
    width: 8.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .col-mac-3 {
    width: 12.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .col-mac-4 {
    width: 16.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .col-mac-5 {
    width: 20.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .col-mac-6 {
    width: 25%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .col-mac-7 {
    width: 29.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .col-mac-8 {
    width: 33.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .col-mac-9 {
    width: 37.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .col-mac-10 {
    width: 41.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .col-mac-11 {
    width: 45.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .col-mac-12 {
    width: 50%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .col-mac-13 {
    width: 54.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .col-mac-14 {
    width: 58.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .col-mac-15 {
    width: 62.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .col-mac-16 {
    width: 66.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .col-mac-17 {
    width: 70.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .col-mac-18 {
    width: 75%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .col-mac-19 {
    width: 79.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .col-mac-20 {
    width: 83.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .col-mac-21 {
    width: 87.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .col-mac-22 {
    width: 91.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .col-mac-23 {
    width: 95.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .col-mac-24 {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .offset-mac-0 {
    margin-left: 0%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .offset-mac-1 {
    margin-left: 4.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .offset-mac-2 {
    margin-left: 8.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .offset-mac-3 {
    margin-left: 12.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .offset-mac-4 {
    margin-left: 16.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .offset-mac-5 {
    margin-left: 20.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .offset-mac-6 {
    margin-left: 25%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .offset-mac-7 {
    margin-left: 29.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .offset-mac-8 {
    margin-left: 33.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .offset-mac-9 {
    margin-left: 37.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .offset-mac-10 {
    margin-left: 41.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .offset-mac-11 {
    margin-left: 45.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .offset-mac-12 {
    margin-left: 50%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .offset-mac-13 {
    margin-left: 54.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .offset-mac-14 {
    margin-left: 58.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .offset-mac-15 {
    margin-left: 62.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .offset-mac-16 {
    margin-left: 66.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .offset-mac-17 {
    margin-left: 70.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .offset-mac-18 {
    margin-left: 75%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .offset-mac-19 {
    margin-left: 79.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .offset-mac-20 {
    margin-left: 83.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .offset-mac-21 {
    margin-left: 87.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .offset-mac-22 {
    margin-left: 91.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .offset-mac-23 {
    margin-left: 95.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .col-rg-1 {
    width: 4.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .col-rg-2 {
    width: 8.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .col-rg-3 {
    width: 12.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .col-rg-4 {
    width: 16.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .col-rg-5 {
    width: 20.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .col-rg-6 {
    width: 25%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .col-rg-7 {
    width: 29.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .col-rg-8 {
    width: 33.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .col-rg-9 {
    width: 37.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .col-rg-10 {
    width: 41.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .col-rg-11 {
    width: 45.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .col-rg-12 {
    width: 50%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .col-rg-13 {
    width: 54.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .col-rg-14 {
    width: 58.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .col-rg-15 {
    width: 62.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .col-rg-16 {
    width: 66.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .col-rg-17 {
    width: 70.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .col-rg-18 {
    width: 75%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .col-rg-19 {
    width: 79.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .col-rg-20 {
    width: 83.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .col-rg-21 {
    width: 87.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .col-rg-22 {
    width: 91.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .col-rg-23 {
    width: 95.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .col-rg-24 {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .offset-rg-0 {
    margin-left: 0%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .offset-rg-1 {
    margin-left: 4.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .offset-rg-2 {
    margin-left: 8.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .offset-rg-3 {
    margin-left: 12.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .offset-rg-4 {
    margin-left: 16.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .offset-rg-5 {
    margin-left: 20.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .offset-rg-6 {
    margin-left: 25%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .offset-rg-7 {
    margin-left: 29.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .offset-rg-8 {
    margin-left: 33.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .offset-rg-9 {
    margin-left: 37.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .offset-rg-10 {
    margin-left: 41.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .offset-rg-11 {
    margin-left: 45.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .offset-rg-12 {
    margin-left: 50%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .offset-rg-13 {
    margin-left: 54.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .offset-rg-14 {
    margin-left: 58.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .offset-rg-15 {
    margin-left: 62.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .offset-rg-16 {
    margin-left: 66.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .offset-rg-17 {
    margin-left: 70.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .offset-rg-18 {
    margin-left: 75%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .offset-rg-19 {
    margin-left: 79.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .offset-rg-20 {
    margin-left: 83.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .offset-rg-21 {
    margin-left: 87.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .offset-rg-22 {
    margin-left: 91.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .offset-rg-23 {
    margin-left: 95.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .col-fhd-1 {
    width: 4.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .col-fhd-2 {
    width: 8.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .col-fhd-3 {
    width: 12.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .col-fhd-4 {
    width: 16.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .col-fhd-5 {
    width: 20.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .col-fhd-6 {
    width: 25%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .col-fhd-7 {
    width: 29.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .col-fhd-8 {
    width: 33.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .col-fhd-9 {
    width: 37.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .col-fhd-10 {
    width: 41.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .col-fhd-11 {
    width: 45.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .col-fhd-12 {
    width: 50%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .col-fhd-13 {
    width: 54.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .col-fhd-14 {
    width: 58.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .col-fhd-15 {
    width: 62.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .col-fhd-16 {
    width: 66.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .col-fhd-17 {
    width: 70.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .col-fhd-18 {
    width: 75%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .col-fhd-19 {
    width: 79.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .col-fhd-20 {
    width: 83.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .col-fhd-21 {
    width: 87.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .col-fhd-22 {
    width: 91.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .col-fhd-23 {
    width: 95.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .col-fhd-24 {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .offset-fhd-0 {
    margin-left: 0%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .offset-fhd-1 {
    margin-left: 4.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .offset-fhd-2 {
    margin-left: 8.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .offset-fhd-3 {
    margin-left: 12.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .offset-fhd-4 {
    margin-left: 16.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .offset-fhd-5 {
    margin-left: 20.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .offset-fhd-6 {
    margin-left: 25%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .offset-fhd-7 {
    margin-left: 29.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .offset-fhd-8 {
    margin-left: 33.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .offset-fhd-9 {
    margin-left: 37.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .offset-fhd-10 {
    margin-left: 41.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .offset-fhd-11 {
    margin-left: 45.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .offset-fhd-12 {
    margin-left: 50%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .offset-fhd-13 {
    margin-left: 54.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .offset-fhd-14 {
    margin-left: 58.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .offset-fhd-15 {
    margin-left: 62.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .offset-fhd-16 {
    margin-left: 66.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .offset-fhd-17 {
    margin-left: 70.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .offset-fhd-18 {
    margin-left: 75%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .offset-fhd-19 {
    margin-left: 79.1666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .offset-fhd-20 {
    margin-left: 83.3333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .offset-fhd-21 {
    margin-left: 87.5%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .offset-fhd-22 {
    margin-left: 91.6666666667%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .offset-fhd-23 {
    margin-left: 95.8333333333%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
}
@media screen and (min-width: 0) {
  .container {
    max-width: 100%;
  }
}
@media screen and (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media screen and (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media screen and (min-width: 992px) {
  .container {
    max-width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .container {
    max-width: 100%;
  }
}
@media screen and (min-width: 1300px) {
  .container {
    max-width: 100%;
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -16px;
  margin-right: -16px;
}
@media screen and (max-width: 992px) {
  .row--p-0 {
    padding: 0;
  }
}
.row > * {
  padding-left: 16px;
  padding-right: 16px;
}

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

.d-flex {
  display: flex;
}

.p-relative {
  position: relative;
}

.h-100 {
  height: 100%;
}

.w-100 {
  width: 100%;
}

.align-items-center {
  align-items: center !important;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-center {
  justify-content: center;
}

.overflow-hidden {
  overflow: hidden;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.drop-shadow {
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.16);
}

/* Tutaj trzymamy wyłącznie typografię */
.link-strong,
.link-regular,
.typo-14,
.typo-11,
.typo-12,
.typo-13,
.typo-16,
.typo-17,
.typo-20,
.typo-24,
.typo-26, .typo-32-18,
.typo-32,
.typo-first-32,
.typo-40,
.typo-100,
.typo-h5,
h5, .section-values__values-list--extended .section-values__texts-side-heading,
.typo-h4,
h4,
.typo-h3,
h3,
.typo-48,
.typo-h2,
h2,
.typo-h1,
h1,
.font-primary {
  font-family: "Poppins";
}
@media screen and (max-width: 576px) {
  .link-strong,
  .link-regular,
  .typo-14,
  .typo-11,
  .typo-12,
  .typo-13,
  .typo-16,
  .typo-17,
  .typo-20,
  .typo-24,
  .typo-26, .typo-32-18,
  .typo-32,
  .typo-first-32,
  .typo-40,
  .typo-100,
  .typo-h5,
  h5, .section-values__values-list--extended .section-values__texts-side-heading,
  .typo-h4,
  h4,
  .typo-h3,
  h3,
  .typo-48,
  .typo-h2,
  h2,
  .typo-h1,
  h1,
  .font-primary {
    line-height: 1;
  }
}

.typo-h1,
h1 {
  font-size: 3.5rem;
  line-height: 4.875rem;
  color: #4E4E50;
}
@media screen and (max-width: 768px) {
  .typo-h1,
  h1 {
    font-size: 3rem;
    line-height: 4.1875rem;
  }
}

.typo-h2,
h2 {
  font-size: 2.625rem;
  line-height: 3.625rem;
  color: #4E4E50;
}
@media screen and (max-width: 768px) {
  .typo-h2,
  h2 {
    font-size: 2rem;
    line-height: 2.75rem;
  }
}

.typo-48 {
  font-size: 3rem;
  line-height: 4.1875rem;
  color: #4E4E50;
}
@media screen and (max-width: 768px) {
  .typo-48 {
    font-size: 2rem;
    line-height: 2.75rem;
  }
}

.typo-h3,
h3 {
  font-size: 2rem;
  line-height: 3rem;
  color: #232323;
}
@media screen and (max-width: 768px) {
  .typo-h3,
  h3 {
    font-size: 1.5rem;
    line-height: 2.25rem;
  }
}

.section-values__values-list--extended .section-values__texts-side-heading,
.typo-h4,
h4 {
  font-size: 1.5rem;
  line-height: 2.25rem;
  color: #232323;
}
@media screen and (max-width: 768px) {
  .section-values__values-list--extended .section-values__texts-side-heading,
  .typo-h4,
  h4 {
    font-size: 1.125rem;
    line-height: 1.6875rem;
  }
}

.typo-h5,
h5 {
  font-size: 1.25rem;
  line-height: 1.875rem;
  color: #232323;
}
@media screen and (max-width: 768px) {
  .typo-h5,
  h5 {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
  .typo-h5.-bigger,
  h5.-bigger {
    font-size: 1.125rem;
    line-height: 1.6875rem;
  }
}

.typo-100 {
  font-size: 6.25rem;
  line-height: 9.375rem;
}
@media screen and (min-width: 991.98px) and (max-width: 1700px) {
  .typo-100 {
    font-size: 4rem;
    line-height: 6rem;
  }
}
@media screen and (max-width: 768px) {
  .typo-100 {
    font-size: 2.5rem;
    line-height: 3rem;
  }
}

.typo-96 {
  font-size: 6rem;
  line-height: 9rem;
}
@media screen and (max-width: 1600px) {
  .typo-96 {
    font-size: 4.5rem;
    line-height: 5.25rem;
  }
}
@media screen and (max-width: 768px) {
  .typo-96 {
    font-size: 3.25rem;
    line-height: 4.875rem;
  }
}

.typo-64 {
  font-size: 4rem;
  line-height: 6rem;
}
@media screen and (max-width: 768px) {
  .typo-64 {
    font-size: 2rem;
    line-height: 2.75rem;
  }
}

.typo-40 {
  font-size: 2.5rem;
  line-height: 2.75rem;
}
@media screen and (max-width: 768px) {
  .typo-40 {
    font-size: 2rem;
    line-height: 2.375rem;
  }
}

.typo-first-32 {
  font-size: 2rem;
  line-height: 2rem;
}
@media screen and (max-width: 768px) {
  .typo-first-32 {
    font-size: 2rem;
    line-height: 2rem;
  }
}

.typo-32 {
  font-size: 2rem;
  line-height: 2rem;
}
@media screen and (max-width: 768px) {
  .typo-32 {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

.typo-32-18 {
  font-size: 2rem;
  line-height: 2.75rem;
}
@media screen and (max-width: 768px) {
  .typo-32-18 {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

.typo-26 {
  font-size: 1.625rem;
  line-height: 1.625rem;
}

.typo-24 {
  font-size: 1.5rem;
  line-height: 1.5rem;
}
@media screen and (max-width: 768px) {
  .typo-24 {
    font-size: 1.125rem;
    line-height: 1.6875rem;
  }
}

.typo-20 {
  font-size: 1.25rem;
  line-height: 1.5rem;
}
@media screen and (max-width: 768px) {
  .typo-20 {
    font-size: 0.875rem;
    line-height: 1.4rem;
  }
  .typo-20.-like-desktop {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
  .typo-20.-bigger {
    font-size: 1.125rem;
    line-height: 1.6875rem;
  }
}

.typo-17 {
  font-size: 1.0625rem;
  line-height: 1.5625rem;
}

.typo-16 {
  font-size: 1rem;
  line-height: 1.5rem;
}

.typo-13 {
  font-size: 0.8125rem;
  line-height: 1.1875rem;
}

.typo-12 {
  font-size: 0.75rem;
  line-height: 1.125rem;
}

.typo-11 {
  font-size: 0.6875rem;
  line-height: 1rem;
}

.link-regular,
.typo-14 {
  font-size: 0.875rem;
  line-height: 1.3125rem;
}
@media screen and (max-width: 768px) {
  .link-regular,
  .typo-14 {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
}

.link-strong {
  font-size: 1.25rem;
  line-height: 1.5625rem;
}

/*
 * Klasy pomocnicze (np. color-main, color-grey-100, bg-green-50, mb-4 etc.)
 */
.color-black {
  color: #000011;
}
.color-green {
  color: #3cbf3c;
}
.color-blue {
  color: #17a7dc;
}
.color-pink {
  color: #e40d7e;
}
.color-red {
  color: #c40d3c;
}
.color-white {
  color: #ffffff;
}
.color-grey-ultra-light {
  color: #f0f0f0;
}
.color-grey-soft-light {
  color: #c2c2c2;
}
.color-grey-light {
  color: #868686;
}
.color-grey-grey-light {
  color: #9f9f9f;
}
.color-grey-grey {
  color: #4e4e50;
}
.color-grey-dark {
  color: #232323;
}

.colorh-black:hover {
  color: #000011;
}
.colorh-green:hover {
  color: #3cbf3c;
}
.colorh-blue:hover {
  color: #17a7dc;
}
.colorh-pink:hover {
  color: #e40d7e;
}
.colorh-red:hover {
  color: #c40d3c;
}
.colorh-white:hover {
  color: #ffffff;
}
.colorh-grey-ultra-light:hover {
  color: #f0f0f0;
}
.colorh-grey-soft-light:hover {
  color: #c2c2c2;
}
.colorh-grey-light:hover {
  color: #868686;
}
.colorh-grey-grey-light:hover {
  color: #9f9f9f;
}
.colorh-grey-grey:hover {
  color: #4e4e50;
}
.colorh-grey-dark:hover {
  color: #232323;
}

.bg-black {
  background-color: #000011;
}
.bg-green {
  background-color: #3cbf3c;
}
.bg-blue {
  background-color: #17a7dc;
}
.bg-pink {
  background-color: #e40d7e;
}
.bg-red {
  background-color: #c40d3c;
}
.bg-white {
  background-color: #ffffff;
}
.bg-grey-ultra-light {
  background-color: #f0f0f0;
}
.bg-grey-soft-light {
  background-color: #c2c2c2;
}
.bg-grey-light {
  background-color: #868686;
}
.bg-grey-grey-light {
  background-color: #9f9f9f;
}
.bg-grey-grey {
  background-color: #4e4e50;
}
.bg-grey-dark {
  background-color: #232323;
}

.stroke-black path {
  stroke: #000011;
}
.stroke-green path {
  stroke: #3cbf3c;
}
.stroke-blue path {
  stroke: #17a7dc;
}
.stroke-pink path {
  stroke: #e40d7e;
}
.stroke-red path {
  stroke: #c40d3c;
}
.stroke-white path {
  stroke: #ffffff;
}
.stroke-grey-ultra-light path {
  stroke: #f0f0f0;
}
.stroke-grey-soft-light path {
  stroke: #c2c2c2;
}
.stroke-grey-light path {
  stroke: #868686;
}
.stroke-grey-grey-light path {
  stroke: #9f9f9f;
}
.stroke-grey-grey path {
  stroke: #4e4e50;
}
.stroke-grey-dark path {
  stroke: #232323;
}

.a-black a {
  color: #000011;
}
.a-green a {
  color: #3cbf3c;
}
.a-blue a {
  color: #17a7dc;
}
.a-pink a {
  color: #e40d7e;
}
.a-red a {
  color: #c40d3c;
}
.a-white a {
  color: #ffffff;
}
.a-grey-ultra-light a {
  color: #f0f0f0;
}
.a-grey-soft-light a {
  color: #c2c2c2;
}
.a-grey-light a {
  color: #868686;
}
.a-grey-grey-light a {
  color: #9f9f9f;
}
.a-grey-grey a {
  color: #4e4e50;
}
.a-grey-dark a {
  color: #232323;
}

.bgh-black:hover {
  background-color: #000011;
}
.bgh-green:hover {
  background-color: #3cbf3c;
}
.bgh-blue:hover {
  background-color: #17a7dc;
}
.bgh-pink:hover {
  background-color: #e40d7e;
}
.bgh-red:hover {
  background-color: #c40d3c;
}
.bgh-white:hover {
  background-color: #ffffff;
}
.bgh-grey-ultra-light:hover {
  background-color: #f0f0f0;
}
.bgh-grey-soft-light:hover {
  background-color: #c2c2c2;
}
.bgh-grey-light:hover {
  background-color: #868686;
}
.bgh-grey-grey-light:hover {
  background-color: #9f9f9f;
}
.bgh-grey-grey:hover {
  background-color: #4e4e50;
}
.bgh-grey-dark:hover {
  background-color: #232323;
}

.bc-black {
  border-color: #000011 !important;
}
.bc-green {
  border-color: #3cbf3c !important;
}
.bc-blue {
  border-color: #17a7dc !important;
}
.bc-pink {
  border-color: #e40d7e !important;
}
.bc-red {
  border-color: #c40d3c !important;
}
.bc-white {
  border-color: #ffffff !important;
}
.bc-grey-ultra-light {
  border-color: #f0f0f0 !important;
}
.bc-grey-soft-light {
  border-color: #c2c2c2 !important;
}
.bc-grey-light {
  border-color: #868686 !important;
}
.bc-grey-grey-light {
  border-color: #9f9f9f !important;
}
.bc-grey-grey {
  border-color: #4e4e50 !important;
}
.bc-grey-dark {
  border-color: #232323 !important;
}

.svg-black {
  stroke: #000011 !important;
}
.svg-green {
  stroke: #3cbf3c !important;
}
.svg-blue {
  stroke: #17a7dc !important;
}
.svg-pink {
  stroke: #e40d7e !important;
}
.svg-red {
  stroke: #c40d3c !important;
}
.svg-white {
  stroke: #ffffff !important;
}
.svg-grey-ultra-light {
  stroke: #f0f0f0 !important;
}
.svg-grey-soft-light {
  stroke: #c2c2c2 !important;
}
.svg-grey-light {
  stroke: #868686 !important;
}
.svg-grey-grey-light {
  stroke: #9f9f9f !important;
}
.svg-grey-grey {
  stroke: #4e4e50 !important;
}
.svg-grey-dark {
  stroke: #232323 !important;
}

.f-200 {
  font-weight: 200;
}
.f-300 {
  font-weight: 300;
}
.f-400 {
  font-weight: 400;
}
.f-500 {
  font-weight: 500;
}
.f-600 {
  font-weight: 600;
}
.f-700 {
  font-weight: 700;
}
.f-800 {
  font-weight: 800;
}
.f-900 {
  font-weight: 900;
}

@media screen and (min-width: 992px) {
  .margin-bottom-160 {
    margin-bottom: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .margin-bottom-112 {
    margin-bottom: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .margin-bottom-80 {
    margin-bottom: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .margin-bottom-64 {
    margin-bottom: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .margin-bottom-48 {
    margin-bottom: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .margin-bottom-32 {
    margin-bottom: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .margin-bottom-0 {
    margin-bottom: 0px !important;
  }
}

@media screen and (min-width: 992px) {
  .margin-top-160 {
    margin-top: 160px !important;
  }
}
@media screen and (min-width: 992px) {
  .margin-top-112 {
    margin-top: 112px !important;
  }
}
@media screen and (min-width: 992px) {
  .margin-top-80 {
    margin-top: 80px !important;
  }
}
@media screen and (min-width: 992px) {
  .margin-top-64 {
    margin-top: 64px !important;
  }
}
@media screen and (min-width: 992px) {
  .margin-top-48 {
    margin-top: 48px !important;
  }
}
@media screen and (min-width: 992px) {
  .margin-top-32 {
    margin-top: 32px !important;
  }
}
@media screen and (min-width: 992px) {
  .margin-top-0 {
    margin-top: 0px !important;
  }
}

/* Abstracts (mixins, functions, extends) */
.section-values {
  margin: 112px 0;
}
.section-values__single-value {
  margin-bottom: 48px;
  width: 50%;
  padding: 0 24px;
}
.section-values__single-value.active .section-values__value-icon {
  opacity: 1;
  right: calc((4.1666666667vh + 16px) * -1);
  visibility: visible;
}
@media screen and (max-width: 992px) {
  .section-values__single-value.-hide-mobile {
    display: none;
  }
}
.section-values__subtitle {
  margin-bottom: 16px;
  opacity: 0.66;
  color: #868686;
}
.section-values__value-image {
  max-height: 715px;
  object-fit: cover;
  width: 100%;
}
.section-values__description {
  margin-bottom: 64px;
  max-width: 33.3333333333vw;
}
.section-values__title {
  margin-bottom: 16px;
}
.section-values__sides-wrapper {
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.section-values__images-side-wrapper {
  position: relative;
}
.section-values__value-link {
  margin-top: 32px;
}
.section-values__value-icon {
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  right: calc((4.1666666667vh + 16px) * -1 - 16px);
  transition: 0.5s ease-in;
  opacity: 0;
  visibility: hidden;
}
.section-values__values-list {
  display: flex;
  flex-wrap: wrap;
}
.section-values__values-list--simple {
  margin-top: 48px;
}
.section-values__values-list--simple .section-values__value-image {
  margin-bottom: 80px;
}
.section-values__values-list--simple .section-values__value-description {
  margin-top: 24px;
}
@media screen and (max-width: 992px) {
  .section-values__values-list--extended {
    gap: 32px !important;
  }
}
.section-values__values-list--extended .section-values__value-image {
  margin-bottom: 48px;
}
.section-values__values-list--extended .section-values__value-description {
  margin-top: 14px;
}
.section-values__values-list--extended .section-values__value-icon {
  max-height: 122px;
  top: inherit;
  bottom: 0;
  transform: translateY(0);
}
.section-values__values-list--extended .section-values__single-value.active .section-values__value-icon {
  right: 16px;
}
.section-values__values-list--extended .section-values__single-value:nth-child(even) {
  transform: translateY(-20%);
}
@media screen and (max-width: 992px) {
  .section-values__values-list--extended .section-values__single-value:last-child .section-values__texts-side-wrapper {
    padding-bottom: 32px;
  }
}
.section-values__values-list--extended .section-values__texts-side-heading {
  color: #4e4e50;
}
@media screen and (max-width: 992px) {
  .section-values__values-list--extended .section-values__texts-side-heading {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
@media screen and (min-width: 992px) {
  .section-values__description {
    min-height: 80px;
  }
  .section-values__texts-wrapper--extended {
    max-width: 50%;
  }
  .section-values__value-description {
    margin-right: 48px;
  }
  .section-values__show-button {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  .section-values {
    margin: 80px 0;
  }
  .section-values.-mobile-styles {
    position: relative;
    z-index: 6;
    background-color: #f0f0f0;
    padding: 48px 0;
  }
  .section-values.-mobile-styles .section-values__title, .section-values.-mobile-styles .section-values__description {
    margin-bottom: 16px;
  }
  .section-values__description {
    max-width: 100%;
  }
  .section-values__subtitle {
    font-size: 1.125rem !important;
    line-height: 1.5rem !important;
    margin-bottom: 8px;
  }
  .section-values__title {
    margin-bottom: 48px;
  }
  .section-values__single-value {
    width: 100%;
    margin-bottom: 0;
    padding: 0;
  }
  .section-values__single-value.active .section-values__value-icon {
    right: 16px;
  }
  .section-values__images-side-wrapper {
    width: 100%;
  }
  .section-values__values-list {
    gap: 48px;
  }
  .section-values__values-list--extended .section-values__single-value:nth-child(even) {
    transform: translateY(0);
  }
  .section-values__values-list.-hide-mobile {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
  }
  .section-values__values-list.-show-mobile {
    max-height: 100000px;
    opacity: 1;
    visibility: visible;
    transition: 0.3s ease;
  }
  .section-values__value-image {
    height: 260px;
    display: block;
    margin-bottom: 0 !important;
  }
  .section-values__value-icon {
    width: 20%;
    top: auto;
    bottom: 0;
    transform: translateY(45%) !important;
  }
  .section-values__texts-side-wrapper {
    padding: 48px 0;
  }
  .section-values__texts-side-heading {
    font-size: 1.5rem;
    line-height: 2.25rem;
  }
  .section-values__value-description {
    font-size: 0.8125rem !important;
    line-height: 1.1875rem !important;
  }
  .section-values__show-button {
    border: 0;
  }
  .section-values__show-button i {
    transform: rotate(90deg);
  }
  .section-values__show-button.-hide {
    display: none;
  }
}

/*# sourceMappingURL=block-style-section-values.3ab7484f0ad9786bcb08.css.map*/