/******** FORM *********/

.container-form{
	width:100%;
	
	position:relative;
	
	padding-right:4.16vw;
}

.col-md-5:nth-child(3) .container-form{
	width:100%;
	
	position:relative;
	
	padding-right:0;
	padding-left:4.16vw;
}

/* FORM */

.form{
	width:100%;
	
	position:relative;
	
	margin-top:78px;
}

.fields-form{
	width:100%;
	height:100%;
	
	position:relative;
}

/* INPUT */

.field{
	width:100%;
	height:52px;
	
	border:1px solid #CCCAC8;
	
	background-color:#FFFFFF;
	
	position:relative;
	
	padding-left:20px;
	
	margin-top:52px;
}

.field-name{
	position:absolute;
	top:-24px;
	left:0;
}

.label-field{
	position:relative;
	
	float:left;
}

.img-req{
	width:7px;
	
	position:relative;
	top:-4px;
	
	float:left;
	
	margin-left:6px;
}

.container-input{
	width:100%;
	height:100%;
	
	position:relative;
}

input{
	width:100%;
	height:100%;
	
	border:none;
	
	background:none;
	
	position:absolute;
	top:0;
	left:0;
}

textarea{
	width:100%;
	height:100%;
	
	border:none;
	
	background:none;
	
	position:absolute;
	top:0;
	left:0;
	
	resize: none;
}

.field-textarea{
	width:100%;
	height:180px;
	
	border:1px solid #CCCAC8;
	
	background-color:#FFFFFF;
	
	position:relative;
	
	margin-top:52px;
	
	padding:20px;
	
}

/* PLACEHOLDER */

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
  font-family: 'Source Code Pro';
  color:#B3B1AF;
}

input::-moz-placeholder,
textarea::-moz-placeholder{ /* Firefox 19+ */
  font-family: 'Source Code Pro';
  color:#B3B1AF;
  opacity:1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder{ /* IE 10+ */
  font-family: 'Source Code Pro';
  color:#B3B1AF;
}

input:-moz-placeholder,
textarea:-moz-placeholder{ /* Firefox 18- */
  font-family: 'Source Code Pro';
  color:#B3B1AF;
}

/* SUBMIT + ERROR */

.sub-err{
	width:100%;
	height:80px;
	
	background-color:#DBD9D7;
	
	position:relative;
	
	margin-top:52px;
}

input[type=submit]{
	width:19.2%;
	height:100%;
	
	background-color:#EE7800;
	border:none;
	border-radius: 0!important;
	
	font-size:14px;
	font-weight:600;
	
	color:#FFFFFF;
	
	position:relative;
	
	float:left;
	
	padding:0;
	
	margin:0;
}

/* ERROR */

.field-message{
	width:80.8%;
	height:100%;
	
	position:relative;
	
	float:left;
}

.msg-error{
	position:absolute;
	top:50%;
	left:50%;
	
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	
	display:none;
}

.msg-error.active{
	display:block;
}

.field.error,
.field-textarea.error{
	border:2px solid #EE7800;
}

/* MSG SUCCESS */

.msg-info,
.msg-tel{
	width:100%;
	height:calc(100% + 20px);
	
	background-color:#FFFFFF;
	
	border:1px solid #CCCAC8;
	
	position:absolute;
	top:-20px;
	left:0;
	
	opacity:0;
	
	pointer-events:none;
	
	z-index: 9;
	
	-webkit-transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-ms-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
	transition:all 0.5s linear;
}

/* LOADER */

.loader{
	width:64px;
	
	position:absolute;
	top:50%;
	left:50%;
	
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	
	opacity:0;
}

/* ROTAZIONE LOADER */

@-webkit-keyframes rotazione{
	
	from{
		
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg);
		
	}
	
	to{
		
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg);
		
	}
	
}

@keyframes rotazione{
	
	from{
		
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg);
		
	}
	
	to{
		
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg);
		
	}
	
}

.rotazione{
	
	-webkit-animation: rotazione 1s linear infinite;
	-moz-animation: rotazione 1s linear infinite;
	-ms-animation: rotazione 1s linear infinite;
	-o-animation: rotazione 1s linear infinite;
	animation: rotazione 1s linear infinite;
	
}

/* MESSAGGIO INVIO */

.msg-riuscito{
	position:absolute;
	top:50%;
	left:50%;
	
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	
	text-align:center;
	
	opacity:0;
	
	-webkit-transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-ms-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
	transition:all 0.5s linear;
}

.btn-prosegui{
	width:105px;
		
	padding:6px 0 5px 0;
		
	text-align:center;
	
	background-color:#EE7800;
	
	position:relative;
	left:50%;
	
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
	
	margin-top:52px;
	
	cursor:pointer;
}

/* ATTIVAZIONE MESSAGGIO E LOADER */

.msg-info.success,
.msg-tel.success,
.msg-riuscito.active,
.loader.active{
	opacity:1;
	
	pointer-events:auto;
}

/* TEXT BOTTOM */

.text-form-bottom{
	margin-top:52px;
	
	text-align: justify;
}