.chiamata_riga{
	background-image: url("../imm/back_neve.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.amianto_riga{
	background-image: url("../imm/back_amianto.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.opere_esterne_riga{
	background-image: url("../imm/back_opere_esterne.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.condomini_riga{
	background-image: url("../imm/back_manutenzione_condomini.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.grandi_interventi_riga{
	background-image: url("../imm/back_grandi_interventi.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.piccoli_interventi_riga{
	background-image: url("../imm/back_piccoli_interventi.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.chiamata_riga2{
	display:none;
}

.amianto_riga2{
	display:none;
}

.opere_esterne_riga2{
	display:none;
}

.condomini_riga2{
	display:none;
}

.grandi_interventi_riga2{
	display:none;
}

.piccoli_interventi_riga2{
	display:none;
}

.lav_pres{
	position:relative;
	display:inline-block;
	top:0px;
	left:0px;
	width:45%;
	vertical-align: top;
	margin-top: 4%;
	margin-left: 2%;
	margin-right: 2%;
	width: calc( ( ( 100% - 25px) / 2) - 25px);
	margin-left: calc(12.5px);
	margin-right: calc(12.5px);
	margin-top: calc(25px);
	background-color: #FFFFFF;
	padding-top:25px;
	padding-bottom:25px;
	overflow-y: hidden;
}

.lav_info{
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.lav_info2{
	position: absolute;
	display: block;
	bottom: 25px;
	left: 25px;
	width: 90%;
	width: calc(100% - 50px);
	background-color: rgba(37, 40, 43,0.9);
	max-height: 90%;
	max-height: calc(100% - 50px);
	overflow:auto;
}

.lav_info2 .subtitle{
	margin-top: 25px;
}

.lav_info .lav_ant2{
	opacity: 0;
}

.lav_info:hover .lav_ant{
	opacity: 0;
	
	-o-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

.lav_info:hover .lav_ant2{
	opacity: 1;
	
	-o-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

.lav_div{
	position:relative;
	display:inline-block;
	top:0px;
	left:0px;
	width: 90%;
	width: calc(100% - 50px);
}

.intervento{
	height: 500px;
	background-image: url("../imm/intervento.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 95%;
	width: calc(100% - 25px);
	margin-left: 5%;
	margin-left: calc(25px);
}

.diagnostica{
	height: 250px;
	background-image: url("../imm/diagnostica.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 25px;
}

.assistenza{
	height: 225px;
	background-image: url("../imm/assistenza.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.lav_pres img{
	position:absolute;
	width: 50px;
	top: 25px;
	left: 25px;
}

.lav_pres_icon{
	position:relative;
	display: inline-block;
	width: 80px;
	height: 4px;
}

.lav_pres_tit{
	position:relative;
	padding-right: 25px;
	padding-left:25px;
	font-size:1.4em;
	font-family: "OpenSans", serif;
	font-weight: 700;
	margin-top:25px;
}

.lav_linea{
	position: relative;
	display: inline-block;
	width:50px;
	height:2px;
	background-color: #323232;
	margin-top:15px;
	margin-bottom:15px;
}

.lav_pres_text{
	position:relative;
	padding-right: 25px;
	padding-left:25px;
	font-size:1em;
	line-height:1.8em;
	font-family: "OpenSans", serif;
	padding-bottom: 25px;
	margin-top:25px;
}

@media screen and (max-width: 1280px){
	.lav_pres_tit{
		font-size:1.2em;
	}
}

@media screen and (max-width: 1000px){
	.lav_pres{
		width: 45%;
		width:calc( ( ( 100% - 25px) / 2) - 25px);
	}
	.lav_pres_tit{
		font-size:1.4em;
	}
}

@media screen and (max-width: 770px){
	.lav_pres{
		width: 95%;
		width:calc(100% - 50px);
	}
	.lav_pres_tit{
		font-size:1.2em;
	}
	.intervento{
		height: 250px;
		width: 90%;
		width: calc(100% - 50px);
		margin-left: 0px;
	}
	.diagnostica{
		height: 250px;
	}
	.assistenza{
		height: 250px;
	}
}

@media screen and (max-width: 700px){
	.amianto_riga2{
		display: inline-block;
		background-image: url("../imm/back_amianto.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	.chiamata_riga2{
		display: inline-block;
		background-image: url("../imm/back_neve.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	.opere_esterne_riga2{
		display: inline-block;
		background-image: url("../imm/back_opere_esterne.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	.condomini_riga2{
		display: inline-block;
		background-image: url("../imm/back_manutenzione_condomini.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	.grandi_interventi_riga2{
		display: inline-block;
		background-image: url("../imm/back_grandi_interventi.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	.piccoli_interventi_riga2{
		display: inline-block;
		background-image: url("../imm/back_piccoli_interventi.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
}

@media screen and (max-width: 450px){
	.lav_pres{
		width: 95%;
		width:calc(100% - 50px);
	}
	.lav_pres_tit{
		font-size:1.4em;
	}
}