/* General Fonts */
@font-face {
	font-family: lato;
	src: url("fonts/Lato-Light.woff2") format("woff2"),
		url("fonts/Lato-Light.woff") format("woff");
	font-weight: 300;
}

@font-face {
	font-family: lato;
	src: url("fonts/Lato-Regular.woff2") format("woff2"),
		url("fonts/Lato-Regular.woff") format("woff");
	font-weight: 400;
}

@font-face {
	font-family: lato;
	src: url("fonts/Lato-Bold.woff2") format("woff2"),
		url("fonts/Lato-Bold.woff") format("woff");
	font-weight: 700;
}

/* ---------------- STYLE GERMANY -------------- */
/* ------------------Reset--------------------- */
* {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0 0 20px 0;
	line-height: 1;
	padding: 0;
	color: #151F24;
	text-transform: uppercase;
	font-weight: normal;
}

h1 { font-size: 180%; }

h2 { font-size: 160%; }

h3 { font-size: 140%; }

h4 { font-size: 120%; }

p {
	margin: 0;
	padding: 0;
}

figure {
	margin: 0;
}

ul {
	margin: 0;
	padding: 0;	
}
	ul > li {
		margin: 0;
		padding: 0;	
	}

/* -------------------------------------------- */
/* ------------------Style--------------------- */
html, body {width:100%; padding:0; margin-left:0; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; overflow-x: hidden; }
body { background: #eee; color: #000; font: 14px/20px 'Lato', Arial, Helvetica, sans-serif; padding-top: 70px; }
#homepage body { padding-top: 70px; }
#loading {
	overflow: hidden;
}

#fullpage,
#fullpage > body {
	height: 100%;
}

a{color: #000; text-decoration: none;}
a:hover,a:focus {color: #000; text-decoration: none;}
a.selected { color: #000; }

em, .italic { font-style: italic; }
strong, b, .bold { font-weight: bold; }

.button { background: #EE7C00; color: #fff; font-size: 110%; padding: 7px 15px; margin: 20px 0 0; display: table; border: 1px solid #EE7C00; -webkit-border-radius: 10px; border-radius: 10px; }
.button:hover, .button:focus{ color: #fff; background-color: #222; }
.button i { float: left; font-size: 140%; line-height: 70%; margin-right: 20px; }

.button-more { margin: 0 auto 60px; display: table; }
.button-more > img { display: block; }

.clear{content: "\0020"; display: block; height: 0; margin: 0 !important; padding: 0 !important; float: none; clear: both; visibility: hidden; }
.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }
.center { display: table; margin: 0 auto; }
.vcenter { display: table-cell; vertical-align: middle;}
.hide { display: none; }

.show-after-lg { display: none; }
.show-after-md { display: none; }
.show-after-sm { display: none; }

.floatleft { float: left; }
.floatright { float: right; }

.separatore { width: 100%; height: 1px; font-size: 1px; line-height: 1px; background: #999; display: table; margin: 20px auto;}

input::-webkit-input-placeholder { opacity: 1; }
input::-moz-placeholder { opacity: 1; }
input:-moz-placeholder { opacity: 1; }
input:-ms-input-placeholder { opacity: 1; }

#overlay { position: fixed; background: #000; -moz-opacity: 0.9; opacity: 0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; left: 0; top: 0; right: 0; bottom: 0; z-index: 35; }
#overlay-white { position: fixed; background: #fff; -moz-opacity: 0.9; opacity: 0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; left: 0; top: 0; right: 0; bottom: 0; z-index: 35; }

/* -------------------------------------------- */
/* ----------------- Header ------------------- */
	
#loading > .loading {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	color: #fff;
	z-index: 9999;
}
	#loading > .loading .center {
		height: 100%;
	}

	#loading > .loading img {
		display: table;
		margin: 0 auto 20px;
	}

	#loading > .loading .progress-container {
		position: relative;
		display: block;
		margin: 0 auto;
		width: 100%;
		max-width: 120px;
		height: 2px;
    	overflow: hidden;
	}
		#loading > .loading .progress-container .progress {
			display: block;
			position: absolute;
			bottom: 0;
			left: -122px;
			overflow: hidden;
			width: 120px;
			height: 2px;
			background-color: #F59300;
			-webkit-animation: loader-anim 1s 0s infinite;
			-moz-animation: loader-anim 1s 0s infinite;
			-ms-animation: loader-anim 1s 0s infinite;
			-o-animation: loader-anim 1s 0s infinite;
			animation: loader-anim 1s 0s infinite;
		}

	#loading > .loading h5 {
		color: #fff;
		margin: 20px 0 0 0;
		text-align: center;

		-webkit-animation: blink-text 1s infinite;
		-moz-animation: blink-text 1s infinite;
		-ms-animation: blink-text 1s infinite;
		-o-animation: blink-text 1s infinite;
		animation: blink-text 1s infinite;
	}

/* -------------------------------------------- */
/* ----------------Navigation------------------ */

/*
 * MENU TOP
*/
#menu-top {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 50;
	background: #000;
	
	-webkit-transition: 300ms ease-in-out;
	-moz-transition: 300ms ease-in-out;
	-o-transition: 300ms ease-in-out;
	transition: 300ms ease-in-out;
}
	#menu-top > a {
		display: block;
		float: left;
	}
		#menu-top > a > img {
			display: block;
		}

	#menu-top > #menu-button {
		background: #333;
		color: #FFFFFF;
		max-width: 90px;
		width: 100%;
		height: 70px;
		position: relative;
	}
		#menu-top > #menu-button > .icon {
			position: relative;
			top: 50%;
			left: 50%;
			width: 30px;
			height: 20px;
			-webkit-transform: rotate(0deg) translateX(-50%) translateY(-50%);
			-moz-transform: rotate(0deg) translateX(-50%) translateY(-50%);
			-o-transform: rotate(0deg) translateX(-50%) translateY(-50%);
			transform: rotate(0deg) translateX(-50%) translateY(-50%);
			-webkit-transition: 500ms ease-in-out;
			-moz-transition: 500ms ease-in-out;
			-o-transition: 500ms ease-in-out;
			transition: 500ms ease-in-out;
		}
		
		#menu-top > #menu-button > .icon span {
			display: block;
			position: absolute;
			height: 3px;
			width: 50%;
			background: #FFFFFF;
			opacity: 1;
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
			-webkit-transition: .25s ease-in-out;
			-moz-transition: .25s ease-in-out;
			-o-transition: .25s ease-in-out;
			transition: .25s ease-in-out;
		}
			#menu-top > #menu-button > .icon span:nth-child(even) {
				left: 50%;
				border-radius: 0 3px 3px 0;
			}

			#menu-top > #menu-button > .icon span:nth-child(odd) {
				left: 0px;
				border-radius: 3px 0 0 3px;
			}

			#menu-top > #menu-button > .icon span:nth-child(1), #menu-top > #menu-button > .icon span:nth-child(2) {
				top: 0px;
			}

			#menu-top > #menu-button > .icon span:nth-child(3), #menu-top > #menu-button > .icon span:nth-child(4) {
				top: 8px;
			}

			#menu-top > #menu-button > .icon span:nth-child(5), #menu-top > #menu-button > .icon span:nth-child(6) {
				top: 16px;
			}

			#menu-top > #menu-button > .icon.open span:nth-child(1),#menu-top > #menu-button > .icon.open span:nth-child(6) {
				-webkit-transform: rotate(45deg);
				-moz-transform: rotate(45deg);
				-o-transform: rotate(45deg);
				transform: rotate(45deg);
			}

			#menu-top > #menu-button > .icon.open span:nth-child(2),#menu-top > #menu-button > .icon.open span:nth-child(5) {
				-webkit-transform: rotate(-45deg);
				-moz-transform: rotate(-45deg);
				-o-transform: rotate(-45deg);
				transform: rotate(-45deg);
			}

			#menu-top > #menu-button > .icon.open span:nth-child(1) {
				left: 5px;
				top: 2px;
			}

			#menu-top > #menu-button > .icon.open span:nth-child(2) {
				left: 13px;
				top: 2px;
			}

			#menu-top > #menu-button > .icon.open span:nth-child(3) {
				left: -50%;
				opacity: 0;
			}

			#menu-top > #menu-button > .icon.open span:nth-child(4) {
				left: 100%;
				opacity: 0;
			}

			#menu-top > #menu-button > .icon.open span:nth-child(5) {
				left: 5px;
				top: 10px;
			}

			#menu-top > #menu-button > .icon.open span:nth-child(6) {
				left: 13px;
				top: 10px;
			}

	#menu-top #menu-main {
		display: none;
		background: #333;
		position: absolute;
		text-align: center;
		top: 100%;
		left: 0;
		right: 0;
		padding: 15px 0;
	}
		#menu-main > li {
			margin: 0;
			padding: 0;
			display: block;
			font-size: 16px;
			position: relative;
			top: -20px;
			opacity: 0;
			-webkit-transition: 600ms ease-in-out;
			-moz-transition: 600ms ease-in-out;
			-o-transition: 600ms ease-in-out;
			transition: 600ms ease-in-out;
		}
			#menu-main > li:first-child {
				-webkit-transition-delay: 0ms;
				-moz-transition-delay: 0ms;
				-o-transition-delay: 0ms;
				transition-delay: 0ms;
			}

			#menu-main > li:nth-child(2) {
				-webkit-transition: 600ms ease-in-out 50ms;
				-moz-transition: 600ms ease-in-out 50ms;
				-o-transition: 600ms ease-in-out 50ms;
				transition: 600ms ease-in-out 50ms;
			}

			#menu-main > li:nth-child(3) {
				-webkit-transition: 600ms ease-in-out 100ms;
				-moz-transition: 600ms ease-in-out 100ms;
				-o-transition: 600ms ease-in-out 100ms;
				transition: 600ms ease-in-out 100ms;
			}
			
			#menu-main > li:nth-child(4) {
				-webkit-transition: 600ms ease-in-out 150ms;
				-moz-transition: 600ms ease-in-out 150ms;
				-o-transition: 600ms ease-in-out 150ms;
				transition: 600ms ease-in-out 150ms;
			}
			
			#menu-main > li:nth-child(5) {
				-webkit-transition: 600ms ease-in-out 200ms;
				-moz-transition: 600ms ease-in-out 200ms;
				-o-transition: 600ms ease-in-out 200ms;
				transition: 600ms ease-in-out 200ms;
			}
			
			#menu-main > li:nth-child(6) {
				-webkit-transition: 600ms ease-in-out 250ms;
				-moz-transition: 600ms ease-in-out 250ms;
				-o-transition: 600ms ease-in-out 250ms;
				transition: 600ms ease-in-out 250ms;
			}
			
			#menu-main > li:nth-child(7) {
				-webkit-transition: 600ms ease-in-out 300ms;
				-moz-transition: 600ms ease-in-out 300ms;
				-o-transition: 600ms ease-in-out 300ms;
				transition: 600ms ease-in-out 300ms;
			}
			
			#menu-main > li:nth-child(8) {
				-webkit-transition: 600ms ease-in-out 350ms;
				-moz-transition: 600ms ease-in-out 350ms;
				-o-transition: 600ms ease-in-out 350ms;
				transition: 600ms ease-in-out 350ms;
			}

			#menu-main > li > a {
				padding: 12px 10px;
				color: #fff;
				display: block;
				line-height: 20px;
				text-transform: uppercase;
			}
				#menu-main > li > a:hover {
					color: #aaa;
				}

	#menu-top #menu-main.open > li {
		opacity: 1;
		top: 0;
	}

	#menu-top > .floatright > ul {
		list-style: none;
		display: block;
		margin: 0;
		padding: 15px 15px 15px 5px;
		font-size: 0;
	}
		#menu-top > .floatright > ul > li {
			margin: 0;
			padding: 0;
			display: inline-block;
			font-size: 16px;
			position: relative;
		}
			#menu-top > .floatright > ul > li:first-child {
				display: none;
			}

			#menu-top > .floatright > ul > li > a {
				padding: 0 10px;
				line-height: 40px;
				color: #fff;
				display: block;
				text-transform: uppercase;
			}
				#menu-top > .floatright > ul > li > a:hover {
					color: #aaa;
				}

				.paesi > ul {
					position: absolute;
					display: none;
					list-style: none;
					margin: 0;
					padding: 15px 0 0 0;
					font-size: 0;
					left: 0;
					right: 0;
					background: #000;
				}
					.paesi:hover > ul {
						display: block;
					}
	
					.paesi > ul > li {
						font-size: 16px;
						margin: 0;
						padding: 0;
						display: block;
					}
						.paesi > ul > li > a {
							padding: 0;
							color: #fff;
							display: block;
							line-height: 57px;
							text-transform: uppercase;
							text-align: center;
						}
							.paesi > ul > li > a:hover {
								color: #aaa;
							}			
							.paesi a > img {
								filter: invert(100%);
							}
			
			#lingua > ul {
				position: absolute;
				display: none;
				list-style: none;
				margin: 0;
				padding: 15px 0 0 0;
				font-size: 0;
				left: 0;
				right: 0;
				background: #000;
			}
				#lingua:hover > ul {
					display: block;
				}

				#lingua > ul > li {
					font-size: 16px;
					margin: 0;
					padding: 0;
					display: block;
				}
					#lingua > ul > li > a {
						padding: 0;
						color: #fff;
						display: block;
						line-height: 57px;
						text-transform: uppercase;
						text-align: center;
					}
						#lingua > ul > li > a:hover {
							color: #aaa;
						}

/*
 * MENU HOMEPAGE
*/
header > .slide {
	position: relative;
}

header > .slide > section {
	visibility: hidden;
	opacity: 0;
	background: #000;
	padding: 40px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10;
	-webkit-transition: 300ms ease-in-out;
	-moz-transition: 300ms ease-in-out;
	-o-transition: 300ms ease-in-out;
	transition: 300ms ease-in-out;
}
	#homepage header > .slide > section {
		visibility: hidden;
		opacity: 0;
	}

	header > .slide > section > a {
		float: left;
		display: block;
	}
		header > .slide > section > a > img {
			display: block;
			height: 70px;
		}

	header > .slide > section > .floatright > ul {
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
		font-size: 0;
	}
		header > .slide > section > .floatright > ul > li {
			margin: 0;
			padding: 0;
			display: inline-block;
			font-size: 14px;
			position: relative;
		}
			header > .slide > section > .floatright > ul > li > a {
				padding: 0 7px;
				color: #fff;
				display: block;
				line-height: 70px;
				text-transform: uppercase;
				font-weight: bold;
				letter-spacing: 1px;
			}
				header > .slide > section > .floatright > ul > li > a:hover {
					color: #aaa;
				}

/* -------------------------------------------- */
/* ---------------- Content ------------------- */

/*
 * SLIDE HOME
*/
.slide .owl-dots {
	position: absolute;
	bottom: 40px;
	margin: 0;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 8;
}
	.slide .owl-dots > .owl-dot > span {
		background: #fff;
		display:none;
	}

	.slide .owl-dots > .owl-dot.active > span {
		background: #000;
	}

/*
 * TOP PAGE
*/
#titolo-pagina {
	padding: 60px 0 40px;

}
	#titolo-pagina > h2 {
		font-size: 30px;
		font-weight: bold;
		display: table;
		padding: 0 20px;
		margin: 0 auto;
		text-transform: uppercase;
		text-align: center;
	}

	#titolo-pagina > .separatore {
		max-width: 225px;
		background: #444;
	}

	#titolo-pagina > p,
	#titolo-pagina > a {
		display: table;
		margin: -10px auto 0;
		color: #545454;
		font-size: 16px;
	}

	#titolo-pagina > .tag {
		display: table;
		margin: 20px auto 0;
		font-size: 12px;
		color: #B2B2B2;
	}

	#titolo-pagina > .filtri {
		display: table;
		margin: 0 auto 0;
		padding: 10px 0 0 0;
		font-size: 0;
		list-style: none;
	}
		#titolo-pagina > .filtri > li {
			font-size: 16px;
			line-height: 1.4;
			display: block;
			margin: 0 10px 15px;
			padding: 0;
			text-align: center;
		}
			#titolo-pagina > .filtri > li > a {
				padding: 0 7px 3px;
				border-bottom: 2px solid transparent;
			}

			#titolo-pagina > .filtri > li > a.current {
				color: #DF8000;
				border-color: #DF8000;
			}

	#titolo-pagina > form > select {
		display: table;
		max-width: 200px;
		margin: 20px auto 0;
		padding: 6px 12px;
	}

/*
 * HOME BLOCK TOP
*/
#home-block-top {
	background: #555;
}
#home-block-top .item > a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
	#home-block-top .item > a > img {
		display: block;
		max-width: 100%;
	}
	
	#home-block-top .item > a > .title {
		position: block;
		padding: 20px;
		background: #000;
		color: #fff;
	}
		#home-block-top .item > a > .title > h3 {
			font-size: 18px;
			color: #fff;
			text-transform: uppercase;
			text-align: center;
			letter-spacing: 1px;
			margin: 0;
		}		

/*
 * GAMMA PRODOTTI BLOCK TOP
*/
#block-top {
	margin: 40px 0 60px;
}

#block-top .pure-u-1 > a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	min-height: 306px;
	background-color: #444;
}
	#block-top .pure-u-1:nth-child(even) > a {
		background-color: #222;
	}

	#block-top .pure-u-1 > a > img {
		display: block;
		max-width: 100%;
		position: absolute;
		left: 0;
		top: 50%;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	#block-top.app .pure-u-1 > a > img {
		left: 50%;
		-moz-transform: translateY(-50%) translateX(-50%);
		-webkit-transform: translateY(-50%) translateX(-50%);
		-o-transform: translateY(-50%) translateX(-50%);
		-ms-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%);
	}

	#block-top .pure-u-1 > a > h3 {
		position: absolute;
		top: 30px;
		color: #fff;
		font-size: 18px;
		text-transform: initial;
		text-align: center;
		left: 20px;
		right: 20px;
	}

	#block-top .pure-u-1 > a > .arrow {
		position: absolute;
		left: 50%;
		bottom: 0;
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 60px;
		height: 60px;
		line-height: 60px;
		background: #DF8000;
	}
		#block-top .pure-u-1 > a > .arrow > img {
			display: block;
			width: 15px;
			margin: 20px auto 0;
		}

/*
 * FOCUS BLOCK
*/
#focus-block .pure-u-1 > a {
	display: block;
	width: 100%;
	height: 422px;
	background-color: #333333;
	position: relative;
	min-height: 422px;

}
	#focus-block .pure-u-1:nth-child > a {
		height: 422px;
		width: 100%;
	}

	#focus-block .pure-u-1 > a > img {
		display: block;
		max-width: 100%;
		position: absolute;
		left: 0;
		top: 50%;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	

/*
 * HOME APPLICAZIONI
*/
#home-applicazioni {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333333+0,000000+73 */
	background: #333333; /* Old browsers */
	background: -moz-linear-gradient(top,  #333333 0%, #000000 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #333333 0%,#000000 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #333333 0%,#000000 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	padding: 60px 0;
	text-align: center;
}
	#home-applicazioni a {
		margin-top: 30px;
	}
		#home-applicazioni a:first-child {
			margin-top: 0;
		}

	#home-applicazioni a > h4 {
		color: #fff;
		font-size: 16px;
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: 1px;
		margin-top: 15px;
	}

	#home-applicazioni [data-tooltip]:after,
	#home-applicazioni .tooltip:after {
		background: #DF8000;
		color: #fff;
	}

	#home-applicazioni [data-tooltip]:before,
	#home-applicazioni .tooltip:before,
	#home-applicazioni .tooltip-top:before {
		border-top-color: #DF8000;
	}

/*
 * HOME NEWS
*/
.news-carousel {
	background: #222;
	padding: 60px 0;
}
	.news-carousel .item {
		max-width: 720px;
		width: 100%;
		display: table;
		margin: 0 auto;
		text-align: center;
	}
		.news-carousel .item .pure-u-md-3-4 {
			padding-left: 30px;
		}

		.news-carousel .item h2 {
			font-size: 220%;
			color: #fff;
			text-transform: initial;
		}

		.news-carousel .item .testo {
			color: #aaa;
		}

		.news-carousel .item a.button {
			margin-left: auto;
			margin-right: auto;
		}

		.news-carousel .item a > img {
			max-width: 150px;
			display: table;
			margin: 0 auto 20px;
			-webkit-border-radius: 250px;
			border-radius: 250px;
		}

/*
 * SOCIETA PAGE
*/
#societa > section {
	padding: 50px 0;
	color: #202020;
	font-size: 16px;
	line-height: 1.6;
}

#societa > section.dark {
	background: #323232;
	color: #fff;
}

	#societa > section img {
		display: table;
		margin: 0 auto;
		max-width: 100%;
	}

	#societa > section .text {
		padding: 30px 0 0;
	}

	#societa > section.dark .text {
		padding: 0 0 30px;
	}
		#societa > section .text > img {
			display: block;
			margin: 0;
		}

/*
 * NOTE TECNICHE PAGE
*/
#note-tecniche {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bbbbbb+0,ffffff+100 */
	background: #bbbbbb; /* Old browsers */
	background: -moz-linear-gradient(top,  #bbbbbb 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #bbbbbb 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #bbbbbb 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	padding-bottom: 112px;
}
	#note-tecniche > a {
		display: table;
		width: 100%;
		min-height: 112px;
		border-bottom: 1px solid #BDBDBD;
	}
		#note-tecniche > a > h5 {
			display: block;
			margin: 35px 40px;
			padding: 10px 0 10px 40px;
			border-left: 11px solid #333;
			font-size: 16px;
			line-height: 1.4;
			font-weight: bold;
			letter-spacing: 1px;
			text-transform: uppercase;
			color: #666;
		}
			#note-tecniche > a:hover > h5 {
				color: #000;
				border-left-color: #DF8000;
			}

		#note-tecniche > a > span.arrow {
			display: table-cell;
			vertical-align: middle;
			width: 112px;
			height: 112px;
			line-height: 112px;
			background: transparent;
			text-align: center;
		}
			#note-tecniche > a > span.arrow > img {
				display: table;
				margin: 0 auto;
			}

			#note-tecniche > a:hover > span.arrow {
				background: #DF8000;
			}

#esperto .center {
	max-width: 340px;
	height: 100%;
}

#esperto .vcenter {
	padding: 40px 20px;
	color: #fff;
	text-align: center;
}
	#esperto .vcenter > h4 {
		font-size: 28px;
		font-weight: bold;
		line-height: 1.2;
		text-transform: initial;
		color: #fff;
		margin: 20px 0 0 0;
		text-align: center;
		letter-spacing: 1px;
	}

	#esperto .vcenter > .separatore {
		max-width: 225px;
		background: #eee;
		margin-top: 10px;
		margin-bottom: 30px;
	}

	#esperto .vcenter > p {
		text-transform: uppercase;
		font-size: 18px;
		line-height: 1.4;
		display: block;
		margin-bottom: 30px;
	}

	#esperto .vcenter > strong {
		text-transform: uppercase;
		font-size: 18px;
		line-height: 1.8;
		display: block;
		margin-bottom: 40px;
	}

	#esperto .vcenter > img {
		display: table;
		margin: 0 auto;
	}
		#esperto .vcenter > img.show-after-lg { display: none; }


/*
 * PRODOTTO PAGE
*/
#prodotto-slide {
	background: transparent url('../images/template/pattern.png') repeat top left;
	width: 100%;
	text-align: center;
	position: relative;
}
	#prodotto-slide > .owl-carousel {
		max-width: 600px;
		display: block;
		margin: 0 auto;
	}

	#prodotto-slide > .slide-nav {
		position: absolute;
		bottom: -27px;
		text-align: center;
		left: 0;
		right: 0;
		z-index: 8;
	}
		#prodotto-slide > .slide-nav > a {
			display: inline-block;
			margin: 0 10px;
		}
			#prodotto-slide > .slide-nav > a > img {
				display: block;
				height: 47px;
			}

#prodotto-slide-app {
	background-color: #FFF;
	width: 100%;
	text-align: center;
	position: relative;
}
	#prodotto-slide-app  > .owl-carousel {
		max-width: 600px;
		display: block;
		margin: 0 auto;
	}

	#prodotto-slide-app  > .slide-nav {
		position: absolute;
		bottom: -27px;
		text-align: center;
		left: 0;
		right: 0;
		z-index: 8;
	}
		#prodotto-slide-app  > .slide-nav > a {
			display: inline-block;
			margin: 0 10px;
		}
			#prodotto-slide-app  > .slide-nav > a > img {
				display: block;
				height: 47px;
			}
.prod.applicazioni-slide .item > a > img {
	-webkit-border-radius: 90px;
	border-radius: 90px;
}

.applicazioni h4 {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1.4;
	color: #000;
	text-align: center;
}
	.applicazioni h4 > span {
		color: #DF8000
	}

	.applicazioni > .applicazioni-slide {
		display: block;
		margin: 0 auto;
	}
		.applicazioni > .applicazioni-slide .owl-carousel .owl-stage {
			display: table;
			margin: 0 auto;
		}

		.applicazioni > .applicazioni-slide .item > a {
			display: block;
		}
			.applicazioni > .applicazioni-slide .item > a > img {
				display: block;
				max-width: 100%;
				height: auto;
			}

			.applicazioni > .applicazioni-slide .item > a > .title {
				background: #000;
				color: #fff;
				text-align: center;
				display: block;
				width: 100%;
				padding: 5px 10px;
				font-size: 90%;
			}

			.applicazioni > .applicazioni-slide .item > a > .tipo {
				background: #DF8000;
				color: #fff;
				text-align: center;
				display: block;
				width: 100%;
				padding: 3px 10px;
				font-size: 80%;
			}

.altri-prodotti {
	background: #000;
	padding: 30px 0;
}
	.altri-prodotti h4 {
		font-size: 16px;
		text-transform: uppercase;
		letter-spacing: 1px;
		text-align: center;
		color: #aaa;
	}

.altri-prodotti-slide .item > a {
	display: block;
}
	.altri-prodotti-slide .item > a > img {
		display: block;
	}

	.altri-prodotti-slide .item > a > .title {
		background: #DF8000;
		color: #fff;
		text-align: center;
		display: block;
		width: 100%;
		padding: 5px 10px;
		font-size: 90%;
	}

.altri-prodotti-slide.app .item > a > img {
	-webkit-border-radius: 250px;
	border-radius: 250px;
}

/*
 * BLOCK LIST
*/
#block-list {
	margin: 0 10px 60px;
}
	#block-list > article {
		
	}
		#block-list > article > a {
			background: #333;
			display: block;
			margin: 0 10px 20px;
			position: relative;
		}
			#block-list > article > a > img {
				display: block;
				max-width: 100%;
				max-height: 128px;
			}

			#block-list > article > a > h5 {
				font-size: 24px;
				font-weight: bold;
				text-transform: initial;
				color: #fff;
				padding: 20px 20px 0;
				min-height: 92px;
			}

			#block-list > article > a > .testo {
				color: #8D8D8D;
				font-size: 16px;
				padding: 0 20px 20px;
				min-height: 100px;
				font-family: Arial, Helvetica, sans-serif;
			}

			#block-list > article > a > .tags {
				color: #656565;
				font-size: 12px;
				padding: 0 20px 10px;
				display: block;
				margin-right: 30px;
				min-height: 70px;
			}
				#block-list > article > a > .tags > strong {
					color: #767676;
				}

			#block-list > article > a > .arrow {
				position: absolute;
				bottom: 0;
				right: 0;
				width: 60px;
				height: 60px;
				line-height: 60px;
				background: #DF8000;
			}
				#block-list > article > a > .arrow > img {
					display: block;
					width: 15px;
					margin: 20px auto 0;
				}

		#block-list > article.top > a {
			background: #DF8000;
		}
			#block-list > article.top > a > .testo,
			#block-list > article.top > a > .tags {
				color: #eee;
			}

			#block-list > article.top > a > .arrow {
				background: #333;
			}


			#block-list.pdf > article > a > img {
				max-height: none;
				height: 100%;
				border-bottom: 0 solid #DF8000;
			}

			#block-list.pdf > article > a > .footer {
				height: 15px;
				width: 70px;
				background: #333;
				position: absolute;
				bottom: 0;
				right: 0;
			}

/*
 * BLOCK TEXT
*/
#block-text {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bbbbbb+0,ffffff+100 */
	background: #bbbbbb; /* Old browsers */
	background: -moz-linear-gradient(top,  #bbbbbb 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #bbbbbb 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #bbbbbb 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
	#block-text > article > .slide {
		padding-top: 30px;
	}

	#block-text > article > section {
		color: #222;
		font-size: 16px;
		line-height: 1.6;
		padding: 40px 0;
	}

	#block-text > article > span {
		text-align: center;
		display: table;
		max-width: 50%;
		width: 100%;
		margin: 0 auto;
		padding: 0 0 40px 0;
		color: #878787;
		font-size: 12px;
	}

	#block-link {
		text-align: center;
		background: transparent url('../images/template/pattern.png') repeat top left;
		padding: 30px 0;
	}
		#block-link > a {
			display: inline-block;
			padding: 2px 15px;
			margin: 10px;
			background: #DF8100;
			color: #fff;
			font-size: 16px;
			line-height: 35px;
		}
			#block-link > a > img {
				display: block;
				float: left;
				width: 35px;
				padding: 0;
				margin: 0 5px 0 0;
			}

#block-text.proprieta {
	background: transparent;
	margin-bottom: 30px;
}
	#block-text.proprieta table {
		width: 100% !important;
		border-collapse: separate;
		border-spacing: 8px;
		font-size: 14px;
	}
		#block-text.proprieta table tr td {
			width: 21%;
		}
		#block-text.proprieta table tr td:first-child {
			width: 35%;
		}

		#block-text.proprieta table td {
			padding: 5px;
		}

/*
 * IMG CONTAINER
*/
#img-cont {
	display: table;
	width: 100%;
	height: 300px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	overflow: hidden;


}
	#img-cont > div {
		display: table-cell;
		height: 100%;
		vertical-align: middle;
	}
		#img-cont > div .logo {
			display: inline-block;
		}
			#img-cont > div .logo > img {
				display: block;
				height: 70px;
			}

		#img-cont > div div {
			font-size: 27px;
			color: #DF8000;
			padding: 30px 20px;
			font-weight: bold;
			letter-spacing: 1px;
			line-height: 1.4;
		}
			#img-cont > div div > span {
				color: #fff;
			}

/*
 * PRODOTTI BLOCK LIST
*/
#prod-block-list {
	margin: 0 10px 60px;
}
	#prod-block-list > article {
		position: relative;
		overflow: hidden;
	}

	.new {
		position: relative;
		overflow: hidden;
		display: block;
	}
		.new::before {
			content: "NEW";
			letter-spacing: 1px;
			display: block;
			padding: 1px 5px;
			font-size: 16px;
			line-height: 1.4;
			position: absolute;
			top: 24px;
			right: -34px;
			width: 130px;
			background: #DF8000;
			color: #fff;
			text-align: center;
			z-index: 5;
			font-weight: bold;

			-moz-transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			transform: rotate(45deg);
		}

		#prod-block-list > article > a {
			background: #333;
			display: block;
			margin: 0 10px 20px;
			position: relative;
			overflow: hidden;
		}
			#prod-block-list > article > a > img {
				display: block;
			}

			#prod-block-list > article > a > h5 {
				display: block;
				background: #000;
				font-size: 20px;
				font-weight: normal;
				text-transform: initial;
				color: #fff;
				padding: 18px 15px;
				min-height: 70px;
				text-align: center;
				margin: 0;
			}

			#prod-block-list > article > a > .arrow {
				position: absolute;
				top: 0;
				left: 0;
				width: 60px;
				height: 60px;
				line-height: 60px;
				background: #DF8000;
			}
				#prod-block-list > article > a > .arrow > img {
					display: block;
					width: 15px;
					margin: 20px auto 0;
				}

/*
 * ANIMAZIONE
*/
#img-cont > div > div,
#img-cont > div > .logo {
	position: relative;
	transform: translateY(-400px);
	animation-name: slideDown;
    animation-duration: 500ms;
	animation-delay: 100ms;
	animation-timing-function: ease-in;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

#img-cont > div > .logo {
	animation-duration: 600ms;
}

#img-cont > div > .scroll-down {
	position: relative;
	transform: translateY(-400px);
	animation-name: slideDown;
    animation-duration: 400ms;
	animation-delay: 100ms;
	animation-timing-function: ease-in;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	display: block;
}

@keyframes slideDown {
    to { transform: translateY(0); }
}

#animazione #societa > section {
	overflow:hidden;
}

#animazione #societa .pure-g-cont .pure-u-1.come-in {
	position: relative;
	transform: translateY(200%);
	animation-name: slideIn;
    animation-duration: 700ms;
	animation-timing-function: ease-in;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
	#animazione #societa .pure-g-cont .pure-u-1.come-in:nth-child(odd) {
		animation-duration: 500ms;
	}

	#animazione #societa .pure-g-cont .pure-u-1.already-visible {
		transform: translateY(0);
		animation: none;
	}

@keyframes slideIn {
    to { transform: translateY(0); }
}

/*
 * RICERCA
*/
#cse {
	margin: 0 0 40px;
	width: 100%;
}
	#cse form input[type="text"], 
	#cse form input[type="email"], 
	#cse form select {
		margin-bottom: 0;
	}

	#cse form input[type="submit"], 
	#cse form input[type="button"] {
		padding: 12px 20px;
	}

/*
 * CONTATTI
*/
#iframe {
	width: 100%;
	height: 300px;
	display: block;
}

/*
 * GENERAL FORM
*/
form.center {
	max-width: 590px;
	width: 100%;
	padding: 40px 20px;
	display: block;
}
	form.center h3 {
		text-align: center;
	}

	form input[type="text"],
	form input[type="email"],
	form select {
		width: 100%;
		padding: 12px 25px;
		font-size: 18px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		border: 0;
		margin: 0 0 20px 0;
	}

	form textarea {
		max-width: 100%;
		width: 100%;
		min-height: 120px;
		padding: 12px 25px;
		font-size: 18px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		border: 0;
		margin: 0 0 20px 0;
	}

	form .checkbox-custom-label {
		display: inline;
		font-size: 12px;
		color: #999;
		line-height: 1.5;
		font-style: italic;
		font-weight: bold;
		position: relative;
	}

	form input[type="submit"],
	form input[type="button"] {
		background: #DF8000;
		font-size: 18px;
		color: #fff;
		border: 1px solid #DF8000;
		padding: 14px 20px;
		float: right;
	}
		form input[type="submit"]:hover {
			background: transparent;
			color: #DF8000;
		}

	#form-errori {
		border: 1px solid;
		color: #D8000C;
		background-color: #FFBABA;
		font-size: 110%;
		padding: 20px;
		text-align: center;
		margin: 0 20px 20px;
		list-style: none;
	}	
		#form-errori > li {
			margin-top: 20px;	
		}
			#form-errori > li:first-child {
				margin-top: 0;	
			}
			
			#form-errori > li > a {
				color: inherit;
				font-weight: 700;	
			}

	#form-successo {
		border: 1px solid;
		color: #29d800;
		background-color: #c9ffba;
		font-size: 110%;
		padding: 20px;
		text-align: center;
		margin: 0 20px 20px;
		list-style: none;
	}	
		#form-successo > li {
			margin-top: 20px;	
		}
			#form-successo > li:first-child {
				margin-top: 0;	
			}
			
			#form-successo > li > a {
				color: inherit;
				font-weight: 700;	
			}

#contatti #first-block {
	background: #323232;
	color: #fff;
	padding: 30px;
	text-align: center;
}
	#contatti #first-block a {
		color: #fff;
	}

	#contatti #first-block span {
		visibility: hidden;
		display: block;
	}

/* -------------------------------------------- */
/* ---------------- Footer -------------------- */
footer {
	padding: 60px 20px;
	text-align: center;
	background: #000;
}
	footer > a {
		display: table;
		margin: 0 auto;
	}

	footer .social {
		display: table;
		margin: 0 auto;
		padding: 0;
		list-style: none;
		font-size: 0;
	}
		footer .social > li {
			display: inline-block;
			font-size: 16px;
			padding: 0;
			margin: 0 5px;;
		}
			footer .social > li > a {
				display: block;
				color: #fff;
				background: #555;
				border: 1px solid #555;
				width: 32px;
				text-align: center;
				line-height: 32px;
				-webkit-border-radius: 32px;
				border-radius: 32px;
			}
				footer .social > li > a:hover {
					background: transparent;
					color: #555;
				}

				footer .social > li > a > svg {
					width: 14px;
					height: 14px;
					fill: #fff;
				}
					footer .social > li > a:hover > svg {
						fill: #555;
					}

	footer > address {
		margin-top: 20px;
		color: #545454;
		font-style: normal;
	}
		footer > address > a {
			color: #545454;
		}
			footer > address > a:hover {
				color: #fff;
			}

		footer > address > .separatore {
			width: 80px;
		}

/* -------------------------------------------- */
/* --------------- Components ----------------- */

/*
 * TOOLTIP
*/

/* ******************
Aggiungere attributo data-tooltip all' elemento a cui si vuole aggiungere il tooltip
****************** */
[data-tooltip] {
	position: relative;
	z-index: 2;
	cursor: pointer;
}

/* ******************
Tooltip nascosto di default
****************** */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
	position: absolute;
	visibility: hidden;
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";*/
	/*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);*/
	opacity: 0;
	-webkit-transition: 
	 opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		-webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	-moz-transition:	
		opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		-moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	transition:		 
		opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform:	translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	pointer-events: none;
}

/* ******************
Grafica del tooltip
****************** */
.tooltip:after,
[data-tooltip]:after {
 z-index: 1000;
 padding: 10px 12px;
 min-width: 160px;
 background-color: #000;
 color: #707070;
 content: attr(data-tooltip);
 font-size: 16px;
 line-height: 1.2;
 text-align: center;
}

.tooltip.light:after,
[data-tooltip].light:after {
	background-color: #DF8000;
	color: #fff;
}

/* ******************
Grafica del triangolino
****************** */

.tooltip:before,
[data-tooltip]:before {
 z-index: 1001;
 border: 7px solid transparent;
 background: transparent;
 content: "";
}

/* ******************
Mostra tooltip on hover
****************** */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
.tooltip:hover:before,
.tooltip:hover:after{
	visibility: visible;
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);*/
	opacity: 1;
}

/* ******************
Tooltip posizionato al di sopra dell' elemento
****************** */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
 bottom: 100%;
 left: 50%;
}

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
 margin-left: -8px;
 margin-bottom: -13px;
 border-top-color: #000;
}

[data-tooltip].light:before,
.tooltip.light:before,
.tooltip-top.light:before {
	border-top-color: #DF8000;
}

/* ******************
Allinea centralmente il tooltip top/bottom
****************** */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
 margin-left: -92px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after{
 -webkit-transform: translateY(-12px);
 -moz-transform:	translateY(-12px);
 transform:		 translateY(-12px); 
}

/* ******************
Tooltip posizionato al di sotto dell' elemento
****************** */
.tooltip-bottom:before,
.tooltip-bottom:after {
 top: 100%;
 bottom: auto;
 left: 50%;
}
.tooltip-bottom-fixed:before,
.tooltip-bottom-fixed:after {
	position: absolute;
	top: 100%;
	left: 50%;
	bottom: auto;
	overflow: auto;
	margin-top: 0;
}
.tooltip-bottom-fixed:after {
	background: #666;
	width: 280px;
	margin-left: -140px;
}
.tooltip-bottom-fixed:hover:before,
.tooltip-bottom-fixed:hover:after{
 -webkit-transform: translateY(8px);
 -moz-transform:	translateY(8px);
 transform:		 translateY(8px); 
}
.tooltip-bottom-fixed:before {
 margin-top: -10px;
 margin-bottom: 0;
 border-top-color: transparent;
 border-bottom-color: #666;
}

.tooltip-bottom:before {
 margin-top: -10px;
 margin-bottom: 0;
 border-top-color: transparent;
 border-bottom-color: #aaa;
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after{
 -webkit-transform: translateY(12px);
 -moz-transform:	translateY(12px);
 transform:		 translateY(12px); 
}

/* ***************
MODAL INVIA 
**************** */
.md-perspective,
.md-perspective body {
	height: 100%;
	overflow: hidden;
}

.md-perspective body  {
	background: #222;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	perspective: 600px;
}

.md-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50%;
	max-width: 630px;
	min-width: 320px;
	height: auto;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.md-show {
	visibility: visible;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	background: rgba(255,255,255,0.8);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-overlay {
	opacity: 1;
	visibility: visible;
}

/* Content styles */
.md-content {
	color: #202020;
	background: #ddd;
	position: relative;
	border-radius: 3px;
	margin: 0 auto;
	padding-bottom: 10px;
}

.md-content form {
	padding: 30px 30px 10px 30px;
}

.md-content h3 {
	background: #DF8000 none repeat scroll 0 0;
    border-radius: 3px 3px 0 0;
    color: #fff;
    font-size: 36px;
    font-weight: 300;
    margin: 0;
    opacity: 1;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    line-height: 100%;
}

.md-content > div {
	margin: 20px 0;
	text-align: center;
	display: none;
}

.md-content a {
	background: #DF8000 none repeat scroll 0 0;
    border: 1px solid #DF8000;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-family: 'Lato',"MyriadPro_Regluar","PT Sans","Trebuchet MS",sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 0.6em 1.2em;
    text-transform: uppercase;
    margin: 15px 0 10px 0;
    display: table;
}
.md-content a:hover {
	color: #DF8000;
	background-color: transparent;
}

.md-content button {
	background: #DF8000 none repeat scroll 0 0;
    border: 1px solid #DF8000;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-family: 'Lato',"MyriadPro_Regluar","PT Sans","Trebuchet MS",sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 0.6em 1.2em;
    text-transform: uppercase;
    margin: 15px 0 10px 0;
}
.md-content button:hover {
	color: #DF8000;
	background-color: transparent;
}

.md-content button.md-close {
	display: table;
	margin: 0 auto 10px;
}

#modal-condividi > .md-content > div {
	display: block;
	padding: 20px 20px;
}
	#modal-condividi > .md-content > div > ul {
		list-style: none;
	}
		#modal-condividi > .md-content > div > ul > li > a {
			display: table;
			margin: 30px auto 0;
		}
			#modal-condividi > .md-content > div > ul > li:first-child > a {
				margin-top: 0;
			}

			#modal-condividi > .md-content > div > ul > li > a > i {
				padding-right: 15px;
			}


/* Effect 3: Slide from the bottom */
.md-effect .md-content {
	-webkit-transform: translateY(20%);
	-moz-transform: translateY(20%);
	-ms-transform: translateY(20%);
	transform: translateY(20%);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

/* ******************
FORM
****************** */
.customForm {
	padding: 0;
	margin: 0;
}
	.customForm label {
		display: table;
		margin: 0 0 5px 0;
		cursor: pointer;
		padding: 0;
	}
	
	.customForm input[type='text'], .customForm form input[type='email'] {
		display: block;
		border: 1px solid #ccc;
		background-color: #fff;
		font-size: 13px;
		padding: 5px;
		text-decoration: none;
		margin: 0 0 15px 0;
		width: 100%;
		font-family: 'Lato','MyriadPro_SemiBold', Arial, Helvetica, sans-serif;
		letter-spacing: 1px;
	}
	
	.customForm textarea {
		display: block;
		border: 1px solid #ccc;
		background-color: #fff;
		font-size: 13px;
		padding: 10px;
		text-decoration: none;
		margin: 0 0 0 0;
		width: 100%;
		max-width: 100%;
		min-width: 100%;
		font-family: 'Lato','MyriadPro_SemiBold', Arial, Helvetica, sans-serif;
		letter-spacing: 1px;
	}
	
	/*.customForm input[type='submit'] {
		display: inline-block;
		margin: 5px 0;
		padding: 10px 8px;
		background: #ccc;
		font-family: 'Lato','MyriadPro_Regluar', Arial, Helvetica, sans-serif;
		font-size: 14px;
		letter-spacing: 1px;
		text-transform: uppercase;
		cursor: pointer;
		border-radius: 2px;
		border: 1px solid #ccc;
	}
		.customForm input[type='submit']:hover,
		.customForm input[type='submit']:focus {
			background-color: transparent;
			color: #DF8000;
		}*/
		
	.customForm input.errore {
		border: 1px solid red;
	}
		
#invioerrore {
	color: #f96161;
}

#inviosuccesso {
	text-align: center;
	font-size: 140%;
	margin-bottom: 30px;
}
	#inviosuccesso img {
		display: table;
		margin: 0 auto 20px auto;
	}

.g-recaptcha {
	transform: scale(0.8);
	transform-origin: 0 0;
}

/*
 * COOKIE 
*/
#cookie-policy {
	background-color:#333 !important;
	color: #FFF;
	font-size:12px;
	padding: 7px;
	width:100%;
	text-align:center;
	position:fixed;
	z-index:600;
	bottom:0;
	left:0;
}	
	#cookie-policy #cookie-text {
		display: inline-block;
		width: 80%;
		/*float: left;
		position: relative;*/
		padding: 0;
		color: #FFF;
		line-height: 20px;
		padding: 0;
	}
	
	#cookie-policy #cookie-text a {
		color: #FFF;
		text-decoration: none;
	}
		#cookie-policy #cookie-text a:hover {
			text-decoration: underline;
		}
	
	#cookie-policy #cookie-ok {
		/*float:left;*/
		position: relative;
		padding: 0 0 0 0;
		margin: 5px 0 0 0;
		display: block;
	}
		#cookie-policy #cookie-ok a {
			display: inline-block;
		}
	
.btn_bianco  {
    background: #FFF;
    color: #000;
    padding: 5px 10px;
    text-align:  center;
    text-decoration:  none;
    border: 1px solid #fff;
    cursor:pointer;
    font-size: 100%;
}

.btn_bianco:hover  {
    background-color: #333;
    color: #fff;
}

/*
 * CUSTOM CHECKBOX
*/
form .checkbox-custom {
	opacity: 0;
	position: absolute;
}
	form .checkbox-custom,form  .checkbox-custom-label {
		display: inline-block;
		vertical-align: middle;
		margin: 5px;
		cursor: pointer;
	}

	form .checkbox-custom-label {
		position: relative;
	}

	form .checkbox-custom + .checkbox-custom-label:before {
		content: '';
		background: #fff;
		border: 2px solid #ddd;
		display: inline-block;
		vertical-align: middle;
		width: 20px;
		height: 20px;
		padding: 2px;
		margin-right: 10px;
		text-align: center;
		float: left;
		margin-top: 6px;
	}

	form .checkbox-custom:checked + .checkbox-custom-label:before {
		background: #DF8000;
		box-shadow: inset 0px 0px 0px 4px #fff;
	}

	form .checkbox-custom:focus + .checkbox-custom-label {
		outline: 1px solid #ddd; /* focus style */
	}

/* -------------------------------------------- */
/* --------------- Accordion ------------------ */
.accordion {
	list-style: none;
	margin: 0;
	padding: 40px 0;
}	
	.accordion .accordion { padding: 0; background: #eee; }	
	.accordion li { 
		display: block;
		width: 100%;
		min-height: 112px;
		border-bottom: 0 solid #BDBDBD;
	}
	.accordion .accordion-show-info { 
		display: block;
		background: transparent;
		padding: 0;
		position: relative;
	}
		.accordion .accordion-show-info > header {
			width: 100%;
			padding: 0;
			display: table;
			margin: 0;
			position: relative;
		}
			.accordion .accordion-show-info > header > div {
				display: block;
				margin: 30px 20px;
				padding: 10px 0 10px 30px;
				border-left: 11px solid #333;
				font-size: 16px;
				line-height: 1.4;
				font-weight: bold;
				letter-spacing: 1px;
				text-transform: uppercase;
				color: #666;
			}
			
			.accordion .accordion-show-info > header > span.arrow { 
				display: table-cell;
				vertical-align: middle;
				width: 102px;
				height: 102px;
				line-height: 102px;
				background: transparent;
				text-align: center;
			}
				.accordion .accordion-show-info > header > span.arrow > img {
					display: table;
					margin: 0 auto;
				}

				.accordion .accordion-show-info:hover > header > span.arrow > span.arrow {
					background: #DF8000;
				}
			
	.accordion .accordion-info {
		color: #000;
		background: #f3f2f1;
		margin: 0;
	}
		.accordion .accordion-info > div {
			display: none;
			padding: 20px 20px;
			font-size: 110%;
			line-height: 160%;
		}

		.accordion .accordion .accordion-info {
			background-color: #f4f4f4;
		}

		.accordion .accordion .accordion-info > div > ul {
			display: block;
			padding: 0;
			margin: 0;
			list-style: none;
		}
			.accordion .accordion .accordion-info > div > ul > li {
				min-height: 0px;
				padding: 5px 0;
				margin: 10px 0;
				border-bottom: 1px solid #ccc;
				text-align: center;
			}
				.accordion .accordion .accordion-info > div > ul > li.show-after-md {
					display: none;
				}

				.accordion .accordion .accordion-info > div > ul > li > div > a {
					display: inline-block;
					padding-bottom: 20px;
				}

				.accordion .accordion .accordion-info > div > ul > li > div > a:hover {
					color: #DF8000;
				}

			.accordion .accordion .accordion-info > div > ul > li p {
				display: block;
				color: #888;
				padding: 10px 10px;
			}
				.accordion .accordion .accordion-info > div > ul > li p > a {
					color: #888;
				}

			/*.accordion .accordion .accordion-info > div > ul > li > a:before {
				content: "■ ";
				color: #000;
			}
				.accordion .accordion .accordion-info > div > ul > li > a:hover {
					color: #DF8000;
				}
				.accordion .accordion .accordion-info > div > ul > li > a:hover:before {
					color: #DF8000;
				}*/

	.accordion .accordion-show-info.current {
		background: #ccc;
		color: #000;
	}

	.accordion .accordion-show-info.current > header > div {
		border-color: #DF8000;
		color: #000;
	}
	
	/*.accordion .accordion-info.info-0 > div {
		display: block; 
	}*/
	
	.accordion .accordion-show-info:hover > header > div{
		border-color: #DF8000;
		color: #000;
	}

/* 
 * ANIMAZIONI LOADER 
*/
@-webkit-keyframes loader-anim {
    0% {
        left: -122px
    }

    100% {
        left: 122px
    }
}

@-moz-keyframes loader-anim {
    0% {
        left: -122px
    }

    100% {
        left: 122px
    }
}

@-ms-keyframes loader-anim {
    0% {
        left: -122px
    }

    100% {
        left: 122px
    }
}

@-o-keyframes loader-anim {
    0% {
        left: -122px
    }

    100% {
        left: 122px
    }
}

@keyframes loader-anim {
    0% {
        left: -122px
    }

    100% {
        left: 122px
    }
}

@-webkit-keyframes blink-text {
    0% {
        opacity: 1
    }

    20% {
        opacity: 0.5
    }

    40% {
        opacity: 0.2
    }

    60% {
        opacity: 0.7
    }

    80% {
        opacity: 0.1
    }

    90% {
        opacity: 0.4
    }
}

@-moz-keyframes blink-text {
    0% {
        opacity: 1
    }

    20% {
        opacity: 0.5
    }

    40% {
        opacity: 0.2
    }

    60% {
        opacity: 0.7
    }

    80% {
        opacity: 0.1
    }

    90% {
        opacity: 0.4
    }
}

@-ms-keyframes blink-text {
    0% {
        opacity: 1
    }

    20% {
        opacity: 0.5
    }

    40% {
        opacity: 0.2
    }

    60% {
        opacity: 0.7
    }

    80% {
        opacity: 0.1
    }

    90% {
        opacity: 0.4
    }
}

@-o-keyframes blink-text {
    0% {
        opacity: 1
    }

    20% {
        opacity: 0.5
    }

    40% {
        opacity: 0.2
    }

    60% {
        opacity: 0.7
    }

    80% {
        opacity: 0.1
    }

    90% {
        opacity: 0.4
    }
}

@keyframes blink-text {
    0% {
        opacity: 1
    }

    20% {
        opacity: 0.5
    }

    40% {
        opacity: 0.2
    }

    60% {
        opacity: 0.7
    }

    80% {
        opacity: 0.1
    }

    90% {
        opacity: 0.4
    }
}

/*
 * ICONE SOCIAL
*/
@font-face {
	font-family: 'FontAwesome';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url("fonts/fa-brands-400.woff2") format("woff2"), url("fonts/fa-brands-400.ttf") format("truetype");
  }
  .fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  }
  .fa-facebook:before {
	content: "\f09a";
  }
  .fa-twitter:before {
	content: "\e61b";
  }
  .fa-instagram:before {
	  content: "\f16d";
	}
  .fa-linkedin-in:before {
	  content: "\f0e1";
	}  
  .fa-google-plus:before {
	content: "\f0d5";
  }
  .fa-vimeo:before {
	content: "\f27d";
  }
  .fa-youtube-play:before {
	content: "\f16a";
  }
  .fa-whatsapp:before {
	content: "\f232";
  }