:root{
  --col1:#e281a5; /* BLU SCURO */
  --col2:#63a336; /* ROSA SCURO */
  --col3:#f2cbd2; /* ROSA CHIARO */
  --col-hover:#333;
}


.tiktok-sans-300 {
  font-family: "TikTok Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "wdth" 100;
}

* {
-webkit-transition: all 0.5s ease-in-out; 
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}



body{padding:0; margin: 0; background: #fff;  font-size: 1em; color: #333}
.hero{margin-top: 40px}
.hero-side-text{display: flex; justify-content:center;}
h1{margin-top:1.75rem; font-size: 1.6em; font-weight: 600; color: #707070}
.intro{margin-top: 1.25rem; max-width: 400px}
.slogan{margin-top: 1.25rem; max-width: 400px; font-weight: 600; color: #c6363c}

.discover {width: 100%; text-align: center; margin-top:3.5rem;}
.discover a {color: #124e84; font-size: 1.2em; font-weight: 600; text-transform: uppercase; text-decoration: none}
.discover a span {text-transform: uppercase; }
.discover a svg {width: 40px; height: auto; fill:#124e84; }

.servizi-container{margin-top: 3rem; padding-top: 2rem; padding-bottom: 2rem; background: #ECF0F4}
h2{font-size: 1.2em; color:#124e84; text-align:center; text-transform:uppercase; font-weight:600; min-height:60px;}
.ico {text-align: center; padding-top:0.25rem; padding-bottom: 1.25rem}
.ico svg {width: 90px; height: auto; fill:#124e84}
.servizi-txt{padding: 1.25rem 0.75rem; font-size:1em}
.bolder{font-weight: 600}
.bordino{border-right: #fff 1px solid;}

.contatti-container{margin-top: 4rem; margin-bottom: 4rem}
.title-contatti{text-align: center; font-size: 1.6em; font-weight: 600; color: #c6363c; text-transform: uppercase; margin-bottom: 1.75rem}
.pulsanti-contatti-container {display: flex; align-items: center; justify-content: center}
.pulsanti-contatti-container div {min-width: 180px; text-align: center}
.btn-contatti {width: 60px; height: 60px; border-radius: 30px; border:#c6363c 4px solid; background:#124e84; margin-left: auto; margin-right: auto; display:flex; align-items:center; justify-content:center; 
-webkit-transition: all 0.5s ease-in-out; 
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

.btn-contatti svg {width: 24px; height: auto; fill: #fff}
.btn-contatti:hover {border:#124e84 4px solid; background:#c6363c;
-webkit-transition: all 0.5s ease-in-out; 
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#carousel-main{position: relative; width: 100%; border-top:#124e84 4px solid; border-bottom:#124e84 4px solid; }
#carousel-container{width: 100%;}
#arw-prev{position:absolute; top:0; left:0; z-index: 100; height: 100%; display: flex; align-items: center;}
#arw-next{position:absolute; top:0; right:0; z-index: 101; height: 100%; display: flex; align-items: center;}
.next-arrow-brand svg, .prev-arrow-brand svg {fill:#000; opacity: 0.6; width: 30px; height: auto;}

.dovesiamo-container{margin-top: 4rem; margin-bottom: 4rem}
.title-dovesiamo{text-align: center; font-size: 1.6em; font-weight: 600; color: #c6363c; text-transform: uppercase; margin-bottom: 1.75rem}
.subtitle-dovesiamo{text-align: center; font-size: 1em; font-weight: 600; color: #333; text-transform: uppercase; margin-bottom: 0.25rem}
#map-canvas{width: 100%; min-height: 600px; margin-top: 2rem; margin-bottom: 3rem}

.social-container{margin-top: 4rem; margin-bottom: 4rem}
.title-social{text-align: center; font-size: 1.6em; font-weight: 600; color: #c6363c; text-transform: uppercase; margin-bottom: 1.75rem}

.btn-social {width: 60px; height: 60px; border-radius: 30px; border:#124e84 4px solid; background:#c6363c; margin-left: auto; margin-right: auto; display:flex; align-items:center; justify-content:center; 
-webkit-transition: all 0.5s ease-in-out; 
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

.btn-social svg {height: 24px; width: auto; fill: #fff}
.btn-social:hover {border:#c6363c 4px solid; background:#124e84;
-webkit-transition: all 0.5s ease-in-out; 
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

footer {width: 100%; font-size: 0.9em; padding-bottom: 2rem}
.divider{width: 60%; border-top:#124e84 2px solid; margin-right:auto; margin-left:auto; margin-bottom:2rem }
.intestazione span{font-weight: 600}
.intestazione a {color: #000 !important}


.privacy ol li, .privacy-txt ul li {margin-bottom: 20px}
.privacy a {text-decoration: underline !important; color:#333;}
.pp-tit{padding-bottom: 2rem; font-weight: 500}

@media (max-width:991px)
{
 .hero img {margin-top: 1.25rem}
 h2{min-height:10px;}
 .bordino{border-right:none}
 .servizi-txt{margin-bottom: 2.5rem}
}

@media (max-width:575px)
{
  .hero{margin-top: 20px}
  .title-social, .title-contatti, .title-dovesiamo {font-size: 1.3em}
  .pulsanti-contatti-container {display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
 .pulsanti-contatti-container div {min-width: 120px; font-size: 0.8em; margin-bottom:1.75rem}
}