* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  line-height: 1.9em;
}

.new-section {
  padding: 0 4%;
  text-align: left;
  /* Large devices such as laptops (979px and up) */
}
@media only screen and (min-width: 979px) {
  .new-section {
    padding: 4% 4% 2% 4%;
  }
}
.new-section.bg-colored {
  background: #9DA88A;
  color: #fff;
}
.new-section.bg-light-colored {
  background: #F5F2ED;
  color: #5C4A3D;
}
.new-section.bg-light-colored .bg-c3 {
  background: #fff;
}
.new-section.has-parallax {
  position: relative;
  overflow: hidden;
  padding: 80px 4%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  color: #fff;
  /* Large devices such as laptops (979px and up) */
}
@media only screen and (min-width: 979px) {
  .new-section.has-parallax {
    padding: 120px 4%;
  }
}
@media (max-width: 1024px) {
  .new-section.has-parallax {
    background-attachment: scroll;
  }
}
.new-section.has-parallax::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  pointer-events: none;
  z-index: 0;
}
.new-section.has-parallax > .maxwidth {
  position: relative;
  z-index: 1;
}
.new-section.has-parallax h2,
.new-section.has-parallax h3,
.new-section.has-parallax h4 {
  color: #fff;
}
.new-section.has-parallax * {
  text-align: center;
  margin: 0 auto;
  padding: 0;
}

.new-section h2 {
  position: relative;
  text-align: center;
  font-size: 1.9375rem;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0.005em;
  color: #5C4A3D;
  margin: 16px 0;
}
.new-section h3 {
  font-size: 1.4375rem;
  line-height: 1.5em;
  margin: 26px 0 16px 0;
  /* Large devices such as laptops (979px and up) */
}
@media only screen and (min-width: 979px) {
  .new-section h3 {
    font-size: 1.6375rem;
  }
}

.maxwidth {
  max-width: 1440px;
  margin: 0 auto;
  padding: 2vh 0;
  /* Large devices such as laptops (979px and up) */
}
@media only screen and (min-width: 979px) {
  .maxwidth {
    padding: 2vh 80px 8vh 80px;
  }
}
.maxwidth > .inner {
  padding: 20px 15px 20px 15px;
  /* Large devices such as laptops (979px and up) */
}
@media only screen and (min-width: 979px) {
  .maxwidth > .inner {
    padding: 60px 80px 60px 80px;
  }
}
.maxwidth ul, .maxwidth ol {
  margin: 0.2em 0 1em 0;
  padding-left: 1.5em;
  text-align: left;
  max-width: unset;
  /* Large devices such as laptops (979px and up) */
}
@media only screen and (min-width: 979px) {
  .maxwidth ul, .maxwidth ol {
    max-width: 850px;
  }
}
.maxwidth p {
  margin: 1em 0;
  text-align: left;
  max-width: unset;
  /* Large devices such as laptops (979px and up) */
}
@media only screen and (min-width: 979px) {
  .maxwidth p {
    max-width: 850px;
  }
}
.maxwidth ul, .maxwidth ol {
  margin: 1em 0;
  padding-left: 1.5em;
  text-align: left;
}
.maxwidth ul li, .maxwidth ol li {
  padding: 0.25em 0;
  line-height: 1.6em;
}
.maxwidth ul li::marker, .maxwidth ol li::marker {
  color: #9DA88A;
}
.maxwidth ul ul, .maxwidth ul ol, .maxwidth ol ul, .maxwidth ol ol {
  margin: 0.4em 0;
}
.maxwidth ul {
  list-style: disc;
}
.maxwidth ol {
  list-style: decimal;
}
.maxwidth.innerpadding {
  max-width: 1280px;
  margin: 0;
  padding: 2vh 0;
  /* Large devices such as laptops (979px and up) */
}
@media only screen and (min-width: 979px) {
  .maxwidth.innerpadding {
    margin: 0 auto;
    padding: 0;
  }
}
.maxwidth.innerpadding > .inner {
  max-width: 1200px;
  padding: 24px;
  /* Large devices such as laptops (979px and up) */
}
@media only screen and (min-width: 979px) {
  .maxwidth.innerpadding > .inner {
    padding: 60px 80px 60px 80px;
  }
}
.maxwidth.innerpadding p, .maxwidth.innerpadding ul, .maxwidth.innerpadding ol {
  max-width: unset;
  /* Large devices such as laptops (979px and up) */
}
@media only screen and (min-width: 979px) {
  .maxwidth.innerpadding p, .maxwidth.innerpadding ul, .maxwidth.innerpadding ol {
    max-width: unset;
  }
}

.row {
  display: flex;
  justify-content: space-around;
  gap: 30px;
  flex-direction: column;
  /* Large devices such as laptops (979px and up) */
}
@media only screen and (min-width: 979px) {
  .row {
    flex-direction: row;
    padding: 21px 0 0 0;
  }
}
.row .col {
  width: auto;
  padding: 24px;
  /* Large devices such as laptops (979px and up) */
}
@media only screen and (min-width: 979px) {
  .row .col {
    width: 50%;
    padding: 24px;
    display: flex;
    flex-direction: column;
  }
}
.row .col.col-large {
  /* Large devices such as laptops (979px and up) */
}
@media only screen and (min-width: 979px) {
  .row .col.col-large {
    width: 100%;
  }
}
.row .col.col-txtcentered {
  justify-content: center;
}
.row .col img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.row .col p {
  margin-top: 1lh;
}
.row .col > p:first-of-type {
  margin-top: 0;
}
.row .col p > img {
  margin: 0;
}
.row .col img + div {
  /* Large devices such as laptops (979px and up) */
}
@media only screen and (min-width: 979px) {
  .row .col img + div {
    min-height: 200px;
  }
}
.row.imgbox img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin-bottom: 0 !important;
}
.row.imgbox > p:first-of-type {
  height: 100%;
  margin-top: 0;
}
.row.imgbox.two-img {
  padding: 0 0 30px 0;
  /* Large devices such as laptops (979px and up) */
}
@media only screen and (min-width: 979px) {
  .row.imgbox.two-img {
    padding: 0 0 95px 0;
  }
}
.row.imgbox.two-img .col {
  text-align: left;
  padding: 0;
  display: block;
}
.row.imgbox.two-img .col:last-of-type img {
  /* Large devices such as laptops (979px and up) */
}
@media only screen and (min-width: 979px) {
  .row.imgbox.two-img .col:last-of-type img {
    margin-top: 64px;
  }
}
.row.boxrevert {
  /* Large devices such as laptops (979px and up) */
}
@media only screen and (min-width: 979px) {
  .row.boxrevert {
    flex-direction: row-reverse;
  }
}

.mt-auto {
  margin-top: auto;
}

.mb-auto {
  margin-bottom: auto;
}

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

.no-p {
  padding: 0 !important;
}

.si-p {
  padding: 24px;
}

.m-top {
  margin-top: 24px !important;
}

.c1 {
  color: #9DA88A;
}

.c1h {
  color: #A0DD11;
}

.c2 {
  color: #5C4A3D;
}

.c3 {
  color: #707070;
}

.bg-c1 {
  background: #3D570A;
  color: #fff;
}

.bg-c1h {
  background: #F5F2ED;
  color: #5C4A3D;
}

.bg-c2 {
  background: #DFAB00;
}

.bg-c3 {
  background: #F5F5F5;
}

.bg-white {
  background: #fff;
}

.bg-c4 {
  background: #DFAB00;
}

.bg-c4h {
  background: #FFF4E6;
}

.flexbox {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
}
.flexbox > *:last-child {
  margin-top: auto !important;
}

.txt-column {
  max-width: unset;
  /* Medium devices such as tablets (768px and up) */
}
@media only screen and (min-width: 768px) {
  .txt-column {
    columns: 2;
    gap: 3vw;
  }
  .txt-column > *:first-child {
    margin-top: 0;
  }
  .txt-column > *:last-child {
    margin-bottom: 0;
  }
}

.smalltitle {
  font-weight: 700;
  font-size: 1.5375rem;
  line-height: 2.380952381ex;
  margin: 0 0 0.42em 0 !important;
}

.smalltxt {
  font-size: 16px;
}

.imgfull img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}

/*# sourceMappingURL=newdesign.css.map */