@charset "UTF-8";
/** FONTS **/
@import url('https://fonts.googleapis.com/css?family=Bree+Serif|EB+Garamond|Oswald:300,400');

::selection {background:#005354; color: #fff;}
::-moz-selection {background:#005354; color: #fff;}

/** TAGS **/
html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body {
	margin: 0;
	padding: 0;
	font-family: 'EB Garamond', Georgia, Times, serif;
	font-size: 18px;
	line-height: 1.3em;	
	background-color: #f2f2f2;
	font-smooth: always;
}

h1 {
	margin: 0;
} 
h3 {
	font-family: 'Bree Serif', serif;
	font-size: 43px;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0;
	padding: 50px 0 30px 0;
}
h4 {
	font-size: 24px;
	font-family: 'Oswald', sans-serif;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0;
	padding: 20px 0;
}
h5 {
	font-size: 18px;
	font-family: 'Oswald', sans-serif;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0;
	padding: 20px 0;
}

p {
	margin: 0;
	padding: 8px 0;	
}

img {
	border: 0;
}


/** IDS **/
#wrapper {
	display: block;
	width: 100%;
	overflow: hidden;
}

#bg_top {
	background-color: rgb(255,255,255);	
	background-color: rgba(255,255,255,0.9);
	border-bottom: rgb(0,83,84) 8px solid;
	border-bottom: rgba(0,83,84,0.3) 8px solid;
	position: fixed;
	top: 0;
	z-index: 99999;
	width: 100%;
	padding: 0;
	margin: -12px 0 0 0;
	-webkit-transform: rotate(1deg);
	-moz-transform: rotate(1deg);
	-o-transform: rotate(1deg);
	-ms-transform: rotate(1deg);
	transform: rotate(1deg);
}
	#bg_top #top {
		margin: 0 auto;
		padding: 0;
		max-width: 960px;
		font-family: 'Oswald', sans-serif;
		-webkit-transform: rotate(-1deg);
		-moz-transform: rotate(-1deg);
		-o-transform: rotate(-1deg);
		-ms-transform: rotate(-1deg);
		transform: rotate(-1deg);
	}
		#bg_top #top h1 img {
			float: left;
			margin: 20px 0;
			height: 60px;
		} #bg_top #top #nav {
			float: right;
			padding: 0;
			margin: 38px 0;
		}
			#bg_top #top #nav li {
				list-style: none;
				margin: 0;
				padding: 0;
				display: inline;
			}
				#bg_top #top #nav li a {
					text-decoration: none;
					color: #008789;
					text-transform: uppercase;
					margin: 5px;
					padding: 5px;
					font-size: 16px;
					-webkit-transition: all 0.2s ease-in-out;
					-moz-transition: all 0.2s ease-in-out;
					-o-transition: all 0.2s ease-in-out;
					-ms-transition: all 0.2s ease-in-out;
					transition: all 0.2s ease-in-out;
				} #bg_top #top #nav li a:hover {
					text-decoration: none;
					background-color: #008789;
					color: #fff;
					-moz-border-radius: 4px; /* FF1+ */
     				-webkit-border-radius: 4px; /* Saf3+, Chrome */
     				border-radius: 4px; /* Opera 10.5, IE 9 */
				}
#bg_banner {
	background: url(../images/bg_banner.png) repeat-x;
	margin: 118px -50px 0 -50px;
	border-bottom: rgb(0,83,84) 8px solid;
	border-bottom: rgba(0,83,84,0.3) 8px solid;
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	transform: rotate(2deg);
}
	#bg_banner #banner {
		background: url(../images/banner.png) no-repeat center 115px;
		max-width: 1280px;
		height: 560px;
		margin: 0 auto;
		-webkit-transform: rotate(-2deg);
		-moz-transform: rotate(-2deg);
		-o-transform: rotate(-2deg);
		-ms-transform: rotate(-2deg);
		transform: rotate(-2deg);
	}
		#bg_banner #banner h2 {
			font-family: 'Bree Serif', serif;
			font-size: 40px;
			line-height: 1.2em;
			font-weight: normal;
			color: #005354;
			text-align: center;
			text-shadow: 3px 3px 1px #f1f1f1;
			margin: 0 20px;
			padding: 0 20px;
		}
			#bg_banner #banner h2 strong {
				color: #008789;
				font-weight: normal;
			}

.bg_scuro {
	background: url(../images/sporco.png) #005354;
	color: #f2f2f2;
	margin: 0 -50px;
	padding: 0 0 50px 0;
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	transform: rotate(2deg);
}
	.bg_scuro h3 {
		text-shadow: 3px 3px 1px #002a2a;
	} .bg_scuro h4 {
		text-shadow: 2px 2px 1px #002a2a;
		line-height: 1.3em;
	} .bg_scuro strong {
		color: #fff;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
	} .bg_scuro a {
		color: #fff;
		text-decoration: none;
		border-bottom: 1px solid #fbc45c;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	} .bg_scuro a:hover {
		color: #fbc45c;
		border-bottom: 1px dotted #fbc45c;
	}
	
	#profilo {
		width: 220px;
		margin: 0 10px;
		float: left;
		text-align: center;
	}
		#profilo img {
			display: block;
			margin: 0 auto;
		} #profilo #freccia {
			visibility: hidden;
			background: url(../images/freccia.png) no-repeat center center;
			color: #fff;
			text-transform: uppercase;
			position: relative;
			top: -70px;
			left: 190px;
			margin: -70px 0 0 0;
			padding: 10px 20px 10px 35px;
			font-family: 'Oswald', sans-serif;
			font-size: 16px;
			line-height: 18px;
			-webkit-transform: rotate(-2deg);
			-moz-transform: rotate(-2deg);
			-o-transform: rotate(-2deg);
			-ms-transform: rotate(-2deg);
			transform: rotate(-2deg);
		} #profilo:hover #freccia {
			visibility: visible;
		} #profilo #freccia strong {	
			font-family: 'Oswald', sans-serif;
		}
		#profilo strong {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 16px;
			font-weight: bold;
		}
		#profilo .button {
			font-size: 18px;
			font-family: 'Oswald', sans-serif;
			background-color: #008789;
			color: #fff;
			text-transform: uppercase;
			text-decoration: none;
			padding: 10px;
			margin: 20px 0;
			text-align: center;
			-moz-border-radius: 8px; /* FF1+ */
			-webkit-border-radius: 8px; /* Saf3+, Chrome */     
			border-radius: 4px; /* Opera 10.5, IE 9 */
			border-bottom: rgb(0,83,84) 4px solid;
			border-bottom: rgba(0,83,84,0.3) 4px solid;
			display: inline-block;
			margin-top: 384px;
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
		} #profilo .button:hover {
			background-color: #fff;
			color: #008789;
			border-bottom: rgb(0,83,84) 4px solid;
			border-bottom: rgba(0,83,84,0.3) 4px solid;
		}
			#profilo .button strong {
				font-weight: bold;
				font-family: 'Oswald', sans-serif;
				font-size: 18px;
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
			} #profilo .button:hover strong {
				color: #008789;
			}
	#appassionato {
		width: 350px;
		margin: 0 20px;
		float: left;
	} #esigenza {
		width: 300px;
		margin: 0 10px 0 20px;
		float: left;
	} 
	
	.bg_scuro ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}
		 .bg_scuro ul li {
			 float: left;
			 width: 430px;
			 margin: 0 10px;
		 }
		 	 .bg_scuro ul li blockquote {
				 background: url(../images/virgolette.png) no-repeat top left;
				 margin: 0;
				 padding: 10px 0 0 30px;
			 }
			 	.bg_scuro ul li blockquote p.firma {
					text-align: right;
				}
.bg_chiaro {
	background: url(../images/sporco.png) #008789;
	color: #fff;
	margin: 0 -50px;
	padding: 0 0 50px 0;
	border-top: rgb(0,83,84) 8px solid;
	border-top: rgba(0,83,84,0.3) 8px solid;
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	transform: rotate(2deg);
} 
	.bg_chiaro h3 {
		text-shadow: 3px 3px 1px #005354;
	} .bg_chiaro h4, .bg_chiaro h5 {
		text-shadow: 2px 2px 1px #005354;
	} .bg_chiaro h5 {
		padding: 20px 0 10px 0;
	} .bg_chiaro img {
		display: block;
		margin: 0 auto;
	} .bg_chiaro strong {
		color: #fff;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
	} #come_lavoro {
		background: url(../images/trattini_comeLavoro.png) no-repeat center 220px;
	}
		#come_lavoro div {
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
		} #come_lavoro:hover div {
			color: #EBEBEB;
		} #come_lavoro:hover div:hover {
			color: #fff !important;
			/*margin-top: -10px;*/
			transform: scale(1.05);
			-ms-transform: scale(1.05);
			-moz-transform: scale(1.05);
			-webkit-transform: scale(1.05);
			-o-transform: scale(1.05);
		}
		#come_lavoro div h4:after {
			font-family: "fontello";
			font-style: normal;
			font-weight: normal;
			font-size: 200px;
			line-height: 250px;
			speak: none;
			display: block;
			color: #008789;
			background-color: #fff;
			margin: 30px auto 0 auto;
			
			width: 250px;
			height: 250px;
			overflow: hidden;
			-moz-border-radius: 250px; /* FF1+ */
			-webkit-border-radius: 250px; /* Saf3+, Chrome */   
			border-radius: 250px; /* Opera 10.5, IE 9 */
			
			border-bottom: rgb(0,83,84) 5px solid;
			
			text-align: center;
			
			-webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out;
			-o-transition: all 0.5s ease-in-out;
			-ms-transition: all 0.5s ease-in-out;
			transition: all 0.5s ease-in-out;
			
			text-shadow: none;
		} #come_lavoro div:hover h4:after {
			color: #005354;
		}
	#preparazione {
		width: 300px;
		margin: 10px;
		float: left;
	} 
		#preparazione h4:after {
			content: '\e803';
			-webkit-transform: rotate(-10deg);
			-moz-transform: rotate(-10deg);
			-o-transform: rotate(-10deg);
			-ms-transform: rotate(-10deg);
			transform: rotate(-10deg);
		}
	#lavorazione {
		width: 300px;
		margin: 10px;
		float: left;
	}	 
		#lavorazione h4:after {
			content: '\e804';
		}
	#testing {
		width: 300px;
		margin: 10px;
		float: left;
	} 	 
		#testing h4:after {
			content: '\e801';
			-webkit-transform: rotate(-20deg);
			-moz-transform: rotate(-20deg);
			-o-transform: rotate(-20deg);
			-ms-transform: rotate(-20deg);
			transform: rotate(-20deg);
			line-height: 280px !important;	
		}	
	#contatti {
		background: url(../images/world.png) no-repeat center 80px;
	}
		#contatti #richiesta_info {
			background-color: rgb(255,255,255);
			background-color: rgba(255,255,255,0.7);
			float: left;
			width: 310px;
			padding: 15px 30px;
			margin: 20px 0 0 0;
			color: #291d07;
			position: relative;
		} #contatti #richiesta_info:before {
			content: "";
			position: absolute;
			bottom: 0;
			right: 0;
			border-width: 50px 60px 0 0;
			border-style: solid;
			border-color: #fff #008789;
		}
			#contatti #richiesta_info strong {
				color: #291d07;
			} #contatti #richiesta_info h4 {
				text-shadow: none;
				margin: 0;
				padding: 0 0 20px;
				color: #005354;
			}
				#contatti #richiesta_info h4 strong{
					color: inherit;
					background-color: inherit;
					font-weight: inherit;
					font-family: inherit;
					font-size: inherit;
				}
			 #contatti #richiesta_info form {
				margin: 0;
				padding: 0;
				color: #291d07;
			} #contatti #richiesta_info form a {
				color: #291d07;
				font-weight: normal;
				border-bottom: 1px solid #291d07;
				text-decoration: none;
				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				-ms-transition: all 0.2s ease-in-out;
				transition: all 0.2s ease-in-out;
			} #contatti #richiesta_info form a:hover {
				color: #291d07;
				cursor: help;
				border-bottom: 1px dotted #005354;
			}
				#contatti #richiesta_info form input[type=text] {
					background-color: transparent;
					border: 0;
					border-bottom: 1px dotted #291d07;
					color: #291d07;
					width: 92%;
					height: 20px;
					margin: 10px 0;
					padding: 0px 4%;
					font-family: 'EB Garamond', Georgia, Times, serif;
					font-size: 16px;
				} #contatti #richiesta_info form input[type=text]:focus, #contatti #richiesta_info form textarea:focus {
					outline:none;
				} #contatti #richiesta_info form textarea {
					background: url(../images/bg_textarea.png) repeat 0px 23px;
					border: 0;
					color: #291d07;
					width: 92%;
					height: 100px;
					resize: none;
					margin: 10px 0;
					padding: 0px 4%;
					font-family: 'EB Garamond', Georgia, Times, serif;
					font-size: 16px;
					line-height: 25px;
				} #contatti #richiesta_info form input[type=submit] {
					background: url(../images/send_mail.png) no-repeat 5px;
					color: #008789;
					font-family: 'Oswald', sans-serif;
					text-transform: uppercase;
					font-size: 15px;
					padding: 5px 20px 5px 70px;
					margin: 10px 0 5px 0;
					border: 0;
					display: block;
					-webkit-transition: all 0.2s ease-in-out;
					-moz-transition: all 0.2s ease-in-out;
					-o-transition: all 0.2s ease-in-out;
					-ms-transition: all 0.2s ease-in-out;
					transition: all 0.2s ease-in-out;
					cursor: pointer;
				} #contatti #richiesta_info form input[type=submit]:hover {					
					color: #005354;
					background: url(../images/send_mail.png) no-repeat 10px;					
				} #contatti #richiesta_info form label {					
					font-size: 16px;
				} #contatti #richiesta_info #risultato {
					
				} 
					#contatti #richiesta_info #risultato img#checkmark {
						margin: 10px auto 30px 0;
					}
		#contatti #info {
			margin: 20px 0 0 0;
			float: right;
			text-align: right;
		}
			#contatti #info h4 {
				text-align: right;
			} #contatti #info strong {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 18px;
				font-weight: bold;
				color: #005354;
				background-color: #fff;
			} #contatti #info a {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 18px;
				font-weight: bold;
				color: #005354;
			} #contatti #info a:hover {
				color: #008789;
			}
			#contatti #info #social {
				list-style: none;
				padding: 0;
				margin: 0;
			}
				#contatti #info #social li {
					display: inline;
					margin: 5px;
				}
					#contatti #info #social li a.icon-social {
						display: inline-block;
						color: #fff;
						background-color: #005354;
						width: 45px;
						height: 45px;
						overflow: hidden;
						-moz-border-radius: 30px; /* FF1+ */
						-webkit-border-radius: 30px; /* Saf3+, Chrome */     
						border-radius: 30px; /* Opera 10.5, IE 9 */
						text-align: center;
						-webkit-transition: all 0.2s ease-in-out;
						-moz-transition: all 0.2s ease-in-out;
						-o-transition: all 0.2s ease-in-out;
						-ms-transition: all 0.2s ease-in-out;
						transition: all 0.2s ease-in-out;
					} #contatti #info #social li a.icon-social:hover {
						color: #008789;
						background-color: #fff;
					}
						#contatti #info #social li a.icon-social i:before {
							line-height: 45px;
							font-size: 21px;
						} #contatti #info #social li a.icon-social .text {
							display: none;
						}
#bg_arancione {
	background: url(../images/sporco.png) #fbc45c;
	color: #291d07;
	margin: 0 -50px;
	padding: 0 0 50px 0;
	border-top: rgb(0,83,84) 8px solid;
	border-top: rgba(0,83,84,0.3) 8px solid;
	border-bottom: rgb(0,83,84) 8px solid;
	border-bottom: rgba(0,83,84,0.3) 8px solid;
	
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	transform: rotate(2deg);
}
	#bg_arancione h3 {
		text-shadow: 3px 3px 1px #291d07;
		color: #fff;
		margin: 0;
	} #bg_arancione h4 {
		color: #fff;
		margin: 0;
		padding: 15px 0 30px 0;
		line-height: 1.4em;
		text-shadow: 2px 2px 1px #291d07;
	} #works {
		text-align: center;
	}
		#works .work {
			float: left;
			margin: 10px 10px 30px 10px;
			width: 450px;
			-webkit-transition: all 0.2s ease-in-out;
					-moz-transition: all 0.2s ease-in-out;
					-o-transition: all 0.2s ease-in-out;
					-ms-transition: all 0.2s ease-in-out;
					transition: all 0.2s ease-in-out;
		} #works .work:hover {			
			transform: scale(1.03);
			-ms-transform: scale(1.03);
			-moz-transform: scale(1.03);
			-webkit-transform: scale(1.03);
			-o-transform: scale(1.03);
		}
			#works .work .macbook {
				background: url(../images/macbook.png) no-repeat center center;
				height: 270px;
				position: relative;
			}
				#works .work .macbook .sito {
					position: absolute;
					top: 22px;
					right: 52px;
				
				} #works .work .macbook .overlay:hover:after {
					content: "\e800";
					font-family: "fontello";
					font-style: normal;
					font-weight: normal;
					font-size: 100px;
					line-height: 216px;
					speak: none;
					color: #fff;
					position: absolute;
					top: 22px;
					right: 52px;
					width: 344px;
					height: 216px;
					background-color: rgba(0,0,0,0.5);
					-webkit-transition: all 0.2s ease-in-out;
					-moz-transition: all 0.2s ease-in-out;
					-o-transition: all 0.2s ease-in-out;
					-ms-transition: all 0.2s ease-in-out;
					transition: all 0.2s ease-in-out;
					z-index: 200;
				} #works .work .macbook .riflesso {
					position: absolute;
					top: 7px;
					right: 44px;
				}
			#works .work h5 {
				color: #836223;
				font-size: 18px;
				margin: 0;
				padding: 20px 0 5px 0;
			} #works .work em {
				color: #836223;
				display: block;
			} #works .work a {
				color: #291d07;
				text-decoration: none;
				border-bottom: 1px solid #836223;
				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				-ms-transition: all 0.2s ease-in-out;
				transition: all 0.2s ease-in-out;
				font-weight: normal;
			} #works .work a:hover {
				color: #836223;
				border-bottom: 1px dotted #836223;
			}
	
#bg_copy {
	border-top: rgb(0,83,84) 8px solid;
	border-top: rgba(0,83,84,0.3) 8px solid;
	background-color: #fff;
	color: #291d07;
	margin: 0;
	padding: 0 0 20px 0;
	
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	transform: rotate(2deg);	
}
	#bg_copy #copyright p {
		text-align: right;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		padding: 20px 0 0 0;
	} 
		#bg_copy #copyright p a {
			color: #291d07;
			font-weight: normal;
			border-bottom: 1px solid #291d07;
			text-decoration: none;
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
		} #bg_copy #copyright p a:hover {
			color: #291d07;
			cursor: help;
			border-bottom: 1px dotted #005354;
		}
		
	#bg_copy #copyright #trattamento {
		margin: 0 auto 30px 0;
	}
		#bg_copy #copyright #trattamento h5 {
			padding: 20px 0 0 0;
		} #bg_copy #copyright #trattamento p {
			text-align: left;
		}

/** CLASSES **/
.clearFloat {
	clear: both;
	height: 0px;
	margin: 0;
	padding: 0;
}

.center {
	max-width: 960px;
	margin: 0 auto;
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);
}

.button {
	font-size: 24px;
	font-family: 'Oswald', sans-serif;
	background-color: #008789;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	padding: 10px 30px;
	margin: 20px 0;
	text-align: center;
	-moz-border-radius: 8px; /* FF1+ */
    -webkit-border-radius: 8px; /* Saf3+, Chrome */     
	border-radius: 4px; /* Opera 10.5, IE 9 */
	border-bottom: rgb(0,83,84) 4px solid;
	border-bottom: rgba(0,83,84,0.3) 4px solid;
	display: inline-block;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	line-height: 1.3em;
} .button:hover {
	background-color: #fff;
	color: #008789;
}

div.tooltip {
	position: absolute;
	width: 192px;
	line-height: 20px;
	padding: 10px;
	text-align: left;
	color: #005354;
	background-color: #fff;
    border: 4px solid rgb(255, 255, 255);
    border-radius: 5px;
    text-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 1px;
    box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 2px 0px;
	margin-top: 30px;
} div.tooltip:after {
	content: "";
	position: absolute;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #FFFFFF transparent;
    top: -24px;
    left: 100px;
}
	div.tooltip strong {
		color: #008789 !important;
		font-weight: normal;
	}
	
.error {
	color: red;
}

	#recensioni {
		width: 70% !important;
		padding: 0 !important;
		display: block;
		margin: 0 15% !important;
	}
		#recensioni li {
			float: inherit !important;
			display: block;
			width: 100% !important;
			margin: 20px 0 !important;
		}

/** RESPONSIVE **/
 
@media only screen and (max-width: 959px) {
	#bg_top {
		position: absolute;
	}
	#bg_top #top h1 img {
		margin: 20px;
		float: none;
		width: 80%;
		max-width: 390px;
		height: auto;
	} #bg_top #top #nav {
		display: none;
	}
		#banner h2 {
			margin: 10% !important;
		}
	.center > div {
		width: 70% !important;
		padding: 30px 0;
		display: block;
		margin: 0 15% !important;
	} #profilo:hover #freccia {
		visibility: hidden;
	} .tooltip {
		width: 65% !important;
		padding: 10px 2% !important;
		margin: 55px auto 0 -35% !important;
    	left: 50%;
	}
		div.tooltip:after {
			left: 50%;
		}
	
	#come_lavoro {
		background: none;
	}
	
	#richiesta_info {
		width: 65% !important;
		padding: 20px 3% !important;
		margin: 0 auto;
	} .work {
		width: 100% !important;
		padding: 30px 0;
		display: block;
		margin: 0 !important;
	}
		.work .macbook {
			background: none !important;
			height: auto !important;
			position: inherit !important;
		}
			.work .macbook img {
				position: inherit !important;
				top: inherit !important;
				right: inherit !important;
				margin: 0 auto !important;
				display: block;
				border: rgb(0,83,84) 3px solid;
				border: rgba(0,83,84,0.3) 3px solid;
				width: 100%;
				max-width: 344px;
			} .work .macbook .riflesso {
				display: none !important;
			} .work .macbook .overlay:hover:after {
				
				display: none !important;
				}
	
}