/*
Theme Name: Sotogrande Home 2024 - color
Template: wpresidence
Author: cmastic
Version: 1.0
Updated: 2024-jun
HOLA: Si estas aquí es porque te interesa mejorar la web o el posicionamiento de algun cliente. Quizas sea interesante que nos conozcamos, escribeme a hola@cmastic.com y hablemos ;)
 */
.col-flota {
position: sticky;
top: 100px;
padding-top: 150px;
display:inline-block;
}


/*2025 - GALERIA FICHA PROPIEDAD 

.breadcrumb_container {
display: none;	
}
*/ 


/*
#img-prop{
  width: 100vw; height: 610px; object-fit: cover; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; margin: 0; cursor: pointer;
  }
*/  
#img-prop{
  width: 100%; height: 610px; object-fit: cover; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; margin: 0; cursor: pointer;
  }
 #img_prop2{
    width: 100vw; height: 610px; object-fit: cover; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; margin: 0; cursor: pointer;
    }
  
  .btn_galeria {
      width: 200px;
      padding: 10px;
      color: #fff;
      background-color: #0C3647;
      text-align: center;
      margin: auto;
      margin-top: -25px;
      position: relative;
      cursor: pointer;
      border-radius: 8px;
      border: 2px solid #f8f8f8; 
  }
  
  .btn_galeria:hover {
      color: #fff;
     
      border: 2px solid #f8f8f8;
	  background-color: #88cc00;
  }


 img.imagen-fit {
  height: 100%;
    object-position: center;
    object-fit: cover;
    overflow: hidden;
    position: absolute;
    width: 100%;
  }

/*2025 FIN - GALERIA FICHA PROPIEDAD */
/********** Resolucion 1400px */
.content_wrapper {
  width: 1400px;
}
.header_wrapper_inside {
  max-width: 1400px;
}
#footer-widget-area { 
  max-width: 1400px;
}
.sub_footer_content {
    max-width: 1400px;
}
.adv-search-1 {
    width: 1150px!important;
}

#primary {
  width:30%!important;
}
/********** FIN Resolucion 1400px */


.machete_cookie_config_btn{
display:none;}


.fila-rosa{
z-index:-1; }

.copyright2 {
    width: 40%;
  font-size: 12px;
  margin-left: 45px;
  line-height: 20px;
	display: inline-block;
	padding-top:20px;
	padding-bottom:10px;
}

.cmastic {
  width: 40%;
  font-size: 12px;
  margin-right: 65px;
  line-height: 10px;
  text-align: right;
  color: #fff;
	display: inline-block;
	padding-top:20px;
	padding-bottom:10px;
}
 a.enl-ctic {
    
    color: #fff !important;
    

     }
    
     a.enl-ctic:link {
        color: #fff !important;
       
     }
    
     a.enl-ctic:hover {
        color: #ff6600 !important;
       
     }
    
    .enl-ctic{
        color: #fff !important;
        
     }

 a.gris {
    
    color: #768082 !important;
  

     }
    
     a.gris:link {
        color: #768082 !important;
        
     }
    
     a.gris:hover {
        color: #768082 !important;
        
     }
    
    .gris{
        color: #768082 !important;
       
     }

.featured_div {
    display:none;
}

 .barraprop {
    background: rgba(255, 255, 255, 0.75) ;
    bottom: 0px;
    color:#fff;
    
    left:0;
    padding: 16px;
    position:fixed;
    font-size:14px;
    width:100%;
    z-index:99999;
    float:left;
    vertical-align:middle;
    margin: 0px 0px 0px 0px;
    opacity: 0.95;
    font-weight: bold;
    text-align: center;
    }

    a.barraprop-bt:link {
        font-size: 24px;
        font-weight: 500;
        text-shadow: 1px 1px 3px rgba(0, 0, 0,0.5);
        margin: 4px 6px 4px 6px;
        background-color: #0C3647;
        text-decoration: none;
        border-radius: 3px;
        padding: 4px 10px 4px 10px;
        border:1px;
        border-style:solid;
        border-color: #0C3647;
        color: #ffffff !important;
        width: 42px;
        height: 42px;
    }
    
    a.barraprop-bt:visited {
        background-color: #0C3647;
        text-decoration: none;
        color: #ffffff !important;
        border-style:solid;
        border-color: #0C3647;
    }
    a.barraprop-bt:hover {
        background-color: #88cc00;
        text-decoration: none;
        border-radius: 5px;
        border:1px;
        border-style:solid;
        border-color: #88cc00;
        color: #ffffff !important;
        text-shadow: 0px 0px 0px rgba(0, 0, 0,0.5);
    }


 a.enl-gris {
    
    color: #768082 !important;
    font-weight: 700;

     }
    
     a.enl-gris:link {
        color: #768082 !important;
        font-weight: 700;
     }
    
     a.enl-gris:hover {
        color: #768082 !important;
        font-weight: 700;
     }
    
    .enl-gris{
        color: #768082 !important;
        font-weight: 700;
     }

.copy {
    
    text-align: right;
    float: right;
}


.copyright {
    width: 100%;
}

.grecaptcha-badge { visibility: hidden; }
/* GRID OBRA NUEVA 

font-size: calc(0.7em + 0.9vw);
*/

h1.pagina-obra-nueva {
font-size: calc(1em + 1vw);
line-height: 1em;
padding: 0em;
margin-top: 0em;}

h2.ficha-obra-nueva {
font-size: 1.2em ;
line-height: 1.1em;
font-weight: 200;
padding: 0em;
margin: 0em;}


h2.pagina-obra-nueva {
font-size: 1.5em;
line-height: 1em;
font-weight: 200;
padding: 0em;
margin: 0em;}

h3.pagina-obra-nueva {
font-size: calc(1.5em + 1vw);
line-height: 1.5em;
padding: 1em;
margin: 1em;}

p.pagina-obra-nueva{
    text-transform: uppercase;
}

.columna-obra-nueva {
    height: 100%;
}

.columna-obra-nueva > h3 {
    margin-bottom: 0px;
}

.obra_nueva_txt /* BOX decripcion obra nueva */
{

}
hr.obra_nueva_txt  {
    margin-bottom: 5px;
    margin-top: 5px;
}

.obra_nueva_txt > hr {
    margin-bottom: 5px;
    margin-top: 5px;
}


.obra_nueva_txt h4.titul {

    font-size: 16px;

}

#access .menu ul li:hover > a, #access .sub-menu li:hover > a {
    color: #fff !important;
 }

.marca_lateral { content: "\f105";
font-family: FontAwesome;
font-weight: 400;
font-style: normal;
display: block;
float: left;
text-decoration: inherit;
font-size: 13px;
line-height: 14px;
}
.lateral {
   margin-bottom: 5px  !important;
   margin-top: 5px;
   color: #000;
}
h5.textwidget {
   margin-bottom: 5px  !important;
   margin-top: 5px;
}

h5.lat {
   margin-bottom: 5px  !important;
   margin-top: 5px;
}

a.filtro_boton {
margin-bottom: 15px;
text-align: right;    
color: #000;
 font-size: 16px;
 background-color: #fff;
}

.filtro_boton {
    float: left;
text-align: right;    
color: #000;
 font-size: 16px;
 background-color: #fff;
}

/* ancho menu popup - opciones flitro */
 .filter_menu {width: 250px;}

.heading_over_image {
    line-height: 28px;
}


 /* formulario contacto asesor pro */
 .row {
    margin-left: 0px;
    margin-right: 0px;
}

  /* espacio entre pagina y footer */
.content_wrapper { padding: 0px 15px 0px 15px; }
.single-content {  margin-bottom: 0px; }

 /* Boton Ver mas propiedades en slider propiedades 3 columnas */
 h6.ver_mas {
    font-style: italic;
    text-align: right;
    color: #D8D8D8; 
       -webkit-text-decoration-line: underline; /* Safari */
   text-decoration-line: underline;
} 

#toc_container p.toc_title {
    text-align: center;
    font-weight: 200;
    margin: 0;
    padding: 0;
}

h2.shortcode_title_adv  {
    margin-bottom: 0px;
 }
/* Listado mas detalles propiedad */
.single-estate_property .listing_detail {
    font-weight: 300;
    line-height: 1; 
}

 /* Boton imprimir ficha propiedaes */
.wpestate_estate_property_design_intext_details #print_page {

    float: none;
    font-size: 24px;
    margin-left: 13px;
}

h2.titu_prop_detalles {
    font-size: 18px;
    font-weight: bold;
}

h3.titu_prop_detalles {
    font-size: 20px;
    font-weight: bold;
}


 /* Boton buscador ficha propiedaes */
 .wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

 /* Boton buscador ficha propiedaes */
#collapseExample2 { padding: 12px; background-color: #f8f8f8;}

.wpb_widgetised_column_heading {
font-size: 18px;
}

 /* Boton volver ficha propiedaes */
.volver {
    color: #666;
    font-weight: 600;
    font-size: 18px;
}
a.volver {
    background-color: rgba(0, 0, 0, 0.1);
   padding: 12px 16px;
    color: #666;
    font-weight: 600;
    font-size: 18px;
color: #666;
width: 100%;
display: block;
margin: 0px;
margin-bottom: 20px;
}
a.volver:hover {
 background-color: rgba(0, 0, 0, 0.1);
font-size: 18px;    
font-weight: 300;
color: #666;
    font-weight: 600;
    font-size: 18px;
}

h4.volver {
    margin: 0px;
}

 .slider_prop_wrapper {

    display: inline-block;
    white-space: normal;
    padding: 5px;}

.slider_container .slick-dots{
 display: none !important;
}
.slider_container .slick-slider {
    margin-bottom: 0px;
    position: relative;
}
 .heading_over_image {
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(68, 68, 68,0.5);
    font-size: 40px;
    font-weight: 600;
    margin-top: 0px;
}

.subheading_over_image {
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(68, 68, 68,0.25);
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
}
 a.tit-sombra {
text-align: center;
color: #fff;
text-shadow: 1px 1px 3px rgba(68, 68, 68,0.5);
font-size: 24px;
font-weight: 600;
margin-top: 0px;
 }

 a.tit-sombra:link {
text-align: center;
color: #fff;
text-shadow: 1px 1px 3px rgba(68, 68, 68,0.5);
font-size: 24px;
font-weight: 600;
margin-top: 0px;
 }

 a.tit-sombra:hover {
text-align: center;
color: #0C3647;
text-shadow: 1px 1px 3px rgba(68, 68, 68,0.5);
font-size: 24px;
font-weight: 600;
margin-top: 0px;
 }

.tit-sombra{
text-align: center;
color: #fff;
text-shadow: 1px 1px 3px rgba(68, 68, 68,0.5);
font-weight: 600;
margin-top: 0px;
 }

h3.tit-sombra{
text-align: center;
text-shadow: 1px 1px 3px rgba(68, 68, 68,0.5);
font-weight: 300;
margin-top: 0px;
 }

h4.tit-sombra{
text-align: center;
text-shadow: 1px 1px 3px rgba(68, 68, 68,0.5);
font-weight: 400;
margin-top: 0px;
 }

a h2.tit-sombra{   
color: #fff;
text-shadow: 1px 1px 3px rgba(68, 68, 68,0.5);
font-weight: 600;
margin-top: 0px;
 }

 h2.tit-sombra{
text-align: center;
color: #fff;
text-shadow: 1px 1px 3px rgba(68, 68, 68,0.5);
font-weight: 600;
margin-top: 0px;
 }
.single-blog {
    padding: 0px;
}

.slogan {
margin-top: 12px;
margin-bottom: 5px;
padding-bottom: 0px;
font-weight:lighter;
font-size: 30px;    
}
.slogan-txt {
margin-top: 0px;
margin-bottom: 12px;
padding-bottom: 0px;
padding-top: 0px;
font-weight:300;
font-size: 16px;
line-height: 18px;    
}


.titmosaico {
margin-top: 12px;
margin-bottom: 6px;
padding-bottom: 0px;
color: #434a54;
font-weight: 700;
font-size: 20px;    
}

.subtitmosaico {
color: #434a54;
font-weight: 700;
}

.titmosaico a, .titmosaico a:focus,  .titmosaico a:visited {}

.titmosaico a:hover{
color: #0C3647;
}

h4.titul_grid {
margin-bottom: 5px;
padding-bottom: 0px;    
}

 h1.titul_centro {
font-size: 26px;
margin-bottom: 5px;
line-height: 30px;
text-align: center;
color: #768082; 
}

 h2.titul_centro {
font-size: 16px;
margin-bottom: 16px;
line-height: 21px;
text-align: center;
color: #768082; 
font-weight: 300;
 }


.fila_borde {
margin: 0px !important;
border: 1px !important;
padding: 0px !important;
border-color: #cccccc !important;
border-style: solid !important;
border-radius: 4px !important;
}

.fila_borde2 {
margin: 0px !important;
border: 1px !important;
padding: 0px !important;
border-color: #cccccc !important;
border-style: solid !important;
border-radius: 4px !important;
}

.listing_details.the_grid_view {
font-size: 15px;
}
.property_location {
display: none;
}
.property_listing.places_listing {
min-height: 360px;
font-weight: 300;
}

.caption-wrapper {
height: 45px;}

.taxonomy-description{
float: left;
line-height: 1.5em;
margin-bottom: 15px;

}

h3.widget-title-sidebar, .boxed_widget .widget-title-sidebar{
margin-bottom: 0px !important;
}

hr {
margin-top: 10px;
margin-bottom: 10px;
border: 0;
border-top-color: currentcolor;
border-top-style: none;
border-top-width: 0px;
border-top: 1px solid #eee;
}
.sh_enlace { color:#0C3647;}
a.sh_enlace:link { color:#0C3647;}
a.sh_enlace:hover { color:#0C3647;}

}
.sh_propi_descri{
font-size: 16px;
color: #768082;
font-weight: 300;
line-height: 1.3em;
}
.sh_propi_ref {
font-size: 18px;
color: #434a54;
font-weight: 400;
}
.sh_espacio{
height: 10px;
width: 100%;
position: relative;
padding-bottom: 10px;
}

.listing_wrapper.col-md-12 .property_listing.property_unit_type2 h4 {
margin-top: 0px;
}

.property_listing.property_unit_type2 {
min-height: 405px;
}

.property_listing.property_unit_type2 .listing_details{
line-height: 1.3em;
font-size: 15px;
font-weight: 300;
margin-bottom: 0px;
}
.property_listing.property_unit_type2 .property_listing_details {
margin-bottom: 0px;
font-size: 14px;      
}

.property_listing.property_unit_type2 .listing_details { 
margin-top: 4px;
margin-bottom: 6px;   
}

.property_listing.property_unit_type2 h4 a {
color: #7b8486;
}
.property_listing.property_unit_type2 h4 {
padding-left: 0px !important;
padding-right: 2px;
margin-top: 2px;   
margin-bottom: 4px;
font-size: 16px;
font-weight: 500;
color: #7b8486;
}
.sh_ref {
padding-bottom: 14px;
margin-top: 0px;
font-size:14px;
font-weight: 700;
color: #000;    
}

.sh_ref_next {
padding-bottom: 14px;
margin-top: 0px;
font-size:14px;
font-weight: 700;
color: #0C3647; 
float: right;
}

.sh_lista_precio {
margin-top: 8px;
padding-top: 8px;
padding-left: 0px;
padding-right:10px;
font-size:24px;
font-weight: 700;
color: #0C3647;
width: 100%; }

.price_label {
font-weight: 700;
color: #0C3647;
}
.sh_infolot_unit_type2{
font-size: 15px;
font-weight: 500;
color: #7b8486;
}
.sh_infolot_unit_type2::before {
content: url(//sotograndehome.com/media-sotogrande/list_parcela3.svg);
height: 20px;
width: 20px;
margin-left: 4px;
margin-right: 3px;   
}
.sh_infosize_unit_type2{
font-size: 15px;
font-weight: 500;
color: #7b8486;
}
.sh_infosize_unit_type2::before {
content: url(//sotograndehome.com/media-sotogrande/list_casa3.svg);
height: 20px;
width: 20px;
margin-left: 4px;
margin-right: 3px;
}
.sh_inforoom_unit_type2{
font-size: 15px;
font-weight: 500;
top: 1px;
color: #7b8486;
}
.sh_inforoom_unit_type2::before {
content: url(//sotograndehome.com/media-sotogrande/list_cama3.svg);
height: 20px;
width: 20px;
margin-left: 0px;
margin-right: 3px;
}
 
.listing_filter_select.filter_county {
display: none;
}
.advanced_search_shortcode {
width: 100%;
font-size: 13px;
background-color: #e8e8e8;
padding: 20px 13px;
border: 1px solid #e8e8e8;
border-radius: 3px;
float: left;
}

.advanced_search_sidebar {
width: 100%;
border: none;
background-color: #f8f8f8;
}

.blancoh4 {
font-weight: 300;
color: #ffffff;
font-size: 18px;   
text-align: center;
text-shadow: 1px 1px 3px rgba(68, 68, 68,0.5);
}

.vc_images_carousel .vc_carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -15px;
margin-left: -15px;
font-size: 60px;
display: block;
padding: 0;
color: #ffffff;
}
.vc_images_carousel .vc_carousel-control .icon-prev {
width: 30px;
height: 30px;
margin-top: -15px;
margin-left: -15px;
font-size: 60px;
display: block;
padding: 0;
color: #ffffff;
}

[id="a_filter_county"] {
display: none;
}
.agent_listings_title_similar {
display:none;
}
.listing_wrapper.col-md-12 > .property_listing .listing-cover {
height: 100%;
width: 100%;
}
.blog9v .property_listing {
overflow: hidden;
min-height: 520px;
width: 100%;
}

.meta-info {
display: none; }

.blog_unit_meta {
display: none; }


#titu_prop {
    line-height:28px;
    font-size: 24px;
    margin-top:0px;
    margin-bottom:0px;
    padding-top:0px;
    padding-bottom:0px;
}
.blancoh4{
font-weight: 300;
color: #ffffff;
font-size: 18px;   
}

h1.tit_prop {
margin: 0px 0px 13px 0px;
font-size: 18px;    
font-weight: 300;
width: 100%;
float: left;
}


.linea {
height: 15px;
}
.amigo {
border-style: none;
background-color: #fff;
vertical-align: top;
font-size: 17px;
}
#collapseExample6 { width: 100%;}

.buscador_ficha_css {}

/*  Acordeon buscador */
.vc_tta-panel-heading {
    width: 100% !important;
    margin: 0px;
}

/*  Tamano slider */
.wpestate_estate_property_slider_section_wrapper .post-carusel .item img {
    max-height: 467px;
    min-height: 260px;
}
.col-md-12.full_width_prop .post-carusel .item img {
    max-height: 467px;
margin: auto;
}

.wpb_text_column :last-child{
margin-bottom: auto;
}

.mobile-trigger-user{ display: none;}

h1.titul-resposive {
margin-top: 0px !important;
margin-bottom: 10px;
line-height: 36px; 
font-size: 30px;}

.descrip {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0px;
line-height: 21px; 
font-size: 15px;
font-weight: 100;
}



 /* TABLET - IPAD */

@media screen and (max-width: 720px) {
    /* GRID OBRA NUEVA */
.vc_grid-item-zone-c-right .vc_gitem-animated-block {
    float: left;
    width: 100% !important;
}

.vc_grid-item-zone-c-right .vc_gitem-zone-c {
    float: right;
    width: 100% !important;
}

.invertit-columna {        
    
    margin: 0px !important;
border: 1px !important;
padding: 0px !important;
border-color: #cccccc !important;
border-style: solid !important;
border-radius: 4px !important;  
  }


 h2.tit-sombra{
text-align: center;
color: #fff;
text-shadow: 1px 1px 3px rgba(68, 68, 68,0.5);
font-size: 20px;
font-weight: 700;
margin-top: 0px;
 }

.pie_espacio {
display: none;
}

#adv-search-header-mobile {
    display: none !important;
}

.mobile-hide{ display: none; }

.heading_over_image {
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(68, 68, 68,0.5);
    font-size: 26px !important;
    font-weight: 600;
    margin-top: 0px;
    padding: 0px 10px 0px 10px;
}

.subheading_over_image {
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(68, 68, 68,0.25);
    font-weight: 400;
    font-size: 18px !important;
    padding: 0px 10px 0px 10px;
    line-height: 20px;
}
#search_wrapper{     padding: 0px;}
.icono { padding: 20px;}
.boton_inicios {
 margin: 5px;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px !important;
padding-bottom: 5px !important;
border-width: 1px !important;
border-color: #ffffff !important;
border-style: solid !important;
border-radius: 5px;
}
h1.titul_centro {
font-size: 21px;
margin-bottom: 10px;
line-height: 24px;
text-align: center;
 }

 h2.titul_centro {
font-size: 16px;
margin-bottom: 16px;
line-height: 21px;
text-align: center;
 }

h1.titul-resposive {
margin-top: 10px;
margin-bottom: 10px;
line-height: 30px; 
font-size: 26px;}

h2.titul-resposive {
margin-top: 10px;
margin-bottom: 5px;
line-height: 24px; 
font-size: 20px;}

.descrip {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 20px;
line-height: 16px; 
font-size: 13px;
}


}

 /* PHONE - 500 PX  */

@media screen and (max-width: 500px) {

.copyright2 {
	width: 100%;
    line-height: 24px !important;
	padding-top:10px;
	margin-left: 20px;
	
}
.cmastic { 
	width: 100%;
line-height: 24px !important;
text-align: left;	
	margin-left: 20px;
	padding-top:0px;
}		
	
.copyright {
    line-height: 24px !important;
}

.copy {
    
    text-align: left;
}

.property_listing.places_listing {
    min-height: 350px !important;
}
h1.entry-title {
    margin: 20px 0px 13px 20px !important;
}

}

 /* ESCRITORIO 4K  */

@media screen and (min-width: 720px) and (max-width: 4096px) {
  .escritorio-hide { display: none; }
.pie_espacio {
    margin-top: 18px;
}

.invertit-columna {        
    flex-direction: row-reverse !important;
    margin: 0px !important;
border: 1px !important;
padding: 0px !important;
border-color: #cccccc !important;
border-style: solid !important;
border-radius: 4px !important;  
  }

.boton_inicios {
margin: 5px;
padding-top: 5px !important;
padding-bottom: 5px !important;
border-width: 1px !important;
border-color: #ffffff !important;
border-style: solid !important;
border-radius: 5px
}


h2.titul-resposive {
margin-bottom: 15px;
line-height: 34px; 
font-size: 30px;}

}

.buscador{width: 200px; }

/*MENU MOBILE*/
.mobile_header i {
        margin-top: 16px;
        margin-right: 26px;
        margin-bottom: 26px;
        margin-left: 26px;
}
.mobile_header { height: 50px;}

/*Titulo listado propiedades*/
h1.entry-title {
    margin: 20px 0px 13px 0px;
font-size: 26px;    
font-weight: 500;
    width: 100%;
    float: left;
    line-height: 32px
}
/*navegacion lateral propiedades*/
.nav-prev-wrapper, .nav-next-wrapper{
display:none!important;
}
.agent_unit{ display: none; }

/*POPUP galeria- propiedad 
.carousel-inner {pointer-events: none;}
*/


/* SLIDER imagenes propiedad */
.caption-wrapper {
    color: #777;
    background: #fff;
}

.caption_control::after {
    color: #0C3647;
}

#carousel-listing .carousel-round-indicators li.active {
    background: #0C3647;
}
.carusel-back {
    background-color: #fff;
    opacity: 0.95;
}

.carousel-control:hover, .carousel-control:focus {
    color: #0C3647;
}

.carousel-control {
    color: #0C3647;
    }

#carousel-listing {background-color: #fff;}
.post-carusel {background: #fff; margin-bottom: 6px;}


/*Estilos boton nueva promocion*/

.bt_asesor_promo{
    border-radius: 3px;
    display:block; 
    float: none; 
    width: 300px;
    color: #ffffff;
    border: 1px solid;
    border-color: #0C3647;
    padding: 14px 26px 13px;
    font-size: 13px;
    background-color: #0C3647 !important;
    webkit-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear;
    text-shadow: none;
    text-transform: uppercase;
    line-height: 1em;
}

.bt_asesor_promo:hover{
    background-color: #88cc00 !important;
    text-decoration: none;
    webkit-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear;
     border: 1px solid white;
} 
a.bt_asesor_promo:hover {color: #ffffff;}
a.bt_asesor_promo {color: #ffffff;}

/*Estilos boton asesor*/

.bt_asesor_centro{
    border-radius: 5px;
    display:block; 
    float: none; 
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    color: #ffffff;
    border: 1px solid;
    border-color: #88cc00;
    padding: 14px 16px 13px;
    font-size: 16px;
    font-weight: 600;
    background-color: #88cc00 !important;
    webkit-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear;
    text-shadow: none;
    text-transform: uppercase;
    line-height: 1em;
        text-shadow: 1px 1px 3px rgba(68, 68, 68,0.5);

}

.bt_asesor_centro:hover{
    background-color: #0C3647 !important;
    text-decoration: none;
    webkit-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear;
     border: 1px solid white;
} 
a.bt_asesor_centro:hover {color: #ffffff;}
.bt_asesor_centro a {color: #ffffff !important;}

.bt_asesor{
    margin:0 auto;
    display:block; 
    float: none; 
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 280px;
    color: #ffffff;
    padding: 7px 10px 10px 10px;
    font-size: 16px; 
    font-weight: 600;
    background-color: #0C3647;
    webkit-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear;
    border:none;
    text-shadow: none;
    border-radius: 3px;
    
    height: 44px;
margin-bottom: 10px;
}

.bt_asesor:hover{
    background-color: #88cc00 !important;
    text-decoration: none;
    webkit-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear;
    
color: #fff;
} 

a.bt_asesor:hover {color: #fff;}

/* PAGINA INCIO  */



h3.fino {
    font-weight: 300;
}

h4.fino {
    font-weight: 300;
}
h5.fino {
    font-weight: 200;
}

/* BOTONES PAGINA INCIO  */


.boton_rosa {
    text-align: center;
    width: 100%; 
    padding: 8px 4px 8px 4px; 
}


.bt_rosa {
  text-align: center;
    font-size: 21px;
    font-weight: 700;
    width: 100%; 
    margin: 10px;
    text-shadow: 1px 1px 3px rgba(68, 68, 68,0.5);
    text-decoration: none;
    border-radius: 5px;
    background: #0C3647;
    border:1px;
    border-style:solid;
    border-color: #fff;
    color: #ffffff !important ;
}


a.bt_rosa {

  text-align: center;
    font-size: 21px;
    font-weight: 700;
    margin: 10px;
    text-shadow: 1px 1px 3px rgba(68, 68, 68,0.5);
    text-decoration: none;
    border-radius: 5px;
    padding: 8px 20% 8px 20%;
    background: #0C3647;
    border:0px;
    color: #ffffff !important ;

}

a.bt_rosa:link {
 
   text-align: center;
    font-size: 21px;
    font-weight: 700;
    margin: 10px;
    text-shadow: 1px 1px 3px rgba(68, 68, 68,0.5);
    text-decoration: none;
    border-radius: 5px;
    background: #0C3647;
    border:0px;
    color: #ffffff !important ;
}
a.bt_rosa:hover {
   text-align: center;
    font-size: 21px;
    font-weight: 700;
    margin: 10px;
    text-shadow: none;
    text-decoration: none;
    border-radius: 5px;
    background: rgba(0, 0, 0,0.0);
    border:1px;
    border-style:solid;
    border-color: #0C3647;
    color: #0C3647 !important;
}


.boton_blanco {
    text-align: center;
    font-size: 21px;
    font-weight: 700;
    width: 96%; 
    margin: 10px;
    text-shadow: 1px 1px 3px rgba(68, 68, 68,0.5);
    text-decoration: none;
    border-radius: 5px;
    padding: 8px 24px 8px 24px;
    background: rgba(0, 0, 0,0.2);
    border:1px;
    border-style:solid;
    border-color: #fff;
    color: #ffffff ;
}


.color_blanco {
 color: #ffffff !important;
}

a.color_blanco {
 color: #ffffff !important;
}

a.color_blanco:link {
 color: #ffffff !important;
}
a.color_blanco:hover {
 color: #0C3647 !important;
}

a.ver_rosa:link {
    font-size: 14px;
    font-weight: 500;
    text-shadow: 1px 1px 3px rgba(0, 0, 0,0.5);
    margin: 4px;
    background-color: #0C3647;
    text-decoration: none;
    border-radius: 5px;
    padding: 12px 24px 12px 24px;
    border:1px;
    border-style:solid;
    border-color: #0C3647;
    color: #ffffff !important;
}

a.ver_rosa:visited {
    font-size: 14px;
    font-weight: 500;
    text-shadow: 1px 1px 3px rgba(0, 0, 0,0.5);
    margin: 4px;
    background-color: #0C3647;
    text-decoration: none;
    border-radius: 5px;
    padding: 12px 24px 12px 24px;
    border:1px;
    border-style:solid;
    border-color: #0C3647;
    color: #ffffff !important;
}
a.ver_rosa:hover {
    background-color: #88cc00;
    text-decoration: none;
    border-radius: 5px;
    border:1px;
    border-style:solid;
    border-color: #88cc00;
    color: #ffffff !important;
    text-shadow: 0px 0px 0px rgba(0, 0, 0,0.5);
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

/* FORMULARIO FLEX GRID*/
.flex-container {
  max-width: 600px;
  padding: 0;
  margin: auto;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
}
.flex-item {
  padding: 5px;
   width: 250px;
  height: 40px;
  margin: 5px;
  color: white;
  text-align: center;
line-height: 20px;
}
.flex-item-full {
  padding: 5px;
  width: 100%;
  height: 40px;
  margin: 5px;
  color: white;
  text-align: center;
line-height: 20px;
}


/* ESTILOS CELDAS */

#form_casa {
    color: #99a3b1;
    font-size: 24px !important;
    float: left;
    background-image: url('https://sotograndehome.com/media-sotogrande/casa.svg');
    height: 25px;
    background-repeat: no-repeat;
    padding-left: 35px;
    line-height: 22px;
    margin-top: 8px;
}

#form_zona{
    color: #99a3b1;
    font-size: 24px !important;
    float: left;
    background-image: url('https://sotograndehome.com/media-sotogrande/zona.svg');
    height: 25px;
    background-repeat: no-repeat;
    padding-left: 35px;
    line-height: 22px;
    margin-top: 8px;
}

#form_cama{
    color: #0C3647;
    font-size: 24px!important;
    float: left;
    background-image: url('https://sotograndehome.com/media-sotogrande/cama.svg');
    height: 25px;
    background-repeat: no-repeat;
    padding-left: 35px;
    line-height: 22px;
    margin-top: 8px;
}

#form_pvp {
    color: #99a3b1;
    font-size: 24px!important;
    float: left;
    background-image: url('https://sotograndehome.com/media-sotogrande/pvp.svg');
    height: 25px;
    background-repeat: no-repeat;
    padding-left: 35px;
    line-height: 22px;
    margin-top: 8px;
}

#form_cal{
    font-size: 24px!important;
    font-weight:200;
    float: left;
    background-image: url('https://sotograndehome.com/media-sotogrande/calen.svg');
    height: 25px;
    background-repeat: no-repeat;
    padding-left: 35px;
    line-height: 22px;
     margin-top: 8px;
}

#form_accion{
    font-size: 24px!important;
    font-weight:200;
    float: left;
    background-image: url('https://sotograndehome.com/media-sotogrande/accion.svg');
    height: 25px;
    background-repeat: no-repeat;
    padding-left: 35px;
    line-height: 22px;
     margin-top: 8px;
}
.row2{
    margin: 5px;
    clear: both;
    float: left;

}


#comprar { 
    max-width: 100%;

}

#fecha1 { 
    width: 80%;
    padding: 7px;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
    }
#fecha2 { 
     width: 80%;
    padding: 7px;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
    }


.wpcf7 input[type="text"], input[type="email"], .wpcf7 input[type="tel"] {
    width: 100%;
    padding: 7px;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
          margin-top:5px;
          margin-bottom:5px;
          font-size:14px;      
}

.wpcf7 textarea {
    width: 100%;
    padding: 7px;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
          max-height:100px;
          margin-top:5px;
          margin-bottom:5px;      
          font-size:14px;
}

.wpcf7 select {
    width: 80%;
    padding: 7px;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
          z-index:999;
          font-size:14px;
          margin-top:7px;
          margin-bottom:7px;
    b    
}   


.wpcf7 input[type="text"]:focus{
    background: #fff;
}
.wpcf7-submit{
    width: 70%;
    background: #0C3647;
    color: #fff;
    text-transform: uppercase;
    border: none;
    padding: 8px 20px;
    cursor: pointer;
    border-bottom: 3px solid #88cc00 !important;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #88cc00;
}
.wpcf7-submit:hover{
    background: #88cc00;
}


/* div.wpcf7-response-output, div.wpcf7-validation-errors { display: none !important; }
*/
span.wpcf7-not-valid-tip { display: none; }
input[aria-invalid="true"], select[aria-invalid="true"] { border-color: red; background-color: rgba(153,0,0,0.3); }


div.wpcf7-validation-errors { 
    width: 100%;
    text-shadow: none;
    background: #f9cd00;
    padding: 5px;
    color:#000 !important;
    text-align: center;
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    margin: auto;
}
div.wpcf7-mail-sent-ok{
    width: 100%;
    text-align: center;
    text-shadow: none;
    padding: 5px;
    font-size: 12px;
    background: #59a80f;
    border-color: #59a80f;
    color:#fff !important;
    font-weight: 300;
    margin: auto;
}

.wpcf7-form-control {
    font-size: 16px;
    padding: 0px;
    color: #768082;
    
    -webkit-appearance: none;
border: 0px solid #f0f0f0;

}
/* formulario pie flotante*/
.contact-box{
display: none;
}
.wpb_text_column :last-child{
margin-bottom: auto;
}
.wpcf7-form input[type="checkbox"], .wpcf7-form input[type="radio"] {
  height: 20px !important;
  width: 20px !important;
  margin: 0px ;
}

.wpcf7-list-item-label{
    font-size: 16px;
    text-align: left;
line-height: 30px;
    padding: 0px;
    color: #768082; 
}

span.wpcf7-list-item { 
padding-left:0px; 
line-height: 20px;
text-align: left;
margin: 0 0 0 0;
}
.espacio {
margin-top: 5px;
border-bottom: 1px solid #ccc;
}
#nom {
width: 100%;
}
#mail {
width: 100%;
}
#tel {
width: 100%;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
    
#ui-datepicker-div {
    z-index: 96777271!important;
}
#presup { 
    width: 80%;
    padding: 7px;
    line-height: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
    }


#fecha_entra { 
    width: 95%;
    padding: 7px;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
    }
#fecha_sale { 
    width: 95%;
    padding: 7px;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
    }

    .well_amigo {
    background-color: #fff;
    padding: 0px;
    background-image: none;
    border: none;
    box-shadow: none;
    margin: 25px 0px 15px -5px;

}

    .well {
    background-color: #fff;

    border: none;
    box-shadow: none;
    margin: 25px 0px 15px -5px;

}

    .well_asesor {
    background-color: transparent;
    padding: 0px;
    border: none;
    box-shadow: none;
    margin: 25px 0px 15px -5px;
}


.collapse { margin-top: 10px}
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-heading{
width: 300px;
margin: auto;
    margin-bottom: auto;
margin-bottom: 10px;
}
.espacio_widget{
    height: 70px;
}
.well2 {
    background-color: #edeced;
    padding: 15px 0px 15px 0px;
}
/*Alineacion tit_ unit_box*/
.has_4per_row.col-md-3 .property_listing h4{
    padding: 0 6px;
}
.col-md-9.rightmargin .has_4per_row.col-md-4 .property_listing h4 {
    padding: 0 6px;
}
/*GRID PROPIEDADES*/
.grid_icon
{ vertical-align: baseline; 
width: 17px;
height: 17px;
vertical-align: bottom;
}
.grid_icon_2
{ vertical-align: baseline; 
width: 7px;
height: 7px;

}
.negrata {font-weight: 500;}
.negrita {  font-weight: 700;}
.fina {
    line-height: 20px;
    font-weight: 300;
}
.txt_ico { font-weight: 500; margin-top: 6px; }
.linea-negra { 
    display: block;
    margin-top: 0em;
    margin-bottom: 0.5em;
    margin-left: 0px;
    border-width: 1px;
    width: 80%;
border-bottom-color: #ccc;
border-bottom-style: solid;
z-index: 10;

} 
.lineas { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 12px;
    border-width: 1px;
    width: 80%;
border-bottom-color: rgb(221, 228, 233);
border-bottom-style: solid;
z-index: 10;

} 

h6.des-villa{
    font-size: 14px;
    line-height: 18px;
}

a.des-villa:link{
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    color: #0C3647;
}
a.des-villa:hover{
    text-decoration: underline;

}
/*GRID Obra nueva construccion*/
.grid_titulo { 
    color: #606060;
    font-size: 22px;
    line-height: 24px; 
    text-align: left;
    font-weight: 700; 
    margin-bottom: 5px;
    color: #434a54;
    }
.grid_subtit { 
    font-size: 16px;
    color: #606060;
}
.grid_pvp { 
    color: #0C3647;
    font-size: 22px;
    text-align: left;
    line-height: 24px; 
    font-weight: 700; 
margin-bottom: 20px;
    }

.obra_precio_column {
    padding: 0px !important;
}    
.obra_dormitorio {
font-size: 16px;
font-weight: 500;
font-style: italic;
color: #0C3647;
margin-bottom: 0px !important;
padding-bottom: 0px;
}

.obra_descripcion {
font-size: 15px;
font-weight: 300;
line-height: 1.2em;
    
margin-bottom: 0px !important;
padding-bottom: 0px;
}
.obra_desde {
font-size: 15px;
font-style: italic;
font-weight: 300;
margin-bottom: 0px;
padding-bottom: 0px;
}

.obra_precio {
font-size: 26px;
font-weight: 700;
color: #0C3647;    
margin-bottom: 0px;
margin-top: 0px;
font-style: italic;
}

.obra_link {
font-size: 15px;
line-height: 1em !important;
font-weight: 700; 
margin-bottom: 6px;
margin-top: 0px;
font-style: italic;
}



a.obra_link {
    color: #0C3647;   
}
a.obra_link:hover {
    text-decoration: underline; 
}

.espaciolink {
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 1; }


h1.titul {
margin-bottom: 5px;
line-height: 24px; }

h2.titul {
margin-top: 5px;
margin-bottom: 5px;
line-height: 30px; }
h3.titul {
font-weight: 100;    
margin-bottom: 5px;}
h4.titul {
margin-bottom: 5px;
font-weight: 300; 
}
h5.titul {
margin-bottom: 5px;
font-weight: 100; }

h4.enventa {
margin-bottom: 5px;
font-weight: 500;
color: #BDBDBD; 
}

/* FOOTER */

.pie_tel {
    font-size: 18px;
    line-height: 1.3em;
}
a.pie_tel {
font-size: 18px;    
font-weight: 300;
color: #cccccc;
}
a.pie_tel:hover {
font-size: 18px;    
font-weight: 300;
color: #0C3647;
}

h6.pie_txt{
    color: #ffffff;
    font-weight: 400;
    margin-bottom: 5px;
}
.pie_txt{

    color: #ffffff;
}

#colophon .xoxo {
    padding-top: 65px;
}