/* Min-width (media-breakpoint-up) */
/* Max-width (media-breakpoint-down) */
/* Single Breakpoint (media-breakpoint-only) */
/* Between Breakpoints (media-breakpoint-between) */
:root {
  --darkGreenColor: #00756E;
  --regularGreenColor: #0E9B78;
  --lightGreenColor: #77BD77;
  --lighterGreenColor: #ACD4AA;
  --lightGrayColor: #605F5F;
  --grayColor: #323232;
  --blackColor: #000000;
  --whiteColor: #FFFFFF;
  --primaryFont: "Inter", sans-serif;
  --secondFont: "Montserrat", cursive;
}

* {
  font-size: 1.05rem;
  font-family: var(--primaryFont);
}

a {
  color: inherit;
  text-decoration: none;
}

.nav-link, .linkContact {
  color: var(--blueColor);
  transition: all 0.2s ease-in-out;
}
.nav-link:hover, .linkContact:hover {
  font-weight: bold;
}
.nav-link.white, .linkContact.white {
  transition: all 0.2s ease-in-out;
}
.nav-link.white:hover, .linkContact.white:hover {
  color: var(--whiteColor);
  font-weight: bold;
}

.df, .row {
  display: flex;
}
.df.c, .row.c {
  flex-direction: column;
}
.df.c.cc, .row.c.cc {
  justify-content: center;
  align-items: center;
}
.df.c.cs, .row.c.cs {
  justify-content: center;
  align-items: flex-start;
}
.df.c.ce, .row.c.ce {
  justify-content: center;
  align-items: flex-end;
}
.df.c.cst, .row.c.cst {
  justify-content: center;
  align-items: stretch;
}
.df.c.sc, .row.c.sc {
  justify-content: flex-start;
  align-items: center;
}
.df.c.sbi, .row.c.sbi {
  justify-content: space-between;
  align-items: inherit;
}
.df.c.isb, .row.c.isb {
  justify-content: space-between;
  align-items: inherit;
}
.df.r, .row.r {
  flex-direction: row;
}
.df.r.cc, .row.r.cc {
  justify-content: center;
  align-items: center;
}
.df.r.cs, .row.r.cs {
  justify-content: center;
  align-items: flex-start;
}
.df.r.ec, .row.r.ec {
  justify-content: flex-end;
  align-items: center;
}
.df.r.cst, .row.r.cst {
  justify-content: center;
  align-items: stretch;
}
.df.r.sc, .row.r.sc {
  justify-content: flex-start;
  align-items: center;
}
.df.r.sb, .row.r.sb {
  justify-content: flex-start;
  align-items: baseline;
}
.df.r.sbi, .row.r.sbi {
  justify-content: space-between;
  align-items: inherit;
}
.df.r.sei, .row.r.sei {
  justify-content: space-evenly;
  align-items: inherit;
}

/* BACKGROUND */
.bg-green {
  background: var(--regularGreenColor);
}
.bg-lightGreen {
  background: var(--lightGreenColor);
}
.bg-lighterGreen {
  background: var(--lighterGreenColor);
}
.bg-darkGreen {
  background: var(--darkGreenColor);
}
.bg-gray {
  background: var(--grayColor);
}
.bg-black {
  background: var(--blackColor);
}
.bg-white {
  background: var(--whiteColor);
}

/* BORDERS */
.b-blue {
  border: 4px solid var(--blueColor);
}
.b-gray {
  border: 4px solid var(--grayColor);
}
.b-lightGray {
  border: 4px solid var(--lightGrayColor);
}
.b-black {
  border: 4px solid var(--blackColor);
}
.b-white {
  border: 4px solid var(--whiteColor);
}

.bb-green {
  border-bottom: 4px solid var(--regularGreenColor);
}
.bb-lightGreen {
  border-bottom: 4px solid var(--lightGreenColor);
}
.bb-darkGreen {
  border-bottom: 4px solid var(--darkGreenColor);
}
.bb-gray {
  border-bottom: 4px solid var(--grayColor);
}
.bb-lightGray {
  border-bottom: 4px solid var(--lightGrayColor);
}
.bb-black {
  border-bottom: 4px solid var(--blackColor);
}
.bb-white {
  border-bottom: 4px solid var(--whiteColor);
}

.bl-blue {
  border-left: 4px solid var(--blueColor);
}
.bl-gray {
  border-left: 4px solid var(--grayColor);
}
.bl-lightGray {
  border-left: 4px solid var(--lightGrayColor);
}
.bl-black {
  border-left: 4px solid var(--blackColor);
}
.bl-white {
  border-left: 4px solid var(--whiteColor);
}

/* FONT  */
.font {
  /* FONT COLOR */
  /* FONT SIZE */
  /* FONT WEIGHT */
}
.font-green {
  color: var(--regularGreenColor);
}
.font-lightGreen {
  color: var(--lightGreenColor);
}
.font-darkGreen {
  color: var(--darkGreenColor);
}
.font-gray {
  color: var(--grayColor);
}
.font-lightGray {
  color: var(--lightGrayColor);
}
.font-black {
  color: var(--blackColor);
}
.font-white {
  color: var(--whiteColor);
}
.font-title {
  font-family: var(--primaryFont);
  font-size: 2.1rem;
}
.font-light {
  font-weight: 200;
}
.font-bold {
  font-weight: 700;
}

/* TEXT ALIGNMENT */
.text-justify {
  text-align: justify;
}

/* BUTTONS */
.btn {
  border-radius: 10px;
  padding: 0.5rem 1rem;
  width: -moz-fit-content;
  width: fit-content;
}
.btn-solid {
  color: var(--whiteColor);
  background: var(--darkGreenColor);
  border: 2px solid var(--darkGreenColor);
  transition: all 0.2s ease-in-out;
}
.btn-solid:hover {
  color: var(--whiteColor);
  background: var(--regularGreenColor);
  border: 2px solid var(--regularGreenColor);
  transition: all 0.2s ease-in-out;
}
.btn-outlined {
  color: var(--darkGreenColor);
  background: var(--whiteColor);
  border: 2px solid var(--whiteColor);
}
.btn-outlined:hover {
  color: var(--whiteColor);
  background: transparent;
  border: 2px solid var(--whiteColor);
}

/* BACKGROUNDS */
#comingSoon {
  background: url("/assets/backgrounds/comingSoon.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}

.hero {
  position: relative;
  min-height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.hero#technology {
  background-image: url("/assets/backgrounds/home.jpg");
}
.hero#us {
  background-image: url("/assets/backgrounds/us.jpg");
}
.hero#services {
  background-image: url("/assets/backgrounds/services.jpg");
}
.hero#products {
  background-image: url("/assets/backgrounds/products.jpg");
}
.hero#contact {
  background-image: url("/assets/backgrounds/contact.jpg");
}
.hero h1 {
  font-size: 48px;
  font-weight: 800;
  margin: 0;
  padding: 0;
  text-shadow: 3px 3px 3px #000;
  /* @include media-breakpoint-between(xl, xxl) {
  	font-size: 40px;
  } */
}
.hero p {
  padding: 0;
  margin: 1em 0 0 0;
  font-size: 20px;
  font-weight: 500;
  text-align: justify;
}

.banner {
  width: 100%;
  height: auto;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.banner#team {
  background: url("/assets/backgrounds/team.jpg");
  background-position: top center !important;
  height: 35rem;
}
@media (max-width: 991.98px) {
  .banner#team {
    height: 24rem;
  }
}
@media (max-width: 767.98px) {
  .banner#team {
    height: 14rem;
  }
}
.banner#quality {
  background: url("/assets/backgrounds/quality.jpg");
  background-position: top center !important;
  height: 35rem;
}
@media (max-width: 991.98px) {
  .banner#quality {
    height: 24rem;
  }
}
@media (max-width: 767.98px) {
  .banner#quality {
    height: 14rem;
  }
}

/* MENU */
header {
  position: absolute;
  z-index: 10;
  width: 100%;
}
header .navbar-brand img {
  width: 250px;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 767.98px) {
  header .navbar-brand {
    max-width: 200px;
  }
}
header .navbar-nav {
  justify-content: space-evenly;
}
header .navbar-nav .nav-link {
  color: var(--grayColor);
  padding: 0.1rem 1rem;
}
header .navbar-nav .nav-link:hover {
  color: var(--regularGreenColor);
}
header .navbar-toggler.menuBtn {
  border: none;
  padding: 0 0.75rem 0 0;
}
header .navbar-toggler.menuBtn .bi-list {
  font-size: 2.7rem;
}
header .navbar-toggler.menuBtn .bi-list::before {
  color: var(--regularGreenColor);
}
header .socialLinks {
  position: relative;
  right: 100px;
  top: -30px;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 991.98px) {
  header .socialLinks {
    top: 20px;
    right: 0;
  }
}
header.scrolled {
  position: fixed !important;
  top: 0;
  background: #fff;
  box-shadow: #000000 1px 1px 20px;
  transition: all 0.2s ease-in-out;
}
header.scrolled .navbar-brand img {
  width: 50%;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 991.98px) {
  header.scrolled .navbar-brand {
    max-width: 200px;
  }
  header.scrolled .navbar-brand img {
    width: 100%;
  }
}
header.scrolled .socialLinks {
  position: relative;
  right: -10px;
  top: 0;
  transition: all 0.2s ease-in-out;
}
header .offcanvas-header img {
  width: 50%;
}

:not(#home) > header {
  position: relative;
}

/* MAIN */
#home .active, #us .active,
#services .active, #products .active,
#contact .active {
  color: var(--regularGreenColor);
  font-weight: bold;
}

.carouselServices.owl-carousel .owl-item img, .carouselAboutUs.owl-carousel .owl-item img {
  width: 70%;
}

@media (min-width: 992px) {
  .hexagons {
    width: 70%;
  }
}

.year {
  position: absolute;
  rotate: -90deg;
  font-size: 2.3rem;
  left: -65px;
}
.year-10 {
  top: 28%;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .year-10 {
    top: 20%;
  }
}
@media (max-width: 991.98px) {
  .year-10 {
    position: relative;
    left: 0;
    top: 0;
    rotate: 0deg;
    font-size: 1.5rem;
    margin-bottom: 0;
    text-align: start;
  }
}
.year-18 {
  top: 47%;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .year-18 {
    top: 45%;
  }
}
@media (max-width: 991.98px) {
  .year-18 {
    position: relative;
    left: 0;
    top: 0;
    rotate: 0deg;
    font-size: 1.5rem;
    margin-bottom: 0;
    text-align: start;
  }
}
.year-22 {
  top: 65%;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .year-22 {
    top: 70%;
  }
}
@media (max-width: 991.98px) {
  .year-22 {
    position: relative;
    left: 0;
    top: 0;
    rotate: 0deg;
    font-size: 1.5rem;
    margin-bottom: 0;
    text-align: start;
  }
}

.services {
  position: relative;
  background: linear-gradient(0deg, rgb(0, 126, 117) 0%, rgb(91, 194, 111) 100%);
  padding: 3px;
}
.services .service {
  background: var(--whiteColor);
  height: 250px;
  padding: 2rem;
}
@media (max-width: 767.98px) {
  .services .service {
    padding: 0.5rem;
  }
}

.sucursales .icon-map {
  position: absolute;
  left: -50px;
}
@media (max-width: 575.98px) {
  .sucursales {
    font-size: 0.85rem;
  }
  .sucursales .icon-map {
    left: -35px;
    top: 10px;
  }
}

.table > :not(caption) > * > * {
  background-color: inherit;
}

#place {
  background: url("/assets/img/contact/place.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

/* FOOTER */
footer {
  position: relative;
}
footer .footerIcon {
  position: relative;
}
footer .footerIcon .bi-geo-alt {
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: -1.5rem;
  transform: translateY(-50%);
}
@media (max-width: 991.98px) {
  footer .contactInfo {
    text-align: center;
  }
}
footer .navbar-nav .nav-link {
  padding: 0.1rem 1rem;
}/*# sourceMappingURL=index.css.map */