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

/* Importazione fogli di stile */
@import "reset.css";
@import "font.css";
@import "obsoleto.css";
@import "cookie.css";
@import "animate.css";
@import "form.css";

body {
	font-family: 'playfairdisplay_regular', sans-serif;
	font-size: 15px;
	color: #666666;
	background-color:#333333;
}

	.wrapper {
		max-width:950px;
		padding:0 40px;
		margin:0 auto;
		/*background:rgba(155,55,55,0.4);*/
	}
	
	.spacer5px {clear:both; height:5px;}
	.spacer15px {clear:both; height:15px;}
	.spacer25px {clear:both; height:25px;}
	.spacer50px {clear:both; height:50px;}
	
	h1 {
		font-size:1.2em;
		line-height:1.3em;
	}
	
	h2 {
		font-size:1.1em;
		line-height:1em;
	}
	
	h3 {
		font-size:1.3em;
		line-height:1em;
	}
	
	h6 {
		font-size:1.2em;
		line-height:1em;
	}
		
	p {
		font-size:1em;
		line-height:1.6em;
	}
	
	span {
		color:#ea5297;
	}
	
	a {
		color:#ea5297;
	}
	
		a:hover {
			text-decoration:underline;
		}
		
	.note {font-size:0.8em;}
	
	#header .wrapper,
	#footer .wrapper {
		text-align:center;
	}
	
	#header {
		background-color:#FFFFFF;
	}
	
		#header .logo {
			width:150px;
		}
		
	#header .bullet {
		background-repeat:no-repeat;
		background-image: url('../img/bullet.svg');
		background-size:contain;
		background-position: center center;
		width:100px;
		height:20px;
		margin:0 auto;
		
	}
		
	#main-nav {display:block;}
	#secondary-nav {}
	.menu-mobile {display:none;}
	
		#main-nav .menu {}
		#secondary-nav .menu {}
		#mobile-nav .menu {}
		
		#mobile-nav ul li a.contatti {text-align:center;}
		
		#main-nav ul {}
		#secondary-nav ul {}
		#mobile-nav ul {
			float:left;
			width:100%;
			display:none;
		}
		
		#main-nav ul li {
			display:inline-block;
			text-transform:uppercase;
			font-size:1.2em;
			margin:10px 15px;
		}
		#secondary-nav ul li {
			display:inline-block;
			font-size:1em;
			margin:10px;
			text-transform:lowercase;
		}
		#mobile-nav ul li {
			text-transform:uppercase;
		}
			
		#main-nav ul li a {
			color:#333333;
		}
		#secondary-nav ul li a {
			color:#ffffff;
		}
		#mobile-nav ul li a {
			display:block;
			font-size:1.1em;
			line-height:1em;
			padding:15px;
			color:#333333;
		}
		
		#main-nav ul li a,
		#secondary-nav ul li a,
		#mobile-nav ul li a {
			-webkit-transition: all 250ms ease-in;
			-moz-transition: all 250ms ease-in;
			-o-transition: all 250ms ease-in;
			transition: all 250ms ease-in;
		}
		
		#main-nav ul li a:hover,
		#secondary-nav ul li a:hover,
		#mobile-nav ul li a:hover,
		#main-nav ul li a.sel,
		#secondary-nav ul li a.sel,
		#mobile-nav ul li a.sel {
			text-decoration: none;
			color:#EA5297;
		}
		
		
		
		/* button e panello */
		.menu-mobile .button {
			width:100%;
			display:block;
			float:left;
			cursor:pointer;
			-webkit-transition: all 250ms ease-in;
			-moz-transition: all 250ms ease-in;
			-o-transition: all 250ms ease-in;
			transition: all 250ms ease-in;
	
		}
		
		.menu-mobile .button .bars {
			width:28px;
			display:block;
			margin:10px auto;
		}
		
		.menu-mobile .button .bars span {
			display:block;
			margin-top:5px;
			background-color:#000000;
			height:3px;
			-webkit-transition: all 100ms ease-in;
			-moz-transition: all 100ms ease-in;
			-o-transition: all 100ms ease-in;
			transition: all 100ms ease-in;
		}
		
		.menu-mobile .button-sel .bars span:first-child {
			-moz-transform: translateX(0px) translateY(8px) rotate(-45deg);
			-webkit-transform: translateX(0px) translateY(8px) rotate(-45deg);
			-o-transform: translateX(0px) translateY(8px) rotate(-45deg);
			-ms-transform: translateX(0px) translateY(8px) rotate(-45deg);
			transform: translateX(0px) translateY(8px) rotate(-45deg);
		}
	 
		
		.menu-mobile .button-sel .bars span:last-child {
			-moz-transform: translateX(0px) translateY(-8px) rotate(45deg);
			-webkit-transform: translateX(0px) translateY(-8px) rotate(45deg);
			-o-transform: translateX(0px) translateY(-8px) rotate(45deg);
			-ms-transform: translateX(0px) translateY(-8px) rotate(45deg);
			transform: translateX(0px) translateY(-8px) rotate(45deg);
		}
		
		.menu-mobile .button-sel .bars span:nth-child(2n) {
			opacity:0;		
		}
		
	
	#section {
		background-color:#ffffff;
	}
	
		#section .wrapper {
			max-width: 910px;
		}
		
	.main-img {
		width:100%;
		text-align:center;
		position: relative;
	}
	
		.main-img .line {
			width:100%;
			height:6px;
			background-color:#EA5297;
			position: absolute;
			z-index: 0;
			top:50%;
			margin-top: -3px;
		}
	
		.main-img img {
			width:100%;
			max-width:910px;
			position:relative;
			z-index: 1;
		}
		
	.side-img {
		float:right;
		max-width:350px;
		width:100%;
		
	}
	
		.side-img img {
			width:100%;
		}
	
	.testo {
		width:100%;
		max-width:450px;
		float:left;
	}
	
	.testo-right {
		width:100%;
		max-width:450px;
		float:right;
	}
	
	.home .testo {
		max-width:none;
		text-align: center;
	}
	
		.testo h3 {
			font-family:"playfairdisplay_bold_italic", sans-serif;
			font-size:2em;
			color:#EA5297;
		}
		
		.testo h4 {
			font-family:"playfairdisplay_bold_italic", sans-serif;
			font-size:1.5em;
			color:#EA5297;
		}
		
		.testo p {
			padding-top:20px;
			font-size:1.1em;
		}
		
		.testo p b {
			color:#EA5297;
			font-family:"playfairdisplay_bold_italic", sans-serif;
		}
		.testo p i, .testo ul li i {
			font-family:"playfairdisplay_bold_italic", sans-serif;
		}
		
		.testo blockquote {
			font-size:1.2em;
			font-family:"playfairdisplay_bold_italic", sans-serif;
			width:70%;
			padding:50px 20px 20px 20px;
			line-height: 1.3em;
			background-image:url('../img/quote.svg');
			background-repeat:no-repeat;
			background-position:left 20px;
			background-size:65px auto;
			
		}
		
		.home .testo blockquote {
			margin:0 auto;
			width:50%;
		}
		
		.testo .firma {
			font-family:"playfairdisplay_italic", sans-serif;
			font-size:0.8em;
			color:#666666;
			display:block;
			padding-top:10px;
		}
		
		.testo ul {}
		.testo ul li {
			font-size:1.1em;
			line-height:1.2em;
			padding: 15px 0 0 0;
		}
		
	.button-link {
		text-transform:uppercase;
		border:1px solid;
		color:#EA5297;
		display:inline-block;
		-webkit-transition: all 250ms ease-in;
		-moz-transition: all 250ms ease-in;
		-o-transition: all 250ms ease-in;
		transition: all 250ms ease-in;
	}
	
	.button-link a {
		display:block;
		padding:10px 12px;
		-webkit-transition: all 250ms ease-in;
		-moz-transition: all 250ms ease-in;
		-o-transition: all 250ms ease-in;
		transition: all 250ms ease-in;
	}
	
		.button-link:hover {
			background-color:#EA5297;
		}
		
		.button-link a:hover {
			color:#FFFFFF;
			text-decoration:none;
		}
		
.accordion {
	width:100%;
	/*max-width:400px;*/
}
	
	.accordion ul {
		width:100%;
		float:left;
	}
	.accordion ul li {
		float:left;
		width:100%;
	}
	
	.accordion .contenuto {
		display:none;
	}
	
	.accordion h4 {
		padding:20px 0 20px 40px;
		border-bottom:1px solid #333333;
		color:#333333;
		cursor:pointer;
		-webkit-transition: all 250ms ease-in;
		-moz-transition: all 250ms ease-in;
		-o-transition: all 250ms ease-in;
		transition: all 250ms ease-in;
		position:relative;
	}
	
	.accordion h4 span {
		background-image:url('../img/ico-plus.svg');
		background-repeat:no-repeat;
		background-position:left center;
		background-size:contain;
		position:absolute;
		top:0;
		left:0;
		width:22px;
		height:100%;
		display:block;	
		-webkit-transition: all 250ms ease-in;
		-moz-transition: all 250ms ease-in;
		-o-transition: all 250ms ease-in;
		transition: all 250ms ease-in;
	}
	
	.accordion h4.sel, .accordion h4:hover {
		color:#EA5297;
	}
	
	.accordion h4.sel span {
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
		
	
	#footer {
		background-color:#333333;
		color:#FFFFFF;
	}
	
		#footer a {
			color:#FFFFFF;
			-webkit-transition: all 250ms ease-in;
			-moz-transition: all 250ms ease-in;
			-o-transition: all 250ms ease-in;
			transition: all 250ms ease-in;
		}
		#footer a:hover {color:#EA5297; text-decoration:none;}
		
	#footer .logo-sintesi {
		background-image:url('../img/logo-sintesi-withe.svg');
		background-repeat:no-repeat;
		background-position:center center;
		background-size:contain;
		width:50px;
		height:60px;
		margin:0 auto;
	}
		
/* --- */
.scrivimi {
	position:fixed;
	bottom:15px;
	right:15px;
	background-image:url('../img/collaut.svg');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	z-index: 9;
}

	.scrivimi a {
		padding:42px 32px 48px 32px;
		display:block;
		color:#FFFFFF;
		font-size:1.2em;
		opacity:0.75;
		-webkit-transition: all 250ms ease-in;
		-moz-transition: all 250ms ease-in;
		-o-transition: all 250ms ease-in;
		transition: all 250ms ease-in;
	}
	
	.scrivimi a:hover {
		text-decoration:none;
		opacity:1;
	}


/* --- */
@media screen and (max-width: 1024px) {
	
	#main-nav {display:none;}
	.menu-mobile {display: block;}
	
	.testo, .testo-right {
		float:none;
	}
	
	.testo-right {
		margin-bottom:30px;
	}
	
	.side-img {
		float:none;
		width:100%;
		text-align:center;
		margin-top: 25px;
	}
	
}

/* --- */
@media screen and (max-width: 600px) {
	
	body {
		font-size:0.9em;
	}
	
	h1 span {
		display:block;
	}
	
	.button-link {
		display:block;
		text-align:center;
	}
	
}