.blocchi > div:nth-child(even) {margin-left: 2%;margin-right: 2%;}
.blocchi > div { float: left; display: block;}
.blocchi a { min-width: 342px; display: block; padding-top:10px; padding-bottom:10px; padding-right:20px; padding-left: 40px; position:relative; }
.footer_wrap > div.blocchi {  margin-bottom: 10px;}
.blocchi p br{display:none;}

img#logo-inline {max-width: 150px;max-height: 31px;}

.form-mail .m > h3 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
	  padding: 30px 0px;
}

.form-mail .m {
    align-items: flex-start;
}
.m > div.colserv >div:first-child {
    text-transform: uppercase;
    align-content: flex-start;
}

.form-mail .m > div >div {
    padding: 10px 0px;
 
    justify-content: flex-start;
	align-content:flex-start;
}

input[type="range" i] {
	width:100%;
}

.m > div.colserv {
    width: 25%;
}
.m > div.colbudget{
    width: 100%;

}
.colserv > div > div:nth-child(2) { padding-left:20px;}
.m > div.colbudget > div{
  width: 32.63%;
	margin-right:1%;

}
.m > div.colbudget > div:nth-child(3n+1){
    margin-right:0%;
}
.m > div.colbudget >div:first-child {
    display:none;
}

.form-mail i {
  font-size: 90px;
	margin-left: -18px;
}
textarea {
  height: 142px;
}
.m.budget > div >div {
    justify-content: center;
}


.form-mail input[type="text" i],.form-mail textarea,.form-mail select{
	width:100%;
	padding:15px;
	margin:0px;
	border-radius:8px;
}
.form-mail select{ max-width:300px;}
.m.colbudget > div >div,.m.coltextarea > div >div {width:100%; padding:0px;}

.squaredFour {position: relative;height: 32px; width:32px;}
.squaredFour > div {display: table-cell; vertical-align: middle; text-align: left; width:80%;}
.squaredFour label{width: 30px;height: 30px;cursor: pointer; position: absolute; top: 0;left: 0;border-radius: 8px; border:1px solid #e6e7e8;}
.squaredFour label:after{ content: ''; width: 18px; height: 10px; position: absolute; top: 6px; left: 6px; border: 3px solid #333; border-top: none; border-right: none;background: transparent;opacity: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.squaredFour label:hover::after {opacity: 0.5;}
.squaredFour input[type=text],.squaredFour textarea{border:1px solid #e6e7e8; width:90%; margin-right:7%; float:left; color:#727272; padding:5px 1%;}
.squaredFour textarea { width: 96%; margin-right: 1%; min-height:100px;}
.squaredFour input[type=checkbox],.squaredFour input[type=radio] {visibility: hidden;display: table-cell; width: 20%;}
.squaredFour input[type=checkbox]:checked + label:after,.squaredFour input[type=radio]:checked + label:after  { opacity: 1;border: 3px solid #727272;border-top: none;border-right: none;}
.squaredFour input[type=checkbox]:checked + label,.squaredFour input[type=radio]:checked + label {border:1px solid #727272;}
.squaredFour input[type=checkbox]:checked + label + div,.squaredFour input[type=radio]:checked + label + div {color: #727272;}


@media (min-width: 1px) and (max-width: 1280px) {
.m > div.colserv >div:first-child{font-size:16px;}
.form-mail .m > div >div {font-size: 14px;}
.colserv > div > div:nth-child(2){padding-left: 5px;max-width: 75%;}
}

@media (min-width: 1px) and (max-width: 1200px) {
	.blocchi p br{display:block;}
	.blocchi a {  min-width: 264px; padding-right: 10px;}
	.blocchi a h6, .blocchi a p{font-size:14px;}
}

@media (min-width: 1px) and (max-width: 1024px) {
.form-mail .m > h3{padding: 20px 0px;}
	.form-mail i{margin-left:0px;}
}

@media (min-width: 1px) and (max-width: 940px) {
.blocchi > div, .blocchi > div:nth-child(even) {
    float: left;
    display: block;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
}
	.blocchi a{
	 max-width: 270px;
    margin: 0px auto;
	}
}
@media (min-width: 1px) and (max-width: 768px) {
.m > div.colserv {width: 50%;}
.m > div.colbudget > div{width:49%;}
.form-mail .m > h3 {padding: 0px;}
	img#logo-inline { height: auto; width: 30vw;}
}

@media (min-width: 1px) and (max-width: 550px) {
.m > div.colserv{width: 100%;}
.m > div.colbudget > div{width:99%;}
img#logo-inline { height: auto; width: 50vw;}
}



/* --- Override --- */

.form_errato{background-color: rgba(154, 14, 75, 0.7);}
.form-mail .m > h3{font-size:18px;}
.form-mail .m > div.colserv >div:first-child {font-weight: bold;}
.colserv.viola > div:first-child, .colserv.viola > div:first-child i {color: #9a0e4b;}
.colserv.verde > div:first-child, .colserv.verde > div:first-child i {color:#78a32f;}
.colserv.azzurro > div:first-child, .colserv.azzurro > div:first-child i {color:#0090b1;}
.colserv.arancio > div:first-child, .colserv.arancio > div:first-child i {color:#de5119;}
.form-mail .m .colserv > div:not(:first-child) > div:nth-child(2) {text-align: left !important; text-transform: capitalize;}
.form-mail input[type="text" i]{width:90%; padding:20px 5%; border: solid 1px #cccccc;}
.form-mail textarea{width:95%; height:308px; padding:20px 2.5%; border: solid 1px #cccccc;resize: none;font-size: 16px;font-family: inherit;overflow-y: auto;}
.form-mail textarea:focus, .form-mail input:focus{outline: none;border: 1px solid #9a0e4b;}
.form-mail textarea::-webkit-scrollbar {width: 20px;}
.form-mail textarea::-webkit-scrollbar-track {background: #e6e7e8; border-radius: 8px;}
.form-mail textarea::-webkit-scrollbar-thumb {background-color: #727272;border-radius: 8px;}
/*.form-mail textarea {scrollbar-color: #727272 #e6e7e8;}*/
.cont_select {position: relative;width: 90%;max-width: 400px;margin: 0 auto;display: block;}
.cont_select select {width: 100%;padding:20px;font-size: 16px;font-family: inherit;color:#433B34; background-color: #fff;border: 1px solid #cccccc;border-radius: 8px;box-sizing: border-box;appearance: none;-webkit-appearance: none;-moz-appearance: none;cursor: pointer;transition: border 0.3s, box-shadow 0.3s;}
.cont_select select:focus {outline: none;border: 1px solid #9a0e4b;}
.cont_select::after {content: "";position: absolute;top: 50%;right: 70px;transform: translateY(-50%) rotate(45deg);width: 8px;height: 8px;border-right: 2px solid #433B34;border-bottom: 2px solid #433B34;pointer-events: none;transition: border-color 0.3s;}
.cont_select:hover::after {border-right-color: #9a0e4b;border-bottom-color: #9a0e4b;}
.form-mail input[type="text" i], .form-mail textarea, .form-mail select{transition: border 0.3s ease, box-shadow 0.3s ease;}
.form-mail input:hover[type="text" i], .form-mail textarea:hover, .form-mail select:hover{border-color: #727272;}
.squaredFour label{border: 1px solid #cccccc;transition: border 0.3s ease, box-shadow 0.3s ease;}
.squaredFour label:hover{border-color: #727272;}
.check{margin:0px!important;}
.check > div:last-child {max-width:75%; padding:0 0 0 20px!important;}
.g-recaptcha{margin:20px 0 40px 0!important;}
.invia_bt a:hover{background-color:#9a0e4b; color:#ffffff; border-color: #727272;}
.invia_bt a{color:#ffffff;text-transform:capitalize; padding:20px;background-color:#9a0e4b; border: solid 1px #e6e7e8; border-radius:8px;transition: border 0.3s ease, background-color 0.3s ease;}
.invia_bt a:hover{background-color:#78a32f; color:#ffffff; border-color: #727272;}
.contpopup{margin:0 0 60px 0;padding:0 0 60px 0; font-size:14px;animation: fadeIn 0.5s ease-in-out;border-bottom: solid 1px #cccccc;}
.contpopup > div{color:#9a0e4b;}
.contpopup > div:first-child{text-transform:uppercase; margin:0 0 10px 0; font-weight: bold;}
.m > div.colbudget >div:first-child {display:block;}


@media (min-width: 1px) and (max-width: 550px) {
.m > div.colserv{width: 90%;}
.m > div.colserv >div:first-child{align-content: start;flex-direction: column; margin:40px 0; font-size:20px;}
.form-mail i{/*margin:0 0 20px 0;*/ display:none;}
.form-mail .m > div >div{padding:0px; margin:0 0 20px 0;}
.colserv > div > div:nth-child(2){max-width:75%; padding:0 0 0 20px;}
.m > div.colbudget{width:90%!important; flex-direction: column;}
.m > div.colbudget > div{width:100%; margin:0;}
.m > .coltextarea{width: 90%;}
.contpopup{border-bottom:none; margin:0; padding:0;}
}

@media (min-width: 551px) and (max-width: 990px) {
.m > div.colserv {width:40%; margin:0 5%;}
.m > div.colserv >div:first-child{align-content: start;flex-direction: column; margin:40px 0; font-size:20px;}
.form-mail i{/*margin:0 0 20px 0;*/ display:none;}
.form-mail .m > div >div{padding:0px; margin:0 0 20px 0;}
.colserv > div > div:nth-child(2){max-width:75%; padding:0 0 0 20px;}
.m > div.colbudget{width:90%!important; display: flex;flex-wrap: wrap;column-gap: 20px; row-gap: 0;}
.m > div.colbudget > div{width: calc(50% - 10px); box-sizing: border-box; margin:0;}
.m > .coltextarea{width:90%;}
.contpopup{border-bottom:none; margin:0; padding:0;}
}

@media (min-width: 991px) and (max-width: 1200px) {
.m > div.colserv {width:40%; margin:0 5%;}
.m > div.colserv >div:first-child{align-content: start;flex-direction: column; margin:40px 0; font-size:20px;}
.form-mail i{/*margin:0 0 20px 0;*/ display:none;}
.form-mail .m > div >div{padding:0px; margin:0 0 20px 0;}
.colserv > div > div:nth-child(2){max-width:75%; padding:0 0 0 20px;}
.m > div.colbudget{width:90%!important; display: flex;flex-wrap: wrap;column-gap: 20px; row-gap: 0;}
.m > div.colbudget > div{width: calc(50% - 10px); box-sizing: border-box; margin:0;}
.m > .coltextarea{width:90%;}
}

@media (min-width: 1201px) { 
.m > div.colserv {width:20%; margin:0 2.5%;} 
.m > div.colserv >div:first-child{align-content: start;flex-direction: column; margin:40px 0 60px 0; font-size:20px;}
.form-mail i{/*margin:0 0 20px 0;*/ display:none;}
.form-mail .m > div >div{padding:0px; margin:0 0 20px 0;}
.colserv > div > div:nth-child(2){max-width:75%; padding:0 0 0 20px;}
.m > div.colbudget{width:90%!important; display: flex;flex-wrap: wrap;column-gap: 20px; row-gap: 0;}
.m > div.colbudget > div{width: calc(50% - 10px); box-sizing: border-box; margin:0;}
.m > .coltextarea{width:90%;}
}