.fascia-top{width:100%; background-color: var(--colblue); text-align:center }
.fascia-top > div {width: 50%; margin:0 auto; background: url('../imgs/pixel-white.svg') repeat-x; background-size: 1px 1px; background-position: center}
h1 {font-size:2.5rem; display:inline-block; color: #fff; background-color:var(--colblue); padding: 10px 20px;}

#form-contatti a{color:#333; text-decoration:underline !important }
#form-contatti label{color: var(--coldark); font-size: 0.8em}
#form-contatti input[type="text"], #form-contatti input[type="email"], #form-contatti input[type="file"], #form-contatti textarea{border:#ccc 1px solid; border-radius: 0px}
#form-contatti input[type="text"]:focus, #form-contatti input[type="email"]:focus, #form-contatti input[type="file"]:focus, #form-contatti textarea:focus {border:var(--colred) 1px solid;}

.btn-sp{border-radius:20px; border: var(--coldark) 1px solid; text-transform: uppercase; background-color:#fff ; color:var(--coldark); padding:4px; min-width: 118px}
.btn-sp svg{width: 16px; height: 16px; display: inline; margin-top: -3px; fill: var(--coldark);}
.btn-sp:hover{border: var(--coldark) 1px solid; background-color: var(--coldark) ; color:#fff}
.btn-sp:hover svg{fill:#fff;}

.privacy{font-size: 0.9em}
.privacy ol li, .privacy-txt ul li {margin-bottom: 20px}
.privacy a {text-decoration: underline !important; color:var(--coldark);}
.fielderror{border:#ff0000 1px solid !important}

.form-control::placeholder {
  opacity: 0; 
}

#form-contatti button {margin:0; padding: 8px 16px; text-align: center; background: none; border:var(--colred) 1px solid; color: var(--colred); border-radius: 0; text-transform: uppercase; font-weight: 700}
#form-contatti button:hover {background-color: var(--colred); color: #fff}

h1.modal-title{background:none;color: #333}
.errore{color: #ff0000}

.fascia-middle {width:100%; margin-top: 60px; text-align:center }
.fascia-middle > div {width: 50%; margin:0 auto; background: url('../imgs/pixel-707070.svg') repeat-x; background-size: 1px 1px; background-position: center}
h2 {font-size:2.5rem; display:inline-block; color: #707070; background-color:#fff; padding: 10px 20px;}
#map-canvas{margin-left:var(--margin-lr-xl); margin-right: var(--margin-lr-xl); height: 600px}
.pht {width: 26px; height: 35px; fill:var(--colred);}

@media (max-width: 1400px) {
  #map-canvas{margin-left:var(--margin-lr-lg); margin-right: var(--margin-lr-lg); 
}
@media (max-width: 991px) {
  #map-canvas{margin-left:var(--margin-lr-md); margin-right: var(--margin-lr-md); }
}

@media (max-width: 767px) {
  h1 {font-size:1.8rem; display:inline-block; color: #fff; padding: 10px 20px;}
  .form-control::placeholder {
  color: #999;
  opacity: 1; 
  #map-canvas{height: 500px}
  }

  .fascia-top > div, .fascia-middle > div {width: 80%}
  label{display: none}
   h2 {font-size:1.8rem;}
  

}
@media (max-width: 575px) {
   #map-canvas{margin-left:var(--margin-lr-xs); margin-right: var(--margin-lr-xs);  height: 350px}
}