#navbar-container{width: 100%; position: fixed; top:0; z-index:10 }
.container-main{margin-top: 140px}
#form-contatti label {font-size: 0.8em}
#form-contatti input[type="text"], #form-contatti input[type="email"], #form-contatti textarea {border: #333 1px solid}
#form-contatti input[type="text"]:focus, #form-contatti input[type="email"]:focus, #form-contatti textarea:focus {border: var(--azu) 1px solid; outline:none !important; box-shadow: none !important}
#form-contatti a {color:#000; text-decoration: underline !important}
#form-contatti button {border-radius: 6px; width: auto; height: auto; text-transform: uppercase;}
.fielderror{border:#ff0000 2px solid !important;}
.errorfield{font-size: 0.75em; color: #ff0000}
.modal-title{color:#000}

#form-contatti button {border:var(--azu) 2px solid; background-color: #fff; border-radius: 10px; text-align: center}
#form-contatti button svg {width: 26px; height: auto}
#form-contatti button:hover {background-color: var(--azu);}
#form-contatti button:hover svg {fill: #fff}

.cta-buttons{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-top: 24px;}
.cta-buttons a span {font-size: 0.8em; padding-right: 4px; text-transform: uppercase;}
.cta-buttons a {border:var(--azu) 2px solid; background-color: #fff; width: 140px; border-radius: 30px; margin:4px 6px 4px 6px; text-align: center}
.cta-buttons a svg {width: auto; height: 22px}
.cta-buttons a:hover {background-color: var(--azu); color: #fff}
.cta-buttons a:hover svg {fill: #fff}
.cta-buttons .spacer{width: 80px}

.cta-label-container{margin-top:12px; min-height: 40px}
.cta-label{display: none}

.separatore{border-color: var(--azu); opacity: 1; max-width: 80%; margin:0 auto 20px auto}

#map-canvas{width: 100%; min-height: 600px; border-top: #d6d4d4 1px solid; padding-top:2px; border-bottom: #d6d4d4 1px solid; padding-bottom:2px; }

@media (max-width: 991px) {
  .nav-item{margin-left:0; margin-top: 20px; text-align: center}
  .nav-link{font-size: 1.3em}
  .navbar-container-top {background-color: rgba(0, 0, 0, 0.8) !important;}
  .navbar-container-scroll{background-color: rgba(0, 0, 0, 0.8) !important;}
  .nav-item:hover {background: rgba(255,255,255, 0.5) !important;}
  .nav-link:link, .nav-link:visited {color: #fff}
  .nav-link:hover {color: #000}
}
@media (max-width:575px) {
.cta-label-container{min-height: 55px}
}

