/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 50px;
		left: 50%;
		margin-left: -300px;
		width: 520px;
		background: #62aeba url(modal-gloss.png) no-repeat -200px -80px;
		position: absolute;
		z-index: 101;
		padding: 55px 40px 34px;
		border: 5px solid #f7e93c;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 42px;
		line-height: 0.5;
		position: absolute;
		top: 12px;
		right: 11px;
		color: #FFF;
		font-weight: bold;
		cursor: pointer;
	}
		
	/*
		
	NOTES
	
	Close button entity is &#215;
	
	Example markup
	
	<div id="myModal" class="reveal-modal">
		<h2>Awesome. I have it.</h2>
		<p class="lead">Your couch.  I it's mine.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
		<a class="close-reveal-modal">&#215;</a>
	</div>
	
	*/


/* ------------------------ Modale ------------------- */
.reveal-modal{
	
}
.reveal-modal .or-spacer{
	text-align: center;
	padding: 10px;
	color: #FFF;
	border-top: 10px solid #f7e93c;
	margin-top: 0px;
	font-size: 30px;
}
.reveal-modal .gcore-line-td{
	margin-bottom: 10px;
}
.reveal-modal img{
	width: 100%;
	max-width: inherit;
	margin: 0 auto 10px;
	max-width: 100%;
	height: auto;
}
#form-modale input[type=text]{
	width: 100%;	
}
#form-modale input[type=radio]{
	margin-right: 5px;
	
}
#form-modale .gcore-radio-item{
	display: inline-block;
	margin-right: 10px;
}
#form-modale input.btn{
	margin: 0 auto 0px;
	display: block;
	width: 100px;
	height: auto;
	border-radius: 0px;
	font-size: 20px;
	background-color: #003b6d;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	padding: 0px;
	border: none;
	float: right;
}
#form-modale input.btn:hover{
	color: #000;
}
/**/	
#form-modale .center{
	text-align: center;	
}
#form-modale h5{
	text-align: center;	
	border-bottom: 1px solid #e6e6e6;
	color: #003b6d;
	font-size: 30px;
	font-weight: 100;
	text-transform: uppercase;
}

#form-modale h3{
	text-align: center;
	font-size: 70px;
	line-height: 0.9;
	font-weight: 500;
	color: #f7e93c;
	padding-bottom: 15px;
	text-shadow: 2px 2px 0 rgba(0,0,0,0.1);
	text-transform: uppercase;
	font-weight: 700;
}
#form-modale .form h3{
	text-align: center;
	font-size: 25px;
	font-weight: 500;
	color: #003b6d;
	padding-bottom: 15px;
	text-transform: normal;
}
#form-modale h4{
	text-align: center;
	font-size: 32px;
	font-weight: 700;
	border-bottom: 0px solid #e6e6e6;
}
#form-modale .fisarmonica{
	margin-bottom: 5px;	
}
#form-modale .fisarmonica h4{
	font-size: 22px;
}
#form-modale .yee-panel-default > .yee-panel-heading {
    color: #FFF;
    background-color: #003b6d;
    border-color: #dddddd;
}
#form-modale #fin-privacy label{
	font-size: 10px;	
}
#form-modale #ftd-data-di-nascita label{
	padding: 10px;
	background-color: #f7ea3e;
	margin: 2px;
	font-size: 13.2px;
}

#form-modale img{
	
}
#form-modale input[type=text], #form-modale textarea{
	background-color: #f4f4f4;
font-weight: 400;
padding: 5px;
height: auto;
font-size: 13px;
border-color: #FFF;
}
#ftd-message label::before{
	content:"\f040";
	font-family: "FontAwesome";
	font-size: 20px;
	margin-right: 6px;
}
#form-modale .help-block {
    font-size: 12px;
    color: #FFF;
}
@media only screen and (max-width : 992px){
		.reveal-modal {
			top: 0;
			left: 10px;
			margin-left: 0px;
			width: 96%;
		}
		#form-modale h3{
			text-align: center;
			font-size: 30px;
		}
	}

