//* contact form css */
span.wpcf7-not-valid-tip {
	display: none!important;
}
.wpcf7-not-valid {
	border: 1px solid #FF0000!important;
	color: #FF0000!important;
}
.wpcf7-not-valid ::placeholder {
	color: #FF0000!important;
}
.wpcf7-display-none {
	display: none!important;
}
.wpcf7-form {
	position: relative;
}
.ajax-loader {
	width: 100%!important;
	height: 100%!important;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	background-image: none!important;
	background: #ffffff94;
	border-radius: 8px;
	display: none;
	margin: 0!important;
}
.ajax-loader.is-active {
	display: block;
}
.ajax-loader::before {
	content: '';
	display: block;
	border: 3px solid var(--theme-color-very-light);
	border-radius: 50%;
	border-top: 3px solid var(--theme-color-light);
	width: 36px;
	height: 36px;
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
	background-image: none;
	position: absolute;
	top: calc(50% - 18px);
	left: calc(50% - 18px);
}
.wpcf7-response-output {
	display: none!important;
}
span.wrong, span.right {
	position: relative;
	display: block;
}
span.wrong input, span.wrong textarea {
	border-color: #EA5700;
}
span.right input, span.right textarea {
	border-color: #189e00;
}
span.wrong::before {
	content: url("../img/wrong.svg");
	display: block;
	position: absolute;
	top: -0.5em;
	right: -0.5em;
	width: 1em;
	height: 1em;
	animation-name: fadezoom;
	animation-duration: 1s;
	animation-iteration-count: 1;
	background-color: #fff;
	border-radius: 1em;
}
span.right::before {
	content: url("../img/right.svg");
	display: block;
	position: absolute;
	top: -0.5em;
	right: -0.5em;
	width: 1em;
	height: 1em;
	animation-name: fadezoom;
	animation-duration: 1s;
	animation-iteration-count: 1;
	background-color: #fff;
	border-radius: 1em;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.field:not(.sender) {
	position: relative;
	margin: 0.5em 0;
	padding: 0 1em;
}
.field {
	margin: 0.5em 0;
	padding: 0 1em;
}
.field label {
	position: absolute;
	font-size: 1em;
	background: #fff;
	padding: 0 0.5em;
	top: 0;
	left: 1.5em;
	transform: translateY(50%);
	z-index: 1
}
.field textarea {
	max-height: 150px;
}