html{ font-family: 'Open Sans', sans-serif; font-weight: normal; font-size: 100%;}

body{
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: left;
    line-height: 1.7;
    z-index: 1;
    -webkit-font-smoothing: antialiased;
    background: #fff;
    color: #666;
    font-family: inherit;
}

h1,h2,h3,h4,h5,h6{font-family:'Open Sans';font-weight:700;line-height:1.2}  

a, a:hover{text-decoration: none; color: #666;}  

#carica {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.9;
  background-color: #fff;
  z-index: 99;
}

#carica-image {
  z-index: 100;
}  

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.fadeIn {
    animation: fadeIn 2s ease-in; /* remove infinite*/
}  

#page_header-top {padding-top: 20px; padding-bottom: 20px; box-shadow: 1px 0 15px 5px rgba(0,0,0,0.16); position: relative;z-index: 3; }

.social {margin: 0px; padding: 0px; border: 0px; list-style: none; display: inline;}
.social li{ display: inline; padding-left: 15px;}
.social li a{ color: #aaa;}
.social li a:hover{ color: #ccc;}
.social li a:visited{ color: #aaa;}


a.nav-link{font-size: 1.05em; color: #333 !important;}
a.nav-link:hover{color: #aaa !important;}

a.active{  
    /* 1. Rende il bordo ampio solo quanto il contenuto */
    display: inline-block;     
    /* 2. Applica la sottolineatura arancione */
    border-bottom: 1px solid #e96b0d;     
    /* 3. Aggiunge un piccolo spazio tra il testo e la sottolineatura */
    padding-bottom: 0px !important;    
    /* 4. Rimuove il padding laterale predefinito di Bootstrap 
       che altrimenti allargherebbe il bordo */
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.badge-orange {
  background-color: #e96b0d;
  color: white;
  padding: 8px 25px;
  text-align: center;
  border-radius: 30px;
  margin-left: 10px;
}
a.tel {color: #fff; text-decoration: none; font-size: 0.9em; font-weight: bold; }
a.mail {color: #333; text-decoration: none; }


#homepage-intro{
   background-color: #363636; 
   color: #e96b0d;
}     

#homepage-intro .main_title {color: #fff; margin: 0; font-size: 2em; font-weight: 300;}         

.t_orange {color: #e96b0d;}  
.t_grey  {color: #aaa;}  
strong.h_orange{ font-weight: 600;}

#banner{
   background-color: #fff;
}

.pretitle{
   letter-spacing: .659em;
   color: #aaa;
   text-transform: uppercase;
   font-size: 0.8em;
}
.title{
   color: #333;
   text-transform: uppercase;
   font-size: 1.1em;
   font-weight: 600;
   margin: 0;
   line-height: 1.5;
}

.intro{
   color: #363636;
   font-size: 1em;
}

a.counter{
   color: #fff;
   background-color: #e96b0d;
   padding: 10px 15px;
   font-size: 0.9em;
   font-weight: 600;
}

.links a{
	color: #e96b0d;
	font-size: 0.9em;
}

/* come operiamo */

.homefocus-img{
  overflow: hidden;
  height: 400px; 
  object-fit: cover;
  object-position: 50% 50%;
}

.homefocus-text{
  background-color: #fff;
  padding: 10px;
}

#homepage-vantaggi{
	margin: 0;
	padding: 0;
   background-color: #f2f2f2;
   border-top: 1px solid #f2f2f2;
   border-bottom: 1px solid #e6e6e6;
}

h3.main_title{
   letter-spacing: .659em;
   font-weight: 600;
   text-transform: uppercase;
   font-size: 0.85em;
   color: #666;
}

.vanta-item{
   margin: 10px; 
   padding: 0px; 
   background-color: #fff;
}

.vanta-text{
   padding: 10px;
   background-color: #fff;
}

h4.vanta-title{
  font-weight: 600;
  font-size: 1.2em;
}

#page_header-breadcrumbs {
    margin-right: .3em;
    color: #666;
    text-align: right;
    padding-top: 30px;
    padding-right: 60px;
    text-transform: uppercase;
    font-size: 0.8em;
}

#chi_siamo, #vantag, #coper, #info, #contacts, #inizia, #allog{
   background-color: #f2f2f2;
   color: #333;
   border-bottom: 1px solid #e6e6e6;
}

.page_title{
   font-weight: 300;
   font-size: 2.1em;
   text-align: center;
}

.vanta-tit{
   color: #e96b0d;
   font-size: 1.7em;
   font-weight: 600;
   line-height: 1.5;
}

#btnInvia{
   background-color: #e96b0d;
   color: #fff;
}

.iniact{
   background-color: #fff;
}

.title-iniz{
   font-size: 2em;
   text-transform: uppercase;
   font-weight: 600;
}

a.l-black{
  color: #666;
}

#inizia-past, #inizia-gall{
   background-color: #fff;
   border-bottom: 1px solid #e6e6e6;
}

.inizp-item{
   margin: 10px; 
   padding: 0px; 
   background-color: #f2f2f2;
}

.inizp-text{
   background-color: #f2f2f2;
}

.ultimata{
	color: #fff;
	position: absolute;
	font-weight: 700;
   top: 8px;
   right: 16px;
   font-size: 0.85em;
}
.tuttven{
	background-color: #333;
	color: #fff;
	position: absolute;
	font-weight: 600;
   bottom: 0px;
   left: 0px;
   padding: 5px 8px;
   font-size: 0.85em;
}

.page_title_iniz{
   font-weight: 600;
   font-size: 2em;
   text-align: center;
}

.inven{
   color: #fff;
   background-color: #e96b0d;
   padding: 15px 20px;
   font-size: 0.9em;
   font-weight: 600;
   position: absolute;
   top: 0px;
   left: 0px;

}

a.btn-iniz{
   background-color: #ddd;
   color: #333;
   width: 100%;
   display: block;
   //padding: 20px 35px;
   margin-bottom: 15px;
   text-align: center;
}
a.btn-iniz:hover{
	background-color: #e96b0d;
	color: #fff;
	font-weight: 600;
}

.inidets-text{
   font-size: 0.95em;
   text-align: justify;
}

.allog_title{
 font-size: 2.1em;
 font-weight: 500;
}

.allog_title span{
   font-weight: 300;
}

.allog-sel{
   width: 100%; 
   height: 50px;
   background-color: #fff;
   border: 1px solid #ddd;
}

.allog-sel:focus{
   outline: none;
}

.allog-sel>option {
    background-color: #fff;
}

.allog-item{
   background-color: #fff;
}

.allog_item_tit{
   font-weight: 600;
   font-size: 1.6em;
}

.allog-info{
   border-right: 1px solid #666;
}

#allog-info-list{
   font-size: 0.9em;
}

.allog-links{
   font-size: 1.1em;
}

.allog-txt{
   font-size: 1.1em;
}

td.td-white{
   background-color: #fff;
}

#page_footer_video{background-color: #fff; margin-top: 60px; margin-bottom: 60px;}
#page_footer_video a:hover{opacity: 0.6;}
h6.title{font-weight: 500; text-transform: uppercase; text-align: center; font-size: 0.8em; margin-bottom: 50px;}  
.titlevid{font-weight: 500; color: #e96b0d; font-size: 1.2em;}
.titlevid2{font-weight: 500; color: #aaa; font-size: 1.2em;}
.pretitlevid{font-size: 0.85em; font-weight: normal;}

.img-container{position: relative;}
/*
.img-container{overflow: hidden; position: relative;}
.img-container img{object-fit: cover;}
*/
.easeload{
    opacity: 0;
    -webkit-transition: all 3s ease; 
    -moz-transition: all 3s ease; 
    -ms-transition: all 3s ease; 
    -o-transition: all 3s ease; 
}

.source{
	color: #fff;
	position: absolute;
   bottom: 8px;
   left: 16px;
   font-size: 0.8em;
}

.contentvid{position: relative}

.scopri{
	position: absolute;
   bottom: 16px;
   left: 16px;
   color: #e9690e;
}

#segui {padding-left: 20px;}

#page_footer-social {padding-top: 35px; padding-bottom: 35px; background-color: #363636; color: #e96b0d;}
#social-text{font-size: 0.85em;}
.social-icona{font-size: 1.2em;}
.social-nome{font-size: 0.85em;}
.social-footer {margin: 0px; padding: 0px; border: 0px; list-style: none; display: inline;}
.social-footer li{ display: inline; padding-left: 15px;}
.social-footer li a{ color: #e9690e; text-decoration: none;}
.social-footer li a:hover{opacity: 0.6;}
.social-footer li a:visited{ color: #e9690e;}

#footer {padding-top: 35px; padding-bottom: 35px; background-color: #fff; color: #aaa; font-size: 0.85em;}
#footer a{ color: #aaa; text-decoration: none;}
#footer  a:hover{opacity: 0.6;}
#footer a:visited{ color: #aaa;}

#gdpr-form, #gdpr-desc{
   font-size: 0.9em;
}

.text-cookie-name{
  // font-size: 1em;
}

.text-toogle[aria-expanded=false] .text-expanded {
  display: none;
}
.text-toogle[aria-expanded=true] .text-collapsed {
  display: none;
}
.chbutt {width: 25px; height: 25px;}