#carouselHp h5 {color:#fff; font-size: 2em; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); }
.subtext  { font-size: 1.4em; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); }
#carouselHp .carousel-caption {
  bottom: 160px; /* distanza dal fondo, puoi aumentarla a piacere */
}
.carousel-item{width: 100%; height: 100vh}
#slide1{background: url('../imgs/carousel-hp4-2000.jpg') no-repeat; background-position: center center; background-size: cover;}
#slide2{background: url('../imgs/carousel-hp2-2000.jpg') no-repeat; background-position: center center; background-size: cover;}
#slide3{background: url('../imgs/carousel-hp3-2000.jpg') no-repeat; background-position: center center; background-size: cover;}


#carouselHp .carousel-caption a {-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; background:var(--col1); border-radius: 30px; color: #fff; padding:8px 16px; border:0; text-transform: uppercase;}
#carouselHp .carousel-caption a:hover {-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; background: var(--col2);}

.box-servizi {margin: 0 10px 30px 10px; min-height:240px; border:var(--col1) 2px solid; border-radius: 24px}
.box-servizi:hover {border:var(--col2) 2px solid; }
.box-servizi .title {font-size: 1.3em; text-align: center; color: #333;}
.svg {text-align: center}
.box-servizi svg {width: 60px; height: 60px; fill: var(--col2); margin-left: auto; margin-right: auto}
.box-servizi .desc {font-size: 0.8em; padding: 20px; color: #333}
.box-servizi a:link, .box-servizi a:visited{color: inherit; text-decoration: none}
.box-servizi a:hover{color: inherit; text-decoration: underline}

.fascia-carousel{min-height: 600px; color: var(--col2); text-align: center;}
.fascia-title{text-align: center; font-size: 2em; font-weight: 500; padding-top: 40px; color: var(--col1);}
.fascia-servizi{text-align: center; font-size: 2em; font-weight: 500; padding-top: 40px;  color: var(--col1);}

.box-news-image { min-height:280px;}

#home-slider{width:80%}
.brand-slider-side {width: 10%}
.prev-arrow-brand svg, .next-arrow-brand svg {width: 50px; height:50px; fill: var(--col2); cursor: pointer;}
.prev-arrow-brand, .next-arrow-brand {opacity: 0.8}
.prev-arrow-brand:hover, .next-arrow-brand:hover {opacity: 1}

.slide-item{position: relative;  margin-left: 20px; margin-right: 20px; margin-top: 40px; border:#dedede 1px solid}
.slide-item .slide-overlay {position: absolute; width:100%; bottom: 0; left: 0; z-index: 10;  background-color: rgba(255,255,255, 0.9);}
.slide-sub {font-size: 1em; color: #333; font-weight: 500; text-transform: uppercase; text-align:center;}
.slide-tx {font-size: 0.7em; color: #333; text-align:center; padding-bottom:12px }
.slide-overlay .btn-aqua {min-width: 150px;}
.carousel-image{min-height: 280px}

@media (max-width:1199px)
{
  .box-servizi { min-height:290px; }
}

@media (max-width:575px)
{
  #slide1{background: url('../imgs/carousel-hp4-580.jpg') no-repeat; background-position: center center; background-size: cover;}
  #slide2{background: url('../imgs/carousel-hp2-580.jpg') no-repeat; background-position: center center; background-size: cover;}
  #slide3{background: url('../imgs/carousel-hp3-580.jpg') no-repeat; background-position: center center; background-size: cover;}
  #carouselHp h5 {color:#fff; font-size: 1.4em; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); }
  .prev-arrow-brand svg, .next-arrow-brand svg {width: 20px; height:20px;}
  .subtext  { font-size: 1em; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); }
  .box-servizi { min-height:210px; }
}