@keyframes blink{
  0%{
    opacity: .2; }
  20%{
    opacity: 1; }
  100%{
    opacity: .2; } }
.requesting span{
  animation-name: blink;
  animation-duration: 1.4s;
  animation-iteration-count: infinite;
  animation-fill-mode: both; }
  .requesting span:nth-child(2){
    animation-delay: .2s; }
  .requesting span:nth-child(3){
    animation-delay: .4s; }

/* body{ overflow-x: hidden; } */
.clearfix{ clear: both; }
section{
	padding: 10px 0px 20px 0px;
}
section.wrp-full{ padding: 0px;	margin-bottom: 45px; }

.content{ overflow: hidden; }

.content__number{
	position: absolute;
	top: 100px;
	right: 0;
	width: 100px;
	height: 100px;
	background-color: #FFF;
	z-index: 99;
	text-align: center;
	display: table;
}
	.content__number--top{ top: 0; }
	.content__number span{
		display: table-cell;
		vertical-align: middle;
		color: #D50A2C;
		font-family: "GTWalsheimProBold", helvetica, arial, sans-serif;
		font-weight: normal;
		font-size: 30px;
		line-height: 45px;
	}
#header{
	position: relative;
	background: #D4092B no-repeat 0px 0px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: cover;
/* 	min-height: 600px; */
	color: #FFF;
	margin-top: -140px;
	margin-bottom: 35px;
	padding-top: 100px;
	padding-bottom: 70px;
}
	#header img{
		position: absolute;
		top: -30px;
		right: 0px;
		z-index: 5;
/* 		width: 500px; */
		height: 500px;
		width: auto;
	}
	#header p{
		max-width: 440px;
	}
	/* 	#header img.etiqueta, */
	#header div.etiqueta{
		position: absolute;
		width: 100px;
		height: auto;
		top: 140px;
		right: 210px;
		z-index: 150;
	}

		#header div.etiqueta img{
			position: relative;
			width: 100%;
			height: auto;
			margin: 0;
			top: auto;
			right: auto;
			bottom: auto;
			left: auto;
			cursor: pointer;
		}
		.pswp-modalwrp {
			position: relative;
		    display: inline-block;
		    margin-right: 40px;
		}
		#header .pswp-modalwrp { margin: 0; }

			.pswp-modalwrp img,
			.content .wrp .pswp-modalwrp img { margin: 0; }

		#header div.etiqueta:after,
		.pswp-modalwrp:after {
			content: '';
			background: url('../img/image-zoom.png') 0 0 no-repeat;
			width: 55px;
			height: 55px;
			position: absolute;
			top: 9px;
			right: -16px;
			z-index: 10;
			pointer-events: none;
		}

		.is-section #header img{ top: 150px; }
	#header:after{
	    content: '';
	    background: #FFF;
	    position: absolute;
	    bottom: -80px;
	    left: 0;
	    width: 100%;
	    height: 180px;
	    transform: skewY(-3deg);
/* 	    z-index: 10; */
	}
	#header:before{
		content: '';
		top: 0;
		left: 0;
		z-index: 0;
		position: absolute;
		width: 100%;
		height: 162px;
		background: -moz-linear-gradient(top, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	}
		#header.header--background{ background-color: #FFF; }
		.header__gradient{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: -moz-linear-gradient(45deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(45deg, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		}

/*
		#header.header--section{
			min-height: 440px;
			margin-bottom: 20px;
		}
*/
/*
			#header.header--section:after{
				background: #f7f8f9;
			}
*/
	#header.header--blend{
		background-size: 1700px;
/*
		background-color: #D4092B;
		background-blend-mode: multiply;
*/
		background-position: center top;
	}
	#header h1{
		max-width: 440px;
		padding-top: 10px;
	}
		.is-section #header h1{ max-width: 500px; }
	#header h2{
		margin: 0;
		max-width: 440px;
		font-family: "GTWalsheimProMedium", helvetica, arial, sans-serif;
		font-weight: normal;
	}

	.soluciones #header h1,
	.soluciones #header h2{
		max-width: 600px;
	}
#header .wrp{
	position: relative;
	padding-top: 60px;
	padding-bottom: 60px;
	z-index: 11;
/* 	height: 430px; */
	min-height: 430px;
}
	#header .wrp ul li{
		font-size: 19px;
		line-height: 27px;
	}
	#header .header__contents li{ margin-bottom: 10px; }
		#header .header__contents li a{
			color: #FFF;
			font-size: 30px;
			line-height: 40px;
		}
		#header + section,
		#header + section.showOnRestricted + section.hideOnRestricted,
		#header + section.hideOnRestricted + section.showOnRestricted{
			position: relative;
			padding-top: 10px;
			margin-top: -60px;
/* 			z-index: 12; */
		}

		#header ~ section{ position: relative; }

#text{
	position: relative;
	padding-top: 10px;
	z-index: 12;
}


.table-wrapper{
	overflow-x: hidden;
	padding-bottom: 0px;
}
.table-wrapper::-webkit-scrollbar-track{ background-color: rgba(0,0,0,0.1); }
.table-wrapper::-webkit-scrollbar{ height: 4px; }
.table-wrapper::-webkit-scrollbar-thumb{ background-color: #D50A2C; }

.table-wrapper .table-wrapper-container{
    padding: 0px 0px;
    width: 800px;
}
.table-wrapper .table{
	width: 100%;
	overflow: hidden;
	overflow-x: auto;
	font-size: .8em;
}
.table-wrapper{}
.table-wrapper .table .small{
	font-size: 12px;
	line-height: 16px;
}
.table-wrapper .table .row.small,
.table-wrapper .table .row .cell.small{
	border-bottom: 0px;
	color: #9c9c9c;
}
.table-wrapper .table .row.small .cell{
	padding-bottom: 0px!important;
}
.table-wrapper .table .strong{
	font-family: "GTWalsheimProBold", helvetica, arial, sans-serif;
}
.table-wrapper .table thead .row,
.table-wrapper .table tbody .row.strong{
	margin-top: 30px;
	border-bottom: 1px solid black;
	height: 50px;
    vertical-align: bottom;
}
.table-wrapper .table tbody .row{
	border-bottom: 1px solid #C6C6C6;
}
.table-wrapper .table tbody .row .cell{
	vertical-align: top;
	padding: 10px 5px;
	border-right: 1px solid #f3f3f3;
}
.table-wrapper .table thead .row .cell{
	padding: 0px 5px 10px 0px;
	vertical-align: bottom;
}

/*
.table-wrapper .table tbody .row:first-child .cell{
	padding-top: 0px;
}
*/
/*
.table-wrapper .table tbody .row:last-child .cell{
	padding-bottom: 0px;
}
*/
/*
.table-wrapper .table tbody .row:last-child,
.table-wrapper .table tbody .row:last-child .cell{
	border-bottom: none;
}
*/
.table-wrapper .table tbody .row .cell:last-child{
	border-right: none;
}
.table-wrapper .table thead .row .cell-0,
.table-wrapper .table tbody .row.strong .cell-0{
	color: #D50A2C;
	font-family: "GTWalsheimProBold", helvetica, arial, sans-serif;
	font-weight: normal;
	font-size: 24px;
/* 	line-height: 24px; */
	line-height: 32px;
	text-align: left;
}



.table-wrapper .table .row.childs-2 .cell-0{ width: 50%;	text-align: left;	padding-left: 0px; }
.table-wrapper .table .row.childs-2 .cell-1{ width: 50%;	text-align: center; }

.table-wrapper .table .row.childs-3 .cell-0{ width: 60%;	text-align: left;	padding-left: 0px; }
.table-wrapper .table .row.childs-3 .cell-1{ width: 20%;	text-align: center;	}
.table-wrapper .table .row.childs-3 .cell-2{ width: 20%;	text-align: center; }

.table-wrapper .table .row.childs-4 .cell-0{ width: 40%;	text-align: left;	padding-left: 0px; }
.table-wrapper .table .row.childs-4 .cell-1{ width: 20%;	text-align: center;	}
.table-wrapper .table .row.childs-4 .cell-2{ width: 20%;	text-align: center; }
.table-wrapper .table .row.childs-4 .cell-3{ width: 20%;	text-align: center; }

.table-wrapper .table .row.childs-5 .cell-0{ width: 30%;	text-align: left;	padding-left: 0px; }
.table-wrapper .table .row.childs-5 .cell-1{ width: 17.5%;	text-align: center;	}
.table-wrapper .table .row.childs-5 .cell-2{ width: 17.5%;	text-align: center; }
.table-wrapper .table .row.childs-5 .cell-3{ width: 17.5%;	text-align: center; }
.table-wrapper .table .row.childs-5 .cell-4{ width: 17.5%;	text-align: center; }

.table-wrapper .table .row.childs-6 .cell-0{ width: 30%;	text-align: left;	padding-left: 0px; }
.table-wrapper .table .row.childs-6 .cell-1{ width: 14%;	text-align: center;	}
.table-wrapper .table .row.childs-6 .cell-2{ width: 14%;	text-align: center; }
.table-wrapper .table .row.childs-6 .cell-3{ width: 14%;	text-align: center; }
.table-wrapper .table .row.childs-6 .cell-4{ width: 14%;	text-align: center; }
.table-wrapper .table .row.childs-6 .cell-5{ width: 14%;	text-align: center; }

.table-wrapper .table .row.childs-7 .cell-0{ width: 20%;	text-align: left;	padding-left: 0px; }
.table-wrapper .table .row.childs-7 .cell-1{ width: 13.33%;	text-align: center;	}
.table-wrapper .table .row.childs-7 .cell-2{ width: 13.33%;	text-align: center; }
.table-wrapper .table .row.childs-7 .cell-3{ width: 13.33%;	text-align: center; }
.table-wrapper .table .row.childs-7 .cell-4{ width: 13.33%;	text-align: center; }
.table-wrapper .table .row.childs-7 .cell-5{ width: 13.33%;	text-align: center; }
.table-wrapper .table .row.childs-7 .cell-6{ width: 13.33%;	text-align: center; }

.table-wrapper .table .row .cell.cell-0[colspan]{ text-align: left; }

/* calderas */
.thelia-condens #header img,
.themafast-condens #header img,
.isofast-condens #header img{ top: -30px; height: 500px; }
.thelia-condens #header div.etiqueta{ top: 80px; right: 220px; height: auto; }
.themafast-condens #header div.etiqueta{ top: 80px; right: 220px; height: auto; }
.isofast-condens #header div.etiqueta{ top: 80px; right: 220px; height: auto; }

.termostato-exacontrol-e #header img{ top: -80px; height: 570px; margin-right: 0px; }
.termostato-exacontrol-e7-rc #header img{ top: -70px; height: 570px; margin-right: 0px; }
.termostato-migo #header img{ top: -60px; height: 570px; margin-right: 0px; }
.is-tablet.termostato-exacontrol-e #header img{ top: -100px; height: 570px; margin-right: 0px; }
.is-tablet.termostato-exacontrol-e7-rc #header img{ top: -90px; height: 570px; margin-right: 0px; }
.is-tablet.termostato-migo #header img{ top: -100px; height: 570px; margin-right: 0px; }
.is-tablet.termostato-migo #header{ margin-bottom: 80px; }

.genia-set-split #header img{ top: -80px; height: 640px; }
.genia-set-split #header div.etiqueta{ top: 140px; right: 180px; height: auto; }
.is-tablet.genia-set-split #header > .wrp > img{ top: -100px; height: 600px; }
.is-tablet.genia-set-split #header div.etiqueta{ top: 100px; right: 180px; height: auto; }

.genia-air-split #header img{ top: -50px; height:550px; }
.genia-air-split #header div.etiqueta{ top: 190px; right: 290px; height: auto; }
.is-tablet.genia-air-split #header img{ top: -70px; }
.is-tablet.genia-air-split #header div.etiqueta{ top: 240px; right: 290px; height: auto; }

.magna-aqua #header img{ top: -20px; height:550px; right: 70px;}
.magna-aqua #header div.etiqueta{ top: 60px; right: 270px; height: auto; }
.is-tablet.magna-aqua #header > .wrp > img{ top: -20px; height:550px; right: 0px;}
.is-tablet.magna-aqua #header div.etiqueta{ top: 60px; right: 200px; height: auto; }

.helio-pv #header img{ height:520px; right: -30px;}
.is-tablet.helio-pv #header img{ top: -60px; height:520px; right: -30px;}

/*
.genia-air-split #header img{ top: -60px; height: 570px; }
.genia-air-split #header div.etiqueta{ top: 150px; right: 260px; height: auto;}
.is-tablet.genia-air-split #header img{ top: -110px; height: 570px; }
.is-tablet.genia-air-split #header div.etiqueta{ top: 100px; right: 260px; height: auto;}

.is-tablet.genia-set-split #header img{ top: -80px; height: 580px; }
.is-tablet.genia-set-split #header div.etiqueta{ top: 50px; right: 140px; height: auto; }

.magna-aqua #header img{ top: -50px; height: 600px; }
.magna-aqua #header div.etiqueta{ top: 170px; right: 140px; height: auto; }
.is-tablet.magna-aqua #header img{ top: -50px; height: 560px; }
.is-tablet.magna-aqua #header div.etiqueta{ top: 30px; right: 170px; height: auto; }
.is-tablet.helio-pv #header img{ top: -50px; height: 500px; }
*/



.is-tablet{

}
	.is-tablet #header.header--section{ background-image: none; }
	.is-tablet #header.header--section .header__gradient{ display: none; }

	.is-tablet .is-tablet--mt20{ margin-top: 20px; }

	.is-tablet #header{ padding-bottom: 0; }

	.is-tablet #header:after{
		height: 120px;
		bottom: -60px;
	}

	.is-tablet .hideOnRestricted + section{ margin-top: -54px; }

	.is-tablet .showOnRestricted ~ .hideOnRestricted + section{ margin-top: 0; }




@media only screen
	and (min-width : 768px)
	and (max-width : 1023px) {
		.table-wrapper{
			overflow-x: scroll;
			background:
				linear-gradient(to right, white 30%, rgba(255,255,255,0)),
				linear-gradient(to right, rgba(255,255,255,0), white 70%) 0 100%,
				radial-gradient(farthest-side at 0% 50%, rgba(0,0,0,.2), rgba(0,0,0,0)),
				radial-gradient(farthest-side at 100% 50%, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;
			background-repeat: no-repeat;
			background-color: white;
			background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;
			background-position: 0 0, 100%, 0 0, 100%;
			background-attachment: local, local, scroll, scroll;
		}
		.table-wrapper .table-wrapper-container{
		    padding: 0px 35px;
		}
}

@media only screen
	and (max-width : 767px) {
		#header h1{ padding-top: 30px; }
		.calderas.instalxpert #header.header--section{ background-position: -800px top; }
		.servicios.genia-plan #header.header--section{ background-position: -800px top; }
		.servicios.re #header.header--section{ background-position: -1000px top; }
		.servicios.a-tu-lado #header.header--section{ background-position: -900px top; }

		.thelia-condens #header img{ margin: -50px auto; width: 100%; height: auto!important; }
		.themafast-condens #header img{ margin: -50px auto; width: 100%; height: auto!important; }
		.isofast-condens #header img{ margin: -50px auto; width: 100%; height: auto!important; }
		.thelia-condens #header div.etiqueta{ bottom: 180px; top: inherit; left: 10px; }
		.themafast-condens #header div.etiqueta{ bottom: 180px; top: inherit; left: 10px; }
		.isofast-condens #header div.etiqueta{ bottom: 220px; top: inherit; left: 10px; }

		.termostato-exacontrol-e #header img{ margin: -200px auto -40px auto; width: 100%; height: auto!important; }
		.termostato-exacontrol-e7-rc #header img{ margin: -200px auto -40px auto; width: 100%; height: auto!important; }
		.termostato-migo #header img{ margin: -140px auto -40px auto; width: 100%; height: auto!important; }


		.genia-set-split #header img{ margin: -50px auto; width: 100%; height: auto!important; }
		.genia-set-split #header div.etiqueta{ bottom: 270px; top: inherit; left: 10px; }

		.genia-air-split #header img{ margin: -170px auto -40px auto; width: 100%; height: auto!important; }
		.genia-air-split #header div.etiqueta{ bottom: 80px; top: inherit; left: -10px; }

		.magna-aqua #header img{ margin: -20px auto -70px auto; width: 100%; height: auto!important; }
		.magna-aqua #header div.etiqueta{ bottom: 270px; top: inherit; left: 10px; }

		.helio-pv #header img{ margin: -80px auto -50px auto; width: 100%; height: auto!important; }
/*
		.genia-air-split #header div.etiqueta{ top: auto; right: auto; }
		.isofast-condens #header img{ margin-top: -50px; }
		.themafast-condens #header img{ margin-top: -80px; }
		.thelia-condens #header img{ margin-top: -85px; }
		.termostato-exacontrol-e #header img{ margin-top: -260px; }
		.termostato-exacontrol-e7-rc #header img{ margin-top: -300px; }
		.termostato-migo #header img{ margin-top: -186px; }
		.thelia-condens #header img{ margin-top: -85px; }
		.thelia-condens #header div.etiqueta{ bottom: 369px; }
		.genia-set-split #header img{ height: auto; margin-top: -50px; margin-bottom: -80px; }
		.genia-set-split #header div.etiqueta{ top: auto; bottom: 780px; }
		.genia-air-split #header img{ margin-top: -250px; }
		.genia-air-split #header div.etiqueta{ bottom: 206px; }
		.magna-aqua #header img{ margin-top: -20px; margin-bottom: -70px; }
		.magna-aqua #header div.etiqueta{ bottom: 568px; }
		.helio-pv #header img{ margin-top: -110px; }
*/


		.table-wrapper .table .row.small .cell{
			padding-bottom: 15px!important;
		}
		#header + .sec_menu{ margin-top: 0px!important; }
		.content .wrp .mw100--mobile{ max-width: 100%; }
		ul.leyenda, .content .wrp ul.leyenda{
			position: relative;
			max-width: inherit;
			top: 0px;
			padding-left: 0px!important;
		}
		.table-wrapper{
			overflow-x: scroll;
			background:
				linear-gradient(to right, white 30%, rgba(255,255,255,0)),
				linear-gradient(to right, rgba(255,255,255,0), white 70%) 0 100%,
				radial-gradient(farthest-side at 0% 50%, rgba(0,0,0,.2), rgba(0,0,0,0)),
				radial-gradient(farthest-side at 100% 50%, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;
			background-repeat: no-repeat;
			background-color: white;
			background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;
			background-position: 0 0, 100%, 0 0, 100%;
			background-attachment: local, local, scroll, scroll;
		}
		.table-wrapper .table-wrapper-container{
		    padding: 0px 35px;
		}
		.content__number{
			width: 70px;
			height: 70px;
			top: 70px;
		}
			.content__number--top{ top: 0; }
			.content__number span{
				font-size: 19px;
				line-height: 23px;
			}

		#header{
			min-height: 0;
			margin-bottom: 0;
			padding-bottom: 40px;
		}
		#header:after{ height: 140px; }


		#header.header--background{
			background-size: auto 440px;
			color: #000;
			padding-bottom: 0;
		}

			#header .wrp{
				height: auto;
				min-height: 0;
				padding-top: 20px;
			}

			#header.header--background h1,
			#header.header--background h2{ color: #FFF; }

			#header h2{ margin-bottom: 20px; }

/* 			.header__gradient{ height: 440px; } */

			#header.header--background:after{
				top: 430px;
				bottom: auto;
			}

		#header img{
			position: static;
/* 			width: calc(100% + 70px); */
			height: auto;
			margin-left: -35px;
/* 			margin-bottom: 20px; */
			margin-bottom: -20px;
		}

/* 		#header img.etiqueta, */
		#header div.etiqueta{
			top: auto;
			right: auto;
			bottom: 0;
			left: 40px;
			z-index: 10;
		}






/*
		.table{
			margin-left: -35px;
			margin-right: -35px;
			overflow-y: scroll;
		}
*/

/*
		.table ul.table .cell-0{ padding-left: 35px; }
		.table ul.table .cell:last-child{ padding-right: 35px; }
*/

}


@media only screen and (-webkit-min-device-pixel-ratio:2),
	only screen and ( min--moz-device-pixel-ratio:2),
	only screen and ( -o-min-device-pixel-ratio:2/1),
	only screen and (min-device-pixel-ratio:2),
	only screen and (min-resolution:192dpi),
	only screen and (min-resolution:2dppx){

	#header div.etiqueta:after,
	.pswp-modalwrp:after {
		background-image: url('../img/image-zoom@2x.png');
		background-size: 55px 55px;
	}


}