.copertina{width: 100%; height: 560px; background: url('../imgs/copertina-cont-xxl.jpg') no-repeat; background-position: center; background-size: cover; overflow: visible;}
.copertina-webp{width: 100%; height: 560px; background: url('../imgs/copertina-cont-xxl.webp') no-repeat; background-position: center; background-size: cover; overflow: visible;}

.green-block-container{position: relative}
.green-block{max-width: 464px; position: absolute; top:234px; background-color: rgba(94, 135, 90, 0.75);}

h1{
  color: #fff;
  text-transform: uppercase;
  padding: 50px 50px 0 50px;
  font-size: 3.4em;
  }

.green-title{padding: 16px 50px 100px 50px;
  font-size: 1.6em;
  color: #71d244;
  text-transform: uppercase;
}
.green-title2{
  padding: 86px 50px 0 50px;
  text-align: right;
  font-size: 1.2em;
  color: #fff;
}
.arw {padding-top: 70px; padding-bottom: 36px; text-align: center}
.arw svg{width:50px; fill:#fff}

.maincontainer{margin-top:140px}


.titolo-pagina {font-size: 3em; color: #000; text-transform: uppercase;}
.subtitolo-pagina {margin-top:60px; font-size: 2.4em; color: #000; text-transform: uppercase;}
.side-left{max-width: 600px; float: right; padding-top: 60px; padding-right: 40px; padding-bottom: 40px}
.side-left p, .side-left table {font-size: 1.2em}
.bolder{font-weight: 600}

.side-right{max-width: 600px; padding-top: 60px; padding-left: 40px; padding-bottom: 40px}

.titolo-pagina-white {font-size: 3em; color: #fff; text-transform: uppercase;}
.titolo-pagina-green {font-size: 2.4em; color: #71d244; text-transform: uppercase; padding-bottom: 80px}
label{padding: 12px; color: #fff; font-size: 1.2em !important}
input[type="text"], textarea {border-radius:0 !important; padding: 12px; font-size: 1.2em !important;}

.btn-contatti {border-radius:0; background-color: #fff; color: #000; text-transform: uppercase; font-size: 1.2em}
.btn-contatti:hover {background-color: #000 !important; color: #fff !important;}
#map-canvas, #map-canvas2 {height: 600px}

.privacy ol li, .privacy-txt ul li {margin-bottom: 20px}
.privacy a {text-decoration: underline !important; color:var(--coldark);}

.side-left a {color:#000; text-decoration: underline !important;}
#form-contatti .form-err{background-color: #f00; color:#fff}
#form-contatti .check-contatti {font-size: 1.2em; color: #fff}
#form-contatti .form-check a {color: #fff; text-decoration: underline !important;}
#form-contatti .form-check label{padding: inherit; font-size: 1em !important}

.gm-ui-hover-effect{position:absolute !important; top:0; right:0; z-index:5}
.gm-style-iw-d a {color:#000 !important}

@media (max-width: 1400px) {
  .copertina{width: 100%; height: 560px; background: url('../imgs/copertina-cont-xl.jpg') no-repeat; background-position: center; background-size: cover; overflow: visible;}
  .copertina-webp{width: 100%; height: 560px; background: url('../imgs/copertina-cont-xl.webp') no-repeat; background-position: center; background-size: cover; overflow: visible;}
}

@media (max-width: 1200px) {
  .copertina{width: 100%; height: 560px; background: url('../imgs/copertina-cont-lg.jpg') no-repeat; background-position: center; background-size: cover; overflow: visible;}
  .copertina-webp{width: 100%; height: 560px; background: url('../imgs/copertina-cont-lg.webp') no-repeat; background-position: center; background-size: cover; overflow: visible;}
  .side-left{max-width: 450px; float: right; padding-top: 60px; padding-right: 30px}
  .side-right{max-width: 450px; padding-top: 60px; padding-left: 30px}
}

@media (max-width: 991px) {
    .copertina{width: 100%; height: 560px; background: url('../imgs/copertina-cont-md.jpg') no-repeat; background-position: center; background-size: cover; overflow: visible;}
    .copertina-webp{width: 100%; height: 560px; background: url('../imgs/copertina-cont-md.webp') no-repeat; background-position: center; background-size: cover; overflow: visible;}
    .box-intro{ padding-top: 130px}
    .side-left{max-width: 380px; float: right; padding-top: 60px; padding-right: 10px}
    .side-right{max-width: 380px; padding-top: 60px; padding-left: 10px}

    .titolo-pagina, .titolo-pagina-white {font-size: 2.6em;}
    .subtitolo-pagina, .titolo-pagina-green {font-size: 2em; }

}

@media (max-width: 767px) {
    .copertina{width: 100%; height: 560px; background: url('../imgs/copertina-cont-sm.jpg') no-repeat; background-position: center; background-size: cover; overflow: visible;}
    .copertina-webp{width: 100%; height: 560px; background: url('../imgs/copertina-cont-sm.webp') no-repeat; background-position: center; background-size: cover; overflow: visible;}
    .side-left{max-width: 100%; padding-top: 60px; padding-left: 20px; float: left;}
    .side-right{max-width: 100%; padding-top: 60px; padding-left: 20px; padding-right: 20px;}

}

@media (max-width: 575px) {
  .copertina{width: 100%; height: 410px; background: url('../imgs/copertina-cont-xs.jpg') no-repeat; background-position: center; background-size: cover; overflow: visible;}
  .copertina-webp{width: 100%; height: 410px; background: url('../imgs/copertina-cont-xs.webp') no-repeat; background-position: center; background-size: cover; overflow: visible;}
  .green-block{max-width: 300px; position: absolute; top:234px;}
  h1{
  color: #fff;
  text-transform: uppercase;
  padding: 20px 20px 0 20px;
  font-size: 2.6em;
  }

  .green-title{padding: 16px 20px 0 20px;
    font-size: 1.6em;
    color: #71d244;
    text-transform: uppercase;
  }
  .arw {padding-top: 40px; padding-bottom: 26px; text-align: center}
  .box-intro{ padding-top: 120px}
  .titolo-pagina {font-size: 2.4em;}
}