.col4 { display: block; position: relative; float: left; width: 23%; margin: 0 1%; padding: 0; font-weight: 400; }
.references-box { display: block; position: relative; width: 100%; margin-bottom: 30px; padding-top: 100%; background-color: #fff; box-shadow: 0 0 2px rgba(0,0,0,.3); } 
.references-box img { display: block; position: absolute; left: 2%; top: 2%; right: 2%; bottom: 2%; max-width: 96%; max-height: 96%; margin: auto; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.references-box img:hover { 
}
.clear { display: block; clear: both; margin: 0; padding: 0; }
.qtip-content { background: #3a519d; font-family: Arial, Helvetica, sans-serif;  padding: 11px 15px 11px 36px; font-size: 16px; font-weight: bold; color: #fff; }
.qtip-bootstrap { background-color: #3a519d !important; }
.qtipmaxwidth { max-width: 1200px; }
.qtip { border-radius: 6px !important; }

.references-box {
	overflow: hidden;
	display: block;
	cursor: pointer;
	/*width: 600px; /* da specificare */
	/*height: 600px; /* da specificare */
}
.references-box img {
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.references-box:hover img	{
 -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}