/* Copyright (c) DELTA X MULTIMEDIA -  Tutti i diritti sono riservati. */
/* CSS Document */
/* Foto-Gallery */

img {
	display: block;
	max-width: 100%;
	height: auto;
	width: auto;
	
}

.img-gallery {
	float:left;
	width:23.5%;
	margin-right:2%;
	/*margin-bottom: -4px;*/
}

.img-gallery:nth-child(4n) {
	margin-right:0px;
}



/*img:hover {
	opacity: .8;
	-webkit-transition: opacity 0.8s;
	-moz-transition:    opacity 0.8s;
	-o-transition:      opacity 0.8s;
}*/


.img_photo
{
	
	box-sizing:border-box;
	/*border:1px solid #666;  <--  07/02/25     */
	margin:0 auto;
	/*margin-bottom:20px;*/
	
}


.img_zoom {
	display: inline-block;
	position:relative;
	width: 100%;
	height: 100%;
	
}

.img_zoom span {
	
	position: absolute;

	top:48%;
	left:49%;

	transform: translate(-48%, -49%);

	color:#fff;

	opacity: 0;
	
	font-size:60px;

	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
	
}

.img_zoom:hover span{
	opacity: 1;
}


.crop
{
  /*border: 1px solid #000;*/
  box-sizing:border-box;
  float: left;
  height: 180px;
  width: 100%;
 /*background:#000;*/
  margin-bottom:20px;
}

.crop img
{
  height: 100%;
  width: 100%;
}

.fill {
  object-fit: fill;
}

.contain {
  object-fit: contain;
}

.cover {
  object-fit: cover;
}

.none {
  object-fit: none;
}

.scale-down {
  object-fit: scale-down;
}



@media screen and (max-width: 1024px)
{
	.img-gallery {
		width: 32%;
	}
	
	.img-gallery:nth-child(4n) {
		margin-right:2%;
	}
	
	.img-gallery:nth-child(3n) {
		margin-right:0px;
	}
	
	.crop
	{
		margin-bottom:16px;
	}	

}


@media screen and (max-width: 740px)
{
	
	.img-gallery {
		width: 49%;
	}

	.img-gallery:nth-child(4n) {
		margin-right:2%;
	}
	
	.img-gallery:nth-child(3n) {
		margin-right:2%;
	}

	.img-gallery:nth-child(2n) {
		margin-right:0px;
		
	}	
	
	.crop
	{
		margin-bottom:13px;
	}		
}

/*
@media screen and (max-width: 768px) {
	.img-gallery {
		width: 48%;
		margin: 1%;
	}
}*/

@media screen and (max-width: 480px) {
	.img-gallery {
		width: 100%;
		/*margin-right:1%;*/
		margin-right:0px;
	}
	
	
	/*.crop
	{
		height:240px;
	}*/

	.crop
	{
		height: 100%;
		width: 100%;
	}

}