﻿.formcontattaci { background-color: #333333; padding: 20px; }
	.formcontattaci .content { width: 100%; max-width: 1920px; margin: 0 auto; padding: 40px; box-sizing: border-box; }
	.formcontattaci b { font-family: 'DINPro'; color: #fff; margin-bottom: 10px; display: block; }
	.formcontattaci .item { display: flex; justify-content: space-between; margin: 10px 0 }
		.formcontattaci .item input[type="text"], .formcontattaci .item input[type="password"], .formcontattaci .item select { width: 23%; border: solid 1px #999; background-color: transparent; padding: 5px; color: #ccc; margin: 10px 0; box-sizing: border-box; }
			.formcontattaci .item input[type="text"]::placeholder, .formcontattaci .item input[type="password"]::placeholder, .formcontattaci .item select::placeholder, .formcontattaci .item textarea::placeholder { color: #ccc; }
		.formcontattaci .item textarea { width: 100%; border: solid 1px #999; background-color: transparent; padding: 5px; color: #fff; font-family: DINPro, sans-serif; min-height: 80px; resize: none; }
	.formcontattaci span { font-family: 'DINPro'; color: #fff; font-size: 16px; margin-bottom: 10px; display: block; }
	.formcontattaci .item label { font-family: 'DINPro'; color: #fff; font-size: 14px; margin-bottom: 10px; display: block; }
	.formcontattaci .item .button { font-family: 'DINPro-Bold'; color: #fff; background-color: #E4032C; padding: 3px 60px; flex: 0 1 calc(100%/3); margin: auto; text-align: center; border-radius: 0; -webkit-appearance: none; }
	.formcontattaci input[type="file"] { opacity: 1; position: absolute; z-index: -1; left: -99999px; }
	.formcontattaci label.dropzone { background-color: rgba(33,33,33,.8); font-family: 'DINPro-Bold'; white-space: nowrap; padding: 5px; box-sizing: border-box; margin: 10px 2% 10px 0; }
/**/
.collapsebar { border-bottom: solid 1px #CCCCCC; position: relative; padding: 3px 0; }
	.collapsebar i { position: absolute; right: 0; font-size: 12px; margin-top: 6px; margin-right: 5px; }
.collapsecont { display: none; color: #fff; }



@media all and (min-width: 737px) and (max-width: 1279px) {
	.formcontattaci { background-color: #333333; padding: 20px 5px; }
		.formcontattaci .content { max-width: 100%; width: 737px; margin: 0 auto; }
		.formcontattaci b { font-family: 'DINPro'; color: #fff; font-size: 20px; margin-bottom: 10px; display: block; }
		.formcontattaci .item { display: flex; justify-content: space-between; margin: 8px 0 }
			.formcontattaci .item input[type="text"] { width: 20%; border: solid 1px #fff; background-color: transparent; padding: 5px; }
			.formcontattaci .item textarea { width: 100%; border: solid 1px #fff; background-color: transparent; padding: 5px; color: #fff; }
			.formcontattaci .item select { width: 45%; border: solid 1px #fff; background-color: transparent; padding: 5px; color: #fff; }
		.formcontattaci span { font-family: 'DINPro'; color: #fff; font-size: 16px; margin-bottom: 10px; display: block; }
		.formcontattaci .item label { font-family: 'DINPro'; color: #fff; font-size: 12px; margin-bottom: 10px; display: block; }
		.formcontattaci .item .button { font-family: 'DINPro-Bold'; color: #fff; background-color: #E4032C; padding: 3px 60px; flex: 0 1 calc(100%/1); text-align: center; }
	/**/
	.collapsebar { border-bottom: solid 1px #CCCCCC; position: relative; padding: 3px 0; }
		.collapsebar i { position: absolute; right: 0; font-size: 12px; margin-top: 6px; margin-right: 5px; }
	.collapsecont { display: none; }
}

@media all and (max-width: 736px) {
	.formcontattaci { background-color: #333333; padding: 20px 10px; }
		.formcontattaci .content { max-width: 100%; width: 100%; margin: 0 auto; }
		.formcontattaci b { font-family: 'DINPro'; color: #fff; font-size: 20px; margin-bottom: 10px; display: block; }
		.formcontattaci .item { display: flex; justify-content: space-between; margin: 8px 0; flex-wrap: wrap; }
			.formcontattaci .item input[type="text"] { width: 100%; border: solid 1px #fff; background-color: transparent; padding: 8px 3px; }
			.formcontattaci .item textarea { width: 100%; border: solid 1px #fff; background-color: transparent; padding: 5px; color: #fff; }
			.formcontattaci .item select { width: 100%; border: solid 1px #fff; background-color: transparent; padding: 5px; color: #fff; }
		.formcontattaci span { font-family: 'DINPro'; color: #fff; font-size: 16px; margin-bottom: 10px; display: block; }
		.formcontattaci .item label { font-family: 'DINPro'; color: #fff; font-size: 12px; margin-bottom: 10px; display: block; }
		.formcontattaci .item .button { font-family: 'DINPro-Bold'; color: #fff; background-color: #E4032C; padding: 3px 60px; flex: 1 1 100%; width: 100%; text-align: center; }
	/**/
	.collapsebar { border-bottom: solid 1px #CCCCCC; position: relative; padding: 3px 0; }
		.collapsebar i { position: absolute; right: 0; font-size: 12px; margin-top: 6px; margin-right: 5px; }
	.collapsecont { display: none; }
}
