:hover{ transition: all 0.5s ease;}
body{font-family: 'Roboto'!important;
}
::selection{
	background-color:#8caec7;}
#back_to_top {

    position: fixed;
    bottom: 50px;
    right: 15px;
    cursor: pointer;
	z-index:10000;
	color:#333;
}


.normal{transition: all 0.5s ease;
	
	z-index:999;
		height:110px;
	/*	position:fixed;*/ }
	
.resize{transition: all 0.5s ease;
position:fixed;
		height:80px;
		


}



	.smalldopo{transition: all 0.5s ease;
transform: scale(0.7, 0.7);
-ms-transform: scale(0.7, 0.7);
-webkit-transform: scale(0.7, 0.7);}
			.bigprima{
		width:auto;}
		.bigdopo{transition: all 0.5s ease;
		width:auto;}
		
		
	#fasciatesta{
	/*	position:fixed;*/
		top:0px;
		left:0px;
		z-index:999;
		width:100%;
	
		background-color:#f4f4f4;}
		
		.navbar-default {
    background-color: transparent !important;
    border-color:transparent !important;
}
nav{font-family: 'Open Sans', sans-serif;
font-size:14px !important;}

ul.nav.navbar-nav li a{color:#706f6f !important;
font-family: 'Open Sans', sans-serif;}
ul.nav.navbar-nav li a:hover{color:#0072bc !important;}
.leftt{
	text-align:left !important;}
.rightt{
	text-align:right !important;}
	icosmall{	font-size:18px;}
.cerca input[type=text]{
	background-color:#fff;
	width:110px;
	border: 1px solid #cecece;
	/*border-radius:18px;*/
	padding-left:10px;
	font-size:13px;
}
.cerca{
	padding-top:15px;}
	.menuprimario{    padding-left: 35px;
	    margin-top: -20px;

    width: 100%;
    text-align: left;
    display: block;
		text-transform:uppercase;
		color:#0072bc;}
		.menuprimario a{
			font-weight:500;
					color:#0072bc;
		text-decoration:none;
		font-size:16px;}
			.menuprimario a:hover{
				color:#333;
				text-decoration:none !important;}
				#fasciablu{
					width:100%;
					float:left;
					
					font-size:14px;
								font-weight:300;
					color:#fff;
					padding-top:15px;
					padding-bottom:15px;
					background-color:#0072bc;}
					#fasciablu h3{font-family: 'Open Sans', sans-serif;
					font-weight:400;
						font-size:18px;}
						.buttonwhite{	text-decoration:none !important;
							background-color:#fff;
							padding:12px;
							font-weight:700;
							color:#757579;
			position:absolute;
			bottom:0px;
			left:0;
			width:100%;
			min-width:150px;
			text-align:center;
							
							display: inline-block;
vertical-align: bottom;

							
							}
							
							
							
							
	.buttonwhitesmal{	text-decoration:none !important;
							background-color:#fff;
							padding:12px;
							font-weight:700;
							color:#757579;
		
		
			width:120px;
		
			text-align:center;
							
							display: inline-block;
vertical-align: bottom;

							
							}						
							
					.buttonwhitesmal:hover{
						background-color:#666;
						color:#fff;}		
							
							
							
							
							
							
							.buttonwhite:hover{
							background-color:#757579;
							padding:12px;
							font-weight:700;
							color:#FFF;
							text-decoration:none !important;}
							.middle{
								position:relative;
								height:100px;
				  vertical-align: bottom;
									display: inline-block;}
									.icobigwhite:hover{color:#757579;}
									.icobigwhite{
										font-size:24px;
										color:#fff;
										}
										.icobiggrey{font-size:24px;
										color:#757579;}
										
										.icobiggrey:hover{
										color:#FFF;}
										
										
										.floatright{float:right;}
				.percent img{
					width:100%;}
				.compattata{
				
					float:left;
					margin:0px !important;
					padding:0px !important;}
				
					.box1{
						background-color:#e3ecf5;}
					.box2{
						background-color:#f3f8fc;}
					.box3{
						background-color:#ebf2f8;}
						.interc{	min-height:220px;
						position:relative;
							font-size:12px;
							font-weight:300;
							width:100%;
							display:block;
							padding:25px;
							}
							
								.interc h1{
									font-weight:900;
									font-size:20px;}
								#bottonemore{
	right:0px;
	padding:12px;
	background-color:#fff;
	text-transform:uppercase;
	font-weight:700;
	position:absolute;
	right:25px;
	bottom:20px;
	border: 2px solid #0082cc;
}
#bottonemore:hover{	background-color:#0082cc;
color:#fff !important;}
#bottonemore a:hover{
	text-decoration:none !important;
color:#fff !important;}

#bottonemore a{
	text-decoration:none !important;}
	#iconsgroup, #diconodinoi{
		margin-top:35px;
		margin-bottom:35px;
		width:100%;
		float:left;}
	.gropicons h2{
		margin-bottom:40px;
		color:#0072bc;
		text-align:center;
		font-weight:300 !important;
		font-size:30px;}
		
		 .dicono h2{
		margin-bottom:10px;
		color:#0072bc;
		text-align:center;
		font-weight:300 !important;
		font-size:30px;}
		
		
		 .new h2{
		margin-bottom:10px;
		color:#0072bc;
		text-align:center;
		font-weight:300 !important;
		font-size:30px;}
		
		.center{
			text-align:center;}
			.iconeservizi{
				font-size:36px;}
				.iconss{
			
					display:block;
					min-height:150px !important;}
					.iconeservizi{display:block;
					width:100%;
					font-size:50px;
			
					margin-bottom:8px;
					color:#0072bc;
			
				/*	min-height:60px !important;*/}
		
					.iconss a{
						text-decoration:none !important;
						font-weight:900;
						font-size:15px;
						color:#1d2127;}
							.iconss a:hover{color:#0082cc;}
							.esigenze a:hover > .iconeservizi{color:#999;}
							
							.imagess{
								display:block;
								min-height:150px;
								float:left;
								margin-right:15px;}
								.referenze strong{
									color:#000;
									font-size:16px;}
										.referenze{
											text-align:left !important;
											color:#0082cc;
											font-size:12px;}
											.referenze .small{
												display:block;
												color:#000;
												margin-bottom:10px;}
												#news{
													float:left;
													width:100%;
													background-color:#ebf2f8;}
													.new{
														margin-top:35px;}
														#fascianews{float:left;
													width:100%;}
													
													.paddingbig{
														padding:40px !important;}
.newsmain h4, #newssingola h4{
	font-weight:900;
	font-size:17px;}
	.newsmain,  #newssingola {

	font-size:12px;}
	.newsmain  date{
		color:#0072bc;
		font-size:16px;}
		 #newssingola  img{
			 margin-right:20px;
			 float:left;}
		 #newssingola date	 	{
			 display:block;
			 margin-top:5px;
					color:#818898;
					font-size:11px;}
					 #newssingola {
						 float:left;
						 margin-bottom:30px;}
			footer{
				padding-top:35px;
				padding-bottom:35px;
				background-color:#24262b;
				float:left;
				width:100%;}
				.indirizzo strong{
					text-transform:uppercase;
					/*color:#d4d4d4;*/
					color:white;}
						.indirizzo{
							color:#929297;
							font-size:12px;
							padding-top:4px;}
							.iconfooter{
								color:#9c9a9c;}
								.spacerleft{
									margin-left:100px;}
									.circle{
										padding-top:6px;
										text-align:center;
										vertical-align:middle;
										margin-left:8px;
										color:#9c9a9c;
										width:30px;
										height:30px;
										background-color:#fff;
										border-radius:50%;
										}
										.circle:hover{
											opacity:0.5;}
										.dimens{
											font-size:22px !important;}
											#lineaa{
												width:100%;
												height:1px;
												background-color:#5b5c60;
												float:left;
												margin-top:15px;
												margin-bottom:15px;}
												.chiaro{color:#5b5c60;
												font-size:11px;}
												.chiaro a{color:#5b5c60;
												}
												
												#fasciabia{
													float:left;
													width:100%;
													text-align:center;}
													
								#newsmoreall{
									float:right;
									}			
											
											
											
/*da qui la pagina chi siamo*/
.margintop50
{
	margin-top:50px;}
.margintop120
{
	margin-top:120px;}
	.margintop80
{
	margin-top:80px;}
.marginbottom120{
	margin-bottom:120px;}											
											
			#fasciaanni{
				width:100%;
				float:left;
				margin-top:100px;
				margin-bottom:0px;
				text-align:center;}								
					#annisotto{width:100%;
				float:left;
				margin-top:50px;
				margin-bottom:0px;
				text-align:center;}						
											
			 #fasciaanniimportant{
	background-image:url(../images/riga.png);
	font-weight:800;
	color:#0072bc;
	font-size:24px;
	width:100%;
	float:left;
	margin-top:50px;
	margin-bottom:0px;
	text-align:center;
	background-repeat: repeat-x;
}							

#fasciaceleste{
	width:100%;
		float:left;
				margin-top:-20px;
				margin-bottom:50px;
				background-color:#e3ecf5;
				padding-top:30px;
				padding-bottom:80px;}
		
						.titolino{
							background-color:#fff;
							padding-left:10px;
							padding-right:10px;}					
					
					
					
			.counter{
				font-size:50px;
				color:#0072bc;
				}		
				
#timeline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #0072bc;
}
#timeline:hover .tl-item {
  width: 23.3333%;
}

.tl-item {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  position: relative;
  width: 25%;
  height: 450px;
 /* height: 100%;
  min-height: 450px;*/
  color: #fff;
  overflow: hidden;
  -webkit-transition: width 0.5s ease;
  transition: width 0.5s ease;
}
.tl-item:before, .tl-item:after {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.tl-item:after {
  background: rgba(0, 114, 188, 0.55);
  opacity: 1;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.tl-item:before {
  background: -webkit-linear-gradient(top, transparent 40%, #0072bc 75%);
  background: linear-gradient(to bottom, transparent 40%, #0072bc 75%);
  z-index: 1;
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0) translateY(50%);
          transform: translate3d(0, 0, 0) translateY(50%);
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
}
.tl-item:hover {
  width: 30% !important;
}
.tl-item:hover:after {
  opacity: 0;
}
.tl-item:hover:before {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) translateY(0);
          transform: translate3d(0, 0, 0) translateY(0);
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease 0.25s;
  transition: opacity 1s ease, -webkit-transform 1s ease 0.25s;
  transition: opacity 1s ease, transform 1s ease 0.25s;
  transition: opacity 1s ease, transform 1s ease 0.25s, -webkit-transform 1s ease 0.25s;
}
.tl-item:hover .tl-content {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 0.75s ease 0.5s;
  transition: all 0.75s ease 0.5s;
}
.tl-item:hover .tl-bg {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}

.tl-content {
  -webkit-transform: translate3d(0, 0, 0) translateY(25px);
          transform: translate3d(0, 0, 0) translateY(25px);
  position: relative;
  z-index: 1;
  text-align: center;
  margin: 0 1.618em;
  top: 55%;
  opacity: 0;
}
.tl-content h1 {font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  color: #fff;
  font-size: 16px;
  font-weight: 800;
}
.tl-content h1 a{
	color:#fff;}
	.tl-content h1 a:hover{
		color:#0072bc;
		text-decoration:none !important;}
.tl-year {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  z-index: 1;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.tl-year p {font-family: 'Open Sans', sans-serif;
  font-size: 1.728rem;
  line-height: 0;
}

.tl-bg {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
  -webkit-transition: -webkit-filter 0.5s ease;
  transition: -webkit-filter 0.5s ease;
  transition: filter 0.5s ease;
  transition: filter 0.5s ease, -webkit-filter 0.5s ease;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
	
					
					
					
			.maxwidth img{
				max-width:100%;}		
					
					
					
					/*fine chi siamo*/						
											
										/*inizio pagina soluzioni*/
																		
			#fasciasoluzioni{
				width:100%;
				float:left;
				margin-top:30px;
				margin-bottom:0px;
				text-align:center;}			
									.soluzioni h2{
										color:#0072bc;
										font-weight:300;
										text-transform:uppercase;
										margin-bottom:35px;}
										
										
										
										
	.tl-title {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  z-index: 1;
 
}
.tl-title a{
	color:#fff;
	text-decoration:none;}
	.tl-title a:hover{
	color:#0072bc;
	text-decoration:none;}
.tl-title p {font-family: 'Open Sans', sans-serif;
font-weight:800;
  font-size: 20px;

}									
										
			.appof{
				margin-top:50px;}							
										
										
			#approfondisci{
				background-color:#0072bc;
				width:80%;
				margin-left:auto;
				margin-right:auto;
				margin-top:25px;
				padding-top:5px;
				padding-bottom:5px;}							
										
						#approfondisci a{
							color:#fff;}				
										
						#approfondisci:hover{
							background-color:#757579;}				
									#approfondisci a:hover{
										text-decoration:none !important;}		
										
#soluzioni1, #soluzioni2, #soluzioni3, #soluzioni4{
	padding-top:30px;
	padding-bottom:30px;
	text-align:center;
	margin-top:50px;
	width:100%;
	float:left;}		
	#soluzioni4{
		margin-bottom:30px;}
		#soluzioni3{
	padding-top:30px;
	padding-bottom:0px;
	text-align:center;
	margin-top:50px;
	width:100%;
	float:left;}		
		
		
		
		#fasciaform{
			width:100%;
			float:left;}
#soluzioni1, #soluzioni3{
	background-color:#e3ecf5;}	
	
	.soluzio{
		color:/*#333333;*/#1d2127;}
		.soluzio h3{
			margin-bottom:0px;
			margin-top:0px;
			padding-bottom:0px;
			padding-top:0px;
			text-transform:uppercase;
			color:#0072bc;} 
	
	#soluzionemoreleftt{
		background-color:/*#0072bc;*/#97c11f;
	text-align:center;
				width:40%;
		
				margin-left:5%;
				margin-right:5%;
				padding-top:5px;
				padding-bottom:5px;
				    position: absolute;
					left:0;
    bottom: 30px;}
	#soluzionemorerigtt{
		background-color:/*#0072bc;*/#97c11f;
	text-align:center;
				width:40%;
				right:0;
			
				margin-left:5%;
				margin-right:5%;
				padding-top:5px;
				padding-bottom:5px;
				    position: absolute;
    bottom: 30px;}
	#soluzionemorerigtt a, #soluzionemoreleftt a{
		color:#fff;}
		#soluzionemorerigtt:hover, #soluzionemoreleftt:hover{
							/*background-color:#757579;*/}				
									#soluzionemorerigtt a:hover, #soluzionemoreleftt a:hover{
										text-decoration:none !important;}	
	
	.elencosoluzioni{
	
		width:50%;
		float:left;
		display:block;
		margin-bottom:60px;}
		.elencosoluzionisempl {
			margin-bottom:50px;}
		.elencosoluzioni h4, .elencosoluzionisempl h4{
			color:/*#999999;*/#1d2127;
			text-transform:uppercase;}
			
			.elencosoluzioni h4:before, .elencosoluzionisempl h4:before{
				content:/*"|"*/none;
				color:#0072bc;
				font-weight:800;}		
				
				
				.contienicolonne{ display: flex;
 display: -webkit-flex;
 flex-flow: row nowrap;
 -webkit-flex-flow: row nowrap;
 align-items: stretch;
 -webkit-align-items: stretch;
 justify-content: space-between;
 -webkit-justify-content: space-between;
}
.colonne{/*display: flex;
 align-items: stretch;
 display: -webkit-flex;
 flex-direction: column;
 -webkit-flex-direction: column;*/

}

.floatleft{
	float:left;}
.marginright20{
	margin-right:20px;}
.margintop60{
	margin-top:60px;}
.elencosoluzioniseco{
	width:40%;}

.marginbottom50{margin-bottom:50px !important;}
.marginbottom25{
	margin-bottom:25px !important;}
.margintop25{
	margin-top:25px;}

#soluzionemorebig{
	background-color:/*#0072bc;*/#97c11f;
	text-align:center;
				width:90%;
				float:left;
			
			
				margin-left:2%;
				margin-right:2%;
				padding-top:5px;
				padding-bottom:5px;
				
}
#soluzionemorebig a{
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;}
	
#soluzionemorebig:hover{
							/*background-color:#757579;*/}			
	
	
	
	#fasciaform input, #fasciaform textarea{
		padding:6px;
		width:100%;
		margin-top:10px}
	
	#fasciaform input[type="submit"]{
	padding:6px;
	background-color:#0072bc;
	width:230px;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #0072bc;
	color:#fff;
}
	#fasciaform input[type="submit"]:hover{background-color:#757579;}
	.trasfimg{
		padding:0px !important;
		margin:0px !important;
	}
	.trasfimginterno{
		display:block;
		width:100%;
		overflow:hidden;
		height:415px;}
.trasfimg img:hover	{ -ms-transform: scale(2, 2); /* IE 9 */
    -webkit-transform: scale(2, 2); /* Safari */
    transform: scale(2, 2);
	filter: grayscale(0%);}
	
	
	.trasfimg img{filter: grayscale(100%);}
	
	
	
	
	
	
									/*fine soluzioni*/
											
							/*contatti*/
							#fasciaindirizzo{width:100%;
				float:left;
				margin-top:50px;
				margin-bottom:50px;
				text-align:center;}
								#fasciacontatti{
				width:100%;
				float:left;
				margin-top:0px;
				margin-bottom:0px;
				text-align:center;}	
				
				.icocontatti{
					float:left;
					margin-right:10px;
					margin-bottom:30px;
					font-size:30px;}
				.giorni{
	width:100%;
	float:left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	text-transform:uppercase;
	margin-bottom:6px;
					}
					.giorni strong{
						font-weight:300 !important;
						width:120px;
						display:block;
						float:left;}
				
							/*fine contatti*/	
							
							
							/*prodotto*/
							#fasciaprodotto{	margin-bottom:50px;
								margin-top:50px;
								width:100%;
								float:left;}
								.testoprodotto{
									font-weight:300;
									font-size:13px;}
							h1.prodotto{font-weight:300;
							color:#0072bc;}
							.icoprodotto{
								color:#0072bc;
								font-size:50px;}
									.risorse{
										float:left;
										margin-right:10px;
								color:#0072bc;
								font-size:50px;}
								.caratteristicheprodotto h3{
									text-transform:uppercase;
									color:#333333;
									font-size:18px;
									font-weight:700;}
										.caratteristicheprodotto {
											margin-bottom:60px;}
											#fasciacaratteristiche{	background-color:#e3ecf5;
											width:100%;
											margin-bottom:50px;
											margin-top:50px;
											padding-top:65px;
											padding-bottom:45px;
											float:left;
											text-align:center;}
											#fasciaprodgrigia{background-color:#e5e5e5;
											width:100%;
											margin-bottom:50px;
											margin-top:50px;
											padding-top:25px;
											padding-bottom:25px;
											float:left;
											text-align:center;}
											.scaricarisorse{
												min-height:50px !important;
												display:block;
												margin-bottom:5px;
									
												text-align:left;}
												#fasciapossibilita{width:100%;
											margin-bottom:50px;
											margin-top:50px;
											padding-top:35px;
											padding-bottom:45px;
											float:left;
											text-align:center;}
											 #fasciaslogan{width:100%;
											margin-bottom:50px;
											margin-top:20px;
										
											float:left;
											text-align:center;}
											.slogan{
												color:#0072bc;
												font-weight:800;
												font-size:28px;
												text-transform:uppercase;}
							/*fineprodotto*/			
													
												@media screen and (min-width: 768px)  {
													
														#fasciatesta.resize .nav.navbar-nav{transition: all 0.5s ease;
															display:none !important;
															opacity:0 !important;}
															
															 #fasciatesta.resize .menuprimario{transition: all 0.5s ease;
																 margin-top:-35px ;}
															
															
															}
															
															
															@media (min-width: 767px) and (max-width: 1024px) {
																.mobilehide{
																	display:none;}
																
															.nav > li > a{
	padding-right: 4px !important;
	padding-left: 4px !important;
}	
			.menuprimario {
    padding-left: 25px;}			
	.mobilelarge{
		padding-left:0px  !important;
		padding-right:0px  !important;
		/*width:50% !important;*/}		
		
		
		.iconss a{
			font-weight:500;
			font-size:14px;}
									
																}
												
											/*	#resizesame{ display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
 
}


#resizesame .iconss
{ 
width:auto !important;
background-color:pink; }*/


	@media screen and (max-width: 767px)  {
		
		
	#fasciatesta	.col-sm-3 {
		float:left;
    width: 25%;
  }
	#fasciatesta  .col-sm-5.mobilelarge{	float:left;
 width:55%;}
 
 
 
	#fasciatesta  .col-sm-2.cerca{
		float:left;
		width:20%;}
		#fasciatesta 	.cerca .icosmall{
			float:left;}
		
		#fasciatesta 	.cerca input{
			width:85%;
			float:left;}
		
		#fasciatesta 	.col-sm-7{
			width:100%;
			float:left;
			text-align:center;}
			
			#fasciatesta 	.menuprimario{
				text-align:center;}
			
			
			
		#fasciaform input, #fasciaform textarea{
			margin-bottom:20px;}
		.marginbottom25mobile{
			margin-bottom:25px;}
		.col-sm-6.leftt.soluzio{
			margin-top:30px;}
		.contienicolonne{display: block;
    display: block;
    flex-flow: block;
    -webkit-flex-flow: block;
    align-items: block;
    -webkit-align-items: block;
    justify-content: block;
    -webkit-justify-content: block;}
	.col-sm-3.appof{
		display:block;
		margin-bottom:85px !important;
}
		#soluzionemoreleftt, #soluzionemorerigtt{
			margin-bottom:20px;
			margin-left:auto;
			margin-right:auto;
			position: static;}
			.elencosoluzioni{
				float:none;
				margin-bottom:0px;
				width:100%;}
		
			
			
			
			
		.mobilehide {
    display: none;
}
		#fasciatesta.resize, #fasciatesta.normal{
			height: auto !important;}
			
	
			
	
			
		
	#resizesame .col-sm-2.center.iconss{
		float:left;
		width:33%;}
		footer .col-sm-3.center.percent img{
			width:150px;}
			
			.slick-prev, .slick-next{
	display:none !important;}
	
	.slick-dots li button:before{
		font-size:36px !important;
		color:#0072bc !important;}
			
		}
		
			@media screen and (max-width: 767px)  {	}
		@media (min-width: 681px) and (max-width: 767px) {	
}




}
		
		@media screen and (max-width: 680px)  {	
		#fasciablu .col-sm-4.rightt.middle, 	#fasciablu  .col-sm-2.rightt.middle{
			width:100%;}
		.tl-content h1 {font-family: 'Open Sans', sans-serif;
		width:80%;
		margin-left:10%;
		margin-right:10%;
  text-transform: uppercase;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
}
	.tl-content	{
	margin-top: 0;
	margin-right: 0em;
	margin-bottom: 0;
	margin-left: 0em;
}
		
		.buttonwhite{
			margin-left:auto;
			margin-right:auto;
			min-width:300px;
			margin-top:30px;}
		
	}

@media (min-width: 501px) and (max-width: 680px) {		}
@media screen and (max-width: 500px)  {
	
		
		
	#fasciatesta	.col-sm-3 {
		float:left;
    width: 35%;
  }
	#fasciatesta  .col-sm-5.mobilelarge{	float:left;
 width:35%;}
 
 
 
	#fasciatesta  .col-sm-2.cerca{
		float:left;
		width:30%;}
		#fasciatesta 	.cerca .icosmall{
			float:left;}
		
	.menuprimario a{
		font-size:14px;}
		

				
				
				
				
	
	
		
		.smalldopo{transition: all 0.5s ease;
transform: scale(1, 1);
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);}
.logo{

	    position: relative;
    
    z-index: 999;}
.logo:hover{
	opacity:0.5;
	transition: all 0.5s ease;}

}


@media screen and (max-width: 320px)  {#fasciatesta  .col-sm-5.mobilelarge{	float:left;
 width:30%;}
 
 #fasciatesta  .col-sm-2.cerca{
		float:left;
		width:35%;}
 .menuprimario a{
		font-size:13px;}
		.menuprimario {
    padding-left: 0px;}
 
 }
 
 #newstitolocol{
	 float:left!important;
 }
 

 /* CSS PER FILTRI */
 
#nav-settori,
#nav-soluzioni {
	width: 300px;
	background: #f4f4f4;
}

#nav-settori input[type="checkbox"],
#nav-soluzioni input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	height: 0;
}

#nav-settori label,
#nav-soluzioni label {
	display: block;
	width: 100%;
}

#label-settore,
#label-soluzione {
	padding: 15px 20px;
	background: #348ec9;
	color: white;
	font-size: 1em;
	font-variant: small-caps;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
}

#label-settore::after,
#label-soluzione::after {
	content: "+";
}

#nav-settori ul.slide,
#nav-soluzioni ul.slide {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 0;
	overflow: hidden;
	transition: height .4s ease;
}



#touch-settore:checked ~ ul.slide,
#touch-soluzione:checked ~ ul.slide {
	height: 135px;
}

#nav-settori ul.slide li,
#nav-soluzioni ul.slide li {
	padding: 12px 20px;
	border-bottom: 1px solid #ccc;
}

#nav-settori ul.slide li a,
#nav-soluzioni ul.slide li a {
	text-decoration: none;
	color: #2d2f31;
	font-size: 14px;
}

#nav-settori ul.slide li a:hover,
#nav-soluzioni ul.slide li a:hover {
	color: #348ec9;
}