body {
    font-family: Halcyon-Regular;
    font-size: 16px;
    line-height: 18px;
    color: #333333;
    background-color: #ffffff;
}

.local  {
   display:none!important;
 
}

 .logo-header {
    padding-left:10px;
     padding-right: 30px; 
}


.button-de {
     padding-right: 30px; 
    font-size:14px;
   margin-top:10px;
}


      /* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
 /*border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}


.title-piano {
    font-family: 'Halcyon-Semibold';
    font-size: 30px;
    font-style: inherit;
    text-transform: inherit;
    color: #fff;
    padding-right: 40px;
   text-align: right;
   
   
 
}

          

.tooltip .tooltiptext {
  visibility: hidden;
  position: absolute;
  width: 320px;
    font-size: 13px;
    line-height: 16px;
  background-color: #193755; 
      color: #FFFFFF; 
      border: 1px solid #193755; 
      padding: 20px;
      font-size: 13px;
	   font-family: Halcyon-Regular!important;
      border-width: 1px;
    border-style: solid;
   
  
  text-align: left;

  border-radius: 5px;
  z-index: 1000000;
  opacity: 0;
  transition: opacity .4s;
}          
          
          

/* Tooltip arrow 
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #193755 transparent transparent transparent;
}*/

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
          
          
          
          
          
          
 .tooltip-left {
  top: -30px;
  right: 128%;
}


.txt-header {
 margin-top:-50px!important;
}



.txt-header-local {
 margin-top:-70px!important;
}



#header .bg {
    background-image: url('../../images/header-generico-v2.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity:1;
}


#header-settembre .bg {
    background-image: url('../../images/header-generico-settembre.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity:1;
}


#header-settembre-2 .bg {
    background-image: url('../../images/header-generico-settembre-2.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity:1;
}


#header-promo-local .bg {
    background-image: url('../../images/header-promo-local.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity:1;
}



 .width-box{
    /*width:410px;*/
      width:360px;
}


.width-box-text{
    /*width:410px;*/
      width:360px;
}

#header-local .bg {
    background-image: url('../../images/header-local.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity:1;
}




#header-intrattenimento .bg {
    background-image: url('../../images/header-intrattenimento.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity:1;
}


#header-sicurezza .bg {
    background-image: url('../../images/header-sicurezza.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity:1;
}


#header-studio-lavoro .bg {
    background-image: url('../../images/header-studio-lavoro.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity:1;
}


#piu-pacchetto .bg {
    background-image: url('../../images/bg-generica.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    opacity:1;
}      


#offerta .bg {
    background-image: url('../../images/eolo-graphic.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    opacity:1;
}       


#footer .bg {
    background-image: url('../../images/eolo-graphic-white.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    opacity:1;
}        
    
    


#ultravelocita .bg {
    background-image: url('../../images/ultravelocita.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity:1;
}        
    


#promozioni .bg {
    background-image: url('../../images/promo.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity:0.05;
}        
    

 .border-top-container::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    width: 70%;
    height: 1px;
    border-top-width: 1px;
    border-top-style: solid;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
     border-color: #40b25b!important
}
    

h2.EOLO-pi {
 /* width: 406px;*/
  
  font-family: Halcyon-Semibold;
  font-size: 60px;

  font-stretch: normal;
  font-style: normal;
  line-height: 60px;
  letter-spacing: normal;
  color: #ffffff;
    text-align:left;
   /* padding-bottom:10px;*/
}


h2.EOLO-pi-pacchetto {
 
  font-family: Halcyon-Semibold;
  font-size: 40px;

  font-stretch: normal;
  font-style: normal;
  line-height: 43px;
  letter-spacing: normal;
  color: #ffffff;
    text-align:left;
}
      


h3.EOLO-pi-pacchetto {
 
  font-family: Halcyon-Regular;
  font-size: 20px;

  font-stretch: normal;
  font-style: normal;
  line-height: 1.1;
  letter-spacing: normal;
  color: #ffffff;
}
        
.text-white {
  /*width: 406px;*/
  font-family: Halcyon-Regular;
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 22px;
  letter-spacing: normal;
  color: #ffffff;
    text-align:left;
}        
        
        
.Rectangle {
 /* width: 300px;*/
  width: 175px;
  height: 60px;
  border-radius: 14px;
  padding:10px;
  border: solid 1.4px #ffffff;
  background-color: rgba(0, 0, 0, 0.4);
} 


.Rectangle-offerta {
 /* width: 300px;*/
  width: 200px;
  height: 55px;
  border-radius: 14px;
  padding:10px;
  border: solid 1.4px #ffffff;
  background-color: rgba(0, 0, 0, 0.4);
} 
        
        
        
.promo-box {
  
  font-family: Halcyon-Regular;
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #ffffff;

}    

      

        
.bold-arancio {
  
  font-family: Halcyon-Semibold;
  color: #ff8a00!important;
}        
    
        
.bold-blue {
  
  font-family: Halcyon-Semibold;
  color: #193755!important;
}           
    
        
.bold-testo {
  
  font-family: Halcyon-Semibold!important;
 
}        

.bold-green {
   font-family: Halcyon-Regular;
 font-weight: 600;
  color: #40b25b!important;
}  


        
        
.ICO {
  width: 26px;
  height: 32px;
  object-fit: contain;
  float:left;
  margin-right:10px;
  
}        


.ICO-maxi {
  width: 53px;
  height: 50px;
  object-fit: contain;
  float:left;
  margin-right:10px;
  
}       
        
.ICO-maxi-nofloat {
  width: 53px;
  height: 50px;
  object-fit: contain;
  margin-right:10px;
  
}       


.offerta {
  /*width: 350px;*/
  /*height: 269px;*/
  opacity: 0.9;
  border-radius: 20px;
  padding: 20px 30px 20px 30px;
  background-color: #ffffff;
    text-align:left;
}        
      

.box-call {
  width: 290px;
  /*height: 269px;*/
  opacity: 0.9;
  border-radius: 20px;
  padding: 20px 30px 20px 30px;
  background-color: #ffffff;
}        



.no-opacity {
  
  opacity: 1!important;

}        


.box-offerta-home {
   width: 290px;
  /*height: 269px;*/
  opacity: 0.9;
  border-radius: 20px;
  padding: 20px 30px 20px 30px;
  background-color: #ff8a00;   
    
  
}   
   
        
.A-partire-da-2790 {
  font-family: Halcyon-Regular;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #193755;
    line-height: 30px;
    padding-top:5px;
    text-align: center;
}
        


.A-con-sconto {
  font-family: Halcyon-Regular;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #193755;
    line-height: 20px;
    padding-top:5px;
    text-align: center;
}
    
        
.A-partire-da-2790 .text-style-1 {
  font-size: 50px;
  font-weight: 600;
  font-family: Halcyon-Semibold;  
  letter-spacing: -2px;
}        
   

.A-con-sconto .text-style-2 {
  font-size: 30px;
  font-weight: 600;
  font-family: Halcyon-Semibold;  
  letter-spacing: -2px;
}        
        
        
.button-arancio {
  border-radius: 10px!important;
  background-color: #ff8a00;
  padding: 10px 20px 10px 20px;
  font-family: Halcyon-Semibold;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;    
  margin-bottom:20px;
  
 
}   

a.button-arancio:hover {
  opacity: 0.7;
 
}   
 
        
      
.Chiamaci-gratis-per {
 
  font-family: Halcyon-Regular;
  font-size: 17px;
   font-stretch: normal;
  font-style: normal;
  line-height: 17px;
  letter-spacing: normal;
  color: #193755;
  
}        
        
        
  .telefono   {
  
  font-family: Halcyon-Bold;
  font-size: 42px;
 
  font-stretch: normal;
  font-style: normal;
 line-height: 42px;
  letter-spacing: normal;
  color: #40b25b;
}    
        
        
    .rettangolo-offerta {
  width: 206px;
  border-radius: 10px;
  padding:20px;
  background-color: #f2f2f2;
}    
        
        
.text-offerta {
  
  font-family: Halcyon-Regular;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 15px;
  letter-spacing: normal;
  color: #193755;
}    



.text-offerta-bold {
  
  font-family: Halcyon-Semibold;
  font-size: 12px;
    line-height: 12px;
  color: #193755;
}     

.text-offerta-card {
  
  font-family: Halcyon-Regular;
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 22px;
  letter-spacing: normal;
  color: #193755;
}     


.text-offerta-sub {
  
 font-family: Halcyon-Regular;
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 14px;
  letter-spacing: normal;
  color: #193755;
}   
     

.text-offerta-costo {
  
  font-family: Halcyon-Regular;
  font-size: 42px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 42px;
  letter-spacing: normal;
  color: #193755;
}


.text-offerta-mese {
  
  font-family: Halcyon-Regular;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  color: #193755;
}

        
        .boxed {
    width: 70%!important;
    margin-right: auto;
    margin-left: auto;
}
        
        
h2.title-section {
 
  font-family: Halcyon-Regular;
  font-size: 40px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 45px;
  letter-spacing: normal;
  text-align: center;
  color: #193755;
}  


h2.title-section-pacchetto {
 
  font-family: Halcyon-Regular;
  font-size: 30px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 33px;
  letter-spacing: normal;
  text-align: center;
  color: #193755;
}  
        
        
.text {
 
  font-family: Halcyon-Regular;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  color: #656b73;
}        
        
        
        
.box-piani{
 
  border-radius: 20px;
  box-shadow: 0 0 20px 0 rgba(25, 55, 85, 0.1);
  background-color: #ffffff;
}        
        
     
        
.box-tutto-incluso{
  border-radius: 20px;
  box-shadow: 0 0 20px 0 rgba(25, 55, 85, 0.1);
 background-color: #00a0e6;
    
    background-image: url('../images/box-tutto-incluso.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

}        
        




h4.title-piani {
  font-family: Halcyon-Semibold;
  font-size: 32px;
  font-stretch: normal;
  font-style: normal;
  line-height: 32px;
  letter-spacing: normal;
  color: #193755;
}        
       


h4.title-box-tutto-incluso {
  font-family: Halcyon-Semibold;
  font-size: 32px;
  font-stretch: normal;
  font-style: normal;
  line-height: 32px;
  letter-spacing: normal;
  color: #fff;
}  


h4.title-servizi-box-tutto-incluso {
    font-family: Halcyon-Regular;
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.23;
    letter-spacing: normal;
    color: #fff;
}
        
.piu {
  color: #00a0e6!important;
}        
        
  
h2.Promo-Tutto-incluso {
  font-family: Halcyon-Semibold;
  font-size: 42px;
  /*font-weight: 600;*/
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #ffffff;
}

        
h4.title-servizi {
  
  font-family: Halcyon-Regular;
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.23;
  letter-spacing: normal;
  color: #193755;
}        
   


.dark {
  color: #ffffff!important;
}        
    

        
.box-servizi {
  width: 350px;
}        
        
        
.bg-color-1 {
  background-color: #00a0e6;
}


.bg-color-2 {
  background-color: #f2f2f2;
}

.bg-color-3 {
  /*background-color: #193755;*/
    background-image: linear-gradient(135deg, #016d9c 0%, #193754 100%);
}


.bg-color-dark {
  background-color: #fff;
}


.bg-color-pacchetto {
  background-color: #00a0e6;
}


@media (max-width: 992px) {
    
    
   
    
    
    
    
    h2.EOLO-pi-pacchetto {
    font-family: Halcyon-Semibold;
    font-size: 38px;
    font-stretch: normal;
    font-style: normal;
    line-height: 40px;
    letter-spacing: -1px;
    color: #ffffff;
    text-align: left;
}
    
    
    
    .logo-header {
     padding-left: 5px!important;
     padding-right: 0px!important; 
}
    
    
     .button-de {
     padding-right: 0px!important; 
}
    
    
    h2.EOLO-pi {
   
     padding-bottom: 10px!important; 
}
    
      #header-settembre .bg {
         /* background-position: center center;*/
         background-position: calc(50% - 160px) 50%;
     opacity:0.7!important;
}
    
     #header-settembre-2 .bg {
         
           background-image: url('../../images/header-generico-settembre-2-mobile.png')!important;
    background-repeat: no-repeat;
       background-position: center right;
         /*background-position: calc(50% - 160px) 50%;*/
     background-size: auto;
    opacity:1;
         
      
}
      
    
    
    
    
    
    #header .bg {
         background-position: calc(50% - 160px) 50%;
     opacity:0.5!important;
}
    
       #header-local .bg {
    background-position: calc(50% - 160px) 50%;
     opacity:0.5!important;
}
    
    
       #header-intrattenimento .bg {
             background-image: url('../../images/header-intrattenimento-mobile.png')!important;
    background-repeat: no-repeat;
            background-position: calc(50% - 160px) 50%;
     background-size: cover;
    opacity:1;
}
    
    
    
    
    
    
    #header-sicurezza .bg {
        
         background-image: url('../../images/header-sicurezza-mobile.png')!important;
    background-repeat: no-repeat;
            background-position: calc(50% - 160px) 50%;
     background-size: cover;
    opacity:1;
    
}


#header-studio-lavoro .bg {
    
     background-image: url('../../images/header-studio-lavoro-mobile.png')!important;
    background-repeat: no-repeat;
   background-position: calc(50% + 240px) 50%;
    background-size: cover;
    opacity:1;
  
}
    
    
    .width-box{
    width:auto!important;
}
    
      .width-box-text{
    width:auto!important;
}
    
    .bg-color-dark {
    background-color: #193755!important;
}
    
    
    .content-box {
    text-align:center!important;
}
    
    .title-piano {
    font-family: 'Halcyon-Semibold';
    font-size: 15px;
    padding-top: 10px;
    padding-right: 20px;
 
}
    
    
    .box-offerta-features {
    height: 100%!important;
}
    
}

.Provalo-gratis-deci {
  font-family: Halcyon-Semibold;
  font-size: 22px;
  /*font-weight: 600;*/
  font-stretch: normal;
  font-style: normal;
  line-height: 25px;
  letter-spacing: normal;
  color: #193755;
}


.Provalo-gratis-deci-verticali {
  font-family: Halcyon-Semibold;
  font-size: 30px;
  /*font-weight: 600;*/
  font-stretch: normal;
  font-style: normal;
  line-height: 34px;
  letter-spacing: normal;
  color: #193755;
}


.Provalo-gratis-text-verticali {
  font-family: Halcyon-Regular;
  font-size: 24px;
  /*font-weight: 600;*/
  font-stretch: normal;
  font-style: normal;
  line-height: 28px;
  letter-spacing: normal;
  color: #193755;
}


.no-padding {
  padding: 0!important;
}
     

.no-padding-top {
  padding-top: 0!important;
}


.no-padding-bottom {
  padding-bottom: 0!important;
}
     

.no-margin {
  margin: 0!important;
       
}



.footer {
 font-family: Halcyon-Regular;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 14px;
  letter-spacing: normal;
  color: #193755;
}

.box-offerta-features {
  border-bottom-right-radius: 40px;    
  border-top-left-radius: 40px;
  background-color: #00a0e6;
  padding: 30px 30px 0px 30px;
  height: 330px;
text-align:left;
}


.box-offerta-tutto-incluso {
  border-bottom-right-radius: 40px;    
  border-top-left-radius: 40px;
 /* background-color: #00a0e6;*/
  /*padding: 30px 30px 0px 30px;*/
  height: 300px;
}


.box-offerta-features-explo {
  border-bottom-right-radius: 40px;    
  border-top-left-radius: 40px;
  background-color: #00a0e6;
  padding: 30px 30px 0px 30px;
  
}


.box-offerta-text {
  padding: 20px 30px 20px 30px; 

  
}



.desc-offerta-features {
   font-family: Halcyon-Regular;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
 
}



.desc-offerta-features-explo {
   font-family: Halcyon-Regular;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
 
}



.desc-offerta-features-dedicata {
   font-family: Halcyon-Regular;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
 
}


.mese-gratis {
    font-family: Halcyon-Regular;
    font-size: 12px;
    font-weight: 600;
    width: 120px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    padding-right: 4px;
    float: right;
    padding-top: 2px;
    text-align: center;
    color: #ffffff;
}



.mese-gratis-dedicata {
  
  font-family: Halcyon-Regular;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  
}

.box-mese-gratis  {
  display: block;
  width: 120px;   
  float: right;
  border-bottom-left-radius: 40px;    
  border-top-right-radius: 40px;    
  background-color: #ff8a00;
}


.box-provalo-gratis {
padding:20px;
  border-radius: 20px;
  background-color: #ffffff;
}

.box-provalo-gratis-tutto {
  padding:20px;
  border-radius: 20px;
  background-color: #ffffff;
}

.box-servizi-aggiuntivi {
  padding:10px 30px 30px 30px;
  border-radius: 20px;
  background-color: #ffffff;
 
}

.cta-text {
  
  font-family: Halcyon-Regular;
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 25px;
  letter-spacing: normal;
  color: #193755;
}


.box-text-offerta {
  padding-bottom: 5px;
   /* padding-top: 5px;*/
display: flex;
   align-items:center;
}


.cta-home {
 right:0;
 position: absolute; 
top: -80;
    opacity:1!important;
}


          
.sfumato {
   /* background-image: linear-gradient(135deg, #016d9c 0%, #193754 100%);*/
    
}