/* Reset */
body, html{ font-family: 'Inter', sans-serif; line-height: 1; font-size: 16px; box-sizing: border-box;margin: 0;padding: 0;}*,*:before,*:after{ box-sizing: border-box; }h1,h2,h3,h4,h5,h6, p, ol, ul{margin: 0 0 1rem 0;padding: 0;}ol,ul{padding-left: 20px;line-height: 1.5;}img{height: auto;}h1{font-size: 4rem;} h2{font-size: 3rem;} h3{font-size: 2rem;} h4{font-size: 1rem;} h5{font-size: 0.8rem;} h6{font-size: 0.6rem;}a{text-decoration:none}
body{ background:  white;}

/* Menu */
:root { --menu-bg: black; --menu-color: white; }

.header{ background-color: var(--menu-bg); position: fixed; top:0;  left:0; z-index: 9999; width: 100%; padding: 10px 15px; }
.header__content{max-width: 1200px;width: 100%;margin: 0 auto; display: flex;justify-content: space-between;}

.header__logo,
.header__quick{display: flex; align-items: center;color:var(--menu-color)}

.header__menu{padding: 0;margin: 0;}
.header__menu li{display: inline-block;}
.header__menu li a{color:white; opacity: 0.8;display: block;padding: 16px;font-size: 20px;}

@media (max-width: 768px) {
  .header__menu{
    position: absolute; top:60px; left:0; background-color: var(--menu-bg); width: 100%; height: 100vh;
    height: 0vh; overflow: hidden;transition: all 1s cubic-bezier(.215, .61, .355, 1);
  }
  /* ! Carousel images */
  #slider{
    width:70%;
    display: flex;
    align-items: center;
    justify-content: center;

  }
  #img_slider{
    width:100%;
  }
  #img_slider img{
    width:100%;
    display:none;
  }
  #img_slider img:nth-child(1){
    display:block;
  }
  #slider button{
    width:50px;
    height:50px;
    background:#DA2948;
    border:solid white 2px;
    border-radius:25px;
    cursor:pointer;
    outline:none;
    transition:all 0.1s ease-in-out;
  }
  #slider button:hover{
    transform:scale(1.05);
  }
  #slider button:active{
    transform:scale(0.95);
  }
  .header__menu li{width: 100%;border-bottom: 1px solid #444}
  .menu-open .header__menu{height: 100vh;padding: 3%;}

  .icon-hamburger{height: 50px;width: 40px;margin-left: 20px;padding-top: 5px;}
  .icon-hamburger span{height: 2px; width: 30px;background: var(--menu-color);position: relative;display: block;margin-top: 11px;transition: all 0.2s cubic-bezier(.215, .61, .355, 1);}

  .menu-open .icon-hamburger span:nth-child(1){transform: rotate(45deg) translateY(9px);}
  .menu-open .icon-hamburger span:nth-child(2){transform: rotate(-45deg) translateY(-9px);}

  .header__quick{display: flex; justify-content: flex-end; width: 50%;}

}



/* ! Spacer */
.spacer{height: 200px;}


/* ! Grid System */
.grid { margin: 0 auto; padding: 0 15px; max-width: 1250px; display: flex; flex-flow: row; flex-wrap: wrap;}
.grid--center{justify-content: center;}
.col{ flex: 1;}

[class*='col-'] { position: relative;padding: 0 15px;}

.col-20{ width: 20%; }
.col-25{ width: 25%; }
.col-30{ width: 30%; }
.col-33{ width: 33.33%; }
.col-50{ width: 50%; }
.col-70{ width: 70%; }
.col-80{ width: 80%; }
.col-100{ width: 100%; }

@media (max-width: 991px) {
  .tab-20 { width: 20%; }
  .tab-25 { width: 25%; }
  .tab-33 { width: 33.33%; }
  .tab-50 { width: 50%; }
  .tab-100 { width: 100%; }
}

@media (max-width: 768px) {
  [class*='col-'] { width: 100%;}
  .sma-20 { width: 20%; }
  .sma-25 { width: 25%; }
  .sma-33 { width: 33.33%; }
  .sma-50 { width: 50%; }
  .sma-100 { width: 100%; }
}


/* Stili per il carosello */
.slideshow-container {
  max-width: 1500px;
  position: relative;
  margin: auto;
}

.mySlides {
  display: none;
}

/* Stili per i pallini del carosello */
.dot {
  height: 10px;
  width: 10px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

/* Stili per il pallino attivo */
.active {
  background-color: #717171;
}

/* Animazione per il passaggio delle immagini */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1s;
  animation-name: fade;
  animation-duration: 1s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}




/* ! Title System */
h1, .text-1 {font-size: 3.6rem;margin-bottom:1rem}
h2, .text-2 {font-size: 2.2rem;margin-bottom:1rem;line-height: 1;}
h3, .text-3  {font-size: 1.8rem;margin-bottom:1rem;line-height: 1.2;}
h4, .text-4 {font-size: 1.5rem;margin-bottom:1rem;line-height: 1.2;}
p{font-size: 1rem;margin-bottom:1rem; line-height: 1.5;}


/* ! Button System */
.button {
  font-size: 1rem; text-transform: uppercase; background: #DA2948; color:#fff;
  text-decoration: none;padding: 14px 25px; display: inline-block;
  border-radius: 4px; font-weight: 700;
}
.button-contact {
  font-size: 1rem; text-transform: uppercase; background: #DA2948; color:white;
  text-decoration: none;padding: 14px 25px; display: inline-block;
  border-radius: 4px; font-weight: 700;
}
.button-contact:hover{
  background: #333;
}

.button-container {
  display: flex;
  justify-content: space-between;
}

.button-whatsapp {
  text-align: left;
  font-size: 1rem; background: white; color:black;
  text-decoration: none;padding: 10px 25px; display: inline-block;
  border-radius: 4px; font-weight: 500;
}

.button:hover{
  background: #333;
}

.button-small {
  font-size: 1rem; text-transform: uppercase; background: #fff; color:#fff;
  text-decoration: none;padding: 10px 20px; display: inline-block;
  border-radius: 4px; font-weight: 700;
}



/* ! Helpers  */
.mt-0{margin-top: 0 }
.mt-1{margin-top: 10px}
.mt-2{margin-top: 20px}
.mt-3{margin-top: 40px}
.mt-4{margin-top: 100px }

.mb-0{margin-bottom: 0}
.mb-1{margin-bottom: 10px}
.mb-2{margin-bottom: 20px}
.mb-3{margin-bottom: 40px}
.mb-4{margin-bottom: 100px}

.p-0{padding: 0}
.p-1{padding: 10px}
.p-2{padding: 20px}
.p-3{padding: 40px}
.p-4{padding: 100px}

.pt-1{padding-top: 10px;}
.pt-3{padding-top: 20px;}
.pt-3{padding-top: 40px;}
.pt-4{padding-top: 15vh;}

.pb-1{padding-bottom: 10px;}
.pb-2{padding-bottom: 20px;}
.pb-3{padding-bottom: 40px;}
.pb-4{padding-bottom: 15vh;}

.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.img-res { width: 100%; height: auto; margin-bottom: 20px;vertical-align: middle;}


/* ! Cover */
.cover{
  text-align: center; padding:10px; min-height:800px; width:100%;
  display:flex; flex-direction:column; justify-content:center;
  background-position: center center; background-size:cover;
}
.cover * {color:#fff}

/* Helpers - Utility */
.img-round{ border-radius: 50%;}
.round{border-radius: 20px;}
.spacer{height: 10vh;}
.relative{position: relative;}
.overflow-h{overflow: hidden;}
@media (max-width: 768px) {
  .sma-text-center{text-align: center;}
}

.img-small{height: 270px;object-fit: cover;}
.ionicon{width: 20px;height: 20px;margin: 10px;}
.font-normal{font-weight: 400;}


/* Hero */
.blob{position: absolute; top:-20%; left:-20%; width: 140%;z-index: -1;}
.hero{min-height: 100vh;display: flex;align-items: center;}

/* Footer */
.footer{background-color: black;color:#fff}
.footer-bottom{background-color: black;color:#DA2948; padding: 20px;text-align: center;margin-bottom: 0;}
.footer-bottom a{color:#DA2948}