/* Effetto di opacity */

.boxes .cover-img, .grid-view-it .info-result{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 6;
	/*background-color: #000;*/
	background-color: rgba(100, 100, 100, 1);
	color: white;
	opacity: 0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s; /* old firefox */
    -o-transition: all 0.5s; /* old opera */
    -ms-transition:all 0.5s;
	transition: all 0.5s;
}

.boxes .title-box{
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 5;
	color:#fff;
	text-transform: uppercase;
	background-color: rgba(100,100,100,0.85);
	padding: 5px 10px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s; /* old firefox */
    -o-transition: all 0.5s; /* old opera */
    -ms-transition:all 0.5s;
	transition: all 0.5s;
}

.boxes .cover-img{
	height:calc(100% - 10px);
	margin-bottom: 0px!important;
}



.boxes .cover-img div{
	margin-bottom: 0px!important;
	padding-top: 15px;
}

.boxes a:hover .cover-img{
	opacity: 0.75;
}

.boxes a:hover .image-box>span{
	opacity: 0;
}


.result-imgBox .result-img .title-cover{
	position: absolute;
	font-size: 1.0em;
	color: white;
	text-align: center;
	text-transform: uppercase;
	bottom: 8px;
	left: 0;
		background-color: rgba(100,100,100,0.85);
	padding: 5px 10px;
	opacity: 1;
	width: 100%;
}


/*.boxes .cover-img:hover, .grid-view .result-img:hover .info-result, .grid-view-it .result-img:hover .info-result{
	opacity: 0.75;
}*/

.boxes .cover-img div>.title-cover{
	display: block;
	width: 100%;
	padding-bottom: 5px;
	text-transform: uppercase;
	border-bottom: solid 2px white;
	font-size: 1.0em;
}

.boxes .cover-img div>.desc-cover{
	display: inline-block;
	width: 100%;
	padding-top: 10px;
	font-size: 1;
}

/* Effetto slide up */

.box-container .boxes .result-img .info-cover{
	position: absolute;
	bottom: -15vw;
	left: 0;
	height: 15vw;
	background-color: rgba(0,0,0,0.6);
	padding: 10px;
	opacity: 1;
	-webkit-transition: bottom 0.4s linear;
	transition: bottom 0.4s linear;
}

.box-container .boxes.dir-vert .result-img .info-cover{
	-webkit-transition: bottom 0.8s linear;
	transition: bottom 0.8s linear;
}

.result-img:hover .info-cover {
    bottom: 0px!important;
}




/* Effetto zoom immagine (usato in elenco citta - grid-view) */

.results .result-img{
	height: 15vw;
	overflow: hidden;	
	background-size: cover;
	background-position: center;
}

.results .result-img .image-bg{
	background-size: cover;
	background-position: center;
	height: 100%;
	-webkit-transition: transform 0.2s linear;
	transition: transform 0.2s linear;
}

.results .result-img:hover .image-bg{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

/* Effetto aggiunta ombra bottone dettagli (usato in elenco cittą - list-view) */

.list-view .info-detailed a, .list-view .info-detailed a:hover, .list-view .info-detailed a:visited{
	float: right;
	display: inline-block;
	background-color: #E26439;
	color: white;
	padding: 10px;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 5px;
	margin-top: 5px;
	-webkit-transition: box-shadow 0.2s linear;
	transition: box-shadow 0.2s linear;
}

.list-view .info-detailed a:hover{
	box-shadow: 2px 2px 7px #000;
}


@media only screen and (max-width: 768px) {
	
	.boxes .cover-img{
	height:calc(100% - 0px);
	margin-bottom: 0px!important;
}
	
}