:root{
    --main-color-sito: #18385F;
    --second-color-sito: #378cf3;
    --colore-testo-footer: rgb(122, 122, 122);
    --colore-footer: rgb(40, 40, 41);
    --colore-menu: rgb(241, 241, 241);
    --colore-item-menu: rgb(32, 31, 31);

    --colore-menu-aperto: rgb(12, 12, 12);
    
    --colore-hover: rgb(226, 50, 6);
   
    --img-lavori-home: url('../../public/img/lavoroHome.jpg');
    --img-Location-home: url('../../public/img/locationHome.jpg');
    --img-info-home: url('../../public/img/moreInfo.jpg');
}

/* CAROUSEL MOBILE */
.carouselMobile{
    display: none;
}

a{
 text-decoration: none;
}

body{
 overflow-x: hidden;
}
/* ****** NAV-BAR ******* */
.myNav{
    background-color: var(--colore-menu);
}
.navbar-nav {
   margin-right: 8%;
}
.nav-item a{
    color: var(--colore-item-menu);
}
.navbar-brand > img{
    width: 200px;
    margin-left: 8%;
}
/* ---------------------- */
/* ****** CAROUSEL ******* */
/* ---------------------- */
.homecarousel{
    display: flex;
    background-color: var(--main-color-sito)
}
.logoCarousel{
    width: 40vw;
    text-align: center;
    margin-top: 50px;
}
.logoCarousel > img{
    width: 35vw;
    margin-bottom: 20px;
}

.staticCarousel{
    position: relative;
    z-index: 1;
   min-width: 40vw;
    background-color: var(--main-color-sito)
}
.descMansioni{
    margin: 0 auto;
    color: white;
    width: 380px;
}
.descMansioni > h1{
    font-size: 34px;
    font-weight: bold;
}
.descMansioni > h2{
    margin-top: 30px;
    font-size: 28px;
    margin-left: 15px;
    margin-right: 15px;
}
.mansioniCarousel > li{
    position: relative;
    right: 10px;
    background-color: aliceblue;
    color: #18385F;
 padding-left: 10px;
padding-right: 5px;
    margin-top: 7px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.specifica{
    font-size: 22px;
}

/* ----------------------------------- */
.carousel{
    position: relative;
    z-index: 20;
    right: 0px;
    width: 60vw;
 
}
.carousel-inner{
    -webkit-clip-path: polygon(15% 0, 100% 0, 100% 100%, 15% 100%, 0% 50%);
    clip-path: polygon(15% 0, 100% 0, 100% 100%, 15% 100%, 0% 50%);
}


.carousel-item img {
    object-fit:cover;
    object-position: top;
     width: 100%;
   height: 70vh;
    top: 0;
    left: 0;


}  
 

.carousel-caption{
  text-align: center;
  margin-left: 15%;
}

span.numeri{
    font-size: 20px;
    font-weight: 500;
  
}

/* **************************
-- PARTE DELLA MAPPA IN HOME --
**************************** */
.parte_mappa{
    display: flex;
}
.desc_mappa{
width: 60%;
background-color: #18385F;
}
.cattura_mappa{
width: 40%;
height: 400px;
background-image: url(../img/mappa_serel.png); 
background-size: cover;
background-color: rgba(5, 5, 71, 0.6);
background-blend-mode:darken;
}

.desc_mappa img{
    width: 60%;
    padding-top: 20px; 
    }

.bottone_mappa{
    display: block;
    margin: 0 auto;
    margin-top: 30%;
    padding: 10px 15px 10px 15px;
    background-color: #18385F;
    color: white;
    border: 3px solid white;
    border-radius: 10px;
}

.bottone_mappa:hover{
 background-color: white;
 color: black;
 border: 3px solid #18385F;
}

.google_maps_icon{
  margin-left: 5px;
}

/* ****** FOOTER******* */
.img_sopraFooter{
    width: 100%;
    height: 330px;
    background-image: url(../img/furgoni_serel_ss.jpg); 
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: -200px;
    background-color: rgba(5, 5, 71, 0.99);
background-blend-mode:multiply;
}

.logo_imgfooter{
    display: block;
    margin: 0 auto;
    padding-top: 4%;
}
footer{
    background-color: var(--colore-footer);
    color: var(--colore-testo-footer);
}
.footer-Row{
    padding-top: 20px;
    margin-left: 10%;
    margin-right: 10%;
    padding-bottom: 50px;
}
.logoFooter{
    padding-top: 20px;
    width: 300px;
    
}
.social-footer{
    display: flex;
    justify-content: center;
}
.social-footer > p{
    color: white;
    font-size: 20px;
    margin-top: 5px;
    margin-left: 10px;
}
.social-footer > i{
    font-size: 22px;
    margin-top: 10px;
    margin-right:9px;
}

.info_footer_indirizzi{
    margin-top: 10px;
}

.listaFooter{
  /*   text-align: center; */
    margin-top: 10px;
list-style-type: square;
text-align: justify;
margin-left: 60px;
   
  }

  .diritti_paragrafo{
    margin-top: 10px;
  }

  .info_footer_indirizzi > div{
    margin-bottom: 6px;
  }