/* =======================================
   VARIABLES
   ======================================= */
/* =======================================
   IMPORTS
   ======================================= */
/* =======================================
   SIZES
   ======================================= */
/* =======================================
   FONTS
======================================= */
@font-face {
  font-family: 'Avenir';
  font-weight: 300;
  font-style: normal;
  src: url(fonts/AvenirLTStd-Light.ttf) format("ttf"), url(fonts/AvenirLTStd-Light.woff) format("woff"), url(fonts/AvenirLTStd-Light.woff2) format("woff2"); }
@font-face {
  font-family: 'Avenir';
  font-weight: 400;
  font-style: normal;
  src: url(fonts/AvenirLTStd-Book.ttf) format("ttf"), url(fonts/AvenirLTStd-Book.woff) format("woff"), url(fonts/AvenirLTStd-Book.woff2) format("woff2"); }
@font-face {
  font-family: 'Avenir';
  font-weight: 500;
  font-style: normal;
  src: url(fonts/AvenirLTStd-Roman.ttf) format("ttf"), url(fonts/AvenirLTStd-Roman.woff) format("woff"), url(fonts/AvenirLTStd-Roman.woff2) format("woff2"); }
@font-face {
  font-family: 'Avenir';
  font-weight: 600;
  font-style: normal;
  src: url(fonts/AvenirLTStd-Heavy.ttf) format("ttf"), url(fonts/AvenirLTStd-Heavy.woff) format("woff"), url(fonts/AvenirLTStd-Heavy.woff2) format("woff2"); }
@font-face {
  font-family: 'Avenir';
  font-weight: 800;
  font-style: normal;
  src: url(fonts/AvenirLTStd-Black.ttf) format("ttf"), url(fonts/AvenirLTStd-Black.woff) format("woff"), url(fonts/AvenirLTStd-Black.woff2) format("woff2"); }
header {
  z-index: 999;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  width: 100%;
  top: 0;
  position: relative; }
  header .main .container {
    padding: 0 calc(16px * 1.5);
    max-width: 1104px;
    margin: 0 auto;
    max-width: 1400px;
    display: flex;
    align-items: center;
    height: 100%; }
    @media (max-width: 1120px) {
      header .main .container {
        padding: 0 16px; } }
    header .main .container .logo {
      padding: 16px 0; }
      header .main .container .logo img {
        display: block;
        width: auto; }
      @media (max-width: 1120px) {
        header .main .container .logo {
          margin: 0 auto; } }
    header .main .container #main-menu {
      margin-left: auto;
      display: flex;
      height: 100%; }
      header .main .container #main-menu .menu {
        padding: 0;
        margin: 0;
        list-style: none;
        height: calc(55px + 16px); }
        header .main .container #main-menu .menu li {
          display: inline-flex;
          padding: 0 calc(16px * 1.5);
          height: 100%;
          align-items: center; }
          header .main .container #main-menu ul.menu > li > a::before {
              content: '';
              position: absolute;
              left: -30px;
              top: calc(50% - 8px);
              display: block;
              transform: translateY(-50%);
              width: 1px;
              height: 30px;
              background-color: #E8E8E8;
          }
          header .main .container #main-menu ul.menu > li:first-child > a::before {
            display:none;
          }
          header .main .container #main-menu ul.menu > li:last-child > a::before {
            display:none;
          }
          header .main .container #main-menu .menu li:first-of-type {
            padding-left: 0; }
          header .main .container #main-menu .menu li:last-of-type {
            padding-right: 0; }
          header .main .container #main-menu .menu li a {
            color: #044606;
            font-size: 14px;
            line-height: 19px;
            letter-spacing: 1.4px;
            text-transform: uppercase;
            text-decoration: none;
            font-family: "Avenir", Arial, sans-serif;
            transition: all 0.3s ease;
            font-weight: 800;
            position: relative; }
            header .main .container #main-menu .menu li a::after {
              content: "";
              display: block;
              height: 5px;
              width: 56px;
              margin: 0 auto;
              transform: scaleX(0);
              -webkit-transform: scaleX(0);
              background: #7fba00;
              margin-top: 10px;
              transition: all 0.3s ease; }
            header .main .container #main-menu .menu li a:hover::after {
              transform: scaleX(1);
              -webkit-transform: scaleX(1); }
          header .main .container #main-menu .menu li .sub-menu {
            display: flex;
            position: absolute;
            justify-content: center;
            top: 100%;
            left: 0;
            background: #FFFFFF;
            width: 100%;
            border-radius: 0 0 6px 6px;
            max-height: 0px;
            overflow: hidden;
            transition: all 0.5s ease-in-out; }
            header .main .container #main-menu .menu li .sub-menu li {
              display: block;
              width: calc(320px - (calc(16px * 4) * 2));
              padding: 16px calc(16px * 4);
              margin: 16px 0; }
              header .main .container #main-menu .menu li .sub-menu li a {
                padding: 0;
                display: inline;
                color: #7fba00; }
                header .main .container #main-menu .menu li .sub-menu li a::after {
                  display: none; }
                header .main .container #main-menu .menu li .sub-menu li a:hover {
                  color: #044606; }
              header .main .container #main-menu .menu li .sub-menu li::after {
                content: "";
                display: block;
                width: 1px;
                height: calc(100% - calc(16px * 2));
                position: absolute;
                background: #d8d9d8;
                top: 16px;
                margin-left: calc(320px - calc(16px * 4)); }
              header .main .container #main-menu .menu li .sub-menu li:not(.menu-item-has-children) {
                text-align: center;
                align-self: center; }
              header .main .container #main-menu .menu li .sub-menu li .sub-menu {
                display: block;
                position: relative;
                padding: 0;
                margin-top: calc(16px / 2); }
                header .main .container #main-menu .menu li .sub-menu li .sub-menu li {
                  padding: 0;
                  max-width: 100%;
                  border: none;
                  margin: 5px 0;
                  text-align: left; }
                  header .main .container #main-menu .menu li .sub-menu li .sub-menu li a {
                    text-transform: none;
                    color: #044606;
                    font-weight: 400;
                    line-height: 20px; }
                    header .main .container #main-menu .menu li .sub-menu li .sub-menu li a:hover {
                      color: #7fba00; }
              header .main .container #main-menu .menu li .sub-menu li:last-of-type::after {
                display: none; }
          header .main .container #main-menu .menu li:hover .sub-menu {
            max-height: 100vh; }
          header .main .container #main-menu .menu li.button {
            border: none; }
            header .main .container #main-menu .menu li.button a {
              text-decoration: none;
              display: inline-flex;
              color: #1A202C;
              background: #7fba00;
              font-size: 14px;
              line-height: 19px;
              letter-spacing: 1.4px;
              border-radius: 26px;
              padding: calc(16px - 2px) calc(calc(16px * 2) + calc(16px / 2));
              align-items: center;
              width: auto;
              text-transform: uppercase;
              font-weight: 800;
              border: #7fba00 2px solid; }
              header .main .container #main-menu .menu li.button a::after {
                content: "";
                display: block;
                background: transparent url(img/chevron.svg) no-repeat center right;
                width: 7px;
                height: 12px;
                margin-top: -1px;
                margin-left: 16px;
                transition: all 0.3s ease;
                -webkit-transform: unset !important; }
              header .main .container #main-menu .menu li.button a:hover {
                background: #FFFFFF;
                color: #1A202C;
                padding: calc(16px - 2px) calc(16px * 2) calc(16px - 2px) calc(calc(16px * 2) + calc(16px / 2));
                border: #7fba00 2px solid; }
                header .main .container #main-menu .menu li.button a:hover::after {
                  background: transparent url(img/chevron.svg) no-repeat center right;
                  margin-left: calc(16px * 1.5); }
      @media (max-width: 1120px) {
        header .main .container #main-menu {
          display: none; } }
  header #mobile-toggle {
    display: none;
    z-index: 999; }
    header #mobile-toggle a {
      position: relative;
      display: block;
      width: 30px;
      height: 30px; }
      header #mobile-toggle a span {
        visibility: hidden;
        transition: all 0.3s ease;
        opacity: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        left: 0;
        top: 0;
        width: 30px;
        height: 30px; }
        header #mobile-toggle a span.active {
          visibility: visible;
          opacity: 1; }
        header #mobile-toggle a span img {
          display: inline-block; }
    @media (max-width: 1120px) {
      header #mobile-toggle {
        display: flex;
        align-items: center;
        justify-content: center; } }
  header #mobile-menu {
    visibility: hidden;
    z-index: -1;
    position: absolute;
    left: 0;
    width: calc(100% - calc(16px * 2));
    background: #FFFFFF;
    padding: 16px;
    opacity: 0;
    transition: all 0.3s ease;
    height: calc(100vh - 100% - calc(16px * 4));
    top: 100%;
    overflow-y: auto; }
    header #mobile-menu.active {
      visibility: visible;
      opacity: 1;
      z-index: 900; }
    header #mobile-menu ul {
      padding: 0;
      margin: 0; }
      header #mobile-menu ul li {
        list-style: none;
        transition: all 0.3s ease; }
        header #mobile-menu ul li .sub-menu {
          max-height: 0px;
          margin: 0px;
          transition: all 0.3s ease;
          overflow: hidden; }
          header #mobile-menu ul li .sub-menu li {
            display: block;
            padding: 16px;
            border-bottom: #d8d9d8 1px solid; }
            header #mobile-menu ul li .sub-menu li:last-of-type {
              border-bottom: none; }
            header #mobile-menu ul li .sub-menu li::after {
              display: none; }
            header #mobile-menu ul li .sub-menu li a {
              text-transform: none !important;
              font-weight: 600;
              padding: calc(16px / 2) 0;
              background: transparent;
              margin: 0;
              border-bottom: none; }
              header #mobile-menu ul li .sub-menu li a::after {
                display: none; }
            header #mobile-menu ul li .sub-menu li .sub-menu {
              margin: 0; }
              header #mobile-menu ul li .sub-menu li .sub-menu li {
                padding: 0;
                border: none; }
                header #mobile-menu ul li .sub-menu li .sub-menu li a {
                  font-weight: 400; }
        header #mobile-menu ul li.menu-item-has-children a::after {
          content: "";
          display: inline-block;
          width: 20px;
          height: 20px;
          background: url(img/chevron-dgreen.svg) no-repeat center/contain;
          float: right;
          transform: rotate(90deg); }
        header #mobile-menu ul li a {
          font-weight: 600;
          font-size: 16px;
          line-height: 16px;
          color: #044606;
          padding: 16px;
          display: block;
          flex-grow: 1;
          text-decoration: none;
          letter-spacing: 0.4px;
          text-transform: uppercase; }
          header #mobile-menu ul li a:hover {
            background: #F9F9F9; }
        header #mobile-menu ul li.hidden {
          display: none; }
        header #mobile-menu ul li.expanded {
          flex-wrap: wrap; }
          header #mobile-menu ul li.expanded a {
            background: rgba(171, 217, 72, 0.25); }
          header #mobile-menu ul li.expanded .sub-menu {
            max-height: 100vh;
            display: block;
            width: 100%;
            margin-bottom: calc(16px * 2); }
        header #mobile-menu ul li.button {
          margin: 0;
          padding: 0;
          border: 0;
          display: block;
          background: transparent;
          margin-top: calc(16px / 2); }
          header #mobile-menu ul li.button a {
            display: inline-flex;
            background: #7fba00;
            font-size: 14px;
            line-height: 14px;
            border-radius: 6px;
            padding: calc(16px / 2) 16px;
            align-items: center;
            width: auto; }
            header #mobile-menu ul li.button a::after {
              content: "";
              display: block;
              background: transparent url(img/chevron-dgreen.svg) no-repeat center right;
              width: 26px;
              height: 26px;
              margin-top: -1px;
              margin-left: 16px;
              padding-left: 16px;
              border-left: rgba(255, 255, 255, 0.3) 1px solid; }
            header #mobile-menu ul li.button a:hover {
              background: #044606;
              color: #FFFFFF; }
              header #mobile-menu ul li.button a:hover::after {
                background: transparent url(img/chevron-white.svg) no-repeat center right; }

footer {
  background: #FFFFFF;
  color: #044606;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 0.32px; }
  footer .container {
    padding: 0 calc(16px * 1.5);
    max-width: 1104px;
    margin: 0 auto;
    max-width: 1400px;
    padding: calc(16px * 4) 16px !important; }
    @media (max-width: 1120px) {
      footer .container {
        padding: 0 16px; } }
    footer .container .footerlogo {
      width: 190px;
      height: auto; }
    footer .container h3 {
      margin: 0 0 16px 0;
      font-weight: 700; }
    footer .container h4 {
      font-size: 16px;
      line-height: 22px;
      margin: 0 0 calc(16px / 2);
      text-transform: uppercase;
      font-weight: 800; }
    footer .container a {
      text-decoration: none; }
    footer .container .top {
      display: flex;
      flex-wrap: wrap;
      gap: calc(calc(16px * 4) * 2); }
      @media (max-width: 1120px) {
        footer .container .top {
          gap: calc(16px * 4); } }
      footer .container .top .column:last-of-type {
        flex-grow: 1;
        border-left: #B4B4B4 1px solid;
        padding-left: calc(calc(16px * 4) * 2); }
      footer .container .top p {
        margin: 0;
        line-height: 28px; }
      footer .container .top a {
        display: block;
        color: #044606;
        margin-bottom: 0; }
        footer .container .top a:hover {
          color: #7fba00; }
      footer .container .top svg {
        width: 16px;
        height: 16px;
        display: block; }
      footer .container .top .menu {
        padding: 0;
        margin: 0;
        list-style: none; }
        footer .container .top .menu li:not(:last-of-type) {
          margin-bottom: calc(16px * 3); }
        footer .container .top .menu li a {
          font-size: 14px;
          line-height: 19px;
          letter-spacing: 1.4px;
          margin: 0;
          text-transform: uppercase;
          font-weight: 800;
          color: #044606; }
          footer .container .top .menu li a:hover {
            color: #7fba00 !important; }
        footer .container .top .menu li ul {
          list-style: none;
          padding: 0;
          margin: 0; }
          footer .container .top .menu li ul a {
            text-transform: none;
            font-weight: 400; }
        footer .container .top .menu li.menu-item-has-children a:hover {
          color: #044606 !important; }
        footer .container .top .menu li.menu-item-has-children li a:hover {
          color: #7fba00 !important; }
    footer .container .social {
      display: flex;
      align-items: center;
      gap: 16px;
      margin-top: calc(16px * 2); }
      footer .container .social a {
        display: inline-block; }
        footer .container .social a svg {
          width: 42px;
          height: 42px; }
          footer .container .social a img {
            display: block;
          }
  footer .bottom {
    background: #E8E8E8;
    color: #1A202C; }
    footer .bottom .container {
      padding: calc(16px / 2) 16px !important;
      display: flex;
      align-items: center; }
      footer .bottom .container p {
        margin: 0; }
        footer .bottom .container p span {
          margin: 0 calc(16px * 3); }
      footer .bottom .container .menu {
        padding: 0;
        margin: 0;
        list-style: none; }
        footer .bottom .container .menu li {
          display: inline-block;
          margin-right: calc(16px * 3); }
          footer .bottom .container .menu li a {
            color: #1A202C; }
            footer .bottom .container .menu li a:hover {
              color: #7c7c7c; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.hero {
  padding: calc(16px * 4) 0; }
  .hero #breadcrumbs {
    max-width: 1400px;
    margin: calc(0px - calc(16px * 3)) auto calc(16px * 3);
    padding: 0 16px; }
    .hero #breadcrumbs a {
      color: #044606;
      text-decoration: none; }
      .hero #breadcrumbs a:hover {
        text-decoration: underline; }
  .hero .container {
    display: flex;
    align-items: center;
    gap: 120px;
    padding-left: 16px; }
    .hero .container .left {
      width: calc(50% + 50px);
      max-width: 630px;
      margin-left: auto;
      font-size: 24px;
      line-height: 36px;
      letter-spacing: 0.48px; }
    .hero .container .right {
      max-width: calc(50% - 50px);
      width: calc(50% - 50px);
      position: relative; }
      .hero .container .right::before {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: -40px;
        width: 60%;
        height: 40px;
        border-radius: 20px 0 0 0;
        background: #E8E8E8; }
      .hero .container .right img {
        width: 100%;
        height: auto;
        border-radius: 20px 0px 0px 20px; }
      .hero .container .right .slick-slide div {
        max-height: 420px;
        border-radius: 20px 0px 0px 20px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center; }
        .hero .container .right .slick-slide div img {
          object-fit: cover; }
      .hero .container .right .sliderControls {
        margin-top: calc(0px - 41px - calc(16px * 2));
        margin-left: calc(16px * 2);
        z-index: 2;
        position: relative; }
        .hero .container .right .sliderControls #playpause {
          font-size: 0px;
          background: transparent url(img/pause.svg) no-repeat center/cover;
          border: none;
          width: 39px;
          height: 39px;
          display: block;
          cursor: pointer;
          transition: all 0.3s ease; }
          .hero .container .right .sliderControls #playpause:not(.active) {
            background: transparent url(img/play.svg) no-repeat center/cover; }
        @media (max-width: 1120px) {
          .hero .container .right .sliderControls {
            margin-left: calc(16px * 3); } }
    @media (max-width: 1120px) {
      .hero .container {
        flex-wrap: wrap;
        gap: calc(16px * 2);
        padding: 0 calc(16px * 1.5);
        max-width: 1104px;
        margin: 0 auto;
        padding-right: 0 !important; } }
  @media (max-width: 1120px) and (max-width: 1120px) {
    .hero .container {
      padding: 0 16px; } }
    @media (max-width: 1120px) {
        .hero .container .left, .hero .container .right {
          width: 100%;
          max-width: 100%; 
        }
          .hero .container .right{
            margin-top: calc(16px* 4);
          }
          .hero .container .left img, .hero .container .right img {
            float: right;
            width: calc(100% + 16px);
            margin-right: calc(0px - 16px); } }
  .hero:not(.home) h1 {
    font-size: 48px;
    line-height: 62px;
    letter-spacing: 0.48px; }
  .hero:not(.home) .buttons {
    margin-top: calc(16px * 3); }
    .hero:not(.home) .buttons .button.primary {
      padding: calc(16px - 2px) calc(16px + calc(16px / 2)); }
      .hero:not(.home) .buttons .button.primary:hover {
        padding: calc(16px - 2px) calc(calc(16px / 2) + calc(16px / 2)) calc(16px - 2px) calc(16px + calc(16px / 2)); }

.home .hero {
  color: #FFFFFF;
  padding: 150px 0;
  min-height: 48vh;
  background-position: center bottom;
  background-size: cover; }
  .home .hero .container {
    padding: 0 calc(16px * 1.5);
    max-width: 1104px;
    margin: 0 auto;
    display: block; }
    @media (max-width: 1120px) {
      .home .hero .container {
        padding: 0 16px; } }
    .home .hero .container * {
      max-width: 720px; }
    .home .hero .container h1 {
      margin: 0; }
      /*
    .home .hero .container p {
      font-size: 24px;
      line-height: 36px;
      font-weight: 300;
      margin: calc(16px * 1.5) 0; }
      */
      @media (max-width: 1120px) {
        .home .hero .container p {
          font-size: 16px;
          line-height: 16px; } }
  @media (max-width: 1120px) {
    .home .hero {
      min-height: unset;
      background-position: bottom left; } }
  @media (max-width: 650px) {
    .home .hero {
      padding: calc(16px * 4) 0; } }

.homepage.hero {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center; }
  .homepage.hero .container {
    width: 100% !important; }
    .homepage.hero .container * {
      max-width: unset !important; }
    .homepage.hero .container h1 {
      width: 100% !important;
      max-width: 100% !important;
      position: relative;
      min-height: 64px; }
      .homepage.hero .container h1 span {
        display: block;
        max-width: 100% !important;
        width: 100% !important;
        left: 0;
        top: 0; }
    .homepage.hero .container .buttons {
      margin: calc(16px * 4) auto 0;
      justify-content: center; }

.wysiwyg {
  padding: calc(16px * 4) 0; }
  .wysiwyg .container {
    padding: 0 calc(16px * 1.5);
    max-width: 1104px;
    margin: 0 auto; }
    @media (max-width: 1120px) {
      .wysiwyg .container {
        padding: 0 16px; } }
    .wysiwyg .container .intro {
      padding: calc(16px * 4);
      border-radius: 30px;
      border: #044606 1px solid;
      margin-bottom: calc(16px * 3);
      width: calc(100% - (calc(16px * 4) * 2)); }
      .wysiwyg .container .intro.small {
        max-width: calc(1000px - (calc(16px * 4) * 2)); }
      .wysiwyg .container .intro.large {
        max-width: calc(1400px - (calc(16px * 4) * 2)); }
        .wysiwyg .container .intro.large * {
          max-width: 800px;
          margin: 0 auto; }
      .wysiwyg .container .intro .image {
        height: 300px;
        border-radius: 0 0 30px 30px;
        margin: calc(16px * 4) calc(0px - calc(16px * 4)) calc(0px - calc(16px * 4)); }
  .wysiwyg.bgimage .container {
    padding: calc(16px * 4); }
    .wysiwyg.bgimage .container * {
      max-width: 50%; }
      .wysiwyg.bgimage .container * * {
        max-width: 100%; }
      @media (max-width: 650px) {
        .wysiwyg.bgimage .container * {
          max-width: 100%; } }
  .wysiwyg.pullup {
    background-image: url(img/ellipse.svg);
    background-repeat: no-repeat;
    background-position: -120px -150px;
    padding: calc(16px * 4) 0 calc(calc(16px * 4) * 2);
    margin-bottom: calc(0px - calc(16px * 4)); }
    .wysiwyg.pullup .container {
      max-width: 1000px; }

.highlight {
  padding: calc(16px * 4) 0;
  color: #FFFFFF; }
  .highlight .container {
    padding: 0 calc(16px * 1.5);
    max-width: 1104px;
    margin: 0 auto; }
    @media (max-width: 1120px) {
      .highlight .container {
        padding: 0 16px; } }
    .highlight .container .block {
      border-radius: 30px;
      padding: 100px calc(16px * 2);
      min-height: 400px;
      max-width: 1000px; }
      .highlight .container .block .content {
        max-width: 450px;
        margin-left: auto; }
      .highlight .container .block.right {
        margin-left: auto; }
  .highlight.border .block {
    margin: 0 auto; }

.bracket {
  padding: calc(16px * 4) 0; }
  .bracket .container {
    padding: 0 calc(16px * 1.5);
    max-width: 1104px;
    margin: 0 auto; }
    @media (max-width: 1120px) {
      .bracket .container {
        padding: 0 16px; } }
    .bracket .container .intro {
      padding: calc(16px * 4);
      border-radius: 30px;
      border: #044606 1px solid;
      margin-bottom: calc(16px * 3);
      width: calc(100% - (calc(16px * 4) * 2)); }
      .bracket .container .intro.small {
        max-width: calc(1000px - (calc(16px * 4) * 2)); }
      .bracket .container .intro.large {
        max-width: calc(1400px - (calc(16px * 4) * 2)); }
    .bracket .container .brackettop {
      margin-top: calc(0px - calc(16px * 3)); }
    .bracket .container .blocks {
      display: flex;
      flex-wrap: wrap;
      gap: 100px; }
      .bracket .container .blocks .block {
        width: calc(50% - 50px);
        display: flex;
        flex-direction: column; }
        .bracket .container .blocks .block .content {
          padding: 0 0 calc(16px * 3) 0; }
          .bracket .container .blocks .block .content img {
            width: 100%; }
        .bracket .container .blocks .block .image {
          height: 300px;
          border-radius: 0 0 30px 30px;
          margin-top: auto; }
        @media (max-width: 650px) {
          .bracket .container .blocks .block {
            width: calc(100% - calc(16px * 2)); } }
  .bracket.border .intro {
    margin-bottom: 0; }
  .bracket.border .blocks {
    margin-top: 0;
    gap: calc(16px * 4); }
    .bracket.border .blocks .block {
      border-radius: 30px;
      border: #044606 1px solid;
      width: calc(50% - calc(16px * 2) - 2px); }
      .bracket.border .blocks .block .content {
        padding: calc(16px * 3); }
        .bracket.border .blocks .block .content .buttons {
          justify-content: center; }
      .bracket.border .blocks .block:nth-child(4n + 1), .bracket.border .blocks .block:nth-child(4n + 4) {
        background-color: #044606;
        color: #FFFFFF; }
        .bracket.border .blocks .block:nth-child(4n + 1) .button:hover, .bracket.border .blocks .block:nth-child(4n + 4) .button:hover {
          background: #FFFFFF;
          color: #044606; }
          .bracket.border .blocks .block:nth-child(4n + 1) .button:hover::after, .bracket.border .blocks .block:nth-child(4n + 4) .button:hover::after {
            background: transparent url(img/chevron-dgreen.svg) no-repeat center right; }
      @media (max-width: 650px) {
        .bracket.border .blocks .block {
          width: calc(100% - calc(16px * 2) - 2px);
          margin: 0 auto; } }
  .bracket.border .brackettop, .bracket.border .bracketbottom {
    margin-top: 0;
    margin-bottom: 0;
    background: url(img/connector.svg) no-repeat center top;
    height: 285px; }
    @media (max-width: 650px) {
      .bracket.border .brackettop, .bracket.border .bracketbottom {
        height: 185px !important;
        background-position: center; } }
  .bracket.border .bracketbottom {
    transform: rotate(180deg); }
  .bracket .one .intro {
    margin-bottom: 0;
    background: #044606;
    color: #FFFFFF;
    max-width: 600px !important; }
    .bracket .one .intro h1, .bracket .one .intro h2, .bracket .one .intro h3, .bracket .one .intro h4, .bracket .one .intro h5, .bracket .one .intro h6 {
      color: #bad80a; }
  .bracket .one .blocks {
    gap: 0;
    justify-content: center;
    margin: calc(16px * 2) 0; }
    .bracket .one .blocks .block {
      flex-grow: 1;
      max-width: 900px; }
      .bracket .one .blocks .block .content {
        padding: 0; }
  .bracket .one .brackettop, .bracket .one .bracketbottom {
    margin-top: 0;
    margin-bottom: 0;
    background: url(img/widebracket.svg) no-repeat center top/contain !important;
    height: 120px; }
    @media (max-width: 650px) {
      .bracket .one .brackettop, .bracket .one .bracketbottom {
        height: 185px !important;
        background-position: center; } }
  .bracket .one .bracketbottom {
    transform: rotate(180deg); }
  .bracket .three .intro {
    margin-bottom: 0; }
  .bracket .three .blocks {
    justify-content: center;
    margin: calc(16px * 2) 0; }
    .bracket .three .blocks .block {
      max-width: 100%;
      width: calc(33.3333% - calc(16px * 4) - 16px); }
      .bracket .three .blocks .block .content {
        padding: 0; }
      @media (max-width: 1120px) {
        .bracket .three .blocks .block {
          width: calc(100% - calc(16px * 4) - 16px); } }
  .bracket .three .brackettop {
    background: url(img/top-bracket.svg) no-repeat center bottom/100%;
    margin-top: 0;
    margin-bottom: -1px;
    height: 120px;
    width: 100%; }
  .bracket .three .bracketbottom {
    background: url(img/bottom-bracket.svg) no-repeat center top/100%;
    margin-bottom: 0;
    margin-top: -1px;
    height: 120px;
    width: 100%; }
  .bracket:nth-last-child(1) .one .bracketbottom {
    background: url(img/bottom-border.svg) no-repeat center/contain !important;
    transform: rotate(0deg);
    height: 48px; }

.bubbles {
  padding: calc(16px * 4) 0; }
  .bubbles .container {
    padding: 0 calc(16px * 1.5);
    max-width: 1104px;
    margin: 0 auto; }
    @media (max-width: 1120px) {
      .bubbles .container {
        padding: 0 16px; } }
    .bubbles .container .intro {
      padding: calc(16px * 4);
      border-radius: 30px;
      border: #044606 1px solid;
      margin-bottom: calc(16px * 3);
      width: calc(100% - (calc(16px * 4) * 2)); }
      .bubbles .container .intro.small {
        max-width: calc(700px - (calc(16px * 4) * 2));
        margin-bottom: 0; }
      .bubbles .container .intro.large {
        max-width: calc(1000px - (calc(16px * 4) * 2)); }
        .bubbles .container .intro.large * {
          max-width: 800px;
          margin: 0 auto; }
    .bubbles .container .blocks {
      margin: 0 auto;
      display: flex;
      text-align: center;
      justify-content: center;
      max-width: 1150px;
      gap: 100px;
      flex-wrap: wrap; }
      .bubbles .container .blocks .block {
        max-width: 445px;
        width: calc(50% - 50px); }
        .bubbles .container .blocks .block .image {
          width: 100%;
          height: 100%;
          overflow: hidden;
          margin-bottom: calc(16px * 3); }
          .bubbles .container .blocks .block .image img {
            border-radius: 100%;
            max-width: 100%;
            height: auto;
            margin: 0; }
        .bubbles .container .blocks .block:nth-child(odd) {
          margin-right: auto; }
        .bubbles .container .blocks .block:nth-child(even) {
          margin-left: auto; }
        @media (max-width: 650px) {
          .bubbles .container .blocks .block {
            width: 100%;
            margin: 0px !important; } }
    .bubbles .container .brackettop {
      background: url(img/connector.svg) no-repeat center bottom/cover !important;
      max-width: 702px;
      margin: 0 auto;
      height: 175px; }
  .bubbles.horizontal .blocks {
    flex-direction: column;
    max-width: 100%;
    margin-top: calc(16px * 4); }
    .bubbles.horizontal .blocks .block {
      max-width: 100%;
      width: 100%; }
      .bubbles.horizontal .blocks .block .content {
        display: flex;
        align-items: center;
        position: relative;
        gap: calc(16px * 4); }
        .bubbles.horizontal .blocks .block .content::before {
          content: "";
          display: block;
          width: calc(100% - calc(16px * 3) - 2px);
          height: 1px;
          background: #044606;
          position: absolute;
          margin-left: calc(calc(16px * 1.5) + 1px);
          z-index: -1; }
        .bubbles.horizontal .blocks .block .content .text {
          padding: calc(16px * 3);
          border: #044606 1px solid;
          max-width: calc(600px - (calc(16px * 3) * 2));
          border-radius: 30px;
          margin: 0 auto;
          width: 50%;
          background: #FFFFFF;
          text-align: left; }
        .bubbles.horizontal .blocks .block .content .image {
          width: 50%;
          margin: 0 auto; }
          .bubbles.horizontal .blocks .block .content .image img {
            border-radius: 30px; }
      .bubbles.horizontal .blocks .block:nth-child(even) .content .text {
        order: 1; }
      .bubbles.horizontal .blocks .block:nth-child(even) .content .image {
        order: 2; }
        .bubbles.horizontal .blocks .block:nth-child(even) .content .image img {
          float: right; }
      @media (max-width: 1120px) {
        .bubbles.horizontal .blocks .block .content {
          flex-direction: column; }
          .bubbles.horizontal .blocks .block .content .text, .bubbles.horizontal .blocks .block .content .image {
            max-width: calc(100% - (calc(16px * 3) * 2));
            width: 100%; }
            .bubbles.horizontal .blocks .block .content .text img, .bubbles.horizontal .blocks .block .content .image img {
              float: none;
              display: block;
              margin: 0 auto; }
          .bubbles.horizontal .blocks .block .content::before {
            transform: rotate(90deg);
            top: 50%; } }

.steps {
  padding: calc(16px * 4) 0;
  color: #044606; }
  .steps .container {
    padding: 0 calc(16px * 1.5);
    max-width: 1104px;
    margin: 0 auto; }
    @media (max-width: 1120px) {
      .steps .container {
        padding: 0 16px; } }
    .steps .container .block {
      display: flex;
      align-items: center;
      gap: calc(16px * 2); }
      .steps .container .block .image {
        max-width: 180px;
        width: 15%; }
        .steps .container .block .image img {
          width: 100%;
          height: auto; }
      .steps .container .block .content {
        margin-right: calc(16px * 2);
        width: 50%; }
      .steps .container .block .list {
        padding: 0;
        margin: 0 0 0 calc(16px * 2);
        list-style: none;
        width: 50%; }
        .steps .container .block .list li {
          position: relative;
          padding-bottom: calc(16px / 2); }
          .steps .container .block .list li::before {
            border: 3px solid #044606;
            border-radius: 50%;
            content: "";
            display: inline-block;
            height: 12px;
            left: calc(0px - calc(16px * 2));
            position: absolute;
            top: 3px;
            width: 12px; }
          .steps .container .block .list li::after {
            background-color: #044606;
            content: "";
            height: calc(100% - 18px);
            left: calc(0px - 16px - 8.5px);
            position: absolute;
            top: 21px;
            width: 3px; }
          .steps .container .block .list li:last-of-type {
            padding-bottom: 0; }
            .steps .container .block .list li:last-of-type::after {
              display: none; }
      @media (max-width: 650px) {
        .steps .container .block {
          flex-direction: column;
          justify-content: center; } }
  .steps .bgimage {
    border-radius: 30px;
    overflow: hidden;
    color: #FFFFFF;
    padding: calc(16px * 4) 0;
    width: calc(100% - calc(16px * 4));
    background-size: cover;
    background-position: center; }
    .steps .bgimage::before {
      display: none; }
    .steps .bgimage .block .image {
      margin-left: calc(16px * 2); }
    .steps .bgimage .block .list {
      margin-right: calc(16px * 2); }
      .steps .bgimage .block .list li::before {
        border-color: #FFFFFF; }
      .steps .bgimage .block .list li::after {
        background: #FFFFFF; }
    @media (max-width: 1390px) {
      .steps .bgimage {
        margin: 0 16px;
        width: calc(100% - calc(16px * 2)); }
        .steps .bgimage .block .image {
          width: 25%; }
        .steps .bgimage .block .list, .steps .bgimage .block .content {
          width: calc(100% - calc(16px * 4) - 18px); } }

.product {
  padding: calc(16px * 4) 0; }
  .product .container {
    padding: 0 calc(16px * 1.5);
    max-width: 1104px;
    margin: 0 auto; }
    @media (max-width: 1120px) {
      .product .container {
        padding: 0 16px; } }
    .product .container .intro {
      padding: calc(16px * 4);
      border-radius: 30px;
      border: #044606 1px solid;
      margin-bottom: calc(16px * 3);
      width: calc(100% - (50px * 2)); }
      .product .container .intro.small {
        max-width: calc(1000px - (calc(16px * 4) * 2)); }
      .product .container .intro.large {
        max-width: calc(1400px - (calc(16px * 4) * 2)); }
    .product .container .flex {
      margin-top: calc(16px * 3);
      gap: calc(16px * 2) 100px;
      display: flex; }
      .product .container .flex h3 {
        margin-bottom: 16px; }
      .product .container .flex .derivation {
        width: 50%; }
        .product .container .flex .derivation .description {
          margin-top: calc(16px * 2);
          max-width: 200px;
          position: absolute; }
          .product .container .flex .derivation .description h3 {
            color: #044606; }
          .product .container .flex .derivation .description p {
            font-size: 14px;
            line-height: 18px;
            letter-spacing: 0.28px; }
          @media (max-width: 650px) {
            .product .container .flex .derivation .description {
              display: block;
              position: relative;
              margin: 0 auto; } }
        .product .container .flex .derivation img {
          max-width: 400px;
          float: right;
          margin-top: -30px; }
          @media (max-width: 650px) {
            .product .container .flex .derivation img {
              margin: 0 auto;
              float: none; } }
      .product .container .flex .fixation {
        width: 50%; }
        .product .container .flex .fixation img {
          max-width: 100%; }
        .product .container .flex .fixation .legend {
          padding: 0;
          margin: 0;
          list-style: none;
          display: flex;
          flex-direction: column;
          gap: 16px; }
          .product .container .flex .fixation .legend li {
            display: flex;
            gap: calc(16px / 2);
            align-items: center;
            font-size: 14px;
            line-height: 24px;
            letter-spacing: 0.28px; }
            .product .container .flex .fixation .legend li span {
              border-radius: 100%;
              content: "";
              display: block;
              height: 13px;
              width: 13px; }
          @media (max-width: 650px) {
            .product .container .flex .fixation .legend {
              margin: 0 auto;
              width: auto;
              display: inline-flex; } }
      @media (max-width: 1120px) {
        .product .container .flex {
          flex-direction: column; }
          .product .container .flex .derivation, .product .container .flex .fixation {
            width: 100%;
            max-width: 500px; }
            .product .container .flex .derivation .description h3{
              margin-top: 0 !important;
            }
          }
      @media (max-width: 650px) {
        .product .container .flex {
          text-align: center; } }

.graph {
  padding: calc(16px * 4) 0; }
  .graph .container {
    padding: 0 calc(16px * 1.5);
    max-width: 1104px;
    margin: 0 auto; }
    @media (max-width: 1120px) {
      .graph .container {
        padding: 0 16px; } }
    .graph .container .intro {
      margin: 0 0 calc(16px * 2);
      max-width: 100%; }
    .graph .container .content {
      display: flex;
      padding: calc(16px * 3);
      border-radius: 30px;
      border: #044606 1px solid;
      align-items: center;
      justify-content: center;
      gap: 100px;
      color: #044606; }
      .graph .container .content img {
        max-width: 70%; }
      .graph .container .content .legend {
        padding: 0;
        margin: 0;
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 16px; }
        .graph .container .content .legend li {
          display: flex;
          gap: 16px;
          align-items: center; }
          .graph .container .content .legend li span {
            border-radius: 6px;
            content: "";
            display: block;
            height: 12px;
            width: 50px; }
      @media (max-width: 1120px) {
        .graph .container .content {
          flex-direction: column; } }

.posts {
  padding: calc(16px * 4) 0;
  margin-bottom: calc(calc(16px * 4) * 3); }
  .posts .container {
    padding: 0 calc(16px * 1.5);
    max-width: 1104px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    max-width: 1000px; }
    @media (max-width: 1120px) {
      .posts .container {
        padding: 0 16px; } }
    .posts .container h2 {
      margin: 0;
      max-width: 650px; }
    .posts .container .viewall {
      color: #7fba00;
      text-decoration: none;
      text-transform: uppercase;
      font-weight: 500;
      font-size: 16px;
      line-height: 34px;
      letter-spacing: 1.28px;
      font-family: "Avenir", Arial, sans-serif;
      margin-left: auto;
      display: inline-block;
      margin-top: calc(16px * 1.5); }
      .posts .container .viewall:hover {
        text-decoration: underline; }
    .posts .container .columns {
      display: flex;
      gap: calc(16px * 3);
      margin-top: calc(16px * 1.5);
      margin-bottom: calc(0px - (calc(16px * 4) * 3));
      flex-wrap: wrap; }
      .posts .container .columns .post {
        width: calc(33.3333% - calc(16px * 2));
        max-width: 320px;
        background: #FFFFFF;
        text-decoration: none;
        color: #1A202C;
        box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.1); }
        .posts .container .columns .post .thumbnail {
          max-width: 320px;
          height: 160px;
          overflow: hidden;
          display: flex;
          align-items: center;
          justify-content: center;
          border-bottom: #7fba00 6px solid;
          transition: all 0.3s ease; }
          .posts .container .columns .post .thumbnail img {
            max-width: 100%;
            height: auto;
            transition: all 0.3s ease; }
        .posts .container .columns .post .content {
          padding: calc(16px * 2); }
          .posts .container .columns .post .content h4 {
            margin: 0 0 16px; }
          .posts .container .columns .post .content .date {
            margin-bottom: 16px;
            font-weight: 500; }
        .posts .container .columns .post:hover .thumbnail {
          border-color: #7fba00; }
          .posts .container .columns .post:hover .thumbnail img {
            transform: scale(1.05); }
      @media (max-width: 1120px) {
        .posts .container .columns .post {
          width: calc(50% - calc(16px * 2)) !important;
          max-width: 100%; }
          .posts .container .columns .post .thumbnail {
            width: 100%;
            max-width: 100%; } }
      @media (max-width: 650px) {
        .posts .container .columns .post {
          width: 100% !important; } }
  .posts.notop {
    padding-top: 0; }
  .posts.nobottom {
    padding-bottom: 0; }
  .posts.noposts {
    margin-bottom: calc(16px * 4) !important; }

.split {
  padding: calc(16px * 4) 0; }
  .split.topup {
    margin-top: calc(16px * 4); }
  .split.bottomup {
    margin-bottom: calc(16px * 4); }
  .split .container {
    padding: 0 calc(16px * 1.5);
    max-width: 1104px;
    margin: 0 auto;
    display: flex;
    gap: calc(16px * 4);
    flex-wrap: wrap;
    border: none !important; }
    @media (max-width: 1120px) {
      .split .container {
        padding: 0 16px; } }
    .split .container h1 {
      font-weight: 500; }
    .split .container .left, .split .container .right {
      width: calc(50% - calc(16px * 2)); }
      .split .container .left.topup, .split .container .right.topup {
        margin-top: calc(0px - (calc(16px * 4) * 2)); }
      .split .container .left.bottomup, .split .container .right.bottomup {
        margin-bottom: calc(0px - (calc(16px * 4) * 2)); }
      .split .container .left.center, .split .container .right.center {
        align-self: center; }
      .split .container .left.bottom, .split .container .right.bottom {
        align-self: flex-end; }
      .split .container .left .buttons, .split .container .right .buttons {
        margin-top: calc(16px * 2); }
      .split .container .left.image, .split .container .left.video, .split .container .right.image, .split .container .right.video {
        display: flex;
        align-items: center;
        justify-content: center; }
        .split .container .left.image iframe, .split .container .left.video iframe, .split .container .right.image iframe, .split .container .right.video iframe {
          max-width: 100%; }
      .split .container .left img, .split .container .right img {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 20px; }
    @media (max-width: 1120px) {
      .split .container {
        flex-direction: column;
        gap: 16px calc(16px * 2); }
        .split .container .left, .split .container .right {
          width: 100% !important;
          order: 1; }
          .split .container .left.video, .split .container .right.video {
            order: 2; }
          .split .container .left.image, .split .container .right.image {
            order: 3;
            margin-top: calc(16px* 4); } }
    .split .container.bgimage {
      border-radius: 30px;
      background-position: center;
      background-size: cover;
      padding: 100px;
      color: #FFFFFF;
      gap: 100px;
      max-width: calc(1000px - 100px);
      margin: 0 auto; }
      @media (max-width: 1390px) {
        .split .container.bgimage {
          margin: 0 16px; } }
      .split .container.bgimage .left, .split .container.bgimage .right {
        width: calc(50% - 50px); }
  .split.border .left {
    border-left: #044606 1px solid;
    padding-left: calc(16px * 3); }
  .split.border .right {
    border-right: #044606 1px solid;
    padding-right: calc(16px * 3); }
  .split.border .left, .split.border .right {
    width: calc(50% - calc(16px * 2) - calc(16px * 3) - 1px); }
  @media (max-width: 1120px) {
    .split.border .left, .split.border .right {
      width: calc(100% - calc(16px * 2) - calc(16px * 4) - 2px);
      padding: 0 calc(16px * 3);
      border-right: #044606 1px solid;
      border-left: #044606 1px solid; }
    .split.border .left {
      padding-bottom: calc(16px * 3); } }

.accordion {
  padding: calc(16px * 4) 0; }
  .accordion .container {
    padding: 0 calc(16px * 1.5);
    max-width: 1104px;
    margin: 0 auto;
    max-width: 1000px; }
    @media (max-width: 1120px) {
      .accordion .container {
        padding: 0 16px; } }
    .accordion .container .intro {
      margin: 0 0 calc(16px * 4) 0;
      max-width: 100%;
      color: #044606; }
      .accordion .container .intro p {
        font-size: 23px; }
    .accordion .container .accordionItems {
      border-bottom: #044606 1px solid;
      font-weight: 500; }
      .accordion .container .accordionItems .accordionItem {
        background: #FFFFFF;
        border-top: #044606 1px solid; }
        .accordion .container .accordionItems .accordionItem .accordionTitle {
          font-size: 23px;
          color: #044606;
          font-weight: 500;
          line-height: 32px;
          letter-spacing: 0.2px;
          padding: 16px 0;
          display: flex;
          align-items: center;
          cursor: pointer;
          transition: all 0.3s ease; }
          .accordion .container .accordionItems .accordionItem .accordionTitle:hover {
            color: #7fba00; }
          .accordion .container .accordionItems .accordionItem .accordionTitle::after {
            content: "";
            display: inline-block;
            background: url(img/plus.svg) no-repeat center/cover;
            width: 50px;
            height: 50px;
            margin-left: auto;
            transition: all 0.3s ease; }
          .accordion .container .accordionItems .accordionItem .accordionTitle.active::after {
            background: url(img/minus.svg) no-repeat center/cover; }
        .accordion .container .accordionItems .accordionItem .accordionCopy {
          display: none;
          padding: 0 0 calc(16px * 2) 0;
          color: #044606;
          font-size: 23px;
          line-height: 34.5px; }
          .accordion .container .accordionItems .accordionItem .accordionCopy p:first-of-type {
            margin-top: 0; }
          .accordion .container .accordionItems .accordionItem .accordionCopy ::marker {
            color: #7fba00; }

.testimonial {
  padding: calc(16px * 4) 0; }
  .testimonial .container {
    padding: 0 calc(16px * 1.5);
    max-width: 1104px;
    margin: 0 auto; }
    @media (max-width: 1120px) {
      .testimonial .container {
        padding: 0 16px; } }
    .testimonial .container .quote {
      display: flex;
      flex-direction: column; }
      .testimonial .container .quote p {
        display: inline-block;
        color: #044606;
        margin: calc(0px - 16px) 0 0 auto; }
        .testimonial .container .quote p strong {
          display: block; }

.cards {
  padding: calc(16px * 4) 0; }
  .cards .container {
    padding: 0 calc(16px * 1.5);
    max-width: 1104px;
    margin: 0 auto;
    display: flex;
    max-width: 1000px;
    gap: calc(16px * 3);
    flex-wrap: wrap; }
    @media (max-width: 1120px) {
      .cards .container {
        padding: 0 16px; } }
    .cards .container .intro {
      width: 100%; }
    .cards .container h2 {
      width: 100%;
      margin: 0; }
    .cards .container .card {
      background: #FFFFFF;
      box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.1);
      width: calc(33.33333% - calc(16px * 2));
      display: flex;
      flex-direction: column;
      text-decoration: none;
      color: #1A202C;
      position: relative; }
      .cards .container .card.first {
        background: #7fba00;
        color: #FFFFFF;
        padding: calc(16px * 2) 0 calc(16px * 3); }
        .cards .container .card.first *:not(a.button):not(a.button span) {
          margin: 0 0 16px 0;
          padding: 0 calc(16px * 2); }
      .cards .container .card.last {
        background: #F9F9F9;
        border-top: #7fba00 6px solid;
        padding: calc(16px * 2) 0 calc(16px * 3); }
        .cards .container .card.last *:not(a.button):not(a.button span) {
          margin: 0 0 16px 0;
          padding: 0 calc(16px * 2); }
      .cards .container .card .featugreen {
        position: absolute;
        bottom: 100%;
        right: 0;
        background: #7fba00;
        color: #FFFFFF;
        font-size: 15px;
        font-weight: 600;
        font-family: "Avenir", Arial, sans-serif;
        letter-spacing: 1.5px;
        line-height: 34px;
        text-transform: uppercase;
        padding: 0 16px 0 calc(16px * 1.5);
        display: flex;
        align-items: center; }
        .cards .container .card .featugreen::before {
          content: "";
          display: inline-block;
          width: 14px;
          height: 13px;
          background: url(img/star.svg) no-repeat center/contain;
          margin-right: calc(16px / 2); }
      .cards .container .card .image {
        min-height: 80px;
        max-height: 150px;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        border-bottom: #7fba00 6px solid; }
        .cards .container .card .image img {
          min-height: 100%;
          width: auto; }
      .cards .container .card .content {
        padding: calc(16px * 2) calc(16px * 2) calc(16px * 3);
        height: 100%;
        display: flex;
        flex-direction: column; }
        .cards .container .card .content h4 {
          margin: 0;
          color: #1A202C;
          transition: all 0.3s ease; }
        .cards .container .card .content p {
          margin-bottom: 0; }
        .cards .container .card .content span {
          display: inline-block;
          margin-top: auto;
          padding-top: calc(16px * 2);
          font-size: 14px;
          line-height: 18px;
          letter-spacing: 1.12px;
          font-family: "Avenir", Arial, sans-serif;
          color: #1A202C;
          text-transform: uppercase;
          text-decoration: none;
          font-weight: 500; }
          .cards .container .card .content span::after {
            content: "";
            display: inline-block;
            background: url(img/long-arrow.svg) no-repeat right/cover;
            width: 15px;
            height: 10px;
            transition: all 0.3s ease;
            margin-left: calc(16px / 2); }
      @media (max-width: 1120px) {
        .cards .container .card {
          width: calc(50% - calc(16px * 1.5));
          min-width: calc(50% - calc(16px * 1.5)); } }
      @media (max-width: 650px) {
        .cards .container .card {
          width: 100%; } }
    .cards .container a:hover h4 {
      color: #7fba00 !important; }
    .cards .container a:hover span::after {
      width: 24px !important; }
  .cards.stretch .card {
    width: calc(50% - calc(16px * 1.5)); }
    .cards.stretch .card .image {
      min-height: 117px; }
    .cards.stretch .card.last {
      justify-content: center; }
      .cards.stretch .card.last * {
        width: 100%;
        max-width: 300px;
        margin-left: auto !important;
        margin-right: auto !important; }
      .cards.stretch .card.last .button {
        margin: calc(16px * 2) 0 0 !important;
        width: auto !important; }
      .cards.stretch .card.last ul, .cards.stretch .card.last ol {
        padding-left: 20px; }
    .cards.stretch .card.last *:not(.button) {
      max-width: calc(100% - calc(16px * 4));
      padding: 0; }
    @media (max-width: 650px) {
      .cards.stretch .card {
        width: calc(100% - calc(16px * 1.5)); } }
  .cards .image.noimage {
    min-height: 0px !important; }
  .cards.bg .container {
    gap: 0; }
    .cards.bg .container h2 {
      margin-bottom: calc(16px * 2); }
    .cards.bg .container .card {
      background-size: cover;
      background-position: center;
      box-shadow: none;
      width: 33%; }
      .cards.bg .container .card .content {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 50%, transparent 100%);
        min-height: calc(270px - calc(16px * 4));
        padding: calc(16px * 2); }
        .cards.bg .container .card .content h4 {
          color: #FFFFFF;
          margin-top: auto;
          margin-bottom: 16px; }
          .cards.bg .container .card .content h4::after {
            content: "";
            display: inline-block;
            background: url(img/arrow-white.svg) no-repeat right/cover;
            width: 21px;
            height: 15px;
            transition: all 0.3s ease;
            opacity: 0; }
      .cards.bg .container .card .image {
        display: none; }
      @media (max-width: 1120px) {
        .cards.bg .container .card {
          width: 100%; } }
    .cards.bg .container a:hover .content h4::after {
      margin-left: 16px;
      opacity: 1; }

.single-column {
  padding: calc(16px * 3) calc(16px * 1.5);
  margin: 0; }
  .single-column .intro {
    padding: 0 calc(16px * 1.5);
    max-width: 1104px;
    margin: 0 auto;
    max-width: 1000px;
    padding: 0 0 calc(16px * 2); }
    @media (max-width: 1120px) {
      .single-column .intro {
        padding: 0 16px; } }
    .single-column .intro * {
      max-width: 600px; }
  .single-column.notop {
    padding-top: 0; }
  .single-column.nobottom {
    padding-bottom: 0; }
  .single-column .post {
    display: flex;
    max-width: 800px;
    margin: 0 auto;
    text-decoration: none;
    color: #1A202C;
    align-items: center; }
    .single-column .post:not(:last-child) {
      margin-bottom: calc(16px * 4); }
    .single-column .post .thumbnail {
      min-width: 240px;
      width: 240px;
      height: 240px;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: calc(16px * 4); }
      .single-column .post .thumbnail img {
        max-height: 100%;
        height: 100%;
        width: auto;
        display: block;
        transition: all 0.3s ease; }
    .single-column .post .content {
      width: 100%; }
      .single-column .post .content h3 {
        margin: 0 0 16px;
        transition: all 0.3s ease; }
      .single-column .post .content p {
        margin: 0 0 calc(16px * 2); }
      .single-column .post .content .readMore {
        color: #1A202C;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 1.12px;
        font-weight: 500;
        text-transform: uppercase; }
        .single-column .post .content .readMore::after {
          content: "";
          display: inline-block;
          background: url(img/long-arrow.svg) no-repeat right/cover;
          width: 15px;
          height: 10px;
          transition: all 0.3s ease;
          margin-left: calc(16px / 2); }
    .single-column .post:not(.hasthumb) p {
      font-size: 20px;
      line-height: 26px;
      letter-spacing: 0.4px; }
    .single-column .post:hover .thumbnail img {
      transform: scale(1.05); }
    .single-column .post:hover h3 {
      color: #7fba00; }
    .single-column .post:hover .readMore::after {
      width: 24px; }
    @media (max-width: 1120px) {
      .single-column .post {
        flex-direction: column;
        align-items: flex-start;
        gap: calc(16px * 1.5); } }

.form {
  padding: calc(16px * 4) 0; }
  .form .container {
    padding: 0 calc(16px * 1.5);
    max-width: 1104px;
    margin: 0 auto;
    max-width: 1104px; }
    @media (max-width: 1120px) {
      .form .container {
        padding: 0 16px; } }
    .form .container .wrapper {
      border-radius: 30px;
      border: #044606 1px solid;
      background: #E8E8E8; }
      .form .container .wrapper .gform_fields {
        grid-row-gap: 0px; }
      .form .container .wrapper .gfield {
        padding: 0 calc(16px * 4) 16px;
        margin: 0 auto !important;
        width: 100%; }
        @media (max-width: 650px) {
          .form .container .wrapper .gfield {
            padding: 0 calc(16px * 2) 16px; } }
        .form .container .wrapper .gfield .ginput_recaptcha {
          max-width: 570px;
          margin: 0 auto; }
      .form .container .wrapper .gsection:first-of-type {
        background: #FFFFFF;
        border-radius: 30px 30px 0 0; }
      .form .container .wrapper .gform_footer {
        padding: 0;
        margin: -78px auto 0;
        width: 100%;
        max-width: 570px;
        justify-content: right; }
        @media (max-width: 1120px) {
          .form .container .wrapper .gform_footer {
            margin: 0 calc(16px * 2);
            justify-content: flex-start; } }
        .form .container .wrapper .gform_footer button {
          text-decoration: none;
          display: inline-flex;
          color: #044606;
          background: #7fba00;
          font-size: 14px;
          line-height: 14px;
          border-radius: 6px;
          padding: calc(16px / 2) 16px;
          align-items: center;
          width: auto;
          text-transform: uppercase;
          font-weight: 600;
          border: none; }
          .form .container .wrapper .gform_footer button::after {
            content: "";
            display: block;
            background: transparent url(img/chevron-dgreen.svg) no-repeat center right;
            width: 26px;
            height: 26px;
            margin-top: -1px;
            margin-left: 16px;
            padding-left: 16px;
            border-left: rgba(255, 255, 255, 0.3) 1px solid; }
          .form .container .wrapper .gform_footer button:hover {
            background: #044606;
            color: #FFFFFF; }
            .form .container .wrapper .gform_footer button:hover::after {
              background: transparent url(img/chevron-white.svg) no-repeat center right; }
    .form .container iframe {
      border-radius: 0px !important; }
    .form .container .blocks {
      background: #FFFFFF;
      margin-top: calc(16px * 4);
      padding: calc(16px * 4);
      display: flex;
      flex-wrap: wrap;
      gap: calc(16px * 4);
      justify-content: center; }
      .form .container .blocks .block {
        flex-grow: 1;
        max-width: 300px; }
        .form .container .blocks .block h1, .form .container .blocks .block h2, .form .container .blocks .block h3, .form .container .blocks .block h4, .form .container .blocks .block h5, .form .container .blocks .block h6 {
          display: block;
          margin: 0 0 16px;
          color: #044606; }
        .form .container .blocks .block address {
          color: #044606;
          font-size: 16px; }
        @media (max-width: 650px) {
          .form .container .blocks .block {
            width: 100%; } }
      @media (max-width: 1120px) {
        .form .container .blocks {
          padding: calc(16px * 4) calc(16px * 2); } }
    .form .container .disclaimer {
      background: #FFFFFF;
      padding: 0 calc(16px * 4) calc(16px * 4);
      border-radius: 0 0 30px 30px;
      font-size: 16px;
      color: #044606; }
  .form .bottom-image {
    height: 50vh;
    max-height: 700px;
    margin-top: 100px; }

#gform_wrapper_2 #field_2_10, #gform_wrapper_2 #field_2_8, #gform_wrapper_2 #field_2_9, #gform_wrapper_2 #field_2_11, #gform_wrapper_2 #field_2_12 {
  background: #FFFFFF; }
#gform_wrapper_2 #field_2_10, #gform_wrapper_2 #field_2_9, #gform_wrapper_2 #field_2_12 {
  padding-bottom: calc(16px * 4); }
#gform_wrapper_2 #field_2_10 {
  padding-bottom: calc(16px * 3); }
#gform_wrapper_2 #input_2_10 {
  display: flex;
  gap: calc(16px * 3); }
  #gform_wrapper_2 #input_2_10 .gchoice {
    justify-content: center;
    flex-grow: 1; }
    #gform_wrapper_2 #input_2_10 .gchoice label {
      font-size: 46px;
      line-height: 50px;
      color: #044606;
      font-weight: 500;
      transition: all 0.3s ease; }
      @media (max-width: 1120px) {
        #gform_wrapper_2 #input_2_10 .gchoice label {
          font-size: 36px; } }
      @media (max-width: 650px) {
        #gform_wrapper_2 #input_2_10 .gchoice label {
          font-size: 26px; } }
      #gform_wrapper_2 #input_2_10 .gchoice label::before {
        border: #044606 20px solid;
        height: 30px;
        width: 30px;
        min-width: 30px;
        min-height: 30px;
        margin-right: calc(16px * 1.5);
        box-shadow: none;
        transition: all 0.3s ease; }
        @media (max-width: 1120px) {
          #gform_wrapper_2 #input_2_10 .gchoice label::before {
            height: 20px;
            width: 20px;
            min-width: 20px;
            min-height: 20px;
            border: #044606 10px solid; } }
      #gform_wrapper_2 #input_2_10 .gchoice label::after {
        content: "";
        display: inline-block;
        background: url(img/arrow-green.svg) no-repeat center;
        width: 50px;
        height: 50px;
        min-width: 50px;
        transform: rotate(90deg);
        transition: all 0.3s ease; }
        @media (max-width: 1120px) {
          #gform_wrapper_2 #input_2_10 .gchoice label::after {
            width: 30px;
            height: 30px;
            min-width: 30px; } }
    #gform_wrapper_2 #input_2_10 .gchoice input[type='radio']:checked + label {
      color: #7fba00; }
      #gform_wrapper_2 #input_2_10 .gchoice input[type='radio']:checked + label::before {
        background: #7fba00;
        border-color: #7fba00; }
      #gform_wrapper_2 #input_2_10 .gchoice input[type='radio']:checked + label::after {
        background: url(img/arrow-lightgreen.svg) no-repeat center; }
  @media (max-width: 1120px) {
    #gform_wrapper_2 #input_2_10 {
      flex-direction: column; } }

form {
  width: 100%; }

input[type=text], input[type=email], input[type=tel], textarea, select {
  border-radius: 0px;
  border: #B4B4B4 1px solid;
  padding: 12px 24px !important;
  font-size: 16px !important;
  line-height: 32px;
  letter-spacing: 0.32px;
  color: #1A202C;
  font-family: "Avenir", Arial, sans-serif;
  transition: all 0.3s ease;
  width: 100%;
  margin: 0 auto !important;
  display: block; }

.gform_wrapper.gravity-theme input[type=radio], .gform_wrapper.gravity-theme input[type=checkbox] {
  display: none; }
.gform_wrapper.gravity-theme .gfield_radio .gchoice label, .gform_wrapper.gravity-theme .gfield_checkbox .gchoice label {
  display: inline-flex !important;
  align-items: center;
  cursor: pointer; }
  .gform_wrapper.gravity-theme .gfield_radio .gchoice label::before, .gform_wrapper.gravity-theme .gfield_checkbox .gchoice label::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    border: #7fba00 1px solid;
    margin-top: -3px;
    margin-right: calc(16px / 2); }
.gform_wrapper.gravity-theme .gfield_radio .gchoice input[type="radio"]:checked + label::before, .gform_wrapper.gravity-theme .gfield_radio .gchoice input[type="checkbox"]:checked + label::before, .gform_wrapper.gravity-theme .gfield_checkbox .gchoice input[type="radio"]:checked + label::before, .gform_wrapper.gravity-theme .gfield_checkbox .gchoice input[type="checkbox"]:checked + label::before {
  box-shadow: inset 0px 0px 0px 2px #FFFFFF;
  background: #7fba00; }
.gform_wrapper.gravity-theme .gsection {
  text-align: center;
  border: none !important;
  padding: calc(16px * 4) 0 !important; }
.gform_wrapper.gravity-theme .gfield_radio .gchoice label::before {
  border-radius: 100%; }
.gform_wrapper.gravity-theme .gfield_requigreen {
  color: #1A202C;
  font-size: 14px !important;
  padding-left: 0px; }
.gform_wrapper.gravity-theme .gfield:not(:last-child), .gform_wrapper.gravity-theme fieldset:not(:last-child) {
  margin-bottom: 16px; }
.gform_wrapper.gravity-theme .button {
  background: #FFFFFF;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.48px;
  border-color: #7fba00;
  transition: all 0.3s ease;
  cursor: pointer; }
  .gform_wrapper.gravity-theme .button::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 11px;
    background: url(img/chevron.svg) no-repeat center/contain;
    margin-left: 16px;
    transition: all 0.3s ease; }
  .gform_wrapper.gravity-theme .button:hover {
    border-color: #7fba00;
    color: #7fba00; }
.gform_wrapper.gravity-theme .gform_validation_errors {
  border-color: #E3405F;
  background-color: #FFFFFF;
  border-radius: 2px; }
.gform_wrapper.gravity-theme .gform_validation_errors > h2 {
  color: #E3405F;
  font-family: "Avenir", Arial, sans-serif;
  text-transform: none;
  font-size: 16px; }
.gform_wrapper.gravity-theme .gfield_error label, .gform_wrapper.gravity-theme .gfield_error .gfield_requigreen, .gform_wrapper.gravity-theme .gfield_error .validation_message {
  color: #E3405F; }
.gform_wrapper.gravity-theme .gfield_error input, .gform_wrapper.gravity-theme .gfield_error textarea {
  border-color: #E3405F; }
.gform_wrapper.gravity-theme .gfield_error .validation_message {
  border: none;
  padding: 0;
  background: transparent; }

.newsletter {
  padding: calc(16px * 4) 0; }
  .newsletter .container {
    padding: 0 calc(16px * 1.5);
    max-width: 1104px;
    margin: 0 auto;
    max-width: 900px;
    display: flex;
    gap: 120px;
    align-items: flex-end; }
    @media (max-width: 1120px) {
      .newsletter .container {
        padding: 0 16px; } }
    .newsletter .container .left, .newsletter .container .right {
      width: 50%; }
    @media (max-width: 1120px) {
      .newsletter .container {
        flex-direction: column;
        gap: calc(16px * 2); }
        .newsletter .container .left, .newsletter .container .right {
          width: 100%; } }

form#gform_3 .gform_body {
  flex-grow: 1; }
form#gform_3 .gform_footer {
  padding: 0;
  margin-top: 16px; }
form#gform_3 input[type=email] {
  border: none;
  border: #B4B4B4 1px solid;
  color: #606060;
  padding: calc(16px / 2) calc(16px * 1.5) !important;
  border-radius: 0px;
  max-width: 100% !important;
  font-size: 16px;
  letter-spacing: 0.32px;
  line-height: 32px;
  margin: 16px 0; }
  form#gform_3 input[type=email]::placeholder {
    color: #044606; }
form#gform_3 .button {
  text-decoration: none;
  display: inline-flex;
  color: #1A202C;
  background: #7fba00;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 1.4px;
  border-radius: 26px;
  padding: calc(16px - 2px) calc(calc(16px * 2) + calc(16px / 2));
  align-items: center;
  width: auto;
  text-transform: uppercase;
  font-weight: 800;
  border: #7fba00 2px solid; }
  form#gform_3 .button::after {
    content: "";
    display: block;
    background: transparent url(img/chevron.svg) no-repeat center right;
    width: 7px;
    height: 12px;
    margin-top: -1px;
    margin-left: 16px;
    transition: all 0.3s ease; }
  form#gform_3 .button:hover {
    background: #FFFFFF;
    color: #1A202C;
    padding: calc(16px - 2px) calc(16px * 2) calc(16px - 2px) calc(calc(16px * 2) + calc(16px / 2));
    border: #7fba00 2px solid; }
    form#gform_3 .button:hover::after {
      background: transparent url(img/chevron.svg) no-repeat center right;
      margin-left: calc(16px * 1.5); }

section.cta:not(.hero) {
  padding: calc(16px * 4) 0;
  background-image: url(img/cta-ellipse.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }
  section.cta:not(.hero) .container {
    padding: 0 calc(16px * 1.5);
    max-width: 1104px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(16px * 2) 150px;
    flex-wrap: wrap; }
    @media (max-width: 1120px) {
      section.cta:not(.hero) .container {
        padding: 0 16px; } }
    section.cta:not(.hero) .container h2 {
      font-weight: 700;
      max-width: 330px;
      margin: 0; }
      @media (max-width: 1120px) {
        section.cta:not(.hero) .container h2 {
          text-align: center; } }

.comparison {
  padding: calc(16px * 4) 0; }
  .comparison .container {
    padding: 0 calc(16px * 1.5);
    max-width: 1104px;
    margin: 0 auto;
    max-width: 1000px; }
    @media (max-width: 1120px) {
      .comparison .container {
        padding: 0 16px; } }
    .comparison .container .intro {
      max-width: 600px;
      padding-bottom: calc(16px * 2); }
    .comparison .container .comparisonTable {
      display: flex;
      gap: calc(16px * 3);
      justify-content: center; }
      @media (max-width: 1120px) {
        .comparison .container .comparisonTable {
          flex-wrap: wrap; } }
      .comparison .container .comparisonTable .tableItem {
        width: 33.3333%;
        background: #FFFFFF;
        box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.1);
        display: flex;
        flex-direction: column; }
        @media (max-width: 1120px) {
          .comparison .container .comparisonTable .tableItem {
            width: calc(50% - calc(16px * 4)); } }
        @media (max-width: 650px) {
          .comparison .container .comparisonTable .tableItem {
            width: 100%; } }
        .comparison .container .comparisonTable .tableItem .heading {
          background: #F9F9F9;
          padding: 16px calc(16px * 2);
          min-height: calc(100px - calc(16px * 2));
          border-top: #7fba00 6px solid; }
          .comparison .container .comparisonTable .tableItem .heading h3 {
            margin: 0;
            max-width: 80%; }
        .comparison .container .comparisonTable .tableItem.flagged .heading {
          position: relative; }
          .comparison .container .comparisonTable .tableItem.flagged .heading::after {
            content: "";
            display: inline-block;
            position: absolute;
            width: 32px;
            height: 46px;
            background: #7fba00;
            mask-image: url(img/banner.svg);
            -webkit-mask-image: url(img/banner.svg);
            mask-size: cover;
            -webkit-mask-size: cover;
            top: 0;
            right: 16px; }
        .comparison .container .comparisonTable .tableItem:first-of-type .heading {
          border-color: #7fba00; }
          .comparison .container .comparisonTable .tableItem:first-of-type .heading::after {
            background: #7fba00; }
        .comparison .container .comparisonTable .tableItem:nth-child(3) .heading {
          border-color: #7fba00; }
          .comparison .container .comparisonTable .tableItem:nth-child(3) .heading::after {
            background: #7fba00; }
        .comparison .container .comparisonTable .tableItem .content {
          display: flex;
          height: 100%;
          flex-direction: column; }
          .comparison .container .comparisonTable .tableItem .content .tableItems {
            padding: 16px calc(16px * 2); }
            .comparison .container .comparisonTable .tableItem .content .tableItems .item {
              padding: 16px 0; }
              .comparison .container .comparisonTable .tableItem .content .tableItems .item.small {
                font-size: 16px;
                color: #1A202C;
                line-height: 26px;
                letter-spacing: 0.32px; }
              .comparison .container .comparisonTable .tableItem .content .tableItems .item span {
                display: block;
                font-size: 20px;
                line-height: 26px;
                letter-spacing: 0.4px;
                color: #1A202C;
                font-weight: 500; }
              .comparison .container .comparisonTable .tableItem .content .tableItems .item:not(:last-of-type) {
                border-bottom: #F9F9F9 1px solid; }
          .comparison .container .comparisonTable .tableItem .content .cta {
            margin-top: auto;
            padding: 16px calc(16px * 2) calc(16px * 2); }
  .comparison .disclaimer {
    margin-top: -100px;
    padding: calc(100px + calc(16px * 2)) 0 calc(16px * 2);
    background: rgba(0, 0, 0, 0.1);
    text-align: center;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.32px;
    font-style: italic; }
    .comparison .disclaimer p {
      max-width: 700px;
      margin: 16px auto; }

.blurbs {
  padding: calc(16px * 4) 0; }
  .blurbs .container {
    padding: 0 calc(16px * 1.5);
    max-width: 1104px;
    margin: 0 auto; }
    @media (max-width: 1120px) {
      .blurbs .container {
        padding: 0 16px; } }
    .blurbs .container .intro {
      margin-bottom: calc(16px * 2); }
      .blurbs .container .intro h2.arch::before {
        content: "";
        display: block;
        background: transparent url(img/half-ellipse.svg) no-repeat center/cover;
        width: 52px;
        height: 26px;
        margin: 0 auto calc(16px / 2); }
    .blurbs .container .boxes {
      display: flex;
      gap: calc(16px * 1.5);
      justify-content: center; }
      .blurbs .container .boxes .blurb {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        align-items: center;
        font-size: 14px;
        color: #044606;
        text-decoration: none;
        letter-spacing: 1.4px;
        font-weight: 800;
        line-height: 19px;
        text-transform: uppercase;
        flex-direction: column;
        padding: calc(16px * 3);
        border-radius: 20px;
        transition: all 0.3s ease; }
        .blurbs .container .boxes .blurb svg {
          height: 207px; }
        .blurbs .container .boxes .blurb:hover {
          box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1); }
        .blurbs .container .boxes .blurb.left .circle {
          transition: all 0.3s ease;
          transform: scale(0.95) translate(10px, 15px); }
        .blurbs .container .boxes .blurb.left:hover .circle {
          transform: scale(1); }
        .blurbs .container .boxes .blurb.right .circle {
          transition: all 0.3s ease;
          transform: scale(0.95) translate(0px, 15px); }
        .blurbs .container .boxes .blurb.right:hover .circle {
          transform: scale(1); }
      .blurbs .container .boxes a.blurb span {
        display: block;
        margin-top: 16px;
        padding-right: 16px;
        transition: all 0.3s ease;
        padding-left: 16px; }
        .blurbs .container .boxes a.blurb span::after {
          content: "";
          background: url(img/chevron-dgreen.svg) no-repeat center/cover;
          width: 6px;
          height: 11px;
          margin-left: 16px;
          margin-bottom: -1px;
          display: inline-block;
          transition: all 0.3s ease; }
      .blurbs .container .boxes a.blurb:hover span {
        padding-right: 0; }
        .blurbs .container .boxes a.blurb:hover span::after {
          margin-left: calc(16px * 2); }
      @media (max-width: 650px) {
        .blurbs .container .boxes {
          flex-direction: column; }
          .blurbs .container .boxes .blurb {
            width: calc(100% - calc(16px * 4) - calc(16px * 2)) !important; } }
  .blurbs.bgimage .intro {
    margin: 0 0 16px 0; }
  .blurbs.bgimage .blurb {
    color: #FFFFFF !important; }
    .blurbs.bgimage .blurb:hover {
      color: #7fba00; }

.slider {
  padding: calc(16px * 4) 0; }
  .slider .container {
    padding: 0 calc(16px * 1.5);
    max-width: 1104px;
    margin: 0 auto; }
    @media (max-width: 1120px) {
      .slider .container {
        padding: 0 16px; } }
    .slider .container img {
      max-width: 100%; }
    .slider .container .slider-single .slide {
      display: flex !important;
      align-items: center;
      gap: calc(16px * 3); }
      .slider .container .slider-single .slide .button {
        margin-top: calc(16px * 2); }
      .slider .container .slider-single .slide img {
        width: 33.333%; }
      @media (max-width: 1120px) {
        .slider .container .slider-single .slide {
          flex-direction: column; }
          .slider .container .slider-single .slide img {
            margin-right: 0;
            width: 100%; }
          .slider .container .slider-single .slide .content {
            margin-top: 16px;
            text-align: center; } }
    @media (max-width: 1120px) {
      .slider .container .slider-single {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center; }
        .slider .container .slider-single .slick-list {
          max-width: calc(100% - 92px); } }
    .slider .container .slider-multi {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center; }
      .slider .container .slider-multi .slick-list {
        max-width: calc(100% - 92px); }
      .slider .container .slider-multi a {
        text-decoration: none !important; }
      .slider .container .slider-multi .slide {
        padding: 0 calc(16px / 2);
        width: calc(100% - 16px) !important; }
        .slider .container .slider-multi .slide .content {
          margin-top: 16px; }
          .slider .container .slider-multi .slide .content p {
            font-size: 16px; }

.slick-arrow {
  background: #F9F9F9 url(img/arrow-green.svg) no-repeat center/20px;
  border: none;
  border-radius: 100%;
  font-size: 0;
  width: 59px;
  height: 59px;
  cursor: pointer;
  transition: all 0.3s ease; }
  .slick-arrow:hover {
    background: #044606 url(img/arrow-white.svg) no-repeat center/20px; }

.slick-prev {
  transform: rotate(180deg);
  margin-right: 16px; }

.slick-next {
  margin-left: 16px; }

.slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: calc(16px * 2);
  padding: 0; }
  .slick-dots li {
    list-style: none;
    margin: 0 5px; }
    .slick-dots li button {
      font-size: 0;
      display: inline-block;
      height: 9px;
      width: 9px;
      border-radius: 100%;
      border: none;
      background-color: #1A202C;
      padding: 0;
      cursor: pointer;
      transition: all 0.3s ease; }
    .slick-dots li.slick-active button {
      background-color: #7fba00; }

.video {
  padding: calc(16px * 4) 0; }
  .video .container {
    padding: 0 calc(16px * 1.5);
    max-width: 1104px;
    margin: 0 auto; }
    @media (max-width: 1120px) {
      .video .container {
        padding: 0 16px; } }
    .video .container .intro {
      margin: 0 0 16px; }
    .video .container .block {
      border-radius: 30px;
      border: #044606 1px solid;
      display: flex;
      align-items: center;
      gap: calc(16px * 4); }
      .video .container .block .left, .video .container .block .right {
        width: calc(50% - calc(16px * 2)); }
      .video .container .block .left {
        display: flex; }
        .video .container .block .left iframe, .video .container .block .left img {
          max-width: 100%;
          border-radius: 30px 0px 0px 30px; }
      .video .container .block .right {
        padding: calc(16px * 3) calc(16px * 3) calc(16px * 3) 0;
        width: calc(50% - calc(16px * 2) - calc(16px * 3)); }
      @media (max-width: 650px) {
        .video .container .block {
          flex-direction: column; }
          .video .container .block .left {
            width: 100% !important; }
            .video .container .block .left iframe, .video .container .block .left img {
              border-radius: 30px 30px 0 0; }
          .video .container .block .right {
            width: calc(100% - (calc(16px * 3) * 2)) !important;
            padding: 0 calc(16px * 3) calc(16px * 3); } }
  .video.blue .block {
    border: #FFFFFF 5px solid !important; }

.tabs {
  padding: calc(16px * 4) 0; }
  .tabs .container {
    padding: 0 calc(16px * 1.5);
    max-width: 1104px;
    margin: 0 auto; }
    @media (max-width: 1120px) {
      .tabs .container {
        padding: 0 16px; } }
    .tabs .container .tabItems .topTabs {
      display: flex;
      justify-content: center; }
      @media (max-width: 1120px) {
        .tabs .container .tabItems .topTabs {
          flex-direction: column; } }
      .tabs .container .tabItems .topTabs .tabTitle {
        text-transform: uppercase;
        flex-grow: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: calc(16px / 2);
        cursor: pointer;
        border-bottom: #F9F9F9 1px solid;
        transition: all 0.3s ease; }
        .tabs .container .tabItems .topTabs .tabTitle:hover {
          color: #1A202C;
          font-weight: bold; }
        .tabs .container .tabItems .topTabs .tabTitle.active {
          color: #7fba00;
          border-bottom: #7fba00 1px solid;
          font-weight: bold; }
    .tabs .container .tabItems.side {
      display: flex;
      align-items: center; }
      .tabs .container .tabItems.side .sideTabs {
        width: 50%;
        margin-right: calc(16px * 2);
        display: flex;
        gap: 16px;
        flex-direction: column; }
        @media (max-width: 650px) {
          .tabs .container .tabItems.side .sideTabs {
            width: 100%;
            margin: 0; } }
        .tabs .container .tabItems.side .sideTabs .tabTitle {
          display: flex;
          cursor: pointer; }
          .tabs .container .tabItems.side .sideTabs .tabTitle:not(:last-of-type) {
            margin-bottom: 16px; }
          .tabs .container .tabItems.side .sideTabs .tabTitle a {
            font-weight: 600;
            text-decoration: none;
            text-transform: uppercase; }
          .tabs .container .tabItems.side .sideTabs .tabTitle .icon {
            background: #FFFFFF;
            border-radius: 6px;
            overflow: hidden;
            width: calc(16px * 2);
            height: calc(16px * 2);
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 16px;
            transition: all 0.3s ease;
            padding: calc(16px / 2);
            box-shadow: 3px 8px 16px rgba(0, 0, 0, 0.1); }
            @media (max-width: 650px) {
              .tabs .container .tabItems.side .sideTabs .tabTitle .icon {
                width: calc(calc(16px * 2) + calc(16px / 2));
                height: calc(calc(16px * 2) + calc(16px / 2)); } }
            .tabs .container .tabItems.side .sideTabs .tabTitle .icon img {
              max-width: 100%;
              max-height: 100%; }
          .tabs .container .tabItems.side .sideTabs .tabTitle .tabTitleContent {
            width: calc(100% - calc(16px * 3)); }
          .tabs .container .tabItems.side .sideTabs .tabTitle span {
            font-size: 24px;
            font-weight: 600;
            line-height: 22px;
            margin-bottom: calc(16px / 2);
            display: block;
            transition: all 0.3s ease; }
      .tabs .container .tabItems.side .tabContent {
        width: 50%;
        display: flex; }
        @media (max-width: 650px) {
          .tabs .container .tabItems.side .tabContent {
            display: none; } }
        .tabs .container .tabItems.side .tabContent .tabCopy {
          display: flex;
          align-items: center;
          justify-content: center; }
          .tabs .container .tabItems.side .tabContent .tabCopy img {
            max-width: 100%; }
    .tabs .container .tabItems.right .sideTabs {
      order: 2;
      margin-right: 0;
      margin-left: calc(16px * 2); }
      @media (max-width: 650px) {
        .tabs .container .tabItems.right .sideTabs {
          margin-left: 0;
          margin-top: 16px; } }
    .tabs .container .tabItems.right .tabContent {
      order: 1; }
    .tabs .container .tabItems .tabContent {
      display: flex;
      overflow: hidden; }
      .tabs .container .tabItems .tabContent .tabCopy {
        width: 100%;
        margin-top: 16px;
        padding-bottom: 16px;
        margin-right: -100%;
        visibility: hidden;
        opacity: 0;
        transition: all 0.3s ease; }
        .tabs .container .tabItems .tabContent .tabCopy.active {
          opacity: 1;
          visibility: visible; }
      .tabs .container .tabItems .tabContent.top .flex {
        display: flex;
        align-items: center;
        gap: calc(16px * 3); }
        @media (max-width: 1120px) {
          .tabs .container .tabItems .tabContent.top .flex {
            flex-wrap: wrap; } }
        .tabs .container .tabItems .tabContent.top .flex img.left {
          order: 1; }
        .tabs .container .tabItems .tabContent.top .flex .content {
          order: 2;
          width: 50%; }
          @media (max-width: 1120px) {
            .tabs .container .tabItems .tabContent.top .flex .content {
              width: 100%; } }
        .tabs .container .tabItems .tabContent.top .flex img.right {
          order: 3;
          margin-left: 16px; }
        .tabs .container .tabItems .tabContent.top .flex img {
          width: 50%; }
          @media (max-width: 1120px) {
            .tabs .container .tabItems .tabContent.top .flex img {
              width: 100%;
              order: 3 !important;
              margin: 16px 0 0; } }
      .tabs .container .tabItems .tabContent.top .tabCopy.full .content {
        width: 100% !important; }

.sustainability {
  padding: calc(16px * 4) 0; }
  .sustainability.bracket {
    margin-bottom: -270px; }
    .sustainability.bracket h3 {
      line-height: 40px; }
    .sustainability.bracket .intro {
      padding: 0;
      border: none;
      max-width: 700px;
      color: #044606; }
    .sustainability.bracket .topContent {
      color: #044606;
      max-width: 400px;
      margin: 0 auto;
      position: relative;
      display: flex;
      align-items: center; }
      @media (max-width: 1120px) {
        .sustainability.bracket .topContent {
          display: block; } }
      .sustainability.bracket .topContent .content {
        position: absolute;
        margin-top: 120px;
        left: 100%;
        width: 320px; }
        @media (max-width: 1120px) {
          .sustainability.bracket .topContent .content {
            position: relative;
            margin-top: calc(16px * 2);
            left: 0;
            width: 100%; } }
      .sustainability.bracket .topContent img {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0 auto; }
    .sustainability.bracket .inner .wrapper {
      display: flex;
      gap: 100px;
      max-width: 1085px;
      margin: calc(16px * 2) auto;
      color: #044606; }
      .sustainability.bracket .inner .wrapper.small {
        max-width: 850px; }
      @media (max-width: 1120px) {
        .sustainability.bracket .inner .wrapper {
          flex-direction: column; } }
      .sustainability.bracket .inner .wrapper .left, .sustainability.bracket .inner .wrapper .right {
        display: flex;
        gap: calc(16px * 2);
        align-items: center; }
        .sustainability.bracket .inner .wrapper .left img, .sustainability.bracket .inner .wrapper .right img {
          width: 120px;
          height: 120px; }
    .sustainability.bracket .inner::before, .sustainability.bracket .inner::after {
      content: "";
      display: block;
      background: url(img/sustainability-bracket.svg) no-repeat center/contain;
      height: 230px; }
    .sustainability.bracket .inner::after {
      transform: rotate(180deg); }
    .sustainability.bracket .bottomContent {
      color: #044606;
      max-width: 400px;
      margin: 0 auto;
      position: relative;
      display: flex;
      align-items: flex-start;
      min-height: 550px; }
      @media (max-width: 1120px) {
        .sustainability.bracket .bottomContent {
          display: block; } }
      .sustainability.bracket .bottomContent .content {
        position: absolute;
        margin-top: -300px;
        left: -100%;
        width: 320px;
        align-self: center; }
        @media (max-width: 1120px) {
          .sustainability.bracket .bottomContent .content {
            position: relative;
            margin-top: 0;
            margin-bottom: calc(16px * 2);
            left: 0;
            width: 100%; } }
      .sustainability.bracket .bottomContent img {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0 auto; }
  .sustainability.accordion {
    background: #E8E8E8;
    padding-top: 300px;
    color: #044606; }
    .sustainability.accordion .container {
      max-width: 1400px; }
      .sustainability.accordion .container h2 {
        text-align: center; }
      .sustainability.accordion .container .wrapper::before {
        content: "";
        display: block;
        background: url(img/connector.svg) no-repeat center bottom/100%;
        margin: calc(16px * 2) auto -1px;
        height: 300px;
        width: 80%; }
      .sustainability.accordion .container .wrapper .columns {
        display: flex;
        gap: calc(16px * 3); }
        @media (max-width: 1120px) {
          .sustainability.accordion .container .wrapper .columns {
            flex-wrap: wrap; } }
        .sustainability.accordion .container .wrapper .columns .left, .sustainability.accordion .container .wrapper .columns .right {
          width: 50%;
          border: #044606 1px solid;
          border-radius: 30px;
          text-align: center;
          display: flex;
          flex-direction: column;
          align-items: center; }
          @media (max-width: 1120px) {
            .sustainability.accordion .container .wrapper .columns .left, .sustainability.accordion .container .wrapper .columns .right {
              width: 100%; } }
          .sustainability.accordion .container .wrapper .columns .left .accordionItems, .sustainability.accordion .container .wrapper .columns .right .accordionItems {
            border: none;
            margin-bottom: calc(16px * 2);
            text-align: left;
            padding: calc(16px * 2) calc(16px * 2) 0; }
            .sustainability.accordion .container .wrapper .columns .left .accordionItems .accordionItem, .sustainability.accordion .container .wrapper .columns .right .accordionItems .accordionItem {
              background: transparent; }
              .sustainability.accordion .container .wrapper .columns .left .accordionItems .accordionItem .accordionTitle, .sustainability.accordion .container .wrapper .columns .right .accordionItems .accordionItem .accordionTitle {
                font-size: 35px;
                font-weight: 600;
                padding: calc(16px * 2) 0; }
                .sustainability.accordion .container .wrapper .columns .left .accordionItems .accordionItem .accordionTitle.active, .sustainability.accordion .container .wrapper .columns .right .accordionItems .accordionItem .accordionTitle.active {
                  color: #044606;
                  background: rgba(171, 217, 72, 0.25);
                  margin-bottom: 16px; }
              .sustainability.accordion .container .wrapper .columns .left .accordionItems .accordionItem:first-of-type, .sustainability.accordion .container .wrapper .columns .right .accordionItems .accordionItem:first-of-type {
                border-top: none; }
          .sustainability.accordion .container .wrapper .columns .left .button, .sustainability.accordion .container .wrapper .columns .right .button {
            margin-bottom: calc(16px * 2); }
          .sustainability.accordion .container .wrapper .columns .left .bottom-image, .sustainability.accordion .container .wrapper .columns .right .bottom-image {
            height: 308px;
            width: 100%;
            border-radius: 0 0 30px 30px;
            margin-top: auto; }

.timeline {
  padding: calc(16px * 4) 0 100px; }
  .timeline .container {
    padding: 0 calc(16px * 1.5);
    max-width: 1104px;
    margin: 0 auto;
    max-width: 1000px; }
    @media (max-width: 1120px) {
      .timeline .container {
        padding: 0 16px; } }
    @media (max-width: 1120px) {
      .timeline .container .timeline-item {
        margin-bottom: calc(16px * 4); } }
    .timeline .container .timeline-item .wrapper {
      display: flex;
      gap: calc(16px * 4);
      align-items: center;
      color: #044606; }
      @media (max-width: 650px) {
        .timeline .container .timeline-item .wrapper {
          flex-direction: column;
          gap: calc(16px * 2); } }
      .timeline .container .timeline-item .wrapper ul {
        padding: 0;
        margin: 0 0 0 calc(16px * 2);
        list-style: none; }
        .timeline .container .timeline-item .wrapper ul li {
          position: relative;
          padding-bottom: calc(16px / 2); }
          .timeline .container .timeline-item .wrapper ul li::before {
            border: 3px solid #044606;
            border-radius: 50%;
            content: "";
            display: inline-block;
            height: 12px;
            left: calc(0px - calc(16px * 2));
            position: absolute;
            top: 3px;
            width: 12px; }
          .timeline .container .timeline-item .wrapper ul li::after {
            background-color: #044606;
            content: "";
            height: calc(100% - 18px);
            left: calc(0px - 16px - 8.5px);
            position: absolute;
            top: 21px;
            width: 3px; }
          .timeline .container .timeline-item .wrapper ul li:last-of-type {
            padding-bottom: 0; }
            .timeline .container .timeline-item .wrapper ul li:last-of-type::after {
              display: none; }
    .timeline .container .timeline-item::after {
      content: "";
      display: block;
      background: url(img/timeline-mid.svg) no-repeat center/contain;
      height: 290px;
      width: 100%; }
      @media (max-width: 1120px) {
        .timeline .container .timeline-item::after {
          display: none; } }
    .timeline .container .timeline-item:first-of-type {
      background: url(img/timeline-start.svg) no-repeat center/contain;
      padding-top: 13.1%;
      padding-bottom: 20.8%; }
      @media (max-width: 1120px) {
        .timeline .container .timeline-item:first-of-type {
          background: transparent;
          padding: 0; } }
      .timeline .container .timeline-item:first-of-type::after {
        display: none; }
    .timeline .container .timeline-item:nth-child(even) .content {
      order: 1; }
    .timeline .container .timeline-item:nth-child(even) img {
      order: 2; }
    @media (max-width: 650px) {
      .timeline .container .timeline-item:nth-child(even) .content {
        order: 2; }
      .timeline .container .timeline-item:nth-child(even) img {
        order: 1; } }
    .timeline .container .timeline-item:nth-child(odd)::after {
      transform: scaleX(-1); }
    .timeline .container .timeline-item:last-of-type::after {
      display: none; }

section.team {
  padding: calc(16px * 4) 0; }
  section.team .container {
    padding: 0 calc(16px * 1.5);
    max-width: 1104px;
    margin: 0 auto; }
    @media (max-width: 1120px) {
      section.team .container {
        padding: 0 16px; } }
    section.team .container .teamMembers {
      display: flex;
      flex-wrap: wrap;
      gap: calc(16px * 4);
      align-items: flex-start; }
      section.team .container .teamMembers .member {
        width: calc(33.333% - calc(16px * 3));
        flex-grow: 1;
        position: relative;
        text-decoration: none;
        color: #044606; }
        section.team .container .teamMembers .member img {
          width: 100%;
          transition: all 0.3s ease; }
        section.team .container .teamMembers .member .content {
          margin-top: calc(16px / 2); }
          section.team .container .teamMembers .member .content h3 {
            font-size: 17px;
            line-height: 25px;
            margin-bottom: 0; }
            section.team .container .teamMembers img {
              border-radius: 10px;
            }
        @media (max-width: 1120px) {
          section.team .container .teamMembers .member {
            width: calc(50% - calc(16px * 3)); } }
        @media (max-width: 650px) {
          section.team .container .teamMembers .member {
            width: calc(100% - calc(16px * 3)); } }

section.team-member {
  padding: calc(16px * 4) 0; }
  section.team-member .container {
    padding: 0 calc(16px * 1.5);
    max-width: 1104px;
    margin: 0 auto;
    display: flex;
    gap: 100px; }
    @media (max-width: 1120px) {
      section.team-member .container {
        padding: 0 16px; } }
    section.team-member .container .team-back {
      text-transform: uppercase;
      font-weight: 800;
      color: #044606;
      text-decoration: none;
      font-size: 20px;
      display: flex;
      align-items: center; }
      section.team-member .container .team-back::before {
        content: "";
        display: inline-block;
        background: url(img/arrow-green.svg) no-repeat center/cover;
        width: 20px;
        height: 20px;
        transform: rotate(180deg);
        margin-right: 16px;
        margin-top: -2px; }
    section.team-member .container .left, section.team-member .container .right {
      width: 50%;
      color: #044606;
      font-size: 24px;
      line-height: 36px; }
      section.team-member .container .left img, section.team-member .container .right img {
        max-width: 100%; }
      section.team-member .container .left h1, section.team-member .container .right h1 {
        margin-top: 100px;
        font-size: 46px;
        line-height: 55px;
        max-width: 50%;
        margin-bottom: calc(16px / 2); }
      section.team-member .container .left span.title, section.team-member .container .right span.title {
        max-width: 50%; }
    @media (max-width: 1120px) {
      section.team-member .container {
        flex-direction: column; }
        section.team-member .container .left, section.team-member .container .right {
          width: 100%; } }

.page-template-template-newsroom .hero {
  padding: 150px 0; }
.page-template-template-newsroom .featured {
  padding: 0 16px; }
  .page-template-template-newsroom .featured .container {
    padding: 0 calc(16px * 1.5);
    max-width: 1104px;
    margin: 0 auto;
    padding: 0;
    display: flex; }
    @media (max-width: 1120px) {
      .page-template-template-newsroom .featured .container {
        padding: 0 16px; } }
    .page-template-template-newsroom .featured .container .thumbnail, .page-template-template-newsroom .featured .container .content {
      width: 50%;
      padding: calc(16px * 3); }
    .page-template-template-newsroom .featured .container .thumbnail {
      border-radius: 30px 0 0 30px; }
      @media (max-width: 1120px) {
        .page-template-template-newsroom .featured .container .thumbnail {
          width: 30%; } }
      @media (max-width: 650px) {
        .page-template-template-newsroom .featured .container .thumbnail {
          width: 20%; } }
    .page-template-template-newsroom .featured .container .content {
      border: #7fba00 10px solid;
      border-left: none;
      border-radius: 0 30px 30px 0; }
      @media (max-width: 1120px) {
        .page-template-template-newsroom .featured .container .content {
          width: 70%; } }
      @media (max-width: 650px) {
        .page-template-template-newsroom .featured .container .content {
          width: 80%; } }
      .page-template-template-newsroom .featured .container .content span {
        color: #044606;
        text-transform: uppercase; }
      .page-template-template-newsroom .featured .container .content h3 {
        color: #044606;
        margin-top: 16px; }
      .page-template-template-newsroom .featured .container .content p {
        font-size: 18px; }
      .page-template-template-newsroom .featured .container .content .button {
        margin-top: 16px; }
.page-template-template-newsroom .articles {
  padding: calc(16px * 4) 16px; }
  .page-template-template-newsroom .articles .container {
    padding: 0 calc(16px * 1.5);
    max-width: 1104px;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-direction: column; }
    @media (max-width: 1120px) {
      .page-template-template-newsroom .articles .container {
        padding: 0 16px; } }
    .page-template-template-newsroom .articles .container h2 {
      color: #044606; }
    .page-template-template-newsroom .articles .container .post-slider {
      width: calc(100% + 40px);
      margin-left: -20px; }
    .page-template-template-newsroom .articles .container .slick-arrow {
      position: absolute;
      bottom: calc(0px - calc(16px * 4) - 27.5px);
      right: 200px; }
      .page-template-template-newsroom .articles .container .slick-arrow.slick-prev {
        margin-right: calc(59px + 16px); }
    .page-template-template-newsroom .articles .container .viewall {
      display: inline-block;
      margin-left: auto;
      margin-top: calc(16px * 2);
      background: #efefef;
      padding: 16px calc(16px * 2);
      border-radius: 30px;
      font-size: 20px;
      color: #044606;
      font-weight: 600;
      text-decoration: none; }
      .page-template-template-newsroom .articles .container .viewall:hover {
        color: #FFFFFF;
        background: #044606; }
    .page-template-template-newsroom .articles .container .slick-track {
      display: flex !important; }
      .page-template-template-newsroom .articles .container .slick-track .slick-slide {
        display: flex !important;
        height: unset !important;
        margin: 0 20px; }
    .page-template-template-newsroom .articles .container .post {
      border: #044606 1px solid;
      border-radius: 15px;
      display: flex !important;
      height: calc(100% - 2px);
      overflow: hidden; }
      .page-template-template-newsroom .articles .container .post .thumbnail {
        width: 60%; }
        @media (max-width: 1120px) {
          .page-template-template-newsroom .articles .container .post .thumbnail {
            width: 35%; } }
        @media (max-width: 650px) {
          .page-template-template-newsroom .articles .container .post .thumbnail {
            display: none; } }
      .page-template-template-newsroom .articles .container .post .content {
        width: 40%;
        padding: 16px;
        display: flex;
        flex-direction: column; }
        @media (max-width: 1120px) {
          .page-template-template-newsroom .articles .container .post .content {
            width: 65%; } }
        @media (max-width: 650px) {
          .page-template-template-newsroom .articles .container .post .content {
            width: 100%; } }
        .page-template-template-newsroom .articles .container .post .content img {
          margin-left: auto; }
        .page-template-template-newsroom .articles .container .post .content h5 {
          margin-bottom: 16px; }
        .page-template-template-newsroom .articles .container .post .content .readmore {
          margin-top: auto;
          margin-left: auto;
          text-decoration: none;
          font-weight: 600;
          color: #044606;
          font-size: 16px; }
          .page-template-template-newsroom .articles .container .post .content .readmore:hover {
            color: #7fba00; }

.single .hero .container {
  position: relative; }
  .single .hero .container .right {
    display: flex;
    align-items: center; }
    .single .hero .container .right .thumbnail {
      width: 100%;
      border-radius: 30px 0 0 30px;
      overflow-y: hidden;
      max-height: 500px;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 1120px) {
        .single .hero .container .right .thumbnail {
          margin-left: calc(16px * 1.5);
          margin-right: calc(0px - calc(16px * 1.5)); } }
      .single .hero .container .right .thumbnail img {
        min-height: 100%;
        min-width: 100%; }
  .single .hero .container .left .goback {
    display: inline-block;
    font-weight: 600;
    text-decoration: none;
    color: #044606;
    margin-bottom: calc(16px * 3); }
  .single .hero .container .left h1 {
    font-size: 46px;
    line-height: 50px;
    font-weight: 400; }
  .single .hero .container .left .category {
    display: inline-block;
    padding: calc(16px / 2) calc(16px * 1.5);
    border-radius: 30px;
    font-weight: 400;
    font-size: 17px;
    color: #1A202C;
    text-decoration: none;
    background: #efefef;
    margin-right: 16px; }
.single .content {
  padding: calc(16px * 4) 0; }
  .single .content .container {
    padding: 0 calc(16px * 1.5);
    max-width: 1104px;
    margin: 0 auto; }
    @media (max-width: 1120px) {
      .single .content .container {
        padding: 0 16px; } }

.blog .intro, .archive .intro {
  padding: 150px calc(16px * 1.5) 0; }
  @media (max-width: 1120px) {
    .blog .intro, .archive .intro {
      padding: calc(16px * 4) calc(16px * 1.5) 0; } }
  .blog .intro .container, .archive .intro .container {
    padding: 0 calc(16px * 1.5);
    max-width: 1104px;
    margin: 0 auto;
    padding: 0 0 calc(16px * 3) 0;
    border-bottom: #044606 1px solid;
    display: flex;
    align-items: center; }
    @media (max-width: 1120px) {
      .blog .intro .container, .archive .intro .container {
        padding: 0 16px; } }
    @media (max-width: 1120px) {
      .blog .intro .container, .archive .intro .container {
        flex-direction: column; } }
    .blog .intro .container .left, .archive .intro .container .left {
      color: #044606; }
    .blog .intro .container .right, .archive .intro .container .right {
      margin-left: auto;
      display: flex;
      gap: calc(16px * 2); }
      @media (max-width: 1120px) {
        .blog .intro .container .right, .archive .intro .container .right {
          margin: calc(16px * 2) 0; } }
      .blog .intro .container .right span, .archive .intro .container .right span {
        color: #7c7c7c;
        font-weight: 600;
        font-size: 23px;
        margin-top: calc(16px / 2); }
      .blog .intro .container .right .categories, .archive .intro .container .right .categories {
        display: flex;
        flex-wrap: wrap;
        gap: 16px; }
        .blog .intro .container .right .categories a, .archive .intro .container .right .categories a {
          display: inline-block;
          padding: calc(16px / 2) calc(16px * 1.5);
          border-radius: 30px;
          font-weight: 600;
          font-size: 17px;
          color: #044606;
          text-decoration: none;
          background: #efefef; }
          .blog .intro .container .right .categories a:hover, .archive .intro .container .right .categories a:hover {
            color: #FFFFFF;
            background: #044606; }
.blog .navigation, .archive .navigation {
  text-align: center;
  margin: calc(calc(16px * 3) * 2) 0; }
  .blog .navigation .nav-links, .archive .navigation .nav-links {
    display: flex;
    align-items: center;
    justify-content: center; }
    .blog .navigation .nav-links .page-numbers, .archive .navigation .nav-links .page-numbers {
      color: #1A202C;
      text-decoration: none;
      margin: 0 calc(16px / 2); }
      .blog .navigation .nav-links .page-numbers.current, .archive .navigation .nav-links .page-numbers.current {
        color: #7fba00;
        font-weight: 600; }
      .blog .navigation .nav-links .page-numbers.next, .blog .navigation .nav-links .page-numbers.prev, .archive .navigation .nav-links .page-numbers.next, .archive .navigation .nav-links .page-numbers.prev {
        background: #efefef url(img/arrow-green.svg) no-repeat center/13px;
        width: 33px;
        height: 33px;
        display: inline-block;
        text-indent: -9999px;
        border-radius: 100%;
        transition: all 0.3s ease; }
        .blog .navigation .nav-links .page-numbers.next:hover, .blog .navigation .nav-links .page-numbers.prev:hover, .archive .navigation .nav-links .page-numbers.next:hover, .archive .navigation .nav-links .page-numbers.prev:hover {
          background: #044606 url(img/arrow-white.svg) no-repeat center/13px; }
      .blog .navigation .nav-links .page-numbers.next, .archive .navigation .nav-links .page-numbers.next {
        margin-left: calc(16px * 3); }
      .blog .navigation .nav-links .page-numbers.prev, .archive .navigation .nav-links .page-numbers.prev {
        transform: rotate(180deg);
        margin-right: calc(16px * 3); }
      .blog .navigation .nav-links .page-numbers.inactive, .archive .navigation .nav-links .page-numbers.inactive {
        background: #efefef url(img/arrow-green.svg) no-repeat center/13px; }
.blog .article-list .container, .archive .article-list .container {
  padding: 0 calc(16px * 1.5);
  max-width: 1104px;
  margin: 0 auto; }
  @media (max-width: 1120px) {
    .blog .article-list .container, .archive .article-list .container {
      padding: 0 16px; } }
  .blog .article-list .container .posts, .archive .article-list .container .posts {
    margin: 0;
    padding: 0; }
    .blog .article-list .container .posts .post, .archive .article-list .container .posts .post {
      padding: calc(16px * 1.5);
      display: flex;
      margin: 0 auto;
      text-decoration: none;
      color: #1A202C;
      align-items: center; }
      .blog .article-list .container .posts .post .thumbnail, .archive .article-list .container .posts .post .thumbnail {
        min-width: 240px;
        width: 240px;
        height: 240px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: calc(16px * 4);
        border-radius: 15px; }
        .blog .article-list .container .posts .post .thumbnail img, .archive .article-list .container .posts .post .thumbnail img {
          max-height: 100%;
          height: 100%;
          width: auto;
          display: block;
          transition: all 0.3s ease; }
      .blog .article-list .container .posts .post .content, .archive .article-list .container .posts .post .content {
        width: 100%;
        color: #044606;
        max-width: 600px; }
        .blog .article-list .container .posts .post .content h5, .archive .article-list .container .posts .post .content h5 {
          margin: 0 0 calc(16px / 2);
          transition: all 0.3s ease;
          color: #044606; }
        .blog .article-list .container .posts .post .content p, .archive .article-list .container .posts .post .content p {
          margin: 0; }
        .blog .article-list .container .posts .post .content span.date, .archive .article-list .container .posts .post .content span.date {
          margin: calc(16px / 2) 0;
          display: block;
          font-size: 12px;
          text-transform: uppercase; }
        .blog .article-list .container .posts .post .content .category, .archive .article-list .container .posts .post .content .category {
          background: #efefef;
          font-size: 12px;
          border-radius: 20px;
          padding: calc(16px / 2) 16px;
          margin-right: 16px; }
      .blog .article-list .container .posts .post .readMore, .archive .article-list .container .posts .post .readMore {
        margin-left: auto;
        font-size: 23px;
        font-weight: 600;
        color: #044606; }
      .blog .article-list .container .posts .post:hover, .archive .article-list .container .posts .post:hover {
        background: rgba(171, 217, 72, 0.1); }
      @media (max-width: 1120px) {
        .blog .article-list .container .posts .post, .archive .article-list .container .posts .post {
          flex-direction: column;
          align-items: flex-start;
          gap: calc(16px * 1.5); } }

/* .page-template-page-contact .hero .container, .page-template-page-contact .hero #breadcrumbs {
  max-width: 1000px; }
.page-template-page-contact .hero .container {
  margin: 0 auto;
  padding: 0 16px; } */
  .page-template-page-contact .hero .container .right::before {
    display: none; }
.page-template-page-contact .sales {
  padding: calc(16px * 4) 0; }
  .page-template-page-contact .sales .container {
    padding: 0 calc(16px * 1.5);
    max-width: 1104px;
    margin: 0 auto;
    max-width: 1000px; }
    @media (max-width: 1120px) {
      .page-template-page-contact .sales .container {
        padding: 0 16px; } }
    .page-template-page-contact .sales .container .search {
      display: flex;
      flex-wrap: wrap;
      gap: 16px 40px;
      margin-top: calc(16px * 2); }
      .page-template-page-contact .sales .container .search strong {
        width: 100%;
        display: block;
        margin-bottom: calc(16px / 2); }
      .page-template-page-contact .sales .container .search #regionSelect {
        flex-grow: 1;
        width: calc(50% - 216px); }
      .page-template-page-contact .sales .container .search #stateSelect {
        display: flex;
        flex-grow: 1;
        width: calc(50% - 20px); }
        .page-template-page-contact .sales .container .search #stateSelect .categorySearch {
          width: 100%; }
        .page-template-page-contact .sales .container .search #stateSelect button {
          text-decoration: none;
          display: inline-flex;
          color: #1A202C;
          background: #7fba00;
          font-size: 14px;
          line-height: 19px;
          letter-spacing: 1.4px;
          border-radius: 26px;
          padding: calc(16px - 2px) calc(calc(16px * 2) + calc(16px / 2));
          align-items: center;
          width: auto;
          text-transform: uppercase;
          font-weight: 800;
          border: #7fba00 2px solid;
          cursor: pointer !important;
          transition: all 0.3s ease;
          align-self: flex-end;
          margin-left: 40px; }
          .page-template-page-contact .sales .container .search #stateSelect button::after {
            content: "";
            display: block;
            background: transparent url(img/chevron.svg) no-repeat center right;
            width: 7px;
            height: 12px;
            margin-top: -1px;
            margin-left: 16px;
            transition: all 0.3s ease; }
          .page-template-page-contact .sales .container .search #stateSelect button:hover {
            background: #FFFFFF;
            color: #1A202C;
            padding: calc(16px - 2px) calc(16px * 2) calc(16px - 2px) calc(calc(16px * 2) + calc(16px / 2));
            border: #7fba00 2px solid; }
            .page-template-page-contact .sales .container .search #stateSelect button:hover::after {
              background: transparent url(img/chevron.svg) no-repeat center right;
              margin-left: calc(16px * 1.5); }
      @media (max-width: 650px) {
        .page-template-page-contact .sales .container .search {
          flex-direction: column; }
          .page-template-page-contact .sales .container .search #regionSelect, .page-template-page-contact .sales .container .search #stateSelect {
            width: 100%;
            flex-direction: column; }
            .page-template-page-contact .sales .container .search #regionSelect button, .page-template-page-contact .sales .container .search #stateSelect button {
              margin-top: 16px;
              align-self: flex-start;
              margin-left: 0px; } }
    .page-template-page-contact .sales .container form.disabled {
      opacity: 0.5; }
      .page-template-page-contact .sales .container form.disabled button:hover {
        text-decoration: none;
        display: inline-flex;
        color: #1A202C;
        background: #7fba00 !important;
        font-size: 14px;
        line-height: 19px;
        letter-spacing: 1.4px;
        border-radius: 26px;
        padding: calc(16px - 2px) calc(calc(16px * 2) + calc(16px / 2)) !important;
        align-items: center;
        width: auto;
        text-transform: uppercase;
        font-weight: 800;
        border: #7fba00 2px solid;
        cursor: pointer !important;
        transition: all 0.3s ease;
        align-self: flex-end;
        margin-left: 40px; }
        .page-template-page-contact .sales .container form.disabled button:hover::after {
          content: "";
          display: block;
          background: transparent url(img/chevron.svg) no-repeat center right !important;
          width: 7px;
          height: 12px;
          margin-top: -1px;
          margin-left: 16px !important;
          transition: all 0.3s ease; }
    .page-template-page-contact .sales .container .results h4 {
      color: #1A202C;
      font-size: 14px;
      line-height: 32px;
      letter-spacing: 2.8px;
      text-transform: uppercase;
      font-weight: 300;
      margin-top: calc(16px * 3); }
    .page-template-page-contact .sales .container .results .people {
      display: flex;
      gap: calc(16px * 2) calc(16px * 4);
      max-width: 80%;
      margin: 0 auto; }
      .page-template-page-contact .sales .container .results .people .person {
        display: flex;
        gap: 24px;
        width: 50%;
        align-items: center;
        justify-content: center; }
        .page-template-page-contact .sales .container .results .people .person .headshot {
          min-width: 132px;
          min-height: 132px;
          width: 132px;
          height: 132px;
          border-radius: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          overflow: hidden; }
          .page-template-page-contact .sales .container .results .people .person .headshot img {
            min-width: 100%;
            min-height: 100%;
            object-fit: cover;
            width: auto; }
        .page-template-page-contact .sales .container .results .people .person strong {
          display: block;
          margin-bottom: calc(16px / 2); }
        .page-template-page-contact .sales .container .results .people .person a {
          color: #044606;
          text-decoration: none;
          margin-bottom: 4px;
          display: inline-block; }
          .page-template-page-contact .sales .container .results .people .person a:hover {
            text-decoration: underline; }
      @media (max-width: 1120px) {
        .page-template-page-contact .sales .container .results .people {
          flex-direction: column;
          max-width: 100%; }
          .page-template-page-contact .sales .container .results .people .person {
            width: 100%; } }
.page-template-page-contact .contact {
  padding: calc(16px * 4) 0; }
  .page-template-page-contact .contact .container {
    padding: 0 calc(16px * 1.5);
    max-width: 1104px;
    margin: 0 auto;
    max-width: 1000px;
    display: flex;
    gap: calc(16px * 2) calc(16px * 4); }
    @media (max-width: 1120px) {
      .page-template-page-contact .contact .container {
        padding: 0 16px; } }
    .page-template-page-contact .contact .container .left {
      max-width: 480px; }
      .page-template-page-contact .contact .container .left .gform_wrapper {
        margin-top: calc(16px * 3); }
      .page-template-page-contact .contact .container .left .gform_heading {
        display: none; }
      .page-template-page-contact .contact .container .left .gform_footer button {
        text-decoration: none;
        display: inline-flex;
        color: #1A202C;
        background: #7fba00;
        font-size: 14px;
        line-height: 19px;
        letter-spacing: 1.4px;
        border-radius: 26px;
        padding: calc(16px - 2px) calc(calc(16px * 2) + calc(16px / 2));
        align-items: center;
        width: auto;
        text-transform: uppercase;
        font-weight: 800;
        border: #7fba00 2px solid;
        cursor: pointer !important;
        transition: all 0.3s ease; }
        .page-template-page-contact .contact .container .left .gform_footer button::after {
          content: "";
          display: block;
          background: transparent url(img/chevron.svg) no-repeat center right;
          width: 7px;
          height: 12px;
          margin-top: -1px;
          margin-left: 16px;
          transition: all 0.3s ease; }
        .page-template-page-contact .contact .container .left .gform_footer button:hover {
          background: #FFFFFF;
          color: #1A202C;
          padding: calc(16px - 2px) calc(16px * 2) calc(16px - 2px) calc(calc(16px * 2) + calc(16px / 2));
          border: #7fba00 2px solid; }
          .page-template-page-contact .contact .container .left .gform_footer button:hover::after {
            background: transparent url(img/chevron.svg) no-repeat center right;
            margin-left: calc(16px * 1.5); }
    .page-template-page-contact .contact .container .right {
      width: 320px;
      margin-left: auto; }
      .page-template-page-contact .contact .container .right address {
        font-style: normal; }
      .page-template-page-contact .contact .container .right hr {
        width: 100%;
        margin: calc(16px * 3) 0; }
    @media (max-width: 650px) {
      .page-template-page-contact .contact .container {
        flex-direction: column; }
        .page-template-page-contact .contact .container .left, .page-template-page-contact .contact .container .right {
          max-width: 100%;
          width: 100%; } }

/* =======================================
   GLOBAL STYLES
   ======================================= */
body {
  font-family: "Avenir", Arial, sans-serif;
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.32px;
  font-weight: 400;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'kern';
  /* --------- GLOBAL TEXT STYLES --------- */
  /* --------- LINKS --------- */
  /* --------- GLOBAL IMAGE STYLES --------- */
  /* --------- GLOBAL SECTION STYLES --------- */
  /* --------- LIST STYLES --------- */
  /* --------- BREADCRUMBS --------- */ }
  body.active {
    overflow-y: hidden; }
  body .bgimage a.button.soft::after {
    background: transparent url(img/chevron-white.svg) no-repeat center right !important; }
  body p {
    margin: calc(16px / 2) 0; }
  body h1, body .header1 {
    font-size: 60px;
    line-height: 65px;
    font-weight: 800;
    margin: 16px 0; }
    @media (max-width: 1120px) {
      body h1, body .header1 {
        font-size: 35px;
        line-height: 40px; } }
  body h2, body .header2, body blockquote {
    font-size: 36px;
    letter-spacing: 0.36px;
    font-weight: 300;
    line-height: 48px;
    margin: calc(16px * 2) 0; }
    @media (max-width: 1120px) {
      body h2, body .header2, body blockquote {
        font-size: 30px;
        line-height: 35px; } }
  body h3 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    letter-spacing: 0.24px;
    margin: calc(16px * 2) 0 calc(16px / 2); }
  body h4, body h5 {
    font-size: 20px; }
  body h6 {
    font-size: 14px;
    letter-spacing: 2.8px;
    line-height: 32px;
    text-transform: uppercase;
    margin: 0 0 16px;
    font-weight: 300;
    color: #606060; }
  body blockquote {
    color: #044606;
    text-align: center;
    border-left: #044606 1px solid;
    padding: calc(16px * 2) 16px calc(16px * 2) 50px;
    position: relative;
    line-height: 70px; }
    body blockquote::before {
      content: "";
      display: block;
      background: #bad80a;
      border-radius: 100%;
      width: 100px;
      height: 100px;
      opacity: 0.2;
      position: absolute;
      z-index: -1;
      left: 16px;
      top: 0; }
  body hr {
    border: 0px;
    height: 1px;
    background: #d8d9d8;
    max-width: 1400px;
    width: calc(100% - calc(16px * 2)); }
  body .buttons {
    display: flex;
    gap: 16px;
    margin-top: calc(16px * 2); }
  body a {
    color: #7fba00;
    transition: all 0.3s ease;
    text-decoration: underline;
    font-weight: 500; }
    body a:hover {
      color: #bad80a; }
    body a.button {
      text-decoration: none;
      display: inline-flex;
      color: #1A202C;
      background: #7fba00;
      font-size: 14px;
      line-height: 19px;
      letter-spacing: 1.4px;
      border-radius: 26px;
      padding: calc(16px - 2px) calc(calc(16px * 2) + calc(16px / 2));
      align-items: center;
      width: auto;
      text-transform: uppercase;
      font-weight: 800;
      border: #7fba00 2px solid; }
      body a.button::after {
        content: "";
        display: block;
        background: transparent url(img/chevron.svg) no-repeat center right;
        width: 7px;
        height: 12px;
        margin-top: -1px;
        margin-left: 16px;
        transition: all 0.3s ease; }
      body a.button:hover {
        background: #FFFFFF;
        color: #1A202C;
        padding: calc(16px - 2px) calc(16px * 2) calc(16px - 2px) calc(calc(16px * 2) + calc(16px / 2));
        border: #7fba00 2px solid; }
        body a.button:hover::after {
          background: transparent url(img/chevron.svg) no-repeat center right;
          margin-left: calc(16px * 1.5); }
      body a.button.secondary {
        background: #FFFFFF;
        border: #044606 1px solid;
        padding: calc(calc(16px / 2) - 1px) calc(16px - 1px); }
        body a.button.secondary::after {
          border-left: #044606 1px solid; }
        body a.button.secondary:hover {
          background: #044606; }
          body a.button.secondary:hover::after {
            border-left: rgba(255, 255, 255, 0.3) 1px solid; }
      body a.button.soft {
        background: transparent;
        color: currentColor;
        padding: 0;
        font-size: 14px;
        font-weight: 800;
        letter-spacing: 1.4px;
        line-height: 19px;
        margin-top: 16px;
        text-transform: none;
        border: none;
        text-transform: uppercase; }
        body a.button.soft::after {
          content: "";
          display: block;
          background: transparent url(img/chevron-dgreen.svg) no-repeat center right;
          width: 7px;
          height: 12px;
          margin-top: -1px;
          margin-left: 16px;
          transition: all 0.3s ease; }
        body a.button.soft:hover::after {
          margin-left: calc(16px * 1.5); }
  body img {
    display: inline-block; }
    body img.aligncenter {
      margin: 0 auto;
      clear: both;
      display: block; }
    body img.alignleft {
      float: left;
      margin: 0 16px 16px 0; }
    body img.alignright {
      float: right;
      margin: 0 0 16px 16px; }
  body .gallery {
    max-width: 100% !important;
    width: auto !important; }
    body .gallery img {
      border: none !important; }
  body .wp-caption-text {
    color: #044606;
    font-weight: 800;
    margin-top: 20px !important;
    text-align: center;
    max-width: 80%;
    font-size: 16px;
    line-height: 24px; }
  body iframe {
    border-radius: 30px; }
  body .image-branch {
    position: relative;
    margin-top: calc(75px + 16px); }
    body .image-branch::before {
      content: "";
      display: block;
      width: 2px;
      height: 75px;
      position: absolute;
      left: calc(50% - 1px);
      top: -74px;
      background: #1A202C; }
  body .blue .image-branch::before {
    background: #122f51; }
  body .darkgreen .image-branch::before {
    background: #FFFFFF; }
  body section *:first-child {
    margin-top: 0; }
  body section *:last-child {
    margin-bottom: 0; }
  body section.blue {
    background: #E2E8F0;
    padding: 100px 0;
    color: #122f51; }
  body section.gray {
    background: #E8E8E8; }
  body section.darkgreen {
    background: #044606;
    color: #FFFFFF;
    padding: 100px 0; }
    body section.darkgreen .container .intro {
      border-color: #7fba00; }
      body section.darkgreen .container .intro.large * {
        max-width: 100%; }
  body section.lightgray {
    background: #F9F9F9; }
  body section.notop {
    padding-top: 0 !important; }
  body section.nobottom {
    padding-bottom: 0 !important; }
  body section.bgimage {
    color: #FFFFFF;
    background-position: center;
    background-size: cover;
    position: relative; }
    body section.bgimage::before {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      background: linear-gradient(45deg, #000, rgba(255, 255, 255, 0));
      left: 0;
      top: 0; }
    body section.bgimage .container {
      z-index: 2;
      position: relative; }
  body section .intro {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto; }
    body section .intro.small {
      max-width: 600px; }
    body section .intro.green {
      background: #044606 url(img/intro-ellipse.svg) no-repeat center/cover;
      border: none !important;
      color: #FFFFFF;
      padding: 100px calc(16px * 4) !important; }
  body section.border .container {
    gap: 0 calc(16px * 4); }
  body section.border .wrapper {
    border-right: #044606 1px solid;
    border-left: #044606 1px solid; }
  body section.border .brackettop {
    background: url(img/top-bracket.svg) no-repeat center bottom/100%;
    margin-top: calc(16px * 2);
    margin-bottom: -1px;
    height: 120px;
    width: 100%; }
  body section.border .bracketbottom {
    background: url(img/bottom-bracket.svg) no-repeat center top/100%;
    margin-bottom: 0;
    margin-top: -1px;
    height: 120px;
    width: 100%; }
  body section .brackettop {
    background: url(img/top-divider.svg) no-repeat center bottom/auto 100%;
    margin-top: calc(16px * 2);
    margin-bottom: calc(16px * 3);
    height: 55px;
    width: 100%; }
  body section .bracketbottom {
    background: url(img/bottom-divider.svg) no-repeat center bottom/auto 100%;
    margin-top: calc(16px * 3);
    margin-bottom: 0;
    height: 55px;
    width: 100%; }
  body .checklist {
    padding: 0;
    list-style: none; }
    body .checklist li {
      display: flex;
      align-items: flex-start;
      margin-bottom: calc(16px * 1.5);
      font-weight: 500; }
      body .checklist li::before {
        content: "";
        display: inline-block;
        background: url(img/check.svg);
        min-width: 24px;
        min-height: 24px;
        width: 24px;
        height: 24px;
        margin-right: calc(16px / 2);
        margin-top: -2px; }
  body ol, body ul {
    padding-left: 20px; }
    body ol.two, body ul.two {
      columns: 2; }
    body ol.three, body ul.three {
      columns: 3; }
  body .breadcrumbWrapper {
    padding: 0 calc(16px * 1.5);
    max-width: 1104px;
    margin: 0 auto; }
    @media (max-width: 1120px) {
      body .breadcrumbWrapper {
        padding: 0 16px; } }

.inline-posts.posts .container .columns .post h3{
  font-size: 24px;
  font-weight: 800;
  margin-top: 10px;
}
.inline-posts.posts .container .columns .post .content .date{
  font-size: 14px;
  text-transform: uppercase;
  color: #242424;
  font-weight: 400;
  letter-spacing:2px;
}
.inline-posts.posts .container .columns{
  margin-top: 17px;
}
.inline-posts.posts .container .columns .post {
  background-color: transparent;
  box-shadow:0 0 0 rgba(0,0,0,0);
}
.inline-posts.posts .container .columns .post .content{
  padding-left: 0;
  padding-right: 0;
}
.inline-posts.posts .container {
  position: relative;
}
.inline-posts.posts .viewall:hover{
  color: #7fba00;
  text-decoration: none;
}
.inline-posts.posts .viewall{
  position: absolute;
  top: 10px;
  right:24px;
  margin: 0;
  font-size: 14px;
  font-weight: 800;
  color: #044606;
}
.inline-posts.posts .container .columns .post .thumbnail{
  max-width: 100%;
}
.inline-posts.posts .container .columns .post{
  max-width: 100%;
}
.inline-posts.posts .container{
  max-width: 1100px;
}
.inline-posts.posts .container .columns .post .thumbnail img{
  height: 233px;
  width: auto;
  min-width:100%;
}
.inline-posts.posts .container .columns .post .thumbnail{
  border-radius:20px;
  border-width:0;
  height: 233px;
}
section.team .container .teamMembers .member{
  flex-grow:0;
}
.blog .intro .container .right .categories a.cat-active,
.archive .intro .container .right .categories a.cat-active{
  color: #fff;
  background-color: #044606;
}
.homepage.hero.stat-hero .container *{
  max-width: 100%;
}
.stat-hero,
.homepage.stat-hero,
.home .stat-hero{
  flex-wrap:wrap;
  padding: 0;
}
body .hero-news{
  width: 100%;
  background-color:#D0E265;
  color: #242424;
  font-size: 16px;
  font-weight: 400;
  box-shadow:inset 0px 7px 13px -13px rgba(50, 50, 50, 0.1);
  position: relative;
  padding: 10px 40px 10px 15px;
}
.latest-news-tag{
  text-transform: uppercase;
  margin-right: 14px;
  position: relative;
  top: 1px;
  letter-spacing:2px;
}
.close-news{
  position: absolute;
  top: 50%;
  right: 15px;
  height: 12px;
  width: 13px;
  background:url(img/close-news.webp) no-repeat 50% 50%;
  text-align: left;
  text-indent:-99999px;
  margin-top: -6px;
}
.view-all-news{
  font-weight: 800;
  color: #242424;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  margin-left: 30px;
  margin-right: 30px;
}
.view-all-news:hover{
  text-decoration: underline;
}
body .hero-news a{
  color: #242424;
}
body .hero-news h3{
  color: #242424;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
  display: inline-block;
}
.hero-left {
  text-align: left;
  padding:50px 0;
}
.homepage.hero.stat-hero{ 
  background-position:100% 0;
  background-size:auto;
  background-repeat:no-repeat;
  background-image:url(img/hero-bg.webp);
}
.homepage.hero.stat-hero .container .buttons{
  justify-content: flex-start;
  margin-top: 25px;
}
.hero-left h2{
  font-size: 24px;
  font-weight:400;
  color: #242424;
  margin: 0;
}
body:not(.home) h1 span{
  color:#000;
}
.hero-left h1 span{
  color:#044606;
}
.hero-right{
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 70px !important;
  flex-wrap:wrap;
}
.homepage.hero .container .gallons p{
  font-size: 14px;
  color: #fff;
  margin-bottom: 10px;
  margin-top: 0;
  font-weight: 500;
  line-height: 1.5;
}
.homepage.hero .container .gallons .gallon-text{
  font-size: 24px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 0;
}
.homepage.hero.stat-hero .container .gallons {
  background:url(img/gallons-bg.webp) no-repeat 50% 100%;
  height: 352px;
  max-width: 291px !important;
  border-radius:10px;
  padding: 35px 18px 34px;
  box-sizing:border-box;
  text-align: left;
}
.homepage.hero .container .nitrogen-phosphorus p{
  font-size: 14px;
  color: #fff;
  margin-bottom: 10px;
  margin-top: 0;
  font-weight: 500;
  line-height: 1.5;
}
.homepage.hero .container .nitrogen-phosphorus .nitrogen-text{
  font-size: 24px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 0;
}
.homepage.hero .container .nitrogen-phosphorus .phosphorus-text{
  font-size: 24px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 0;
}
.homepage.hero.stat-hero .container .nitrogen-phosphorus {
  background:url(img/nitrogen-phos-bg.png) no-repeat 50% 100%;
  height: 352px;
  max-width: 291px !important;
  border-radius:10px;
  padding: 35px 18px 34px;
  box-sizing:border-box;
  text-align: left;
}
.homepage.hero.stat-hero .container .stats {
  max-width: 291px !important;
  width: 100%;
}
.homepage.hero.stat-hero .container .stat {
  background-color: #044606;
  border-radius:10px;
  color:#fff;
  text-align: left;
  padding: 21px 18px;
  margin-bottom: 10px;
  width: 100%;
  max-width: 287px !important;
  box-sizing:border-box;
}
.homepage.hero .container .stat:last-child {
  margin-bottom: 0;
}
.homepage.hero .container .stat h3{
  font-size: 24px;
  font-weight: 800;
  margin: 0;
}
.homepage.hero .container .stat p:before{
  content:' ';
  display: inline-block;
  background: url(img/stat-arrow.webp) no-repeat 0 0;
  width: 10px;
  height: 12px;
  margin-right: 5px;
  position: relative;
  top: 1px;
}
.homepage.hero .container .stat p{
  font-size: 14px;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 0;
}
.home .hero .container p.stat-disclaimer,
p.stat-disclaimer{
  color: #606060;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 0;
}
.homepage.hero.stat-hero .container .img-stats{
  background-size:cover;
  background-position:50% 0;
  border-radius:10px;
  width: 100%;
  max-width: 287px !important;
  height: 337px;
}
.homepage.hero.stat-hero .container.breadcrumb-container{
  display: none;
}
body:not(.home) .homepage.hero.stat-hero{
  background-color: #FAFAFA;
}

.reserved-footer-text {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;  
}

.reserved-footer-text {
  flex-shrink: 1;
  white-space: nowrap;
}

.scroll-container {
  z-index: 9999;
  position: fixed;
  right: 50px;
  top: 580px;
  margin-top: 0;
  display: flex;
  align-items: center;
}

.scroll-text {
  text-transform: uppercase;
  color: #b4b4b4;
  margin-right: 10px;
  font-weight: bold;
}

#scroll-arrow {
  content: url('img/scroll-arrow.svg');
}

#scroll-arrow:hover {
  /* Set the hover image */
  content: url('img/scroll-arrow-hover.svg');
}
.stat-hero-container{
  max-width:239px;
  width: calc(33.3333% - 40px);
  padding-bottom: 30px;
}
.stat-bg:before{
  position: absolute;
  top: 0;
  left: 0;
  background:rgba(0,0,0,0.3);
  border-radius:10px;
  width: 100%;
  height: 100%;
  content:' ';
}
.stat-bg .stats-module{
  box-sizing:border-box;
}
.stat-bg{
  background-size:cover;
  background-position:50% 50%;
  min-height: 339px;
  width: 100%;
  max-width:100%;
  border-radius:10px;
  padding: 27px 15px;
  text-align: left;
  color: #fff;
  box-sizing:border-box;
  font-weight: bold;
  overflow:hidden;
  position: relative;
  flex:1 1 250px;
}
.stat-bg span.stat-text{
  font-size: 24px;
  line-height: 1;
  font-weight: 600;
  letter-spacing:0.24px;
  margin:0;
}
.stat-bg span.stat-text,
.stat-bg .stat-data p{
  display: inline-block;
  margin-right: 5px;
  font-weight: 400;
}
.stat-bg span.stat-text{
  font-weight: 600;
}
.stat-bg .stats-module{
  z-index:1;
  position: relative;
  margin-bottom: 20px;
}
.stat-data{
  box-sizing: border-box;
}
body .stat-hero .hero-left-below{
  flex:1 1 600px;
  max-width: 600px !important;
}
body .homepage.hero.stat-hero .container,
body .stat-hero .container{
  flex-wrap:wrap;
}
body .homepage.hero.stat-hero .hero-left{
  flex:1;
  width: auto;
  max-width: 800px !important;
}
body .homepage.hero.stat-hero .container .hero-left-below{
  position: relative;
  top: -20px;
}
body .homepage.hero.stat-hero .container .hero-left-below h1 span{
  color: #044606 !important;
}
body .homepage.hero.stat-hero .container .hero-left-below h1{
  font-size: 40px;
  color: #044606 !important;
  margin-bottom: 0 !important;
}
.stat-hero-container{
  width:300px;
}
.hero-right{
  gap:20px;
}
@media screen and (min-width:600px){
  .homepage.hero.stat-hero .container .stat {
    max-width: 260px !important;
  }
  .homepage.hero.stat-hero .container .img-stats{
    max-width: 280px !important;
  }
}
@media screen and (min-width:900px){
  .stat-hero-2.stat-hero-container:first-child{
    width: calc(40% - 20px);
  }
  .stat-hero-2.stat-hero-container{
    width: calc(60% - 20px);
  }
  .stat-hero-container{
    width:calc(33.3333% - 40px);
  }
  .homepage.hero.stat-hero .container{
    display: flex;
    justify-content:center;
    gap: 40px;
    flex-wrap:nowrap;
    align-items: center;
    padding: 50px 30px 20px !important;
  }
  body:not(.home) .hero-right{
    margin-bottom: 0 !important;
  }
  body:not(.home) .hero-left{
    padding-top: 10px;
    padding-bottom: 50px;
  }
  body:not(.home) .homepage.hero.stat-hero .container {
    padding: 0 30px 30px !important;
  }
  body:not(.home) .homepage.hero.stat-hero .container.breadcrumb-container {
    padding: 10px 30px 30px !important;
  }
  .homepage.hero.stat-hero .container.breadcrumb-container a:hover{
    text-decoration: underline;
    color:#044606;
  }
  .homepage.hero.stat-hero .container.breadcrumb-container a{
    color:#044606;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
  }
  .homepage.hero.stat-hero .container.breadcrumb-container span{
    color: #242424;
    font-size: 16px;
    font-weight: 600;
  }
  .homepage.hero.stat-hero .container.breadcrumb-container{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    display: block;
    text-align: left;
  }
  .hero-right,
  .hero-left{
    flex:1 1 50%;
  }
  .hero-right{
    flex-wrap:nowrap;
  }
}
@media screen and (min-width:1150px){
  
  .homepage.hero.stat-hero .container{
    padding-right: 0;
    padding-top: 60px;
  }
  .hero-right{
    flex:0 0 590px;
    width: 590px;
  }
  .hero-left{
    width: calc(100% - 590px);
    flex:1 1 calc(100% - 590px);
  }
  .home .hero .container p.stat-disclaimer, 
  p.stat-disclaimer{
    max-width: 265px !important;
    line-height: 1;
  }
  .homepage.hero.stat-hero .container h1{
    line-height: 1;
    margin-bottom: 10px;
    font-size: 54px;
  }
  .homepage.hero.stat-hero .container .gallons{
    height: 339px;
  }
  .homepage.hero.stat-hero .container .nitrogen-phosphorus {
    height: 339px;
  }
  .homepage.hero.stat-hero .container .stats{
    width: 291px;
  }
  .homepage.hero.stat-hero .container .stat{
    margin-bottom: 8px;
    width: 291px;
    max-width: 291px !important;
    padding-top: 27px;
    padding-bottom: 27px;
  }
  .homepage.hero .container .stat p {
    line-height: 1.5;
  }
  .home .hero.stat-hero .container,
  .hero.stat-hero .container{
    max-width: 1400px;
  }
  .hero.stat-hero .buttons .button.primary:hover,
  .hero.stat-hero .buttons .button.primary{
    padding-left: 30px;
    padding-right: 30px;
  }
  .close-news{
    right: 60px;
  }
  body .hero-news{
    padding-right: 100px;
  }
  .hero-left h2{
    line-height: 36px;
  }
  .homepage.hero.stat-hero .container .buttons{
    margin-top: 35px; 
  }
  body:not(.home) .homepage.hero.stat-hero .container h1{
    line-height: 1.3;
    margin-bottom: 27px;
  }
  body:not(.home) .homepage.hero.stat-hero .container .gallons,
  body:not(.home) .homepage.hero.stat-hero .container .img-stats{
    height: 339px;
  }
  body:not(.home) .homepage.hero.stat-hero .container .img-gallon .img-stats,
  body:not(.home) .homepage.hero.stat-hero .container .img-gallon .gallons{
    height: 373px;
  }
}
/*# sourceMappingURL=style.css.map */

@media screen and (min-width: 1121px) and (max-width: 1390px) {
  header .main .container #main-menu .menu li {
    padding: 0 10px;
  }

  header .main .container #main-menu .menu li.button a {
    font-size: 12px;
    padding: 10px 18px;
  }

  header .main .container #main-menu .menu li.button a:hover {
    font-size: 12px;
    padding: 10px 18px;
  }

  header .main .container #main-menu .menu li a {
    font-size: 12px;
  }

  header .main .container .logo img {
    width: 80%;
    height: 80%;
  }

  header .main .container #main-menu ul.menu > li > a::before {
    left: -14px;
  }

}