@import url("https://fonts.googleapis.com/css2?family=Anton&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Comme:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Fugaz+One&display=swap");
:root {
  --green-main-dark: #0F6848;
  --green-main-light: #3BC996;
  --black: #000000;
  --brown: #1D1F23;
  --dark-blue: #0D6065;
  --light-blue: #49A6AC;
  --white: #FFFFFF;
  --white-1: #F8F8F8;
  --white-2: #F2F1EF;
  --white-3: #C0CED7;
  --font-main: Anton, sans-serif;
  --font-second: Comme, sans-serif;
  --font-third: 'Fugaz One', sans-serif; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

h1,
h2,
h3 {
  font-family: var(--font-main); }
  @media all and (min-width: 600px) {
    h1,
    h2,
    h3 {
      letter-spacing: 2px; } }

.btn-round {
  background-color: var(--green-main-dark);
  color: var(--green-main-light);
  font-family: var(--font-main);
  padding: .7em 2em;
  width: 80%;
  border-radius: 50px;
  font-size: 1.3em;
  margin-bottom: 27vw;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center; }
  @media all and (min-width: 500px) {
    .btn-round {
      margin-bottom: 16vw; } }
  @media all and (min-width: 2000px) {
    .btn-round {
      border-radius: 50vw;
      font-size: 1.55vw; } }
  .btn-round a {
    text-decoration: none;
    text-align: center;
    width: 50%; }

.btn-string {
  font-family: var(--font-second);
  text-decoration: underline;
  font-size: 1.2em;
  letter-spacing: -.4px;
  font-weight: 100; }

/* MAIN NAV */
header {
  position: absolute;
  overflow: hidden;
  width: 100vw;
  margin-top: 1.63em;
  z-index: 50;
  display: inline; }
  header > div {
    display: grid;
    align-items: center;
    grid-template-columns: auto auto auto; }
    @media all and (min-width: 445px) and (max-width: 600px) {
      header > div {
        justify-content: space-between; } }
    @media all and (min-width: 600px) {
      header > div {
        display: grid;
        grid-template-columns: 155px 170px auto 126px; } }
    @media all and (min-width: 1000px) {
      header > div {
        grid-template-columns: 155px 170px auto 50px; } }
    @media all and (min-width: 2000px) {
      header > div {
        grid-template-columns: 161px 597px auto 81px; } }
  @media all and (min-width: 600px) {
    header {
      padding-left: 4.14em;
      padding-right: 3.6vw;
      margin-top: 2.3em; } }
  @media all and (min-width: 2000px) {
    header {
      padding-left: 8.14vw;
      padding-right: 3vw;
      margin-top: 2.3vw; } }
  header .logo {
    height: 45px; }
    @media all and (min-width: 2000px) {
      header .logo {
        height: 130px;
        width: 230px;
        margin-left: 2.3vw; } }
    header .logo .main-color {
      fill: #3BC996; }
      @media all and (min-width: 600px) {
        header .logo .main-color {
          fill: #0F6848; } }
    header .logo .secodary-color {
      fill: var(--white); }
  header .logo-name {
    height: 26px;
    margin-left: -2.25em; }
    @media all and (min-width: 600px) {
      header .logo-name {
        grid-column: 2 / 3;
        margin-left: 0; } }
    @media all and (min-width: 2000px) {
      header .logo-name {
        margin-left: 3.4vw;
        height: 130px;
        width: 630px; } }
  header .btn-call--container {
    right: 2vw; }
    header .btn-call--container a {
      margin-right: 0; }
    @media all and (min-width: 600px) {
      header .btn-call--container {
        grid-column: 4 / 5;
        position: fixed; } }
  header .btn-call {
    margin-left: -.6em;
    margin-right: .5em;
    margin-top: .3em;
    animation: pulse 1.6s ease-in-out infinite;
    display: inline-block;
    transform-origin: center center;
    will-change: transform, opacity; }
    @media all and (min-width: 600px) {
      header .btn-call {
        margin: 0; } }
    header .btn-call svg {
      height: 41px;
      fill: var(--white-1);
      cursor: pointer; }
    header .btn-call:hover {
      animation: none;
      opacity: 1;
      transform: scale(1); }
    @media all and (min-width: 600px) {
      header .btn-call {
        margin-top: 0; } }
    @media all and (min-width: 2000px) {
      header .btn-call svg {
        height: 130px;
        width: 92px; } }
    header .btn-call.hidden {
      opacity: 0; }
  header .btn-call--container {
    display: flex; }

.hidden {
  opacity: 0;
  pointer-events: none; }

.dark {
  fill: var(--brown) !important;
  background-color: var(--brown) !important; }

.green {
  fill: var(--green-main-light) !important;
  background-color: var(--green-main-light) !important; }

.nav-toggle {
  position: relative;
  height: 43px;
  width: 43px;
  margin-right: 3em; }
  @media all and (min-width: 1000px) {
    .nav-toggle {
      display: none; } }
  .nav-toggle > div {
    position: absolute;
    top: 0;
    right: 0;
    height: 43px;
    width: 43px;
    display: flex;
    align-items: center;
    z-index: 52; }
  .nav-toggle span,
  .nav-toggle span::after,
  .nav-toggle span::before {
    background-color: inherit;
    height: 5px;
    width: 43px;
    display: block; }
  .nav-toggle span {
    background-color: var(--white); }
    .nav-toggle span::after, .nav-toggle span::before {
      content: ''; }
    .nav-toggle span::before {
      margin-top: -.8em; }
    .nav-toggle span::after {
      margin-top: 1.35em; }
  .nav-toggle .open span {
    transform: rotate(45deg); }
    .nav-toggle .open span::before {
      display: none; }
    .nav-toggle .open span::after {
      transform: rotate(270deg);
      margin-top: 0; }

/* section background */
.section-hero .section-background {
  background-image: url("/assets/images/section-1.png");
  background-size: cover; }
  @media all and (min-width: 600px) {
    .section-hero .section-background {
      background-image: url("/assets/images/section-1-full.png"); } }

.section-history .section-background {
  background-image: url("/assets/images/section-2.png");
  background-size: cover; }

.section-ecology .section-background {
  background-image: url("/assets/images/section-3.png");
  background-size: cover; }

.section-honest .section-background {
  background-image: url("/assets/images/section-4.png");
  background-size: cover; }

.section-trust .section-background {
  background-image: url("/assets/images/section-5.png");
  background-size: cover; }

.section-reviews .section-background {
  background-color: var(--white-3); }

.section-form .section-background {
  background-color: var(--brown); }

.section-pests .section-background {
  background-color: var(--white-1); }

.section-business .section-background {
  background-image: url("/assets/images/section-6.png");
  background-size: cover; }
  @media all and (min-width: 600px) {
    .section-business .section-background {
      background-image: url("/assets/images/section-6-full.png"); } }

.section-customer--interior .section-background {
  background-image: url("/assets/images/section-7.png");
  background-size: cover; }
  @media all and (min-width: 600px) {
    .section-customer--interior .section-background {
      background-image: url("/assets/images/section-7-full.png"); } }

.section-customer--exterior .section-background {
  background-image: url("/assets/images/section-8.png");
  background-size: cover; }
  @media all and (min-width: 600px) {
    .section-customer--exterior .section-background {
      background-image: url("/assets/images/section-8-full.png"); } }

.section-video {
  background-color: var(--white-3); }
  .section-video .section-background {
    background-image: url("/assets/images/section-9.png");
    background-size: cover; }
    @media all and (min-width: 600px) {
      .section-video .section-background {
        background-image: url("/assets/images/section-9-full.png"); } }

.section-footer .section-background {
  background-color: var(--brown); }

/* sections color styles */
.section .info.info-history {
  background-color: var(--white-1); }
  .section .info.info-history h2 {
    color: var(--brown); }
    .section .info.info-history h2 span {
      color: var(--green-main-light); }
  .section .info.info-history .btn-nav {
    background-color: var(--dark-blue); }
    .section .info.info-history .btn-nav a {
      color: var(--green-main-light); }
      .section .info.info-history .btn-nav a:nth-child(1) {
        border-right: 1px solid var(--green-main-light); }
      .section .info.info-history .btn-nav a:nth-child(2) {
        border-left: 1px solid var(--green-main-light); }
.section .info.info-ecology {
  background-color: var(--dark-blue); }
  .section .info.info-ecology h2 {
    color: var(--white-1); }
    .section .info.info-ecology h2 span {
      color: var(--light-blue); }
  .section .info.info-ecology .btn-nav {
    background-color: var(--light-blue); }
    .section .info.info-ecology .btn-nav a {
      color: var(--white); }
      .section .info.info-ecology .btn-nav a:nth-child(1) {
        border-right: 1px solid var(--white); }
      .section .info.info-ecology .btn-nav a:nth-child(2) {
        border-left: 1px solid var(--white); }
.section .info.info-honest {
  background-color: var(--white-3); }
  .section .info.info-honest h2 {
    color: var(--brown); }
    .section .info.info-honest h2 span {
      color: var(--dark-blue); }
  .section .info.info-honest .btn-nav {
    background-color: var(--dark-blue); }
    .section .info.info-honest .btn-nav a {
      color: var(--white-1); }
      .section .info.info-honest .btn-nav a:nth-child(1) {
        border-right: 1px solid var(--white-1); }
      .section .info.info-honest .btn-nav a:nth-child(2) {
        border-left: 1px solid var(--white-1); }
.section .info.info-trust {
  background-color: var(--white-1); }
  .section .info.info-trust h2 {
    color: var(--brown); }
    .section .info.info-trust h2 span {
      color: var(--green-main-light); }
  .section .info.info-trust .btn-nav {
    background-color: var(--dark-blue); }
    .section .info.info-trust .btn-nav a {
      color: var(--green-main-light); }
      .section .info.info-trust .btn-nav a:nth-child(1) {
        border-right: 1px solid var(--green-main-light); }
      .section .info.info-trust .btn-nav a:nth-child(2) {
        border-left: 1px solid var(--green-main-light); }
.section .info.info-video {
  background-color: var(--white-3); }
  .section .info.info-video h2 {
    color: var(--brown); }
    .section .info.info-video h2 span {
      color: var(--dark-blue); }
  .section .info.info-video .btn-nav {
    background-color: var(--dark-blue); }
    .section .info.info-video .btn-nav a {
      color: var(--white); }
      .section .info.info-video .btn-nav a:nth-child(1) {
        border-right: 1px solid var(--white); }
      .section .info.info-video .btn-nav a:nth-child(2) {
        border-left: 1px solid var(--white); }
.section.section-reviews .btn-nav {
  background-color: var(--dark-blue); }
  .section.section-reviews .btn-nav a {
    color: var(--white); }
    .section.section-reviews .btn-nav a:nth-child(1) {
      border-right: 1px solid var(--white); }
    .section.section-reviews .btn-nav a:nth-child(2) {
      border-left: 1px solid var(--white); }
.section.section-form .btn-nav, .section.section-pests .btn-nav {
  background-color: var(--dark-blue); }
  .section.section-form .btn-nav a, .section.section-pests .btn-nav a {
    color: var(--green-main-light); }
    .section.section-form .btn-nav a:nth-child(1), .section.section-pests .btn-nav a:nth-child(1) {
      border-right: 1px solid var(--green-main-light); }
    .section.section-form .btn-nav a:nth-child(2), .section.section-pests .btn-nav a:nth-child(2) {
      border-left: 1px solid var(--green-main-light); }
.section.section-business h2 {
  color: var(--brown); }
.section.section-business h3 {
  color: var(--white); }
.section.section-business .btn-nav {
  background-color: var(--dark-blue); }
  .section.section-business .btn-nav a {
    color: var(--white); }
    .section.section-business .btn-nav a:nth-child(1) {
      border-right: 1px solid var(--white); }
    .section.section-business .btn-nav a:nth-child(2) {
      border-left: 1px solid var(--white); }
.section.section-customer--interior h2 {
  color: var(--white); }
.section.section-customer--interior .btn-nav {
  background-color: var(--dark-blue); }
  .section.section-customer--interior .btn-nav a {
    color: var(--white); }
    .section.section-customer--interior .btn-nav a:nth-child(1) {
      border-right: 1px solid var(--white); }
    .section.section-customer--interior .btn-nav a:nth-child(2) {
      border-left: 1px solid var(--white); }
.section.section-customer--exterior h2 {
  color: var(--white); }
.section.section-customer--exterior h3 {
  color: var(--white); }
.section.section-customer--exterior .btn-nav {
  background-color: var(--dark-blue); }
  .section.section-customer--exterior .btn-nav a {
    color: var(--green-main-light); }
    .section.section-customer--exterior .btn-nav a:nth-child(1) {
      border-right: 1px solid var(--green-main-light); }
    .section.section-customer--exterior .btn-nav a:nth-child(2) {
      border-left: 1px solid var(--green-main-light); }
.section.section-footer h3 {
  color: var(--green-main-light); }
.section.section-footer li a {
  color: var(--white-3);
  z-index: 48;
  position: relative; }
  @media all and (min-width: 600px) {
    .section.section-footer li a {
      z-index: 50; } }
  .section.section-footer li a span {
    color: var(--dark-blue); }
.section.section-footer p {
  color: var(--green-main-light); }
  .section.section-footer p a {
    color: var(--dark-blue); }
.section.section-footer .btn-nav {
  background-color: var(--dark-blue); }
  .section.section-footer .btn-nav a {
    color: var(--green-main-light); }
    .section.section-footer .btn-nav a:nth-child(1) {
      border-right: 1px solid var(--green-main-light); }
    .section.section-footer .btn-nav a:nth-child(2) {
      border-left: 1px solid var(--green-main-light); }

/* MOBIL version */
html,
body {
  width: 100vw;
  height: 100dvh;
  overflow: hidden;
  scroll-behavior: smooth; }
  @media all and (min-width: 600px) {
    html,
    body {
      height: auto;
      overflow-y: initial;
      background-color: var(--green-main-dark); } }

main {
  overflow: hidden;
  width: 100vw;
  height: 100dvh;
  position: relative; }
  @media all and (min-width: 600px) {
    main {
      height: auto;
      overflow: initial; } }

.section {
  width: 100vw;
  height: 100dvh;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: flex-end;
  align-items: center;
  scroll-behavior: smooth;
  /* HERO */
  /* ALL sections */
  /* section with full sized contant */ }
  @media all and (min-width: 600px) {
    .section {
      height: auto;
      justify-content: center; } }
  .section.section-hero {
    justify-content: space-between;
    align-items: flex-start; }
    .section.section-hero .section-background--halv {
      height: 63dvh; }
      @media all and (min-width: 600px) {
        .section.section-hero .section-background--halv {
          height: 100%; } }
      @media all and (min-width: 2000px) {
        .section.section-hero .section-background--halv {
          height: 62vw; } }
    .section.section-hero .info-hero {
      background-color: var(--brown);
      height: 42dvh;
      border-radius: 50px 50px 0 0;
      justify-content: center;
      z-index: 3; }
      @media all and (min-width: 600px) {
        .section.section-hero .info-hero {
          background-color: transparent;
          display: block;
          height: auto;
          height: 50dvh; } }
      @media all and (min-width: 2000px) {
        .section.section-hero .info-hero {
          height: 34dvh; } }
      .section.section-hero .info-hero > * {
        max-width: 75vw; }
      .section.section-hero .info-hero .full-logo {
        display: flex; }
        .section.section-hero .info-hero .full-logo img {
          height: 10vw;
          padding-left: 1em;
          margin-bottom: 10vw; }
          @media all and (min-width: 400px) {
            .section.section-hero .info-hero .full-logo img {
              margin-bottom: 6vw; } }
        @media all and (min-width: 600px) {
          .section.section-hero .info-hero .full-logo {
            display: none; } }
      .section.section-hero .info-hero .btn-call--hero {
        background-color: var(--green-main-dark);
        color: var(--green-main-light);
        margin-bottom: 4vw;
        width: 100%;
        transition: all 250ms ease-in-out; }
        @media all and (min-width: 600px) {
          .section.section-hero .info-hero .btn-call--hero {
            color: var(--white-1);
            width: 298px;
            margin-top: 1.9em;
            margin-left: 4.6em;
            font-size: 1.5em; }
            .section.section-hero .info-hero .btn-call--hero:hover {
              color: var(--green-main-light); } }
        @media all and (min-width: 2000px) {
          .section.section-hero .info-hero .btn-call--hero {
            width: 23vw;
            font-size: 1.7vw;
            border-radius: 10vw;
            margin-top: 2.9vw; } }
      .section.section-hero .info-hero .btn-nav--hero {
        color: var(--green-main-light);
        margin-bottom: 19vw;
        font-size: 1.3em;
        animation: pulse-small 2.2s ease-in-out infinite; }
        @media all and (min-width: 400px) {
          .section.section-hero .info-hero .btn-nav--hero {
            font-size: 1.45em;
            margin-bottom: 15vw; } }
        @media all and (min-width: 600px) {
          .section.section-hero .info-hero .btn-nav--hero {
            display: none; } }
  .section h1 {
    font-size: 2.9em;
    color: var(--white);
    padding-left: 1.2em;
    padding-top: 3.6em;
    width: 90%;
    max-width: 330px;
    letter-spacing: 2.05px;
    text-shadow: 0px 4px 14px #0000009c;
    z-index: 2; }
    @media all and (min-width: 600px) {
      .section h1 {
        font-size: 3.8em;
        padding-left: 1.85em;
        padding-top: 2.59em;
        line-height: 1.45em;
        max-width: 400px; } }
    @media all and (min-width: 1000px) {
      .section h1 {
        width: 46vw; } }
    @media all and (min-width: 2000px) {
      .section h1 {
        font-size: 5.6vw;
        text-shadow: 0px 4px 1vw rgba(0, 0, 0, 0);
        padding-top: 2.1em;
        line-height: 1.4em;
        max-width: 2400px; } }
  .section h2 {
    font-size: 2em;
    letter-spacing: 1.2px;
    width: 80%;
    margin-top: 1.2em;
    z-index: 2; }
  .section .section-background--halv {
    height: 59dvh; }
  .section .section-background--full {
    height: 100dvh; }
    @media all and (min-width: 600px) {
      .section .section-background--full {
        height: 100%; } }
  .section .section-background {
    width: 100vw;
    position: absolute;
    top: 0; }
  .section .info {
    background-color: var(--white-1);
    width: 100vw;
    height: 44dvh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center; }
    @media all and (min-width: 600px) {
      .section .info .btn-nav {
        display: none; } }
  .section.section-reviews, .section.section-form, .section.section-pests, .section.section-business, .section.section-customer--interior, .section.section-customer--exterior, .section.section-footer {
    justify-content: space-between; }
    .section.section-reviews a, .section.section-form a, .section.section-pests a, .section.section-business a, .section.section-customer--interior a, .section.section-customer--exterior a, .section.section-footer a {
      pointer-events: all; }
    .section.section-reviews .headings,
    .section.section-reviews .full-sized-content,
    .section.section-reviews .btn-nav, .section.section-form .headings,
    .section.section-form .full-sized-content,
    .section.section-form .btn-nav, .section.section-pests .headings,
    .section.section-pests .full-sized-content,
    .section.section-pests .btn-nav, .section.section-business .headings,
    .section.section-business .full-sized-content,
    .section.section-business .btn-nav, .section.section-customer--interior .headings,
    .section.section-customer--interior .full-sized-content,
    .section.section-customer--interior .btn-nav, .section.section-customer--exterior .headings,
    .section.section-customer--exterior .full-sized-content,
    .section.section-customer--exterior .btn-nav, .section.section-footer .headings,
    .section.section-footer .full-sized-content,
    .section.section-footer .btn-nav {
      width: 80%; }
      @media all and (min-width: 600px) {
        .section.section-reviews .headings,
        .section.section-reviews .full-sized-content,
        .section.section-reviews .btn-nav, .section.section-form .headings,
        .section.section-form .full-sized-content,
        .section.section-form .btn-nav, .section.section-pests .headings,
        .section.section-pests .full-sized-content,
        .section.section-pests .btn-nav, .section.section-business .headings,
        .section.section-business .full-sized-content,
        .section.section-business .btn-nav, .section.section-customer--interior .headings,
        .section.section-customer--interior .full-sized-content,
        .section.section-customer--interior .btn-nav, .section.section-customer--exterior .headings,
        .section.section-customer--exterior .full-sized-content,
        .section.section-customer--exterior .btn-nav, .section.section-footer .headings,
        .section.section-footer .full-sized-content,
        .section.section-footer .btn-nav {
          width: 69.2%;
          margin-left: 1.4em; } }
      @media all and (min-width: 1000px) {
        .section.section-reviews .headings,
        .section.section-reviews .full-sized-content,
        .section.section-reviews .btn-nav, .section.section-form .headings,
        .section.section-form .full-sized-content,
        .section.section-form .btn-nav, .section.section-pests .headings,
        .section.section-pests .full-sized-content,
        .section.section-pests .btn-nav, .section.section-business .headings,
        .section.section-business .full-sized-content,
        .section.section-business .btn-nav, .section.section-customer--interior .headings,
        .section.section-customer--interior .full-sized-content,
        .section.section-customer--interior .btn-nav, .section.section-customer--exterior .headings,
        .section.section-customer--exterior .full-sized-content,
        .section.section-customer--exterior .btn-nav, .section.section-footer .headings,
        .section.section-footer .full-sized-content,
        .section.section-footer .btn-nav {
          width: 69.2%;
          margin-right: 14em; } }
      @media (min-width: 2000px) {
        .section.section-reviews .headings,
        .section.section-reviews .full-sized-content,
        .section.section-reviews .btn-nav, .section.section-form .headings,
        .section.section-form .full-sized-content,
        .section.section-form .btn-nav, .section.section-pests .headings,
        .section.section-pests .full-sized-content,
        .section.section-pests .btn-nav, .section.section-business .headings,
        .section.section-business .full-sized-content,
        .section.section-business .btn-nav, .section.section-customer--interior .headings,
        .section.section-customer--interior .full-sized-content,
        .section.section-customer--interior .btn-nav, .section.section-customer--exterior .headings,
        .section.section-customer--exterior .full-sized-content,
        .section.section-customer--exterior .btn-nav, .section.section-footer .headings,
        .section.section-footer .full-sized-content,
        .section.section-footer .btn-nav {
          width: 82.2%; } }
    @media all and (min-width: 600px) {
      .section.section-reviews .btn-nav, .section.section-form .btn-nav, .section.section-pests .btn-nav, .section.section-business .btn-nav, .section.section-customer--interior .btn-nav, .section.section-customer--exterior .btn-nav, .section.section-footer .btn-nav {
        display: none; } }
    .section.section-reviews h2, .section.section-form h2, .section.section-pests h2, .section.section-business h2, .section.section-customer--interior h2, .section.section-customer--exterior h2, .section.section-footer h2 {
      width: 100%; }
  @media all and (min-width: 600px) {
    .section.section-history {
      background-color: var(--brown);
      padding-top: 0;
      margin-top: -3em;
      border-radius: 50px 50px 0 0; } }
  @media all and (min-width: 2000px) {
    .section.section-history {
      border-radius: 5vw 5vw 0 0; } }
  .section.section-history .info-fullScreen {
    display: none; }
    @media all and (min-width: 600px) {
      .section.section-history .info-fullScreen {
        display: block;
        width: 100%; }
        .section.section-history .info-fullScreen ul {
          display: grid;
          grid-template-columns: repeat(1, 1fr);
          grid-template-rows: repeat(4, 1fr);
          margin-left: 6.9em;
          margin-right: 15em;
          gap: 5em 7em;
          margin-bottom: 5em; }
          .section.section-history .info-fullScreen ul li {
            position: relative;
            height: 267px;
            display: flex;
            align-items: center;
            justify-content: center; }
            .section.section-history .info-fullScreen ul li img {
              transition: transform 2500ms ease; }
            .section.section-history .info-fullScreen ul li:hover img {
              transform: scale(1.1); }
            .section.section-history .info-fullScreen ul li:nth-child(1) img, .section.section-history .info-fullScreen ul li:nth-child(3) img, .section.section-history .info-fullScreen ul li:nth-child(4) img {
              left: 0; }
            .section.section-history .info-fullScreen ul li:nth-child(2) img {
              height: 310px;
              bottom: 1.3em;
              left: 1em; }
            .section.section-history .info-fullScreen ul li:nth-child(3) img {
              height: 290px;
              bottom: 0.3em;
              left: 1em; }
            .section.section-history .info-fullScreen ul li:nth-child(4) img {
              height: 270px; }
            .section.section-history .info-fullScreen ul li img {
              position: absolute;
              height: 240px;
              z-index: 9; }
            .section.section-history .info-fullScreen ul li h3 {
              font-size: 2em;
              width: 300px;
              z-index: 10;
              position: relative;
              color: var(--white-1);
              margin-left: 3.3em;
              margin-top: .4em;
              letter-spacing: .58px; }
            .section.section-history .info-fullScreen ul li:nth-child(1) span, .section.section-history .info-fullScreen ul li:nth-child(4) span {
              color: var(--green-main-light); }
            .section.section-history .info-fullScreen ul li:nth-child(2) span {
              color: var(--dark-blue); }
            .section.section-history .info-fullScreen ul li:nth-child(3) span {
              color: var(--light-blue); }
        .section.section-history .info-fullScreen h2 {
          font-size: 5em;
          color: var(--white);
          margin-top: .9em;
          margin-left: 1.4em; } }
    @media all and (min-width: 1165px) {
      .section.section-history .info-fullScreen ul {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr); } }
    @media all and (min-width: 2000px) {
      .section.section-history .info-fullScreen ul {
        margin-left: 7.4vw;
        margin-right: 14vw;
        gap: 3vw 7vw;
        margin-bottom: 2.7vw; }
        .section.section-history .info-fullScreen ul li {
          height: 21vw; }
          .section.section-history .info-fullScreen ul li:nth-child(2) img {
            height: 23vw;
            bottom: 3.3vw;
            left: 2vw; }
          .section.section-history .info-fullScreen ul li:nth-child(3) img {
            height: 20vw;
            bottom: 2.5vw;
            left: 1vw; }
          .section.section-history .info-fullScreen ul li:nth-child(4) img {
            height: 18vw;
            bottom: 3vw; }
          .section.section-history .info-fullScreen ul li img {
            height: 17vw;
            bottom: 4vw; }
          .section.section-history .info-fullScreen ul li h3 {
            font-size: 2vw;
            width: 20vw;
            margin-top: -1em; }
      .section.section-history .info-fullScreen h2 {
        font-size: 5.45vw;
        margin-bottom: 1vw; } }
  @media all and (min-width: 600px) {
    .section.section-history .section-background,
    .section.section-history .info-history {
      display: none; } }
  @media all and (min-width: 600px) {
    .section.section-ecology, .section.section-honest, .section.section-trust {
      display: none; } }
  .section.section-reviews h2,
  .section.section-reviews .review-last {
    display: none; }
  @media all and (min-width: 600px) {
    .section.section-reviews {
      background-color: var(--white-3); }
      .section.section-reviews .full-sized-content > div:nth-child(1) {
        display: flex;
        flex-direction: column; }
      .section.section-reviews h2,
      .section.section-reviews .review-last {
        display: block; }
      .section.section-reviews h2 {
        font-size: 5em;
        color: var(--white);
        margin-top: .9em;
        display: contents; } }
  @media all and (min-width: 1000px) {
    .section.section-reviews .full-sized-content > div:nth-child(1) {
      flex-direction: row; } }
  @media (min-width: 2000px) {
    .section.section-reviews h2 {
      font-size: 5.45vw; } }
  .section.section-reviews .section-background--full {
    z-index: -1; }
  .section.section-reviews .full-sized-content {
    margin-top: 5.5em;
    pointer-events: none; }
    @media all and (min-width: 600px) {
      .section.section-reviews .full-sized-content {
        margin-top: 4.8em;
        margin-bottom: 6.7em; } }
    @media all and (min-width: 2000px) {
      .section.section-reviews .full-sized-content {
        margin-top: 5.3vw;
        margin-bottom: 5.4vw; } }
    .section.section-reviews .full-sized-content img {
      width: 120px; }
      @media all and (min-width: 600px) {
        .section.section-reviews .full-sized-content img {
          width: 194px; } }
      @media all and (min-width: 1000px) {
        .section.section-reviews .full-sized-content img {
          margin-left: 2.6em; } }
      @media (min-width: 2000px) {
        .section.section-reviews .full-sized-content img {
          width: 14vw;
          margin-left: 5vw; } }
    .section.section-reviews .full-sized-content .reviews {
      margin-top: .8em;
      pointer-events: none; }
      @media all and (min-width: 600px) {
        .section.section-reviews .full-sized-content .reviews {
          margin-top: 5.13em;
          display: grid;
          grid-template-columns: repeat(1, 1fr);
          gap: 1.4em 3.8em;
          width: 87%; } }
      @media all and (min-width: 800px) {
        .section.section-reviews .full-sized-content .reviews {
          grid-template-columns: repeat(2, 1fr); } }
      @media (min-width: 2000px) {
        .section.section-reviews .full-sized-content .reviews {
          margin-top: 5.8vw;
          gap: 3vw 3.8vw;
          width: 76%; } }
    .section.section-reviews .full-sized-content .review {
      margin-bottom: 1.2em;
      pointer-events: none; }
      .section.section-reviews .full-sized-content .review .review-author {
        font-family: var(--font-main);
        font-size: 1em;
        margin-bottom: .5em;
        letter-spacing: .4px; }
        @media (min-width: 2000px) {
          .section.section-reviews .full-sized-content .review .review-author {
            font-size: 1.4vw; } }
      .section.section-reviews .full-sized-content .review .review-copy {
        font-family: var(--font-second);
        font-size: .9em;
        letter-spacing: -.2px;
        line-height: 1.3em;
        pointer-events: none; }
        @media (min-width: 2000px) {
          .section.section-reviews .full-sized-content .review .review-copy {
            font-size: 1.1vw;
            line-height: 2vw; } }
    .section.section-reviews .full-sized-content .btn-string {
      color: var(--dark-blue);
      display: flex;
      justify-content: center;
      pointer-events: all;
      text-decoration: none;
      font-weight: 200; }
      .section.section-reviews .full-sized-content .btn-string:hover {
        text-decoration: underline; }
      @media all and (min-width: 600px) {
        .section.section-reviews .full-sized-content .btn-string {
          font-size: 1.1em;
          justify-content: flex-end;
          margin-right: 6.6em;
          margin-top: .5em; } }
      @media (min-width: 2000px) {
        .section.section-reviews .full-sized-content .btn-string {
          margin-right: 22.6vw;
          margin-top: 0vw;
          font-size: 1.1vw; } }
  @media all and (min-width: 600px) {
    .section.section-form {
      background-color: var(--white-1); } }
  .section.section-form .section-background--full {
    z-index: -1; }
  .section.section-form .full-sized-content {
    margin-top: 7em; }
    .section.section-form .full-sized-content > div img {
      display: none; }
    .section.section-form .full-sized-content #phone {
      display: none; }
    .section.section-form .full-sized-content .btn-round--last span {
      display: none; }
    @media all and (min-width: 600px) {
      .section.section-form .full-sized-content {
        margin-top: 0;
        width: 66.2%;
        margin-left: 0; } }
  @media all and (min-width: 600px) and (min-width: 1000px) {
    .section.section-form .full-sized-content {
      margin-right: 5.2em;
      width: 79.2%; } }
    @media all and (min-width: 600px) {
        .section.section-form .full-sized-content > div {
          display: flex;
          justify-content: space-between;
          align-items: flex-end;
          margin-top: 2em; } }
    @media all and (min-width: 600px) and (min-width: 1000px) {
      .section.section-form .full-sized-content > div {
        margin-top: -6em; } }
    @media all and (min-width: 600px) {
          .section.section-form .full-sized-content > div img {
            display: none;
            height: 800px;
            margin-left: 2.6em; } }
      @media all and (min-width: 600px) and (min-width: 1000px) {
        .section.section-form .full-sized-content > div img {
          display: block; } }
    @media all and (min-width: 600px) {
          .section.section-form .full-sized-content > div form {
            width: 100%; }
            .section.section-form .full-sized-content > div form textarea {
              min-height: 10em; }
            .section.section-form .full-sized-content > div form #phone {
              display: block; }
            .section.section-form .full-sized-content > div form .btn-round {
              text-align: left;
              margin-bottom: .8em; }
            .section.section-form .full-sized-content > div form .btn-round--last {
              background-color: transparent;
              color: var(--green-main-light);
              margin-bottom: .2em;
              font-size: 1.55em;
              align-items: center; } }
        @media all and (min-width: 600px) and (min-width: 1000px) {
          .section.section-form .full-sized-content > div form .btn-round--last {
            font-size: .9em; } }
        @media all and (min-width: 600px) and (min-width: 1200px) {
          .section.section-form .full-sized-content > div form .btn-round--last {
            font-size: 1.55em; } }
    @media all and (min-width: 600px) {
              .section.section-form .full-sized-content > div form .btn-round--last span {
                display: block;
                color: var(--green-main-dark);
                margin-left: .5em;
                font-size: .86em; } }
    @media all and (min-width: 2000px) {
      .section.section-form .full-sized-content {
        margin-right: 5.2vw; }
        .section.section-form .full-sized-content > div {
          margin-top: -8vw; }
        .section.section-form .full-sized-content div img {
          height: 55vw;
          margin-left: 8.6vw;
          margin-left: 6vw; }
        .section.section-form .full-sized-content div form .btn-round--last {
          font-size: 1.55vw; } }
    .section.section-form .full-sized-content h2 {
      display: none; }
      @media all and (min-width: 600px) {
        .section.section-form .full-sized-content h2 {
          display: block;
          font-size: 5em;
          color: var(--brown);
          margin-top: .9em; } }
      @media all and (min-width: 2000px) {
        .section.section-form .full-sized-content h2 {
          font-size: 5vw;
          margin-top: 6vw;
          margin-bottom: 2.6vw; } }
    .section.section-form .full-sized-content input,
    .section.section-form .full-sized-content textarea,
    .section.section-form .full-sized-content button,
    .section.section-form .full-sized-content a {
      border: none;
      outline: none;
      width: 100%;
      margin-bottom: .6em;
      text-transform: capitalize;
      font-size: 1.25em; }
    .section.section-form .full-sized-content textarea {
      margin-bottom: 2em;
      text-align: left;
      border-radius: 29px;
      text-transform: none; }
      @media all and (min-width: 2000px) {
        .section.section-form .full-sized-content textarea {
          border-radius: 2vw; } }
    .section.section-form .full-sized-content input::placeholder,
    .section.section-form .full-sized-content textarea::placeholder {
      color: var(--green-main-light);
      opacity: .4; }
    .section.section-form .full-sized-content button,
    .section.section-form .full-sized-content a {
      background-color: var(--dark-blue);
      color: var(--white-1);
      text-transform: uppercase;
      transition: all 250ms ease-in-out; }
    .section.section-form .full-sized-content a {
      background-color: var(--light-blue); }
      .section.section-form .full-sized-content a:hover span {
        text-decoration: underline; }
    @media all and (min-width: 600px) {
      .section.section-form .full-sized-content button {
        background-color: var(--green-main-light); } }
    .section.section-form .full-sized-content button:hover {
      background-color: var(--dark-blue); }
  .section.section-business .section-background--full, .section.section-customer--interior .section-background--full, .section.section-customer--exterior .section-background--full {
    z-index: -1; }
    @media all and (min-width: 600px) {
      .section.section-business .section-background--full, .section.section-customer--interior .section-background--full, .section.section-customer--exterior .section-background--full {
        z-index: 0; } }
  @media all and (min-width: 600px) {
    .section.section-business > *, .section.section-customer--interior > *, .section.section-customer--exterior > * {
      z-index: 1; } }
  .section.section-business .headings, .section.section-customer--interior .headings, .section.section-customer--exterior .headings {
    pointer-events: none; }
  .section.section-business h2, .section.section-customer--interior h2, .section.section-customer--exterior h2 {
    margin-top: 5.78em;
    letter-spacing: 1.3px;
    line-height: 1.55em;
    margin-bottom: .2em;
    pointer-events: none; }
    @media all and (min-width: 600px) {
      .section.section-business h2, .section.section-customer--interior h2, .section.section-customer--exterior h2 {
        margin-top: 0.25em;
        font-size: 3.8em;
        color: var(--brown);
        width: 100%; } }
    @media all and (min-width: 800px) {
      .section.section-business h2, .section.section-customer--interior h2, .section.section-customer--exterior h2 {
        width: 76%; } }
    @media all and (min-width: 2000px) {
      .section.section-business h2, .section.section-customer--interior h2, .section.section-customer--exterior h2 {
        margin-top: 0.37em;
        font-size: 3.8vw;
        width: 58%;
        line-height: 6.4vw; } }
  .section.section-business h3, .section.section-customer--interior h3, .section.section-customer--exterior h3 {
    font-family: var(--font-second);
    font-size: 1.1em;
    font-weight: 500;
    width: 150px;
    line-height: 1.7em;
    letter-spacing: .2px;
    pointer-events: none; }
    .section.section-business h3 a, .section.section-customer--interior h3 a, .section.section-customer--exterior h3 a {
      color: var(--white); }
    @media all and (min-width: 600px) {
      .section.section-business h3, .section.section-customer--interior h3, .section.section-customer--exterior h3 {
        margin: 2.37em 0 5.7em 0;
        font-size: 1.2em;
        width: auto; }
        .section.section-business h3 a, .section.section-customer--interior h3 a, .section.section-customer--exterior h3 a {
          text-decoration: underline;
          pointer-events: all; }
          .section.section-business h3 a:hover, .section.section-customer--interior h3 a:hover, .section.section-customer--exterior h3 a:hover {
            color: #0D6065; } }
    @media all and (min-width: 2000px) {
      .section.section-business h3, .section.section-customer--interior h3, .section.section-customer--exterior h3 {
        margin: 5.27vw 0 5.4vw 0;
        font-size: 1.4vw; } }
  .section.section-business h4, .section.section-customer--interior h4, .section.section-customer--exterior h4 {
    display: none; }
    @media all and (min-width: 600px) {
      .section.section-business h4, .section.section-customer--interior h4, .section.section-customer--exterior h4 {
        display: block;
        font-family: var(--font-main);
        margin-top: 3.6em;
        font-size: 1.3em;
        letter-spacing: .76px;
        color: var(--white);
        font-weight: 100; } }
    @media all and (min-width: 2000px) {
      .section.section-business h4, .section.section-customer--interior h4, .section.section-customer--exterior h4 {
        margin-top: 5vw;
        font-size: 1.62vw; } }
  .section.section-business p, .section.section-customer--interior p, .section.section-customer--exterior p {
    display: none; }
    @media all and (min-width: 600px) {
      .section.section-business p, .section.section-customer--interior p, .section.section-customer--exterior p {
        display: block;
        font-family: var(--font-second);
        margin-top: 2em;
        width: 100%;
        line-height: 1.68em;
        color: var(--white);
        font-weight: 200;
        text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7); } }
    @media all and (min-width: 1000px) {
      .section.section-business p, .section.section-customer--interior p, .section.section-customer--exterior p {
        width: 51%; } }
    @media all and (min-width: 2000px) {
      .section.section-business p, .section.section-customer--interior p, .section.section-customer--exterior p {
        font-size: 1.2vw;
        line-height: 1.9vw;
        width: 46%; } }
  @media all and (min-width: 600px) {
    .section.section-customer--interior, .section.section-customer--exterior {
      background-color: var(--brown); } }
  .section.section-customer--interior h2, .section.section-customer--exterior h2 {
    width: 80%;
    margin-top: 7.04em;
    text-shadow: 0px 4px 14px #000000c2;
    margin-bottom: 1.05em;
    pointer-events: none; }
    @media all and (min-width: 600px) {
      .section.section-customer--interior h2, .section.section-customer--exterior h2 {
        text-shadow: none;
        color: var(--white-1);
        margin-top: .25em;
        margin-bottom: .1em; } }
    @media all and (min-width: 1000px) {
      .section.section-customer--interior h2, .section.section-customer--exterior h2 {
        width: 80%; } }
  .section.section-customer--interior h3, .section.section-customer--exterior h3 {
    font-size: 1.36em;
    line-height: 1.5em;
    text-shadow: 0px 4px 14px #000000c2;
    pointer-events: none; }
    @media all and (min-width: 600px) {
      .section.section-customer--interior h3, .section.section-customer--exterior h3 {
        text-shadow: none;
        color: var(--white-1); } }
  .section.section-customer--interior h4,
  .section.section-customer--interior p, .section.section-customer--exterior h4,
  .section.section-customer--exterior p {
    display: none; }
    @media all and (min-width: 600px) {
      .section.section-customer--interior h4,
      .section.section-customer--interior p, .section.section-customer--exterior h4,
      .section.section-customer--exterior p {
        display: block;
        color: var(--white); } }
  @media all and (min-width: 600px) {
    .section.section-customer--interior h4, .section.section-customer--exterior h4 {
      margin-top: 4.6em;
      font-weight: 100; } }
  @media all and (min-width: 2000px) {
    .section.section-customer--interior h4, .section.section-customer--exterior h4 {
      margin-top: 6.2vw; } }
  @media all and (min-width: 600px) {
    .section.section-customer--interior p, .section.section-customer--exterior p {
      width: 60%; } }
  @media all and (min-width: 600px) {
    .section.section-customer--interior .section-background--full {
      width: 38%;
      height: 28.8%;
      top: 9.9%;
      left: 0; } }
  @media all and (min-width: 1000px) {
    .section.section-customer--interior .section-background--full {
      width: 52%;
      height: 55.8%;
      top: 25.9%; } }
  @media all and (min-width: 2000px) {
    .section.section-customer--interior .section-background--full {
      width: 52.4vw;
      height: 30.8vw;
      top: 13.5vw; } }
  @media all and (min-width: 600px) {
    .section.section-customer--interior .headings {
      margin-right: 0;
      margin-left: 17.4em;
      width: 96%;
      margin-bottom: 5vw; } }
  @media all and (min-width: 1000px) {
    .section.section-customer--interior .headings {
      margin-left: 43.2vw;
      width: 59%; } }
  @media all and (min-width: 2000px) {
    .section.section-customer--interior .headings {
      width: 50%; } }
  @media all and (min-width: 600px) {
    .section.section-customer--exterior .section-background--full {
      width: 38%;
      height: 29.8%;
      right: 0;
      top: 6.7%; }
    .section.section-customer--exterior h4 {
      margin-top: 5.7em; }
    .section.section-customer--exterior .headings {
      margin-bottom: 8em; }
      .section.section-customer--exterior .headings h2 {
        width: 100%; }
    .section.section-customer--exterior h3 {
      display: none; }
    .section.section-customer--exterior p {
      width: 100%; } }
  @media all and (min-width: 1000px) {
    .section.section-customer--exterior .section-background--full {
      width: 57%;
      right: 0;
      top: 27.7%;
      height: 56.2%; }
    .section.section-customer--exterior p {
      width: 48%; } }
  @media all and (min-width: 2000px) {
    .section.section-customer--exterior .section-background--full {
      width: 51.8vw;
      top: 12vw;
      height: 31.2vw; }
    .section.section-customer--exterior .headings {
      margin-bottom: 16vw; }
    .section.section-customer--exterior h4 {
      margin-top: 4.9vw; }
    .section.section-customer--exterior h2 {
      margin-top: 1.2vw; }
    .section.section-customer--exterior p {
      width: 44%; } }
  .section.section-video .video {
    height: 100%; }
    @media all and (min-width: 530px) {
      .section.section-video .video {
        width: 100%;
        height: auto; } }
  @media all and (min-width: 600px) {
    .section.section-video .info-video {
      background-color: var(--light-blue);
      height: 50vw; } }
  .section.section-video .section-background {
    margin-top: 6em;
    z-index: 0;
    height: 49dvh; }
    @media all and (min-width: 600px) {
      .section.section-video .section-background {
        height: 33.8vw;
        width: 51.5vw;
        left: 0;
        top: .7em; } }
    @media all and (min-width: 2000px) {
      .section.section-video .section-background {
        height: 34.4vw;
        width: 51.9vw;
        left: 0;
        top: 5.7vw; } }
  @media all and (min-width: 600px) {
    .section.section-video h2 {
      margin-top: 0.52em;
      font-size: 8.5vw;
      width: 39%;
      margin-left: 5.26em;
      line-height: 1.39em; }
      .section.section-video h2 span {
        color: var(--white-1) !important;
        text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.27); } }
  @media all and (min-width: 900px) {
    .section.section-video h2 {
      font-size: 4.8em; } }
  @media all and (min-width: 2000px) {
    .section.section-video h2 {
      margin-top: 2.8vw;
      font-size: 5.3vw; } }
  @media all and (min-width: 600px) {
    .section.section-footer {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      background-color: var(--brown); } }
  .section.section-footer .footer-logo {
    display: none; }
    @media all and (min-width: 600px) {
      .section.section-footer .footer-logo {
        display: flex;
        margin-top: 2.1em;
        margin-bottom: 3em; }
        .section.section-footer .footer-logo > * {
          height: 40px; }
        .section.section-footer .footer-logo .logo {
          margin-left: 3.7em; }
        .section.section-footer .footer-logo .logo-name {
          margin-left: -2.4em; } }
    @media all and (min-width: 1200px) {
      .section.section-footer .footer-logo {
        margin-bottom: 0;
        display: block; } }
    @media all and (min-width: 2000px) {
      .section.section-footer .footer-logo {
        display: flex;
        height: 2vw;
        gap: 1.5vw;
        margin-top: 3.5vw;
        margin-left: 7vw; }
        .section.section-footer .footer-logo > * {
          height: 100%; } }
  .section.section-footer .section-background--full {
    z-index: -1; }
  .section.section-footer .headings {
    margin-top: 6em;
    pointer-events: none; }
    .section.section-footer .headings > *:nth-child(1),
    .section.section-footer .headings > *:nth-child(2) {
      display: inline-block; }
      .section.section-footer .headings > *:nth-child(1)::after,
      .section.section-footer .headings > *:nth-child(2)::after {
        border: transparent; }
    .section.section-footer .headings *:nth-child(3) {
      display: block; }
    @media all and (min-width: 600px) {
      .section.section-footer .headings > *:nth-child(1),
      .section.section-footer .headings > *:nth-child(3) {
        display: none; } }
    .section.section-footer .headings p a {
      color: var(--light-blue);
      font-weight: 300; }
      .section.section-footer .headings p a:hover {
        color: var(--white-1); }
    @media all and (min-width: 600px) {
      .section.section-footer .headings {
        margin: 0; }
        .section.section-footer .headings ul:nth-child(2) {
          position: absolute;
          top: 0;
          right: 2em;
          margin-bottom: 0; }
          .section.section-footer .headings ul:nth-child(2) li {
            font-size: 1.2em;
            letter-spacing: 2px; } }
      @media all and (min-width: 600px) and (min-width: 1200px) {
        .section.section-footer .headings ul:nth-child(2) li {
          font-size: 0.85em; } }
    @media all and (min-width: 600px) {
        .section.section-footer .headings p {
          display: inline-block;
          font-size: .75em; } }
    @media all and (min-width: 750px) {
      .section.section-footer .headings ul:nth-child(2) {
        bottom: 0;
        right: 8em;
        top: auto; } }
    @media all and (min-width: 2000px) {
      .section.section-footer .headings {
        margin-left: 3vw; }
        .section.section-footer .headings p {
          font-size: 0.75vw; }
        .section.section-footer .headings ul:nth-child(2) {
          right: 8vw; }
          .section.section-footer .headings ul:nth-child(2) li {
            font-size: 0.85vw;
            line-height: 3vw; } }
  .section.section-footer h3 {
    font-size: 1.4em;
    position: relative;
    display: inline-block;
    padding-bottom: .35em;
    pointer-events: none;
    letter-spacing: 1px; }
    @media all and (min-width: 600px) {
      .section.section-footer h3 {
        display: none; } }
    .section.section-footer h3::after {
      content: '';
      position: absolute;
      height: 100%;
      width: 71px;
      left: 0;
      border-bottom: 2px solid var(--green-main-light); }
  .section.section-footer ul {
    margin-bottom: .3em;
    pointer-events: all; }
    @media all and (min-width: 600px) {
      .section.section-footer ul {
        display: flex; } }
    .section.section-footer ul:nth-child(4) {
      margin-top: 1.25em;
      margin-bottom: 0.6em; }
      @media all and (min-width: 600px) {
        .section.section-footer ul:nth-child(4) {
          display: none; } }
      @media all and (min-width: 1200px) {
        .section.section-footer ul:nth-child(4) {
          display: flex;
          margin-top: 2.4em;
          margin-bottom: 3em;
          margin-right: 9em;
          font-size: 0.9em;
          gap: 0.6em;
          justify-content: space-between; } }
      @media all and (min-width: 2000px) {
        .section.section-footer ul:nth-child(4) {
          margin-top: 2.6vw;
          margin-bottom: 3vw;
          margin-right: 8vw; } }
      .section.section-footer ul:nth-child(4) li {
        font-size: 1em;
        line-height: 2.7em; }
        @media all and (min-width: 600px) {
          .section.section-footer ul:nth-child(4) li a {
            color: var(--green-main-light) !important; }
            .section.section-footer ul:nth-child(4) li a:hover {
              color: var(--white-1) !important; } }
        @media all and (min-width: 2000px) {
          .section.section-footer ul:nth-child(4) li {
            font-size: 1.1vw; } }
        .section.section-footer ul:nth-child(4) li:last-child a {
          color: var(--green-main-light); }
          @media all and (min-width: 600px) {
            .section.section-footer ul:nth-child(4) li:last-child a {
              color: var(--light-blue); } }
  .section.section-footer li {
    list-style: none;
    font-family: var(--font-main);
    font-size: 1.4em;
    letter-spacing: 1.2px;
    line-height: 2.5em; }
    .section.section-footer li a {
      text-decoration: none; }
      @media all and (min-width: 600px) {
        .section.section-footer li a {
          color: var(--green-main-light) !important; }
          .section.section-footer li a:hover {
            color: var(--white-1) !important; } }
  .section.section-footer p {
    font-family: var(--font-second);
    line-height: 1.7em;
    font-weight: 200; }
    .section.section-footer p a {
      font-weight: 600; }
  .section.section-footer .btn-nav a:nth-child(2) {
    pointer-events: none;
    color: #3bc99673; }
  .section.section-footer .company-block {
    pointer-events: all; }
    @media all and (min-width: 600px) {
      .section.section-footer .company-block {
        position: absolute;
        bottom: 0;
        left: 6.5em;
        line-height: 2.5em; } }
    @media all and (min-width: 2000px) {
      .section.section-footer .company-block {
        left: 7.6vw;
        line-height: 2.5vw; } }
  @media all and (min-width: 600px) {
    .section.section-pests {
      background-color: var(--brown); } }
  .section.section-pests .section-background--full {
    z-index: -1; }
  .section.section-pests h2 {
    font-size: 2.56em;
    margin: 3.08em auto auto auto;
    width: 80%;
    z-index: 5;
    position: relative; }
    @media all and (min-width: 600px) {
      .section.section-pests h2 {
        font-size: 5em;
        color: var(--white-1);
        margin-top: .9em;
        line-height: 1.7em; } }
    @media all and (min-width: 2000px) {
      .section.section-pests h2 {
        font-size: 5vw;
        margin-top: 5.6vw;
        margin-left: 0; } }
  .section.section-pests .full-sized-content {
    position: relative;
    width: 100%; }
    @media all and (min-width: 600px) {
      .section.section-pests .full-sized-content {
        width: 81.2%;
        margin-left: 0; } }
    @media all and (min-width: 1000px) {
      .section.section-pests .full-sized-content {
        width: 81.2%;
        margin-right: 17.5em; } }
  .section.section-pests .selector-wrapper {
    margin-top: 9.5em;
    width: 84%;
    position: absolute;
    right: 0;
    /*
          #selector {
            background-color: var(--dark-blue);
            color: var(--white-1);
            padding: 0.07em 2em;
            width: 100%;
            border-radius: 50px 0 0 50px;
            display: flex;
            flex-direction: row;
            justify-content: center;
            font-family: var(--font-third);
            font-size: 2.1em;
            letter-spacing: 1px;
            text-transform: capitalize;
            outline: none;
            border: none;
            appearance:none;
            position: relative;
          }
          /*
          &::after {
            content: "";
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 16px solid var(--white-1);
            position: absolute;
            right: 2.8em;
            top: 1.2em;
            cursor: pointer;
          } */
    /* custom select */
    /* all options */
    /*
    .select-items div:hover, .same-as-selected {
      background-color: rgba(0, 0, 0, 0.1);
    }
    */ }
    @media all and (min-width: 600px) {
      .section.section-pests .selector-wrapper {
        margin-top: 9em;
        min-width: 444px;
        width: auto;
        margin-right: 3em;
        position: relative; } }
    @media all and (min-width: 1200px) {
      .section.section-pests .selector-wrapper {
        margin-top: -6em;
        position: absolute; } }
    @media all and (min-width: 2000px) {
      .section.section-pests .selector-wrapper {
        margin-top: -6vw;
        min-width: 30vw;
        margin-right: 10vw; } }
    .section.section-pests .selector-wrapper .custom-selector {
      pointer-events: all; }
      .section.section-pests .selector-wrapper .custom-selector select {
        display: none; }
    .section.section-pests .selector-wrapper .select-selected {
      background-color: var(--dark-blue);
      color: var(--white-1);
      padding: 0.3em 2em 0.22em 2em;
      width: 100%;
      border-radius: 50px 0 0 50px;
      font-family: var(--font-third);
      font-size: 1.72em;
      letter-spacing: 1px;
      text-transform: capitalize;
      outline: none;
      border: none;
      appearance: none;
      position: relative; }
      @media all and (min-width: 600px) {
        .section.section-pests .selector-wrapper .select-selected {
          font-size: 2.6em;
          padding: 0em 2em 0em 1.8em;
          border-radius: 50px; } }
      @media all and (min-width: 2000px) {
        .section.section-pests .selector-wrapper .select-selected {
          font-size: 2.9vw;
          padding: 0vw 2vw 0vw 4.8vw;
          border-radius: 50vw; } }
    .section.section-pests .selector-wrapper .select-selected:after {
      content: "";
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 16px solid var(--white-1);
      position: absolute;
      right: 1.8em;
      top: 0.73em; }
      @media all and (min-width: 600px) {
        .section.section-pests .selector-wrapper .select-selected:after {
          right: 1.05em;
          top: 0.59em; } }
      @media all and (min-width: 2000px) {
        .section.section-pests .selector-wrapper .select-selected:after {
          border-left: .6vw solid transparent;
          border-right: .6vw solid transparent;
          border-top: 1vw solid var(--white-1); } }
    .section.section-pests .selector-wrapper .select-selected.select-arrow-active:after {
      transform: rotate(180deg);
      top: 0.63em; }
      @media all and (min-width: 600px) {
        .section.section-pests .selector-wrapper .select-selected.select-arrow-active:after {
          top: 0.58em; } }
    .section.section-pests .selector-wrapper .select-items div, .section.section-pests .selector-wrapper .select-selected {
      color: var(--white-1);
      cursor: pointer; }
    .section.section-pests .selector-wrapper .select-items {
      position: absolute;
      background-color: var(--dark-blue);
      top: 100%;
      left: 0;
      right: 0;
      z-index: 10;
      border-radius: 50px 0 0 50px;
      box-shadow: 0 4px 29px #000;
      max-height: 357px;
      padding-top: 1em;
      padding-bottom: 1em;
      overflow: scroll;
      /*
      @media all and (min-width: 1000px) {
        width: 22vw;
        left: auto;
      }
      */ }
      .section.section-pests .selector-wrapper .select-items div {
        opacity: .5;
        transition: opacity 0.3s ease; }
        .section.section-pests .selector-wrapper .select-items div:hover {
          opacity: 1; }
      .section.section-pests .selector-wrapper .select-items div.same-as-selected {
        opacity: 1; }
      @media all and (min-width: 600px) {
        .section.section-pests .selector-wrapper .select-items {
          border-radius: 50px; } }
      @media all and (min-width: 2000px) {
        .section.section-pests .selector-wrapper .select-items {
          border-radius: 2vw;
          max-height: 35vw; } }
      .section.section-pests .selector-wrapper .select-items div {
        padding: 0.52em 2em 0.45em 1em;
        font-family: var(--font-main);
        font-size: 1.6em;
        letter-spacing: 1px;
        text-transform: capitalize;
        border-bottom: 2px solid var(--light-blue);
        margin-left: 1em;
        margin-right: 1em; }
        @media all and (min-width: 2000px) {
          .section.section-pests .selector-wrapper .select-items div {
            font-size: 1.8vw; } }
      .section.section-pests .selector-wrapper .select-items::-webkit-scrollbar {
        width: .93em;
        margin-right: 8px; }
      .section.section-pests .selector-wrapper .select-items::-webkit-scrollbar-thumb {
        background-color: var(--white-1);
        border-radius: 50px; }
    .section.section-pests .selector-wrapper .select-hide {
      display: none; }
  .section.section-pests .descriptions,
  .section.section-pests .full-sized-content {
    pointer-events: none; }
  .section.section-pests .descriptions-section {
    display: none;
    pointer-events: none; }
    .section.section-pests .descriptions-section img {
      position: absolute;
      right: .5em;
      height: 233px;
      top: 5.3em; }
      @media all and (min-width: 600px) {
        .section.section-pests .descriptions-section img {
          height: 290px;
          top: 2.3em; } }
      @media all and (min-width: 1200px) {
        .section.section-pests .descriptions-section img {
          position: relative; } }
      @media all and (min-width: 2000px) {
        .section.section-pests .descriptions-section img {
          height: 20.4vw;
          top: 3.3vw; } }
    .section.section-pests .descriptions-section p {
      width: 80%;
      margin: auto;
      margin-top: 14em;
      font-family: var(--font-second);
      font-size: 1em;
      line-height: 1.4em;
      pointer-events: none;
      display: none; }
      .section.section-pests .descriptions-section p:first-child {
        display: block; }
      @media all and (min-width: 600px) {
        .section.section-pests .descriptions-section p {
          margin-top: 2.45em;
          font-size: 1em;
          display: block !important;
          color: var(--white-1);
          font-family: var(--font-second);
          font-weight: 200;
          width: 82%;
          letter-spacing: .3px; } }
      @media all and (min-width: 2000px) {
        .section.section-pests .descriptions-section p {
          font-size: 1.2vw;
          margin-top: 3.6vw;
          margin-left: 3vw; } }
  .section.section-pests .descriptions-section.open {
    display: block; }
    @media all and (min-width: 600px) {
      .section.section-pests .descriptions-section.open {
        display: grid;
        grid-template-columns: 100%;
        margin-left: 0.6em;
        margin-bottom: 8.8em; } }
    @media all and (min-width: 1200px) {
      .section.section-pests .descriptions-section.open {
        grid-template-columns: 27% 73%;
        margin-left: 7.6em; } }
    @media all and (min-width: 2000px) {
      .section.section-pests .descriptions-section.open {
        margin-left: 0.6vw;
        margin-bottom: 7vw; } }
  .section.section-pests .btn-nav {
    width: 80%; }

/* main menu */
#main-menu {
  position: absolute;
  height: 100dvh;
  width: 100vw;
  background-color: var(--green-main-dark);
  z-index: 49;
  align-items: center;
  display: none; }
  @media all and (min-width: 1000px) {
    #main-menu {
      display: flex;
      width: 16vw;
      right: 0;
      background-color: transparent;
      min-height: 563px;
      position: fixed; }
      #main-menu.white ul li a {
        color: var(--white); }
      #main-menu.black ul::after {
        background-color: var(--black); }
      #main-menu.black ul li:not(:last-child)::before {
        background-color: var(--black); }
      #main-menu.black ul li::before {
        background-color: var(--black); }
      #main-menu.black ul li a {
        color: var(--black); } }
  #main-menu ul {
    height: 71dvh;
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    font-family: var(--font-main);
    list-style: none;
    align-items: center;
    position: relative; }
    @media all and (min-width: 1000px) {
      #main-menu ul {
        height: 67dvh;
        width: 13vw;
        align-items: flex-end; }
        #main-menu ul::after {
          content: '';
          position: absolute;
          height: 100%;
          width: 14px;
          background-color: var(--white);
          opacity: .3;
          right: 14px;
          border-radius: 20px;
          height: 63dvh;
          display: flex;
          top: 2dvh; } }
    @media all and (min-width: 1000px) and (min-width: 2000px) {
      #main-menu ul::after {
        width: .8vw;
        border-radius: 20vw; } }

    #main-menu ul li:last-child a {
      opacity: 1; }
    #main-menu ul a {
      text-decoration: none;
      font-size: 1.4em;
      color: var(--green-main-light);
      letter-spacing: .6px; }
      @media all and (min-width: 1000px) {
        #main-menu ul a {
          font-size: 1em;
          text-transform: capitalize;
          opacity: .29;
          padding-right: 3em;
          position: relative;
          z-index: 10; }
          #main-menu ul a.active, #main-menu ul a:hover {
            opacity: 1; } }
      @media all and (min-width: 2000px) {
        #main-menu ul a {
          font-size: 1.2vw; } }
      #main-menu ul a.highlight {
        color: var(--white-1); }
        @media all and (min-width: 600px) {
          #main-menu ul a.highlight {
            color: var(--light-blue) !important; } }
    #main-menu ul li {
      position: relative; }
      #main-menu ul li:not(:last-child)::after, #main-menu ul li:not(:last-child)::before {
        content: '';
        position: absolute;
        height: 2px;
        width: 35px;
        background-color: var(--green-main-light);
        bottom: -2em; }
      #main-menu ul li:not(:last-child)::after {
        left: 50%; }
      #main-menu ul li:not(:last-child)::before {
        right: 50%; }
      @media all and (min-width: 1000px) {
        #main-menu ul li:not(:last-child)::before {
          content: '';
          position: absolute;
          height: 14px;
          width: 14px;
          background-color: var(--white);
          right: 14px;
          left: auto;
          border-radius: 20px;
          top: 5px; }
        #main-menu ul li:not(:last-child)::after {
          display: none; } }
      @media all and (min-width: 2000px) {
        #main-menu ul li:not(:last-child)::before {
          height: .8vw;
          width: .8vw;
          border-radius: 20vw; } }
      @media all and (min-width: 1000px) {
        #main-menu ul li::before {
          content: '';
          position: absolute;
          height: 14px;
          width: 14px;
          background-color: var(--white);
          right: 14px;
          left: auto;
          border-radius: 20px;
          top: 5px; }
        #main-menu ul li::after {
          display: none; } }
      @media all and (min-width: 2000px) {
        #main-menu ul li::before {
          height: .8vw;
          width: .8vw;
          border-radius: 20vw; } }
  #main-menu.open {
    display: flex; }

/* MODAL */
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center; }

.modal-content {
  background: var(--green-main-dark);
  color: var(--green-main-light);
  padding: 1.3em 1em;
  border-radius: 4px;
  width: 400px;
  font-size: 1.6em;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  font-family: var(--font-main); }
  .modal-content p:nth-child(2) {
    font-family: var(--font-second);
    font-size: .8em;
    margin-top: .6em;
    color: var(--white-1);
    letter-spacing: .6px; }

.hidden-modal {
  display: none;
  z-index: -1; }

.input-company {
  display: none; }

/* ANIMATIONS */
@keyframes pulse {
  0% {
    transform: scale(0.92);
    opacity: .85; }
  50% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(0.92);
    opacity: .85; } }
@keyframes pulse-small {
  0% {
    transform: scale(0.97);
    opacity: .85; }
  50% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(0.97);
    opacity: .85; } }
.is-ipad h1,
.is-ipad h2 span {
  text-shadow: rgba(0, 0, 0, 0.3) 0px 0px 0px !important; }

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