/* form */
::-webkit-input-placeholder{ 
	color: var(--color2);
}
::-moz-placeholder{ 
	color: var(--color2);
}
:-moz-placeholder{ 
	color: var(--color2);
}
:-ms-input-placeholder{
	color: var(--color2);
}
input,
textarea,
select,
button{
	font-family: Inter, sans-serif;
}
input[type='text'],
input[type='email'],
input[type='number'],
input[type='color'],
input[type='date'],
input[type='datetime'],
input[type='search'],
input[type='tel'],
input[type='time'],
input[type='url'],
input[type='month'],
input[type='week'],
textarea,
select{
	font-weight: 400;
	font-size: 1em;
	line-height: 1.6;
	display: block;
	width: 100%;
	border-radius: .5em;
	padding: .375em 1em;
	border: 1px solid var(--color3);
	background-color: var(--color3);
	color: var(--color2);
	transition: border-color .2s ease-out;
}
input[type='text']:active,
input[type='email']:active,
input[type='number']:active,
input[type='color']:active,
input[type='date']:active,
input[type='datetime']:active,
input[type='search']:active,
input[type='tel']:active,
input[type='time']:active,
input[type='url']:active,
input[type='month']:active,
input[type='week']:active,
textarea:active,
select:active{
	border-color: var(--color2);
}
input[type='text']:focus,
input[type='email']:focus,
input[type='number']:focus,
input[type='color']:focus,
input[type='date']:focus,
input[type='datetime']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='time']:focus,
input[type='url']:focus,
input[type='month']:focus,
input[type='week']:focus,
textarea:focus,
select:focus{
	border-color: var(--color2);
}
input[type='submit']{
	font-size: 1em;
	line-height: 1.6;
	padding: .375rem 1rem;
	color: var(--color1);
	border: 1px solid var(--color2);
	background-color: var(--color2);
	transition: all .2s ease-in-out;
	cursor: pointer;
	border-radius: .5rem;
}
input[type='submit']:hover{
	transform: translate(.25rem, -.25rem);
	padding: .625rem 1.25rem;
	margin-bottom: -.5rem!important;
}
input[type='submit']:active{
	transform: translate(.25rem, -.15rem);
}
.wpcf7 p{
	clear: both;
}
.wpcf7 br{
	display: none;
}
.wpcf7-form > p{
	position: relative;
	margin-bottom: 0;
}
.wpcf7 input[type='submit'],
.wpcf7 button{
	display: block;
	max-width: 100%;
}
.wpcf7-not-valid-tip,
.wpcf7 form .wpcf7-response-output{
	font-size: .875em;
}
.wpcf7-form-control-wrap{
	display: block;
	position: relative;
}
.wpcf7-not-valid-tip{
	padding: .1667em .8333em;
	position: absolute;
	right: 0;
	bottom: 0;
	background: transparent;
	color: #f44336;
}
.wpcf7 form .wpcf7-response-output{
	font-weight: 500;
	border: 0;
	border-radius: .5rem;
	color: #fff;
}
.wpcf7-spinner{
	position: absolute;
    bottom: 0;
    margin: 0;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output{
	background-color: #F44336;
}
.wpcf7 form.sent .wpcf7-response-output{
	background-color: #009688;
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output{
	background-color: #B494B3;
}
.wpcf7 form.spam .wpcf7-response-output{
	background-color: #335E7D;
}
.wpcf7 .wpcf7-submit[disabled]{
	opacity: .7;
}
@media(max-width: 650px){
	textarea{
		height: 9.3333em;
	}
	input[type='submit']{
		width: 100%;
	}
	.wpcf7-form-control-wrap{
		width: 100%;
	}
	.wpcf7-not-valid-tip{
		font-size: .875em;
	}
	.wpcf7 form .wpcf7-response-output{
		margin: 1rem 0 0;
		padding: .5rem 1rem;
	}
}

/* footer */
footer,
footer a{
	color: var(--color2);
}
footer a:not([class]){
	transition: opacity .2s ease-in-out;
}
footer .titleCol{
	font-weight: 600;
	font-size: 1.5em;
	line-height: 1.3;
	letter-spacing: -.003em;
}
footer .col2 .titleCol:not(:last-child),
footer .boxSubcribe .titleCol:not(:last-child){
	margin-bottom: 1rem;
}
footer .textCopy{
	font-size: .875em;
	font-weight: 300;
	line-height: 1.6;
}
footer .textDev{
	font-size: .8125em;
	line-height: 1.6;
	letter-spacing: .05em;
}
footer .textDev:not(:first-child){
	margin-top: .75rem;
}
footer .textDev svg{
	width: 1rem;
	display: inline-block;
	vertical-align: middle;
	margin-left: .5rem;
}
footer .textDev a{
	opacity: .4;
}
footer .textDev a:hover{
	opacity: .8;
}
footer .menu{
	font-size: .875em;
	line-height: 1;
}
footer .menu a:hover{
	opacity: .7;
}
footer .menu li:not(:last-child){
	margin-bottom: 1rem;
}
footer .boxSubcribe .pr .wpcf7-not-valid{
	border-color: #F44336;
	    box-shadow: 0 0 .5rem #f4433640;
}
footer .boxSubcribe .pr .wpcf7-not-valid-tip{
	display: none;
}
footer .boxSubcribe .pr .wpcf7-submit{
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.3536 4.03544C12.5488 3.84018 12.5488 3.52359 12.3536 3.32833L9.17157 0.146351C8.97631 -0.0489113 8.65973 -0.0489113 8.46447 0.146351C8.2692 0.341613 8.2692 0.658195 8.46447 0.853458L11.2929 3.68188L8.46447 6.51031C8.2692 6.70557 8.2692 7.02216 8.46447 7.21742C8.65973 7.41268 8.97631 7.41268 9.17157 7.21742L12.3536 4.03544ZM0 3.68188L0 4.18188L12 4.18188V3.68188V3.18188L0 3.18188L0 3.68188Z' fill='%23F3F4F6'/%3e%3c/svg%3e ");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: auto .5rem;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 0;
}
footer .boxSubcribe .pr .wpcf7-submit:not(:hover){
	height: 2.5rem;
	width: 3.75rem;
}
footer .boxSubcribe .pr .wpcf7-submit:hover{
	width: 4.25rem;
	height: 3rem;
}
footer .boxSocial{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 1rem 1.25rem;
	flex-wrap: wrap;
}
footer .listSocials{
	display: flex;
	flex-direction: row;
	gap: 1.125rem;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
}
footer .listSocials svg{
	width: 1.5rem;
}
footer .listSocials a:hover{
	opacity: .7;
}
@media(max-width: 992px){
	footer{
		padding-top: 3.125em;
		padding-bottom: 3.125em;
	}
}
@media(max-width: 650px){
	footer .boxLogo{
		max-width: 53.25%;
	}
	footer .container{
		display: flex;
		flex-direction: column;
		gap: 2em;
	}
	footer .cols3{
		width: 100%;
	}
	footer .col1{
		order: 3;
	}
	footer .boxSocial:not(:first-child){
		margin-top: 1.5rem;
	}
}