@font-face {
  font-family: "HelveticaNowDisplay-Regular";
  src: local("HelveticaNowDisplay-Regular"), url("../fonts/HelveticaNowDisplay-Regular.ttf") format("truetype"); }
@font-face {
  font-family: "LeagueSpartan-VariableFont_wght";
  src: local("LeagueSpartan-VariableFont_wght"), url("../fonts/LeagueSpartan-VariableFont_wght.ttf") format("truetype"); }
@font-face {
  font-family: "Cocomat-pro-regular";
  src: local("Cocomat-pro-regular"), url("../fonts/Cocomat-pro-regular.ttf") format("truetype"); }
body {
  font-family: "HelveticaNowDisplay-Regular";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px; }

body::-webkit-scrollbar {
  display: none; }

.helvetica {
  font-family: "HelveticaNowDisplay-Regular"; }

.spartan {
  font-family: "LeagueSpartan-VariableFont_wght"; }

.livvic {
  font-family: "Cocomat-pro-regular"; }

html {
  font-size: 14px; }

body {
  background-color: #fffffe;
  color: #000000; }

h2 {
  font-family: "LeagueSpartan-VariableFont_wght"; }

a {
  text-decoration: none;
  color: #000000 !important; }

ul {
  list-style: none;
  padding: 0;
  margin: 0; }

li {
  margin-top: 0.5rem; }

section {
  padding: 150px 0; }

@media (max-width: 992px) {
  section {
    padding: 100px 0; } }
.bg-nav-init {
  background-color: #000000; }

.bg-nav {
  background-color: #000000 !important;
  opacity: 0.95; }

.img_nav {
  height: 100px; }

.nav-link {
  font-size: x-large;
  color: #fffffe !important;
  margin-left: 13rem;
  text-shadow: 2px 2px 4px white;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }

@media (max-width: 992px) {
  .img_nav {
    height: 60px; }

  .nav-link {
    margin-left: 1rem;
    padding: 0.3rem 1rem; } }
.menuShow {
  border-color: transparent !important;
  border: none !important;
  background-image: url("../img/open.svg") !important;
  -webkit-animation: menu-show 0.5s ease 0s 1 !important;
  animation: menu-show 0.5s ease 0s 1 !important;
  -webkit-animation-fill-mode: forwards !important;
          animation-fill-mode: forwards !important; }

@keyframes menu-show {
  to {
    background-image: url("../img/open.svg") !important;
    opacity: 1; }
  from {
    background-image: url("../img/close.svg") !important;
    opacity: 0; } }
@-webkit-keyframes menu-show {
  to {
    background-image: url("../img/open.svg") !important;
    opacity: 1; }
  from {
    background-image: url("../img/close.svg") !important;
    opacity: 0; } }
.menuHide {
  border-color: transparent !important;
  border: none !important;
  background-image: url("../img/close.svg") !important;
  -webkit-animation: menu-hide 0.5s ease 0s 1 !important;
  animation: menu-hide 0.5s ease 0s 1 !important;
  -webkit-animation-fill-mode: forwards !important;
          animation-fill-mode: forwards !important; }

@keyframes menu-hide {
  to {
    background-image: url("../img/close.svg") !important;
    opacity: 1; }
  from {
    background-image: url("../img/open.svg") !important;
    opacity: 0; } }
@-webkit-keyframes menu-hide {
  to {
    background-image: url("../img/close.svg") !important;
    opacity: 1; }
  from {
    background-image: url("../img/open.svg") !important;
    opacity: 0; } }
.navbar-light .navbar-toggler {
  color: transparent !important;
  border-color: transparent !important;
  border: none !important;
  z-index: 9999; }

.navbar-toggler:focus {
  border-color: transparent !important;
  border: none !important;
  -webkit-box-shadow: transparent !important;
          box-shadow: transparent !important; }

.showNav {
  -webkit-animation: collapser-show 0.5s ease-in-out 0s 1;
  animation: collapser-show 0.5s ease-in-out 0s 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

@keyframes collapser-show {
  to {
    height: 0%; }
  from {
    height: 100%; } }
@-webkit-keyframes collapser-show {
  to {
    height: 0%; }
  from {
    height: 100%; } }
.hideNav {
  -webkit-animation: collapser-hide 0.5s ease 0s 1 normal;
  animation: collapser-hide 0.5s ease 0s 1 normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

@keyframes collapser-hide {
  to {
    height: 100%; }
  from {
    height: 0%; } }
@-webkit-keyframes collapser-hide {
  to {
    height: 100%; }
  from {
    height: 0%; } }
.accion {
  border: 2px solid #ED004EFF;
  border-radius: 10px;
  padding: 1rem 2rem;
  color: #fffffe;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #ED004EFF; }

.accion:hover,
.accion:active {
  border: 2px solid #ED004EFF;
  background-color: #ED004EFF;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: #ED004EFF 0px 0px 2px;
          box-shadow: #ED004EFF 0px 0px 2px;
  text-shadow: 2px 2px 4px white;
  opacity: 0.8; }

@media (max-width: 992px) {
  .accion {
    padding: 5px 10px; } }
.coming {
  color: #fffffe !important;
  background-color: #ED004EFF !important;
  font-weight: 900;
  position: absolute;
  font-size: large;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: rotate(10deg) translate(-50%, 75%);
  -ms-transform: rotate(10deg) translate(-50%, 75%);
  -webkit-transform: rotate(10deg) translate(-50%, 75%); }

.flotante {
  position: fixed;
  right: 2%;
  bottom: 5%;
  z-index: 9999; }
  .flotante a {
    color: white;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out; }

.div-flotante {
  max-width: 120px !important;
  max-height: auto !important;
  border-radius: 50px;
  text-align: center;
  background-color: #28d146;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  -webkit-box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
          box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18); }
  @media (max-width: 992px) {
    .div-flotante i {
      font-size: large; } }

.div-flotante:hover {
  opacity: 0.8;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out; }

header .hero {
  position: relative; }
header .img-hero {
  -webkit-transition: visibility 0.5s linear, opacity 0.5s linear;
  transition: visibility 0.5s linear, opacity 0.5s linear;
  width: 100%;
  height: 100vh;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover; }
header .text-header {
  position: absolute;
  top: 35%;
  left: 0;
  right: 25%;
  width: 75%;
  margin-left: auto;
  margin-right: auto; }
header .text-action {
  position: absolute;
  top: 65%;
  left: 25%;
  right: 0;
  width: 75%;
  margin-left: auto;
  margin-right: auto; }
header .title {
  font-size: 60px;
  font-family: "LeagueSpartan-VariableFont_wght"; }
header .subtitle {
  font-size: 30px;
  font-family: "Cocomat-pro-regular"; }
header .super {
  font-size: 70px;
  color: #ED004EFF;
  font-family: "LeagueSpartan-VariableFont_wght"; }
@media (max-width: 992px) {
  header .text-header {
    top: 15vh;
    right: 0;
    width: auto; }
  header .text-action {
    top: 60vh;
    left: 0;
    width: auto; }
  header .title {
    font-size: 40px; }
  header .subtitle {
    font-size: 20px; }
  header .super {
    font-size: 45px; } }

#about h2 {
  font-size: 60px;
  font-family: "LeagueSpartan-VariableFont_wght"; }
#about .img-fluid {
  border-radius: 0 25px 25px 0 !important; }
@media only screen and (max-width: 992px) {
  #about h2 {
    font-size: 40px;
    padding: 25px  0px 0px 0px; }
  #about .img-fluid {
    border-radius: 0 !important; } }

#services {
  background-color: #EFEFEF; }
  #services h2 {
    font-size: 60px;
    font-family: "LeagueSpartan-VariableFont_wght"; }
  #services .card-title {
    font-weight: bolder !important;
    font-family: "LeagueSpartan-VariableFont_wght"; }
  #services .card-body {
    padding: 25px 5px !important; }
  #services .card {
    border: 0px solid transparent !important;
    border-radius: 5px;
    -webkit-box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
            box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
    min-height: 26rem;
    margin: 15px 0; }
  #services .card-img-top {
    border-radius: 5px 5px 0 0 !important; }
  @media only screen and (max-width: 992px) {
    #services h2 {
      font-size: 40px; } }

#why {
  background-color: #000000 !important;
  color: #fffffe !important; }
  #why h2 {
    font-size: 50px;
    font-family: "LeagueSpartan-VariableFont_wght";
    color: #ED004EFF !important; }
  #why .img-fluid {
    border-radius: 25px !important; }
  #why .why-detail {
    color: #ED004EFF !important;
    padding: 0 5px !important; }
  #why .accion {
    background-color: #ED004EFF;
    margin: 15px 0; }

#properties h2 {
  font-size: 60px; }
#properties .card-title {
  font-weight: bolder !important;
  font-family: "LeagueSpartan-VariableFont_wght";
  color: #ED004EFF !important;
  text-transform: uppercase !important;
  height: 60px; }
#properties .card-body {
  padding: 25px 5px !important;
  height: 150px; }
#properties .card {
  position: relative;
  border: 0px solid transparent !important;
  border-radius: 5px;
  -webkit-box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
          box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
  min-height: 26rem;
  margin: 15px 0;
  background-color: #EFEFEF; }
#properties .card-img-top {
  border-radius: 10px !important;
  padding: 10px !important; }
@media only screen and (max-width: 992px) {
  #properties h2 {
    font-size: 40px; } }

#contact {
  background-color: #EFEFEF; }
  #contact h2 {
    font-size: 60px;
    font-family: "LeagueSpartan-VariableFont_wght";
    line-height: .8; }
  #contact h5 {
    font-size: 30px; }
  #contact p {
    font-size: 20px;
    font-family: "Cocomat-pro-regular";
    font-style: italic; }
  #contact h6 {
    margin-top: 10px; }
  #contact .call-card {
    background-color: #fffffe !important;
    border-radius: 15px; }
  #contact .input-group {
    margin: 5px 0; }
  #contact .input-group-text {
    background: #ED004EFF !important;
    border: 1px solid transparent;
    width: 35px; }
  #contact i {
    color: #fffffe !important; }
  #contact .form-control,
  #contact .form-select {
    background: #EFEFEF;
    border: 1px solid transparent;
    -webkit-box-shadow: #fffffe 0px 0 2px;
            box-shadow: #fffffe 0px 0 2px; }
  #contact ::-webkit-input-placeholder {
    color: #000000;
    font-weight: 200; }
  #contact :-ms-input-placeholder {
    color: #000000;
    font-weight: 200; }
  #contact ::-ms-input-placeholder {
    color: #000000;
    font-weight: 200; }
  #contact ::placeholder {
    color: #000000;
    font-weight: 200; }
  #contact .form-control:focus,
  #contact .form-select:focus {
    border: 1px solid #ED004EFF;
    -webkit-box-shadow: #fffffe 0px 0 2px;
            box-shadow: #fffffe 0px 0 2px; }
  #contact .form-check-input:checked {
    background-color: #ED004EFF;
    border-color: #ED004EFF; }
  #contact button {
    border: 2px solid #ED004EFF;
    border-radius: 10px;
    padding: 1rem 2rem;
    color: #fffffe;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #ED004EFF; }
  #contact button:hover,
  #contact button:focus,
  #contact button:active,
  #contact button:focus-visible {
    border: 2px solid #ED004EFF;
    background-color: #ED004EFF;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: #ED004EFF 0px 0px 2px;
            box-shadow: #ED004EFF 0px 0px 2px;
    text-shadow: 2px 2px 4px white;
    opacity: 0.8; }
  #contact .ok {
    font-weight: 700;
    color: #03a258; }
  #contact .error {
    font-weight: 700;
    color: #d92f55; }
  #contact #g-recaptcha-response {
    display: block !important;
    position: absolute;
    margin: -78px 0 0 0 !important;
    width: 302px !important;
    height: 76px !important;
    z-index: -999999;
    opacity: 0; }
  @media only screen and (max-width: 992px) {
    #contact h2 {
      font-size: 40px; }
    #contact h5 {
      font-size: 20px; }
    #contact p {
      font-size: 20px;
      font-family: "Cocomat-pro-regular";
      font-style: italic; }
    #contact h6 {
      margin-top: 10px; } }

#ca1 h2 {
  font-size: 35px;
  font-family: "LeagueSpartan-VariableFont_wght";
  color: #000000 !important;
  line-height: 1; }

footer {
  background-color: #000000;
  color: #fffffe;
  font-family: "LeagueSpartan-VariableFont_wght"; }
  footer h2 {
    font-size: 60px; }
  footer i {
    color: #ED004EFF !important;
    padding: 0 10px; }
  footer h6 {
    color: #ED004EFF !important;
    padding: 0;
    margin: 0; }
  footer p {
    padding: 0;
    margin: 0; }
  @media only screen and (max-width: 992px) {
    footer h2 {
      font-size: 40px; } }

#copyrigth .shake {
  color: #6246ea !important; }
#copyrigth .bg-copy {
  background-color: #fffffe;
  color: #000000; }
#copyrigth .banner {
  height: 50px;
  min-height: 100%;
  /* Fallback for browsers do NOT support vh unit */
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important; }
@media only screen and (max-width: 992px) {
  #copyrigth h5 {
    font-size: 10px; }
  #copyrigth .banner {
    height: 50px; } }

.g-recaptcha {
  -webkit-transform: scale(0.77);
          transform: scale(0.77);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0; }

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