/* font - kanit (google font)
------------------------------------------------------------------------------------------------------  */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@100;200;300;400;500;600;700;800;900&display=swap');


/* root
------------------------------------------------------------------------------------------------------  */
:root {
	
	/* font  */
	--font: 'Kanit', sans-serif;

	/* font weight */
	--font-fullblack: 900;
	--font-black: 800;
	--font-bold: 700;
	--font-semibold: 600;
	--font-medium: 500;
	--font-regular: 400;
	--font-light: 300;
	--font-extralight: 200;
	--font-thin: 100;

	/* colores */
	--color-primary: #e77a3a;
    --color-secondary: #14aac9; 
	--color-black: #000; 
	--color-darkgrey: #333;
	--color-white: #fff; 
	--color-tertiary: #888888;
	--color-lightgrey: #f0f0f0; 
	--color-success: #5cac20;
	--color-light-primary: #fff2ec; 
	--color-light-secondary: #e6f7fa; 
	
}


	/* body
	------------------------------------------------------------------------------------------------------  */
	body {
		margin: 0 auto;
		width: 100%;
		padding: 0px;
		font-size: 20px;
		line-height: 26px;
		font-family: var(--font);
		font-weight: var(--font-extralight);
		text-align: left;
		z-index: 1;
	}


	/* layout cols
	------------------------------------------------------------------------------------------------------  */
	.col_100    { float: left; margin: 0px; padding: 0px; width: 100%; }
	.col_90     { float: left; margin: 0px; padding: 0px; width: 90%; }
	.col_80     { float: left; margin: 0px; padding: 0px; width: 80%; }
	.col_75     { float: left; margin: 0px; padding: 0px; width: 75%; }
	.col_70     { float: left; margin: 0px; padding: 0px; width: 70%; }
	.col_66     { float: left; margin: 0px; padding: 0px; width: 66.66%; }
	.col_65     { float: left; margin: 0px; padding: 0px; width: 65%; }
	.col_60     { float: left; margin: 0px; padding: 0px; width: 60%; }
	.col_55     { float: left; margin: 0px; padding: 0px; width: 55%; }
	.col_50     { float: left; margin: 0px; padding: 0px; width: 50%; }
	.col_45     { float: left; margin: 0px; padding: 0px; width: 45%; }
	.col_40     { float: left; margin: 0px; padding: 0px; width: 40%; }
	.col_35     { float: left; margin: 0px; padding: 0px; width: 35%; }
	.col_33     { float: left; margin: 0px; padding: 0px; width: 33.33%; }
	.col_30     { float: left; margin: 0px; padding: 0px; width: 30%; }
	.col_25     { float: left; margin: 0px; padding: 0px; width: 25%; }
	.col_20     { float: left; margin: 0px; padding: 0px; width: 20%; }
	.col_10     { float: left; margin: 0px; padding: 0px; width: 10%; }



	/* row
	------------------------------------------------------------------------------------------------------  */
	.row{
		width: 100%;
		margin: 0 auto;
		padding: 0px;
	}


	/* contents
	------------------------------------------------------------------------------------------------------  */
	.content{
		margin: 0 auto;
		width: 90%;
	    max-width: 1060px;
	}

	*{
		box-sizing: border-box;
	}
	::placeholder {
		color: var(--color-secondary);
	}

	/* h
	------------------------------------------------------------------------------------------------------  */
	h1{
/*		margin: 0px; */
		font-weight: var(--font-thin);
		font-size: 3.2em;
		line-height: 1em;
		color: var(--color-white);
	}
	h1 span{
		font-weight: var(--font-bold);
	}
	h2{
		margin: 0px;
		font-weight: var(--font-light);
		font-size: 2em;
		line-height: 1em;
		color: var(--color-secondary);
	}
	h2 span{
		font-weight: var(--font-bold);
	}
	h3{
		margin: 0px;
		font-weight: var(--font-medium);
		font-size: 2em;
		line-height: 1.9375em;
		color: var(--color-secondary);
	}
	h3 span{
		color: var(--color-primary);
	}

	/* Estilos específicos para los encabezados del footer */
#copy h3 {
    font-weight: var(--font-light); /* Ajusta el peso de la fuente */
    font-size: 1.5em; /* Tamaño adecuado para el footer */
    line-height: 1.2em; /* Interlineado */
    margin: 0; /* Sin márgenes adicionales */
    color: var(--color-secondary); /* Color estándar del footer */
}

/* Ajuste para los spans dentro de los encabezados */
#copy h3 span {
    font-weight: inherit; /* Hereda el peso del padre */
    color: inherit; /* Hereda el color del encabezado */
}


	/* caption
	------------------------------------------------------------------------------------------------------  */
	.caption{
		font-weight: var(--font-regular);
		font-size: 1.5em;
		/*line-height: 1.875em;*/
		color: var(--color-secondary);
	}


	/* label-caption
	------------------------------------------------------------------------------------------------------  */
	.label-caption{
		font-weight: var(--font-light);
		font-size: 1em;
		color: var(--color-primary);
	}


	/* abstract
	------------------------------------------------------------------------------------------------------  */
	.abstract{
		font-weight: var(--font-extralight);
		font-size: 1.5em;
		line-height: 1.875em;
		color: var(--color-secondary);
	}


	/* small
	------------------------------------------------------------------------------------------------------  */
	.small{
		font-weight: var(--font-extralight);
		font-size: 1em;
		line-height: 1.25em;
	}


	/* arrow-down-small
	------------------------------------------------------------------------------------------------------  */
	.arrow-down-small{
		display: inline-block;
		width: 100%;
		text-align: center;
		padding: 2em 0em;
	}
	.arrow-down-small img{
		width: 2.5em;
	}	


	/* p
	------------------------------------------------------------------------------------------------------  */
	p {
		margin: 0px;
		hyphens: auto;
		text-align: justify;
	}


	/* a, link
	------------------------------------------------------------------------------------------------------  */
	a {
		cursor: pointer;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;	
		text-decoration: none;
	}
	.link{
		color: var(--color-primary);
	}
	.link:hover{
		text-decoration: underline;
	}


	/* float
	------------------------------------------------------------------------------------------------------  */
	.float-left{
		float: left;
	}
	.float-right{
		float: right !important;
	}
	.float-none{
		float: none;
	}


	/* text align
	------------------------------------------------------------------------------------------------------  */
	.text-center{
		text-align: center;
	}
	.text-right{
		text-align: right;
	}
	.text-left{
		text-align: left;
	}
	.text-justify{
		text-align: justify;
	}

	

	/* text colors
	------------------------------------------------------------------------------------------------------  */
	.text-dark{
		color: var(--color-secondary)
	}
	.text-red{
		color: var(--color-primary)
	}
	.text-black{
		color: var(--color-black)
	}
	.text-white{
		color: var(--color-white)
	}
	.text-grey{
		color: var(--color-tertiary)
	}
	.text-lightgrey{
		color: var(--color-lightgrey)
	}


	.titular{
		color: var(--color-primary);
		font-weight: var(--font-bold);
		font-size: 1.2em;
		line-height: 1.2em;
	}
	.texto{
		color: var(--color-secondary);
		font-weight: var(--font-regular);
		font-size: 1em;
		line-height: 1em;
		margin-top: 1.25em;
	}

	.mtop30{
		margin-top: 30px;
	}
	.mtop50{
		margin-top: 50px;
	}
	.mtop80{
		margin-top: 80px;
	}
	.ptop0{
		padding-top: 0px !important;
	}
	.ptop50{
		padding-top: 50px !important;
	}
	.ptop80{
		padding-top: 80px !important;
	}
	.mbottom50{
		margin-bottom: 50px;
	}

	/* button
	------------------------------------------------------------------------------------------------------  */
	/*.button a {
		position: relative;
		display: inline-block;
		outline: none;
		color: var(--color-white);
		text-decoration: none;
		text-transform: uppercase;
		letter-spacing: 1px;
		text-shadow: 0 0 1px rgba(0,0,0,0.3);
		font-size: 1.0625em;
		border-radius: 100px;
		font-weight: var(--font-medium);
	}
	.button a:hover,
	.button a:focus {
		outline: none;
	}
	.cl-effect-10  {
		position: relative;
		z-index: 1;
	}
	.cl-effect-10 a {
		overflow: hidden;
		background-image: url('../img/imago-blanco.png');
		background-position: 90% center;
		background-repeat: no-repeat;
		background-size: 1.875em;
	}
	.cl-effect-10 a span {
		display: block;
		padding: 10px 20px;
		background: var(--color-secondary);
		-webkit-transition: -webkit-transform 0.3s;
		-moz-transition: -moz-transform 0.3s;
		transition: transform 0.3s;
		background-image: url('../img/imago-blanco.png');
		background-position: 90% center;
		background-repeat: no-repeat;
		background-size: 1.875em;
		padding-right: 3.4375em;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	.cl-effect-10 a::before {
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		padding: 0.625em 1.25em;
		width: 100%;
		height: 100%;
		background-color: var(--color-primary);
		color: var(--color-white);
		content: attr(data-hover);
		-webkit-transition: -webkit-transform 0.3s;
		-moz-transition: -moz-transform 0.3s;
		transition: transform 0.3s;
		-webkit-transform: translateX(-25%);
	}
	.cl-effect-10 a:hover span,
	.cl-effect-10 a:focus span {
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		transform: translateX(100%);	
	}
	.cl-effect-10 a:hover::before,
	.cl-effect-10 a:focus::before {
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		transform: translateX(0%);		
	}*/









/* claim_whatsapp*/

#claim_whatsapp{
	display: none;
	position: absolute;
	position: fixed;
	width: 110px;
	height: 110px;
	bottom: 20px;
	right: 20px;
	border-radius: 100%;
	background-color: #f0f0f0;
	border: 3px solid #67b065;
	text-align: center;
	box-shadow: 0px 0px 10px #999;
}
#claim_whatsapp:hover{
	background-color: #67b065;
	border: 3px solid #67b065;
	box-shadow: 0px 0px 10px #999;
}
#claim_whatsapp:hover a{
	color: #fff !important;
}
#claim_whatsapp img{
	margin: 0 auto;
	width: 38px;
	margin-top: 6px;
	margin-bottom: 4px;
}
#claim_whatsapp a{
	text-decoration: none;
	display: inline-block;
	color: #67b065;
	text-align: center;
	width: 100%;
	font-size: 14px;
	line-height: 12px;
	font-weight: 900;
}
#claim_whatsapp a span{
	display: inline-block;
	margin-top: 5px;
	font-size: 11px;
	font-weight: 400;
}
/* claim_whatsapp (end)*/










	/* btn
	------------------------------------------------------------------------------------------------------  */
	.btn{
		display: inline-block;
		font-weight: var(--font-semibold);
		color: var(--color-white);
		font-size: 20px;
		padding: 5px 30px;
		border-radius: 25px;
		letter-spacing: 1px;
		cursor: pointer;
	}
	.btn-calculadora{
		display: inline-block;
		font-weight: 400;
		color: var(--color-white);
		font-size: 15px;
		padding: 5px 30px;
		border-radius: 25px;
		letter-spacing: 1px;
		margin: 0.5em 0em;
	}
	.btn:hover{
		background-color: var(--color-darkgrey);
	}
	.btn-mas{
		background-image: url('../img/ico-btn-mas.svg');
		background-position: 20px center;
		background-repeat: no-repeat;
		background-size: 15px;
		padding-left: 50px;
	}
	.btn-enviar{
		background-image: url('../img/ico-btn-enviar.svg');
		background-position: 10px center;
		background-repeat: no-repeat;
		background-size: 15px;
		padding-right: 25px;
	}
	.btn-llamame{
		padding: 6px 30px !important;
	}
	.btn-tel{
		background-image: url('../img/ico-btn-tel.svg');
		background-position: 10px center;
		background-repeat: no-repeat;
		background-size: 15px;
		padding-right: 25px;
	}
	.btn-primary{
		background-color: var(--color-primary);
		border: 3px solid var(--color-primary);
	}
	.btn-secondary{
		background-color: var(--color-secondary);
		border: 3px solid var(--color-secondary);
	}

	
	/* forms
	------------------------------------------------------------------------------------------------------  */
	form label{
		float: left;
		width: 100%;
		margin-top: 1.3em;
		padding: 0em 0.5em;
		color: var(--color-primary);
		font-size: 0.8em;
		line-height: 1em;
		font-weight: 500;
		box-sizing: border-box;
	}
	form input,textarea{
		float: left;
		width: 100%;
		font-family: var(--font-regular);
		font-size: 0.8em;
		margin-top: 0.2em;
		padding: 0.3em 1em;
		box-sizing: border-box;
		background-color: var(--color-lightgrey);
		color: var(--color-secondary);
		border: 0px;
		border-radius: 8px;
		outline: none;
	}
	form select {
		height: 40px;
		margin-top: 0.2em;
		font-size: 0.8em;
	}




	.select-css {
		display: block;
		background-color: var(--color-white);
		padding: 0.4em 0.625em;
		border: 1px solid var(--color-primary);
		border-radius: 4px;
		font-size: 0.8em;
		color: var(--color-secondary);
		width: 100%;
		max-width: 100%; /* useful when width is set to anything other than 100% */
		box-sizing: border-box;
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');		
		background-repeat: no-repeat;
		background-position: 95% center;
		background-size: 10px;
	}
	/* Hide arrow icon in IE browsers */
	.select-css::-ms-expand {
		display: none;
	}
	/* Hover style */
	.select-css:hover {
		border-color: #888;
	}
	/* Focus style */
	.select-css:focus {
		outline: none;
	}
	
	/* Set options to normal weight */
	.select-css option {
		font-weight:normal;
	}
	
	/* Support for rtl text, explicit support for Arabic and Hebrew */
	*[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
		background-position: left .7em top 50%, 0 0;
		padding: .6em .8em .5em 1.4em;
	}
	
	/* Disabled styles */
	.select-css:disabled, .select-css[aria-disabled=true] {
		color: graytext;
		background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
		  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	}
	
	.select-css:disabled:hover, .select-css[aria-disabled=true] {
		border-color: #aaa;
	}








	form .loschecks{
		float: left;
		width: 100%;
		margin: 0.625em 0em;
	}
	form .loschecks input{
		float: left;
		width: auto;
		margin: 0px;
		margin-right: 10px;
	}
	form .loschecks span{
		float: left;
		width: auto;
		font-size: 0.7em;
		line-height: 1.1em;
	}
	form .loschecks span a{
		color: var(--color-primary);
		font-weight: 500;
	}
	form .loschecks span a:hover{
		color: var(--color-secondary);
	}

	.msgs_form_llamame{
		display: none;
		width: 100%;
		margin-top: -5px;
		font-size: 0.7em;
		color: #fff;
		float: left;
		padding: 2px 0px;
		text-align: left;
		line-height: 14px;
	}		  
	.msgs_form{
		display: none;
		width: 100%;
		margin-top: 20px;
		font-size: 0.7em;
		color: #fff;
		background-color: var(--color-darkgrey);
		float: left;
		padding: 5px 0px;
		text-align: center;
	}		  
	.msgs_send{
		float: left; 
		clear: left; 
		width: auto; 
		margin: 0.625em 0em;
		background-color: var(--color-success);
		color: var(--color-white);
		padding: 0.625em 0.625em;
		box-sizing: border-box;
		display: none; 
	}
		  



	/* pull
	------------------------------------------------------------------------------------------------------  */
	#pull{
		display: none;
		float: left;		
		color: #fff;
	}
	#pull img{
		float: left;
		width: 1em;
		margin-top: 0.625em;
	}
	#pull span{
		float: left;
		font-size: 0.9375em;
		margin-top: 0.5em;
		margin-left: 0.625em;
	}
	#pull img:hover{
		opacity: 0.8;
	}



	/* back colors
	------------------------------------------------------------------------------------------------------  */
	.back-color-primary{
		background-color: var(--color-primary) !important;
	}
	.back-color-secundary{
		background-color: var(--color-secondary) !important;
	}
	.back-color-primary nav #nav-menu li a:hover{ 
		background-color: var(--color-secondary);
		text-decoration: none;
	}
	.back-color-secundary nav #nav-menu li a:hover{ 
		background-color: var(--color-primary);
		text-decoration: none;
	}
	.back-color-white{
		background-color: var(--color-white) !important;
	}
	.back-color-light-primary{
		background-color: var(--color-light-primary) !important;
	}
	.back-color-light-secundary{
		background-color: var(--color-light-secondary) !important;
	}
	.back-color-lightgrey{
		background-color: var(--color-lightgrey) !important;
	}




	/* header
	------------------------------------------------------------------------------------------------------  */
	#header{
		float: left;
		position: relative;
		width: 100%;
		padding-top: 1.5em;
		z-index: 9999999999999999999999999999999999999999999999999999;
	}
	#header #logo{
		display: block;
		text-align: center;
		padding: 0.4em 0em;
	}
	#header #logo img{
		width: 6em;
	}
	#header nav{
		display: block;
		width: 100%;
	}
	#header nav #nav-menu{
		display: block;
		width: 100%;
		padding: 0em;
		margin: 0em;
		margin-top: 1.25em;
		list-style: none;
		border-top: 1px solid var(--color-white);
	}
	#header nav #nav-menu li{
		display: inline;
	}
	#header nav #nav-menu li a{ 
		float: left;
		padding: 0.5em 0.8em;
		font-size: 0.85em;
		color: var(--color-white);
		font-weight: var(--font-extralight);
	}
	.ico-tel{
		background-image: url('../img/ico-tel.svg');
		background-position: 0.625em center;
		background-repeat: no-repeat;
		background-size: 0.875em;
		padding-left: 2.1875em !important;
	}
	.ico-mail{
		background-image: url('../img/ico-btn-enviar.svg');
		background-position: 0.625em center;
		background-repeat: no-repeat;
		background-size: 0.875em;
		padding-left: 2.1875em !important;
	}
	#header nav #nav-menu li a img{
		width: 0.875em;
	} 

	#header nav #nav-menu-responsive{
		display: none;
		float: left;
		width: 100%;
		padding: 0em;
		margin: 0em;
		list-style: none;
		background-color: var(--color-secondary);
		padding-bottom: 1.5em;
		margin-top: 1.25em;
	}	
	#header nav #nav-menu-responsive li a{
		float: left;
		width: 50%;
		padding: 1.5em 0em;
		border: 1px solid var(--color-secondary);
		box-sizing: border-box;
		background-color: var(--color-primary);
		text-align: center;
		color: var(--color-white);
		border-radius: 4px;
		font-weight: var(--font-medium);
	}
	#header nav #nav-menu-responsive li a:hover{
		text-decoration: none;
	}


	/* esquina
	------------------------------------------------------------------------------------------------------  */
	.esquina{
		float: left;
		width: 100%;
		text-align: center;
	}
	.esquina img{
		width: 10em;
	}


	/* home
	------------------------------------------------------------------------------------------------------  */
	#home{
		float: left;
		width: 100%;
		background-color: var(--color-secondary);
	}
	#home .content{
		border-top: 1px solid var(--color-white);
		padding: 3em 0em;
		padding-bottom: 0em;
	}
	#home img{
		position: relative;
		width: 85%;
		margin-bottom: -1.6em;
	}
	#home h1{
		margin: 0em;
		margin-top: 0.4em;
	}
	#home .abstract{
		color: var(--color-white);
		font-size: 1.5em;
		line-height: 1.1em;
		margin-top: 1em;
	}
	#home .abstract span{
		font-weight: var(--font-bold);
	}


	/* motivos
	------------------------------------------------------------------------------------------------------  */
	#motivos{
		float: left;
		width: 100%;
		background-color: var(--color-light-secondary);
		padding: 1.875em 0em;
		padding-bottom: 3.5em;
	}	
	#motivos .boxes{
		float: left;
		width: 100%;
	}
	#motivos .boxes .box{
		float: left;
		width: 31.33%;
		margin: 0em 1%;
		background-color: var(--color-white);
		border-radius: 1.25em;
		padding: 1.4em;
		box-sizing: border-box;
		text-align: center;
		min-height: 14.4375em;
	}




	/* breadcrumbs
	------------------------------------------------------------------------------------------------------  */
	#breadcrumbs{
		float: left;
		text-align: right;
		width: 100%;
		padding: 0.3em 0em;
	}
	#breadcrumbs ol{
		margin: 0em;
		padding: 0em;
	}
	#breadcrumbs .breadcrumb-item{
		display: inline-block;
		font-size: 0.7em;
	}
	#breadcrumbs .breadcrumb-item a{
		color: var(--color-primary);
	}	
	#breadcrumbs .breadcrumb-item a:hover{
		text-decoration: underline;
	}	




	/* companero-viaje
	------------------------------------------------------------------------------------------------------  */
	#companero-viaje{
		float: left;
		width: 100%;
		background-color: var(--color-light-primary);
		padding: 5em 0em;
		background-image: url('../img/back-edificios.jpg');
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 100%;
	}	
	#companero-viaje .label-caption{
		display: inline-block;
		margin-top: 2.5em;
	}
	#companero-viaje h2{
		display: inline-block;
		max-width: 11.5em;
		margin-top: 0.5em;
	}
	#companero-viaje img{
		position: relative;
		width: 70%;
	}
	#companero-viaje .box-viaje{
		display: inline-block;
		width: 100%;
		background-color: var(--color-secondary);
		padding: 2.1875em 3.125em;
		border-radius: 20px;
		box-sizing: border-box;
		color: var(--color-white);
		text-align: center;
		font-size: 1.3em;
		line-height: 1.15em;
		font-weight: var(--font-medium);
		margin-top: -0.8em;
	}
	#companero-viaje .box-viaje .content-btn{
		display: inline-block;
		width: 100%;
		text-align: center;
		margin-top: 1em;
	}






	/* video
	------------------------------------------------------------------------------------------------------  */
	#video{
		float: left;
		width: 100%;
		background-color: var(--color-light-primary);
	}	
	#video h2{
		color: var(--color-primary);
		text-align: center;
	}
	#video #video-finnco{
		display: inline-block;
		width: 100%;
		background-image: url('../img/caratula-video-finnco.jpg');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		text-align: center;
	}
	#video #video-finnco img{
		display: inline-block;
		width: 80px;
		padding: 5em 0em;
		opacity: 0.6;
	}
	#video #video-finnco img:hover{
		opacity: 1;
	}




	/* resenas
	------------------------------------------------------------------------------------------------------  */
	#resenas{
		float: left;
		width: 100%;
		padding: 5em 0em;
	}	
	#resenas .img-google{
		width: 160px;
	}
	#resenas .califica{
		display: inline-block;
		width: 100%;
		margin-top: 10px;
	}
	#resenas .califica .num{
		display: inline-block;
		width: auto;
		margin-right: 10px;
	}
	#resenas .califica .stars{
		display: inline-block;
		width: auto;
	}
	#resenas .califica .stars img{
		width: 90px;
	}
	#resenas .califica .total{
		font-size: 16px;
	}
	#resenas .box-resenas{
		display: inline-block;
		width: 100%;
		margin-top: 2em;
		
	}
	#resenas .box-resenas .box-cavas{
		float: left;
		width: 100%;
		overflow: hidden;
	}

	#resenas .box-resenas .slick-prev, #resenas .box-resenas .slick-arrow{
		display: none !important;
	}
	#resenas .box-resenas .box-cavas .resena{
		display: inline-block;
		vertical-align: top;
		width: 18%;
		margin: 0px 0.3%;
		padding: 1.875em 0em;
		padding-bottom: 2.5em;
		text-align: center;
		background-color: var(--color-white);
		border-radius: 4px;
		text-align: center;
	}
	#resenas .box-resenas .box-cavas .resena .foto{
		display: inline-block;
		width: 60px;
		height: 60px;
		border-radius: 100%;
		background-color: var(--color-primary);
		border: 1px solid var(--color-primary);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		padding-top: 15px;
    	font-weight: 500;
    	color: #fff;
	}
	#resenas .box-resenas .box-cavas .resena .nombre{
		display: inline-block;
		width: 100%;
		font-weight: 400;
		font-size: 0.8em;
		text-align: center;
		margin: 10px 0px;
	}
	#resenas .box-resenas .box-cavas .resena .txt{
		display: inline-block;
		width: 100%;
		padding: 0px 2.3em;
		font-size: 0.7em;
		font-weight: 200;
		line-height: 1.4em;
		text-align: justify;
		box-sizing: border-box;
	}

	#resenas .content-btn{
		margin-top: 20px;
	}

	#resenas-todas{
		float: left;
		width: 100%;
		background-color: var(--color-light-primary);
		padding: 1em 0em;
		padding-bottom: 3em;
	}
	#resenas-todas h1{
		padding: 0em;
		margin: 0em;
		font-size: 2.5em;
		line-height: 1em;
		color: var(--color-primary)
	}
	#resenas-todas .box-tit{
		width: 100%;
		background-image: url('../img/personaje-resena.png');
		background-repeat: no-repeat;
		background-position: 95% bottom;	
		border: 7px solid var(--color-primary);
		min-height: 230px;
		padding: 30px 0px;
		box-sizing: border-box;
	}
	@media only screen and (max-width: 720px) {
		#resenas-todas .box-tit{
			background-position: 95% bottom;	
			background-size: 140px;
			min-height: 450px;
			padding-bottom: 80px;
		}
		#resenas-todas .box-tit .las_stars .content-stars-general {
			float: left;
		}
		
	}
	#resenas-todas .box-tit .las_stars{
		display: inline-block;
		width: 100%;
		max-width: 680px;
		text-align: center;
		padding: 0px 30px;
		box-sizing: border-box;
	}
	#resenas-todas .box-tit .las_stars .literal{
		width: 100%;
		font-size: 30px;
		line-height: 35px;
		font-weight: 900;
		margin-bottom: 20px;
		color: var(--color-primary);
		text-shadow: 0px 0px 10px var(--color-white);
	}
	#resenas-todas .box-tit .las_stars .content-stars-general {
		display: inline-block;	
		text-align: center;
		margin-top: 10px;
	}
	#resenas-todas .box-tit .las_stars .content-stars-general .stars-general{
		display: inline-block;
		width: auto;
		text-align: center;
	}
	#resenas-todas .box-tit .las_stars .content-stars-general .stars-general .num{
		float: left;
		margin-right: 11px;
		font-weight: 600;
		color: var(--color-primary);
		font-size: 19px;
	}
	#resenas-todas .box-tit .las_stars .content-stars-general .stars-general img{
		float: left;
		width: 20px;
	}
	#resenas-todas .box-tit .las_stars .content-stars-general .total-resenas{
		display: inline-block;
		width: 100%;
		text-align: center;
		margin-top: 5px;
		margin-bottom: 10px;
	}
	#resenas-todas .las_resenas{
		display: inline-block;
		padding-bottom: 2em;
	}
	
	#resenas-todas .las_resenas .item{
		float: left;
		width: 100%;
		text-align: center;
		box-sizing: border-box;
		padding: 25px 0px;
		border-radius: 5px;
		background-color: var(--color-white);
		margin-top: 10px;
	}
	#resenas-todas .las_resenas .item .col_izq{
		float: left;
		width: 30%;
	}
	
	@media only screen and (max-width: 530px) {
	
		#resenas-todas .las_resenas .item .col_izq{
			width: 100%;
		}
		#resenas-todas .las_resenas .item .txt{
			width: 100% !important;
		}
		
	}
	
	#resenas-todas .las_resenas .item .col_izq .nombre{
		display: inline-block;
		width: 100%;
		text-align: center;
		font-size: 16px;
		font-weight: 400;
		padding: 10px 0px;
	}
	#resenas-todas .las_resenas .item .col_izq .foto{
		margin: 0 auto;
		width: 60px;
		height: 60px;
		border-radius: 100%;
		border: 1px solid #fff;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		font-weight: 900;
		color: #fff;
		padding-top: 17px;
		font-size: 23px;
		box-sizing: border-box;
	}
	#resenas-todas .las_resenas .item .col_izq .stars{
		margin: 0 auto;
		width: 60px;
		text-align: center;
	}
	#resenas-todas .las_resenas .item .col_izq .stars img{
		float: left;
		width: 12px;
	}
	#resenas-todas .las_resenas .item .txt{
		float: left;
		width: 70%;
		font-size: 0.8em;
		line-height: 20px;
		text-align: left;
		font-weight: 300;
		color: var(--color-darkgrey);
		box-sizing: border-box;
		padding: 10px 30px;
	}
	
	



	/* blog
	------------------------------------------------------------------------------------------------------  */
	#blog{
		float: left;
		width: 100%;
		background-color: var(--color-light-primary);
		padding: 1em 0em;
		padding-bottom: 0px;
	}	
	#blog h1{
		padding: 0em;
		margin: 0em;
		font-size: 2.5em;
		line-height: 1em;
		color: var(--color-primary)
	}
	#blog article{	
		display: inline-block;
		width: 100%;
	}
	#blog article a{	
		display: inline-block;
		width: 100%;	
		text-align: left;
		padding: 2em 0em;
	}
	#blog article a h2{		
		display: inline-block;
		width: 42%;	
		vertical-align: top;
		color: var(--color-primary);
		font-weight: var(--font-semibold);
		font-size: 1.3em;
		padding-right: 50px;
		background-image: url('../img/ico-arrow-blog-blue.svg');
		background-position: right 8px;
		background-repeat: no-repeat;
		background-size: 14px;
		box-sizing: border-box;
	}
	#blog article a .desc{		
		display: inline-block;
		vertical-align: top;
		text-align: justify;
		width: 56%;	
		font-size: 0.8em;
		padding-left: 50px;
		box-sizing: border-box;
		font-weight: var(--font-light);
		color: var(--color-black);
	}
	#blog article a:hover{
		background-color: var(--color-primary);
	}
	#blog article a:hover h2{
		background-image: url('../img/ico-arrow-blog-white.svg');
	}
	#blog article a:hover h2, #blog article a:hover .desc{
		color: var(--color-white);
	}
	#blog .content-builder{
		display: block; 
		width:80%; 
		margin: 0px 10%;
	}
	.post h1{
		display: inline-block;
		width: 80%;
		font-size: 35px !important;
	}




	/* legal
	------------------------------------------------------------------------------------------------------  */
	#legal{
		float: left;
		width: 100%;
		background-color: var(--color-lightgrey);
		padding: 1em 0em;
		padding-bottom: 3em;
		text-align: justify;
		font-size: 0.9em;
		line-height: 1.2em;
		font-weight: 300;
	}	
	#legal h1{
		padding: 0em;
		margin: 0em;
		font-size: 2.5em;
		line-height: 1em;
		color: var(--color-primary)
	}
	#legal h2{
		font-size: 1.4em;
	}
	#legal strong{
		font-weight: 500;
	}


	/* empieza-por-aqui
	------------------------------------------------------------------------------------------------------  */
	#empieza-por-aqui{
		float: left;
		width: 100%;
		background-color: var(--color-light-primary);
		padding: 1em 0em;
		padding-bottom: 3em;
	}	
	#empieza-por-aqui h1{
		padding: 0em;
		margin: 0em;
		font-size: 2.5em;
		line-height: 1em;
		color: var(--color-primary)
	}
	#empieza-por-aqui .col_izq{
		float: left;
		width: 32%;
		text-align: left;
	}
	#empieza-por-aqui .col_cen{
		float: left;
		width: 36%;
		text-align: center;		
	}
	#empieza-por-aqui .col_cen img{
		width: 75%;
		max-width: 270px;
	}
	#empieza-por-aqui .col_der{
		float: left;
		width: 32%;
		text-align: right;
	}
	#empieza-por-aqui .box-center{
		display: inline-block;
		width: 80%;
		max-width: 670px;
		margin-top: 3rem;
	}
	#empieza-por-aqui .box-center-100{
		display: inline-block;
		width: 90%;
		margin-top: 2em;
	}
	#empieza-por-aqui .titulo-destacado{
		color: var(--color-primary);
		font-weight: var(--font-bold);
		font-size: 1.4em;
		line-height: 1.2em;		
	}
	#empieza-por-aqui .texto-destacado{
		color: var(--color-secondary);
		font-weight: var(--font-regular);
		font-size: 1.1em;
		line-height: 1.2em;
		margin-top: 1.25em;		
	}
	#empieza-por-aqui .boxes .box{
		float: left;
		text-align: center;
	}
	#empieza-por-aqui .boxes .box{
		float: left;
		width: 42%;
		margin: 2em 2em; 
		margin-bottom: 0em;
		background-color: var(--color-white);
		border-radius: 1.25em;
		padding: 1.875em;
		box-sizing: border-box;
	}
	#empieza-por-aqui .boxes .box_100{
		float: left;
		width: 100%;
		margin: 2em 0em; 
		margin-bottom: 0em;
		background-color: var(--color-white);
		border-radius: 1.25em;
		padding: 1.875em;
		box-sizing: border-box;
	}


	/* sabemos-de-esto
	------------------------------------------------------------------------------------------------------  */
	#sabemos-de-esto{
		float: left;
		width: 100%;
		background-color: var(--color-light-primary);
		padding: 1em 0em;
		padding-bottom: 3em;
	}	
	#sabemos-de-esto h1{
		padding: 0em;
		margin: 0em;
		font-size: 2.5em;
		line-height: 1em;
		color: var(--color-primary)
	}
	#sabemos-de-esto .col_izq{
		float: left;
		width: 32%;
		text-align: left;
	}
	#sabemos-de-esto .col_cen{
		float: left;
		width: 36%;
		text-align: center;		
	}
	#sabemos-de-esto .col_cen img{
		width: 75%;
		max-width: 270px;
	}
	#sabemos-de-esto .col_der{
		float: left;
		width: 32%;
		text-align: right;
	}
	#sabemos-de-esto .box-center{
		display: inline-block;
		width: 80%;
		max-width: 670px;
		margin-top: 3rem;
	}
	#sabemos-de-esto .box-center-100{
		display: inline-block;
		width: 90%;
		margin-top: 2em;
	}
	#sabemos-de-esto .titulo-destacado{
		color: var(--color-primary);
		font-weight: var(--font-bold);
		font-size: 1.4em;
		line-height: 1.2em;		
	}
	#sabemos-de-esto .texto-destacado{
		color: var(--color-secondary);
		font-weight: var(--font-regular);
		font-size: 1.1em;
		line-height: 1.2em;
		margin-top: 1.25em;		
	}
	#sabemos-de-esto .boxes{
		float: left;
		width: 100%;
		text-align: center;
	}
	#sabemos-de-esto .boxes .box{
		float: left;
		width: 42%;
		margin: 2em 2em; 
		margin-bottom: 0em;
		background-color: var(--color-white);
		border-radius: 1.25em;
		padding: 1.875em;
		box-sizing: border-box;
	}
	#sabemos-de-esto .boxes .box_100{
		float: left;
		width: 100%;
		margin: 2em 0em; 
		margin-bottom: 0em;
		background-color: var(--color-white);
		border-radius: 1.25em;
		padding: 1.875em;
		box-sizing: border-box;
	}






	/* te-acompanamos
	------------------------------------------------------------------------------------------------------  */
	#te-acompanamos{
		float: left;
		width: 100%;
		background-color: var(--color-light-primary);
		padding: 1em 0em;
		padding-bottom: 3em;
	}	
	#te-acompanamos h1{
		padding: 0em;
		margin: 0em;
		font-size: 2.5em;
		line-height: 1em;
		color: var(--color-primary)
	}
	#te-acompanamos .separa{
		display: inline-block;
		width: 98%;
		height: 1px;
		border-top: 3px solid var(--color-primary);
		margin-top: 3em;
	}
	#te-acompanamos .box-viaje{
		display: inline-block;
		width: 90%;
		margin: 0px 5%;
	}
	#te-acompanamos .box-viaje p{
		margin-top: 1em;;
		font-size: 0.8em;
		line-height: 1.5em;
	}
	#te-acompanamos .box-viaje img{
		width: 80%;
		max-width: 370px;
		margin-bottom: 3em;
	}
	#te-acompanamos .box-viaje .separa{		
		margin-top: 1.5em;
	}
	#te-acompanamos .box-viaje .titulo-destacado{
		width: 80%;
		max-width: 300px;
		font-size: 35px;
	}
	#te-acompanamos .box-center{
		display: inline-block;
		width: 80%;
		max-width: 670px;
		margin-top: 0.2em;
	}
	#te-acompanamos .titulo-destacado{
		color: var(--color-primary);
		font-weight: var(--font-bold);
		font-size: 1.4em;
		line-height: 1.2em;		
	}
	#te-acompanamos .texto-destacado{
		color: var(--color-secondary);
		font-weight: var(--font-regular);
		font-size: 1.1em;
		line-height: 1.2em;
		margin-top: 1.25em;		
	}
	#te-acompanamos .boxes{
		float: left;
		width: 100%;
	}
	#te-acompanamos .boxes .box{
		float: left;
		width: 32.33%;
		min-height: 19em;
		margin: 2em 0.5%; 
		background-color: var(--color-white);
		border-radius: 1.25em;
		padding: 1.875em;
		box-sizing: border-box;
	}



	/* video
	------------------------------------------------------------------------------------------------------  */
	#video{
		float: left;
		width: 100%;
		background-color: var(--color-light-primary);
		padding: 1em 0em;
		padding-bottom: 0em;
	}	
	#video h1{
		padding: 0em;
		margin: 0em;
		font-size: 2.5em;
		line-height: 1em;
		color: var(--color-secondary)
	}
	#video video{
		float: left;
		width: 100%;
	}
	#video .box-formulario{
		border-radius: 0px;
		-webkit-border-bottom-right-radius: 8px !important;
		-webkit-border-bottom-left-radius: 8px !important;
		-moz-border-radius-bottomright: 8px !important;
		-moz-border-radius-bottomleft: 8px !important;
		border-bottom-right-radius: 8px !important;
		border-bottom-left-radius: 8px !important;
	}

	


	/* contacto
	------------------------------------------------------------------------------------------------------  */
	#contacto{
		float: left;
		width: 100%;
		background-color: var(--color-light-primary);
		padding: 1em 0em;
		padding-bottom: 3em;
	}	
	#contacto h1{
		padding: 0em;
		margin: 0em;
		font-size: 2.5em;
		line-height: 1em;
		color: var(--color-primary)
	}
	#contacto .mapa{
		float: left;
		width: 49%;
		border: 2px solid var(--color-secondary);
		box-sizing: border-box;
		margin: 3em 0em;
	}


	/* box-formulario
	------------------------------------------------------------------------------------------------------  */
	.box-formulario{	
		display: inline-block;
		width: 100%;
		background-color: var(--color-white);
		border-radius: 8px;
		padding: 50px 30px;
		box-sizing: border-box;	
	}
	.box-formulario .titulo{		
		display: inline-block;
		width: 100%;
		text-align: center;
		font-size: 1.2em;
		color: var(--color-primary);
		font-weight: 700;
		margin-bottom: 1em;
	}
	.box-formulario .intro{		
		display: inline-block;
		width: 100%;
		text-align: center;
		color: var(--color-black);
		font-weight: 500;
	}
	.box-formulario .txt{		
		display: inline-block;
		width: 100%;
		text-align: center;
		font-size: 0.8em;
		line-height: 1.5em;
		color: var(--color-black);
		font-weight: 300;
	}
	.box-formulario .foot{
		display: inline-block;
		width: 100%;
		margin-top: 20px;
	}
	.box-formulario form{		
		display: inline-block;
		width: 100%;
		margin-top: 1em;
	}
	.box-formulario form .col_50{
		padding: 0px 20px;
		box-sizing: border-box;
	}	
	.box-formulario form .col_100{
		padding: 0px 20px;
		box-sizing: border-box;
	}	
	.box-formulario form textarea{
		height: 215px;
	}
	.box-formulario form .btn{
		display: inline-block;
		margin-top: 20px;
		border: 0px;
		background-color: var(--color-primary);
		font-size: 0.8em;
		padding: 0.8em 2em;
		padding-left: 32px;
		cursor: pointer;
	}
	.box-formulario form .btn:hover{
		background-color: var(--color-secondary);
	}
	.box-formulario .datos-contacto{
		display: inline-block;
		width: 100%;
		text-align: right;
		color: var(--color-secondary);
		font-size: 0.8em;
	}
	.box-formulario .datos-contacto .direcciones{
		display: inline-block;
		width: 100%;
		margin-top: 0.5em;
		line-height: 1.2em;
	}
	.box-formulario .datos-contacto .tel{
		display: inline-block;
		width: 125px;
		background-image: url('../img/ico-btn-tel-azul.svg');
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 15px;
		padding-left: 25px;
		color: var(--color-secondary);
		text-align: right;
	}
	.box-formulario .datos-contacto .mail{
		display: inline-block;
		width: 125px;
		background-image: url('../img/ico-btn-enviar-azul.svg');
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 15px;
		padding-left: 25px;
		color: var(--color-secondary);
		text-align: right;
	}





	/* calcula-tu-hipoteca
	------------------------------------------------------------------------------------------------------  */
	#calcula-tu-hipoteca{
		float: left;
		width: 100%;
		background-color: var(--color-light-primary);
		padding: 1em 0em;
		padding-bottom: 3em;
	}	
	#calcula-tu-hipoteca h1{
		padding: 0em;
		margin: 0em;
		font-size: 2.5em;
		line-height: 1em;
		color: var(--color-primary)
	}
	#calcula-tu-hipoteca .box-center{
		display: inline-block;
		width: 80%;
	}
	#calcula-tu-hipoteca .titulo-destacado{
		color: var(--color-primary);
		font-weight: var(--font-bold);
		font-size: 1.4em;
		line-height: 1.2em;		
	}
	#calcula-tu-hipoteca .texto-destacado{
		color: var(--color-secondary);
		font-weight: var(--font-regular);
		font-size: 1.1em;
		line-height: 1.2em;
		margin-top: 1.25em;		
		margin-bottom: 1.25em;		
	}
	#calcula-tu-hipoteca p{
		font-size: 0.8em;
		line-height: 1.2em;
		text-align: center;
	}
	#calcula-tu-hipoteca .box-rodolfo{	
		float: left;
		width: 20%;	
	}
	#calcula-tu-hipoteca .box-rodolfo img{	
		width: 80%;
	}
	#calcula-tu-hipoteca .box-calcs{
		float: left;
		width: 80%;
		text-align: right;
	}
	#calcula-tu-hipoteca .box-calcs .calc-item{
		display: inline-block;
		vertical-align: top;
		width: 48%;
		margin-left: 0.2em;
		text-align: center;
		background-color: var(--color-white);
		border-radius: 15px;
		border: 3px solid var(--color-primary);
		padding: 1.6em 1.4em;
		padding-bottom: 0.9em;
		box-sizing: border-box;
		text-align: left;
		margin-top: 1em;
	}
	#calcula-tu-hipoteca .box-calcs .calc-item h3{
		display: inline-block;
		font-size: 1.2em;
		line-height: 1em;
		font-weight: bold;
		color: var(--color-primary);
		width: 100%;
	}
	#calcula-tu-hipoteca .box-calcs .calc-item .desc{
		display: inline-block;
		width: 100%;
		color: var(--color-secondary);
		padding: 0.7em 0em;
		font-size: 0.8em;
		line-height: 1.1em;
	}
	#calcula-tu-hipoteca .box-calcs .calc-item .con{
		display: inline-block;
		width: 100%;
		margin-top: 30px;
	}
	#calcula-tu-hipoteca .box-calcs .calc-item .con .tiempo{
		float: left;
		width: 70%;
		background-image: url('../img/ico-tiempo.svg');
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 10px;
		padding-left: 15px;
		font-size: 0.7em;
	}
	#calcula-tu-hipoteca .box-calcs .calc-item .con img{
		float: right;
		width: 30px;
		opacity: 0.7;
	}
	#calcula-tu-hipoteca .box-calcs .calc-item .con a img:hover{
		opacity: 1;
	}







	/* calculadora-express
	------------------------------------------------------------------------------------------------------  */
	#calculadora-express{
		float: left;
		width: 100%;
		background-color: var(--color-light-primary);
		padding: 1em 0em;
		padding-bottom: 8em;
	}	
	#calculadora-express h1{
		padding: 0em;
		margin: 0em;
		font-size: 2.5em;
		line-height: 1em;
		color: var(--color-primary)
	}
	#calculadora-express .datos{
		float: left;
		width: 48%;
		min-height: 800px;
	}
	#calculadora-express .datos .seccion{
		float: left;
		width: 100%;
		background-color: var(--color-primary);
		color: var(--color-white);
		padding: 0.5em 1.25em;
		font-weight: var(--font-bold);
		border-radius: 4px;
		margin-bottom: 5px;
	}


	.bloque{
		float: left;
		width: 100%;
		margin-bottom: 0.5em;
		padding: 1em 0em;

	}
	.bloque .campos{
		float: left;
		width: 100%;
		/*padding: 1.5em 0em;*/
		padding: 0em 0em;
	}
	.bloque .campos-titulares{
		padding: 0em 0em !important;
	}
	.bloque .campos-add{
		padding: 0em 0em !important;
	}
	.bloque .campos .caption{
		float: left;
		width: 100%;
		padding:  0em 1em;
		margin-bottom: 0.5em;
		border-bottom: 2px solid var(--color-secondary);
	}
	.bloque .campos .caption_link{
		float: left;
		width: 100%;
		padding:  0.2em 1em;
		margin-bottom: 0.5em;
		margin-top: 0.5em;
		/*border-top: 1px solid var(--color-secondary);*/
		/*border-bottom: 1px solid var(--color-secondary);*/
		border: 0px solid var(--color-secondary);
		background-color: var(--color-secondary);
		cursor: pointer;
		font-weight: 500;
		font-size: 1.3em;
		color: var(--color-white);
	}
	/*.bloque .campos .caption_link:hover{
		background-color: var(--color-white);
	}*/
	.bloque .campos .caption_link .txt{
		float: left;
		width: 100%;
		font-size: 0.6em;		
		padding:  0em 0em;
		text-align: center;
	}
	.bloque .campos .caption .txt{
		float: left;
		width: 100%;
		font-size: 0.6em;		
		padding:  0em 0em;
	}
	.bloque .campos .caption .action .titular-delete{
		float: right;
		width: 30px;
		height: 30px;
		background-image: url('../img/ico-titular-delete.svg');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 30px;
		border-radius: 100%;
		border: 1px solid var(--color-primary);
	}
	.bloque .campos .anadir{
		float: left;
		width: 100%;
		padding: 1em 0em;
		margin-top: 1em;
		border-top: 2px solid var(--color-secondary);
		background-image: url('../img/ico-titular-add.svg');
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 23px;
		padding-left: 30px;
		color: var(--color-primary);
		font-weight: var(--font-medium);
		box-sizing: border-box;
		cursor: pointer;
	}
	.pad{
		padding: 0em 0em !important;
	}
	.bloque .campos .item{
		float: left;
	}
	.bloque .campos .item-100{
		width: 100%;
		padding:  0.3em 1.25em;
	}
	.bloque .campos .item-50{
		width: 50%;
		padding: 0.3em 1.25em;
	}
	.bloque .campos .item-50-btn{
		width: 50%;
		padding: 0.3em 1.25em;
	}
	.bloque .campos .item .pregunta{
		float: left;
		width: 100%;
		font-size: 0.8em;
		color: var(--color-primary);
		font-weight: var(--font-medium);
		/*margin-bottom: 0.3em;*/
	}
	.mb{
		margin-bottom: 0.2em;
	}
	.bloque .campos .item .respuestas{
		float: left;
		width: 100%;
	}
	.bloque .campos .item .respuestas .item{
		float: left;
		display: table;
		width: 31.11%;
		margin: 0em 1.11%;
		text-align: center;
		font-size: 0.8em;
		line-height: 1.1em;
		font-weight: var(--font-bold);
		/*height: 6.25em;*/
		vertical-align: middle;
	}
	.bloque .campos .item .respuestas .item a{
		display: table-cell;
		width: 100%;
		height: 6.25em;
		vertical-align: middle;
		padding: 0.5em;
		border-radius: 8px;
		color: var(--color-primary);
		background-color: var(--color-white);
		border: 1px solid var(--color-primary);
	}
	.bloque .campos .item .respuestas .item a:hover{
		border: 1px solid var(--color-secondary);
	}
	.bloque .campos .item .respuestas .item a.active{
		color: var(--color-white);
		background-color: var(--color-secondary);
		border: 3px solid var(--color-secondary);
	}
	.bloque .campos .item .respuestas .campo-form{
		width: 100%;
		background-color: var(--color-white);
		padding: 0.4em 0.625em;
		border: 1px solid var(--color-primary);
		border-radius: 4px;
		font-size: 0.8em;
	}
	
	
	#calculadora-express .resul{	
		float: right;
		width: 48%;
	}
	#calculadora-express .resul .box{		
		float: left;
		width: 100%;
		background-color: var(--color-white);
		padding: 2.5em;
	}
	#calculadora-express .resul .box .txt{		
		float: left;
		width: 100%;
		color: var(--color-secondary);
		font-weight: var(--font-semibold);
	}
	#calculadora-express .resul .box .tardaras{		
		float: left;
		width: 100%;
		margin-top: 2em;
		background-image: url('../img/ico-tardaras-time.svg');
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 0.875em;
		padding-left: 1.375em;
		font-size: 0.8em;
	}
	#calculadora-express .resul .como{		
		float: left;
		width: 100%;
		padding: 2.5em;
	}
	#calculadora-express .resul .como .txt{		
		float: left;
		width: 100%;
		color: var(--color-primary);
		font-weight: var(--font-semibold);
		margin-bottom: 1em;
	}
	#calculadora-express .resul .como p{
		float: left;
		width: 100%;
		font-size: 0.9em;		
	}


	#calculadora-express .resul_datos{	
		float: right;
		width: 48%;
	}
	#calculadora-express .resul_datos #id_eleccion2{
		display: none;
	}
	#calculadora-express .resul_datos #id_quiero, 
	#calculadora-express .resul_datos #id_eleccion1, 
	#calculadora-express .resul_datos #id_eleccion2, 
	#calculadora-express .resul_datos #id_comunidad_autonomoa, 
	#calculadora-express .resul_datos #id_importe_vivienda,
	#calculadora-express .resul_datos #id_aportacion,
	#calculadora-express .resul_datos #id_gastos_compra{
		opacity: 0.2;
	}

	#calculadora-express .resul_datos #id_quiero2, 
	#calculadora-express .resul_datos #id_importe_vivienda2{
		opacity: 0.2;
	}

	#calculadora-express .resul_datos #id_quiero3, 
	#calculadora-express .resul_datos #id_importe_vivienda3{
		opacity: 0.2;
	}

	#calculadora-express .resul_datos #id_calculos,
	#calculadora-express .resul_datos #id_titulares {
		display: none;
	}

	#calculadora-express .resul_datos #id_calculos2,
	#calculadora-express .resul_datos #id_titulares2 {
		display: none;
	}

	#calculadora-express .resul_datos #id_calculos3,
	#calculadora-express .resul_datos #id_titulares3 {
		display: none;
	}


	#calculadora-express .resul_datos .box{		
		float: left;
		width: 100%;
		background-color: var(--color-white);
		padding: 1.5em 2em;
	}	
	#calculadora-express .resul_datos .box .linea{	
		float: left;
		width: 100%;
		margin: 0.3em 0em;
		border-bottom: 1px solid var(--color-light-primary);
		padding-bottom: 0.5em;
	}
	#calculadora-express .resul_datos .box .linea .concepto{	
		float: left;
		width: 55%;
		text-align: left;
		color: var(--color-primary);
		font-weight: var(--font-regular);
	}
	#calculadora-express .resul_datos .box .linea .concepto_25{	
		float: left;
		width: 25%;
		text-align: left;
		color: var(--color-primary);
		font-weight: var(--font-regular);
	}
	#calculadora-express .resul_datos .box .linea .concepto_100{	
		float: left;
		width: 100%;
		text-align: left;
		color: var(--color-primary);
		font-weight: var(--font-regular);
	}
	#calculadora-express .resul_datos .box .linea .dato{	
		float: left;
		width: 45%;
		text-align: right;
		color: var(--color-secondary);
		font-weight: var(--font-regular);
	}
	#calculadora-express .resul_datos .box .linea .dato_75{	
		float: left;
		width: 75%;
		text-align: right;
		color: var(--color-secondary);
		font-weight: var(--font-regular);
	}
	#calculadora-express .resul_datos .box .linea .dato_100_text{	
		text-align: left !important;
		line-height: 20px;
		margin-top: 7px;
	}
	#calculadora-express .resul_datos .box .linea .dato_100{	
		float: left;
		width: 100%;
		text-align: right;
		color: var(--color-secondary);
		font-weight: var(--font-regular);
		text-align: center;
	}
	.text-regular{
		font-weight: var(--font-regular) !important;
	}

	#calculadora-express .resul_datos .box .linea .dato div, #calculadora-express .resul_datos .box .linea .dato span{
		display: inline;
	}

	#calculadora-express .resul_datos .box .linea .detalle .concepto, #calculadora-express .resul_datos .box .linea .detalle .dato{
		font-size: 0.8em !important;
		color: var(--color-darkgrey) !important;
	}
	#calculadora-express .resul_datos .box .linea .detalle .concepto{
		padding-left: 5% !important;
	}
	#calculadora-express .resul_datos .box .linea .detalle .dato div, #calculadora-express .resul_datos .box .linea .detalle .dato span{
		display: inline;
	}
	#calculadora-express .resul_datos .box .linea .detalle .concepto div, #calculadora-express .resul_datos .box .linea .detalle .concepto span{
		display: inline;
	}
	#calculadora-express .resul_datos .calculos .dato_calculo div, #calculadora-express .resul_datos .calculos .dato_calculo span{
		display: inline;
	}



	.fijado{

		/*position:fixed;
		top: 0px;
		float: right;*/
	}
	
	

	#calculadora-express .resul_datos .calculos{	
		float: left;
		width: 100%;
		background-color: var(--color-white);
		padding: 1.5em 2em;
		border: 3px solid var(--color-primary);
	}
	#calculadora-express .resul_datos .calculos .concepto_calculo{	
		float: left;
		width: 55%;
		text-align: left;
		color: var(--color-primary);
		font-weight: var(--font-semibold);
	}
	#calculadora-express .resul_datos .calculos .concepto_calculo_80{	
		width: 80% !important;
	}
	#calculadora-express .resul_datos .calculos .dato_calculo{	
		float: left;
		width: 45%;
		text-align: right;
		color: var(--color-secondary);
		font-weight: var(--font-bold);
	}
	#calculadora-express .resul_datos .calculos .dato_calculo_20{	
		width: 20% !important;
	}
	#calculadora-express .resul_datos .calculos .linea{	
		float: left;
		width: 100%;
		height: 1px;
		border-bottom: 1px solid var(--color-primary);
		margin: 0.4em 0em;
	}

	#pregunta_comunidad,
	#pregunta_eleccion1,
	#pregunta_eleccion2,
	#pregunta_numeros,
	#pregunta_siguiente{
		display: none;
	}

	#titulares{
		display: none;
	}



	#resultado{
		display: none;
	}
	#resultado #resultado_A{
		display: inline-block;
		width: 100%;
		min-height: 200px;
		background-image: url('../img/rodolfo-calculadora-resul-ok.svg');
		background-position: 92% top;
		background-repeat: no-repeat;
		background-size: 200px;
		padding: 0.5em 1.25em;
		margin: 1em 0em;
	}
	#resultado #resultado_A .tit{
		display: inline-block;
		width: 100%;
		max-width: 10em;
		color: var(--color-secondary);
		font-weight: var(--font-semibold);
		font-size: 1.3em;
	}
	#resultado #resultado_A .abs{
		display: inline-block;
		width: 100%;
		margin-top: 1em;
		max-width: 18em;
		color: var(--color-primary);
		font-weight: var(--font-semibold);
		font-size: 0.8em;
		line-height: 1em;
		text-align: justify;
	}

	#resultado #resultado_B{
		display: inline-block;
		width: 100%;
		min-height: 200px;
		background-image: url('../img/rodolfo-calculadora-resul-ko.svg');
		background-position: 92% top;
		background-repeat: no-repeat;
		background-size: 200px;
		padding: 0.5em 1.25em;
		margin: 1em 0em;
	}
	#resultado #resultado_B .tit{
		display: inline-block;
		width: 100%;
		max-width: 10em;
		color: var(--color-primary);
		font-weight: var(--font-semibold);
		font-size: 1.3em;
	}
	#resultado #resultado_B .abs{
		display: inline-block;
		width: 100%;
		margin-top: 1em;
		max-width: 18em;
		color: var(--color-secondary);
		font-weight: var(--font-semibold);
		font-size: 0.8em;
		line-height: 1em;
		text-align: justify;
	}	
	#resultado #resultado_C{
		display: inline-block;
		width: 100%;
		min-height: 200px;
		background-image: url('../img/rodolfo-calculadora-resul-ko.svg');
		background-position: 92% top;
		background-repeat: no-repeat;
		background-size: 200px;
		padding: 0.5em 1.25em;
		margin: 1em 0em;
	}
	#resultado #resultado_C .tit{
		display: inline-block;
		width: 100%;
		max-width: 10em;
		color: var(--color-primary);
		font-weight: var(--font-semibold);
		font-size: 1.3em;
	}
	#resultado #resultado_C .abs{
		display: inline-block;
		width: 100%;
		margin-top: 1em;
		max-width: 18em;
		font-weight: var(--font-semibold);
		color: var(--color-darkgrey);
		font-size: 0.8em;
		line-height: 1em;
		text-align: justify;
	}

	#msg_titulares, #msg_enviar{
		display: inline-block;
		width: 100%;
		padding: 0.5em 0em;
		color: #c00;
		text-align: center;
		font-size: 14px;
		font-weight: 400;
	}

	#resultado_gracias{		
		float: left;
		width: 100%;
	}
	#resultado_gracias .tit{		
		float: left;
		width: 100%;
		font-size: 1.9em;
		line-height: 32px;
		text-align: justify;
		font-weight: var(--font-bold);
		color: var(--color-primary);
	}
	#resultado_gracias .tit2{		
		float: left;
		width: 100%;
		font-size: 1.6em;
		padding: 1em 0em;
		line-height: 30px;
		text-align: justify;
		font-weight: var(--font-semibold);
		color: var(--color-secondary);
	}
	#resultado_gracias .desc1{		
		float: left;
		width: 100%;
		text-align: justify;
		font-size: 1.2em;
		line-height: 28px;
		font-weight: var(--font-regular);
	}
	#resultado_gracias .desc2{		
		float: left;
		width: 100%;
		text-align: justify;
		padding: 1em 0em;
		margin-bottom: 1em;
		font-size: 0.8em;
		line-height: 1.5em;
	}







	/* calculadora
	------------------------------------------------------------------------------------------------------  */
	#calculadora{
		float: left;
		width: 100%;
	}		
	#calculadora h2{
		color: var(--color-primary);
		font-weight: var(--font-bold);
	}
	#calculadora .txt{
		color: var(--color-secondary);
		padding: 1em 0em;
	}
	#calculadora #calculadoras{
		display: inline-block;
		width: 100%;
		background-color: var(--color-secondary);
		height: 320px;
		background-image: url('../img/esquina-light-naranja.png');
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 10em;
	}
	#calculadora .angulo-calculadoras-azul{
		background-image: url('../img/esquina-light-azul.png') !important;
	}
	#calculadora #calculadoras .box-rodolfo{
		float: left;
		width: 20%;
		text-align: left;
		margin-top: 1.5em;
		margin-left: 20%;
	}
	#calculadora #calculadoras .box-rodolfo img{
		width: 80%;
		position: relative;
	}

	#calculadora #calculadoras .box-calcs{
		float: left;
		width: 40%;
		text-align: right;
	}
	#calculadora #calculadoras .box-calcs .calc-item{
		display: inline-block;
		vertical-align: top;
		width: 80%;
		margin-left: 0.2em;
		text-align: center;
		background-color: var(--color-white);
		border-radius: 15px;
		border: 3px solid var(--color-primary);
		padding: 1.6em 1.4em;
		padding-bottom: 0.9em;
		box-sizing: border-box;
		text-align: left;
		margin-top: 3em;
	}
	#calculadora #calculadoras .box-calcs .calc-item h3{
		display: inline-block;
		font-size: 1.2em;
		line-height: 1em;
		font-weight: bold;
		color: var(--color-primary);
		width: 100%;
	}
 	#calculadora #calculadoras .box-calcs .calc-item .desc{
		display: inline-block;
		width: 100%;
		color: var(--color-secondary);
		padding: 0.7em 0em;
		font-size: 0.8em;
		line-height: 1.1em;
	}
	#calculadora #calculadoras .box-calcs .calc-item .con{
		display: inline-block;
		width: 100%;
		margin-top: 30px;
	}
	#calculadora #calculadoras .box-calcs .calc-item .con .tiempo{
		float: left;
		width: 70%;
		background-image: url('../img/ico-tiempo.svg');
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 10px;
		padding-left: 15px;
		font-size: 0.7em;
	}
	#calculadora #calculadoras .box-calcs .calc-item .con img{
		float: right;
		width: 30px;
		opacity: 0.7;
	}
	#calculadora #calculadoras .box-calcs .calc-item .con a img:hover{
		opacity: 1;
	}









	/* calculadora-item
	------------------------------------------------------------------------------------------------------  */
	#calculadora-item{
		float: left;
		width: 100%;
		padding-bottom: 5em;
	}		
/*	#calculadora #calculadoras{
		display: inline-block;
		width: 100%;
		background-color: var(--color-secondary);
		height: 320px;
		background-image: url('../img/esquina-light-naranja.png');
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 10em;
	}*/
	#calculadora-item .box-rodolfo{
		float: left;
		width: 20%;
		margin-top: 1.5em;
	}
	#calculadora-item .rodolfo-right{
		text-align: right;
		margin-right: -10px;
	}
	#calculadora-item .rodolfo-left{
		text-align: left;
		margin-left: -10px;
	}
	#calculadora-item .box-rodolfo img{
		width: 100%;
		position: relative;
	}
	#calculadora-item .calc-item{
		float: left;
		width: 40%;
		text-align: center;
		background-color: var(--color-white);
		border-radius: 15px;
		border: 3px solid var(--color-primary);
		padding: 1.6em 1.4em;
		padding-bottom: 0.9em;
		box-sizing: border-box;
		text-align: left;
		margin-top: 3em;
		min-height: 205px;
	}
	#calculadora-item .calc-item-selected{
		background-color: var(--color-primary) !important;
	}
	#calculadora-item .calc-item-selected h3{
		color: var(--color-white) !important;
	}
	#calculadora-item .calc-item-selected .desc{
		max-width: 270px !important;
		color: var(--color-white) !important;
		font-size: 1em !important;
	}
	#calculadora-item .calc-item h3{
		display: inline-block;
		font-size: 1.2em;
		line-height: 1em;
		font-weight: bold;
		color: var(--color-primary);
		width: 100%;
	}
	#calculadora-item .calc-item .desc{
		display: inline-block;
		width: 100%;
		color: var(--color-secondary);
		padding: 0.7em 0em;
		font-size: 0.8em;
		line-height: 1.1em;
	}
	#calculadora-item .calc-item .con{
		display: inline-block;
		width: 100%;
		margin-top: 30px;
	}
	#calculadora-item .calc-item .con .tiempo{
		float: left;
		width: 70%;
		background-image: url('../img/ico-tiempo.svg');
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 10px;
		padding-left: 15px;
		font-size: 0.7em;
	}
	#calculadora-item .calc-item .con img{
		float: right;
		width: 30px;
		opacity: 0.7;
	}
	#calculadora-item .calc-item .con a img:hover{
		opacity: 1;
	}












	/* producto-ficha
	------------------------------------------------------------------------------------------------------  */
	#producto-ficha{
		float: left;
		width: 100%;
		background-color: var(--color-light-primary);
		padding: 1em 0em;
		padding-bottom: 7em;
	}	
	#producto-ficha h1{
		padding: 0em;
		margin: 0em;
		font-size: 2.5em;
		line-height: 1em;
		font-weight: 600;
		color: var(--color-secondary)
	}
	#producto-ficha .informacion{
		display: inline-block;
		width: 95%;
		font-size: 0.9em;
		line-height: 1.4em;
	}
	#producto-ficha .informacion h2{
		font-size: 1.8em;
		margin-bottom: 0.8em;
	}
	#producto-ficha .informacion h3{
		font-size: 1.2em;
	}
	#producto-ficha .informacion ul, #producto-ficha .informacion ol{
		margin-left: -20px;
	}
	#producto-ficha .informacion ol li, #producto-ficha .informacion ul li{
		margin-bottom: 0.5em;
	}
	#producto-ficha .informacion p, #producto-ficha .informacion ol, #producto-ficha .informacion ol li, #producto-ficha .informacion ul, #producto-ficha .informacion ul li{
		font-size: 1em;
		line-height: 1.4em;
	}
	#producto-ficha .informacion strong{
		font-size: 1em;
		line-height: 1.4em;
	}

	#producto-ficha .box-formulario{
		padding: 50px 35px;
	}
	#producto-ficha .box-formulario .txt{
		margin-top: 10px;
	}
	#producto-ficha .box-formulario form textarea{
		height: 130px;
	}



	/* productos
	------------------------------------------------------------------------------------------------------  */
	#productos{
		float: left;
		width: 100%;
		padding: 8em 0em;
		padding-bottom: 0em;
	}		
	#productos h2{
		color: var(--color-primary);
		font-weight: var(--font-bold);
	}
	#productos .txt{
		color: var(--color-secondary);
		padding: 1em 0em;
	}
	#productos #casas{
		display: inline-block;
		width: 100%;
		text-align: center;
		margin-top: 3em;
	}
	#productos #casas img{
		position: relative;
		width: 70%;
	}


	/* box-productos
	------------------------------------------------------------------------------------------------------  */
	.box-productos{
		display: inline-block;
		width: 100%;
		text-align: right;
	}
	.box-productos .producto{
		display: inline-block;
		width: 410px;
		background-color: var(--color-primary);
		color: var(--color-white);
		font-weight: var(--font-thin);
		background-image: url('../img/imago-blanco.svg');
		background-position: 94% center;
		background-repeat: no-repeat;
		background-size: 35px;
		border-radius: 15px;
		margin-bottom: 0.3em;
		text-align: left;
		padding: 1.2em 1em;
		box-sizing: border-box;
	}
	.box-productos .producto:hover{
		background-color: var(--color-secondary);
	}
	.box-productos .producto span{
		font-weight: var(--font-bold);
	}



	/* otro-producto
	------------------------------------------------------------------------------------------------------  */
	#otro-producto{
		float: left;
		width: 100%;
		background-color: var(--color-white);
		padding: 2em 0em;
	}	
	#otro-producto .titulo{
		display: inline-block;
		width: 100%;
		padding: 0em;
		margin: 0em;
		font-size: 1.5em;
		line-height: 1em;
		font-weight: 700;
		color: var(--color-primary);
		background-image:url('../img/ico-arrow-blog-blue.svg');
		background-position: 80% center;
		background-repeat: no-repeat;
		background-size: 15px;
		box-sizing: border-box;
	}	
	#otro-producto .titulo span{
		display: inline-block;
		width: 60%;
	}


	/* footer
	------------------------------------------------------------------------------------------------------  */
	#footer{
		float: left;
		width: 100%;
		background-color: var(--color-lightgrey);
		padding: 3em 0em;
		margin-top: -1.1em;
	}
	#footer img.logo-footer{
		width: 5em;
		margin-bottom: 1.25em;
	}
	#footer .links{
		display: inline-block;
		width: 100%;
	}
	#footer .links a, #legales .links a{
		display: inline-block;
		width: 100%;
		padding: 0em 0em;
		font-size: 0.85em;
		color: var(--color-primary);
		background-image: url('../img/ico-punto.svg');
		background-position: left 0.65em;
		background-repeat: no-repeat;
		background-size: 0.4375em;
		padding-left: 0.9375em;
	}
	#footer .links a:hover, #legales .links a:hover{
		color: var(--color-secondary);
	}
	#footer .box-contacto{
		display: inline-block;
		vertical-align: top;
		width: 280px;
		text-align: left;
		background-color: var(--color-secondary);
		border-radius: 15px;
		color: var(--color-white);
		padding: 30px;
		box-sizing: border-box;
		min-height: 220px;
		margin-left: 0.6em;
		margin-top: 20px;
	}
	#footer .box-contacto .tit{
		display: inline-block;
		width: 100%;
		font-weight: var(--font-bold);
		line-height: 1em;
	}
	#footer .box-contacto .linea-small{
		display: inline-block;
		width: 30px;
		height: 4px;
		background-color: var(--color-primary);
	}
	#footer .box-contacto form{
		display: inline-block;
		width: 100%;
	}
	#footer .box-contacto form input{
		display: inline-block;
		width: 100%;
		border: 0px;
		border-radius: 8px;
		padding: 0.4em 1em;
	}
	#footer .box-contacto form .btn{
		display: inline-block;
		margin-top: 0.625em;
		font-size: 0.8em;
		padding: 0.1em 1.2em;
	}
	#footer .box-contacto .dato{
		margin-top: 15px;
	}
	#footer .box-contacto .ico-tel, #footer .box-contacto .ico-mail{
		background-position: left center;
		padding-left: 1.4em !important;
	}


	#copy .list-landings{
		display: inline-block;
		width: 100%;
		padding: 30px 0px;
		border-bottom: 1px solid #333;
		vertical-align: top;
		margin-bottom: 20px;
		color: #888;
	}
	#copy .list-landings a{
		display: inline-block;
		width: 100%;
		padding: 0em 0em;
		font-size: 15px;
		color: #888;
		vertical-align: top;

	}
	#copy .list-landings a:hover{
		color: var(--color-secondary);
	}

	

	/* legales
	------------------------------------------------------------------------------------------------------  */
	#legales{
		float: left;
		width: 100%;
		background-color: var(--color-darkgrey);
		padding: 3em 0em;
		margin-top: -1.1em;
		color: var(--color-white);
	}
	#legales .tit{
		display: inline-block;
		width: 80%;
		font-weight: var(--font-medium);
		color: var(--color-secondary);
	}
	#legales p{
		width: 80%;
		margin-top: 1.6em;
		font-size: 0.8em;
		line-height: 1.3em;
	}
	#legales .links{
		float: right;
		width: 80%;
	}






	/* copy
	------------------------------------------------------------------------------------------------------  */
	#copy{
		float: left;
		width: 100%;
		background-color: var(--color-black);
		color: var(--color-lightgrey);
		padding: 0.6em 0em;
		font-size: 0.7em;
	}
	#copy strong{
		font-weight: var(--font-semibold);
	}
	#copy .social{
		display: inline-block;
		width: 100%;
		text-align: center;
		vertical-align: middle;
		padding: 0px;
	}
	#copy .social .sigueme{
		display: inline-block;
		vertical-align: top;
		margin-right: 20px;
		color: var(--color-lightgrey);
	}
	#copy .social .ico-social{
		display: inline-block;
		vertical-align: middle;
	}
	#copy .social .ico-social img{
		display: inline-block;
		width: 22px;
	}
	#copy #createdby{
		display: inline-block;
		width: 100%;
		text-align: right;
	}
	#copy #createdby a{
		font-weight: 400;
		color: var(--color-primary);
	}
	#copy #createdby a:hover{
		color: var(--color-white);
	}





	/* responsive
	------------------------------------------------------------------------------------------------------  */

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

		#empieza-por-aqui .boxes .box{
			width: 46%;
			margin: 2em 2%; 
			margin-bottom: 1em;
		}
		#sabemos-de-esto .boxes .box{
			width: 46%;
			margin: 2em 2%; 
			margin-bottom: 1em;
		}
	
		
	}

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

		#copy #copy_right{
			width: 50%;
			text-align: left;
		}
		#copy #copy_social{
			width: 50%;
			text-align: left;
		}
		#copy #copy_by{
			width: 25%;
		}

	}

	@media only screen and (max-width: 1020px) {
	
		#nav-menu .opc{
			display: none;
		}
		#pull{
			display: inline-block;
		}
		.content{
			width: 80%;
		}
	
		/* font size (begin) */

		body {
			font-size: 17px;
			line-height: 22px;
		}	
		#home img{
			width: 90%;
		}
		#footer .box-contacto{
			width: 46%;
			min-height: 261px !important;
		}		

	}

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

		#home .col_50{
			width: 100%;
		}
		#home h1 {
			font-size: 40px;
		}
		#home img{
			width: 330px;
		}
		#home .abstract{
			margin-bottom: 2em;
		}
		#motivos .boxes .box{
			width: 100%;
			margin: 0.3em 0em;
			min-height: auto;
		}

	}

	@media only screen and (max-width: 970px) {
	
		#te-acompanamos #items .box{
			width: 100%;
			min-height: auto;
			margin-bottom: 0em;
		}

		#calculadora-express .datos, #calculadora-express .resul{
			float: left;
			width: 100%;
			min-height: auto;
			margin-bottom: 2em;
		}
	

	}

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

		#companero-viaje .col_50{
			width: 100%;
			text-align: center;
		}
		#companero-viaje .label-caption{
			width: 100%;
		}
		#companero-viaje h2{
			margin-bottom: 2em;
		}
		#companero-viaje img{
			width: 80%;
			max-width: 350px;
		}
		#producto-ficha .col_60, #producto-ficha .col_40{
			width: 100%;
		}
	}


	@media only screen and (max-width: 900px) {
			
		#calcula-tu-hipoteca .box-rodolfo{	
			width: 40%;	
		}
		#calcula-tu-hipoteca .box-rodolfo img{	
			width: 80%;
			max-width: 160px;
			margin-top: 5em;
		}
		#calcula-tu-hipoteca .box-calcs{
			width: 60%;
			text-align: right;
		}
		#calcula-tu-hipoteca .box-calcs .calc-item{
			width: 98%;
			margin-left: 0.2em;
		}
	
	}

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

		#calculadora #calculadoras{
			height: auto;
			padding-bottom: 3em;
		}
		#calculadora #calculadoras .box-rodolfo{
			width: 20%;
			margin-top: 3em;
			margin-left: 5%;
		}
		#calculadora #calculadoras .box-rodolfo img{
			max-width: 120px;
		}
		#calculadora #calculadoras .box-calcs{
			width: 60%;
			margin-top: 3em;
		}
		#calculadora #calculadoras .box-calcs .calc-item{
			width: 100%;
			margin-left: 0.2em;
			margin-top: 1em;
		}
		#productos {
			padding: 4em 0em;
			padding-bottom: 0em;
		}
		#productos .col_50{
			width: 100%;
		}		
		#productos h2{
			text-align: center;
		}
		#productos .txt{
			text-align: center;
			margin-bottom: 1em;
		}
		.box-productos{
			text-align: center;
		}

		#sabemos-de-esto .col_izq{
			width: 60%;
		}
		#sabemos-de-esto .col_cen{
			width: 40%
		}
		#sabemos-de-esto .col_der{
			width: 100%;
			text-align: left;
			margin-top: 2em;
			margin-bottom: 2em;
		}
	

	}



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

		#calculadora-item .rodolfo-left, #calculadora-item .rodolfo-right {
			display: none;
			margin-left: 0px;
			margin-right: 0px;
		}
		#calculadora-item .calc-item{
			width: 100%;
			margin-top: 0em;
			min-height: auto;
			margin-bottom: 1em;
		}
		

	}


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

		#empieza-por-aqui .boxes .box{
			width: 96%;
			margin: 2em 2%; 
			margin-bottom: 0em;
		}
		#sabemos-de-esto .boxes .box{
			width: 96%;
			margin: 2em 2%; 
			margin-bottom: 0em;
		}
		.box-productos .producto{
			width: 100%;
		}	
		#footer .col_33, #footer .col_66{
			width: 100%;
		}
		#footer .links{
			margin-bottom: 2em;
		}
		#footer .links a, #legales .links a{
			font-size: 1em;
		}
		#footer .box-contacto{
			width: 100%;
			margin: 0em 0em;
			margin-top: 1em;
			height: auto;
			min-height: auto !important;
		}		
		#legales .col_50{
			width: 100%;
		}
		#legales .tit{
			width: 100%;
			font-size: 1.1em;
		}
		#legales p{
			width: 100%;
			font-size: 0.9em;
		}
		#legales .links{
			float: left;
			width: 100%;
			font-size: 0.9em;
			margin-top: 2em;
		}
	
	}

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

		#copy #copy_right{
			width: 100%;
			text-align: left;
			padding: 1em 0em;
		}
		#copy #copy_social{
			width: 50%;
			text-align: left;
		}
		#copy .social{
			text-align: left;
		}
		#copy #copy_by{
			width: 50%;
			text-align: right;
		}
		#contacto .box-formulario{
			margin-bottom: 2em;
		}
		#contacto .box-formulario .col_50, #video .box-formulario .col_50 {
			width: 100%;
		}
		#contacto .mapa{
			width: 100%;
			margin: 0em 0em;
			margin-bottom: 1em;
		}
		#copy .list-landings .col_50{
			width: 100%;
		}

	}

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

		#te-acompanamos .col_50{
			width: 100%;
		}
		#te-acompanamos #rodolfo-acompana .box-viaje{
			text-align: center !important;
			margin-top: 2em;
		}
		#te-acompanamos .box-viaje .titulo-destacado{
			float: left !important;
			text-align: center;
			width: 100% !important;
			max-width: 100% !important;
			margin: 0px;
			font-size: 35px;
			padding: 0px;
		}
		#otro-producto .col_50{
			width: 100%;
		}
		#otro-producto .titulo{
			background-image: none;
			text-align: center;
			margin-bottom: 1em;
		}	
		#producto-ficha .box-formulario{
			margin-top: 2em;
		}
	
	}

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

		body {
			font-size: 15px;
			line-height: 20px;
		}	
		#home img{
			width: 260px;
		}


	}


	@media only screen and (max-width: 690px) {
			
		#companero-viaje .box-viaje{
			padding: 2.1875em 1.8em;
		}
		#blog article a h2{		
			width: 100%;	
			background-size: 8px;
			padding-right: 10%;
		}
		#blog article a .desc{		
			width: 100%;	
			font-size: 0.9em;
			padding-left: 0px;
			margin-top: 1em;
		}
	

	}

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

		#sabemos-de-esto .col_izq{
			width: 100%;
			text-align: center;
		}
		#sabemos-de-esto .col_cen{
			width: 100%;
			text-align: center;
			margin-top: 2em;
			margin-bottom: 1em;
		}
		#sabemos-de-esto .col_der{
			text-align: center;
		}
	
	}

	@media only screen and (max-width: 610px) {
			
		#calcula-tu-hipoteca .box-rodolfo{	
			width: 100%;	
			text-align: center;
		}
		#calcula-tu-hipoteca .box-rodolfo img{	
			width: 80%;
			max-width: 120px;
			margin-top: 0em;
		}
		#calcula-tu-hipoteca .box-calcs{
			width: 100%;
			text-align: center;
		}
		#calcula-tu-hipoteca .box-calcs .calc-item{
			width: 96%;
			margin-left: 0em 0.2em;
		}
	
	}	
	@media only screen and (max-width: 620px) {

		#calculadora #calculadoras .box-rodolfo img{
			margin-top: 2em;
		}
		.bloque .campos .item-50{
			width: 100%;
			padding:  0.3em 1.25em;
		}
		.btn-calculadora {
			font-size: 14px;
			padding: 3px 10px;
		}
		.box-formulario{	
			padding: 50px 10px;
		}
	
	}

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

		#header nav #nav-menu-responsive li a{
			width: 100%;
			padding: 0.9em 0em;
		}
		#calculadora #calculadoras .box-rodolfo{
			display: none;
		}
		#calculadora #calculadoras .box-calcs{
			width: 100%;
		}

	}
