@charset "utf-8";
/* CSS Document */

#fasciatutteesigenze, #fasciacontattabottone{
	width:100%;
	float:left;
	margin-top:45px;
	margin-bottom:45px;}
	 #esigenze3box, #esigenze2box, #esigenze2boxbig, #esigenze1box, #diconodinoi{
	width:100%;
	float:left;
	margin-top:105px;
	margin-bottom:65px;}
	.esigenze a h3{
		font-size:14px;
		height:40px;
		text-transform:uppercase;
		font-weight:700 !important;
		color:#000;}
		.esigenze a:hover{color:#0082cc;
			text-decoration:none;}
			.esigenze a:hover >h3{color:#0082cc;}
			.esigenze a h3:hover{color:#0082cc;}
			.iconss a:hover > .iconeservizi{color:#999;}
		.esigenze{
		
			margin-bottom:100px;
			font-size:13px;}
			.bluebig{
				font-size:30px;}
				.bluebig:hover{
					color:#333;}
					.esigenze p{
						min-height:120px;}
						
						.icograndesingola{color:#0082cc;
							font-size:100px;}
							
							#bottonecontattatti{background-color:#0072bc;
							color:#fff;
	text-align:center;
				width:250px;
				right:0;
			
				margin-left:auto;
				margin-right:auto;
				padding-top:5px;
				padding-bottom:5px;
			
  }
							#bottonereferenze{background-color:#0072bc;
							color:#fff;
	text-align:center;
				width:100%;
				right:0;
			
				margin-left:auto;
				margin-right:auto;
				padding-top:5px;
				padding-bottom:5px;
			
  }
  #bottonecontattatti a{
	  text-decoration:none;
	  color:#fff;
	  font-weight:800;
	  font-size:24px;}
	   #bottonereferenze a{
	  text-decoration:none;
	  color:#fff;
	  font-weight:800;
	  font-size:18px;}
	  #bottonecontattatti:hover, #bottonereferenze:hover{
		  background-color:#757579;}
		   #bottonecontattatti:hover > a, #bottonereferenze:hover > a{
			   text-decoration:none;}
			   
			   .immarefrenze{
				   display:block;
				   height:110px;
			}
				   .vertical img{
					   max-height:100%;}
				   .referenze {
					   margin-bottom:75px;
					   font-size:13px;
					   text-align:center !important;}
					   .referenze a{
						   text-align:center !important;
						   font-weight:800;
						   font-size:17px;
						   color:#000;
						   text-decoration:none;}
						   
						   .referenze a:hover{color:#0082cc;
						   text-decoration:none;
							   }
							   
							  .immarefrenze {position: relative;}
						 .immarefrenze img	  { position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.referenze p{
	min-height:80px;}
	.referenze .bluebig{color:#0082cc;}
	.referenze .bluebig:hover{
		color:#333;}
		.nomeazienda strong{
			text-transform:uppercase;}
			.blue{text-transform:uppercase;
				color:#0082cc;}
				
			.titoliblue{
				text-transform:uppercase;
				color:#0082cc;
				font-size:18px;}
				.referenzelista{
					list-style-type:none}
				.referenzelista li:before{  font-family: 'icons8_win10' !important;
					content:"\ef8b";
						color:#0082cc;
						margin-right:6px;}
						.grigino{
							padding-top:15px;
							padding-bottom:15px;
							background-color:#f2f2f2;}
							#frame{
								padding:15px;
	border: 1px solid #0082cc;
}
#titoloperche{background-color:#0082cc;
padding:10px;
text-align:center;
color:#fff;
text-transform:uppercase;
font-weight:700;}

.grigino blockquote{
	font-weight:300;
	color:#999;
	font-size:14px;
	font-style:italic;}
	blockquote:before{
					content:" \" ";
					float:left;
					font-size:36px;
					font-weight:800;
						color:#9d9d9e;
						margin-right:10px;}
						blockquote:after{
							float:right;
					content:" \" ";
				font-size:36px;
					font-weight:800;
						color:#9d9d9e;
						margin-left:10px;}
						#circle{
							width:70px;
							height:70px;
							border-radius:50%;
							overflow:hidden;
							float:left;
							margin-right:10px;}
							.testimonial{
								display:block;
								margin-bottom:50px;}
								
									.testimonial strong{color:#0082cc;}
									.percent100 img{
										max-width:100%;}
										@media screen and (max-width: 767px)  {
									.margintop50mobile{
										margin-top:50px;}}