/* Estilos pre-armados */

body{font-family: 'Roboto Condensed', sans-serif !important;}
h1,h2,h3,h4,h5,h6{font-family: 'Roboto Condensed', sans-serif; /*font-weight: bold;*/}
h1{font-size:38px;}
p{font-family: 'Roboto Condensed', sans-serif;font-size:15px;}
.center{text-align:center;}
/*.left{text-align: left;}*/
/*.right{text-align: right;}*/
.full{width:100%; height:auto;}
.full2{width:100%;}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}
.no-margin {margin:0 !important;}
.no-margin-vertical {margin-top:0 !important; margin-bottom:0 !important;}
.no-margin-horizontal {margin-left:0 !important; margin-right:0 !important;}
.no-margin-right {margin-right:0 !important;}
.no-margin-left {margin-left:0 !important;}
.no-margin-top {margin-top:0 !important;}
.no-margin-bottom {margin-bottom:0 !important;}
.yes-margin{margin:3px !important;}
.yes-margin-vertical {margin-top:15px !important; margin-bottom:15px !important;}
.yes-margin-horizontal {margin-left:15px !important; margin-right:15px !important;}
.yes-margin-right {margin-right:15px !important;}
.yes-margin-left {margin-left:15px !important;}
.yes-margin-top {margin-top:15px !important;}
.yes-margin-bottom {margin-bottom:15px !important;}
.yes-margin-vertical-2 {margin-top: 30px !important; margin-bottom: 30px !important;}

.no-padding {padding:0 !important;}
.no-padding-vertical {padding-top:0 !important; padding-bottom:0 !important;}
.no-padding-horizontal {padding-left:0 !important; padding-right:0 !important;}
.no-padding-right {padding-right:0 !important;}
.no-padding-left {padding-left:0 !important;}
.no-padding-top {padding-top:0 !important;}
.no-padding-bottom {padding-bottom:0 !important;}
.yes-padding-vertical {padding-top:15px !important; padding-bottom:15px !important;}
.yes-padding-vertical2{padding-top:4rem; padding-bottom:4rem;}
.yes-padding-vertical3{padding-top:4rem; padding-bottom:6rem;}
.yes-padding-horizontal {padding-left:15px !important; padding-right:15px !important;}
.yes-padding-horizontal2 {padding-left:6rem ; padding-right:6rem ;}
.yes-padding-horizontal2 p{font-size: 18px;}
.yes-padding-horizontal3 {padding-left:8rem ; padding-right:1rem ;}
.yes-padding-right {padding-right:15px !important;}
.yes-padding-right2 {padding-right:10px !important;}
.yes-padding-left {padding-left:15px !important;}
.yes-padding-left2 {padding-left:5.5rem;}
.yes-padding-top {padding-top:15px !important;}
.yes-padding-top3 {padding-top:5px !important;}
.yes-padding-bottom {padding-bottom:15px !important;}

.yes-padding-vertical-logo {padding-top:4rem !important; padding-bottom:2rem !important;}
.yes-padding-Propiedades {padding: 6rem 0rem;}

/* HOME */

.navbar-default {background-color: transparent;border-color: transparent;margin-bottom: 0px;
    width: 100%;border-radius: 0px;position:fixed;  /*padding-top:10px;*/ z-index:207;/*10007;*/
}
.QKDisenio{
      color: #999;
      text-decoration: none;
      /*padding-left:1rem;*/
      position: relative;
      top: 6px;
    }
.navbar-brand{height:auto; padding:1rem 0rem 1rem 1rem;}
.navbar-brand>img{width:100%;}

.borde-destacados{border-color:#D1A35D;margin:1rem;}

/*.carousel-indicators li{background-color:#D1A35D;border-color:#D1A35D;}*/
.segundocarousel{padding-bottom:6rem;}

.Obras { background: url('<?php  wp_reset_query(); the_field('imagen_edif_fondo'); ?>'); background-size:cover;}
/*.Obras { background: url('<?php the_field('imagen_edif_fondo'); ?>'); background-size:cover;}*/
.fondot{background:rgba(0,0,0,0.5);}
/*.Obras>div{color:black;}*/
.adelante1{position: absolute;z-index: 3;width: 100%;top: 35%;}
.adelante-slider-home {
  min-height: 590px;
  top: 0;
  background: #00000057;
  padding-top: 250px;
}
.adelante{position: absolute;z-index: 4;width: 100%;bottom: 0;}
.adelanteNov{position: absolute;width: 100%; top:15%;left: 4%;}
.atras, .fondito{position: relative;/*z-index: -1*/}
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"] {width:100%; padding:10px; margin-bottom:10px;}
.contact-form textarea{width:100%; padding:10px; margin-bottom:10px; height:98px;}
.formulario-select select {width: 100%; height: auto;padding: 10px;color: gray; margin-bottom: 10px;}
.Select-consulta-contacto select {font-weight: bold; text-transform: uppercase; height: 60px;}
.form-group {margin-bottom: 0px;}


.ImagenAjustada{background-size: cover; height: 100%;}
/*.ImagenHeight{min-height:330px;background-size: cover;}*/
.divisor{
    width: 50%;
    height: 3px;
    background-color: #fff;
    margin: 15px auto;
}

.redes, .menu, .datos{padding:0px; list-style:none;}
.datos li i{font-size:16px; margin-right:10px;}
.redes li{display:inline-block; font-size:20px; margin-right:10px;}

.footer-superior{padding:30px 0px; background:#eee;}
.footer-inferior{padding:15px 0px;}
.footer-inferior .logo-QK{float:right;    margin-top: 14px;}

/* css agregado Maxi*/

  .since, .titulo-inicio,.navbar-default .navbar-nav>li>a {color:white;cursor: pointer;font-size: 16px;} /*color texto navbar del Index*/
  .titulo-inicio h2{font-size:4rem;}

  .a-Nosotros{color:black; font-size:20px;}

  .inicio-1{background-image: url("../images/inicio.jpg");padding:10rem 0rem 0px 0px;}

  .fa-facebook, .fa-twitter, .fa-youtube-play, .fa-linkedin{color: #5cb85c;border-color: #5cb85c;}
  .boton-inicio{margin-bottom:10rem;}
  .Nosotros-2{padding:5rem 2rem;}
  .Nosotros-2 .yes-padding-horizontal2 .yes-padding-vertical{
    font-size: 15px;
  }
  .Edif-Obra-1{background-image: url("../images/edificio.jpg");background-size: cover; height: 100%;}
  .Edif-Obra-2{background-color:#FBD499;height: 100%;}/*{background-image: url("../images/inicio.jpg"); background-size: cover;}*/
  .Fondo-Contacto{
    background-image: url("../images/fondocontacto2.jpg");
    background-size: cover !important; 
    /*height: 100%;*/
  }
  .fondo-destacados-{/*HOME Edif. destacado*/
    background-attachment: fixed !important; 
    background-repeat: no-repeat !important;
    background-position: -366px 0px !important;   
    background-size: cover !important;
    }
  .fondo-marron{background-color: #F2F2EA;}

  .destacados{margin-left: 2rem; margin-right: 15px !important;}

  .Edif-Contenido{color:white;}

  .altura-cont-carousel{top:12rem;}

  .opacidad{opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */ ;}

  .btn-edif{border-color: white; padding:1rem 3rem;}
  .btn-edif:hover{background-color: white; color:#5cb85c}

  .btn-obra{background-color:#FCF1E0;}
  .btn-obra:hover{background-color: #D1A35D;color:white;}
  .PositionABS{position: relative;}
  .btn-estilo{-webkit-border-radius: 0px; border-radius: 0px; color:white;border-color: #00A885; background-color:#00A885;   /* margin-bottom: 2px; font-size:16px !important;font-weight: bold;*/}
  .btn-estilo2{-webkit-border-radius: 0px; border-radius: 0px; color:white;border-color: #B28F5C; background-color:#B28F5C;font-size:15px !important;}
  .btn-estilo:hover{background-color: #B28F5C;border-color:#B28F5C; color:white; }
  .btn-estilo2:hover{background-color: white; color:#B28F5C}

  .btn-estilo a {color: #fff !important;}
  .btn-estilo:hover a {color: #fff !important;}

  /*.btn-padding-horizontal{padding-left:5.5rem; padding-right:5.5rem;}
  .btn-padding-horizontal3{padding-left:5rem; padding-right:5rem;}*/
  .BminWidth{min-width:140px;}

  @media screen and (max-width: 1020px) {.h2Index{font-size:32pt;margin-bottom: 0px !important;}}

  @media screen and (min-width: 323px) {
    .btn-padding-horizontal{padding-left:3.5rem; padding-right:3.5rem;}
    .btn-padding-horizontal3{padding-left:3rem; padding-right:3rem;}
    .cBlanco .about_our_company{
        margin-bottom: 20px;
        width: 100%!important;
        margin: auto;
        position: absolute;
        top: 28%;
        left: 0%!important;
        padding: 0 20px!important;  
    }
  }

  .btn-padding-horizontal2{padding-left:10rem; padding-right:10rem;}
  .btn-padding-vertical{padding-top:1.5rem; padding-bottom:1.5rem;}

  .btn-block+.btn-block {margin-top:0px;}
  @media screen and (max-width: 320px) {

  .BminWidth{min-width:140px;}
  .btn-padding-horizontal{padding-left:3rem; padding-right:3rem;}
  .btn-padding-horizontal3{padding-left:3rem; padding-right:3rem;}
  .caption07{
    width: 100%!important;
    height: 100%!important;
    margin: 0!important;
  }
  .caption07 h5{
    margin-top: 0!important;
    width: 60%!important;
  }
  }

  .input-transparent{
    background-color: rgba(255, 255, 255, 0.8) !important;
    border-color:rgba(255, 255, 255, 0.9) !important;
    border:0px;
  }

  /*Css para el primer slider de la pagina*/
    .titulo-inicio{
      color:white; 
      padding:11% 0%;
    }

    .ftransparent{
      background-color:rgba(0, 0, 0, 0.5);
      padding:2rem 0rem;
    }

   /*Fin Css para el primer slider de la pagina*/ 
   
  .noWeight{font-weight:normal;}
  .h4size{font-size:2.3rem;}

  a{color:rgba(0,0,0,0.7);}
  .Indicators2{top:100%;}
  .btn-Propiedades, .btn-Index{
    padding:1rem;
    /*height: auto;*/
    border-radius:0px;
    /*z-index:1;*/
  }
  .btn-Index{
    /*margin-right:1rem;*/
    padding:1.4rem 4rem;
    text-align:center;
    height:50px;
  }
  .btn-Index2{
    height:50px;
    padding:1.4rem 3rem;
    border-radius:0px;
  }

  .btn-PropiedadesSearch{
    padding:1rem;
    height: 5rem;
    border-radius:0px;
    background-color:#00A885;
    color:white;
    font-size:1.5rem;
  }
  .btn-PropiedadesSearch2{
    padding:1rem;
    height: 5rem;
    border-radius:0px;
    background-color:#00A885;
    color:white;
    border:1px solid #00A885;
  }
  .btn-PropiedadesSearch2:hover{
    background-color: #B28F5C;
    border-color:#B28F5C; 
    color:white;
  }
  .btn-PropiedadesSearch3{
    padding:1rem;
    height: 5rem;
    border-radius:0px;
    background-color:white;
    color:#00A885;
    border:1px solid #00A885;
  }
  .btn-PropiedadesSearch3:hover{
    background-color: #B28F5C;
    border-color:#B28F5C;
    color:white;
  }
  .yes-padding-btn{padding:1.5rem 10rem;}

  .nosotros-edif{height: 40px;width: 50%;position: relative;}

  .lcolor, .fa-share-alt{color:#A29C6C;}
  .lcolor2{color:#B28F5C;}
  .lcolor3{color: #009688;}
  .lcolor:hover{color: #00a885}
  .cBlanco{color:white;}
  .cVerde{color:rgba(0, 168, 133, 1);padding-bottom: 11px; }
  .cVerde2{color:rgba(0, 168, 133, 1);padding-bottom: 11px;}
 

  .Div-search{background-color:#00A885;}

  .mayuscula{text-transform: uppercase;}

  .min-altura{min-height: 590px;}
  .max-altura-destacados{height: 390.125px; }
  .max-altura-destacados4 {height: 250px; object-fit: cover;}
  /* .max-altura-destacados4{height: auto; object-fit: cover; } */
  /*
  .max-altura-destacados2{height: 112.125px; }

  Podemos eliminar este estilo si no queremos que se adapte al ancho máximo */
  
  .navbar-edif{
      background-color: white;
      border-color: white;
      padding-top:0px;
  }
  .navbar-edif .navbar-nav>li>a {color: rgba(0,0,0,0.7);}

  a:hover {color: #A29C6C; text-decoration: inherit;}

  .navbar-collapse{padding-left:3rem;padding-top:3rem;}

  .navbar-toggle {margin-top:21px;}

  .navbar-default .navbar-toggle{border-color:rgba(0, 168, 133, 1);}
  .navbar-default .navbar-toggle .icon-bar {background-color:rgba(0, 168, 133, 1);}
  .navbar-toggle {padding: 10px 11px;}
  

  .cVerde a{color:#00A885;}
  .DivPropiedades{background-color: #F9F9F4; margin-bottom: 10px;}




  /* RESPONSIVE */

  @media screen and (max-width: 1033px) {
    .yes-padding-horizontal3 {padding:0rem 3rem ;}    
    .caption07{width: 92%!important;height: 91%!important;}
  }
  @media screen and (min-width: 1200px) {
    .btn-Index2{padding:1.4rem 7rem 1.4rem 3rem}    
  }
  @media screen and (max-width: 1140px) {
    .btn-Index {padding: 1.5rem 3rem;}
    .caption07 h5{margin-top: 55px!important;}
  }
  @media screen and (max-width: 1024px) {
    .btn-Index {padding: 1.5rem 2rem;}
  }
  @media screen and (max-width: 996px) {
    .btn-Index2 {padding: 1.5rem 2rem;}
    .caption07{
    width: 100%!important;
    height: 100%!important;
    margin: 0!important;
    }
    .caption07 h5{
    margin-top: 0!important;
    width: 60%!important;
    }
  }
  @media screen and (max-width: 899px) {
    .btn-Index2 {padding: 1.4rem 2rem;}
    .btn-Index {padding: 1.5rem 1rem;}
  }
  @media screen and (max-width: 876px) {
    .btn-Index2 {padding: 1.4rem 2rem 1.4rem 1rem}
    .caption07{width: 100%!important; height: 100%!important; margin: 0!important;}
    .caption07 h5{ margin-top: 48px!important; width: 60%!important;}
  }
  /*@media screen and (max-width: 899px) {.btn-Index2 {padding: 1.5rem 3rem;}}*/
  @media screen and (max-width: 779px) {
    .btn-Index2 {padding: 1.5rem 2rem;}
    .btn-Index {padding: 1.5rem 0.5rem;}
  }

  .nav>li>a {padding: 11px 18px;}
  @media screen and (max-width: 767px) {
      .minBW{min-width: 50rem; margin-bottom:5px;}
      .h2Index{font-size: 22pt; margin-top: -50px; margin-bottom: 0px !important;}
      .adelante1 .parrafo-slider{font-size: 27px;}
      /*.Fondo-Contacto{
        background-size: cover !important;
      }*/

      body > div.container-fluid.Propiedades.no-padding-horizontal > div.col-xs-12.col-sm-12.col-md-8.PropiedadesPadding.yes-padding-horizontal.pad > div > div.DivPropiedades.col-md-12.no-padding-vertical.no-padding-left.no-padding-mobile2{
        margin-top: 25px;
        }
      .footer-inferior .logo-QK{float:left;}
      .navbar-default .navbar-collapse{
        background:rgba(0, 168, 133, 1); 
        /* height: 550px; */
        /*font-weight: bold;*/ 
        font-size:2rem;
      }
      .btn-padding-horizontal2{padding-left:8rem; padding-right:8rem;}
      .navbar-default .navbar-nav>li>a {color:black !important;background-color:transparent !important;text-shadow: none;padding-bottom:2.5rem;
      .nav>li>a {padding: 6px 18px;}}
      .navbar-default .navbar-nav>li>a:hover{color:white;}
      .navbar-nav>li>a:hover{color:white;}
      .nosotros-obra{height: 50%;width: 50%;}
      .titulo-inicio{padding-bottom:0%;padding-top:13%}
      .titulo-inicio h2{font-size:2rem}
      .btn-Propiedades{padding:1.5rem;border-radius:0px;}
      .ftransparent{padding-top:0.5rem;}
      .btn-Index{margin-top:1rem;padding: 1rem 3.5rem;}
      .btn-Index {font-size:2rem;}
      .navbar-nav>li>a {padding-top: 0px;}
      .adelante1{top:15%}
      .adelante-slider-home {top: 0 !important; bottom: 0 !important;}
      
      .min-altura{min-height: 650px;}
      .navbar-fixed-top .navbar-collapse {min-height: 670px}
      .hrBlanco{border-top-color:black;}


      .max-altura-destacados {height: 320.125px;}
      /*Media querys para tamaño de los botones home
      .max-altura-destacados2 {height: 220.125px;}
      .max-altura-destacados3 {height: 278.125px;}
    
      */
      .max-altura-destacados4{height: 450.125px; }
      .CenterMobile{text-align:center;}
      .img-object img{object-fit:cover;}
  }

  .Nosotros-2b{background:#F2F1EA;}

  /*Media querys para tamaño de los botones home*/
  @media screen and (max-width: 565px) {
    .minBW{min-width: 40rem; margin-bottom:5px;}
  }
  @media screen and (max-width: 469px) {
    .minBW{min-width: 35rem; margin-bottom:5px;}
    .caption07{
      width: 100%!important;
      height: 100%!important;
      margin: 0!important;
    }
    .caption07 h5{
      margin-top: 47px!important;
      width: 60%!important;
    }
  }
  @media screen and (max-width: 425px) {
    .minBW{min-width: 35rem; margin-bottom:5px;}
    .caption07{
      width: 100%!important;
      height: 100%!important;
      margin: 0!important;
    }
    .caption07 h5{
      margin-top: 0!important;
      width: 60%!important;
    }
  }

  @media screen and (max-width: 415px) {.minBW{min-width: 32rem; margin-bottom:5px;}}
  @media screen and (max-width: 375px) {.minBW{min-width: 30rem; margin-bottom:5px;}}
  @media screen and (max-width: 364px) {.minBW{min-width: 25rem; margin-bottom:5px;}}
  @media screen and (max-width: 319px) {.minBW{min-width: 20rem; margin-bottom:5px;}}

  @media screen and (max-width: 379px) {.adelante1{top:12%}} /*para disp. chicos "Iphone 4" */

  .navbar-right {margin-right: 10rem;}
  .yes-padding-top2{padding-top:35%}

  @media  (min-width: 768px) and (max-width: 1033px){
    .yes-padding-horizontal2 { padding-left: 3rem ;padding-right: 0.5rem ;}
    .nav>li>a {padding: 18px 10px 0px 10px;}
    .navbar-right {margin-right: 0px;}
  } /*ajustar contenido el navbar en pantallas sm*/

  @media screen and (max-width: 991px) {.Edif-Obra-2 h2{margin-top:0px;} /* Para que se peguen Edificios+Obra Publica*/
  
  .yes-margin-vertical-2 {margin-top: 0px !important; margin-bottom: 0px !important;}
  }

  @media screen and (max-width: 767px) {
    .Destacodo-desplazado{padding-left:3rem;}
    .yes-padding-left2{padding-left:2rem;}
    .navbar-right {margin-right: 0px;}
    .borde-destacados{padding:0px;}
    .yes-padding-horizontal-mobile {padding: 0px 5px ;}
    .Novedades {padding: 5rem;background-color:#A29C6C;}
    .Propiedades {background-color:#F2F2EA;}
    .ftransparent {padding: 1.5rem 4rem;}
  }

  .yes-padding-horizontal-mobile {padding: 0px 5px ;}

  div#image-gallery.modal.fade.in{padding-right:0px !important;}

  /***************************************************************************************/
  /*************************** Pagina EDIFICO.HTML ***************************************/
  /***************************************************************************************/

  .video1{padding-top: 8rem;}/*para que no lo tape el navbar*/
  /*.BodyEdificio{padding-top: 10rem;}*/

  .navbar-default-3{background-color:white; padding:1rem 0rem;}

  .h1, .h2, .h3, h1, h2, h3 {margin-top: 10px;}

  .iright{padding-right:5px;}

  .no-padding-mobile2 .libottom{
      padding-bottom:5px;
      border-top: 2px solid rgba(0,0,0,0.2) !important;
      border-bottom: 3px solid transparent !important;
      padding-top: 11px;
  }
  .no-padding-mobile2 .libottom:first-child{
    border-top:inherit!important;
  }
  .libottom2{padding-top:20px !important;}

  @media screen and (max-width: 1033px) { 
    .libottom2{padding-top:18px !important;}
  }

/********VIDEO*******/
    #video-bg {
      position: relative;
      top: 3rem; right: 0; bottom: 0; left: 0;
      overflow: hidden;
      min-height: 500px;
      
    }

    #video-bg > video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }


    #video-bg > video[poster]{
    height:100%;
    width:100%;
      position: absolute;
      top: 0;
      left: 0;
    }

    /* 1. No object-fit support: */
    @media (min-aspect-ratio: 16/9) {
      #video-bg > video { height: 300%; top: -100%; }
      #video-bg2 > video { height: 300%; top: -100%; }
    }
    @media (max-aspect-ratio: 16/9) {
      #video-bg > video { width: 300%; left: -100%; }
      #video-bg2 > video { width: 300%; left: -100%; }
    }
    /* 2. If supporting object-fit, overriding (1): */
    @supports (object-fit: cover) {
      #video-bg > video, #video-bg2 > video {
        top: 0; left: 0;
        width: 100%; height: 100%;
        object-fit: cover;
      }
    }



    .video-container {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      height: 100vh;
      width: 100%;
      overflow: hidden;
    }

    video {
      position: absolute;
      z-index: -100;
      width: 100%;
    }
/****FIN VIDEO*******/



  #imagenFuncionales {position:relative;}

  #imagenFuncionales>div
    { top: 0;
      padding-top:7.5%;
      left: 0;
      right: 0;
      bottom: 6px;
      position: absolute;
      color:white;
      background-color:rgba(0, 0, 0, 0.1);
      font-size:2rem;
    }

  #imagenFuncionales>div.FuncionalesTexto h3{font-size:3rem;}
  #imagenFuncionales>div.FuncionalesTexto p{font-size:24px; text-transform:uppercase;}

  .segundoColor{background-color:rgba(242, 241, 236, 1);padding-left:0px}
  .segundoColor2{background-color:white;}

  .cVerde strong{color:black;}

  .terceroFondo2{background-color:white;color:rgba(162, 156, 108, 1);position:relative;top:-3rem;}
  .terceroFondo1{background-color:rgba(162, 156, 108, 1);color:white;position:relative;top:-3rem;}

  /* RESPONSIVE DE EDIFICIO.HTML*/
  @media screen and (max-width: 361px) {
    #imagenFuncionales>div.FuncionalesTexto p{font-size:20px;}
  }
  @media screen and (max-width: 767px) {
    #imagenFuncionales>div.MapsTexto{padding:4rem 1rem;}
    #imagenFuncionales>div.FuncionalesTexto h3{font-size:2rem; margin-top:0.1px;}
    .video1{padding-top: 3rem;}
    .yes-padding-horizontal2 {padding-left:1rem !important; padding-right:1rem !important;}
    .AgregarPaddingXS1{padding-left:15px !important;}
    .AgregarPaddingXS2{padding-right:15px !important;}
    ol, ul {margin-top: 0;margin-bottom: 30px;}
  }
  @media screen and (max-width: 375px) {
    #imagenFuncionales>div{padding-top: 3.5%;}
  }
  .PosicionRelative{position:relative;}/*para que los section no se superpongan*/

  .container-fluid>.navbar-collapse{
      margin-right: -33px;
      margin-left: -37px !important;
  }

/****************EFECTO ACORDEON**************/

  .btn-PropiedadesPDF{padding:1rem 5rem; margin:2rem 0rem;background-color:;}
              .demo-gallery > ul {
                margin-bottom: 0;
              }
              .demo-gallery > ul > li {
                  float: left;
                  
                  width: 24rem;
              }
              .demo-gallery > ul > li a {
                border: 3px solid #FFF;
                border-radius: 3px;
                display: block;
                overflow: hidden;
                position: relative;
                float: left;
              }
              .demo-gallery > ul > li a > img {
                -webkit-transition: -webkit-transform 0.15s ease 0s;
                -moz-transition: -moz-transform 0.15s ease 0s;
                -o-transition: -o-transform 0.15s ease 0s;
                transition: transform 0.15s ease 0s;
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
                height: 100%;
                width: 100%;
              }
              .demo-gallery > ul > li a:hover > img {
                -webkit-transform: scale3d(1.1, 1.1, 1.1);
                transform: scale3d(1.1, 1.1, 1.1);
              }
              .demo-gallery > ul > li a:hover .demo-gallery-poster > img {
                opacity: 1;
              }
              .demo-gallery > ul > li a .demo-gallery-poster {
                background-color: rgba(0, 0, 0, 0.1);
                bottom: 0;
                left: 0;
                position: absolute;
                right: 0;
                top: 0;
                -webkit-transition: background-color 0.15s ease 0s;
                -o-transition: background-color 0.15s ease 0s;
                transition: background-color 0.15s ease 0s;
              }
              .demo-gallery > ul > li a .demo-gallery-poster > img {
                left: 50%;
                margin-left: -10px;
                margin-top: -10px;
                opacity: 0;
                position: absolute;
                top: 50%;
                -webkit-transition: opacity 0.3s ease 0s;
                -o-transition: opacity 0.3s ease 0s;
                transition: opacity 0.3s ease 0s;
              }
              .demo-gallery > ul > li a:hover .demo-gallery-poster {
                background-color: rgba(0, 0, 0, 0.5);
              }
              .demo-gallery .justified-gallery > a > img {
                -webkit-transition: -webkit-transform 0.15s ease 0s;
                -moz-transition: -moz-transform 0.15s ease 0s;
                -o-transition: -o-transform 0.15s ease 0s;
                transition: transform 0.15s ease 0s;
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
                height: 100%;
                width: 100%;
              }
              .demo-gallery .justified-gallery > a:hover > img {
                -webkit-transform: scale3d(1.1, 1.1, 1.1);
                transform: scale3d(1.1, 1.1, 1.1);
              }
              .demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
                opacity: 1;
              }
              .demo-gallery .justified-gallery > a .demo-gallery-poster {
                background-color: rgba(0, 0, 0, 0.1);
                bottom: 0;
                left: 0;
                position: absolute;
                right: 0;
                top: 0;
                -webkit-transition: background-color 0.15s ease 0s;
                -o-transition: background-color 0.15s ease 0s;
                transition: background-color 0.15s ease 0s;
              }
              .demo-gallery .justified-gallery > a .demo-gallery-poster > img {
                left: 50%;
                margin-left: -10px;
                margin-top: -10px;
                opacity: 0;
                position: absolute;
                top: 50%;
                -webkit-transition: opacity 0.3s ease 0s;
                -o-transition: opacity 0.3s ease 0s;
                transition: opacity 0.3s ease 0s;
              }
              .demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
                background-color: rgba(0, 0, 0, 0.5);
              }
              .demo-gallery .video .demo-gallery-poster img {
                height: 48px;
                margin-left: -24px;
                margin-top: -24px;
                opacity: 0.8;
                width: 48px;
              }
              .demo-gallery.dark > ul > li a {
                border: 3px solid #04070a;
              }
              .home .demo-gallery {
                padding-bottom: 80px;
              }

  div.lg-toolbar.lg-group{margin-top:7rem;}
  .carousel-indicators li{border-color:#A29C6C;}
  .carousel-indicators .active { background-color:#A29C6C;}

  .accordionright{padding-left:3.5em;}/*4.5em*/
  .accordionright2{padding-left:6em;} /*7.5em*/
  
  @media (max-width: 1033px){
    .accordionright{padding-left:1.5em;}/*4.5em*/
    .accordionright2{padding-left:2.5em;}
  }

  .ui-accordion .ui-accordion-content {padding: 1em 1em 0em 6em !important;}

  @media screen and (max-width: 767px) {
    .demo-gallery > ul > li { width: 106px;}
    .demo-gallery > ul > li {margin-bottom: 0px;margin-right: 0px;}
    #lightgallery{padding-left:0px;}
    .accordionright{padding-left:0.5em;}
    .accordionright2{padding-left:1em;}
    .ui-accordion .ui-accordion-content {padding: 1em 1em 0em 0.5em !important;}
  }

  .ui-accordion-content .ui-corner-bottom .ui-helper-reset .ui-widget-content .ui-accordion-content-active{height:auto !important;}

  .ui-state-active{color:black !important;}
  
  .panel-body {padding: 0px;}
  .panel-default>.panel-heading, .panel-footer, .panel-body {
    background-color:rgba(242, 241, 236, 1);
  }
  .panel-default {border-color: rgba(242, 241, 236, 1);}
  .panel-group {margin-bottom: 2px;}

  .heathrow-images-for-lightbox ul a{background-color:rgba(242, 241, 236, 0.5);}

/*************************************************sdadadad**************************************/
  a.thumbnail:hover {border-color: transparent;}
  .thumbnail {
      display: block;
      padding: 0px; 
      line-height: 1.42857143;
      border: 0px solid #ddd; 
      border-radius: 0px;
  }

  /* carousel */
  .media-carousel{
    margin-bottom: 0;
    margin-top: 30px;
  }
  /* Previous button  */
  .media-carousel .carousel-control.left{
    background-image: none;
    margin-top: 30px
  }
  /* Next button  */
  .media-carousel .carousel-control.right{
    background-image: none;
    margin-top: 30px
  }
  /* Changes the position of the indicators */
  .media-carousel .carousel-indicators{
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
  }
  /* Changes the colour of the indicators */
  .media-carousel .carousel-indicators li{
    background: #c0c0c0;
  }
  .media-carousel .carousel-indicators .active{
    background: #333333;
  }
  .media-carousel img{
    width:100%;
    height: 36%;
  }

  .padding-top-img{padding-top:3em;}
/* End carousel */

/***********Newsletters**************/
  .home-newsletter {
  padding: 1em 0;
  background: #A29C6C;
  }

  .home-newsletter .single {
  max-width: 769px;/*650px*/
  margin: 0 auto;
  text-align: center;
  position: relative;
  /*z-index: 2; */}
  @media screen and (max-width: 1011px){.home-newsletter .single {max-width: 700px;}}
  @media screen and (max-width: 852px){
    .h4size {font-size: 1.8rem;}
    .home-newsletter .single {max-width: 648px;}
  }
  .home-newsletter .single h2 {
    font-size: 22px;
    color: white;
    text-transform: uppercase;
    margin-bottom: 30px; 
  }
  .home-newsletter .single .form-control7 {
    height: 60px;
    background: white;
    border-color: transparent;
    width:30rem;
  }
  .home-newsletter .single .form-control7:focus {
    box-shadow: none;
    border-color: #00A885; 
  }
  .home-newsletter .single .btn {
    min-height: 60px; 
    border-radius: 0px;
    background:black;
    color:#000;
    /*color:#A29C6C;*/
    padding:1rem 1.5rem;
  }

  #basic-addon3{
    background:transparent;
    color:white;
    border-radius:0px;
    border-color:rgba(255, 255, 255, 0.41);
    padding:0em 3em;
  }

  #wpcf7-f613-o1 > form > div.single > div > p:nth-child(2){margin:0px;}

/*****************Fin Newsletter ********************/

.carousel-control {width: 5%;}
.Div-archive{padding-top: 10rem;}

/**************Lineas ***************/
    .lineaSobreNav{border-color}

    hr{
      width: 10px !important;
      margin: 0 !important;
      border-top: 1px solid rgba(0,0,0,0.2) !important;
      border-bottom: 1px solid transparent !important;
    }

    .lineaDebajo::after {
      content: "";
      position: absolute;
      left: 46%;
      height: 2px;
      width: 7.5%;
      background-color: #00A885;
    }

    hr.hrDestacados{
      width:90% !important;
      margin-left:5% !important;
      border: .5px solid rgba(237,235,225,1) !important;
    }
    hr.hr2{
      width: 30px !important;
      margin: 0 !important;
      border-top: 3px solid #00A885 !important;
    }
    .hr3::before{border-top: 1px solid #00A885;width:20px;}
    hr.hrcenter{display:block !important;margin:0 auto !important;}
    hr.hrcenter2{margin-left:38%;}
    hr.hrcenter3{margin-left:35.5%;}

    hr.libottom3{padding-bottom:5px; padding-right:7px; border-top: 1px solid transparent !important;}
    .hrBlanco{border-top-color:rgba(205,205,205,0.8) !important;}


    .navbar-default .navbar-nav>li>a:hover {color: #00A885 !important;border-top-color: #00A885 !important;}
      .navbar-default .navbar-nav>li>a:hover > .hrBlanco,.navbar-default .navbar-nav>li>a:hover > .hrGris {border-top-color: #00A885 !important;}

    .top7{top:35% !important;}

    @media screen and (max-width: 767px){
      .hrBlanco {border-top-color: black !important;}
      .navbar-default .navbar-nav>li>a:hover {
        color: white !important;
        border-top-color: white !important;
      }
      .navbar-default .navbar-nav>li>a:hover > .hrBlanco,.navbar-default .navbar-nav>li>a:hover > .hrGris {border-top-color: white !important;}
      .top7{padding-top: 20px;top:25% !important;}
    }

    .hrPlantas{width:100% !important;}
/***********Fin Lineas Sobre*******************/


div.panel.panel-default, .panel-heading{border-radius:0px;}

/* Style the Image Used to Trigger the Modal */
#myImg2 {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg2:hover {opacity: 0.7;}

.hoversito{background-color: red;}


/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content2, #caption { 
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Button */
.close2 {
    position: absolute;
    bottom:0;
    left:0;
    top: 0;
    right: 0;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close2:hover,
.close2:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content2 {
        width: 100%;
    }
}

#image-gallery-image{max-height: 515px;margin: 0 auto;}

/*************************************************************************/
.modal-content{border-radius:0px; margin-top:10rem;}
.imghover img{width:100%; height:auto;}
.borderBlanco{border:2px solid white;}

.modal.and.carousel {
  position: fixed; /*// Needed because the carousel overrides the position property*/
}
.marginNewsletter{margin-right:15%}

@media only screen and (max-width: 767px){
    .modal-lg{
      margin:0px;
      width: 100%;
      top:12%;
    }
    .home-newsletter .single .form-control7 {width:100%;}
    .marginNewsletter{margin:0%}
    .borde-destacados p{
      padding-left:5px !important;
      padding-right:5px !important;
      font-size:14px;
    }
}

@media  (min-width: 768px) and (max-width: 1011px) {
  #basic-addon3{padding:0rem 1.5rem 0rem 1.5rem;}
}

.btn-group .btn+.btn{margin-left: 0px;}

/**************************************/
i.fa.fa-chevron-down.pull-right,i.fa.fa-chevron-up.pull-right{
  background:rgba(162, 156, 108, 0.6);
  padding:1rem;
  border-radius:2.5rem;
  color:white;
}

.thumbnail07 {
    position:relative;
    overflow:hidden;
}

.caption07 {
    position: absolute;
    top: -100%;
    right: 0;
    background-color: rgba(53, 156, 130, 0.5);
    width: 95%;
    height: 93%;
    /* padding: 2%; */
    text-align: center;
    color: #fff !important;
    /* z-index: 2; */
    -webkit-transition: all 0.29s ease-in-out;
    -moz-transition: all 0.29s ease-in-out;
    -o-transition: all 0.29s ease-in-out;
    -ms-transition: all 0.29s ease-in-out;
    transition: all 0.29s ease-in-out;
    margin: 9px 10px 5px 10px;
}
.caption07 h5{
    font-weight: normal;
    background-color: #ae895d;
    padding: 3px 10px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    width: 40%;
    margin: auto;
    margin-top: 88px;
}
.thumbnail07:hover .caption07 {
    top:0%!important;
    z-index: 200;
}

.thumbnail{margin-bottom}

.fa.fa-plus-circle{
  font-size: 5rem;padding-top: 30%;}

.caption08 {
    width:100%;
    height: 100%;
    margin: 0px;
}

/*Efecto sobre seccion Edificios*/
      .imgdescripcion{width:100%;padding:0rem;}

      .borderInterno{border:1px solid white;padding:1em .5em}
      .borderInterno:hover{border-color:white;}

      @media screen and (min-width: 992px) {.borde-destacados{margin:1rem 2rem !important; }}

      .borde-destacados{border:0.5px solid rgba(219,216,195,1);padding-bottom: 15px;}

      .borde-Propiedades{border:0.5px solid #FFF;padding:1rem 0rem;}

      #imagen01 {position:relative;background-color: rgba(0, 0, 0, 0.3);}

      #imagen01>div, .MapsTexto{
        position: absolute;
        text-align: center;
        color:white;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.3);
        opacity: 1;
        transition: opacity 1s;
      }

    #imagen01>div>div::after {
        position: absolute;
        display: block;
        width: calc(100% - 20px);
        height: calc(100% - 25px);
        content: '';
        top: 15px;
        left: 10px;
        border: 1px solid rgba(255, 255, 255, 0.8);
    }
     
  #imagen01>div:hover{
    background-color: rgba(0, 168, 133, 0.6);
    cursor: pointer;
  }
  .MapsTexto{
    background-color:rgba(162, 156, 108, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
/*Fin del Efecto sobre imagenes en al seccion #Edificos */


a.page.larger,.wp-pagenavi a{
    color:#00A885; 
    font-size: 10pt !important;
    padding: 7px 9px !important;
}
.wp-pagenavi span,.wp-pagenavi a{
    border: 1px solid #00A885 !important;
}
.wp-pagenavi span{padding: 7px 9px !important;}

/****************** css para formulario de busqueda *************/
    .custom-dropdown--large {
      font-size: 1.5em;
    }

    .custom-dropdown--small {
      font-size: .7em;
    }

    .custom-dropdown__select--white {
      background-color: #fff;
      color: #444;    
    }

    @supports (pointer-events: none) and
        ((-webkit-appearance: none) or
        (-moz-appearance: none) or
        (appearance: none)) {

      .custom-dropdown {
        position: relative;
        display: inline-block;
        vertical-align: middle;
      }

      .custom-dropdown__select {
        /*padding-right: 2.5em; /* accommodate with the pseudo elements for the dropdown arrow 
        border: 0;*/
        /*border-radius: 3px;*/
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;    
      }

      .custom-dropdown::before,
      .custom-dropdown::after {
        content: "";
        position: absolute;
        pointer-events: none;
      }

      .custom-dropdown::after { /*  Custom dropdown arrow */
        content: "\25BC";
        height: 1em;
        font-size: .625em;
        line-height: 1;
        right: 1.2em;
        top: 50%; margin-top: -.5em;
      }

      .custom-dropdown::before { /*  Custom dropdown arrow cover */
        /*width: 2em;*/
        right: 0; top: 0; bottom: 0;
        border-radius: 0 3px 3px 0;
      }

      .custom-dropdown__select[disabled] {
        color: rgba(0,0,0,.3);
      }

      .custom-dropdown.custom-dropdown--disabled::after {
        color: rgba(0,0,0,.1);
      }

      /* White dropdown style */
      .custom-dropdown--white::before {
        background-color: #fff;
       /* border-left: 1px solid rgba(0,0,0,.1);*/
      }

      .custom-dropdown--white::after {
        color: rgba(0,0,0,.9);
      }

      /* FF only temp fix */
      @-moz-document url-prefix() {
       /* .custom-dropdown__select       { padding-right: .9em }*/
        .custom-dropdown--large .custom-dropdown__select { padding-right: 1.3em }
        .custom-dropdown--small .custom-dropdown__select { padding-right: .5em }
      }
    }

/******************Fin css para formulario de busqueda *************/

.panel-group .panel-heading+.panel-collapse>.panel-body {
 border-top: 1px solid transparent; 
}

.borde-destacados a img:hover{
    opacity: 0.7;
}
.item.active img {
    transition: transform 5000ms linear 0s;
    transform: scale(1.0, 1.0);
}
.item7.active img {
    transition: transform 5000ms linear 0s;
    transform: scale(1.05, 1.05);
}

.img-slider-home {
  height: 590px !important;
  object-fit: fill;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

@media all and (transform-3d), (-webkit-transform-3d) {

    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

/*******Ultimo******/

img.alignright {float:right; margin:20px 0px 20px 0px;}
img.alignleft {float:left; margin:20px 0px 20px 0px;}
img.aligncenter {/*display: block; margin-left: auto; margin-right: auto*/float:left; margin:20px 0px 20px 0px;}
 a img.alignright {float:right; margin:20px 0px 20px 0px;}
 a img.alignleft {float:left; margin:20px 0px 20px 0px;}
 a img.aligncenter {/*display: block; margin-left: auto; margin-right: auto*/float:left; margin:20px 0px 20px 0px;}

/******DRAW***********/

.itemCounter {
    color: Black;
    margin-bottom: 40px;
}


font-awesome.css:14
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.itemCounter span.count {
    margin-left: 10px;
    font-size: 230%;
    font-weight: bold;
    color: inherit;
}

.itemCounter span.counterDescription {
    font-weight: bold;
    font-size: 130%;
    color: inherit;
}
 span.counter{    margin-left: 10px;
    font-size: 230%;
    font-weight: bold;
    color: inherit;}

@media screen and (max-width: 767px) {
  .custom-dropdown{width:100% !important;}
  .itemCounter span.counterDescription {font-size: 73%;}
  span.counter{ font-size: 100%;}
  .fa-3x {font-size: 2em;}
}
.img-responsive.qk-galeria{
  width:100% !important;
  object-fit: cover;
  object-position: 100% 0;
  height: 250px !important;
}
.img-responsive.qk-galeria-2{
  width:100% !important;
  object-fit: cover;
  object-position: 100% 0;
  height: 500px !important;
}
.yes-padding-vertical7{padding-top: 4rem;padding-bottom: 4rem;}
/******************************************************/
.wp-pagenavi{padding:15px 0px 15px 0px !important;}

/****************Inicio "Tab" Preguntas Frecuentes***********************/

  .card {
    margin-top: 20px;
    padding: 30px;
    background-color: rgba(214, 224, 226, 0.2);
    -webkit-border-top-left-radius:5px;
    -moz-border-top-left-radius:5px;
    border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-top-right-radius:5px;
    border-top-right-radius:5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .card.hovercard {
      position: relative;
      padding-top: 0;
      overflow: hidden;
      text-align: center;
      background-color: #fff;
      background-color: rgba(255, 255, 255, 1);
  }
  .card.hovercard .card-background {
      height: 130px;
  }
  .card-background img {
      -webkit-filter: blur(25px);
      -moz-filter: blur(25px);
      -o-filter: blur(25px);
      -ms-filter: blur(25px);
      filter: blur(25px);
      margin-left: -100px;
      margin-top: -200px;
      min-width: 130%;
  }
  .card.hovercard .useravatar {
      position: absolute;
      top: 15px;
      left: 0;
      right: 0;
  }
  .card.hovercard .useravatar img {
      width: 100px;
      height: 100px;
      max-width: 100px;
      max-height: 100px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      border: 5px solid rgba(255, 255, 255, 0.5);
  }
  .card.hovercard .card-info {
      position: absolute;
      bottom: 14px;
      left: 0;
      right: 0;
  }
  .card.hovercard .card-info .card-title {
      padding:0 5px;
      font-size: 20px;
      line-height: 1;
      color: #262626;
      background-color: rgba(255, 255, 255, 0.1);
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
  }
  .card.hovercard .card-info {
      overflow: hidden;
      font-size: 12px;
      line-height: 20px;
      color: #737373;
      text-overflow: ellipsis;
  }
  .card.hovercard .bottom {
      padding: 0 20px;
      margin-bottom: 17px;
  }
  .btn-pref .btn {
      -webkit-border-radius:0 !important;
  }
  .well{background-color: transparent; border: none;padding:15px;}

/****************Fin "Tab" Preguntas Frecuentes***********************/

.tresRenglones { /*Para acortar las descripciones a tres renglones*/
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.borde-destacados p{ /*Para acortar las descripciones a tres renglones*/
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
}

.wp-pagenavi span.current {
    background-color:#00A885;
    color:white;
}

/*mensajes al enviar Contacto*/
  .wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok, 
  .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors{
  background:white;
  font-size: 1.5rem;
  text-align: center;
  }

  /*h2.cBlanco.center.no-margin-top.yes-padding-bottom*/ 
  h2{font-size: 30px !important;}
  .padleft{padding: 0% 0% 0% 10% !important;}
  .padDesktop{padding: 2rem 3rem;}

  @media screen and (max-width: 767px) {
    
    /*h2{font-size: 27px !important;}*/
    h2.h2mobile{font-size: 22px !important}
    .pad{padding: 0rem 3rem !important;}
    .pad1{padding: 1rem 3rem !important;}
    .pad2{padding:3rem !important;}
    .pad3{padding: 1rem 1.7rem !important;}
    .pad3b{padding: 1rem 3rem 1rem 1.7rem !important;}
    .no-padding-mobile{padding: 5rem 0rem !important;}
    .no-padding-mobile2{padding:0rem !important;}
    .no-padding-mobile3{padding: 2rem 0rem !important;}
    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a > .hrBlanco{color:white !important; background-color: transparent !important; border-top-color: white !important;}
    .padding-bottom-mobile{padding-bottom:15px !important;}
  }
  @media screen and (max-width: 373px) {
    /*h2{font-size: 22px !important;}*/
  }
  
  @media (min-width: 768px){
    .navbar-brand{padding: 1rem 0rem 1rem 0rem;}
    .navbar>.container-fluid .navbar-brand {margin-left: 0px; }
    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a > .hrBlanco{color:#00A885 !important; background-color: transparent !important; border-top-color: #00A885 !important; /*font-size:16px;*/}
    .archive_active>a,.archive_active>a > .hrBlanco {color:#00A885 !important; background-color: transparent !important;border-top-color: #00A885 !important;}
    .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{color: #fff;}
  }

  .adelante1 .parrafo-slider{
    font-size: 32px;
  }
  body > div.container-fluid.Propiedades.no-padding-horizontal > div.col-xs-12.col-sm-12.col-md-8.PropiedadesPadding.yes-padding-horizontal.pad > div > div > div.row > h3{
    padding-bottom: 36px;
  }
  .yes-padding-bottom .opacidad-img img:hover{
    opacity: 0.7!important;
  }
  a:focus{
    text-decoration: inherit;
    color: black;
  }

  .about_our_company{
      margin-bottom: 20px;
     /* width: 1170px;*/
      margin: auto;
      position: absolute;
      top: 20%;
      width:100%;
  }
  .about_our_company p{
    font-size: 18px;
  }
  #contact{
    padding: 50px 0; 
  }
  .ph-fotos{
    margin-top: 22px;
    color: #ababab;
    font-size: 14px;
  }
  .mayuscula{
    text-transform: uppercase
  }
  span.wpcf7-not-valid-tip{
    color: #fff!important;
    margin-bottom: 15px;
  }
  .wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok, .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors{
    color: #00A885!important;
    font-weight: bold;
  }
  .btn.focus, .btn:focus, .btn-estilo:hover{
    color: #fff !important;
  }
  .navbar-default .navbar-nav > li > a:focus{
    color: #00A885;
  }
  div.wpcf7-validation-errors{
    border: inherit!important;
  }
  div.wpcf7-mail-sent-ok{
    border: inherit!important;
  }
  input.wpcf7-form-control.wpcf7-submit.btn.btn-theme{
    background-image: url(../images/newsletter-arrow.png);
      background-position: center;
      background-repeat: no-repeat;
      color: transparent !important;
      width:100%;
  }
  div.input-group p{margin:0;}

/*EFECTO HOVER*/
.snip1548 {
  font-family: 'Raleway', sans-serif;
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 100%;
  color: #ffffff;
  font-size: 16px;
  text-align: left;
}
.snip1548 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.snip1548:before {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  bottom: 100%;
  content: '';
  background-color: rgba(53, 156, 130, 0.5);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
  z-index: 1;
}
.snip1548 img {
  vertical-align: top;
  max-width: 100%;
  backface-visibility: hidden;
}
.snip1548 figcaption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.snip1548 h3,
.snip1548 h5 {
  margin: 0;
  opacity: 0;
  letter-spacing: 1px;
}
.snip1548 h3 {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  text-transform: uppercase;
  font-weight: 400;
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
  margin-bottom: 5px;
  font-size: 20px;
}
.snip1548 h5 {
  font-weight: normal;
  background-color: #ae895d;
  padding: 3px 10px;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.snip1548 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.snip1548:hover:before,
.snip1548.hover:before {
  bottom: 10px;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.snip1548:hover h3,
.snip1548.hover h3,
.snip1548:hover h5,
.snip1548.hover h5 {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.snip1548:hover h3,
.snip1548.hover h3 {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.snip1548:hover h5,
.snip1548.hover h5 {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.btn-group-justified .titulos{
  margin: 0;
}

.gal-item a:after{
  background-color:inherit!important;
  content:" "!important;
  font-family:inherit!important;
}
.modal-open .gal-item button.close span{
  font-size: 26px;
}
section#contact .form-control:focus{
  border-color: rgba(0, 168, 133, 1)!important;
}
.box img{
  height: inherit !important;
}
.titulo-color{
      margin-top: 35px;
}

.titulo-color h1 span{
  color: #fff!important
}
.titulo-color h4 span{
  color: #fff!important
}
#validacion .wpcf7-not-valid-tip{
  color: #333!important;
}

.size30{font-size:30px;}

/* VIEJOS
.onsale {
    z-index:10;
    font-size: 13px;
    position: absolute;
    top: 13px;
    padding: 1px 20px;
    background: #ae895d;
    color: #fff;
    margin-top: 15px;
    left: 27px;
    border-radius: 9px;
    box-shadow: -1px 2px 3px rgba(0,0,0,.3);
} */

.onsale {
  z-index: 10;
  font-size: 13px;
  position: absolute;
  top: 0px;
  padding: 10px 20px;
  background: #ae895d;
  color: #fff;
  margin-top: 15px;
  left: 15px;
  border-radius: 9px;
  font-weight: bold;
  box-shadow: -1px 2px 3px rgba(0,0,0,.3);
  text-transform: uppercase;
}

textarea {
  resize: none !important; 
}
textarea:focus, input:focus, select:focus, button:focus{
    outline: none !important;
}

/******************Css Pagina Contacto*********************************/
      section#contact {
          background-color: #F2F2EA;
          
          background-position: center;
          background-repeat: no-repeat;
      }
      
      section#contact .section-heading {
          color: white;
      }
      section#contact .form-group {
          margin-bottom: 25px;
      }
      section#contact .form-group input,
      section#contact .form-group textarea {
          padding: 20px;
      }
      section#contact .form-group input.form-control {
          height: auto;
      }
      section#contact .form-group textarea.form-control {
          height: 236px;
      }
      section#contact .form-control:focus {
          border-color: #fed136;
          box-shadow: none;
      }
      section#contact ::-webkit-input-placeholder {
          /*font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
          text-transform: uppercase;
          font-weight: 700;
          color: #eeeeee;
      }
      .gellary_bg_none img{
        width: 100%;
        height: 250px;
      }
      section#contact :-moz-placeholder {
          /* Firefox 18- */
          /*font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
          text-transform: uppercase;
          font-weight: 700;
          color: #eeeeee;
      }
      section#contact ::-moz-placeholder {
          /* Firefox 19+ */
          /*font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
          text-transform: uppercase;
          font-weight: 700;
          color: #eeeeee;
      }
      section#contact :-ms-input-placeholder {
          /*font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
          text-transform: uppercase;
          font-weight: 700;
          color: #eeeeee;
      }
      section#contact .text-danger {
          color: #e74c3c;
      }

      .about_our_company{
          text-align: center;
      }
      .about_our_company h1{
          font-size: 25px;
      }
      .titleline-icon {
          position: relative;
          max-width: 100px;
          border-top: 4px double #00A885;
          margin: 20px auto 20px;
      }
      .titleline-icon:after {
          position: absolute;
          top: -11px;
          left: 0;
          right: 0;
          margin: auto;
          font-family: 'FontAwesome';
          content: "\f141";
          font-size: 20px;
          line-height: 1;
          color: #00A885;
          text-align: center;
          vertical-align: middle;
          width: 40px;
          height: 20px;
          background: #ffffff;
      }
  /******************Fin Css Pagina Contacto*****************************/
  

  #wpcf7-f613-o1 > form > div.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors{
    background:transparent !important; color:red !important;
  }
  #wpcf7-f613-o1 > form > div.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok{
    background:transparent !important; color: #044739 !important;
  }
  #wpcf7-f613-o1 > form > div.single > div > p:nth-child(2) > span > span{display:none;}
  #wpcf7-f613-o1 > form > div.single > div > p:nth-child(2) > span > input{border-radius:0px !important;}


  /*** estilos para quitar el zoom al pulsar sobre un input del formulario ***/
  /* iPhone < 5: */
  @media screen and (device-aspect-ratio: 2/3) {
      select, textarea, input[type="text"], input[type="password"],
      input[type="datetime"], input[type="datetime-local"],
      input[type="date"], input[type="month"], input[type="time"],
      input[type="week"], input[type="number"], input[type="email"],
      input[type="url"]{ font-size: 16px !important; }
  }
   
  /* iPhone 5, 5C, 5S, iPod Touch 5g */
  @media screen and (device-aspect-ratio: 40/71) {
      select, textarea, input[type="text"], input[type="password"],
      input[type="datetime"], input[type="datetime-local"],
      input[type="date"], input[type="month"], input[type="time"],
      input[type="week"], input[type="number"], input[type="email"],
      input[type="url"]{ font-size: 16px !important; }
  }
   
  /* iPhone 6, iPhone 6s, iPhone 7 portrait/landscape */
  @media screen and (device-aspect-ratio: 375/667) {
      select, textarea, input[type="text"], input[type="password"],
      input[type="datetime"], input[type="datetime-local"],
      input[type="date"], input[type="month"], input[type="time"],
      input[type="week"], input[type="number"], input[type="email"],
      input[type="url"]{ font-size: 16px !important; }
  }
   
  /* iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus portrait/landscape */
  @media screen and (device-aspect-ratio: 9/16) {
      select, textarea, input[type="text"], input[type="password"],
      input[type="datetime"], input[type="datetime-local"],
      input[type="date"], input[type="month"], input[type="time"],
      input[type="week"], input[type="number"], input[type="email"],
      input[type="url"], textarea#description { font-size: 16px !important; }
  }

  input[type="submit"]:focus, input[type="file"]:focus {
      outline: none !important;
  }

/***********WISH LIST**************/

  .heart {
  font-size: 25px;
  color:red;
}

.fa-gittip:before, .fa-gratipay:before {
    content: "\f08a";
}

#myModal78{
  left:unset;
   text-decoration:none;
   outline : none;   
}
a:active, a:focus {
  outline: 0;
  border: none;
  -moz-outline-style: none
}
@media screen and (max-width: 767px) {
  #myModal78{
  left:0;
  } 
}
.fa-spinner{display:none;}

.count7 {
    top: -2px;
    right: 3px;
    width: 21px;
    height: 22px;
    border-radius: 13px;
    color: #fff;
    background: #ae895d;
    position: absolute;
    z-index: 999;
    opacity: 1;
    /* left: 0; */
    text-align: center;
    line-height: 24px;
    overflow: hidden;
}
@media screen and (max-width: 1033px) {
  .count7 {
    top: 5px;
    right: -3px;
  }
}
@media screen and (max-width: 767px) {
  .count7 {
    top: -9px;
    left: 30px;
  }
  .nav>li{
    padding: 10px 0px;
  }
  #menu-item-214 > a > i{color:black !important}
  #bs-example-navbar-collapse-1{padding-top:1rem;}
}

   input[type=checkbox] { display:none; } 
      input[type=checkbox] + label:before {
        font-family: FontAwesome;
        display: inline-block;
      }

      input[type=checkbox] + label:before { content: "\f08a"; } 
      input[type=checkbox] + label:before { letter-spacing: 10px; } 

      input[type=checkbox]:checked + label:before { content: "\f004"; }
      input[type=checkbox]:checked + label:before { letter-spacing: 5px; }

      body > section.Propiedades > div > div.col-xs-12.col-sm-12.col-md-8.PropiedadesPadding.yes-padding-horizontal.no-padding-mobile2 > div > div:nth-child(2) > form > input[type="submit"]:nth-child(3):before { content: "\f08a"; }
/**************FIN WISH LIST**********/

/************Efectos sobre page LISTA DE DESEOS*********/
    .switch {
      position: relative;
      display: inline-block;
      width: 60px;
      height: 34px;
    }

    .switch input {display:none;}

    .slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #ccc;
      -webkit-transition: .4s;
      transition: .4s;
    }
    
    .Colorinche{background-color: #F9F9F4;}

    .slider:before {
      position: absolute;
      content: "";
      height: 26px;
      width: 26px;
      left: 4px;
      bottom: 4px;
      background-color: #F9F9F4; /*white*/
      -webkit-transition: .4s;
      transition: .4s;
    }

    input:checked + .slider {
      background-color: #00A885;
    }

    input:focus + .slider {
      box-shadow: 0 0 1px #00A885;
    }

    input:checked + .slider:before {
      -webkit-transform: translateX(26px);
      -ms-transform: translateX(26px);
      transform: translateX(26px);
    }

    /* Rounded sliders */
    .slider.round {
      border-radius: 34px;
    }

    .slider.round:before {
      border-radius: 50%;
    } 
/************ FIN Efectos sobre page LISTA DE DESEOS*********/

      .cVerde strong{color:#333 !important;}

      .acf-map {
        width: 100%;
        border: #ccc solid 1px;
      }

      /* fixes potential theme css conflict */
      .acf-map img {
         max-width: inherit !important;
      }

      /********single edificio *******/
      p span.wpcf7-form-control-wrap.Email span.wpcf7-not-valid-tip{display:none;}
      div.marginNewsletter div form div.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors{
          background:transparent !important;
          color:red !important;
          font-weight: 500;
      }
      div.marginNewsletter div form div.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok{
        background:transparent !important;
        font-weight:500;
        color: #044739 !important;
      }
      div.single div.input-group p span input{border-radius:0px !important;}

     input[type=checkbox] { display:none; } 
      input[type=checkbox] + label:before {
        font-family: FontAwesome;
        display: inline-block;
      }

      input[type=checkbox] + label:before { content: "\f08a"; } 
      input[type=checkbox] + label:before { letter-spacing: 10px; } 

      input[type=checkbox]:checked + label:before { content: "\f004"; }
      input[type=checkbox]:checked + label:before { letter-spacing: 5px; }

      input[#me-gusta2] + label:before { content: "\f08a"; } 

      body > section.Propiedades > div > div.col-xs-12.col-sm-12.col-md-8.PropiedadesPadding.yes-padding-horizontal.no-padding-mobile2 > div > div:nth-child(2) > form > input[type="submit"]:nth-child(3):before { content: "\f08a"; }


      /*********sin edificio*****/
        /*  .XS-sin-Padding{padding-left:5rem; padding-right:5rem;}
       /* @media screen and (min-width: 768px){
        .carousel-control .glyphicon-chevron-left{margin-left: -60px;top:22%}
        .carousel-control .glyphicon-chevron-right{margin-right: -60px;top:22%;}*/
        /*.media-carousel img {height:0%;}*/

        }

        /*   @media screen and (max-width: 767px) {
          .carousel-control .glyphicon-chevron-left{margin-left: 0px;top:22%;background:#00A885;border-radius:2rem;}
          .carousel-control .glyphicon-chevron-right{margin-right: 0px;top:22%;background:#00A885;border-radius:2rem;}
          .XS-sin-Padding{padding:0;}
        }
        */
/*.ui-state-default, .ui-widget-content .ui-state-default{
  text-align:center !important;
}
a.ui-state-default{    
    border-color: #00A885 !important;
    color: #00A885 !important;
}
*/
.nopmtop {padding-top: 0px !important; margin-top: 0px !important;}

/* 
================================
  Estilos 2021 INHOUSE CAMBIOS
================================
*/

/* Estilos resultados + Premium */
.DivPropiedades__filtro-title {font-weight: bold; margin-top: 30px;}
.DivPropiedades__filtro-data {
  font-weight: bold;
  font-size: 16px;
  line-height: 26px;
}
.DivPropiedades__filtro-data span {
  text-transform: uppercase;
  color:#009688
}
.DivPropiedades__inside {border: 0.5px solid rgba(219,216,195,1);}

.DivPropiedades__inside--premium {border: 5px solid #ae895d;}
.DivPropiedades__inside--premium .title_name {
  color: #ae895d;
}
.DivPropiedades__inside--premium .data__info p {
  color: #ae895d;
}

.DivPropiedades .onsale__venta {background-color: #CC0000;}
.DivPropiedades .onsale__alquiler {background-color: #FF7200;}

.DivPropiedades .yes-padding-bottom {padding-bottom: 10px !important;}
/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
  z-index: 10;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #ECFF00;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #ECFF00;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #000;
  font-weight: 700;
  font-size: 14px;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}

/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right::before {
  top: 0;
  left: 0;
}
.ribbon-top-right::after {
  bottom: 0;
  right: 0;
}
.ribbon-top-right span {
  left: -18px;
  top: 33px;
  transform: rotate(45deg);
}

.DivPropiedades figure figcaption {text-align: center;}
.DivPropiedades figure figcaption h3 {padding: 0 30px;}
.DivPropiedades .title__dir {text-transform: uppercase; font-size:18px !important; font-weight: bold; }
.DivPropiedades .title__name { font-size: 16px !important; padding-bottom: 5px !important;}

.DivPropiedades .data__info {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  height: 60px;
}

.DivPropiedades .data__info .item{
  display: flex;
  width: 45%;
  justify-content: space-evenly;
  align-items: center;
}

.DivPropiedades .data__info img.item__img--w {
  width: auto;
  height: 30px;
}

.DivPropiedades .data__info p {
  padding-bottom: 0;
  margin-bottom: 0;
  color: #00A885;
}
.DivPropiedades .data__info p strong {
  text-transform: uppercase;
  color: black;
}

.DivPropiedades__inside--premium .title__name a{
  color: #ae895d;
}
.DivPropiedades__inside--premium .data__info p {
  color: #ae895d;
}

.DivPropiedades__inside--premium .btn-estilo {
  border-color: #ae895d;
  background-color: #ae895d;
}


/* Estilos Single Propiedades */

.Propiedades .Descripcion__price {
  display: flex;
  justify-content: space-between;
}

.Propiedades .Descripcion__price::before {
  content: initial !important;
}

.Propiedades .Descripcion__price h3 {
  font-size: 18px;
  margin: 0;
}

.Propiedades .Descripcion__price h3 strong {
  color: #00a885;
  font-weight: bold;
  font-size: 30px;
}

.Propiedades .Descripcion__price h3 span{
  color: #b1b1b1;
  font-size: 18px;
  font-weight: 400;
}
.Propiedades .Descripcion__price h3 span strong{
  font-size: 18px;
  color: #b1b1b1;
  font-weight: 700;
}

.Descripcion__price .btn_wsp {
  display: inline-block;
  padding: 13px 15px;
  color: white;
  text-transform: uppercase;
  font-size: 14px;
  background: #25b249;
  border: none;
  border-radius: 5px;
}
.Descripcion__price .btn_wsp .fa{
  font-size: 18px;
  margin-left: 10px;
}

.Descripcion__price .combo-venta {
  color: black !important; 
  font-weight: 600 !important; 
  margin-bottom: 10px; 
  display: inline-block;
}
.Propiedades .Descripcion__expensas h4 {
  margin-bottom: 25px;
}

.Propiedades .Descripcion__datos {
  display: grid;
  grid-template: repeat(auto-fill, 80px) / repeat(auto-fill, minmax(170px, 1fr));
  padding: 15px;
  
}


.Propiedades .Descripcion__datos img {
  width: 30px;
  height: auto;
  margin-right: 15px;
}

.Propiedades .Descripcion__datos .item {
  display: flex;
  align-items: center;
  padding-right: 10px;
}
.Propiedades .Descripcion__datos .item .item__img--w{
  width: auto;
  margin-left: 7px;
}

.Propiedades .Descripcion__datos .item h5 {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  padding: 10px 0;
}

.Propiedades .Descripcion__datos .item h5 span {
  font-weight: 500;
  font-size: 14px;
}

@media (max-width: 1198px) {
  .Propiedades .Descripcion__price {
    margin-top: 40px;
  }
}

@media (max-width: 582px) {
  .Descripcion__price .btn_wsp {
    font-size: 14px;
  }
}

/* Estilos Single Edificio  */

.Plantas__prop {margin-bottom: 40px;}

.Plantas .bg {
  background: #f2f1ec;
}

.Plantas .panel-group .fa {
  margin-right: 10px;
  color: #00A885;
}

.Plantas .panel-heading {padding: 30px 0;}
.Plantas .panel-heading h4 { font-size: 18px; font-weight: bold; }
.Plantas .panel-heading h5 { font-size: 16px; margin-bottom: 0;}

/*--------------------------------------------------------------
# WhatsApp Button Fixed
--------------------------------------------------------------*/
#converse-chat-launcher {
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 60px;
  height: 60px;
  background-color: #25b249;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(91, 91, 91, 0.5);
  -moz-box-shadow:    0px 0px 20px 0px rgba(91, 91, 91, 0.5);
  box-shadow:         0px 0px 20px 0px rgba(91, 91, 91, 0.5);
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAOzSURBVHja7JhPiJVVGIefezXLmWrGbGpGK5MyIswWWtAfZIbKphIXUS1Kg2oTtAppEdXgQLYJo0UTQYtqFzJJaIy1yYVJGSikhjojUliNOUxNoxbq6NPmvXT6GJ17v/kuIdwXDvfc8+c9z/ee853z+05J5WKzMhehNaAb0A3oBnQ+m1mQn2ZgMbAcWApcH2XngD+AQ8A3wNfA4SjPbaVpHi5l4H7geaAbaJmi/WHgE+BjYPD/gF4E9ABPJctsHNgDHAFORnkrcEvMRMV+Ad4B+oC/ax5ZzZMeVIf81/aqL6m3q3PUUtL2EnWeulx9Vx1N+vWrbbWOnwf4EXUkBh1X16lX1NB/sbo5Af+qVvBagZeqwzHYT+qKnDM1S+1VJ8LXZrWlHtCt6rcxyLB6X07gNPUkEe+pB/TL4XxCXZ2Ul9U16hvqXTnAN4bf39UlRULPS168/gCt1L2QRGtAnV0j9EL1t+j/XiydQqCfCaenMtFsVw8k0MfVO3JEuzf6j1bTv1zlabcy8tuB75K6G2K/rtjlwBM59vx+4ARwFfBwEdqjDVgW+S8zdWeBM5myphzQPybBuLcI6IXA/MjvzdQdAfYn/weA9Tmgj4c+qcxeIZGeBZwGjmbqjgGbkv8HgNGcsmA4fmcUAV1RghORsvZB6A2A54AHckJXlplFQP8Vji6LFy1rR4FXYn23Au8Dt00mzqYY58oq21UF/XO82eULrLcBoDfyNwGfAp1JfUfsEG8CC87zQNdF/mQRKu9adVfsoxum0BN9yZ79p7pe7VI3JeVDoQibM2N8H/UfFXG4zFTfDoeDatMF2l6qvuV/bczJbVHSb0UintYUdSJ2JU6fraL96tDY57PdmYevzMQ+taMo6GZ1Szj+QV1QRZ9rQpdsVU9k9POdSbtVSUBezHxATFvlPR2Oz6kra+jXFDr8SbUzo5tvVg+G313q3KKl6evhfH+eT6RJUoe6LXyeVruL1tMt6o4YoC9TV8oBvCz5oFBdW4/PrXvUMxGRu9WrY7lsjGg9HrvMVH7aYsaOJcCv1frQ1VzWlICH4jgfB9aGEmtP2nQCO4HPQq39CpyKA6kp5GsXsCo5oIaBV4EP63Hv0R6SdEmmfCz0dUvcLKU2GqfoDGBOaPJUFvQDGxLNUvi1WHcCPAbsAD4P4EPA7IjiYwE/H5gbKQUdBL6I2dhZ72uxdcCjwFZgC3AwlgmTiP8O4FbgxpiBs8AIMBTQI9O9xyviLq9x1duAbkA3oBvQ9bV/BgBa8danK1QwPgAAAABJRU5ErkJggg==');
  background-position: center center;
  background-repeat: no-repeat;
}
#converse-chat {
  width: 240px !important;
  position: fixed !important;
  bottom: 65px !important;
  right: 45px !important;
  margin: 0 20px !important;
  z-index: 9999999999 !important;
  display: block !important;
  /* reset css */
  padding: 0 !important;
  border: 0 !important;
  font-size: 100% !important;
  font: inherit !important;
  vertical-align: baseline !important;
  list-style: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  content: '' !important;
  content: none !important;
  quotes: none !important;
  line-height: 1 !important;
  text-align: left !important;
  box-sizing: border-box !important;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(91, 91, 91, 0.5);
  -moz-box-shadow:    0px 0px 20px 0px rgba(91, 91, 91, 0.5);
  box-shadow:         0px 0px 20px 0px rgba(91, 91, 91, 0.5);
  border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
}
#converse-chat-cont { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; overflow: hidden; }

#converse-chat.chat_izquierda {
  right: auto !important;
  left: 45px !important;
}
#converse-chat.chat_izquierda #converse-chat-launcher {
  right: auto;
  left: 10px;
}

.converse-chat-input > input {
  text-align: left !important;
  max-height: 150px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  outline: none !important;
}

#converse-chat .converse-chatbox {
  height: 230px;
  display: none;
}

#converse-chat .converse-conversation {
  border-left: 1px solid #EDEDED;
  border-right: 1px solid #EDEDED;

  background-color: #fff;
  padding: 5px 12px 5px 12px;
  overflow-y: auto;
  font-size: 14px;
  font-family: Helvetica, Arial, Geneva, sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 21px;
  list-style-image: none;
  list-style-position: inside;
  list-style-type: disc;
  color: rgb(0, 0, 0);
}

#converse-chat .converse-chat-input {
  border-left: 1px solid #EDEDED !important;
  border-right: 1px solid #EDEDED !important;
  background-color: #fff !important;
  text-align: center !important;
  font-family: helvetica, sans-serif !important;
  text-align: center !important;
  font-size: 9px !important;
  letter-spacing: 2px !important;
  font-weight: bold !important;
  color: rgb(170, 170, 170) !important;
  padding-top: 4px !important;
}

#converse-status-green {
  display: inline-block;
  background-color: #42b72a;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  margin-bottom: 2px;
  margin-right: 3px;
}
#converse-status-red {
  display: inline-block;
  background-color: red;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  margin-bottom: 2px;
  margin-right: 3px;
}

#converse-chat .converse-chat-input input {
  display: inline-block !important;
  margin: 2px 0px 2px 0px !important;
  width: 100% !important;
  border-top: 1px solid #CDCDCD !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
  border-radius: 0px !important;
  font-size: 14px !important;
  font-family: Helvetica, Arial, Geneva, sans-serif !important;
  padding: 8px !important;
  color: #000000 !important;
  vertical-align: middle !important;
  height: initial !important;
  float: none !important;
  line-height: 14px !important;
  background-color: white !important;
}

#converse-chat .converse-menu {
  background-color: #25b249;
  padding: 10px;
  color: white;
  font-size: 14px;
  cursor: pointer;
  font-weight: normal;
  font-family: Helvetica, Arial, Geneva, sans-serif;
}

#converse-chat .converse-menu a {
  color: #fff;
  text-decoration: none;
}

#converse-chat .converse-menu-icon {
  float: right;
  font-weight: normal;
  font-size: 14px;
  line-height: 10px;
  padding: 2px;
  font-family: Helvetica, Arial, Geneva, sans-serif;
}

.message-visitor{
  text-align:right;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.converse-msg {
  float: left; clear: both;
  border: solid 1px #25b249;
  background-color: #25b249;
  border-radius: 0px 6px 6px 6px;
  padding: 5px 8px 6px;
  word-wrap: break-word;
  display: block;
  margin-bottom: 16px;
  font-family: Helvetica, Arial, Geneva, sans-serif;
  font-weight: normal;
  color: white;
  font-size: 14px;
  max-width: 80%;
  min-width: 40%;
  position: relative;
}
.converse-msg .converse-user {
  display: none;
  color: white;
  font-size: 12px;
  font-weight: bold;
}
.converse-msg:before {
  content: "";
  position: absolute;
  border-top: 7px solid transparent;
  border-right: 14px solid transparent;
  border-bottom: 5px solid transparent;
  border-right-color: inherit!important;
  display: block;
  width: 0;
  z-index: 1;
  left: -10px;
  top: -5px;
  border-radius: 3px;
  transform: rotate(28deg);
  -ms-transform: rotate(28deg);
  -webkit-transform: rotate(28deg);
}
.converse-visitor {
  text-align: right !important;
}
.converse-visitor .converse-msg {
  float: right; clear: both;
  border: solid 1px #f1f0f0;
  background-color: #f1f0f0;
  color: #4b4f56;
  border-radius: 6px 0px 6px 6px;
}
.converse-visitor .converse-msg:before {
  left: auto;
  border-right: none;
  border-top: 5px solid transparent;
  border-left: 14px solid #f1f0f0;
  border-bottom: 5px solid transparent;
  right: -11px;
  top: -4px;
  border-radius: 3px;
  transform: rotate(-23deg);
  -ms-transform: rotate(-23deg);
  -webkit-transform: rotate(-23deg);
}
.converse-visitor .converse-msg .converse-user {
  color: #4b4f56;
}

#converse-chat input::-webkit-input-placeholder{
  color: rgb(170, 170, 170) !important;
  font-weight: 400;
}

#converse-chat input::-moz-placeholder{
  color: rgb(170, 170, 170) !important;
  font-weight: 400;
}

#converse-chat input:-ms-input-placeholder{
  color: rgb(170, 170, 170) !important;
  font-weight: 400;
}
.clienchat-link { text-align: left; padding: 3px 10px; background-color: #f1f1f1; line-height: 10px; }
.clienchat-link a { font-family: Helvetica, Arial, Geneva, sans-serif; font-size: 8px; color: #999; text-decoration: none; outline: none; }
.converse-no-seen {
  text-align: center;
  line-height: 20px;
  border-radius: 50%;
  background-color: red;
  font-size: 12px;
  font-family: Helvetica, Arial, Geneva, sans-serif;
  font-weight: bold;
  color: white;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0px;
  right: 0px;
}

/* .chat_user { } */
.chat_user_card { display: table; border-top: solid 1px #eee; padding: 10px; cursor: pointer; width: 100%; overflow: hidden; margin-bottom: 10px; }
.chat_user .chat_user_card:first-child { border-top: none !important; }
.chat_user_image { vertical-align: middle; display: table-cell; text-align: center; width: 58px; padding-top: 5px }
.chat_user_image img { width: 48px; height: 48px; margin-right: 5px; margin-left: 5px border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border: solid 1px #eee; }
.chat_user_info { display: table-cell; vertical-align: middle; padding-top: 5px; }
.chat_user_info .chat_user_cargo { color: #272727; font-size: 12px; font-weight: bold; text-transform: uppercase; line-height: 18px }
.chat_user_info .chat_user_nombre { color: #929292; font-size: 14px; }
.chat_user_info .chat_user_disponible { display: inline-block; font-size: 10px; background-color:#2fb04e; border-radius: 10px; -moz-border-radius:10px; color: white; padding: 0px 10px; cursor: pointer; line-height: 20px; text-transform: uppercase; }
.chat_user_info .chat_user_disponible.chat_user_red { background-color: #cf1035 }
.chat_user_form { display: none; }

.ocultarWsp { display: none !important; }