/* Ocultamos los banners de las promo del pie */
.bannersPromoPie { display: none;}


@media screen and (max-width:800px) {
	html { font-size:9px;}
}

@media screen and (max-width:480px) {
	html { font-size:8px;}
}

/********************************** LANDING REFORMA JARDÍN *******************************/
/* texto Form */
.blqTextoForm {}
	.blqTextoForm .fusion-row { display: flex;}
		.blqTextoForm .colTexto { display: flex; align-items: center;}
			.blqTextoForm .colTexto .fusion-column-wrapper { padding: 4% !important; text-align: center;}
				.blqTextoForm .colTexto p { font-size:2rem; letter-spacing: 1px; line-height:1.4;}

		.blqTextoForm .colForm {}
			.blqTextoForm .colForm .fusion-column-wrapper { padding: 5% 8% 3% 8% !important; margin-top:-50% !important;}
			.blqTextoForm .colForm .fusion-text { text-align: center; }
				.blqTextoForm .colForm .fusion-text > h2 { margin: 0 0 2% 0; font-size: 3.6rem !important; line-height: 1 !important; font-weight: 800 !important; color: #ffffff; text-transform: uppercase;}
				.blqTextoForm .colForm .fusion-text > p { font-size:1.7rem !important; letter-spacing: 1px; line-height:1; color: #fff;}
				.blqTextoForm .colForm .fusion-text > p.pieForm { font-size: 1.3rem !important; line-height: 1.4; letter-spacing: 0;}
					.blqTextoForm .colForm .fusion-text > p.pieForm a { color: #fff; text-decoration: underline;}
					.blqTextoForm .colForm .fusion-text > p.pieForm a:hover { text-decoration: none;}
			
			/* Formulario */
			.blqTextoForm .colForm form { text-align: left; padding: 3% 0 1% 0;}
				.blqTextoForm .colForm form p { clear: both; margin-bottom: 4%; font-size:2rem !important; line-height:1; color: #fff;}
					.blqTextoForm .colForm form p label span { display: block; margin-top: 5px;}
				.blqTextoForm .colForm form p.fusion-layout-column.fusion-one-half { clear: none; width: 48%;}
				.blqTextoForm .colForm form p.fusion-layout-column.fusion-one-half + .fusion-one-half { margin-left: 4%;}
				.blqTextoForm .colForm form p.politica { font-size: 1.5rem !important; }
					.blqTextoForm .colForm form p.politica a { font-weight: bold; color: #fff; text-decoration: underline;}
					.blqTextoForm .colForm form p.politica a:hover { text-decoration: none;}
				.blqTextoForm .colForm form p.boton { text-align: center;}
					.blqTextoForm .colForm form p.boton input { font-family: "Source Sans Pro", sans-serif; font-size: 2rem; line-height: 1; color: #e41e1b; letter-spacing: 5px !important; padding: 15px 50px; border: none;}
					.blqTextoForm .colForm form p.boton input:hover,
					.blqTextoForm .colForm form p.boton input:active { position: relative; top: 1px; background: #828282; color: #fff;}
			
			/* Contact form 7 */
			.blqTextoForm span.wpcf7-not-valid-tip { font-size: 1.4rem; color: #b94a48; background: #f3dede; padding: 5px 10px;}
			.blqTextoForm .wpcf7-form .wpcf7-text { font-size: 1.4rem; color: #666;}
			.blqTextoForm .screen-reader-response { color: #fff;}

@media screen and (max-width:800px) {
	.blqTextoForm .fusion-row { flex-direction: column;}
    .blqTextoForm .colForm .fusion-column-wrapper { padding: 4% 10% 3% 10% !important; margin-top:0 !important;}
    .blqTextoForm .colForm form p.boton input { font-size: 1.8rem; letter-spacing: 2px !important; padding: 15px 30px;}
}
@media screen and (max-width:640px) {
    .blqTextoForm .colForm form p.boton input { font-size: 1.7rem; letter-spacing:1px !important; padding: 15px 30px;}
}
@media screen and (max-width:480px) {
    .blqTextoForm .colForm form p.boton input { font-size: 1.7rem; letter-spacing:0px !important; padding: 12px 20px;}
}
@media screen and (min-width:1921px){
	.blqTextoForm .colForm .fusion-column-wrapper { margin-top:-470px !important;}
}


/* Título + 3 columnas */
.titMas3Col {}
	.titMas3Col .banner { padding: 6% 0 !important;}
	.titMas3Col .columna { text-align: center;}
		.titMas3Col .columna h3 { margin: 1.5rem 0 1rem 0; font-size: 30px; font-weight: 800; text-transform: uppercase;}
		.titMas3Col .columna p { padding: 0 8%; letter-spacing: 1px;}
	.titMas3Col .eslogan { padding: 2% 0 6% 0 !important; text-align: center;}
		.titMas3Col .eslogan p { margin-bottom: 0; font-size: 5rem; color: #828282;}
            .titMas3Col .eslogan p strong { color: #000000; font-weight: 700;}
        .titMas3Col .fusion-button { font-family: "Source Sans Pro", sans-serif; font-size: 2rem; letter-spacing: 4px; font-weight: 600; line-height: 1.3; padding: 15px 35px; }

@media screen and (max-width:800px) {
	.titMas3Col { padding-left:5% !important; padding-right: 5% !important;}
}


/* Suelos + fondo */
.colSuelos { }
    .colSuelos .fusion-column-wrapper { padding: 8% 0% 8% 10% !important;}
    .colSuelos .fusion-text { }
        .colSuelos .fusion-text h2 { margin: 0; font-size: 6rem !important; color: #fff; font-weight: 900 !important; line-height: 1 !important;}
        .colSuelos .fusion-text h3 { margin: 0 0 7% 0; font-size: 4rem !important; color: #fff; line-height: 1; letter-spacing: 4px;}
        .colSuelos .fusion-text p { margin-bottom: 0; font-size: 2rem !important; color: #fff; font-weight: 300; line-height: 1.3;}
        .colSuelos .fusion-text p + p { margin-top: 20px; }
    .colSuelos .fusion-button { font-family: "Source Sans Pro", sans-serif; font-size: 2rem; letter-spacing: 2px; font-weight: 600; line-height: 1.3; padding: 15px 35px; }
.colSuelosImagen { }

@media screen and (min-width:801px) and (max-width:1200px) {
    .colSuelos { width: 50% !important; }    
        .colSuelos .fusion-text { }
            .colSuelos .fusion-text h2 { font-size: 5rem !important;}
            .colSuelos .fusion-text h3 { font-size: 3rem !important; letter-spacing: 3px;}
            .colSuelos .fusion-text p { font-size: 1.6rem !important; line-height: 1.3;}
        .colSuelos .fusion-button { font-size: 1.6rem; letter-spacing: 1px; padding: 12px 25px; }
    .colSuelosImagen { width: 50% !important; }
}
@media screen and (min-width:801px) and (max-width:1023px) {
    .colSuelos { width: 60% !important; }
    .colSuelosImagen { width: 40% !important; }
}
@media screen and (max-width:800px) {    
    .colSuelos { width: 100% !important; }
        .colSuelos .fusion-column-wrapper { padding: 6% !important;}
    .colSuelosImagen { display: none; }
}


/* Estructuras + fondo */
.colEstructuras { }
    .colEstructuras .fusion-column-wrapper { padding: 8% 0% 8% 10% !important;}
    .colEstructuras .fusion-text { }
        .colEstructuras .fusion-text h2 { margin: 0; font-size: 6rem !important; color: #828282; font-weight: 900 !important; line-height: 1 !important;}
        .colEstructuras .fusion-text h3 { margin: 0 0 7% 0; font-size: 4rem !important; color: #828282; line-height: 1; letter-spacing: 4px;}
        .colEstructuras .fusion-text p { margin-bottom: 0; font-size: 2rem !important; color: #828282; font-weight: 300; line-height: 1.3;}
        .colEstructuras .fusion-text p + p { margin-top: 20px; }
    .colEstructuras .fusion-button { font-family: "Source Sans Pro", sans-serif; font-size: 2rem; letter-spacing: 2px; font-weight: 600; line-height: 1.3; padding: 15px 35px; }
.colEstructurasImagen { }

@media screen and (min-width:801px) and (max-width:1200px) {
    .colEstructuras .fusion-text { }
        .colEstructuras .fusion-text h2 { font-size: 5rem !important;}
        .colEstructuras .fusion-text h3 { font-size: 3rem !important; letter-spacing: 3px;}
        .colEstructuras .fusion-text p { font-size: 1.6rem !important; line-height: 1.3;}
    .colEstructuras .fusion-button { font-size: 1.6rem; letter-spacing: 1px; padding: 12px 25px; }
}
@media screen and (min-width:801px) and (max-width:1023px) {
    
}
@media screen and (max-width:800px) {
    .colEstructuras .fusion-column-wrapper { padding: 6% !important;}
    
}


/* Cerramientos + fondo */
.colCerramientos { }
    .colCerramientos .fusion-column-wrapper { padding: 8% 0% 8% 10% !important;}
    .colCerramientos .fusion-text { }
        .colCerramientos .fusion-text h2 { margin: 0; font-size: 6rem !important; color: #fff; font-weight: 900 !important; line-height: 1 !important;}
        .colCerramientos .fusion-text h3 { margin: 0 0 7% 0; font-size: 4rem !important; color: #fff; line-height: 1; letter-spacing: 4px;}
        .colCerramientos .fusion-text p { margin-bottom: 0; font-size: 2rem !important; color: #fff; font-weight: 300; line-height: 1.3;}
        .colCerramientos .fusion-text p + p { margin-top: 20px; }
    .colCerramientos .fusion-button { font-family: "Source Sans Pro", sans-serif; font-size: 2rem; letter-spacing: 2px; font-weight: 600; line-height: 1.3; padding: 15px 35px; }
.colCerramientosImagen { }

@media screen and (min-width:801px) and (max-width:1200px) {
    .colCerramientos { width: 50% !important; }
        .colCerramientos .fusion-text { }
            .colCerramientos .fusion-text h2 { font-size: 5rem !important;}
            .colCerramientos .fusion-text h3 { font-size: 3rem !important; letter-spacing: 3px;}
            .colCerramientos .fusion-text p { font-size: 1.6rem !important; line-height: 1.3;}
        .colCerramientos .fusion-button { font-size: 1.6rem; letter-spacing: 1px; padding: 12px 25px; }
    .colCerramientosImagen { width: 50% !important; }
}
@media screen and (min-width:801px) and (max-width:1023px) {
    .colCerramientos { width: 60% !important; }
    .colCerramientosImagen { width: 40% !important; }
}
@media screen and (max-width:800px) {    
    .colCerramientos { width: 100% !important; }
        .colCerramientos .fusion-column-wrapper { padding: 6% !important;}
    .colCerramientosImagen { display: none; }
}


/* Palabras clave */
.palabrasClave { }
    .palabrasClave .fusion-column-wrapper { padding: 20px 30px !important; }
        .palabrasClave .fusion-text { text-align: center; text-transform: uppercase; }
            .palabrasClave .fusion-text h3 { margin: 0; font-size: 3vw !important; line-height: 1.1 !important; font-weight: 900; color: #c0c0c0; letter-spacing: 0.2vw; }

@media screen and (max-width:800px) {
    .palabrasClave .fusion-text h3 { font-size: 6vw !important; letter-spacing: 0.4vw;}
}


/* FAQ - Calidad */
.faq .fusion-column-wrapper { }
	.faq .fusion-text { width: 80%; margin: 0 auto;}
		.faq .fusion-text h3 { margin: 1% 0 3% 0; font-size: 5rem; color: #828282;}
        .faq .fusion-text h4 { margin: 0 0 1% 5%; font-size:2.4rem; font-weight: bold; color: #000000;}
        .faq .fusion-text p { margin-bottom: 5%; font-size:1.8rem; letter-spacing: 1px; line-height:1.4;}
        .faq .fusion-text p + h4 { margin-top: 5%;}
        .faq .fusion-text h4 + p { margin-left: 5%;}
        .faq .fusion-text a { text-decoration: underline; color: inherit; }
        .faq .fusion-text a:hover { text-decoration: none; }

.calidad .fusion-column-wrapper { padding: 4% 0 !important; }
	.calidad img { margin: 2% 0 10% 0;}
	.calidad .fusion-text { width: 90%; margin: 0 auto; text-align: center; }
		.calidad .fusion-text h4 { margin: 0 0 1% 0; font-size:6rem; color: #fff; font-weight: 700;}
		.calidad .fusion-text p { font-size:1.8rem; line-height:1.3; color: #fff;}
		.calidad .fusion-text > ul { width: 55%; margin: 10% 0 15% auto; text-align: left; list-style-image: url(/wp-content/uploads/2018/06/jardin-tick.png); }
            .calidad .fusion-text > ul li { margin-bottom: 2%; font-size: 2rem; font-weight: bold; color: #ffffff; }
        .calidad .fusion-button { width: 60% !important; font-family: "Source Sans Pro", sans-serif; font-size: 2rem; letter-spacing: 3px; font-weight: 600; line-height: 1.3; padding: 15px 35px; }

@media screen and (max-width:800px) {
	.faq .fusion-text { width: 90%; }

	.calidad .fusion-column-wrapper { padding: 6% 0 30% 0 !important; }
	.calidad .fusion-text { width: 90%; }
	.calidad .fusion-text .pieImg { width: 100%; }
	.calidad .fusion-text > ul { width: 85%; }
}

/* CTA */
.cta .fusion-column-wrapper { padding: 4% 0 2% 0 !important; /*background-size: contain !important;*/ text-align: center;}
	.cta p { margin-bottom: 2%; }
	.cta .cta1 { font-size: 5rem; color: #ffffff; font-weight: 700; text-transform: uppercase;}
    .cta .cta2 { display: inline-block; font-size: 3rem; color: #ffffff; font-style: italic; white-space: nowrap;}
        .cta .cta2 a { display: inline-block; color: #ffffff; background: #004fa3; padding: 0.5% 2%;}
        .cta .cta2 a:hover { text-decoration: underline;}
	.cta .cta3 { font-size: 4rem; font-weight: bold; letter-spacing: 2px; }
		.cta .cta3 a { display: inline-block; color: #ffffff; text-decoration: none; padding: 3px 35px 8px 35px; background: #000; }
		.cta .cta3 a:hover { background: #e41e1b; }


/* Barra reserva parking */
.barraReservaParking {}
	.barraReservaParking h2 { font-family: 'Lato', sans-serif; font-size: 4rem !important; line-height: 1.3 !important; color: #fff !important; font-weight: 600 !important; margin-bottom: 2%;}
	.barraReservaParking p { font-family: 'Lato', sans-serif; font-size: 2rem; line-height: 1.4; color: #fff; font-weight: 300; margin: 2rem 0 0 0;}

@media screen and (max-width:800px) {
	.barraReservaParking { padding-left:5% !important; padding-right: 5% !important;}
}

/* Para el mapa responsive */
.shortcode-map.fusion-google-map { height: auto !important; padding-bottom: 67% !important;}








/************************* AGRADECIMIENTO ****************************/

.agradecimientoTit {}
	.agradecimientoTit .agradecimiento { padding:10% 0 5% 0 !important; text-align: center;}
		.agradecimientoTit .agradecimiento h2 { font-size: 5rem !important; font-weight: 800 !important; color: #000000; line-height: 1 !important; margin-bottom: 2%;}
		.agradecimientoTit .agradecimiento p { font-size: 1.7rem; color: #828282; letter-spacing: 2px;}

@media screen and (max-width:800px) {
	.agradecimientoTit { padding-left:5% !important; padding-right: 5% !important;}
}






