.wpcf7-form {
	margin: 15px 0;
	font-size: 0.9rem;
}

.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form select {
	display: inline-block;
	width: 100%;
	max-width: 100%;
	padding: 10px;
	border: solid 2px #ddd;
	margin: 0 0 10px 0;
	line-height: 150%;
	background: #fff;
	font-family: inherit;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	transition: border 0.4s ease-in-out;
	-webkit-transition: border 0.4s ease-in-out;
}
.wpcf7-form select {
	-moz-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	appearance: none;

	background-image: url(../img/icons/arrow-down.svg);
	background-repeat: no-repeat;
	background-position: center right 10px;
}

.wpcf7-form input:focus,
.wpcf7-form textarea:focus,
.wpcf7-form select:focus {
	border: solid 2px #888;
	outline: none;
}
.wpcf7-form input:-webkit-autofill,
.wpcf7-form input:-webkit-autofill:focus {
    -webkit-box-shadow:0 0 0 50px white inset;
    -webkit-text-fill-color: #333;
}


.wpcf7-form input.half1 {
	width: 49%;
	margin-right: 1%;
}
.wpcf7-form input.half2 {
	width: 49%;
	margin-left: 1%;
}


.wpcf7-form span.wpcf7-list-item {
	display: block;
	margin-left: 0;
}
.wpcf7-form input[type="radio"],
.wpcf7-form input[type="checkbox"] {
	display: inline;
    margin: 0;
    width: auto;
}

.wpcf7-form ::-webkit-input-placeholder {color:#cccccc;}
.wpcf7-form :-moz-placeholder {color:#cccccc;}
.wpcf7-form ::-moz-placeholder {color:#cccccc;}
.wpcf7-form :-ms-input-placeholder {color:#cccccc;}

/* MESSAGGI */
.wpcf7-form input.wpcf7-not-valid {
	border: 2px solid #f1988f;
}
.wpcf7-form span.wpcf7-not-valid > span {
	border-left: 2px solid #f1988f;
    padding-left: 10px;
}

/* .wpcf7-form .wpcf7-not-valid-tip,
.wpcf7-form .wpcf7-response-output,
.ajax-loader {
	display: none !important;
} */

.wpcf7-form button {
	position: relative;
	display: inline-block;
    cursor: pointer;
    padding: 10px 40px;
    margin: 20px 0;
	min-width: 50%;
    border: none;

    letter-spacing: 1px;
    outline: none;

    color: #fff;
    font-size: 1rem;
    border-radius: 5px;
	background-color: #ff3265;

	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.wpcf7-form button:before {
	position: absolute;
	content: '';
	right: 30px;
	opacity: 0;
	top: 0;

    background-image: url(../img/icons/submit.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100%;
    width: 22px;

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.wpcf7-form button:hover:before {
	right: 10px;
    opacity: 1;
}

.wpcf7-form button:after {
    content: '';
    position: absolute;
    z-index: 1;
	left: 0;
    width: 100%;
    text-align: center;
    color: #fff;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.wpcf7-form.sent button,
.wpcf7-form.invalid button {
    color: transparent;
    pointer-events: none;
	cursor: inherit;
}
.wpcf7-form.sent button {
    background: #8BC34A;
}
.wpcf7-form.invalid button {
	background: #F44336;
}

.wpcf7-form.sent button:after {
    content: "Messaggio inviato";
    -webkit-animation: moveUp 0.5s;
    -moz-animation: moveUp 0.5s;
    animation: moveUp 0.5s;
}
.wpcf7-form.invalid button {
    -webkit-animation: shake 0.5s;
    -moz-animation: shake 0.5s;
    animation: shake 0.5s;
}
.wpcf7-form.invalid button:after {
	content: "Controlla i campi";
	-webkit-animation: moveUp 0.5s;
	-moz-animation: moveUp 0.5s;
	animation: moveUp 0.5s;
}



@-webkit-keyframes moveUp {
	0% {
		-webkit-transform: translateY(50%);
		opacity: 0;
	}
	100% { 
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes moveUp {
	0% {
		-moz-transform: translateY(50%);
		opacity: 0;
	}
	100% { 
		opacity: 1;
		-moz-transform: translateY(0);
	}
}
@keyframes moveUp {
	0% {
		transform: translateY(50%);
		opacity: 0;
	}
	100% { 
		opacity: 1;
		transform: translateY(0);
	}
}


@-webkit-keyframes shake {
	0%, 100% {-webkit-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}
@-moz-keyframes shake {
	0%, 100% {-moz-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}
@keyframes shake {
	0%, 100% {transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
	20%, 40%, 60%, 80% {transform: translateX(10px);}
}


/*

[text* your-name placeholder "Nome e cognome*"][email* your-email placeholder "Indirizzo email*"][text your-tel placeholder "Telefono"][textarea your-message x4 placeholder "Hai bisogno di aiuto?"]
[select menu-516 "prova 1" "prova 2" "prova 3"][checkbox checkbox-986 use_label_element "prova 4 sdfgsdfg sdfg sdfg sdfg sdfg sdfgs dfg sdfg sdfg sdfg" "prova 5" "prova 6"][radio radio-855 use_label_element default:1 "sdfgsdf" "sdfgsdfgs" "sdfgsdfg" "sdfgsdfg"][select* menu-775 id:ss class:ddd include_blank "asdf" "asdf" "asdf"]
[checkbox* privacy use_label_element class:privacy "Dichiaro di aver letto e compreso l'informativa sulla privacy ai sensi dell'art. 13 del Reg. 2016/679 e presto il consenso al trattamento dei miei dati personali."]<a href="http://localhost:8888/standard/privacy-policy/" class="lightbox">Leggi la nostra informativa sulla privacy</a>
<button class='wpcf7-form-control wpcf7-submit'>Invia</button>



Nome: [your-name]
Email: [your-email]
Telefono: [your-tel]

Messaggio:
[your-message]

Pagina: [_url]
IP: [_remote_ip]

*/