*
{
    padding: 0;
    margin: 0;
    box-sizing: border-box;

}

h1,h2,h3,p
{
  font-family: 'Montserrat',  Arial, Helvetica,sans-serif!important;
}

.form-check-label
{
  margin-left:5px;
}
/* form */
#regForm {
    
  
margin: auto;
  font-size: 12px;
  
  
  width: 80%;
  opacity: 0.9;
  -webkit-animation: fadeInForm 2.5s;
  animation: fadeInForm 2.5s;
  border-radius: 10px;
  
}

/* input */
input,select {
  
  padding: 10px!important;
  margin: 5px 0;
  width: 99%;
  font-size: 17px;
  font-family: 'Montserrat',  Arial, Helvetica,sans-serif;
  /* font-weight: bold; */
  border: 1px solid #aaaaaa;
  border-radius: 10px;
}



label
{
  font-family: 'Montserrat',  Arial, Helvetica,sans-serif;
  font-size: 15px;
}


  /* Mark input boxes that gets an error on validation: */
  .error
  {
     border: 1px solid #ff0000!important;
     animation: errore  0.6s  ;
  }

  .errorlable
  {
   color: #ff0000!important;
  }

 @keyframes errore {
   0% {
     transform: translateX(0px);
     timing-function: ease-in;
   }
   37% {
     transform: translateX(5px);
     timing-function: ease-out;
   }
   55% {
     transform: translateX(-5px);
     timing-function: ease-in;
   }
   73% {
     transform: translateX(4px);
     timing-function: ease-out;
   }
   82% {
     transform: translateX(-4px);
     timing-function: ease-in;
   }
   91% {
     transform: translateX(2px);
     timing-function: ease-out;
   }
   96% {
     transform: translateX(-2px);
     timing-function: ease-in;
   }
   100% {
     transform: translateX(0px);
     timing-function: ease-in;
   }
 }


 #btn-form
 {
    padding: 10px 100px!important;
    background-color: #f2727f!important;
border: 2px solid white !important;
color: white!important;
    border: none!important;
    border-radius: 5px!important;
    cursor: pointer!important;
    margin-bottom: 10px;
    
    
    

 }

 #form-group
 {
    text-align: left!important;
    padding-top: 20px;
    padding-bottom: 0!important;
    text-align: center!important;
    margin: auto;
 }

 #btn-form:hover
 {
    color: #f2727f!important;
    background-color: rgba(255, 255, 255, 0.419)!important;
    border:1px solid  #f2727f !important;
 }


   /* Hide all steps by default: */
.tab {
    display: none;
  }

  
  
  #thankyou {
    display: none;
  }

  #trattamento label
  {
    font-size: 9px;
  }


  .shapedividers_com-6302{
    overflow:hidden;
    position:relative;
    }
    .shapedividers_com-6302::before{
    content:'';
    font-family:'shape divider from ShapeDividers.com';
    position: absolute;
    bottom: -1px;
    left: -1px;
    right: -1px;
    top: -1px;
    z-index: 3;
    pointer-events: none;
    background-repeat: no-repeat; 
    background-size: 100% 49px;
    background-position: 50% 100%;    
    background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.28 2.17" preserveAspectRatio="none"><path d="M35.28 1.67c-3.07-.55-9.27.41-16.15 0-6.87-.4-13.74-.58-19.13.1v.4h35.28z" fill="%23f1f1f1"/><path d="M35.28 1.16c-3.17-.8-7.3.4-10.04.56-2.76.17-9.25-1.47-12.68-1.3-3.42.16-4.64.84-7.04.86C3.12 1.31 0 .4 0 .4v1.77h35.28z" opacity=".5" fill="%23f1f1f1"/><path d="M35.28.31c-2.57.84-7.68.3-11.8.43-4.1.12-6.85.61-9.57.28C11.18.69 8.3-.16 5.3.02 2.3.22.57.85 0 .87v1.2h35.28z" opacity=".5" fill="%23f1f1f1"/></svg>'); 
    }

    
    
    @media (min-width:768px){
    .shapedividers_com-6302::before{
    background-size: 100% 63px;
    background-position: 50% 100%;   
    }  
    }
     
    @media (min-width:1025px){
    .shapedividers_com-6302::before{ 
    bottom: -0.1vw;
    left: -0.1vw;
    right: -0.1vw;
    top: -0.1vw; 
    background-size: 100% 90px;
    background-position: 50% 100%;  
    }
    }
    @media (min-width:2100px){
    .shapedividers_com-6302::before{
    background-size: 100% calc(2vw + 90px);
    }
    }

    .footer-basic {
      padding:20px 0;
      background-color:#292929;
      color:#ffffff;
    }
    
    .footer-basic ul {
      padding:0;
      list-style:none;
      text-align:center;
      font-size:18px;
      line-height:1.6;
      margin-bottom:0;
    }
    
    .footer-basic li {
      padding:0 10px;
    }
    
    .footer-basic ul a {
      color:inherit;
      text-decoration:none;
      opacity:0.8;
    }
    
    .footer-basic ul a:hover {
      opacity:1;
    }
    
    .footer-basic .social {
      text-align:center;
      padding-bottom:25px;
    }
    
    .footer-basic .social > a {
      font-size:24px;
      width:40px;
      height:40px;
      line-height:40px;
      display:inline-block;
      text-align:center;
      border-radius:50%;
      border:1px solid #ccc;
      margin:0 8px;
      color:inherit;
      opacity:0.75;
    }
    
    .footer-basic .social > a:hover {
      opacity:0.9;
    }
    
    .footer-basic .copyright {
      margin-top:15px;
      text-align:center;
      font-size:13px;
      color:#aaa;
      margin-bottom:0;
    }

    
    .principale {
      background-image: url('../img/bg_amazon.png');
    background-size: cover;
    background-position: center;
    height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #ffffff;
  }

  .principale h1 {
    font-size: 4.5rem;
  }

  .principale p {
    font-size: 1.5rem;
    margin-top: 20px;
  }

  .form-container {
    background-color: #ffffff;
    padding: 10px;
    
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  }

  .form-container h2 {
    margin-bottom: 30px;
    text-align: center;
  }

  .form-container input,
  .form-container button {
    margin-bottom: 20px;
  }

  .sezione-form
  {
    background-color: #f1f1f1!important;
  }