@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;500;700;900&display=swap');

* {
margin: 0;
}

html, body {
    height: 100%;
    width: 100%;
    font-family: 'Red Hat Display', sans-serif;
    font-size: 16px;
    color: #666;
    line-height: 22px;
    background-color: #fff;
    min-height: 100%;
    display: inline-block;
    font-weight: 400;
}

@media screen and (min-width: 980px) {
	html, body {background-size:inherit;}
}

#__cookies__ > p {color:#FFF!important;}


 .os-animation{
	opacity: 0;
}  
.os-animation.animated{
	opacity: 1;
} 


a.socc {font-size:24px;margin:0 5px;color: #93335C;}
a.socc:hover {color:#444;}

.transition		{
				-moz-transition: all 0.2s ease-in-out;
				-webkit-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				-ms-transition: all 0.2s ease-in-out;
				}
				
.transition2		{
				-moz-transition: all 0.8s ease-in-out;
				-webkit-transition: all 0.8s ease-in-out;
				-o-transition: all 0.8s ease-in-out;
				-ms-transition: all 0.8s ease-in-out;
				}	

.transition-slow		{
				-moz-transition: all 1s ease-in-out;
				-webkit-transition: all 1s ease-in-out;
				-o-transition: all 1s ease-in-out;
				-ms-transition: all 1s ease-in-out;
				}	

strong, .bold 			{font-weight:700;}
.regular		{  font-weight:400;}

.clearface {font-family: clearfaceregular;}

.mail-contatti:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f0e0';
    padding: 0 5px 0 0;
}

.tel-contatti:before { font-family: "Font Awesome 5 Free"; font-weight: 900;content:  '\f095'; padding: 0 5px 0 0;}


p > a {text-decoration: underline;}
p > a:hover {text-decoration: none;}


h1					{
						margin: 0 0 5px 0;
						padding: 0 0 20px 0;
						font-size: 35px;
						display: inline-block;
						width: 100%;
						line-height: 1.1em;
						font-weight: normal;
						font-weight: 400;
						color: #11385c;
						} 
						
h2, h1.tit-h2					{
						margin: 0 0 20px 0;
						font-size: 22px;
						width: 100%;
						line-height: 1em;
						display:inline-block;
						font-weight: normal;
						}	



h1.h1mini, h2.h2mini {
    font-size: 1em!important;
    color: #93335C;
    letter-spacing: 1px;
    font-weight: 600;
	text-transform: uppercase;
}

h1.h1big, h2.h2big {font-size:34px!important; font-weight:300;}

h3.h3big {
    font-size: 2em;
    line-height: 1.3em;
    font-weight: 300;
}

p.big {font-size:20px; width: 100%;}
/*.h3big > em {color:#666!important;}*/



.mobile {display: inherit!important;}
.desktop {display: none!important}

.half-co {width: 100%; float:left; padding: 20px 0; box-sizing: border-box;}


.mob-slide {}

.no-slide {width:100%;min-height: 70vh;float:left;box-sizing: border-box;display: table;}
.int-no-slide {display: table-cell;vertical-align:middle;height: 100%;width: 100%;font-size: 2em;float: left;color: #11385c;font-weight: 900;text-transform: uppercase;line-height: 1em;margin: 0 0 20px;} 


.foto-home {background-image:url(/template/1053/img/home-slide-mobile.jpg);background-size: cover;background-position: center left;/* display: table-cell; *//* vertical-align:middle; */height: 100%;width: 100%;min-height: 400px;float: left;}

.domanda {width:100%;padding:0 0 0 30px;border-left:3px solid #11385c;box-sizing: border-box;font-weight:500;float: left;font-size: 1.6em;color: #11385c;line-height: 1em;text-shadow: 1px 1px 2px rgba(255,255,255,0.7);}

.blocco-2-home {background-image:url(/template/1053/img/blocco-home-02-mobile.jpg); background-size:cover; background-position: center;}
@media screen and (min-width: 980px) {
	
	.blocco-2-home {background-image:url(/template/1053/img/blocco-home-02.jpg);}
	.mob-slide {background:none;}
	
	.int-no-slide {display: table-cell;vertical-align:middle;height: 100%;width: 50%;font-size: 2em;float: none;color: #11385c;font-weight: 900;text-transform: uppercase;line-height: 1em;} 


	.foto-home {background-image:url(/template/1053/img/home-slide-mobile.jpg);background-size: cover;background-position: center left;display: table-cell;vertical-align:middle;height: 100%;float: none;width: 50%;min-height: auto;}
	
	.half-co {width: 50%; float:left; padding: 20px 0; box-sizing: border-box;}
	
	.mobile {display: none!important;}
	.desktop {display: table-cell!important}
	h1.h1big {
    font-size: 2.5em!important;
    line-height: 1.4em;
    font-weight: 300;
}
	h2.h2big {
		font-size: 2.5em!important;
    line-height: 1.4em;
    font-weight: 300;
	}
	h3.h3big {
    font-size: 2.5em!important;
    line-height: 1.4em;
    font-weight: 300;
}
}


.logo-mobile {width: auto;margin: 10px 0;float: left;}
.logo-mobile > img {width: 120px;}

@media screen and (min-width: 1190px) {
	
	.logo-mobile {display: none}
}


.left-box {display: table;float: left;}
.right-box {display: table;float:left;}
.right-box-int {display: table-cell;vertical-align:middle;color: #11385c;height: 100%;}

.right-box2 {display: table;float:left; margin-bottom:40px;}
.right-box2-int {display: table-cell;vertical-align:middle;color: #11385c;height: 100%;}

.round {width:100%; float:left; border-radius: 100%; overflow:hidden;}
.s-medium {font-size:1.4em; line-height: 1.2em;}
.s-xl {font-size:1.8em; line-height: 1.2em;}
.w-medium {font-weight:500;}
.w-black {font-weight:900;}
.w-bold {font-weight: 700!important;}
.blu {color:#11385c;}
.center {text-align: center;}
@media screen and (min-width: 980px) {
.s-xl {font-size: 2em;line-height: 1.4em;}	
.left-box {width:30%;height: 100%;}
.right-box {width:70%;height: 100%;min-height: 400px;box-sizing: border-box;padding: 0 0 0 100px;}
.right-box2 {width:70%;height: 100%;min-height: 400px;box-sizing: border-box;padding: 0 100px 0 0px; margin:0;}	
}
.bianco  {color:#FFF;}



ul.list-contatti > li {position:relative; padding:0 0 0 30px;margin:0 0 5px;}
ul.list-contatti > li > i {position:absolute; left:0; top:0; line-height: 20px}

.button {border:1px solid #11385c;color:#11385c;padding:0 20px;line-height: 45px;text-align: center;margin:20px 0 0 0;float:left;border-radius: 4px;font-size: 14px;letter-spacing: 0.1em;font-weight: 400;}
.button:hover {background:#11385c; color:#FFF;}


.button-bianco {border:1px solid #fff;color:#fff;padding:0 20px;line-height: 45px;text-align: center;margin:20px 0 0 0;display:inline-block;border-radius: 4px;font-size: 14px;letter-spacing: 0.1em;font-weight: 400;}
.button-bianco:hover {background:#fff; color:#11385c;}

	
a						{color: #222;text-decoration:none; font-weight:normal;}
a:hover					{color: #000;text-decoration:normal;}  

em						{font-style:italic;}
u						{ text-decoration:underline;}

p						{/*margin:0 0 5px 0;*/display:inline-block;line-height: 1.6em;color: #666;}

ul {/* color:#232323; */}

.uppercase			{ text-transform:uppercase;}

.cover				{ background-position:center; background-size:cover; background-repeat:no-repeat;}
.contain			{ background-position:center; background-size:contain!important; background-repeat:no-repeat;}
.opacity:hover			{ opacity:0.75;}

.wrapper {min-height: 100%;height: 100%;margin:0 auto/*-300px*/;/*background:#EFEFEF;*/position:relative;width:100%;/*overflow-x: hidden;	*/}


.half_slide		{width:100%; float:left;margin-top: 81px; }
.half_slide.aa {margin-top:30px; margin-bottom:60px; height: 880px;}

.int_slide		{     
	width:96%;
    display: block;
    margin: 0 auto;}
 
.line-slide {
    /* width: 40%; */
    /* margin: 15px 30%; */
    /* display: inline-block; */
    /* height: 3px; */
    /* background: #92335c; */
}

.slick-dots li button:before {opacity:0.65!important;}

.slick-dots li button:before {height: 18px!important;}
.slick-list {z-index:2;}
.slide_home_due		{ 
		float: left;
    height: 318px;
	box-sizing: border-box;
		width:100%;
		padding:20px 6%;
	margin:0 0 30px 0;
	}
.slick-dots li button:before {border-radius: 100%!important;}

.box_slide {width:100%;}
.news_slide { float:left; width:100%; box-sizing:border-box;}
.news_slide > .foto_news_s {width:100%; height: 150px; float:left; margin:0 0 10px 0; background-position: center; background-size: cover;}

.news_slide:hover {opacity:0.75;}

.txt_news_s {float:left; width:100%; height: 180px; padding:0 0 20px 0; overflow: hidden;}
.txt_news_s > strong {color:#232323;}
.txt_news_s > p {    display: inline-block;
    line-height: 16px;
    display: -webkit-box;
    font-size: 14px;
    height: 128px;
    -webkit-line-clamp: 4;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.txt_news_s > div {
font-size: 1em;
font-weight:600;
line-height: 1.2em;
margin: 0 0 5px 0;
}

.news_slide:nth-child(even) {padding:0 0 0 10px;}
.news_slide:nth-child(odd) {padding:0 10px 0px 0;}


.cont-testimonianze {/* width:100%!important; */float:left;text-align: center;padding: 0 2%!important;box-sizing: border-box;}
.cont-testimonianze > p {
    max-width: 980px;
    padding: 0 0 100px;
}




ul.lista {padding:0; margin:0; float:left; }

ul.lista > li {
	width:100%;
	float:left;
	margin: 10px 0;
	list-style-type: none;
	padding: 0 0 0 25px;
	box-sizing: border-box;
	position: relative;
}

ul.lista > li:before {
	font-family: Font Awesome\ 5 Free;
	content: "\f058";
	position: absolute;
	left: 0;
	top: 0;
	color: #93335C;
} 










@media screen and (min-width: 720px) {
	.half_slide		{width:100%; float:left;margin-top: 122px; }
.half_slide.aa {margin-top:60px;  height: 500px;}
	.news_slide {width:50%;}

}

@media screen and (min-width: 980px) {
	.aside {	
	position: relative;
    top: -100px;
    left: -40px;
    z-index: 2;
	}	
.int_slide {
    height: 622px;
    overflow: hidden;
	
	
}
	
	
	.slide_home_due		{ 
		float: left;
    height: 418px;
	box-sizing: border-box;
		width:100%;
		padding:20px 6%;
		margin:0;
	}
	
	.half_slide {width:50%; margin-top: 121px;}
	.half_slide.aa {margin-top:121px; margin-bottom:0; height:500px;}
}

.slide_marchi_home > ul.slick-dots {
    bottom: 20px;
    margin: 0;
	left: -20px;
	
}




.slick-next, .slick-prev		{ display:none !important;}




.slick-dots li {margin: 0 10px!important;}

.slick-dots li.slick-active button:before {
    opacity: 1!important;
    color: #92335c;
    background: #92335c;
}
 
.slick-dots li.slick-active button	{ opacity:1;}

.slick-dots li button:before {
    font-size: 0px;
}

.slick-dots li button:before {color: #ccc;width: 18px;background: #ccc;}
.slick-dots li button:before {content:"\f0c8";font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

ul.slick-dots {
    text-align: center!important;
}
    


.slide_home_item		{
								display:table!important;
								min-height:300px;
								background-size: cover;
								background-position: center;
								text-align: center;
								/* height:400px; */
								background-repeat: no-repeat;
								position:relative;
								}
.slide_home_int		{
								width:100%;
								margin:0 auto;
								position: relative;
								z-index: 1;
								height:auto;
								text-align:right;
								z-index: 4;
								box-sizing:border-box;
								padding: 20px;
								text-align: center;
								font-family: 'clearfaceregular';
								color:#FFF;
								text-transform: uppercase;
								vertical-align: middle;
								display: table-cell;
								}
@media screen and (min-width: 720px) {
	.slide_home_int         {max-width:600px;  min-width:300px; box-sizing:border-box; padding:20px;}	
.slide_home_item		{
								display:inline-block;
								height:520px;
								background-size: cover;
								background-position: center;
								text-align: center;
								background-repeat: no-repeat;
								/* background-color:#EFEFEF; */
								}
	

}


@media screen and (min-width: 980px) {
	.slide_home_int {padding:40px;}
.slide_home_item		{
								display:inline-block;
								height: 100%;
								background-size: cover;
								background-position: bottom center;
								text-align: center;
								background-repeat: no-repeat;
								/* background-color:#EFEFEF; */
								text-transform: uppercase;
								}
	

}



								
.slide_home_title		{
								color: #333;
								font-size: 28px;
								line-height: 34px;
								display:inline-block;
								width: 90%;
								text-align: left;
								padding: 0 5%;
								position: relative;
								float:left;
								BOX-SIZING:BORDER-BOX;
								margin-top: 26vh;
								top: -50%;
								font-weight: 400;
								text-transform: none;
								}			

	@media screen and (min-width: 980px) {
		.slide_home_title		{
								color: #333;
								font-size:22px;
								line-height:30px;
								display:inline-block;
								width: 90%;
								text-align: left;
								padding: 0 5%;
								position: relative;
								float:left;
								BOX-SIZING:BORDER-BOX;
								margin-top: 40vh;
								top: -50%;
								font-weight: 400;
								}
}

.slide_home_desc, .slide_home_desc p		{
								color:#fff;
								font-size:20px;
								line-height:1em;
								display:inline-block;
								width:100%;
								padding:5px 0% 0 0%;
								box-sizing: border-box;
								float:left;
								text-align: center;
								font-family:clearfaceregular;
								}



.slide_home_abs			{ color:#FFF;
								font-size:1.7em;
								line-height:1em;
								display:inline-block;
								width:96%;
								padding:10px 2% 0 2%;
								text-shadow: 0px 2px 0px #222;
								text-align:left;}																					

@media screen and (min-width: 720px) {
	
	
	.slide_home_title		{
								font-size:30px;
								line-height: 1.3em;
								}	
	
.slide_home_desc, .slide_home_desc p				{	font-size:24px;
								line-height:1.1em;
								
								}	
}

@media screen and (min-width: 980px) {
	.slide_home_title		{
								font-size: 46px;
								}	
	
.slide_home_desc, .slide_home_desc p		{	font-size:32px;
								
								}	
	
}

.slide_home_item > .int	{ z-index:1;} 

ul.slick-dots {
    z-index: 2;
    width: 100%;
    float:left;
    bottom: 45px!important;
    box-sizing: border-box;
    padding: 0 20px;
}

@media screen and (min-width: 980px) {
	ul.slick-dots {
    z-index: 20;
    width: 100%;
    float:left;
    box-sizing: border-box;
}
}


a.slide_home_action	{
	background: #ff5656;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 56px;
    padding: 0px 30px;
    display: inline-block;
    margin: 30px 2% 0 0%;
    top: auto;
    text-align: center;
	font-weight:600;
	float:left;
	border-radius:5px;
}
@media screen and (min-width: 720px) {
a.slide_home_action	{
    margin: 30px 2% 0 0%;
}
}									
a.slide_home_action:hover	{ background:#232323; color:#FFF;}			

a.slide_home_action > i		{ display:none;}	

.center > a.slide_home_action {margin:30px 0 0 0;}
 
 .filter						{
 								/* background: rgba(0,0,0,0.4); */
 								width: 100%;
 								height: 100%;
 								position: absolute;
 								top: 0;
 								left: 0;
 								z-index:1;
 							}
								
.header {margin:0 auto;width: 100%;padding:10px 0;box-sizing:border-box;/* position:fixed; */top:0;left:0;z-index:100;background: #FFF;text-align: center;}


.slide_home {margin:0 auto;height: 70vh;width: 100%;box-sizing:border-box;}
.int							{width: 100%;padding: 0 6%;margin:0;/* display: table; */position:relative;z-index: 2;box-sizing: border-box;width: 100%;}	

a.rounded {
    color: #FFF!important;
    background: #93335C;
    padding: 12px 15px;
    border-radius: 50px;
    font-weight: 600;
}

a.rounded:hover {
    color: #FFF;
    background: #222;
}
@media screen and (min-width: 980px) {
	.header {padding:0;}
	.slide_home {height:90vh;}
}

@media screen and (min-width: 1440px) {
.int							{ max-width:1400px; padding:0; margin:0 auto; position:relative; z-index: 2;}
}


.box-home-left, .box-home-right {width:100%; padding: 60px 2%; color:#FFF; box-sizing: border-box; float:left; background-size: cover; background-position: center;}

@media screen and (min-width: 720px) {
.box-home-left {width:50%; padding: 50px 2%; min-height: 100px; min-height: 500px;}
.box-home-right {width:50%; padding: 50px 2%; min-height: 100px; min-height: 500px;}
}


ul.spunte-bianche {color:#fff; padding:0;}
ul.spunte-bianche > li {list-style: none; float: left; width:100%; color:#FFF; margin:0 0 10px 0;}


ul.spunte-bianche > li::before {
    /* content: counter(my-awesome-counter) " "; */
    content: '\f00c';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #fff;
    font-weight: bold;
    width: 22px;
    height: 22px;
    line-height: 24px;
    float: left;
    text-align: left;
    margin: 0 5px 0px 0;
    font-size: 15px;
}

ul.spunte-bianche2 {color:#222; padding:0;}
ul.spunte-bianche2 > li {list-style: none; float: left; width:100%; margin:0 0 10px 0;}


ul.spunte-bianche2 > li::before {
    /* content: counter(my-awesome-counter) " "; */
    content: '\f00c';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #ff5656;
    font-weight: bold;
    width: 22px;
    height: 22px;
    line-height: 24px;
    float: left;
    text-align: left;
    margin: 0 5px 0px 0;
    font-size: 15px;
}

.call {
    color: #FFF;
    font-family: oswald;
    border-radius: 5px;
    background: #ff5656;
    padding: 16px 20px;
    float: left;
    font-size: 22px;
    margin: 30px 0 0 0;
}

.call2 {
    color: #FFF;
    font-family: oswald;
    border-radius: 5px;
    background: #ff5656;
    padding: 8px 12px;
    font-size: 16px;
    margin: 20px auto;
    display: table;
}

.img-slide-marchi {
    height: auto;
    padding: 20px 15px;
    background: #FFF;
    margin: 20px 0;
	/*width:auto!important;*/
	float:left;
}
/*
.slide_marchi_home {
    float: left;
    width: 100%;
}
*/

.space {height: 40px;width: 100%;display: table-cell;float:left;}
.space-h {margin-bottom: 15px;}
.testata	{
	max-width:100%; padding:0 2%; margin:0;
	min-height:180px;
	position:relative;
	overflow:hidden;
	background-color:#000;
	background-size:cover;
	margin-bottom: 32px;
	box-sizing: border-box;
}

.testata-interna { padding:20px 0 20px 0; }
.testata-big {padding:120px 0!important; position:relative;}
.testata-big > h1 {position:absolute; left:0; top:0; background:#FFF;  padding:15px 15px 15px 0; width: auto; border:0; font-size:30px;}


.testata-big2 {padding:60px 0!important; position:relative;}
.testata-big2 > h1 {position:absolute; left:0; top:0; background:#FFF;  padding:15px 15px 15px 0; width: auto; border:0; font-size:30px;}

 @media screen and (min-width: 720px) {
	 .space {height:30px;}

	.testata-interna {padding:50px 0 50px 0; }
	 .testata-big {padding:90px 0 90px 0!important;}
 .testata-big > h1 { padding:20px 20px 20px 0; font-size:35px;}
	 
	 
	 .testata-big2 {padding:90px 0 90px 0!important;}
 .testata-big2 > h1 { padding:20px 20px 20px 0; font-size:35px;}
}

 @media screen and (min-width: 980px) {
	 .space {height: 75px;}
.testata-big {padding:200px 0!important; }
.testata-big > h1 { padding:30px 30px 30px 0; font-size:43px;}	 

	 .testata							{ max-width:980px; margin:0 auto; width: 100%;}

.int_slide							{ max-width:980px;}	 
 }
 
  @media screen and (min-width: 1100px) {	 
	  
 .testata							{ max-width:1100px; margin:0 auto; width: 100%;}

.int_slide							{ max-width:1100px;}	
	  .space {height: 75px;} 
 }
 

 

.int.sep.c_l_r {
    padding-bottom: 40px!important;
    padding-top: 40px!important;
}
 
 

							   
.corpo-body {position:relative; width:100%; height: auto; float: left; 	
overflow-x: hidden;}

								 
a.logo						{
								height:auto;
								width:auto;
								float: left;
								display:none;
								}				
								
a.logo > img				{/* width:255px; */height: 98px;padding:/*0px 0 10px*/10px 0;}	



@media screen and (min-width: 1190px) {
	a.logo						{display: inherit}	
a.logo > img				{padding: 10px 0;float:none;}	
}

a.menu:hover			{ }
a.menu {
    height: 32px;
    width: 32px;
    float: right;
    position: absolute;
    margin: 18px 0 0 0;
    top: 0;
    right: 6%;
}


span.uno.transition {
    margin: 8px 5% 2px 5%;
}

@media screen and (min-width: 980px) {
	span.uno.transition {
    margin: 12px 5% 2px 5%;
}

}

.bbaa		{ position:relative; float:right; }

.sub-menu	{
	position: absolute;
    top: 80px;
    left: 20px;
	/*width:100%;*/
    background: #ed1c24;
    color: #FFF;
    display: none;
    padding: 0 30px 10px 30px;
    text-align: left; 
	white-space: nowrap;
}

.sub-menu li {list-style: none; float:left; /*width:100%;*/}

.sub-menu li a {
	color: #FFF;
    margin: 0 0 5px 0;
    padding: 0 0 5px;
	float:left;/* width:100%;*/
	box-sizing: border-box;
}

a.menu > span			{background: #11385c;height: 2px;margin: 3px 5% 2px;width: 24px;float: right;border-radius: 10px;}

a.menu:hover > span	{ } 


.etichetta_menu		{

    width: auto;
    right: 65px;
    top: 9px;
    display: none;
}


@media screen and (min-width: 980px) {
	.etichetta_menu		{
								display:none;
								}
}

.text							{
								width: auto;
								background: #00aeef;
								color: #FFF;
								padding: 0px 18px 0 15px;
								font-weight: bold;
								position: relative;
								line-height: 35px;
								}

.linguetta					{     
	position: absolute;
    background: #00aeef;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 14px;
    height: 14px;
    display: block;
    right: -3px;
    top: 10px;
}			

@media screen and (min-width: 1190px) {
a.menu						{ 
								height:50px;
								width:50px;
								margin:10px 0 0 0;
								}	
								
a.menu > span	{ 
	background: #fff;
    height: 3px;
    width: 35px;
    float: right;
}

span.uno.transition {
    margin: 12px 5% 4px 5%;


}								

}								
																		
span.tre					{margin: 3px 5% 0 5%!important;}



.menu_aperto			{
								position: fixed !important;
								background: #11385c;
								top: -130%;
								z-index: 1000;
								left: 0px;
								width:100%;
								text-align:center;
								opacity:1;
								}

.menu_aperto a {
  width: 100%;
  font-size: 1em;
  line-height: 35px;
  letter-spacing: 1.5px;
  font-weight: 400;
}

.block {display:block !important;}

.sub-menu-mob {
    width: 100%;
    float: left;
    list-style: none;
    padding: 0;
	text-align: center;
}


a.close_menu {
    height: 40px;
    width: 32px;
    float: right;
    font-size: 1.6em;
    line-height: 50px;
    text-align: center;
    color: #FFF;
    position: absolute;
    z-index: 100;
    top: 20px;
    right: 6%;
}


a.close_menu > span:first-child {height:2px;width:30px;background:#FFF;float: left;transform: rotate(45deg);margin-top: 20px;}
a.close_menu > span:last-child {height:2px;width:30px;float: left;margin-top: -2px;background:#FFF;transform: rotate(-45deg);}



.opensubmob.minus:before {content: "-" !important; margin:0 5px 0 0 ;}
.opensubmob.plus:before {content: "+";margin:0 5px 0 0 ;}
.mob_link_mod {    
	float: left!important;
    width: 115px!important;
    display: inline-block!important;
    color: #FFF!important;
    position: fixed;
    right: -50px;
    padding: 10px;
    top: 275px;
    transform: rotate(-90deg);
    z-index: 10;
    background: #ed217c;}

@media screen and (min-width: 980px) {
.mob_link_mod {display: none!important;}
}




.mob_link	{float: none;width: 300px!important;display: inline-block;color:#FFF;margin: 15px auto 10px auto;}



.cont_link_sub {float:left; width:100%; display: inline-block; color:#FFF;}

.show						{ opacity:1 !important; top:0 !important;}
								
span.l_c					{ height:6px; width:80%; margin:0 10%; float:left;
								-ms-transform: rotate(45deg); /* IE 9 */
								-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
								transform: rotate(45deg);
								background:#a9282d;
								}																

span.r_c					{ height:6px; width:80%; margin:0 10%; float:left;
								-ms-transform: rotate(-45deg); /* IE 9 */
								-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
								transform: rotate(-45deg);
								background:#a9282d;
								}		

.voci							{ width:80%; padding:0px 10% 0 10%; display:inline-block; margin:-30px 0 0 0;}

a.vocemenu			{ 
								text-transform:uppercase;
								color:#FFF;
								font-size: 1.7em;
								line-height: 1.4em;
							    font-weight:600;
								}
								
.cont-social				{ width:100%; text-align:center; margin:15px 0 0 0; display:inline-block;}
a.social, a.social > i		{ font-size:28px; color:#FFF; margin:0 5px;}

a.social_f					{ font-size:1.5em; color:#000; margin:0 5px 0 0;}
a.social_f	:hover		{ color:#ed1c24;}	



/*menu 2*/

.menu_big								{ display:none; position:relative;}
.menu										{ display:block;}


@media screen and (min-width: 1190px) {	
							
a.vocemenu_aperta		{
	text-transform: uppercase;
	color: #11385c;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.5px;
	float: none;
	margin: 0;
	line-height: 118px;
}		
								
						
a.vocemenu_aperta:hover		{ color:#226aac; }	
	
	
	
a.vocemenu_aperta2					{ 
									text-transform: uppercase;
									color: #fff;
								
									font-size: 14px;
									font-weight:600;
									float: right;
									margin: 42px 0px 42px 2px;
									padding:0 6px;
    								line-height: 33px;
									}		
								
						
a.vocemenu_aperta2:hover		{ color:#ed217c; }		


.menu										{ display:none;}
.menu_big								{float: right;display:block;text-align: center;width: auto;}
	ul.menu_big {padding:0;/* display: table; */}
	ul.menu_big > li {/* display: table-cell; */vertical-align: top;padding: 0 0 0 15px;float: left;/* width:120px; */box-sizing: border-box;}
	
}



/**************************************************************************************/

.riga {width:100%;float:left;display: table;}

.riga_servizi			{ margin:/*80px 0 0 0*/0; width:100%; float:left;}

@media screen and (min-width: 980px) {
	.riga_servizi			{ margin:/*80px 0 0 0*/0 0 20px 0; width:50%; float:left;}
}

.sep						{ padding:40px 0;display:table; margin:0 auto;}

.left_home			{
							width:100%;
							padding:4% 2%;
							/* float:left; */
							box-sizing: border-box;
							min-height:350px;
							position:relative;
							overflow:hidden;
							background-size:cover;
					}

.left_home > span, .box-70 > span {width:100%; float: left; height:350px;}


.right_home			{
							width:100%;
							padding:4% 2%;
							/* float:left; */
							box-sizing:border-box;
							min-height:100px;
							/* color:#444; */
							background-size:cover;
							}							

.left_home, .right_home			{ }
.left_home > h2, .right_home > h2	{  text-transform:uppercase; font-size:30px;}
.left_home > h2 > span, .right_home > h2 > span {font-size:25px;}



.box-70, .box-30 {width:100%;float:left; box-sizing: border-box; padding:4% 0;}

	.box-30 > h2 {font-size:32px;text-transform: uppercase;}

@media screen and (min-width: 980px) {
	.box-70 {width: 70%; float:none; display: table-cell;}
	.box-30 {/* width: 30%; */float:none;display: table-cell;position:relative;left:-100px;vertical-align: middle;}
.box-30 > h2 {
    font-size: 60px;
    color: #444;
    mix-blend-mode: screen;
}	
.direction {direction:rtl; text-align: left;}	
.left_home			{ width: 50%;padding:4% 4%;
							height:300px;
							display:table-cell;
							vertical-align:middle;}
.right_home			{width: 50%;padding:4% 4%;
							display: table-cell;
							vertical-align:middle;}
.left_home > h2, .right_home > h2	{font-size:41px;float: none;}
.left_home > h2 > span, .right_home > h2 > span {font-size:32px;}
	
.left_home > span, .box-70 > span {width:100%; float: left; height:400px;}	
}
a.action-abs {
    color: #fff;
    font-size: 22px;
    line-height: 30px;
    display: table;
    margin: 30px 0 0 0;
    padding:0 15px 0 0;
    border-bottom:2px solid;
    position:absolute;
    bottom: -44px;
    left:0;
    text-transform: none;
}

a.action-abs:hover {
    color: #222;
}

.bg-home {width:100%;padding: 75px 20px;background-image: url(/template/1043/img/bg-home.jpg);background-size:cover;background-position: center;text-transform: uppercase;box-sizing: border-box;text-align: center;}
.bg-home > div {background: #3d3d3d;color:#FFF;padding: 20px 25px; font-size: 27px; position:relative;}
.bg-home > div > span {font-size:20px;line-height: 1.1em;}



@media screen and (min-width: 720px) {
	.bg-home {width:100%;padding: 80px 20px;}
	.bg-home > div {margin:0 auto;width: auto;display: table;font-size: 30px;}
	.bg-home > div > span {font-size:23px;line-height: 1.1em;}
}


@media screen and (min-width: 980px) {
	a.action-abs { bottom:-45px; }
	.bg-home {width:100%;padding: 105px 20px;}
	.bg-home > div {font-size:46px; line-height: 1.1em;}
	.bg-home > div > span {font-size:29px;line-height: 1.1em;}
}




.grid_3.box > p {
    min-height: 110px;
}

.img-box {width:auto; height: auto; display: inline; margin:0 0 5px;}

a.action-line {
	float:right;
	color:#ff5656;
	font-weight:600;
	text-transform: uppercase;
	line-height: 20px;
	margin:10px 0;
}

a.action-line > span {
	width:50px;
	height: 2px;
	float:right;
	margin:9px 0 0 5px;
	background:#ff5656;
}

a.action-line:hover {color:#222; padding-left:20px;}
a.action-line:hover > span {background:#222; width:30px;}


a.action {
	float:left;
	color: #92335c;
	font-size: 1em;
	line-height: 45px;
	display: table;
	margin: 10px 0;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
}

a.action > i {margin-left: 10px}

a.action:hover {
    color: #92335c;
}
a.action:hover > i {margin-left:20px;}

@media screen and (min-width: 720px) {
.box > p {
    min-height: 180px!important;
}
}


@media screen and (min-width: 980px) {
.box > p {
    min-height: 140px!important;
}
}


@media screen and (min-width: 1200px) {
.box > p {
    min-height: 120px!important;
}
}


.left_home	> span.bg					{ 
													width: 100%;
													height: 100%;
													z-index: 10;
													position: absolute;
													top: 0;
													left: 0;
													background: rgba(0,0,0,0.75);
													text-align:center;
													opacity:0;
													}

.left_home:hover	> span.bg		{
													width: 100%;
													height: 100%;
													z-index: 10;
													position: absolute;
													top: 0;
													left: 0;
													background: rgba(0,0,0,0.75);
													text-align:center;
													opacity:1;
													color:#FFF;
													
													}
													

.left_home	> span.bg > .puls									{
																				color: #FFF;
																				background: #ed1c24;
																				border-radius: 100%;
																				line-height: 50px;
																				width: 50px;
																				margin-top: 20%;
																				display: inline-block;
																				opacity:0;
																				height: 50px;
																				}	

.left_home:hover > span.bg > .puls						{
																				color: #FFF;
																				background: #ed1c24;
																				line-height: 50px;
																				width: 50px;
																				margin-top: 25%;
																				display: inline-block;
																				opacity:1;
																				}								
	




.left, .right						{
									width:100%;
									float:left;
									margin:20px 0;
									}










a.left_servizi_small	> span.bg					{ 
													width: 100%;
													height: 100%;
													z-index: 10;
													position: absolute;
													top: 0;
													left: 0;
													background: rgba(0,0,0,0.75);
													text-align:center;
													opacity:0;
													}

a.left_servizi_small:hover	> span.bg		{
													width: 100%;
													height: 100%;
													z-index: 10;
													position: absolute;
													top: 0;
													left: 0;
													background: rgba(0,0,0,0.75);
													text-align:center;
													opacity:1;
													}
													

a.left_servizi_small	> span.bg	 > .puls									{
																				color: #222;
																				background: #ed1c24;
																				border-radius: 100%;
																				line-height: 50px;
																				width: 50px;
																				margin-top: 20%;
																				display: inline-block;
																				opacity:0;
																				}	

a.left_servizi_small:hover	> span.bg	 > .puls						{
																				color: #222;
																				background: #ed1c24;
																				line-height: 50px;
																				width: 50px;
																				margin-top: 25%;
																				display: inline-block;
																				opacity:1;
																				}	


@media screen and (min-width: 720px) {
.left								{
									width:45%;
									float:left;
									margin:30px 5% 30px 0;
									}
									
.right							{
									width:45%;
									float:left;
									margin:30px 0 30px 5%;
									}									
}



/***********************************************************************************/

.box_marchi				{
								width:96%;
								padding:2%;
								display:inline-block;
								border-bottom:15px solid #FFF;
								min-height:300px;
								}

h2.bianco					{ color:#222; }

@media screen and (min-width: 720px) {
	.box_marchi	 > h2				{ font-size:4em; }
}

.slide_marchi {
    padding:60px 0;
}
.slide_marchi > img				{ max-width:190px;}		

.box_contatti			{
								width:100%;

								padding:0%;
								display:inline-block;
								height:1110px;
								position:relative;
								}		
								

h2.form				{ width:96%; font-size:2.8em; color:#FFF; padding:2%;}								
	
	h2.title_dove				{ width:auto; min-width:50%; font-size:4em; color:#222; padding:2%; font-size:4em;  display:none; padding:2% 0 0 2%; display:none; text-transform:uppercase; position:absolute; z-index:102;
top:0; left:0;}			

@media screen and (min-width: 720px) {
h2.form					{ font-size:4em; }
.box_contatti			{
								height:760px;
								}		

}
	
.cont_form				{
								position:relative;
								top:0;
								left:0;
								z-index:2;
								background:rgba(0,0,0,0.75);
								width:100%;
								height:1110px;
								}			 
@media screen and (min-width: 720px) {
.cont_form				{ height:760px;}
}

.form {
    width: 100%;
    float: left;
    /* padding: 10px; */
    box-sizing: border-box;
}
	
.info-contatti-new {
	width:100%;
	float:left;
	padding: 0px 15px 30px 0px;
	margin-bottom:20px;
	box-sizing: border-box;
	color:#444;
}
.info-contatti-new > strong {

    font-size: 20px;
    margin: 0 0 10px 0;
    width: 100%;
    float: left;
}

.campo_form, .textarea_form	{
												
												color: #222;
												border-radius:0;
												}								


.left_form, .right_form, .riga_form { width:100%; float:left;  margin:0 0 20px 0; padding:0; position:relative;  box-sizing: border-box;}

.errfname, .erremail, .errmessage {
    position: absolute;
    font-size: 0.8em;
    right: 0;
	color:#d90000 !important;
}
.erremail {color:#d90000 !important;}

.left_form > .errfname, .left_form > .erremail {right:4%;}

.campo_form			{
								width:100%;
								padding:0;
								float:left;
								line-height:45px;
								font-size:14px;
								color: #444;
								background:transparent;
								border-top:0;
								border-left:0;
								border-right:0;
								border-bottom: 1px solid #ddd;
								box-sizing:border-box;
								}	
								
.textarea_form			{
								width:100%;
								padding:1% 0;
								float:left;
								line-height:30px;
								font-size:14px;
								color:#222;
								height:124px;
								margin:0 0 10px 0;
								border:0;
								border-bottom: 1px solid #ddd;
								box-sizing:border-box;
								background:transparent;
								}																				

.cont_area				{height:220px; position:relative; width:100%; float:left;}
.cont_area > span	{ width:100%; border-bottom:1px solid #FFF; line-height:29px; display:inline-block; position:relative; float:left; height:29px; }

@media screen and (min-width: 720px) {
.campo_form							{ width:100%; padding:0;}
.left_form, .right_form				{ width:50%; position:relative;}
.left_form									{ padding:0 2% 0 0;}
.right_form								{ padding:0 0 0% 2%;}
	.riga_form { position:relative;}	
} 





.info_form {
    width: 100%;
    font-size: 13px;
    line-height: 18px;
    color: #222; 
    display: inline-block;
    margin: 0 0 10px 0;
}


.info_form > a					{ color:#222; text-decoration:underline;}
.info_form > a:hover			{ color:#666; text-decoration:none;}
								



.info_form2					{
								width:100%;
								font-size:11px;
								line-height:13px;
								color:#232323;
								display:inline-block;
								 margin:0 0 10px 0;
								}	




.invia {
	float:left;
	color: #11385c;
	font-size: 14px;
	border-radius: 4px;
	line-height: 45px;
	display: table;
	margin: 0px 0 0 0;
	text-transform: uppercase;
	font-weight: 400;
	padding: 0 20px;
	letter-spacing: 1.5px;
	border: 1px solid #11385c;
	background: transparent;
	width:100%;
	font-weight:400;
	letter-spacing: 0.1em;
}

.invia:hover {
    color: #fafafa!important;
	background:#11385c;
	border: 1px solid #11385c;
}


@media screen and (min-width: 980px) {
.info-contatti-new {float:left; width: 43%;}	
.form {
    width: 55%;
    margin:0 0 0 2%;
    float: left;
    /* padding: 20px; */
    box-sizing: border-box;
}

									



.info_form					{
								font-size:0.9em; line-height:1.6em; width:100%;
								color:#222;
								display:inline-block;
								 
								}
								
							
								
.invia {
    float:right;
    color: 11385c;
    /* font-size: 12px; */
    line-height: 45px;
    display: table;
    margin: 0px 0 0 0;
    text-transform: uppercase;
    /* font-weight: 400; */
    padding: 0 20px;
    letter-spacing: 1.5px;
    border: 1px solid #11385c;
    width:150px;
}

.invia:hover {

    color: #fff;
}								

}



.left_dove, .right_dove				{ width:100%; display:inline-block;}


@media screen and (min-width: 1100px) {
.info-contatti-new {float:left; width: 50%;}	
.form {
    width: 48%;
    margin:0 0 0 2%;
    float: left;
    /* padding: 20px; */
    box-sizing: border-box;
}
}


@media screen and (min-width: 720px) {
	.left_dove, .right_dove				{ width:50%; float:left;}
}


.footer	{background: #fff;color:#999999;float:left;width:100%;box-sizing:border-box;text-align: center; border-top:1px solid #DDD;}

.footer > .space	 {height: 30px;}

label {text-align: left;}
.footer strong {
    font-size: 18px;
    margin: 0 0 20px 0;
    padding: 0 0 5px 0;
    float: left;
    width: 100%;
    text-align: left;
    text-transform: uppercase;
    border-bottom: 2px solid;
}
@media screen and (min-width: 720px) {
	.footer {text-align: left;}
}

.footer > section {
	padding:0 0 30px 0!important;
	margin-top:30px;
}

.social-header1 {
    position:absolute;
	right: 0;
	top:2px;
	margin:0!important;
}
.social-header2 {
    position:absolute;
	right: 30px;
	top:2px;
	margin:0!important;
}
.social-header2:hover {color:#222!important;}
.social-header1:hover {color:#222!important;}



.logo-footer {
    width: auto;
    /* height: 198px; */
    position: relative;
    margin: 0px auto;
    display: block;
}
.logo-footer > img {width:180px; margin-bottom:15px;}

.footer_bot			{width:100%;background:#fff;padding: 10px 0%;float:left;box-sizing:border-box;color:#999;font-size:12px;text-align: center;/* border-top: 1px solid #DDD; */}

.grid_3.foo > a {width:100%; float:left; line-height: 20px; font-weight: 600; color:#fff;}

/*
.split {width:50%!important;}
*/


.footer-left, .footer-center, .footer-right {width:100%; float:left; box-sizing:border-box; text-align: center;}
.footer-left2 {padding:30px 0;}
.footer-center {padding:30px 0;}

.footer-last {background:#EFEFEF;box-sizing: border-box;float:left;width: 100%;padding: 25px 0;font-size: 13px;line-height: 17px;}

.info-left {
    text-align: center;
    font-size: 15px;
    width: 100%;
    line-height: 20px; 
	
}



.cont_newsletter {
    width:100%;
	float: left;
    width: 100%;
    margin: 8px 0;
    height: 50px;
    background: #FFF;
    overflow: hidden;
	border-radius:5px;
}
.space-mini-mobile {height: 20px; float:left; width:100%;}	

@media screen and (min-width: 980px) {
	.cont_newsletter {
    max-width: 450px;
    float: left;
    width: 100%;
    margin: 8px 0;
    height: 50px;
    background: #FFF;
    overflow: hidden;
    border-radius: 0;
    border: 1px solid #DDD;
	}
.footer-left	    {width: 100%;padding:10px 20px 10px 0;text-align: center;}
.footer-center	    {width: 100%;padding:10px 20px;text-align: center;min-height: 130px;}	
.footer-right		{width:25%; padding:10px 0px 10px 20px;text-align: right;}
	
.space-mini {height: 20px; float:left; width:100%;}	
.space-mini-mobile {height: 0px; float:left; width:100%;}		
	.footer_bot {text-align: left;}
	.logo-footer {margin:0;}
}




.ii-ff {width:100%; box-sizing: border-box; padding-left:40px; line-height: 25px; position:relative; float: left;}
.ii-ff > i {position:absolute;line-height: 25px; top:0; left:0; color:#009bfe;}

.f-s-n {font-size:20px; color:#FFF; padding:0 10px;}
.f-s-n:hover {color:#ff5656;}

a.ff-link {float: none;line-height: 25px;width: auto;margin: 0 auto;padding: 0 10px;word-break: break-all;color: #222;font-weight: 600;display: inline-table;}
a.ff-link:hover {color:#226aac;}
 



a.mostra				{
							top:2%;
							right:2%;
							text-transform:uppercase;
							position:absolute;
							z-index:1000;
							
							}
							

a.mostra > i			{		
							color: #ed1c24;
  							font-size: 2em !important;
							line-height: 2em;
							margin: 0 10px 0 0;
							}			

a.mostra	span		{ line-height:2em; font-size:0em;}



a.chiudi				{
							top:2%;
							right:2%;
							text-transform:uppercase;
							position:absolute;
							z-index:1000;
							margin:10px 0 0 0;
							}
							

a.chiudi > i			{		
							color: #000;
  							font-size: 2em !important;
							line-height: 2em;
							margin: 0 10px 0 0;
							}			

a.chiudi	span		{ line-height:2em; font-size:0em; color:#000;}


@media screen and (min-width: 720px) {
.info-left {}	
	
	a.mostra				{
							top:2%;
							right:2%;
							text-transform:uppercase;
							color:#FFF;
							position:absolute;
							z-index:1000;
							line-height:2em;
							font-size:1em;
							}
							
a.mostra:hover		{ color:#a9282d;}

a.mostra	span		{ line-height:2em; font-size:1em;}			

	a.chiudi				{
							top:2%;
							right:2%;
							text-transform:uppercase;
							color:#FFF;
							position:absolute;
							z-index:1000;
							line-height:2em;
							font-size:1em;
							}
							
a.chiudi:hover		{ color:#a9282d;}
 
a.chiudi	span		{ line-height:2em; font-size:1em;}			
}
								
#map-canvas		{
    min-height:450px;
    width:100%;
    padding: 10px;
    box-sizing: border-box;
    background: #FFF;
}														
@media screen and (min-width: 980px) {
#map-canvas		{min-height:500px;width: 100%;padding: 10px;box-sizing: border-box;}
}

a.credits				{background:transparent!important;color:#999!important;padding:0;}
a.credits:hover		{ color:#666!important; background:transparent!important;}

.ss {font-size: 12px;font-weight: 300!important;text-transform: uppercase;}
			


/******************************* NEWSLETTER ******************************/

.section						{ width:100%;  padding:30px 0; float:left;}

.bg_blu						{ background:#ed1c24; color:#FFF;}
.bg_nero					{ background:#f8f8f8; color:#222;}  
.bg_bianco					{ background:#000; color:#FFF;}



							

.input_nl				{
							padding: 0 10px;
							box-sizing: border-box;
							float: left;
							color: #444;
							box-shadow: none;
							line-height: 48px;
							font-size: 12px;
							width: calc(100% - 50px);
							text-transform: none;
							border: 0;
							}							
							
a.iscriviti				{ height:50px; line-height:50px; float:left; color:#222; text-align: center; width:50px; background:#fff;
border-top-right-radius: 2px; border-bottom-right-radius: 2px;}
a.iscriviti:hover		{ color:#ff5656; background:#fff;}		
a.iscriviti > i {
    line-height: 50px;
    font-size: 20px;
}

::-webkit-input-placeholder {
   color: #222;
}

:-moz-placeholder { /* Firefox 18- */
   color: #222;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #222;  
}

:-ms-input-placeholder {  
   color: #222;  
}


/*********************** CHI SIAMO ************************/


.corpo_statiche		{ padding:3% 2%; width:100%; display:inline-block; box-sizing: border-box;}

@media screen and (min-width: 980px) {
	.corpo_statiche		{ padding:80px 2%; width:100%; margin:0 auto; display:inherit;}
}


/***************** SERVIZI **************/

.corpo_servizi_cat	{ width:100%;float:left; border-bottom:15px solid #FFF;}

.riga_servizi				{ background:#efefef;}
.left_servizi				{ width:100%; padding:25% 0 25% 0; position:relative; float:left; overflow:hidden; }
.right_servizi				{ width:100%; padding:15%; position:relative; float:left; overflow:hidden; box-sizing: border-box;}


.left_servizi_small				{ width:100%; padding:25% 0 25% 0; float:left; position:relative; overflow:hidden;background-color:#f8f8f8;}
.right_servizi_small			{ width:100%; padding:25% 0 25% 0; float:left; position:relative; overflow:hidden; background-color:#f8f8f8;}


.right_servizi	> div > h2 {font-size:14px;}

.right_servizi > div > p {line-height: 16px;     min-height: 90px;}

@media screen and (min-width: 720px) {
.left_servizi				{ width:50%; padding:0 0 50% 0; position:relative; float:left;}
.right_servizi				{ width:50%; padding:18px; position:relative; float:left; box-sizing: border-box;}


.left_servizi_small				{ width:50%; padding:0 0 70% 0; float:left; position:relative;}
.right_servizi_small			{ width:50%; padding:0 0 70% 0; float:left; position:relative;}
}

@media screen and (min-width: 980px) {
.left_servizi_small				{ width:50%; padding:0 0 30% 0; float:left; position:relative;}
.right_servizi_small			{ width:50%; padding:0 0 30% 0; float:left; position:relative;}
}


@media screen and (min-width: 980px) {
.right_servizi				{ width:50%; padding:40px 20px 0px 20px; position:relative; float:left; box-sizing: border-box;}

}

.block {
  text-align: center;
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
	background:#FFF;
	}

@media screen and (min-width: 720px) {
.block {
  text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
	}
}
 
 
.block:before {
  content: '\200B';
  display: inline-block;
  height: 100%; 
  vertical-align: middle;
 }


.center {
	width:100%;
	text-align:center;
}

.centered {
      display: inline-block;
   
    vertical-align: middle;
    text-align: left;
	line-height: 1.4em;
 }




.centered > h2				{ width:100%; display:inline-block; margin:0 0 10px 0; font-size:1.6em; color:#222; font-weight:600;}


a.link_ser					{ color:#222;}
a.link_ser:hover			{ color:#666;}

/** gallery **/


.gallery			{
					width:100%;
					float:left;
					padding:0 0 15px 0;
					}
					
a.thumb			{	
					    width: 100%;
    padding: 0 0 100% 0;
    float: left;
    box-sizing: border-box;
    box-shadow: inset 0px 0px 0px 4px #f3f4f5;
						}					

a.thumb:hover {box-shadow: inset 0px 0px 0px 0px #f3f4f5;} 

@media screen and (min-width: 720px) {
	a.thumb			{	
					    width: 25%;
						padding: 0 0 25% 0;
						}
}

a.allegato			{
						float:left;
						width:100%;
						font-size:16px;
						line-height:1em;
						margin:25px 0;
						color:#444;
						
						}

a.allegato:hover		{ color:#232323;}
						
a.allegato > i						{ font-size:2.2em; float:left; color:#ed217c; padding:0 15px 0 0}
a.allegato:hover > i				{ color:#232323;}	
a.allegato span		{ float:left; line-height: 2.2em; color:#444; font-size: 16px;}						

a.allegato:hover span { color:#232323;}

.path			    { width:100%; display:inline-block; margin:0 0 20px 0; font-size:12px; color:#3d3d3d; text-align: left; text-transform: uppercase;}

.path a			    { color:#3d3d3d; 
						-moz-transition: all 0.2s ease-in-out;
						-webkit-transition: all 0.2s ease-in-out;
						-o-transition: all 0.2s ease-in-out;
						-ms-transition: all 0.2s ease-in-out;
						}
.path a:hover	{ color:#ff5656;}			

.statiche	{float:left;}
.statiche a { margin:0 15px 0 0; float:left; color:#000; background: #FFF; padding:0;}
.statiche a:hover {color:#ed1c24; background: #FFF;}
@media screen and (min-width: 720px) {
.path			    { margin:-40px 0 20px 0; text-align: right;}
	
.statiche {margin:0; width:auto;}
}

.testata-interna > .int > h1 {color:#FFF; border-bottom:0!important;}
.testata-interna > .int > p {color:#FFF; padding: 0 0 10px 0; font-size:18px; line-height: 24px;}



input[type='checkbox'] {
    margin: 0 5px 0 0;
    float: left;
}
a.l_nl {color:#444;}
a.l_nl:hover {color:#999;}




.grid_3  {
	width:100%;
	float:left;
	margin:0 0 20px 0;
}

.box {border-radius:5px; background:#FFF; padding:15px 24px; box-sizing: border-box; box-shadow: 0 0 10px 5px rgb(0 0 0 / 5%);}

.foto_grid3 {
	width:100%;
	float:left;
	padding:0 0 75%;
	margin:0 0 15px;

} 

.title-news-link {
	width: 100%;
    float: left;
    margin: 0 0 10px 0;
    font-weight: 600;
    color: #232323;
    line-height: 16px;
}

.title-news-link:hover {color:#00aeef;}

.txt_grid3 {width:100%; float:left;}

@media screen and (min-width: 720px) {
	.grid_3  {
	width:32.333%!important;
	float:left;
	margin:0 1.5% 0px 1.5%;
}
	
	
	.grid_3:first-child, .grid_3:last-child {margin:0 0 0px!important;}	
	
}



.block-ellipsis2 {

    display: block;

    display: -webkit-box;

    max-width: 100%;

    max-height: 37px;

    min-height: 24px;

    margin: 0 auto;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

}



.block-ellipsis5 {

    display: block;

    display: -webkit-box;

    max-width: 100%;

    /*height: 91px;*/

    margin: 0 auto;

    line-height: 1.4em;

    -webkit-line-clamp: 5;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

}

.slide-prodotti > div > div > .slick-slide {
    /* height: 40%!important; */
    box-sizing: border-box;
    /* border: 10px solid #FFF; */
    /* border-radius: 5px; */
    padding: 0;
    float: leeft;
    background-size:contain;
}

.prodotti-list {
	width:100%;
	float:left;
	position:relative;
	margin:0 0 20px 0;
	min-height: 400px;
	box-sizing: border-box;
	padding:20px;
}

.prodotti-list > span {color:#FFF; width:calc(100% - 40px); position:absolute; bottom:20px; left:20px; color:#FFF; z-index:2;}

.prodotti-list > span > h2 {color:#FFF; text-transform: uppercase; font-size:24px;}


  .prodotti-list > div {  position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.4+93 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 93%, rgba(0,0,0,0.4) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 93%,rgba(0,0,0,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 93%,rgba(0,0,0,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */


}


.prodotti-list:hover > div {opacity:0.3;}

@media screen and (min-width: 720px) {
	.prodotti-list {
	width:49%;
	float:left;
	position:relative;
	min-height: 500px;
	box-sizing: border-box;
	padding:20px;
}
	
	.prodotti-list:nth-child(even)  {width:49%; margin:0 0 2% 1%;}
.prodotti-list:nth-child(odd) {width:49%; margin:0 1% 2% 0%;}
	
	.prodotti-list > span > h2 {color:#FFF; text-transform: uppercase; font-size:30px;}
}




.list-s {width:100%; float:left; margin:0 0 10px 0;}
.list-s > p {width:100%; float:left;}
.list-s > img {margin:10px 0; display:block; width:100%;}
@media screen and (min-width: 720px) {
	.list-s > p {width:calc(100% - 240px); float:left; margin:0 0 10px 0;}
.list-s > img {margin:10px 0; float:right; width:210px; margin:0 0 5px 30px;}
}

@media screen and (min-width: 980px) {
	.list-s > p {width:calc(100% - 340px); float:left; margin:0 0 10px 0;}
.list-s > img {margin:10px 0; float:right; width:310px; margin:0 0 5px 30px;}
}


.grid-4 {width:100%; float:left; margin:0 0 10px 0; overflow:hidden; position:relative; }
.grid-4-statiche {
    width: 100%;
    float: left;
    margin: 0 0 10px 0;
    overflow: hidden;
    position: relative;
    background: #FFF;
    box-sizing: border-box;
    padding: 20px;
    box-shadow: 0 0 10px 5px rgba(0,0,0,0.05);
    min-height: 180px;
    border-radius: 5px;
    font-weight: 600;
    font-size: 15px;
}
.grid-4-statiche > img {margin:10px 0 15px 0;}
@media screen and (min-width: 720px) {
	.grid-4 {width:49.5%; float:left; margin:0 0.5% 1% 0;}
	.grid-4:nth-child(2n+0) {width:49.5%; float:left; margin:0 0 1% 0.5%;}
	
	.grid-4-statiche {width:49.5%; float:left; margin:0 0.5% 1% 0;}
	.grid-4-statiche:nth-child(2n+0) {width:49.5%; float:left; margin:0 0 1% 0.5%;}
}

@media screen and (min-width: 980px) {
	.grid-4 {width:24%; float:left; margin:0 1.333% 1% 0;}
	.grid-4:nth-child(2n+0) {width:24%; float:left; margin:0 1.333% 1% 0;}
	.grid-4:nth-child(4n+0) {width:24%; float:left; margin:0 0% 1% 0;}
	
	.grid-4-statiche {width:24%; float:left; margin:0 1.333% 1% 0;}
	.grid-4-statiche:nth-child(2n+0) {width:24%; float:left; margin:0 1.333% 1% 0;}
	.grid-4-statiche:nth-child(4n+0) {width:24%; float:left; margin:0 0% 1% 0;}
}

.thumb-prodotto {width:100%; float:left; padding:0 0 100%; overflow:hidden; background-color:#FFF;  box-sizing: border-box; }
.thumb-prodotto:hover {opacity:0.3;} 



.view {width:40px; height: 40px; line-height: 40px; text-align: center; line-height: 36px; font-size:32px; color:#3d3d3d; position:relative; left: 50%; margin-left:-20px; box-sizing: border-box; top:50%; margin-top:-200%; position:absolute; z-index: 10; font-weight:700;}

.grid-4:hover > .view  {margin-top:-40px; top:50%;} 

.grid-4 > h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    margin-top: 15px;
    height: 40px;
}



.statiche-img {
	width:100%;
	margin:5px 0 15px 0;
	float:left;
}



.slide-prodotti {width: 100vw!important;float:left;margin: 0 0 0px 0;position: relative;}
.right-prod {width:100%; float:left; margin:0 0 30px 0;} 
.slide-prodotti > .slick-list {/* background:#FFF; */}
@media screen and (min-width: 720px) {
.slide-prodotti {float:left;margin:0 0px 30px 0;box-sizing: border-box;/* padding:0 30px 0 0; */}
.right-prod {width:70%; float:left; margin:0 0 30px 0; padding:0 0 0 30px; box-sizing: border-box; border-left: 2px solid #fff; min-height:400px;} 
	
}
/********************************************/
/************** CATEGORIE *******************/
/********************************************/




.grid3 {
	width:100%;
	float:left;
	margin:0 0 40px 0;
	min-height: 200px;
	position:relative;
	/*overflow:hidden;*/
}

.cont-foto-grid3 {overflow:hidden; float:left; width:100%; height:250px;  }

.grid3-foto {
	width:100%;
	height:250px;
	float:left;
	background-size: cover;
	background-color:#EFEFEF;
	overflow: hidden;

}



.grid3:hover > .cont-foto-grid3 > .grid3-foto {transform: scale(1.3);}

.grid3 > .grid3-txt {
	width:100%;
	padding:10px 0;
	box-sizing: border-box;
	float:left;
	height: auto;
	background-size: cover;
}

.grid3-txt > h2 {
    font-size: 1.2em;
    font-weight: 700;
    color: #222;
}
/*
.grid3:hover > .grid3-txt > h2 {color:#FFF;}
.grid3:hover > .grid3-txt > p {color:#FFF;}
.grid3:hover > .grid3-txt {background:#89ad00;}
*/
.grid3-txt > p {
    line-height: 1.2em;
}

@media screen and (min-width: 720px) {
	

	
	.grid3 {
		width:49%;
		float:left;
		margin:0 1% 40px 0;
	}
	
	.grid3:nth-child(2n+2) {
		width:49%;
		float:left;
		margin:0 0 40px 1%;
	}
	
	.grid3-foto {
	width:100%;
	height: 250px;
	float:left;
	background-size: cover;
	}
	
	.grid3 > .grid3-txt {
		height:200px;
	}
}



@media screen and (min-width: 980px) {
	

	

	.grid3 {
		width:32.333%;
		float:left;
		margin:0 1.5% 40px 0;
	}
	
	.grid3:nth-child(2n+2) {
		width:32.333%;
		float:left;
		margin:0 1.5% 40px 0;
	}
	
	.grid3:nth-child(3n+3) {
		width:32.333%;
		float:left;
		margin:0 0 40px 0 !important;
	}
	
	.grid3 > .grid3-txt {
		height:80px;
	}
}


@media screen and (min-width: 720px) {
.statiche-img {
    max-height: 500px;
    max-width: 570px;
    width: auto;
    margin: 0px 20px 15px 0px;
    float: left;
}
}


/************************************************/
a.whappfixed {
	position: fixed;
    bottom: 15px;
    right: 15px;
    background: #20d041;
    color: #FFF;
    text-align: center;
    font-size: 35px;
    line-height: 50px;
    width: 50px;
    height: 50px;
    padding: 5px;
    border-radius: 100%;
    box-shadow: 0 0 4px 4px rgba(0,0,0,0.1);
	z-index: 3;
}	

@media screen and (min-width: 720px) {
	a.whappfixed {
		bottom: 50px;
		right: 28px;  
	}	
}

a.whappfixed > i { line-height: 49px; background: transparent!important;}	
a.whappfixed:hover {background:#222; color:#FFF;}
a.whappfixed:hover > i {color:#FFF;}

/*************************************************/
.box-marchio {width:100%; height:100%; position: fixed; background:rgba(0,0,0,0.7); z-index: 999999; top:0; left:0; display: none;}
.mostra {display:block!important;}
.int-box-marchio {
    max-height: 90vh;
    width: 96%;
    height: auto;
    padding: 20px;
    font-size: 13px;
    box-sizing: border-box;
    border-radius: 5px;
    background: #FFF;
    position: relative;
    max-width: 500px;
    margin: 2% auto;
	overflow: auto;
}
.close-pop-marchio {
    width: 25px;
    height: 25px;
    right: 10px;
    top: 10px;
    font-size: 25px;
    position: absolute;
}

.close-pop-marchio:hover {opacity:0.7;} 

/*************************************/

.left-servizi {width:100%; float:left; margin:0 0 30px 0;}
.right-servizi {width:100%; float:left; margin:0;}

.grid2 {/* width:100%; */float:left;margin:0 0 20px 0;}
.foto-grid2 {
    width: 100%;
    padding: 0 0 72%;
    margin: 0 0 15px;
    background-position: center;
    border-radius: 5px;
}
@media screen and (min-width: 980px) {
.left-servizi {width:78%;float: inherit;margin:0;float: left;flex-wrap: wrap;box-sizing: border-box;display: flex;justify-content: space-between;}
.right-servizi {width:20%; margin:0 0 0 2%;}
.grid2 {max-width: calc((100% / 3) - 1rem);float: inherit;margin: 0 0.5rem 20px 0;flex-basis: 50%;}

}

.box-contatti-left {
	border-radius:5px;
	width:100%;
	background:#ff5656;
	color:#FFF;
	margin:0 0 20px 0;
	box-sizing:border-box;
	padding:25px 20px;
	float: left;
}

.box-contatti-left > a {
    display: block;
    border: 1px solid #FFF;
    color: #FFF;
    padding: 10px 15px;
    border-radius: 5px;
    float: left;
    margin: 0;
    font-weight: 600;
    letter-spacing: 1px;
}

.box-contatti-left > a:hover {background:#FFF; color:#ff5656;} 


.box-orari-left {
    border-radius: 5px;
    width: 100%;
    background: #fff;
    color: #222;
    margin: 0 0 20px 0;
    box-sizing: border-box;
    padding: 25px 20px;
    float: left;
    box-shadow: 0 0 8px 7px  rgba(0,0,0,0.02);
}

.box-info-left {
	border-radius:5px;
	width:100%;
	background: #0D93D4;
	color:#FFF;
	margin:0 0 20px 0;
	box-sizing:border-box;
	padding:25px 20px;
	float: left;
}

.box-social-left {
	border-radius:5px;
	width:100%;
	background: #333;
	color:#FFF;
	margin:0 0 20px 0;
	box-sizing:border-box;
	padding:25px 20px;
	float: left;
}

.box-social-left > a {color:#FFF;line-height: 35px;font-size: 13px;margin:0 0 5px;}
.box-social-left > a > i {font-size:20px;line-height: 35px;float: left;margin: 0 5px 0 0;}
.box-social-left > a:hover {color:#ff5656;}

.aa > p {width:100%;}
/*
.column {font-weight:600; font-size:16px; line-height: 22px;}
@media screen and (min-width: 980px) {
.column {column-count: 3; font-size:18px; column-gap: 20px; line-height: 28px}
}*/

@media screen and (min-width: 980px) {
.spunte-bianche2.column > li {float: left; width: 50%; padding:0 10px 0 0 ; box-sizing: border-box;}
}
textarea:focus, input:focus{
    outline: none;
}

.listing {width:100%; float:left; margin:0 0 30px 0;}
.left-listing  {width:100%; float:left; margin:0 0 20px 0; background-position:center; background-repeat:no-repeat; padding:0 0 240px; background-size:cover;}
.right-listing {width:100%; float:left; margin:0;}

@media screen and (min-width: 720px) {
.left-listing  {width:220px; float:left; margin:0 20px 0px 0; padding:0 0 260px;}
.right-listing {width:calc(100% - 240px); float:left; margin:0;}	
}

@media screen and (min-width: 980px) {
.left-listing  {width:400px; float:left; margin:0 20px 0px 0; padding:0 0 320px;}
.right-listing {width:calc(100% - 420px); float:left; margin:0; }	
}

@media screen and (min-width: 1100px) {
.left-listing  {width:500px; float:left; margin:0 20px 0px 0; padding:0 0 320px;}
.right-listing {width:calc(100% - 520px); float:left; margin:0; }	
}



ul {padding:0;}
ul > li {list-style-type: none;list-style-position: inside;}



/*** FAQQ **/

h4 {
  font-size: 20px;
  line-height: 1.4em;
  font-weight: 300;
  padding: 15px 25px 4px 0;
  position: relative;
  margin: 10px 0;
  width: 100%;
  display: table;
  /* float: left; */
  box-sizing: border-box;
  color:#93335C;
  border-top: 1px solid #efefef;
  /* margin-top: 10px; */
}

.eachFaq:last-child {
    border-bottom: 1px solid #efefef;
}

.eachFaq.close h4:after {
  content: "+";
  width: 20px;
  line-height: 49px;
  height: 20px;
  position: absolute;
  top: 4px;
  right: 0;
}
.eachFaq.open h4:after {
  content: "-";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 4px;
  right: 0;
  line-height: 49px;
}
.accordion-content {
  padding: 0;
  margin: 0 0 2em 0;
  font-size: 1em;
}
.accordion-content p {
  margin: 0;
}
.eachFaq .title {
  cursor: pointer;
}
.eachFaq .title:hover {
  color: #444;
}