@font-face {
  font-family: "segoeui";
  src: url("../fonts/segoeui.ttf"), url("../fonts/segoeui.ttf.eot"),
    url("../fonts/segoeui.ttf.svg"), url("../fonts/segoeui.ttf.woff");
}
@font-face {
  font-family: "seguibl";
  src: url("../fonts/seguibl.ttf"), url("../fonts/seguibl.eot"),
    url("../fonts/seguibl.svg"), url("../fonts/seguibl.woff");
}
@font-face {
  font-family: "segoeuib";
  src: url("../fonts/segoeuib.ttf"), url("../fonts/segoeuib.eot"),
    url("../fonts/segoeuib.svg"), url("../fonts/segoeuib.woff");
}
@font-face {
  font-family: "caveat-regular";
  src: url("../fonts/caveat-regular.ttf"), url("../fonts/caveat-regular.eot"),
    url("../fonts/caveat-regular.svg"), url("../fonts/caveat-regular.woff");
}


.montserrat {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}

.montserrat-bold {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

.montserrat-semiBold {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}

* {
  padding: 0;
  margin: 0;
}
body {
  font-family: "Montserrat";
}
b,
.text-bold {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}
.text-semibold {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}
.text-blue-office {
  color: #0d506a;
}
.text-sky-office {
  color: #5c849b;
}
.text-green-office {
  color: #36453d;
}

.text-gray-2025{
  color: #373737;
}

.btn2025{
  background-color: none;
  border-color: #3C3C3B;
  color: #3C3C3C;
}

.bg-dark {
  background-color: #000000 !important;
}
.bg-red {
  background-color: #8a1c1c;
}
.slick-next,
.slick-prev {
  height: 30px;
}
.bg-beige {
  background-color: #a37911;
}
.bg-red-2 {
  background-color: #e10000;
}
.bg-white {
  background: #fff;
}
.bg-brown {
  background-color: #562606;
}
.bg-brown-sky {
  background-color: #ba9a83;
}
.word-85 {
  word-wrap: break-word;
  max-width: 95%;
}
.word-95 {
  word-wrap: break-word;
  max-width: 95%;
}
.bg-gray {
  background-color: #ededed;
}
.bg-blue-2025 {
  background-color: #19355C;
}

.bg-black-white {
  background: rgb(60, 60, 60);
  background: linear-gradient(
    180deg,
    rgba(60, 60, 60, 1) 0%,
    rgba(60, 60, 60, 1) 50%,
    rgba(255, 255, 255, 1) 50%,
    rgba(255, 255, 255, 1) 100%
  );
}
.bg-yellow-white {
  background: rgb(60, 60, 60);
  background: linear-gradient(
    180deg,
    #ffd330 0%,
    #ffd330 50%,
    rgba(255, 255, 255, 1) 50%,
    rgba(255, 255, 255, 1) 100%
  );
}
.bg-menu-top {
  background: #2D432D;
}
.activar {
  background: #2D432D;
  transition: all 1s;
}
.of-cover {
  object-fit: cover;
}
.bg-sky-blue {
  background-color: #f2f6f7;
}
.bg-menu-de {
  background: rgb(0 63 18);
}
#menu-brands .dropdown-item:focus,
#menu-brands .dropdown-item:hover {
  color: #e2d7b0;
  background-color: rgb(16 98 39);
}
img.img-fluid-share {
  max-height: 30px;
  width: auto;
}
.dropup .hide-toggle.dropdown-toggle::after {
  display: none !important;
}
.dropdown-menu {
  min-width: auto !important;
  padding: 0 0 !important;
}
.bg-sky-blue-80 {
  background: #f2f6f7;
  background: linear-gradient(
    180deg,
    #f2f6f7 0%,
    #f2f6f7 86%,
    rgba(255, 255, 255, 1) 86%,
    rgba(255, 255, 255, 1) 100%
  );
}
.bg-yellow {
  background-color: #b99d2a;
}
.bg-green {
  background-color: #005624;
}

.bg-green-olins {
  background-color: #2D432D;
}

.c-green {
  color: #005624;
}
.text-gray {
  color: #4e4c4c;
}
.text-black-50 {
  color: #3b3b3b;
}
.text-green-black {
  color: #082c18;
}
.text-blue {
  color: #115964;
}
.text-gray-50 {
  color: #8b9daf;
}
.text-black {
  color: #3c3c3c;
}
.text-yellow {
  color: #fce230;
}
.bg-black-office {
  background-color: #3c3c3c;
}
.ls-4 {
  letter-spacing: 4px;
}
.text-yellow {
  color: #b99d2a;
}
.text-yellow-black {
  color: #4b3e08;
}
.text-green {
  color: #005624;
}
.text-caveat-r {
  font-family: "caveat-regular";
}
#navbar-principal .nav-link {
  font-family: "segoeuib";
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.slider-nav .slick-slide {
  padding: 3px;
}
.navbar-light .navbar-toggler {
  border-color: rgb(255 255 255 / 40%);
}
.mt-90 {
  margin-top: 0px;
}
.mt-130 {
  margin-top: 10px;
}
.icon-arrow-down {
  width: 75px;
  height: 75px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 35px;
}
.slick-next:before,
.slick-prev:before {
  font-size: 30px;
  color: gray;
  font-weight: 900;
}
.slick-next:before {
  font-family: "font awesome 5 free";
  content: "\f105";
  font-weight: 900;
}
.slick-prev:before {
  font-family: "font awesome 5 free";
  content: "\f104";
}
.bg-blog {
  background: url(/images/bg-newsletter.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.bg-beige-2 {
  background-color: #e1d8b2;
}
#post-body img {
  max-width: 650px !important;
  width: 100%;
  height: auto;
  padding-top: 10px;
  padding-bottom: 20px;
}
#post-body img.new-post {
  max-width: 300px !important;
  width: 100%;
  height: auto;
  padding-top: 10px;
  padding-bottom: 20px;
  margin-left: 40px;
}
#post-body strong,
#post-body b {
  font-family: "segoeuib";
}
#post-body h1,
#post-body h2,
#post-body h3,
#post-body h4,
#post-body h5 {
  font-family: "seguibl";
}
.text-justify {
  text-align: justify;
}
.img-post {
  max-width: 200px;
  max-height: 200px;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.logo-fluid {
  height: auto;
  width: 150px;
}
.w-arrow {
  max-width: 175px;
  width: 100%;
  height: auto;
}
.slick-next {
  right: 25px;
  z-index: 1;
}
.rounded-4 {
  border-radius: 4rem;
}
.slick-prev {
  left: 25px;
  z-index: 1;
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: #dc3545 !important;
}
.is-valid {
  border-color: #198754 !important;
  background-image: url(/images/descarga.svg) !important;
}
#tab-brands .nav-item {
  padding: 0;
}
.forbes {
  font-family: fangsong;
  font-weight: 700;
  color: black;
}
.img-fluid-arrow {
  max-width: 55px;
  width: 100%;
  height: auto;
}
#tab-brands .nav-link {
  padding: 1rem;
  position: relative;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #000;
  background-color: rgb(93 107 118 / 42%);
}
.line-right-left:after {
  content: "";
  position: absolute;
  top: 25%;
  left: -2px;
  width: 100%;
  height: 50%;
  border-left: solid 2px #cdcdcd;
}
.line-right-left:before {
  content: "";
  position: absolute;
  top: 25%;
  right: -2px;
  width: 100%;
  height: 50%;
  border-right: solid 2px #cdcdcd;
}
.nav-tabs .nav-link:hover {
  color: #005624;
}
.mb-170 {
  margin-bottom: -120px;
}
.w-560 {
  max-width: 560px;
  margin: auto;
}
.footer-icons {
  max-width: 50px;
  width: 100%;
  height: auto;
}
.page-item.active .page-link {
  background-color: #212529;
  border-color: #212529;
}
.place-white::placeholder {
  color: white;
}
.dropdown-item.active,
.dropdown-item:active {
  background-color: #1a6a1578;
}
.page-link {
  font-family: "segoeui";
  color: #0f5132;
}
.w-500 {
  max-width: 500px;
  width: 100%;
}
.bg-cover-black {
  background: rgb(0, 0, 0);
  background: linear-gradient(
    180deg,
    rgb(0 63 18 / 1) 0%,
    rgba(0, 0, 0, 0) 35%,
    rgba(198, 198, 198, 0) 88%,
    rgb(0 63 18 / 30%) 100%
  );
}
.banner-mt {
  margin-top: -92px;
}
@media (max-width: 425px) {
  .p-experiencia {
    font-size: 4rem;
    line-height: 1;
  }
  .p-nuestra {
    font-size: 2rem;
    line-height: 0.8;
  }
  .p-exito {
    font-size: 4rem;
    line-height: 0.8;
  }
  .p-text-2 {
    font-size: 1.5rem;
    line-height: 0.8;
  }
  .p-texto {
    font-size: 2rem;
    line-height: 1;
  }
  .p-text-office-1 {
    font-size: 1.5rem;
  }
  .p-text-office {
    font-size: 3rem;
    line-height: 1;
  }
    .txt-form-green{
    font-size: 2rem;
    line-height: 2rem;
    text-align: center;
  }
}
@media (min-width: 425px) and (max-width: 575px) {
  .p-experiencia {
    font-size: 4rem;
    line-height: 1;
  }
  .p-nuestra {
    font-size: 2rem;
    line-height: 0.8;
  }
  .p-exito {
    font-size: 4.5rem;
    line-height: 0.8;
  }
  .p-text-2 {
    font-size: 2rem;
    line-height: 1;
  }
  .p-texto {
    font-size: 2rem;
    line-height: 1;
  }
  .p-text-office {
    font-size: 2rem;
    line-height: 1;
  }
  .p-text-office-1 {
    font-size: 1.5rem;
    line-height: 1;
  }

  .txt-form-green{
    font-size: 2rem;
    line-height: 2rem;
    text-align: center;
  }
}
@media (min-width: 575px) and (max-width: 768px) {
  .p-experiencia {
    font-size: 5rem;
    line-height: 1;
  }
  .p-nuestra {
    font-size: 4.5rem;
    line-height: 0.8;
  }
  .p-exito {
    font-size: 5.5rem;
    line-height: 0.8;
  }
  .p-text-2 {
    font-size: 3rem;
    line-height: 0.8;
  }
  .p-texto {
    font-size: 2.5rem;
    line-height: 1;
  }
  .p-text-office {
    font-size: 4rem;
    line-height: 1;
  }
  .p-text-office-1 {
    font-size: 2rem;
    line-height: 1;
  }
    .txt-form-green{
    font-size: 2rem;
    line-height: 2rem;
    text-align: center;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .mt-130 {
    margin-top: 130px;
  }
  .p-experiencia {
    font-size: 6rem;
    line-height: 1;
  }
  .p-nuestra {
    font-size: 6rem;
    line-height: 0.8;
  }
  .p-exito {
    font-size: 6rem;
    line-height: 0.8;
  }
  .p-text-2 {
    font-size: 4.5rem;
    line-height: 0.8;
  }
  .p-texto {
    font-size: 3rem;
    line-height: 1;
  }
  .p-text-office {
    font-size: 5rem;
    line-height: 1;
  }
  .p-text-office-1 {
    font-size: 2.5rem;
    line-height: 1;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .mt-130 {
    margin-top: 130px;
  }
  .p-experiencia {
    font-size: 8rem;
    line-height: 1;
  }
  .p-nuestra {
    font-size: 7rem;
    line-height: 0.8;
  }
  .p-exito {
    font-size: 7.5rem;
    line-height: 0.8;
  }
  .p-text-2 {
    font-size: 6rem;
    line-height: 0.8;
  }
  .p-texto {
    font-size: 3rem;
    line-height: 1;
  }
  .p-text-office {
    font-size: 6rem;
    line-height: 1;
  }
  .p-text-office-1 {
    font-size: 3rem;
    line-height: 1;
  }
}
@supports (-webkit-touch-callout: none) {
  svg {
    height: 1%;
  }
}
@media (min-width: 1200px) {
  .mt-130 {
    margin-top: 130px;
  }
  .mt-90 {
    margin-top: -100px;
  }
  .bg-menu-top {
    background-color: #2D432D;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .w-form-text {
    max-width: 500px;
  }
  .w-form {
    max-width: 750px;
  }
  .p-experiencia {
    font-size: 12rem;
    line-height: 1;
  }
  .p-nuestra {
    font-size: 3rem;
    line-height: 0.8;
  }
  .p-exito {
    font-size: 9rem;
    line-height: 0.8;
  }
  .p-text-2 {
    font-size: 2.5rem;
    line-height: 1;
  }

  .txt-form-green{
    font-size: 3rem;
    line-height: 3rem;
  }

  .p-texto {
    font-size: 3rem;
    line-height: 1;
  }
  .p-text-office {
    font-size: 3.5rem;
    line-height: 1;
  }
  .p-text-office-1 {
    font-size: 2rem;
    line-height: 1;
  }
}
@media (min-width: 1400px) {

  .txt-form-green{
    font-size: 4rem;
    line-height: 4.5rem;
  }

  .w-form-text {
    max-width: 500px;
  }
  .w-form {
    max-width: 550px;
  }
  .p-experiencia {
    font-size: 13rem;
    line-height: 1;
  }
  .p-nuestra {
    font-size: 4rem;
    line-height: 0.8;
  }
  .p-exito {
    font-size: 10.8rem;
    line-height: 0.8;
  }
  .p-text-2 {
    font-size: 3.5rem;
    line-height: 1;
  }
  .p-texto {
    font-size: 3rem;
    line-height: 1;
  }
  .p-text-office {
    font-size: 4.5rem;
    line-height: 1;
  }
  .p-text-office-1 {
    font-size: 2rem;
    line-height: 1;
  }
}
.text-pos {
  width: 40%;
  bottom: 6%;
  left: 4%;
}
.p-text-contactanos-l {
  font-size: 5rem;
  line-height: 1;
}
.form-pos {
  width: 31%;
  bottom: 7%;
  right: 6%;
}
.banner-text {
  width: 45%;
  bottom: 9%;
  left: 8%;
  z-index: 1;
}
.p-text-banner-l {
  font-size: 6rem;
  line-height: 1;
}
.btn-form-contactanos {
  background-color: #b99d2a;
  border: 1px solid #b99d2a;
}
.bg-banner {
  height: 930px;
  background-image: url("/images/contactanos/component 75 – 3_2.0.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.login-box {
  background-color: #fff;
}
.input-contactanos {
  border-top: none;
  border-left: none;
  border-right: none;
  color: gray;
}
.tabs-contactanos {
  position: relative;
  width: 100%;
  height: 80px;
  border-radius: 0 !important;
}
button.tabs-contactanos span {
  position: absolute;
  bottom: 25px;
  left: 20px;
}
button.active.tabs-contactanos {
  background-color: #b99d2a !important;
  color: white !important;
}
.tabs-proyectos {
  position: relative;
  width: 100%;
  height: 60px;
  border-radius: 0 !important;
}
a.tabs-proyectos span {
  position: absolute;
  bottom: 17px;
  left: 30%;
}
a.active.tabs-proyectos {
  background-color: #707070 !important;
  color: white !important;
}
.containers {
  position: relative;
  width: 100%;
}
.image {
  display: block;
  width: 100%;
  height: 384px;
  object-fit: cover;
}
.img-proyect {
  aspect-ratio: 4/3;
  object-fit: cover;
  width: 100%;
}
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.3s ease;
  background-color: #004359;
}
.containers:hover .overlay {
  opacity: 1;
}
.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.slider-proyecto .slick-next:before,
.slider-proyecto .slick-prev:before {
  color: #000;
  opacity: 1;
}
@media (max-width: 1300px) {
  .form-pos {
    width: 40%;
    bottom: 5%;
    right: 6%;
  }
}
@media (max-width: 750px) {
  .form-pos {
    width: 35%;
    bottom: 5%;
    right: 6%;
  }
}
@media (max-width: 950px) {
  .p-text-contactanos-l {
    font-size: 2rem;
    line-height: 1;
  }
  .p-text-banner-l {
    font-size: 3rem;
    line-height: 1;
  }
  .form-pos {
    width: 86%;
    bottom: 3%;
    right: 7%;
  }
  .text-pos {
    width: 86%;
    bottom: auto;
    top: 15%;
    left: 8%;
  }
}
@media (max-width: 550px) {
  .text-pos {
    display: none;
  }
  .banner-mt {
    margin-top: -25px;
  }
  .modal_body p:last-of-type {
    display: none;
  }
}
a.category-hover:hover .img-hover {
  transition: 0.5s;
  filter: brightness(1);
}
a.category-hover:hover .img-hover .category-title {
  margin-top: 75px;
}
.img-hover {
  filter: brightness(0.5);
}
.img-hover-filter {
  filter: brightness(1);
}
.text-shadow {
  text-shadow: 3px 5px 5px black;
}
.onlins-hover {
  filter: brightness(0.7);
}
.onlins-hover:hover {
  transition: 0.5s;
  filter: brightness(1);
}
.img-iphone {
  max-width: 570px !important;
  max-height: 570px !important;
}
#menu-project-mobile .active {
  background-color: #003c11;
  color: #fff !important;
  font-size: 14px;
}