/* estilos del sitio web */

/*estilos generales*/
.sinpaddingleft{padding-left:0px !important}
.sinpaddingright{padding-right:0px !important}
.w100Hauto{width:100%; height:auto}
.centrado {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform:translate(-50%, -50%);
  -moz-transform:translate(-50%, -50%);
}
.pointer{cursor:pointer}
.content-table{
  display: table; width: 100%; height: 100%
}
.content-row{
  display: table-row;
}
.content-cell{
  display: table-cell; vertical-align: middle;
}
.transition{transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s;}

/*Master plan*/
#masterplan{
  padding-top: 95px;
}
.contiene-master-plan svg{background-image:url('../img/master-plan-agosto-2020.jpg');background-size:100%;-webkit-background-size:100%;-moz-background-size:100%;width:100%;height:auto; position: relative; z-index: 1}
.contiene-master-plan{
   margin-bottom: 50px
}
.contiene-master-plan h4{
  margin-top: 0px; margin-bottom: 51px
}
.contiene-master-plan .cuadro-info{
  opacity: 0; transition:all 0.7s; -webkit-transition:all 0.7s; -moz-transition:all 0.7s; -o-transition:all 0.7s; -ms-transition:all 0.7s;
}
.contiene-master-plan .cuadro-info.active{
  opacity: 1
}
.contiene-master-plan .punto{cursor: pointer; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s;}
.batch.inmodel .success {
    fill: #D1DBD3;
}
.batch.inmodel .warning {
    fill: #d8d289;
}
.batch.inmodel .danger {
    fill: #a85a5a; opacity: 0.9;
}
svg text{pointer-events: none; font-size: 7px !important;}
.inicio-1 .elemento{
  position: absolute; width: 90%; right: 0; z-index: 10; top: 50%; transform: translate(0,-50%);
}
.home .ms-view{background: #fff !important}

/*Ubicación y alrededores*/
#location h4.title{
  margin-bottom: 50px
}
.ubicacion-alrededores{
  margin-bottom: 130px
}
.ubicacion-alrededores .info-izquierda{
  background-color: #f4f4f4; padding-top: 51px; padding-left: 15%; padding-right: 10%
}
.ubicacion-alrededores .titulo-merida{
  font-size: 15px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.47;
  letter-spacing: 2.25px;
  text-align: left;
  color: #222222;
  margin-bottom: 31px
}
.ubicacion-alrededores .texto-merida{
  font-size: 15px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: left;
  color: #222222;
}
.ubicacion-alrededores .img-ubicacion{
  top:60px; position: relative;
}
.ubicacion-alrededores .info-derecha{
  padding-top: 51px; padding-right: 15%; padding-left: 10%
}
.ubicacion-alrededores .info-derecha .texto-merida{
  margin-bottom: 65px
}
.ubicacion-alrededores .contiene-img-derecha{
  padding-bottom: 64px; padding-right: 15%; padding-left: 10%; position: relative;
}
.ubicacion-alrededores .contiene-img-derecha .img-ubicacion-derecha{
  position: relative; z-index: 1
}
.ubicacion-alrededores .contiene-img-derecha .sobrepuesto{
  background-color: #f4f4f4; position: absolute; right: 0; width: 90%; top: 0; height: 100%
}
.ubicacion-alrededores .spl{padding-left: 0px}
.ubicacion-alrededores .spr{padding-right: 0px}

/*Desarrolladores*/
#desarrolladores{
  background-color: #e9e6e3; padding-top: 146px; padding-bottom: 146px
}
#desarrolladores .titulo{
  font-size: 25px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.4;
  letter-spacing: 4px;
  text-align: left;
  color: #222222;
  margin-bottom: 56px
}
#desarrolladores .texto{
  width: 380px;
  max-width: 100%;
  font-size: 15px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: left;
  color: #222222;
}
#desarrolladores .divisor-vertical{
  height: 308px; background: #c8c8c8; width: 1px; position: absolute; top: 0; right: 15%; bottom: 0; margin: auto;
}
#desarrolladores .logo-1{
  width: 305px
}
#desarrolladores .logo-2{
  width: 99px; margin-right: 60px
}
#desarrolladores .logo-3{
  width: 116px; margin-right: 60px
}
#desarrolladores .logo-4{
  width: 104px
}
#desarrolladores .logo-5{
  width: 139px; margin-right: 60px; margin-bottom: 0
}
#desarrolladores .logo-6{
  width: 80px; margin-bottom: 0
}
#desarrolladores img{
  margin-bottom: 40px
}
.logo-whatsapp{
  font-size: 20px;
  color: #000;
  vertical-align: middle;
  margin-right: 3px
}

/*Ajustes escritorio*/
#home .parrafo-inicial{
  font-family:MarkPro-Light;
  font-size: 35px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: 3.5px;
  text-align: left;
  color: #222222;
  position: absolute;
  left: 50px;
  top: 167px;
  z-index: 1;
  text-transform: uppercase;
}
#home .parrafo-inicial b{
  font-family:MarkPro-Bold;
}
#home .parrafo-dos{
  font-family:MarkPro-Light;
  width: 402px;
  max-width: 100%;
  font-size: 17px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.59;
  letter-spacing: normal;
  text-align: left;
  color: #222222;
  position: absolute;
  left: 50px;
  bottom: 97px;
  z-index: 1
}
.arrow-top{
  position: absolute; right: 50px; bottom: 50px; font-size: 30px; color:#fff
}
footer{position: relative;}
.h4-titulos-slider{
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.75;
  letter-spacing: 3.2px;
  text-align: left;
  color: #222222;
}
.h4-inicial-slider{
  font-family:MarkPro-Bold;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.75;
  letter-spacing: normal;
  text-align: left;
  color: #222222;
}
.h3-slider{
  font-size: 25px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.8;
  letter-spacing: 4px;
  text-align: right;
  color: #222222;
}
.departaments-depto .card-body p{
  letter-spacing: .0625rem;
}
.precios-absolute{
  position: absolute; right: 0; bottom: 43px; z-index: 10
}
.carousel-link{width: 170px; text-align: center;}
.float {
    position: fixed;
    width: 65px;
    height: 65px;
    bottom: 40px;
    right: 40px;
    background-color: #25d366;
    color: rgba(31, 173, 83, 0.3);
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.66);
    z-index: 10000;
    -webkit-animation: zcwmini2 1.5s 0s ease-out infinite;
    -moz-animation: zcwmini2 1.5s 0s ease-out infinite;
    animation: zcwmini2 1.5s 0s ease-out infinite;
}
.float:hover {
  color: rgba(38, 217, 104, 0.7);
}
.float .fa-whatsapp{
  color: #fff;
  font-size: 40px;
  margin-top: 11px;
}

@-webkit-keyframes zcwmini2 {
  0% {
    box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(207, 8, 8, 0);
  }
  10% {
    box-shadow: 0 0 8px 6px, 0 0 12px 10px rgba(0, 0, 0, 0), 0 0 12px 14px;
  }
  100% {
    box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 40px rgba(0, 0, 0, 0), 0 0 0 40px rgba(207, 8, 8, 0);
  }
}

/*Landing*/
#departaments.departaments{
  background-color: #f4f4f4;
}
#departaments .card{background: none}
.concepto{
  padding-top: 80px; padding-bottom: 80px; position: relative;
}
.concepto h1{
  font-size: 27px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;
  text-align: center;
  color: #222222;
  margin-top: 0;
  margin-bottom: 18px
}
.concepto p{
  font-size: 18px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.39;
  letter-spacing: normal;
  text-align: center;
  color: #222222;
  margin-bottom: 50px
}
.concepto button{
  width: 246px;
  height: 40px;
  border: solid 1px #222222;
  background: none;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: 0.38px;
  text-align: center;
  color: #222222;
}
.concepto .pleca{
  position: absolute; left: 0; top: 0; bottom: 0; width: 50px; margin: auto;
}
.modal .modal-modelos{
  width: 1110px; max-width: 100%
}
.modal .modal-modelos h1{
  font-family:MarkPro-Medium;
  font-size: 28px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: 8.4px;
  text-align: left;
  color: #222222;
  margin-top: 0;
  margin-bottom: 40px
}
.modal .modal-modelos h1 span{font-family:MarkPro-Light;}
.modal .modal-modelos h2{
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: 1.8px;
  text-align: left;
  color: #222222;
  margin-bottom: 40px;
  margin-top: 0
}
.modal .modal-modelos h3{
  font-family:MarkPro-Bold;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: left;
  color: #222222;
  margin-bottom: 30px
}
.modal .modal-modelos .card-gallery{
  margin-bottom: 50px
}
.modal .modal-modelos .pleca{
  width: 50px; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; z-index: 1
}
.modal .modal-modelos .departaments{padding: 0; background: #fff !important}
.modal .modal-modelos .accordion{margin-top: 0}
.modal .modal-modelos ul {
    list-style: none;
    padding-left: 1.5rem;
}
.modal .modal-modelos ul li {
    font-family: MarkPro-Light;
    font-size: .9375rem;
    font-weight: 100;
    line-height: 1.75;
    position: relative;
    text-align: left;
}
.modal .modal-modelos ul li::before {
    color: #c8c8c8;
    content: "\000B7";
    font-size: 3.5rem;
    line-height: .3;
    position: absolute;
    left: -1.75rem;
    top: 0;
}
#mdl-estimate{z-index: 9999}
footer strong.siguenos{margin-top: 0 !important; display: inline-block !important; vertical-align: sub;}
footer .logos .b-desarrollador{
  font-family:MarkPro-Bold;
  font-size: 10px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.5;
  letter-spacing: 2.8px;
  text-align: left;
  color: #ffffff;
  display: block;
  margin-bottom: 23px
}
footer .logos .logo-1{
  width: 200px;
  margin-bottom: 23px;
  position: relative;
  left: 0px;
}
footer .logos .logo-2{
  width: 89px; margin-right: 28px
}
footer .logos .logo-3{
  width: 60px;
}
footer .logos .logo-4{
  width: 85px; margin-right: 28px
}
footer .logos .logo-5{
  width: 67px; margin-right: 28px
}
footer .logos .logo-6{
  width: 108px
}
footer .logos img{
  filter: brightness(0) invert(1);
}
footer *::-webkit-input-placeholder {
    /* Google Chrome y Safari */
    color: #fff !important;
	opacity:1;
}
footer *:-moz-placeholder {
    /* Firefox anterior a 19 */
    color: #fff !important;
	opacity:1;
}
footer *::-moz-placeholder {
    /* Firefox 19 y superior */
    color: #fff !important;
	opacity:1;
}
footer *:-ms-input-placeholder {
    /* Internet Explorer 10 y superior */
    color: #fff !important;
	opacity:1;
}
footer .bootstrap-select>.dropdown-toggle.bs-placeholder, footer .bootstrap-select>.dropdown-toggle.bs-placeholder:active, footer .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, footer .bootstrap-select>.dropdown-toggle.bs-placeholder:hover{
  color: #fff
}
footer .bootstrap-select .dropdown-toggle .filter-option-inner-inner{
  color: #fff
}
footer .bootstrap-select .dropdown-menu li a{
  color:#000
}
footer #btn-contact{
  width: 108px;
  height: 36px;
  border: solid 1px #ffffff;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.31;
  letter-spacing: 0.33px;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  background: none
}
.galerias{
  padding-right: 35px; padding-left: 35px
}
.galerias.one{
  margin-top: 130px; background-color: #f4f4f4; padding-bottom: 100px
}
.galerias h1{
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.05;
  letter-spacing: 3.52px;
  text-align: center;
  color: #222222;
  margin-top: 100px
}
.galerias .tipo-1{
  height: 271px
}
.galerias .tipo-2{
  height: 130px;
}
.galerias .tipo-2.a{
  margin-bottom: 11px
}
.galerias .row.fila{
  margin-bottom: 15px
}
.galerias .columna{padding-left: 7.5px; padding-right: 7.5px}
.galerias.dos{
  background-color: rgba(188,199,193,0.35); padding-top: 100px; padding-bottom: 100px
}
.galerias.tres{
  background-color: #f4f4f4; padding-bottom: 100px; padding-top: 100px
}
.notice-detail-body b{
  font-family:MarkPro-Bold;
}
._form{width: 100% !important; margin-top: 0 !important; padding-top: 0 !important}
.modal form *{
  color: #000 !important
}

/* medias */
@media (max-width:767px)
{
  .ubicacion-alrededores .titulo-merida{text-align: center;}
  .ubicacion-alrededores .texto-merida{text-align: center;}
  .ubicacion-alrededores .info-izquierda{
    padding-left: 15px; padding-right: 15px
  }
  .ubicacion-alrededores .spl {
    padding-left: 0px; padding-right: 0px
  }
  .ubicacion-alrededores .img-ubicacion{top: 0; margin-top: 31px; margin-bottom: 50px}
  .ubicacion-alrededores .info-derecha{padding-left: 15px; padding-right: 15px}
  .ubicacion-alrededores .info-derecha .texto-merida {
    margin-bottom: 45px;
  }
  .ubicacion-alrededores .contiene-img-derecha {
    padding-bottom: 15px;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 15px;
    position: relative;
  }
  .ubicacion-alrededores .contiene-img-derecha .sobrepuesto {
    background-color: #f4f4f4;
    position: absolute;
    right: 0;
    width: 100%;
    top: 0;
    height: 100%;
  }
  .ubicacion-alrededores {
    margin-bottom: 55px; display: none
  }
  #desarrolladores {
    background-color: #e9e6e3;
    padding-top: 50px;
    padding-bottom: 30px;
  }
  #desarrolladores .titulo{font-size: 20px; text-align: center; margin-bottom: 30px}
  #desarrolladores .texto{width: 100%; margin-bottom: 30px; display: none}
  #desarrolladores .divisor-vertical{display: none}
  #desarrolladores img{
    margin-bottom: 40px !important; max-width: 100%; margin-right: 0px !important
  }
  #masterplan{display:none}
  .complemento-titulo-ubicacion{display: none}
  #desarrolladores .content-table, #desarrolladores .content-row, #desarrolladores .content-cell{display: block;}
  #desarrolladores img {
    margin-bottom: 20px !important;
    max-width: 100%;
    margin-right: 0px !important;
    height: 35px !important;
    width: auto !important;
    margin-left: 15px;
    margin-right: 15px !important
  }
  #desarrolladores .b-desarrollador{font-size: 12px}
  #desarrolladores .b-desarrollador.dos{margin-bottom: 10px; display: inline-block;}
  #desarrolladores img.logo-1{height: 55px !important; margin-top: 10px; margin-left: 0px; margin-right: 0px !important}
  .amenidades-mobile{
    padding-top: 50px; padding-bottom: 0px
  }
  .amenidades-mobile h4{
    margin-bottom: 15px
  }
  .amenidades-mobile .info{
    position: absolute;
    height: 175px;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
    width: 100%;
    left: 0;
    bottom: 0
  }
  .amenidades-mobile .info span{
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 12px;
    left: 0;
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.18;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    display: block;
    padding-left: 25px;
    padding-right: 25px
  }
  #home .parrafo-inicial {
    font-size: 21px;
    line-height: 1.48;
    letter-spacing: 2.1px;
    text-align: center;
    position: absolute;
    left: 0px;
    width: 100%;
    top: 92px;
  }
  #home .parrafo-dos{
    font-size: 15px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    left: 0;
    bottom: 65px
  }
  .home{background-position: center !important;}
  footer .brochure{
    border: 2px solid #fff !important; margin-bottom: 18px
  }
  .inicio-1 .ms-skin-default .ms-nav-next, .inicio-1 .ms-skin-default .ms-nav-prev{
    top: inherit; bottom: 58px
  }
  .home{height: auto !important;}
  .home .ms-skin-default .ms-nav-next{right: 15px}
  .home .ms-skin-default .ms-nav-prev{left: 15px}
  .modal .modal-modelos h1{
    font-size: 20px; letter-spacing: 5px; margin-top: 15px; margin-bottom: 20px
  }
  .modal .modal-modelos h2{font-size: 13px; margin-bottom: 20px}
  .modal .modal-modelos h3{font-size: 15px}
  .concepto{padding-top: 50px; padding-bottom: 50px}
  .concepto h1{font-size: 18px}
  .concepto p{font-size: 15px; margin-bottom: 30px}
  .concepto .pleca{display: none}
  .galerias.one{margin-top: 80px; padding-top: 50px; padding-bottom: 50px}
  .galerias h1{margin-top: 0px; margin-bottom: 30px}
  .galerias.dos{
    padding-top: 50px; padding-bottom: 50px
  }
  .galerias.tres{
    padding-top: 50px; padding-bottom: 50px
  }
  .galerias{padding-left: 15px; padding-right: 15px}
  .galerias .tipo-1, .galerias .tipo-2{margin-bottom: 15px}
  footer .logos .b-desarrollador{text-align: center;}
  footer .logos .logo-1{left: inherit;}
  footer .logos{margin-bottom: 50px}
}

@media (max-width:359px){
  #captcha-contact{
    transform: scale(0.8);
    transform-origin: 0 0;
  }
}

@media (min-width:768px) and (max-width:991px)
{
#desarrolladores .titulo{font-size: 20px}
#desarrolladores .texto{width: 300px}
#desarrolladores .divisor-vertical{right: 2%}
}

@media (min-width:992px) and (max-width:1199px)
{
#desarrolladores .divisor-vertical{
  right: 10%
}
#desarrolladores .texto{width: 330px}
.navbar-nav .nav-item:not(.nav-social)+.nav-item {
    margin-left: 8px !important;
}
.navbar-nav .nav-link{font-size: 11px !important; text-align: center;}
}

@media (min-width:768px){

}
@media (min-width:992px){

}
@media (min-width:1300px){

}
@media (min-width:1200px) and (max-width:1400px){
  .navbar-nav .nav-item:not(.nav-social)+.nav-item {
      margin-left: 20px !important;
  }
  .navbar-nav .nav-link{font-size: 12px !important; text-align: center;}
}
@media (max-width:1500px){

}
.navbar-mobile.is-active{background-color: #fff !important;}