html {
    scroll-behavior: smooth;
  }
body{
    font-family: 'Barlow', sans-serif;
    background-color: #000;
}
#logo{
height: auto;
width:241px;
}

section {
    padding:4rem 0rem 4rem;
}
.top-header{
    background-color: #000;
    text-align: center;
    padding: 5px;
}
.small-title{
    color:#fff;
    font: normal normal 600 45px/42px Barlow;
    letter-spacing: 0.23px;
    color: #FFFFFF;
    text-shadow: 0px 3px 6px #00000029;
    text-transform: uppercase;
}
form{
    display:contents;
}
.title{
    font: normal normal 600 95px/90px Barlow;
    letter-spacing: 0.50px;
    color: #FFFFFF;
    text-shadow: 0px 3px 6px #00000029;
    margin: 2rem 0 3.5rem;
}
.header{
    min-height: auto;
    position: relative;
    background-image: url(https://business.hutfit.com/img/Sfondo-palestra.jpg);
    z-index: 2;
    background-size: cover;
    background-position-y: center;
	height: -webkit-calc(100vh - 140px);
    height: -moz-calc(100vh - 140px);
    height: calc(100vh - 140px);
    background-repeat: no-repeat;
    text-align: center;
    padding: 5rem 0;
}
.header:after{
    background: #0000009c;
        
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: -1;
                content: "";
}

.btn-flex{
    width: 100%;
    display: flex;
    justify-content: center;
    
}
.btn-flex .btn{
    margin: 0 25px;
}

.btn{
    cursor: pointer;
    border-radius: 0;
    border: 0;
    text-align: center;
    font: normal normal bold 25px/30px Barlow;
    letter-spacing: 0.15px;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 12px 20px;
    width: 300px;
}
.btn:focus{
    box-shadow: none;
}
.btn:hover{
    transform: scale(1.09);
    transition: 0.5s;
}
.btn:active{
	background: linear-gradient( 
90deg, rgba(246,238,119,1) -6%, rgba(116,97,38,1) 79%) !important;
}

.btn-apricentro{
    background: linear-gradient(
90deg, rgba(246,238,119,1) -6%, rgba(116,97,38,1) 79%);
}
.btn-scopri{
    background-color: Transparent;
    border:2px solid #fff;
}

.dati{
    margin-top: 4rem;
    display: flex;
    justify-content: center;
    align-items: start;
    font: italic normal 600 29px/37px Barlow;
    letter-spacing: 0.3px;
    color: #FFFFFF;
    text-transform: uppercase;
    width: 100%;
}
.centri,.clienti{
    width:270px;
}
.dropdown-icon{
   
    cursor: pointer;
}
.dropdown{
    margin-top: 4rem;
    display: block;
}
.contenitore1{
    background-color:white;
    text-align: center;
}
p.p-normal b{
    font-family: 'Heebo'!important;
}
.sopra h2{
    
    text-align: center;
    font: normal normal 600 55px/73px Barlow;
    letter-spacing: 0.34px;
    color: #000000;
    text-shadow: 0px 3px 6px #00000029;
    text-transform: uppercase;
    opacity: 1;
}
.vincente{
    text-align: center;
    font: normal normal 600 75px/85px Barlow;
    letter-spacing: 0.49px;
    color: #000000;
    text-shadow: 0px 3px 6px #00000029;
    text-transform: uppercase;
    opacity: 1;
}
.chisiamo{
    text-align: center;
    font: normal normal normal 23px/30px Heebo;
    letter-spacing: 0.51px;
    color: #000000;
    opacity: 1;
    display: block;
}
.garanzie{
    text-align: center;
    font: normal normal bold 25px/40px Heebo;
    letter-spacing: 0.51px;
    color: #000000;
    opacity: 1;
    display: block;
}
.sotto .sopra{
    text-align: center;
    display: flex;              
    flex-direction: column;     
    justify-content: center;    
    align-items: center;
    
}
.sotto{
    margin-top:2rem;
    margin-bottom: 2rem;
}
.contenitore2{
    background-color: black;
    
}

.sceglierci{
    text-align: center;
    font: normal normal 600 58px/72px Barlow;
    letter-spacing: 0.34px;
    color: #AA9A54;
    text-shadow: 0px 3px 6px #00000029;
    text-transform: uppercase;
    opacity: 1;
}
.investimento{
    margin-top: 30px;
    text-align: center;
    font: normal normal bold 24px/30px Heebo;
    letter-spacing: 0.51px;
    color: #FFFFFF;
    opacity: 1;
}

.vantaggi{

    display: flex;
    justify-content: center;
    margin: 3rem 0 0 0;
}
.child{
    margin: 2rem 0;
    text-align: center;
    width: calc(100% / 3);
    padding: 10px;
    transition: all .3s;
}
 

.testo-vantaggi{
    text-align: center;
    font: 23px / 32px Heebo;
    letter-spacing: 0.51px;
    color: #FFFFFF;
    opacity: 1;
    display: block;
    padding: 0 ;
    }


.storia h2{
    
    margin-top:2rem;
    text-align: center;
    font: normal normal bold 24px/30px Heebo;
    letter-spacing: 0.51px;
    color: #FFFFFF;
}

.cifre{
    font-size: 60px;
}
#img-vantaggi{
    width: 100%;
    height: 180px;
    object-fit: cover;
    object-position: center;
}

#icon{
    height: 100px;
    margin:2rem;
}
.contenitore3{
    background-color: white;
    text-align: center;
}

.contenitore3 h2{
    text-align: center;
    font: normal normal normal 27px/35px Heebo;
    letter-spacing: 0.51px;
    color: #000000;
    opacity: 1;
}
.btn-apricentro2{
    margin: 2rem 0 2rem ;
}
.contenitore4::after{
    background: #0000009c;
        
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    content: "";
}

.contenitore4{
    text-align: center;
    background-image: url(https://business.hutfit.com/img/stezzano.jpg);
    background-size: cover;
    background-position-y: center;
    background-repeat: no-repeat;
    position: relative;
    z-index:2;
    height: 500px;
    display: flex;
    align-items: center;
}
.carousel{
    position: relative;
    max-width: 1360px;
    margin: 0 auto;
}


.contenitore4 h2{
    text-align: center;
    font: normal normal 600 55px/65px Barlow;
    letter-spacing: 0.34px;
    color:white;
    text-shadow: 0px 3px 6px #00000029;
    text-transform: uppercase;
    opacity: 1;
}

.span-easy{
    text-align: center;
    font: normal normal 600 75px/85px Barlow;
    letter-spacing: 0.49px;
    color: white;
    text-shadow: 0px 3px 6px #00000029;
    text-transform: uppercase;
    opacity: 1;
    display: block;
}
.contenitore5{
    text-align: center;
    
}
.contenitore5 h2{
    text-align: center;
    font: normal normal normal 27px/35px Heebo;
    letter-spacing: 0.51px;
    color: white;
    opacity: 1;
    padding: 0 8rem 0 8rem;
}
.contenitore6{
    background-color: white;
    text-align: center;
}
.contenitore6 h2{
    text-align: center;
    font: normal normal 600 55px/65px Barlow;
    letter-spacing: 0.34px;
    color:black;
    text-shadow: 0px 3px 6px #00000029;
    text-transform: uppercase;
    opacity: 1;
}
.contenitore6 span{
    text-align: center;
    font: normal normal normal 27px/35px Heebo;
    letter-spacing: 0.51px;
    color: black;
    opacity: 1;
    display: block;
    
}
.contenitore7{
    background-color: white;
    padding:2rem 0px 17rem;
}
.carousel-indicators{
    position: absolute;
    right: 0;
    bottom: -60px;
    left: 0;
    z-index: 15;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}
.carousel-indicators li {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 17px;
    height: 17px;
    margin-right: 10px;
    margin-left: 10px;
    text-indent: -999px;
    background-color: rgb(83 77 43 / 60%);
    border-radius: 50%;
}
.carousel-indicators li:hover{
    cursor: pointer;
}
.carousel-indicators .active {
    background-color: #534D2B;
}
#carouselExampleIndicators img {
    width: 100%;
    height: 560px;
    object-fit: cover;
    object-position: center;
}
.btn-visitsite{
    position: absolute;
    z-index: 20;
    top: -26px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.footer-items{
    display: flex;
    justify-content: space-between;
    color:white;
    padding: 1rem 0 1rem 0;
    align-items: start;
}
#p-bigger{
    font: normal normal 500 25px/35px Barlow;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    padding: 0rem 0  1rem 0;
    
}
#logo-linkedin{
    height: 25px;
    margin-left: 1rem;
}
.social{
    display: flex;
    justify-content: right;
    align-items: baseline;
    
}
.footer a{
    text-decoration: none;
    color:white;
}
.footer a:hover{
    text-decoration: underline;
    color:white;
    cursor: pointer;
}
.footer p{
   
    font: normal normal normal 17px/20px Heebo;
    letter-spacing: 0.33px;
    color: #FFFFFF;
    opacity: 1;
}
.item-footer-sx{
    text-align: left;
}
.item-footer-ce{
    text-align: center;
}
.item-footer-rg{
    text-align: right;
}

#p-bold{
    font-weight:600;
}
.form-header{
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5rem;
}
.form-header span{
    display: block;
}
.form-header h1{
    text-align: center;
    font: normal normal 600 55px/73px Barlow;
    letter-spacing: 0.34px;
    color: #000000;
    text-shadow: 0px 3px 6px #00000029;
    text-transform: uppercase;
    opacity: 1;
}
.title-form{
    text-align: center;
    font: normal normal normal 25px/30px Heebo;
    letter-spacing: 0.51px;
    color: #000000;
    opacity: 1;
    display: block;
    margin-top: 3rem;
}
.form{
    background-color: white;
}
.form h4{
    
    font: normal normal bold 25px/30px Heebo;
    letter-spacing: 0.51px;
    color: #000000;
    opacity: 1;
    display: block;
   
}
.intro{
    
    font: normal normal normal 25px/30px Heebo;
    letter-spacing: 0.51px;
    color: #000000;
    opacity: 1;
    display: block;
    margin-top: 2rem;
}




  
  .containercheck {
      display: block;
      position: relative;
      padding-left: 70px;
      margin-bottom: 30px;
      cursor: pointer;
      font: normal normal normal 24px/28px Helvetica;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }
  
    .containercheck img{
      display: block;
      width: 220px;
      margin-bottom: 1rem;
    }
    
    
    .containercheck input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0;
    }
    
    
    .checkmark {
      position: absolute;
      top: -7px;
      left: 0;
      height: 40px;
      width: 40px;
      border: 1px solid #707070;
    }
    
    
    .containercheck:hover input ~ .checkmark {
      background-color: #ccc;
    }
    
    
    .containercheck input:checked ~ .checkmark {
      background-color: #fff;
    }
    
    
    .checkmark:after {
      content: "";
      position: absolute;
      display: none;
    }
    
    
    .containercheck input:checked ~ .checkmark:after {
      display: block;
    }
    
    
    .containercheck .checkmark:after {
      left: 11px;
      top: 6px;
      width: 13px;
      height: 22px;
      border: solid #AE9A48;
      border-width: 0 5px 5px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
    }

.seiun, .autorizzazione{
    display: flex;
    margin: 2rem 0 2rem 0;
}
.seiun label{
    width: 50%;
}

.input-form input{
    width:100%;
    padding: 12px;
    margin:12px 0 12px 0px;
    font: normal normal normal 25px/40px Heebo;
    border: 1px solid black;
}
.input-form input:focus{
    text-align: left;
    font: normal normal normal 25px/40px Heebo;
    letter-spacing: 0.51px;
    color: #000000;
    opacity: 1;
}
::placeholder {
    text-align: left;
    font: normal normal normal 25px/40px Heebo;
    letter-spacing: 0.51px;
    color: #000000;
    opacity: 1;
  }
  textarea {
    resize: none;
    outline: none;
    width:100%;
    height: 280px;
    text-align: left;
    font: normal normal normal 25px/40px Heebo;
    letter-spacing: 0.51px;
    color: #000000;
    opacity: 1;
    padding: 5px 0 0 13px;
    margin: 12px 0 0 0;
  }
  .btn-richiesta{
      display: flex;
      justify-content: center;
      margin-top: 4rem;
  }
 .top-step{
     background-color: white;
 }
 .top-step h1{
    text-align: center;
    font: normal normal 600 75px/85px Barlow;
    letter-spacing: 0.49px;
    color: #000000;
    text-shadow: 0px 3px 6px #00000029;
    opacity: 1;
 }
 .top-step span{
     display: block;
     text-align: center;
    font: normal normal 600 55px/73px Barlow;
    letter-spacing: 0.34px;
    color: #000000;
    text-shadow: 0px 3px 6px #00000029;
    text-transform: uppercase;
    opacity: 1;
 }
 .top-step p{
     margin-top: 3rem;
    text-align: center;
    font: normal normal normal 25px/30px Heebo;
    letter-spacing: 0.51px;
    color: #000000;
    opacity: 1;
    
 }
 .step{
     background-color: white;
     position: relative;
 }
 .step ul{
    list-style-type: none;
    text-align: center;
    font: normal normal 600 55px/73px Barlow;
    letter-spacing: 0.34px;
    color: #000000;
    text-shadow: 0px 3px 6px #00000029;
    text-transform: uppercase;
    opacity: 1;

 }
 .icon-step{
     margin-top: 2rem;
     width: 136px;
 }
 .text-step{
    padding:3rem;
    text-align: center;
    font: normal normal normal 25px/30px Heebo;
    letter-spacing: 0.51px;
    color: #000000;
    opacity: 1;
    text-transform: none;
    margin:0;
 }
 .step li{
    padding-top: 3rem;
    padding-bottom: 3rem;
    transition: all 0.3s ease;
 }
 .step li:hover{
    text-shadow: 0 3px #00000029;
    cursor: pointer;
    color:#AA9A54;
 }
 .divisor{
     height: 6px;
     width:100px;
     display: block;
     margin: 0 auto;
     background-color: black;
 }

 #location{
    transition: display 0.8s ease 0s;
 }

 .cta-apricentro{
    background-image: url(https://business.hutfit.com/img/cta-apricentro.jpg);
    color:white;
    background-size: cover;
    background-position-y: 70%;
    height: 700px ;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
}
.cta-apricentro:after{
    background: #0000009c;
        
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    content: "";
}
.cta-apricentro h2{
   text-align: center;
   font: normal normal 600 75px/85px Barlow;
   letter-spacing: 0.49px;
   
   text-shadow: 0px 3px 6px #00000029;
   opacity: 1;
}
.cta-apricentro span{
    display: block;
    text-align: center;
   font: normal normal 600 55px/73px Barlow;
   letter-spacing: 0.34px;
   margin-top: 1rem;
   text-shadow: 0px 3px 6px #00000029;
   text-transform: uppercase;
   opacity: 1;
}
.cta-apricentro p{
    margin-top: 3rem;
   text-align: center;
   font: normal normal normal 25px/30px Heebo;
   letter-spacing: 0.51px;
  
   opacity: 1;
   
}
.btn-apricentro-step{
    display: flex;
    justify-content: center;
    margin-top: 5rem;
}
textarea:focus{
border: 2px solid black;
}

.captcha{
    width: 100%;
    padding: 12px;
    margin: 10px 0 10px 0px;
    font: normal normal normal 25px/40px Heebo;
}

.img-captcha{
    width: 50%;
}

.thank h2{
    text-align: center;
   font: normal normal 600 50px/85px Barlow;
   letter-spacing: 0.49px;
   
   text-shadow: 0px 3px 6px #00000029;
   opacity: 1;
}

.thank span{
    display: block;
    font: normal normal 400 25px/35px Barlow;
    
    margin: 1rem 0 0 0;
}
.btn-back-home{
    margin-top: 2rem;
    text-align: center;
}
.child:hover{
    box-shadow: 0px 13px 13px -10px rgb(186 162 57 / 59%);
    transform: scale(1.02);
}





@media  (max-width: 350px){
.storia h2{
    padding: 0;
}
#logo {
    width: 140px;
}
.header{
    height: 100%;
}
.title{
    font: normal normal 600 45px/50px Barlow;
}

.btn-flex{
    flex-wrap: wrap;
}
.btn-flex .btn{
    margin: 10px 0;
}
.btn{
    font: normal normal bold 21px/21px Barlow;
    min-width: 234px;
}
.small-title{
    font: normal normal 500 25px/42px Barlow;
}
.cifre{
    font-size: 36px;
}
.dati{
    font: italic normal 500 20px/30px Barlow;
}
.vincente{
    font: normal normal 600 35px/35px Barlow;
}
.sopra h2{
    font: normal normal 600 25px/35px Barlow;
    margin-bottom:0;
}
.chisiamo,.garanzie{
    
    font: normal normal normal 22px/30px Heebo;
}
.sotto{
    margin-top: 2rem;
}
.vantaggi{
    flex-wrap: wrap;
}
.sceglierci{
    font: normal normal 600 25px/30px Barlow;
}
.investimento{
    font: normal normal bold 20px/26px Heebo;
    
    margin-top: 20px;
}
#img-vantaggi{
    
    height: 150px;
}
.testo-vantaggi{
    text-align: initial;
    font: 300 18px / 22px Heebo;
    margin-left: 10px;
}
#icon{
    width:63px;
    height: 50px;
    
    margin-left: 10px;
}
.storia h2{
    
    font: normal normal bold 20px/27px Heebo;
}
.child{
    width: 100%;
    margin: 0;
}
.child2{
    display: flex;
    align-items: center;
    padding: 2rem 0;
}
section{
    padding: 2.5rem 0 2.5rem ;
  
}
.cos-aspettando{
    display: block;
}
.contenitore3 h2{

    font: normal normal 400 22px/35px Heebo;
    width: 92%;
    margin: 0 auto;
}
.contenitore4{
    height: 240px;
}
.contenitore4 h2{
    font: normal normal 600 25px/30px Barlow;
}
.span-easy{
    font: normal normal 600 35px/35px Barlow;
    
    margin: 1rem 0 0 0;
}
.contenitore5 h2{
    padding: 0 20px 0 20px;
    font: normal normal normal 22px/35px Heebo;
}
.contenitore6 h2{
    font: normal normal 700 25px/35px Barlow;
}
.contenitore6{
    padding-bottom: 1rem;
}

.contenitore6 span{
    
    font: normal normal normal 22px/35px Heebo;
}
#carouselExampleIndicators img {
    
    height: 180px;
   
}
.carousel-indicators li{
    width:10px;
    height: 10px;
    margin-left: 5px;
    margin-right: 5px;
}
.contenitore7{
    padding: 2rem 0px 5rem;
}
.footer{
    text-align: center;
}
.footer p{
    font: normal normal normal 16px/20px Heebo;
    letter-spacing: 0.33px;
    color: #FFFFFF;
    opacity: 1;
    padding: 5px;
}
.footer-items{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.item-footer-sx, .item-footer-rg, .item-footer-ce{
    text-align: center;
}
#p-bigger{
    font: normal normal 700 16px/25px Barlow;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    
    
}
.form-header h2{
    font: normal normal 600 25px/40px Barlow;
}
.form-header{
    padding:1rem;
}
.title-form{
    font: normal normal normal 19px/25px Heebo;
}
.top-step h2{
    font: normal normal 700 35px/35px Barlow;
}
.top-step span{
    font: normal normal 700 25px/35px Barlow;
}
.step ul{
    font: normal normal 700 25px/35px Barlow;
    padding:0;
}
.step li{
    padding: 1rem 0 1rem;
}
.cta-apricentro{
    height: 400px;
    background-position-x: 52%;
}
.cta-apricentro h2{
    font: normal normal 600 35px/35px Barlow;
}
.cta-apricentro span{
    font: normal normal 500 25px/35px Barlow;
}
.cta-apricentro p{
    font: normal normal 400 20px/35px Barlow;
    width: 85%;
    display: flex;
    justify-content: center;
    margin: 1rem auto;
}
.btn-apricentro-step{
    margin:1rem;
}

.icon-step{
    height: 70px;
    width: auto;
}
.top-step p{
    font: normal normal 500 22px/25px Barlow;
}
.text-step{
    font: normal normal normal 22px/25px Heebo;
    padding: 0;
    margin-top: 2rem;
    padding-bottom: 1rem;
}
.form h4{
    font: normal normal 600 16px/25px Heebo;
    padding:0;
}
.intro{
    font: normal normal normal 16px/10px Heebo;
    margin-top: 0;
}
.seiun label{
    font: normal normal normal 16px/30px Heebo;
    width: 100%;
}
.seiun{
    flex-wrap: wrap;
}
.checkmark{
    height: 32px;
    width: 32px;
}
.containercheck{
    padding-left: 50px;
}
.form input{
    font: normal normal normal 16px/30px Heebo;
}
.input-form input:focus {
    text-align: left;
    font: normal normal normal 16px/30px Heebo;
    letter-spacing: 0.51px;
    color: #000000;
    opacity: 1;
}

::placeholder{
    font: normal normal normal 16px/30px Heebo;
}
.input-form input {
    padding:5px;
}
textarea{
    padding:5px;
}
.autorizzazione label,.robot label{
    font: normal normal normal 16px/30px Heebo;
    
}
.containercheck .checkmark:after {
    left: 9px;
    top:2px;
    width: 13px;
    height: 22px;
    border: solid #AE9A48;
    border-width: 0 5px 5px 0;
    -webkit-transform: rotate(
45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(
45deg);
}
textarea {
    font: normal normal normal 16px/30px Heebo;
    height: 150px;
}
.social{
    
    justify-content: center;
   
    
}

}


    @media (max-height:900px){
	.header{
		height:100%;
	}
}


@media (min-width:351px) and (max-width:778px) {
    #logo {
        width: 140px;
    }
    .header{
        height: 100%;

    }
    .title{
        font: normal normal 600 50px/50px Barlow;
    }
    .btn-flex{
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
    .btn-flex .btn{
        margin: 10px 0;
    }
    .btn{
        font: normal normal bold 21px/21px Barlow;
        min-width: 234px;
    }
    .small-title{
        font: normal normal 500 25px/42px Barlow;
    }
    .cifre{
        font-size: 36px;
    }
    .dati{
        font: italic normal 500 20px/30px Barlow;
    }
    .vincente{
        font: normal normal 600 35px/35px Barlow;
    }
    .sopra h2{
        font: normal normal 600 25px/35px Barlow;
        margin-bottom:0;
    }
    .chisiamo,.garanzie{
        padding: 0 2rem 0 2rem;
        font: normal normal normal 22px/30px Heebo;
    }
    .sotto{
        margin-top: 2rem;
        margin-bottom: 0;
    }
    .vantaggi{
        flex-wrap: wrap;
    }
    .sceglierci{
        font: normal normal 600 25px/30px Barlow;
    }
    .investimento{
        font: normal normal bold 20px/26px Heebo;
        padding: 0 2rem;
        margin-top: 20px;
    }
    #img-vantaggi{
        
        height: 150px;
    }
    .testo-vantaggi{
        text-align: initial;
        font: 300 18px / 22px Heebo;
        margin-left: 10px;
    }
    #icon{
        width:63px;
        height: 50px;
        
        margin-left: 10px;
    }
    .storia h2{
        padding:0 2rem;
        font: normal normal bold 20px/27px Heebo;
    }
    .child{
        width: 100%;
        margin: 0;
    }
    .child2{
        display: flex;
        align-items: center;
        padding: 2rem 0;
    }
    section{
        padding: 2.5rem 0 2.5rem ;
      
    }
    .cos-aspettando{
        display: block;
    }
    .contenitore3 h2{

        font: normal normal 400 21px/35px Heebo;
        width: 92%;
        margin: 0 auto;
    }
    .contenitore4{
        height: 240px;
    }
    .contenitore4 h2{
        font: normal normal 600 25px/30px Barlow;
    }
    .span-easy{
        font: normal normal 600 35px/35px Barlow;
        
        margin: 1rem 0 0 0;
    }
    .contenitore5 h2{
        padding: 0 20px 0 20px;
        font: normal normal normal 22px/35px Heebo;
    }
    .contenitore6 h2{
        font: normal normal 700 25px/35px Barlow;
    }
    .contenitore6{
        padding-bottom: 1rem;
    }

    .contenitore6 span{
        
        font: normal normal normal 22px/35px Heebo;
    }
    #carouselExampleIndicators img {
        
        height: 180px;
       
    }
    .carousel-indicators li{
        width:10px;
        height: 10px;
        margin-left: 5px;
        margin-right: 5px;
    }
    .contenitore7{
        padding: 2rem 0px 5rem;
    }
    .footer{
        text-align: center;
    }
    .footer p{
        font: normal normal normal 16px/20px Heebo;
        letter-spacing: 0.33px;
        color: #FFFFFF;
        opacity: 1;
        padding: 5px;
    }
    .footer-items{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .item-footer-sx, .item-footer-rg, .item-footer-ce{
        text-align: center;
    }
    #p-bigger{
        font: normal normal 700 16px/25px Barlow;
        letter-spacing: 0.2px;
        color: #FFFFFF;
        text-transform: uppercase;
        opacity: 1;
        
        
    }
    .form-header h2{
        font: normal normal 600 25px/40px Barlow;
    }
    .form-header{
        padding:3rem;
    }
    .title-form{
        font: normal normal normal 19px/25px Heebo;
    }
    .top-step h2{
        font: normal normal 700 35px/35px Barlow;
    }
    .top-step span{
        font: normal normal 700 25px/35px Barlow;
    }
    .step ul{
        font: normal normal 700 25px/35px Barlow;
        padding:0;
    }
    .step li{
        padding: 1rem 0 1rem;
    }
    .cta-apricentro{
        height: 400px;
        background-position-x: 52%;
    }
    .cta-apricentro h2{
        font: normal normal 600 35px/35px Barlow;
    }
    .cta-apricentro span{
        font: normal normal 500 25px/35px Barlow;
    }
    .cta-apricentro p{
        font: normal normal 400 20px/35px Barlow;
        width: 85%;
        display: flex;
        justify-content: center;
        margin:3rem auto;
    }
    .btn-apricentro-step{
        margin:1rem;
    }

    .icon-step{
        height: 70px;
        width: auto;
    }
    .top-step p{
        font: normal normal 500 22px/25px Barlow;
    }
    .text-step{
        font: normal normal normal 22px/25px Heebo;
        padding: 0;
        margin-top: 2rem;
        padding-bottom: 1rem;
    }

    .form h4{
        font: normal normal 600 16px/25px Heebo;
        padding:0;
    }
    .intro{
        font: normal normal normal 16px/10px Heebo;
        margin-top: 0;
    }
    .seiun label{
        font: normal normal normal 16px/30px Heebo;
        width: 100%;
    }
    .seiun{
        flex-wrap: wrap;
    }
    .checkmark{
        height: 32px;
        width: 32px;
    }
    .containercheck{
        padding-left: 50px;
    }
    .form input{
        font: normal normal normal 16px/30px Heebo;
    }
    .input-form input:focus {
        text-align: left;
        font: normal normal normal 16px/30px Heebo;
        letter-spacing: 0.51px;
        color: #000000;
        opacity: 1;
    }

   ::placeholder{
        font: normal normal normal 16px/30px Heebo;
    }
    .input-form input {
        padding:5px;
    }
    textarea{
        padding:5px;
    }
    .autorizzazione label,.robot label{
        font: normal normal normal 16px/30px Heebo;
        
    }
    .containercheck .checkmark:after {
        left: 9px;
        top:2px;
        width: 13px;
        height: 22px;
        border: solid #AE9A48;
        border-width: 0 5px 5px 0;
        -webkit-transform: rotate(
    45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(
    45deg);
    }
    textarea {
        font: normal normal normal 16px/30px Heebo;
        height: 150px;
    }
    .social{
    
        justify-content: center;
       
        
    }
}































@media (min-width:779px) and (  max-width:999px) {
    #logo {
        width: 160px;
    }
    .title{
        font: normal normal 600 65px / 75px Barlow;
    }
    .btn-flex{
        flex-wrap: wrap;
        
        justify-content: space-evenly;
    }
    .btn-flex .btn{
        margin: 10px 0;
    }
    .btn{
        font: normal normal bold 21px/21px Barlow;
    }
    .small-title{
        font: normal normal 600 30px / 45px Barlow;
    }
    .cifre{
        font-size: 36px;
    }
    .dati{
        font: italic normal bold 20px/30px Barlow;
    }
    .vincente{
        font: normal normal 600 45px/35px Barlow;
    }
    .sopra h2{
        font: normal normal 600 35px/35px Barlow
    }
    .chisiamo,.garanzie{
        padding: 0 2rem 0 2rem;
        font: normal normal normal 21px/30px Heebo;
    }
    .sotto{
        margin-top: 2rem;
    }
    .vantaggi{
        flex-wrap: wrap;
    }
    .sceglierci{
        font: normal normal 600 35px/30px Barlow;
    }
    .investimento{
        font: normal normal bold 21px/26px Heebo;
        padding: 0 2rem;
    }
    #img-vantaggi{
        
        height: 150px;
    }
    .testo-vantaggi{
        text-align: initial;
        font: 18px / 25px Heebo;
        margin-left: 1rem;
    }
    #icon{
        width:63px;
        height: 50px;
        margin-right: 1rem;
    }
    .storia h2{
        padding:0 2rem;
        font: normal normal bold 18px/30px Heebo;
    }
    .child{
        width: 100%;
        margin: 0;
    }
    .child2{
        display: flex;
        align-items: center;
        padding: 2rem 0;
    }
    section{
        padding: 2rem 0 2rem ;
      
    }
    .contenitore3 h2{
        padding: 0 2rem 0 2rem;
        font: normal normal normal 22px/35px Heebo;
    }
    .contenitore4{
        height: 350px;
    }
    .contenitore4 h2{
        font: normal normal 600 30px/35px Barlow;
    }
    .span-easy{
        font: normal normal 600 45px/35px Barlow;
        
        margin: 1rem 0 0 0;
    }
    .contenitore5 h2{
        padding: 0 20px 0 20px;
        font: normal normal normal 22px/35px Heebo;
    }
    .contenitore6 h2{
        font: normal normal 600 35px/35px Barlow;
    }

    .contenitore6 span{
        padding: 0 20px 0 20px;
        font: normal normal normal 22px/35px Heebo;
    }
    #carouselExampleIndicators img {
        
        height: 180px;
       
    }
    .carousel-indicators li{
        width:10px;
        height: 10px;
        margin-left: 5px;
        margin-right: 5px;
    }
    .contenitore7{
        padding: 2rem 0px 5rem;
    }
    .footer{
        text-align: center;
    }
    .footer p{
        font: normal normal normal 16px/20px Heebo;
        letter-spacing: 0.33px;
        color: #FFFFFF;
        opacity: 1;
        padding: 5px;
    }
    .footer-items{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .item-footer-sx, .item-footer-rg, .item-footer-ce{
        text-align: center;
    }
    #p-bigger{
        font: normal normal 700 16px/25px Barlow;
        letter-spacing: 0.2px;
        color: #FFFFFF;
        text-transform: uppercase;
        opacity: 1;
        
        
    }
    .social{
    
        justify-content: center;
       
        
    }
	.header{
		height:100%;
	}
}