body{
	font-family: "Nunito Sans", sans-serif;
	font-size:16px;
	line-height:1.6em;
	overflow-x:hidden;
	color:#000;	
}

a, p, ul, li, div, table, h1, h2, h3, h4, h5, h6, btn, input, section{font-family: "Nunito Sans", sans-serif;}

h1{font-size:3em;font-weight:900;}
h2{font-weight:900;}

.text-title-news{font-size:1.4em;font-weight:600;}
.reading-time {
  font-size: 9px;
  display: inline-block;
  margin-top: 9px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.alert-info{background-color:#9cdb99;border:0;padding:8px 15px;border-radius:0;}
.alert-info span{font-size:15px;color:#000;}

p{
	font-size:16px;
	line-height:1.6em;
}

a{color:#000;text-decoration:none;}
a:hover{color:#000;text-decoration:underline;}
a:active, a:focus{color:#000;}

.link{font-weight:bold;text-decoration:none;border-bottom:4px solid #000;}
a:hover.link{font-weight:bold;text-decoration:none;border-bottom:4px solid #a2e44d;}

ul.listnone{padding:0;margin:0;list-style-type:none;}
ul.listnone li{}

.nav-link{color:#000;font-weight:bold;}
.nav-link:hover, .nav-link:focus{color:#000;}
.nav-link.active{color:#000;text-decoration:underline;}

.btn{border-radius:3px;font-weight:bold;}

.btn-secondary {
	color: #000;
	border:1px solid #000;
	background:transparent;
}
.btn-secondary:hover {
	color:#000;
	border:1px solid #000;
	background:transparent;
	}
.btn-secondary:active, .btn-secondary:focus {
	color:#000;
	border:1px solid #000;
	background:transparent;
}

.btn-primary{
	color:#000;
	border:1px solid #a2e44d;
	background:#a2e44d;
	}
.btn-primary:hover{
	
	color:#fff;
	border:1px solid #000;
	background:#000;
	text-decoration:none;
}
.btn-primary:active, .btn-primary:focus{
	color:#fff;
	border:1px solid #000;
	background:#000;
	text-decoration:none;
	
}

.btn-secondary{
	color:#000;
	border:none;
	background:trasparent!important;
	}
.btn-secondary:hover{
	
	color:#333;
	border:none;
	background:trasparent!important;
}
.btn-secondary:active, .btn-secondary:focus{
	color:#333;
	border:none;
	background:trasparent!important;
	--bs-btn-active-bg: trasparent!important;
	
}

/* table index content*/ 
#boxindex{background:#f1f1f1;border-radius:15px;}
.title_index_content{font-weight:600;margin-bottom:15px;}
.list_index{}

#header{ width:100%;z-index: 9999;}
#hero{ width:100%;z-index: 9999;}
#intro{ width:100%;z-index: 9999;padding:80px 0px;}
#service{ width:100%;z-index: 9999;padding:80px 0px;}
#news{ width:100%;z-index: 9999;padding:80px 0px;}

#hero_3{ width:100%;z-index: 9999;padding:80px 0px;background-color:#f1f1f1;} 
#hero_4{ width:100%;z-index: 9999;padding:80px 0px;} 

#footer{ width:100%;z-index: 9999;padding:120px 0px;}
#footer {
	background-color: #a2e44d; 
	color: #000;
	/*padding: 40px;
    background-image: url(../images/footer-route.png);
    background-position: bottom;
    background-repeat: no-repeat;
	*/
}
#footer ul li a {
  color: #000;
}

#copyright{ width:100%;z-index: 9999;padding:15px 0px;}

#breadcrumbs{padding:15px 0px;}
#page{padding:50px 0px;}


#slam{position:absolute;width:100%;height:100%;padding:250px 0px;}

/**/
ul.nav-list-menu > li > a {
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
}
ul.nav-list-menu > li {
  display: inline;
  padding: 10px 25px;
}


#sidebarCollapse {
  width: 25px;
  height: 15px;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
  margin-right:10px;
  margin-top:-5px;
 

}

#sidebarCollapse span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #000;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}

#sidebarCollapse span:nth-child(1) {
  top: 0px;
}

#sidebarCollapse span:nth-child(2) {
  top: 8px;
}

#sidebarCollapse span:nth-child(3) {
  top: 16px;
}

#sidebarCollapse.open span:nth-child(1) {
  top: 8px;
  transform: rotate(135deg);
}

#sidebarCollapse.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#sidebarCollapse.open span:nth-child(3) {
  top: 8px;
  transform: rotate(-135deg);
}


#sidebar{	
    position: fixed!important;
	width: 100%!important;
    top: 80px;
    left: -100%;
    height: 100vh!important;	
    z-index: 998;
    background: #fff;
    transition: all 0.3s;
    overflow-y: scroll!important;
	border-right:1px solid #e8e8e8;
	max-width:100%;
	}
	
	#sidebar.active {
    left: 0;
	}
	
	
#side-link{width:100%!important;height:100%;padding-bottom:100px;}

#side-link>li{border-bottom:1px solid #e8e8e8;}

#side-link.dropdown-toggle { outline: 0;border:0;}
#side-link.dropdown-toggle:hover{background:#f1f1f1;text-decoration:none;}
#side-link.dropdown-toggle.show{background:#f1f1f1;text-decoration:none;}

#side-link.btn-toggle {
	padding: 0.9rem 1rem;
	font-size: 15px;
	line-height: 1.6em;
	background-color: transparent;
	width:100%;
	font-weight: 600;
}

#side-link.btn-toggle:hover,
#side-link.btn-toggle:focus {
  color: rgba(0, 0, 0, .85);
  background-color: #f1f1f1;
}

#side-link.btn-toggle::after {
  width: 1.25em;
  line-height: 0;
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
  transition: transform .35s ease;
  transform-origin: .5em 50%;

  position:absolute;
  right:0;
  margin-right:15px;


}

#side-link.btn-toggle[aria-expanded="true"] {
  color: rgba(0, 0, 0, .85);
}
#side-link.btn-toggle[aria-expanded="true"]::after {
  transform: rotate(90deg);
}

#side-link.btn-toggle-nav a {
  padding: .1875rem .5rem;
  margin-top: .125rem;
  margin-left: 1.25rem;

}
#side-link.btn-toggle-nav a:hover,
#side-link.btn-toggle-nav a:focus {
  background-color: #cfe2ff;
}

#side-link.scrollarea {
  overflow-y: auto;
}

#side-link.dropdown-toggle:after {
    display: none;
}

.nav-link-header{font-size:18px;line-height: 1.6em;padding: 0.9rem 1rem;font-weight: 600;}
.nav-link-header:hover, .nav-link-header:focus{line-height: 1.6em;padding: 0.9rem 1rem;font-weight: 600;}
.nav-link-header.active{line-height: 1.6em;padding: 0.9rem 1rem;font-weight: 600;text-decoration:none;}


.nav-link{line-height: 1.6em;padding: 1rem 1rem;font-weight: 400;font-size:22px;}
.nav-link:hover{text-decoration:none;background:#f1f1f1;}
.nav-link.active{text-decoration:none;background:#f1f1f1;}
.nav-link::after {
  width: 1.25em;
  line-height: 2em;
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
  transition: transform .35s ease;
  transform-origin: .5em 50%;
  position:absolute;
  right:0;
  margin-right:15px;

}

.nav-link-list{line-height: 1.6em;padding: 0.9rem 1rem;position:relative;width:100%;}
.nav-link-list:hover{text-decoration:none;background:#f1f1f1;}
.nav-link-list.active{text-decoration:none;background:#f1f1f1;}
.nav-link-list::after {
  
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
  /*
  width: 1.25em;
  line-height: 2em;
  transition: transform .35s ease;
  transform-origin: .5em 50%;
  position:absolute;
  right:0;
  margin-right:15px;
  height:100%;*/
  
  position:absolute;
  right:0;
  margin-right:15px;
  top: 0;
  bottom: 0;
  align-content: center;
}






.simple-list{list-style:none;}

.btn-outline-primary {
  color: #000;
  border: 1px solid #000;
  background: none;
}
.btn-outline-primary:hover {
  color: #000;
  border: 1px solid #000;
  background: none;
}

ul.helplist {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.helplist li {
  margin-top: 5px;
  padding: 0;
}


#where{padding:80px 0px;background-color:#f1f1f1;}
#who{padding:80px 0px;background-color:#fff;}
#partner{padding:80px 0px;background-color:#f1f1f1;}

a.lpr{font-weight:600;text-decoration:none;}
a.lpr:hover{font-weight:600;text-decoration:none;color:#000;}

.eh1 {
  font-size: 3em;
  font-weight: 900;
  color: #2a9e48;
}
.eh2 {
  font-weight: bold;
}


/* Stili personalizzati per la modal preventivo */

#preventiveModal .modal-content {
    border-radius: 10px;
    border: none;
    box-shadow: 0 5px 25px rgba(0,0,0,0.2);
}

#preventiveModal .modal-header {
    background: linear-gradient(135deg, #2a9e48 0%, #51c35d 100%);
    color: white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: none;
}

#preventiveModal .modal-title {
    font-weight: bold;
}

#preventiveModal .close {
    color: white;
    opacity: 1;
    text-shadow: none;
}

#preventiveModal .close:hover {
    color: #f0f0f0;
}

#preventiveModal .form-group label {
    color: #333;
    font-size: 14px;
}

#preventiveModal .form-control {
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 10px 15px;
    transition: all 0.3s ease;
}

#preventiveModal .form-control:focus {
    border-color: #51c35d;
    box-shadow: 0 0 0 0.2rem rgba(81, 195, 93, 0.25);
}

#preventiveModal .custom-control-label {
    font-size: 14px;
    color: #666;
}

#preventiveModal .custom-control-label a {
    color: #2a9e48;
    text-decoration: underline;
}

#preventiveModal .custom-control-label a:hover {
    color: #51c35d;
}

#preventiveModal .btn-primary {
    background: linear-gradient(135deg, #2a9e48 0%, #51c35d 100%);
    border: none;
    padding: 10px 30px;
    border-radius: 5px;
    font-weight: bold;
    transition: all 0.3s ease;
}

#preventiveModal .btn-primary:hover {
    background: linear-gradient(135deg, #238a3d 0%, #45b350 100%);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(42, 158, 72, 0.3);
}

#preventiveModal .btn-secondary {
    border-radius: 5px;
    padding: 10px 30px;
}

/* Stile per gli input con autocomplete Google Maps */
.pac-container {
    z-index: 9999 !important;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    margin-top: 5px;
}

.pac-item {
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid #f0f0f0;
}

.pac-item:hover {
    background-color: #f8f9fa;
}

.pac-icon {
    margin-right: 10px;
}

/* Animazione per il messaggio di feedback */
#form-message {
    animation: slideDown 0.3s ease;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive */
@media (max-width: 768px) {
    #preventiveModal .modal-dialog {
        margin: 10px;
    }
    
    #preventiveModal .modal-content {
        border-radius: 5px;
    }
}

/* Fix per evitare che il body faccia scroll quando la modal è aperta */
body.modal-open {
    overflow: hidden;
}