@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=Montserrat:wght@300&display=swap');
/* Paseo Country Downtown*/
body{
  font-family: 'Cormorant Garamond', serif!important;
}
 #header-group-id{
   display:none;
}
header{
  text-align:center;
}
.nav-link{
  padding-bottom:0px!important;
  border-bottom: 1px solid transparent;
}
.nav-link.active,.nav-link:hover,.nav-link:active,.nav-link:focus{
  border-bottom: 1px solid #000000;
}

.nav-link.imglogo.active,.nav-link.imglogo:hover,.nav-link.imglogo:active,.nav-link.imglogo:focus{
  border-bottom: 1px solid transparent;
}

h1{
  font-family: 'Cormorant Garamond', serif!important;
  font-style: normal;
  font-weight: 500;
  font-size: 60px!important;
  line-height: 50px!important;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  color: #FFFFFF!important;
  text-shadow: 0px 2px 20px #FFFFFF, 0px 4px 4px rgba(0, 0, 0, 0.2), 3px 4px 20px #FFFFFF;
  margin-top:160px!important;
  margin-bottom:450px!important;
}
h1 em{
  font-style:normal;
}
.que-es-paseo{
  text-align:center;
}
 .que-es-paseo p{
   font-family: 'Cormorant Garamond'!important;
   font-style: italic;
   font-weight: 300;
   font-size: 32px;
   line-height: 34px;
   color: #FFFFFF;
}
.que-es-paseo ul>li{
  font-family: 'Montserrat', sans-serif!important;
  font-style: normal;
  font-weight: 300;
  font-size: 18px!important;
  line-height: 28px!important;
  text-align: center;
  color: #FFFFFF!important;
  width: fit-content;
  margin:auto;
}
.que-es-paseo > .text-two{
  font-family: 'Cormorant Garamond'!important;
  font-style: italic;
  font-weight: 300;
  font-size: 24px!important;
  line-height: 30px!important;
  text-align: center;
  color: #FFFFFF;
}

.textos h3{
  font-family: 'Cormorant Garamond'!important;
  font-style: italic;
  font-weight: 400;
  font-size: 46px!important;
  line-height: 30px!important;
  text-transform: uppercase;
  color: #000000;
}
.textos p{
  font-family: 'Montserrat'!important;
  font-style: normal;
  font-weight: 300!important;
  font-size: 18px!important;
  line-height: 24px!important;
  color: #000000!important;
}
.pt-30{
padding-top:30%;
}
.hs-video-container{
width:100%!important;
}
#parque-ecologico{
text-align:center;
}
#parque-ecologico h4{
  font-family: 'Cormorant Garamond'!important;
  font-style: normal;
  font-weight: 300;
  font-size: 32px!important;
  line-height: 38px!important;
  text-transform: uppercase;
  color: #000000!important;
   margin-bottom:35px!important;
}
#master-plan{
padding-left:100px;
}
#master-plan h3{
  font-family: 'Cormorant Garamond'!important;
  font-style: italic;
  font-weight: 400;
  font-size: 46px!important;
  line-height: 30px!important;
  text-transform: uppercase!important;
  color: #000000!important;
}
#master-plan p,#master-plan ul>li{
  font-family: 'Montserrat'!important;
  font-style: normal;
  font-weight: 300;
  font-size: 18px!important;
  line-height: 24px!important;
  color: #000000!important;
}
#master-plan ul{
  padding-left:30px;
}
#asi-es{
  text-align:center;
}
#asi-es h3{
  font-family: 'Cormorant Garamond'!important;
  font-style: italic;
  font-weight: 500;
  font-size: 34px!important;
  line-height: 24px!important;
  color: #000000!important;
}
#asi-es p{
  font-family: 'Montserrat'!important;
  font-style: normal;
  font-weight: 300;
  font-size: 18px!important;
  line-height: 24px!important;
  color: #000000!important;
}
#distrito-comercial{
 padding-left:100px;
}
.distrito h2{
  font-family: 'Cormorant Garamond'!important;
  font-style: italic;
  font-weight: 400;
  font-size: 46px!important;
  line-height: 48px!important;
  text-transform: uppercase;
  color: #000000!important;
}
.distrito strong{
  font-family: 'Montserrat'!important;
  font-size: 18px!important;
  line-height: 24px!important;
  align-items: center;
  color: #000000!important;
}
.distrito ul>li{
margin-left:30px;
}
.distrito p,.distrito ul>li{
  font-family: 'Montserrat'!important;
  font-style: normal;
  font-weight: 500;
  font-size: 18px!important;
  line-height: 24px!important;
  align-items: center;
  color: #000000!important;
}
#hs_cos_wrapper_widget_1654703164024{
  margin-left:-100px;
}
#amenidades{
padding-left:100px;
}
#amenidades h2{
  font-family: 'Cormorant Garamond'!important;
  font-style: italic;
  font-weight: 400;
  font-size: 46px!important;
  line-height: 48px!important;
  text-transform: uppercase!important;
  color: #000000!important;
}
#amenidades ul>li{
  margin-left: 30px!important;
}
#amenidades p,#amenidades ul>li{
font-family: 'Montserrat'!important;
font-style: normal;
font-weight: 500;
font-size: 18px!important;
line-height: 24px!important;
color: #000000!important;
}
#convierte{
text-align:center;
}
#convierte p{
  text-align:center;
  font-family: 'Cormorant Garamond'!important;
  font-style: italic;
  font-weight: 500;
  font-size: 32px!important;
  line-height: 38px!important;
  color: #FFFFFF!important;
}
#convierte img{
  text-align:center;
  margin-bottom:50px;
  display:block;
}
#contacto h2{
  font-family: 'Cormorant Garamond'!important;
  font-style: italic;
  font-weight: 300;
  font-size: 46px!important;
  line-height: 14px!important;
  text-align: center;
  letter-spacing: 1px!important;
  color: #FFFFFF!important;
}

#contacto p{
  font-family: 'Montserrat'!important;
  font-style: normal;
  font-weight: 300;
  font-size: 18px!important;
  line-height: 18px!important;
  text-align: center;
  color: #FFFFFF!important;
}
#formulario{
    width: 600px;
    margin: auto;
}
#formulario > .form-columns-2{
  background-color:red!important;
  font-family: 'Montserrat'!important;
  font-style: normal;
  font-weight: 300;
  font-size: 16px!important;
  line-height: 14px!important;
  letter-spacing: 1px;
  color: #FFFFFF;
}
.footer-container-wrapper{
display:none;
}
.container-fluid.body-container.body-container--about{
padding:0px;
}
.navbar.navbar-expand-sm.fixed-top{
  background: linear-gradient(180deg, #FFFFFF 30.54%, rgba(255, 255, 255, 0) 89.58%);
}
.navbar-brand{
display:none;
}
.navbar-expand-sm .navbar-nav .nav-link{
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-size: 22px;
  line-height: 27px;
  color: #000000;
  margin-left:30px;
  margin-right:30px;
  padding-top:30px;
}

#carouselcomercial{
  width:80%;
}
.carousel-indicators{
bottom:-60px!important;
}
.carousel-dark .carousel-indicators [data-bs-target]{
  width: 10px;
  height: 10px;
  border-radius: 100%;
}
#video-paseo-country{
    padding-top:50px!important;
    padding-bottom:50px!important;
  }

  #img-ubucacion{
    width:100%;
  }

#parque-ecologico{
  padding:100px!important;
}
#Ver-Brochure{
  background-color:#7C9DF8;
  padding:15px 30px;
  font-family: 'Montserrat'!important;
  font-style: normal;
  font-weight: 400;
  font-size: 18px!important;
  line-height: 14px!important;
  color: #FFFFFF;
  margin-top:50px!important;
  text-decoration:none;
  transition:0.2s;
}
#Ver-Brochure:hover{
  background-color:#BEA8F2;
  text-decoration:none;
  color:white;
}
#distrito-residencial,#distrito-corporativo{
  padding-left:50px!important;
}
#carouselresidencial,#carouselcorporativo{
  width:100%;
  padding-left:100px!important;
}
#carouselresidencial>.carousel-indicators{
  padding-left:100px;
}
  
#ubicacion{
padding-left:100px;
}

#gracias h1{
  margin-top:20px!important;
  margin-bottom:60px!important;
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 700;
  font-size: 30px!important;
  line-height: 36px!important;
  text-transform: uppercase;
  color: #FFFFFF;
}

#gracias > .uno{
  font-family: 'Montserrat'!important;
  font-style: normal;
  font-weight: 300;
  font-size: 22px!important;
  line-height: 36px!important;
  text-align: center;
  color: #FFFFFF!important;
}

#gracias > .dos{  
  font-family: 'Montserrat'!important;
  font-style: normal;
  font-weight: 300;
  font-size: 20px!important;
  line-height: 36px!important;
  text-align: center;
  color: #FFFFFF;
}

#Descargar-Brochure{
  background-color:#BEA8F2;
  color:white;
  padding:16px;
  text-decoration:none;
}
.modal-content{
  background-color:#7C9DF8!important;
  color:white!important;

}
.modal-header{
border-bottom:none!important;
}
.btn-close{
  color:#FFFFFF!important;
  filter: brightness(0) invert(1);
}
.btn-close:hover, .btn-close:focus, .btn-close:hover, .btn-close:focus{
  background-color:rgba(255,255,255,0.3)!important;
  border:none!important;
}
.modal-body{
   padding-left:10%!important;
  padding-right:10%!important;
}
.modal-content h2{
  font-family: 'Cormorant Garamond'!important;
  font-style: italic;
  font-weight: 300;
  font-size: 32px!important;
  line-height: 36px!important;
  color: #FFFFFF;
  text-align:center;
  margin-bottom:20px;
}
.PCD {
  display: flex;
  align-items: center;
  justify-content: center;
}
.PCD h2{
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 700;
  font-size: 62px;
  line-height: 75px;
  text-align: center;
  color: #000000;
}
#recorridos-virtuales h2{
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  font-size: 46px;
  line-height: 50px;
  color: #000000;
}
#recorridos-virtuales p{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 24px;
  color: #000000;
}

.btn-familiar{
  text-decoration:none;
}
.btn-familiar em{
  background-color:#eb606c;
  width:280px;
  height:70px;
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 14px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #221F1F;
  padding:23px 50px;
}
.btn-familiar span{
  text-decoration:none;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0.04em;
  color: #FFFFFF;
  background-color:#000000;
  padding:10px 10px;
}
.btn-inversion{
  text-decoration:none;
}
.btn-inversion span{
  text-decoration:none;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0.04em;
  color: #FFFFFF;
  background-color:#000000;
  padding:10px 10px;
}
.btn-inversion em{
  background-color:#fdd631;
  width:280px;
  height:70px;
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 14px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #221F1F;
  padding:23px 50px;
}
#lp-header{
height:100vh;
}
#lp-h1{
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-size: 48px;
  line-height: 50px;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  color: #FFFFFF;
  text-shadow: 3px 4px 20px #FFFFFF;
  margin:0px!important;
}
.lp-PCD-form p{
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 30px;
color: #FFFFFF;
}
.lp-bg-residencial-PCD{
 background-image:url(https://1557540.fs1.hubspotusercontent-na1.net/hubfs/1557540/bg-residencial-1.svg);
  background-size:cover;
  background-repeat:no-repeat;
  background-position:bottom right;
}

.lp-bg-comercial-PCD{
   background-image:url(https://1557540.fs1.hubspotusercontent-na1.net/hubfs/1557540/bg-comercial-1.svg);
  background-size:cover;
  background-repeat:no-repeat;
  background-position:top left;
}

.lp-bg-corporativo-PCD{
   background-image:url(https://1557540.fs1.hubspotusercontent-na1.net/hubfs/1557540/bg-corporativo-1.jpg);
  background-size:cover;
  background-repeat:no-repeat;
  background-position:bottom right;
}
.lp-bg-residencial-PCD h2,.lp-bg-corporativo-PCD h2,.lp-bg-comercial-PCD h2{
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-size: 46px;
  line-height: 48px;
  text-transform: uppercase;
  color: #FFFFFF;
}
.lp-bg-residencial-PCD p,.lp-bg-corporativo-PCD p,.lp-bg-comercial-PCD p{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 24px;
  color: #FFFFFF;
}
.lp-bg-comercial-PCD h2,.lp-bg-comercial-PCD p{ 
  color:black;
}
.informes{
  font-family: 'Montserrat'!important;
  font-style: normal;
  font-weight: 700!important;
  font-size: 18px!important;
  line-height: 14px!important;
  color: #000000!important;
  padding:14px 16px;
  background-color:white;
  border:solid 1px white;
  text-decoration:none;
  margin-top:25px;
  position: relative;

}
.informes span{
position: relative;
  z-index: 2;
}
.informes:after{
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0%;
  background: #7C9DF8;
  transition: all .35s;
}
.informes:hover{
  color: #fff;
  border: 1px solid white;
}

.informes:hover:after{
  height:100%;
  
}

.informes.lp-btn-comercial:after{
   background: #FFE26B;
}
.informes.lp-btn-comercia:hover{
  color: #000!important;
  border: 1px solid white;
}
.informes.lp-btn-residencial:after{
   background: #EE666D;
}
.informes.lp-btn-residencial:hover,.informes.lp-btn-corporativo:hover{
  color: #fff!important;
  border: 1px solid white;
}
.lp-h2{
font-family: 'Cormorant Garamond';
font-style: italic;
font-weight: 500;
font-size: 32px;
line-height: 14px;
text-align: center;
color: #FFFFFF;
}
.lp-h3{
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 8px;
text-align: center;
color: #FFFFFF;
  padding-top:15px;
  padding-bottom:15px;
}

#lp-gracias h1{
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 700;
  font-size: 30px!important;
  line-height: 36px!important;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.4);
  margin-top:20px!important;
  margin-bottom:60px!important;
}

#lp-gracias > .uno{
  font-family: 'Montserrat'!important;
  font-style: normal;
  font-weight: 500!important;
  font-size: 22px!important;
  line-height: 36px!important;
  text-align: center;
  color: #FFFFFF!important;
  text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.4);
}

#lp-gracias > .dos{  
  font-family: 'Montserrat'!important;
  font-style: normal;
  font-weight: 600!important;
  font-size: 20px!important;
  line-height: 36px!important;
  text-align: center;
  color: #FFFFFF!important;
}
#lp-Descargar-Brochure{
  background-color:#BEA8F2;
  color:white;
  padding:16px;
  text-decoration:none;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-size: 18px!important;
  line-height: 14px!important;
  align-items: center;
  color: #FFFFFF;
}

.redes-sociales{
position:fixed;
  bottom:100px;
  right:0px;
  z-index:999999;
}
.facebook{
  background-color:#7c9df8;
  border:solid 1px #FFFFFF;
  display:block;
  padding:5px;
}
.instagram{
  background-color:#eb606c;
  border:solid 1px #FFFFFF;
  display:block;
  padding:5px;
}

@media only screen and (max-width: 992px) {
  .PCD h2{
  font-size: 50px;
  line-height: 56px;
  }
  .dnd_area-row-1-background-image{
  margin-top:-70px;
  }
  .navbar-collapse{
    background-color:rgba(255,255,255,0.9);
  }
  .navbar-toggler:focus{
  box-shadow:none;
  }
  .navbar-brand{
    display:none;
  }
  .logo-menu{
    display:none;
  }
  .navbar-toggler > .navbar-toggler-icon{
    width:200px!important;
    height:89px;
  }
  .navbar-toggler.collapsed > .navbar-toggler-icon{
    width:200px!important;
    height:89px;
  }
  .nav-link{
    padding-top:0px;
  }
  .navbar-toggler:focus,.navbar-toggler:hover{
  background-color:transparent;
    border:none;
  } 
  
  h1{
    font-size: 40px;!important
    line-height: 46px!important;
    margin-top:100px!important;
    margin-bottom:300px!important;
  }
  #video-paseo-country{
    padding-top:30px!important;
    padding-bottom:30px!important;
  }
  .que-es-paseo{
    padding-left:15px!important;
    padding-right:15px!important;
  }
  .que-es-paseo p{
    font-size: 20px!important; 
    line-height: 24px!important;
  }
  .que-es-paseo ul>li{
    font-size: 16px!important; 
    line-height: 24px!important;
  }
  #img-ubucacion{
    width:100%;
  }
  #parque-ecologico{
    padding:50px 0px!important;
  }
  #parque-ecologico h4{
    font-size: 18px!important;
    line-height: 22px!important;
    padding:0px 30px!important;
    margin-bottom:35px!important;
  }
  #master-plan{
    text-align:center;
    padding-left:30px;
    padding-right:30px;
  }
  #master-plan h3{
    font-size: 32px!important;
    line-height: 30px!important;
    margin-top: 50px;
  }
  #master-plan p,#master-plan ul>li{
    font-size: 18px!important;
    line-height: 24px!important;
    width: fit-content;
    margin:auto;
  }
  #asi-es h3{
  font-size: 30px!important;
  line-height: 24px!important;
  }
  #asi-es p{
    font-size: 18px!important;
    line-height: 24px!important;
    padding-left:30px;
    padding-right:30px;
  }
  #distrito-comercial{
   padding-left:0px;
    text-align:center;
  }
  
  #carouselcomercial{
    width:100%!important;
  }
  
  #distrito-residencial,#distrito-corporativo{
    text-align:center;
  padding-left:0px!important;
}
 #carouselresidencial2,#carouselcorporativo{
   width:100%;
  padding-left:0px!important;
}
  .carousel-indicators{
    width:100%!important;
  }
  #amenidades{
    padding-top:70px;
    padding-left:0px;
    text-align:center;
  }
  #amenidades ul>li{
    width: fit-content;
    text-align: center;
    margin: auto!important;
  }
  #convierte p{
    font-size: 24px!important;
line-height: 30px!important;
    padding:0px 30px!important;
  }
  .span6.widget-span.widget-type-cell.cell_16542684066842-vertical-alignment.dnd-column.cell_16542684066842-padding,{
    padding-left:0px!important;
  }
  
  .distrito p{
    padding-left:30px;
    padding-right:30px;
  }
  .distrito ul>li{
    padding-left:0px;
    padding-right:0px;
    margin:auto;
    width: fit-content;
  }
  .textos h3{
  font-size: 46px!important;
  line-height: 30px!important;
  }
  .textos p{
  font-size: 18px!important;
  line-height: 24px!important;
  }
  #ubicacion{
    text-align: center!important; 
    padding: 70px 30px!important;
  }
  #formulario{ 
    width: 400px;
    margin: auto;
}
  #lp-h1{
  font-size: 40px;
line-height: 46px;
  }
  .lp-PCD-form p{
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 30px;
color: #FFFFFF;
}
.lp-bg-residencial-PCD{
 text-align:center;
  padding-top:60px;
  padding-bottom:60px;
}

.lp-bg-comercial-PCD{
   text-align:center;
  padding-top:60px;
  padding-bottom:60px;
}

.lp-bg-corporativo-PCD{
   text-align:center;
  padding-top:60px;
  padding-bottom:60px;
}
.lp-bg-residencial-PCD h2,.lp-bg-corporativo-PCD h2,.lp-bg-comercial-PCD h2{
  text-align:center;
}
.lp-bg-residencial-PCD p,.lp-bg-corporativo-PCD p,.lp-bg-comercial-PCD p{
  text-align:center;
}
.lp-bg-comercial-PCD h2,.lp-bg-comercial-PCD p{ 
  color:black;
}
  .lp-PCD-form p{
text-align:center;
    margin-bottom:60px;
}
  .lp-h2{
  font-size: 24px;
line-height: 14px;
  }
  .lp-h3{
  font-size: 18px;
line-height: 20px;
  }
}