@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');


@font-face {
	font-family: 'Manrope', sans-serif;
	src:
	url(fonts/Manrope-Bold.ttf) format("ttf"),
	url(fonts/Manrope-ExtraBold.ttf) format("ttf"),
		
	url(fonts/Manrope-ExtraLight.ttf) format("ttf"),	
	url(fonts/Manrope-Light.ttf) format("ttf"),
		
	url(fonts/Manrope-Medium.ttf) format("ttf"),
	url(fonts/Manrope-Regular.ttf) format("ttf"),
		
	url(fonts/Manrope-Manrope-SemiBold.ttf) format("ttf"),
	url(fonts/Manrope-VariableFont_wght.ttf) format("ttf");
	
	font-weight: 500;
	font-style: normal;
	font-display: fallback;
}

body {
background: white;
margin: 0 auto;
padding: 0;
width: 100%;
max-width: 100%;
height: auto;
color: #071013;
line-height:1.5;
font-family: 'Manrope', sans-serif;
font-optical-sizing: auto;
font-weight: 500;
font-style: normal;
letter-spacing: -0.0145rem;
}



button, input[type='text'], input[type='number'], input[type='email'], input[type="url"], input[type="checkbox"], input[type="file"], select, textarea {
font-weight:500;
color: #071013;
font-family: 'Manrope', sans-serif;
border: none;
outline: none;
background-color: transparent;
appearance: none;
-o-appearance: none; 
-ms-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

input[type='text']:focus, 
input[type='number']:focus, 
input[type='email']:focus, 
input[type='url']:focus,
input[type="checkbox"]:focus,
select:focus, 
textarea:focus {
 border-color: #071013;
 outline: 1.7px solid #071013;
}


input[type='url']:focus {
 outline: 1px solid #071013;
}

input[type='number'] {
  -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="text"]::placeholder,
input[type="number"]::placeholder,
input[type="email"]::placeholder,
input[type="url"]::placeholder,
input[type="checkbox"]::placeholder,
input[type="file"]::placeholder,
textarea::placeholder{
color: rgb(7 16 19 / 80%);
}


.general-container-full-width .general-container-form{
padding: 70px 5%;
}

.general-container-items-form {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
width: 100%;
flex-direction: row;
box-sizing: border-box;
margin-bottom:30px;
}


.single-container-items-form,
.single-container-items-form.full-width{
width: 50%;
box-sizing: border-box;
padding: 0 32px;
text-align: left;
}


.single-container-items-form.full-width{
width: 100%;
}

.single-container-items-form.items-conditions{
width: 65%;
height:220px;
}

.single-container-items-form.item-captcha{
width: 35%;
margin-top: 90px;
}

.single-container-items-form.items-conditions .container-conditions,
.single-container-items-form.items-conditions .container-conditions.last{
display:table; 
box-sizing:border-box; 
padding:10px 0;
}

.single-container-items-form.items-conditions .container-conditions.last{
padding:10px 0 20px;
}

.single-container-items-form.item-captcha .container-captcha {
width:auto; 
float:right;
}


.container-button-send{
text-align: right;
position: relative;
display: inline-block;
margin: auto;
float: right;
}

.container-button-send #sendErrorContactsForm{
position: absolute;
right: 0;
bottom: auto;
left: 0;
top: auto;
margin: auto;
text-align: center;
padding-top: 10px;
line-height: 1.3;
}


.single-container-items-form span{
font-weight: 700;
letter-spacing: 0.15rem;
font-size: 0.75rem;
text-transform: uppercase;
}


.single-container-items-form .form--row,
.single-container-items-form.full-width .form--row{
display: block;
width: 100%;
height:108px;
max-width: 100%;
margin-bottom:10px;
position: relative;
font-weight: 700;
letter-spacing: 0.15rem;
font-size: 0.80rem;
text-transform: uppercase;
}

.single-container-items-form.full-width .form--row.textarea.form-contatti{
height:100%;
}

.single-container-items-form.full-width .form--row.textarea textarea{
height:180px;
margin-bottom:5px;
}

.form--row label,
.form--row.textarea label{
display: block;
font-weight: 700;
letter-spacing: 0.15rem;
font-size: 0.75rem;
text-transform: uppercase;
padding: 10px 5px;
}

input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="checkbox"], textarea{
background-color: transparent;
border: 1.7px solid #454C4E;
border-radius: 5px;
display: block;
box-sizing:border-box;
/* min-height: calc(1.4em + 26px); */
padding: 12px;
text-align: left;
width: 100%;
font-size: 0.95rem;
letter-spacing: -0.0145rem;
}


input[type="checkbox"].custom-control-input{
width: 20px;
height: 20px;
margin-left:0;
vertical-align:middle;
padding: 2px;
appearance: none;
-o-appearance: none; 
-ms-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1.7px solid #454C4E;
}

input[type="checkbox"].custom-control-input:checked{
width: 20px;
height: 20px;
padding: 2px;
background:#071013;
position:relative;
border: 1.7px solid #071013;
}

input[type="checkbox"].custom-control-input:checked:before{
border-bottom: 3px solid #ffffff;
border-right: 3px solid #ffffff;
border-radius: 2px solid #ffffff;
content: "";
height: 10px;
position: absolute;
left: 30%;
top: 42%;
transform: translate(0, -50%) rotate(45deg);
width: 4px;
right: auto;
bottom: auto;
}


label.custom-control-label{
display:table-cell;
vertical-align:middle;
padding-left:5px;
font-size:0.95rem;
}


label.custom-control-label a,
label.custom-control-label a:hover,
label.custom-control-label button,
label.custom-control-label button:hover{
font-weight:700;
text-decoration:underline;
color:#071013;
font-size:0.95rem;
padding:0;
}

label.custom-control-label a span,
label.custom-control-label button span{
font-weight:500;
text-decoration:none;
font-size:0.95rem;

}


input[type="text"].error, 
input[type="number"].error, 
input[type="email"].error,
input[type="checkbox"].error{
border: 1.7px solid red;
font-weight:700;
border-radius: 5px;
}

span.error--alert{
color: red;
font-size:0.85rem;
font-weight:700;
text-transform:none;
letter-spacing: -0.0145rem;
}


.form--row.textarea span{
font-weight:600;
font-size:0.85rem;
letter-spacing: -0.0145rem;
text-transform:none;
}



.container-required-fields-check {
border-bottom: 1.5px solid #071013;
width: 100%;
padding: 15px 0 5px;	
}




/*MAX-WIDTH 992px*****************************************************************************************************
***********************************************************************************************************************/
@media screen and (max-width: 992px) {
	
	.general-container-full-width .general-container-form{
	padding:40px 0;
	}
	
	.general-container-items-form {
	flex-direction: column;
   }
	
	.single-container-items-form,
	.single-container-items-form.full-width{
	width: 100%;
	padding:10px 20px 8px;
	}
		
	
	.general-container-items-form {
	width: 100%;

   }
	
	.single-container-items-form,
	.single-container-items-form.full-width{
	padding:10px 20px 8px;
	}
	
	
	.single-container-items-form.full-width{
	height:100%;
	}
	
	
	.single-container-items-form.items-conditions,
	.single-container-items-form.item-captcha{
	width: 100%;
	margin-top:0;
	}
	
	
	.single-container-items-form.item-captcha{
	text-align:center;
	}

	.single-container-items-form.items-conditions{
	height:auto;
	}

	.single-container-items-form.item-captcha .container-captcha { 
	float:none;
	padding-bottom:20px;
	padding-top:20px;
	padding-left:10px;
	display:inline-block;
	margin:auto;
	}

	.container-button-send{
	text-align:center;
	display: block;
    width: 65%;
	float:none;
	}
	
	.container-button-send #sendErrorContactsForm{
	position: absolute;
	right: 0;
	left: 0;
	}
	
	.container-button-send button.btn-primary--big{
	width:100%;
	}

	.single-container-items-form .form--row,
	.single-container-items-form.full-width .form--row{
	height:104px;
	margin-bottom:0!important;
	}


}



/*MAX-WIDTH 768px*****************************************************************************************************
***********************************************************************************************************************/
@media screen and (max-width: 768px) {
	

	.container-button-send{
    width: 85%;
	}
	
}