@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;500;700&display=swap);
@font-face {
  font-family: "BebasNeue-Regular";
  font-style: normal;
  src: url("/fonts/BebasNeue-Regular.woff2") format("woff2"), url("/fonts/BebasNeue-Regular.woff") format("woff"), url("/fonts/BebasNeue-Regular.ttf") format("ttf"), url("/fonts/BebasNeue-Regular.otf") format("otf");
  font-display: swap;
}
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on September 28, 2022 */
@font-face {
  font-family: "poppinsregular";
  src: url("/fonts/poppins-regular-webfont.woff2") format("woff2"), url("/fonts/poppins-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "poppinssemibold";
  src: url("/fonts/poppins-semibold-webfont.woff2") format("woff2"), url("/fonts/poppins-semibold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.content-header {
  padding-top: 1.5em;
}

.text-center p {
  font-size: small;
}

.bg-second {
  background: linear-gradient(1deg, #7ac050, #ffffff);
}

.bg-third {
  background: linear-gradient(360deg, #ffffff, #7ac050);
}

.bg-fourth {
  background-color: rgba(122, 192, 80, 0.2);
}

.stroke-text-white {
  text-shadow: 1px 0 0 white, 0 1px 0 white, -1px 0 0 white, 0 -1px 0 white;
}

.stroke-text-black {
  text-shadow: 1px 0 0 black, 0 1px 0 black, -1px 0 0 black, 0 -1px 0 black;
}

footer {
  margin-top: 2em;
  color: white;
  font-family: "poppinsregular";
  font-size: small;
}
@media screen and (max-width: 575px) {
  footer .center {
    text-align: center;
  }
}
@media screen and (min-width: 576px) {
  footer .right {
    text-align: right;
  }
}
footer .section-footer-content {
  padding-top: 3em;
  padding-bottom: 3em;
  background-color: #04694b;
  opacity: 0.85;
}
footer .section-footer-content img {
  padding-bottom: 2em;
}
footer .section-footer-content a {
  color: #ffffff;
  text-decoration: none;
}
footer .section-footer-content .site-map {
  font-family: "poppinssemibold";
  font-size: 1.1em;
  text-align: center;
}
@media screen and (max-width: 575px) {
  footer .section-footer-content .site-map {
    margin-top: 2rem;
    text-align: left;
  }
  footer .section-footer-content .site-map .col-sm {
    padding-bottom: 0.75rem;
  }
}
footer .section-footer-content .site-map .menu {
  padding-right: 3em;
}
footer .section-footer-content .footer-contact-title {
  font-family: "poppinssemibold";
  font-size: 1.1em;
  padding-bottom: 1em;
}
@media screen and (max-width: 575px) {
  footer .section-footer-content .footer-contact-title {
    margin-top: 2em;
  }
}
footer .social-media span {
  padding-right: 20px;
}
footer .section-footer-copyright {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  padding-top: 2em;
  padding-bottom: 2em;
  background-color: #04694b;
  opacity: 0.95;
}
footer .section-footer-copyright a {
  color: #ffffff;
}

.custom-nav .navbar-brand {
  padding-right: 3em;
}
.custom-nav .navbar-brand img {
  width: 48px;
  height: 50px;
}
.custom-nav #navbarNav .navbar-nav {
  font-family: "Montserrat", sans-serif;
}
.custom-nav #navbarNav .navbar-nav li {
  padding-right: 3em;
}
.custom-nav #navbarNav .navbar-nav .nav-link {
  color: #000000;
}
.custom-nav #navbarNav .navbar-nav .active {
  color: #7ac050;
  font-weight: bold;
}
.custom-nav #navbarNav .navbar-nav a {
  transition: 0.5s ease;
}
.custom-nav #navbarNav .navbar-nav a:hover {
  color: #7ac050;
  font-weight: bold;
  background-color: lightcyan;
}

.header-home {
  height: 595px;
  background: url("/images/bg_landing.png");
  background-position: top right;
  background-size: cover;
  background-repeat: no-repeat;
}
.header-home .custom-section img {
  margin-bottom: 2em;
}
.header-home .custom-section h1 {
  font-family: "BebasNeue-Regular", "cursive";
  color: #04694b;
  white-space: nowrap;
}
.header-home .custom-section h2 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  color: #7ac050;
  padding-bottom: 1em;
}
.header-home .custom-section p {
  font-family: "poppinssemibold", sans-serif;
  font-size: small;
  margin-top: 1em;
}
.header-home .custom-section a {
  font-family: "Montserrat";
  font-size: small;
  text-decoration: none;
  display: inline-block;
  color: white;
  background-color: #eb3d47;
  border-radius: 2em;
  border-style: solid;
  border-width: 1px;
  border-color: white;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-right: 2em;
  padding-left: 2em;
}
.header-home .custom-section a:hover {
  color: #04694b;
  border: 1px solid #04694b;
  background-color: white;
}

.home-section {
  margin-top: 4em;
}

.home-section-title {
  text-align: center;
  font-family: "poppinssemibold";
  color: #649e92;
  font-size: x-large;
}

.home-section-data {
  padding-top: 0.5em;
  font-family: "Montserrat", sans-serif;
  font-size: large;
}
@media screen and (max-width: 575px) {
  .home-section-data .illustration {
    text-align: center;
  }
}
@media screen and (max-width: 575px) {
  .home-section-data .illustration img {
    width: 60%;
  }
}
@media screen and (min-width: 576px) {
  .home-section-data .illustration img {
    height: 200px;
  }
}
.home-section-data .carousel-inner img {
  width: 300px;
  height: 500px;
  -o-object-fit: contain;
     object-fit: contain;
}
.home-section-data a img {
  width: 50%;
}

@media screen and (min-width: 576px) {
  .header-about .custom-section .right {
    text-align: right;
  }
}
@media screen and (max-width: 575px) {
  .header-about .custom-section .center {
    text-align: center;
  }
}
.header-about .custom-section img {
  margin-top: 1.5em;
  margin-bottom: 2em;
}
.header-about .custom-section h1 {
  font-family: "Montserrat", sans-serif;
  font-size: xx-large;
  font-weight: bold;
  color: #04694b;
}
.header-about .custom-section h2 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  color: #649e92;
}
.header-about .custom-section p {
  font-family: "poppinsregular", sans-serif;
  font-size: small;
  margin-top: 1em;
  padding-bottom: 1em;
}
.header-about .custom-section .stroke-text-white {
  text-shadow: 1px 0 0 white, 0 1px 0 white, -1px 0 0 white, 0 -1px 0 white;
}
.header-about .custom-section .stroke-text-black {
  text-shadow: 1px 0 0 black, 0 1px 0 black, -1px 0 0 black, 0 -1px 0 black;
}
.header-about .custom-section a {
  font-family: "Montserrat";
  font-size: small;
  text-decoration: none;
  display: inline-block;
  color: white;
  background-color: #eb3d47;
  border-radius: 2em;
  border-style: solid;
  border-width: 1px;
  border-color: white;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-right: 2em;
  padding-left: 2em;
}
.header-about .custom-section a:hover {
  color: #04694b;
  border: 1px solid #04694b;
  background-color: white;
}
@media screen and (max-width: 575px) {
  .header-about .custom-section img {
    width: 100%;
  }
}
@media screen and (min-width: 576px) {
  .header-about .custom-section img {
    width: 100%;
  }
}

.about-section {
  padding-top: 3em;
}

.about-section-title {
  text-align: center;
  font-family: "poppinssemibold";
  color: black;
  font-size: x-large;
}

.about-section-data {
  padding-top: 0.5em;
  font-family: "Montserrat", sans-serif;
  font-size: medium;
}
.about-section-data img {
  width: 100%;
  box-shadow: 5px 5px 5px #7ac050;
}
@media screen and (max-width: 575px) {
  .about-section-data img {
    width: 60%;
  }
}
@media screen and (max-width: 575px) {
  .about-section-data .illustration {
    text-align: center;
  }
}
.about-section-data .illustration img {
  padding-top: 1em;
  padding-bottom: 2em;
  width: 100%;
  box-shadow: none;
}
@media screen and (max-width: 575px) {
  .about-section-data .illustration img {
    padding-bottom: 2em;
  }
}

@media screen and (min-width: 576px) {
  .header-product {
    height: 600px;
  }
}
@media screen and (min-width: 576px) {
  .header-product .custom-section .right {
    text-align: right;
  }
}
@media screen and (max-width: 575px) {
  .header-product .custom-section .center {
    text-align: center;
  }
}
.header-product .custom-section img {
  margin-top: 1.5em;
  margin-bottom: 2em;
}
.header-product .custom-section h1 {
  font-family: "Montserrat", sans-serif;
  font-size: xx-large;
  font-weight: bold;
  color: #04694b;
}
.header-product .custom-section h2 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  color: #649e92;
}
.header-product .custom-section .stroke-text-white {
  text-shadow: 1px 0 0 white, 0 1px 0 white, -1px 0 0 white, 0 -1px 0 white;
}
.header-product .custom-section .stroke-text-black {
  text-shadow: 1px 0 0 black, 0 1px 0 black, -1px 0 0 black, 0 -1px 0 black;
}
.header-product .custom-section a {
  font-family: "Montserrat";
  font-size: small;
  text-decoration: none;
  display: inline-block;
  color: white;
  background-color: #eb3d47;
  border-radius: 2em;
  border-style: solid;
  border-width: 1px;
  border-color: white;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-right: 2em;
  padding-left: 2em;
}
.header-product .custom-section a:hover {
  color: #04694b;
  border: 1px solid #04694b;
  background-color: white;
}
@media screen and (max-width: 575px) {
  .header-product .custom-section img {
    width: 100%;
  }
}
@media screen and (min-width: 576px) {
  .header-product .custom-section img {
    width: 100%;
  }
}

.product-section {
  padding-top: 1.5em;
}

.product-section-title {
  margin-top: 1em;
  text-align: left;
  font-family: "poppinssemibold";
  color: #04694b;
  font-size: x-large;
}

.product-section-data {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-family: "Montserrat", sans-serif;
  font-size: medium;
}
.product-section-data img {
  width: 100%;
  box-shadow: 5px 5px 5px #7ac050;
}
@media screen and (max-width: 575px) {
  .product-section-data img {
    width: 60%;
  }
}
@media screen and (max-width: 575px) {
  .product-section-data .illustration {
    text-align: center;
  }
}
.product-section-data .illustration img {
  width: 100%;
  box-shadow: none;
}
@media screen and (max-width: 575px) {
  .product-section-data .illustration img {
    padding-bottom: 2em;
  }
}

@media screen and (min-width: 576px) {
  .header-contact {
    height: 600px;
  }
}
@media screen and (min-width: 576px) {
  .header-contact .custom-section .right {
    text-align: right;
  }
}
@media screen and (max-width: 575px) {
  .header-contact .custom-section .center {
    text-align: center;
  }
}
.header-contact .custom-section img {
  margin-top: 1.5em;
  margin-bottom: 2em;
}
.header-contact .custom-section h1 {
  font-family: "Montserrat", sans-serif;
  font-size: xx-large;
  font-weight: bold;
  color: #04694b;
}
.header-contact .custom-section h2 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  color: #649e92;
}
.header-contact .custom-section a {
  font-family: "Montserrat";
  font-size: small;
  text-decoration: none;
  display: inline-block;
  color: white;
  background-color: #eb3d47;
  border-radius: 2em;
  border-style: solid;
  border-width: 1px;
  border-color: white;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-right: 2em;
  padding-left: 2em;
}
.header-contact .custom-section a:hover {
  color: #04694b;
  border: 1px solid #04694b;
  background-color: white;
}
@media screen and (max-width: 575px) {
  .header-contact .custom-section img {
    width: 100%;
  }
}
@media screen and (min-width: 576px) {
  .header-contact .custom-section img {
    width: 100%;
  }
}

.contact-section {
  padding-top: 1.5em;
}

.contact-section-title {
  margin-top: 1em;
  text-align: left;
  font-family: "poppinssemibold";
  color: #04694b;
  font-size: x-large;
}
@media screen and (min-width: 576px) {
  .contact-section-title h1 {
    margin-top: 3em;
  }
}

.contact-section-data {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-family: "Montserrat", sans-serif;
  font-size: medium;
}
.contact-section-data img {
  width: 100%;
  box-shadow: 5px 5px 5px #7ac050;
}
@media screen and (max-width: 575px) {
  .contact-section-data img {
    width: 60%;
  }
}
@media screen and (max-width: 575px) {
  .contact-section-data .illustration {
    text-align: center;
  }
}
.contact-section-data .illustration img {
  width: 100%;
  box-shadow: none;
}
@media screen and (max-width: 575px) {
  .contact-section-data .illustration img {
    padding-bottom: 2em;
  }
}

.photo-gallery .custom-section h1 {
  font-family: "Montserrat", sans-serif;
  font-size: xx-large;
  font-weight: bold;
  color: #04694b;
  padding-bottom: 1em;
}