@font-face {
  font-family: 'Rosehot free version';
  src: url('/images/rosehot/Rosehot.ttf');
  font-display: swap;

}
@font-face {
  font-family: 'DmSans';
  src: url('/images/DM_Sans/DMSans-VariableFont_opsz,wght.ttf');
  font-display: swap;

}

body{
  font-family: 'DmSans';
}
#hero-bodySection{
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 0px;
  padding-right:0px;
  padding-bottom:0px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.navbar-item{
  cursor: pointer;
}
#Barra-Nav{
  background: #596F62 0% 0% no-repeat padding-box;
  /* box-shadow: 10px 10px 10px #00000029; */
  /* border: 1px solid #707070; */
  opacity: 1;
  /* margin-top: 60px; */
}
.geaBtn{
  background-color: #36353A;
  border-color: #707070;
  color: #FFF;
  line-height: 1.5;
}
.geaBtn:hover{
  background-color: #FFF;
  border-color: #36353A;
  color: #36353A;
}
/* .geaBtn a{
    color: #FFF;
}
.geaBtn a:hover{
  color: #36353A;
} */
.ul-Navbar{
  background-color: rgb(255, 255, 255, 0.5);
}
.ul-Navbar li{
  float: left;
  padding-left: 20px;
  padding-top: 5px;
  padding-right: 20px;
  padding-bottom: 5px;
}
#navMenu .navbar-end span p{
  background: #FFFFFF 0% 0% no-repeat padding-box;
  opacity: 0.5;
}
.hero#inicio .title{
  font-size: 54px !important;
  text-align: center;
}

#edificios-Hero{
  width:100%;
  bottom:0px;
  background: transparent url('/images/edificios.svg') 0% 0% no-repeat padding-box;
  opacity: 1;
}
section#servicios .title{
  font-size: 36px;
  margin-bottom: 40px;
  line-height: 1.5;
}
section#servicios .subtitle{
  font-size: 20px;
  margin-bottom: 60px;
  font-weight: normal !important;
  line-height: 1.5;
}
.card-Servicio{
  background: #f4fff6 0% 0% no-repeat padding-box;
  opacity: 1;
  min-height: 450px;
  border: solid 1px #dedede;
}
.titulo-servicio{
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 0px;
  color: #596F62;
  opacity: 1;
  line-height: 1.5;
}
.texto-servicio{
  text-align: center;
  font-size:16px;
  color: #36353A;
  opacity: 1;
  line-height: 1.5;
}
#FromUs{
  background-color: #596F62;
}
#FromUs .title, #portfolio .title{
  color: #CBD393;
  font-size: 36px;
  margin-bottom: 20px;
  font-weight: bold;
  line-height: 1.5;
}
#FromUs .subtitle{
  color: #C6D6C6;
  font-size: 18px;
  margin-bottom: 30px;
  /* font-weight: bold; */
  line-height: 1.5;
}
#FromUs .subtitle p{
  margin-bottom: 5px;
}
#FromUs .adu-title{
  color: #CBD393;
  font-size: 30px;
  margin-bottom: 20px;
  font-weight: bold;
  line-height: 1.5;
}
.roundedBtn{
  border-color: #36353A;
  border-radius: 29px;
  border-width: 2px;
  border: solid;
  width: 40%;
  padding: 0px;
}
.roundedBtn button{
  width: 50% !important;
  border-radius: 28px;
  border-color: #36353A;
}

#service-packs .title{
  color: #596F62;
  font-size: 36px;
  margin-bottom: 20px;
  font-weight: bold;
  line-height: 1.5;
}
#service-packs .subtitle{
  color: #596F62;
  font-size: 20px;
  margin-bottom: 30px;
  /* font-weight: bold; */
  line-height: 1.5;
}
.packDiv{
  width: 100%;
  margin-bottom: 40px;
  border-radius: 5px;
  border: solid 1px #dedede;
}
.packTitle{
  padding: 15px;
  background-color: #f4fff6;
  min-height: 90px;
  border: solid 1px #dedede;
}
.packTitle h1{
  color : black;
  font-size: 24px;
  font-weight: bold;
  margin: auto;
  line-height: 1.5;

}
.packDiv .subtitle{
  color: black;
  font-size: 16px !important;
  margin-top: 10px;
  font-weight: normal !important;
  margin-bottom: 0px !important;
  line-height: 1.5;
}
.packBody{
  padding: 20px;
}
.packDiv ul{
  color: #2F4037;
  font-weight: normal;
  font-size: 16px;
}
.packBtn {
  border-radius: 43px;
  color: #fff;
  background-color: #596F62;
  font-size: 16px;
  border: 0px;
  width: 60%;
  margin-left: 20%;
  padding: 10px;
  cursor: pointer;
}
.addOn-Div{
  border: 1px solid #C8D5B9;
  padding: 20px;
  width: 100%;
}
.addOn-title{
  color: #596F62;
  font-size: 20px;
  /* font-weight: bold; */
  margin-bottom: 10px;
  line-height: 1.5;
}
.addOn-subtitle{
  color: #C8D5B9;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
}
.addonUl li{
 padding: 5px;
 margin-bottom: 7px;
}
.price-ul li{
  background-color: #C8D5B9;
  color: #596F62;
  padding: 5px;
  margin-bottom: 7px;

}
#portfolio{
  background-color: #596F62;
}
#portfolio .roundedBtn{
  margin-left: 30%;
}
#btnWhatsapp{
  position: fixed;
  bottom: 20px;
  right:20px;
  z-index: 1000;
}
#btnWhatsapp svg {
   width: 80px;
   filter: drop-shadow(0 1px 4px rgba(0,0,0,.4));
}
#btnFacebook{
  position: fixed;
  bottom: 120px;
  right:20px;
  z-index: 1000;
}
#btnFacebook svg {
   width: 80px;
   filter: drop-shadow(0 1px 4px rgba(0,0,0,.4));
}
/* #contacto{
  background: #FFF;
  padding-top: 96px;
  padding-bottom: 96px;
  padding-right: 30px;
  padding-left: 30px;
} */
.contacto-Tag{
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 141.7%;
  /* identical to box height, or 23px */
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: #195B97;
  margin-bottom: 24px;
}
.contacto-Title{
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 141.7%;
  /* or 57px */
  color: #000000;
  margin-bottom: 36px;

}
.contacto-Content{

font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 141.7%;
/* or 23px */
color: #868686;
margin-bottom: 40px;
}
.lblContact{
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  /* identical to box height */
  float:left;
  color: #131313;

}
.inputContact{
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  /* identical to box height */
  width: 100%;
  max-width: 100%;
  border: 0px;
  border-bottom: 1px solid #A7A7A7;
  color: #131313;
}
.inputContact:hover, .inputContact:focus{
  border: 0px;
  border-bottom: 1px solid #A7A7A7;
}
.inputContact#mensaje{
  min-height: 72px;
}
.btnContact{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 100px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  /* identical to box height */
  cursor:pointer;
  margin: auto;
  border: 0px;
  background-color: #36353A;
  border-color: #707070;
  border-radius: 28px;
  color: #FFF;
}
.btnContact:active{
  color: #36353A;
  border-color: #36353A;
  border:solid 1px;
  background-color: #fff;
}
#footer{
  background-color: #596F62;
}
.headFooter{
  color : #36353A;
  font-size: 30px;
}
.footerItem{
  color: #fff;
}

@media (max-width: 1240px){
  /* Mobile */
  .hero#inicio .title{
    font-size: 32px !important;
    padding: 10px;
  }
  .hero#inicio .subtitle{
    padding: 10px;
    text-align: center;
  }
  .hero#inicio .geaBtn{
    margin-bottom:150px;
  }
  .roundedBtn{
    border-color: #36353A;
    border-radius: 29px;
    border-width: 2px;
    border: solid;
    width: 100%;
    padding: 0px;
  }
  .roundedBtn button{
    width: auto !important;
    border-radius: 28px;
    border-color: #36353A;
  }
  #portfolio .roundedBtn{
    margin-left: 0;
  }
  .btnContact{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 50px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    /* identical to box height */
    cursor:pointer;
    margin: auto;
    border: 0px;
    background-color: #36353A;
    border-color: #707070;
    border-radius: 28px;
    color: #FFF;
  }
  .btnContact:active{
    color: #36353A;
    border-color: #36353A;
    border:solid 1px;
    background-color: #fff;
  }
  section#servicios .title{
    margin-top: 100px;
    font-size: 28px;
    margin-bottom: 40px;
    line-height: 1.5;
  }
  section#servicios .subtitle{
    font-size: 18px;
    margin-bottom: 60px;
    font-weight: normal !important;
    line-height: 1.5;
  }
  .titulo-servicio{
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0px;
    color: #596F62;
    opacity: 1;
    line-height: 1.5;
  }
  .texto-servicio{
    text-align: center;
    font-size:15px;
    color: #36353A;
    opacity: 1;
    line-height: 1.5;
  }
  #FromUs .title, #portfolio .title{
    color: #CBD393;
    font-size: 28px;
    margin-bottom: 20px;
    font-weight: bold;
    line-height: 1.5;
  }
  #FromUs .subtitle{
    color: #C6D6C6;
    font-size: 16px;
    margin-bottom: 30px;
    /* font-weight: bold; */
    line-height: 1.5;
  }
  #FromUs .adu-title{
    color: #CBD393;
    font-size: 26px;
    margin-bottom: 20px;
    font-weight: bold;
    line-height: 1.5;
  }
  #service-packs .title{
    color: #596F62;
    font-size: 28px;
    margin-bottom: 20px;
    font-weight: bold;
    line-height: 1.5;
  }
  #service-packs .subtitle{
    color: #596F62;
    font-size: 18px;
    margin-bottom: 58px;
    /* font-weight: bold; */
    line-height: 1.5;
  }
  .packTitle h1{
    font-size: 20px;
    font-weight: bold;
    margin: auto;
    line-height: 1.5;

  }
  .packDiv .subtitle{
    margin-top: 10px;
    font-weight: normal !important;
    margin-bottom: 20px !important;
    line-height: 1.5;
    font-size: 14px !important;
  }
  .packDiv ul{
    font-weight: normal;
    font-size: 14px;
  }
  .packBtn {
    border-radius: 43px;
    font-size: 14px;
    border: 0px;
    width: 60%;
    padding: 10px;
  }
  .addOn-Title{
    color: #596F62;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 40px;
    line-height: 1.5;
  }
  .addOn-subtitle{
    color: #C8D5B9;
    font-size: 18px;
    /* font-weight: bold; */
    line-height: 1.5;
  }
  .navbar-item{
    text-align: center;
  }
  .price-ul li, .addonUl li{
    /* min-height: 50px; */
  }
  .addonUl li{
    font-size: 14px;
  }
}
.hero picture,
.hero picture img {
    height: 100%;
    width: auto;
    min-width: 100%;
    min-height: 100vh;
    object-fit: cover;
    object-position: center;
    display: block;
    z-index: 1;

}
#hero-bodySection{
    position: absolute;
    height:100%;
    width:100%;
    object-position: center;
    z-index: 2;
    opacity: 1;
    will-change: transform, opacity;

}