@charset 'UTF-8';
@import url("font-awesome.min.css");
@import url("https://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,400,400italic");



/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	body
	{
		background: #F8F8F8;
	}

		body.is-loading *
		{
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-o-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-o-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
		}

	body,input,textarea,select
	{
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		font-size: 17pt;
		line-height: 1.75em;
		color: #000;
		-webkit-text-stroke: 0.1px;
	}


	

		.dark h1,
		.dark h2,
		.dark h3,
		.dark h4,
		.dark h5,
		.dark h6
		{
			color: #fff;
		}
		
	strong, b
	{
		font-weight: 400;
		color: inherit;
	}
	
		.dark strong, .dark b
		{
			color: #fff;
			color: rgba(255,255,255,1);
		}
	
	em, i
	{
		font-style: italic;
	}

	a
	{
		color: inherit;
		text-decoration: none;
		border-bottom: dotted 1px rgba(0,0,0,0.25);
		-moz-transition: border-bottom-color 0.25s ease-in-out;
		-webkit-transition: border-bottom-color 0.25s ease-in-out;
		-o-transition: border-bottom-color 0.25s ease-in-out;
		-ms-transition: border-bottom-color 0.25s ease-in-out;
		transition: border-bottom-color 0.25s ease-in-out;
	}
	
		a:hover
		{
			border-bottom-color: rgba(0,0,0,0);
		}

		.dark a
		{
			color: #fff;
			border-bottom-color: #000;
		}

			.dark a:hover
			{
				border-bottom-color: #000;
			}

	sub
	{
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}
	
	sup
	{
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}
	
	hr
	{
		border: 0;
		border-top: solid 1px #e6e6e6;
		margin: 2em 0 2em 0;
	}

		.dark hr
		{
			border-top-color: rgba(255,255,255,0.8);
		}
	
	blockquote
	{
		border-left: solid 0.25em #e6e6e6;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}

		.dark blockquote
		{
			border-left-color: rgba(255,255,255,0.8);
		}
	
	p, ul, ol, dl, table
	{
		margin-bottom: 1em;
	}
	
	p
	{
		text-align: justify;
        margin: 0 auto;
	}
		

	br.clear
	{
		clear: both;
	}
	
	.featured
	{
		text-align: center;
	}
	
		.featured p
		{
			text-align: center;
		}

    .black p, .black a {
		color:#000 !important;
	}
    

	
	/* Image */
	

		.image
		{
			position: relative;
			display: inline-block;
			border: 0;
		}

			.image:after
			{
				content: '';
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background: url('images/overlay.png');
			}
		
			.image img
			{
				display: block;
				width: 100%;
				border-radius: 0.5em;
			}

			.image.featured
			{
				bottom: 30px;
				top:0.5em;
				opacity:0.7;
			}
			
			.image.fit
			{
				width: 100%;
			}
			
			.image.left
			{
				
				margin: 0 2em 2em 0;
			}
			
			.image.centered
			{
				display: block;
				margin: 0 0 2em 0;
			}

				.image.centered img
				{
					margin: 0 auto;
					width: auto;
				}


	
	/* Button */
	
	
			ul.actions
		{
			cursor: default;
		}
		
			ul.actions li
			{
				display: inline-block;
				margin: 0 0 0 0.5em;
			}
			
			ul.actions li:first-child
			{
				margin-left: 0;
			}


		
		input[type="button"],
		input[type="submit"],
		input[type="reset"],
		.button,.pulsante, #action
		{
			-webkit-appearance: none;
			appearance: none;
			position: relative;
			display: inline-block;
			background: #3d3d3d;
			border-radius: 3px;
			cursor: pointer;
			border: 1px solid #333;
			color: #fff;
			text-align: center;
			text-decoration: none;
			-moz-transition: all 0.25s ease-in-out;
			-webkit-transition: all 0.25s ease-in-out;
			-o-transition: all 0.25s ease-in-out;
			-ms-transition: all 0.25s ease-in-out;
			transition: all 0.25s ease-in-out;
			text-transform:uppercase;
		    line-height: 1.75em;
			-webkit-text-stroke: 0.1px;
			padding:0.5em 1.7em 0.5em 1.7em;
		}

			input[type="button"]:hover,
			input[type="submit"]:hover,
			input[type="reset"]:hover,
			.button:hover, #action:hover
			{
				background: #4f4f4f;
			}
			
		input[type="button"].alt,
		input[type="submit"].alt,
		input[type="reset"].alt,
		.button.alt, #action.alt
		{
			color: inherit;
			box-shadow: inset 0 0 0 1px #e6e6e6;
			background: none;
		}
		
			input[type="button"].alt:hover,
			input[type="submit"].alt:hover,
			input[type="reset"].alt:hover,
			.button.alt:hover, #action.alt:hover
			{
				background: rgba(0,0,0,0.025);
			}

			.dark input[type="button"],
			.dark input[type="submit"],
			.dark input[type="reset"],
			.dark .button
			{
				background: rgba(255,255,255,0.15);
				box-shadow: inset 0 0 0 1px #000;
				color: #fff;
			}
			
				.dark input[type="button"]:hover,
				.dark input[type="submit"]:hover,
				.dark input[type="reset"]:hover,
				.dark .button:hover
				{
					background: rgba(255,255,255,0.25);
				}

			.dark input[type="button"].alt,
			.dark input[type="submit"].alt,
			.dark input[type="reset"].alt,
			.dark .button.alt
			{
				background: none;
				box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5);
			}

				.dark input[type="button"].alt:hover,
				.dark input[type="submit"].alt:hover,
				.dark input[type="reset"].alt:hover,
				.dark .button.alt:hover
				{
					background: rgba(255,255,255,0.15);
					box-shadow: inset 0 0 0 1px #fff;
				}



/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header
	{
		position: relative;
		margin: 0;
		background-image:		url('../images/background1.jpg');
		background-size:	cover;
		background-position:	center center;
		background-repeat:		no-repeat;
		padding: 2em 0 2em 0;
		text-align: center;
		color: #fff;
	}
	
				#header header h1
			{
				font-size: 1.4em;
				margin-bottom: 0;
				letter-spacing:0.30em;
				font-weight:bold;
			}
			
			#title
			{
				text-align:center;
			}
			#title h2 
			{
				font-size: 1em;
				letter-spacing:0.28em;
				margin-top: 5px;
			}
			
			#header header p
			{
				margin-top: 1.25em;
				font-weight: 100;
				max-width:750px;
				font-size: 1.3em;
				text-align: justify;
				margin: 0 auto;
				padding: 50px 30px 50px 30px;
				
				
			}
			
			.text-background {
				background-color: rgba(0, 0, 0, 0.15);
			}
			
		#header footer
		{
			padding-top: 1.5em;
		}
		

	
/*********************************************************************************/
/* Main Sections                                                                 */
/*********************************************************************************/

	.main
	{
		position: relative;
		margin: 0;
	}
	
		.main > header
		{
			background: #f1f1f1;
			text-align: center;
			padding: 5em 0 5em 0;
			margin: 0;
		}
		
			.main > header h2
			{
				font-size: 2.25em;
				font-weight: 100;
				margin-bottom: 0;
			}
		
			.main > header p
			{
				margin-left:auto;
				margin-right:auto;
				margin-top:20px;
				padding-top:20px;
				text-align: justify;
				max-width:750px;
				padding-bottom: 4em;
			}

		.main > .content
		{
			padding: 6em 0 6em 0;
		}

				.main > .content h3
			{
				font-size: 1.5em;
			}

			.main > .content.dark
			{
				background: #e1e1e1;
			}
			

	/* Contatti */

	#contatti p{
		color: #4d6a79;
		text-align: justify;
		padding-top: 20px;
		margin: 0 auto;
}

	.googlemap-wrapper {
		height: 380px;
		margin-bottom: 40px;
}

	.map-canvas {
		height: 380px;
		border: 5px solid #efefef;
		border-radius: 5px;
}

	.contact-info {
		margin-top: 40px;
}

	.contact-form input,
	.contact-form .select,
	.contact-form textarea {
		width: 100%;
		padding: 0.6em 0.8em;
		font-size: 1em;
		border: 1px solid #ccc;
		border-radius: 6px;
		background: #fff;
		color: #333;
		box-shadow: inset 0 1px 3px rgba(0,0,0,0.06);
		transition: border-color 0.25s ease, box-shadow 0.25s ease;
		outline: none;
		margin-bottom: 0.6em;
	}

	.contact-form input:focus,
	.contact-form .select:focus,
	.contact-form textarea:focus {
		border-color: #4d6a79;
		box-shadow: 0 0 0 3px rgba(77, 106, 121, 0.15), inset 0 1px 3px rgba(0,0,0,0.06);
	}

	.contact-form .form-group {
		margin-bottom: 0.2em;
	}

	.contact-form label {
		display: block;
		font-size: 0.85em;
		font-weight: 400;
		color: #4d6a79;
		margin-bottom: 0.3em;
		letter-spacing: 0.02em;
	}

	.contact-form .select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234d6a79' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: right 0.8em center;
		background-size: 12px;
		padding-right: 2.2em;
		height: auto;
	}

	.contact-form textarea {
		min-height: 140px;
		resize: vertical;
	}

	.contact-form .mainBtn {
		margin-top: 15px;
		color: white;
		background-color: #4d6a79;
		text-transform: uppercase;
		border: 0;
		border-radius: 6px;
		padding: 0.7em 2em;
		font-size: 1em;
		font-weight: 700;
		letter-spacing: 0.05em;
		cursor: pointer;
		transition: background-color 0.25s ease, transform 0.15s ease, box-shadow 0.25s ease;
		box-shadow: 0 4px 6px rgba(77, 106, 121, 0.25);
	}

	.contact-form .mainBtn:hover {
		background-color: #3a525e;
		transform: translateY(-2px);
		box-shadow: 0 6px 12px rgba(77, 106, 121, 0.35);
	}

	.contact-form .mainBtn:active {
		transform: translateY(0);
		box-shadow: 0 2px 4px rgba(77, 106, 121, 0.25);
	}

#form .honeypot {
    display: none;
}

#submit {
    margin-top: 15px;
}

    

[contentEditable=true]:empty:not(:focus):before{
    content:attr(data-placeholder) }
	
	
	::-webkit-input-placeholder {
		color: #4d6a79;
		padding-left:5px;
}

	:-moz-placeholder { /* Firefox 18- */
		color: #4d6a79;  
		padding-left:5px;
}

	::-moz-placeholder {  /* Firefox 19+ */
		color: #4d6a79;  
		padding-left:5px;
}

	:-ms-input-placeholder {  
		color: #4d6a79;
		padding-left:5px;
}

	.text-center {
		text-align: center;
}

	.heading-section {
		margin-bottom: 60px;
}
	.heading-section h2 {
		font-size: 28px;
		font-weight: 600;
		display: inline-block;
		color: #4d6a79;
}
	.heading-section p {
		font-size: 16px;
		font-weight: 300;
}

	.content-section {
		margin-top: 80px;
		padding-top: 60px;
}

	#footer {
		position: relative;
		margin-top:5em;
		background-image:			url('../images/background1.jpg');
		background-size:			auto,								cover;
		background-position:		bottom left,							center center;
		background-repeat:			repeat,								no-repeat;
		padding: 100px;
		text-align: center;
		color: #fff;
}

    #iframe {
		display:block;
		height:100%;
		width:100%;
	}
	
	#go-top {
		background-color: #fff;
		color: #4d6a79;
		padding: 15px 40px;
		text-transform: uppercase;
		font-weight: 700;
		border-radius: 6px;
		display: inline-block;
		border-bottom: none;
		text-decoration: none;
		transition: background-color 0.25s ease, color 0.25s ease, transform 0.15s ease, box-shadow 0.25s ease;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
	}

	#go-top:hover {
		background-color: #4d6a79;
		color: #fff;
		transform: translateY(-2px);
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
		border-bottom: none;
		text-decoration: none;
	}

	#go-top:active {
		transform: translateY(0);
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
	}

/* POPUP */

#popup {
	top: 50px;
	background-color: #fff;
	padding: 30px;
	width: 500px;
	position: absolute;
	left: 0; 
	right: 0; 
	margin-left: auto; 
	margin-right: auto; 
	border-radius:10px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
	background-clip: padding-box;
	z-index: 9999;
}

#popup .popup-header, #popup .popup-body, #popup .popup-footer {
	text-align: center;
}

#popup .popup-body, #popup .popup-footer {
	margin-top: 50px;
}

#popup .popup-body ul {
	margin-top: 25px;
}

#popup .popup-body li {
	list-style-type: none;
}

.text-center, .popup-body p {
	text-align: center;
}


/* Media Query per dispositivi mobili */
@media only screen and (max-width: 768px) {
	#popup {
		width: 100% !important;
	}
  }