/***************
variables
*************/
:root {
  
  --color1: #A4B33F; 
--color1: #2c4a28;
}

a { color: #74787c; }
/****************************
	reset
***************************/
/*
  Josh's Custom CSS Reset
  https://www.joshwcomeau.com/css/custom-css-reset/
*/
*, *::before, *::after {
  box-sizing: border-box;
}
* {
  margin: 0;
}
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}
input, button, textarea, select {
  font: inherit;
}
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}





html {
  scroll-behavior: smooth;
	

  scroll-padding-top: 100px; /* height of sticky header */

}
/****************************
	header
***************************/



#header {
	background: #000 url("../img/bg.webp") no-repeat;
	background-size: cover;
	/*background-position: 0 -20%;*/
	background-position: 0 20%;
	padding: 45px 65px 160px 65px;
	height: 100vh;
	min-height: 600px;
	
	box-shadow: inset 0 0 0 1000px rgba(0,0,0,.3);
	
	/*background-attachment: fixed;*/
}
@media ( max-width: 990px ) {
	#header {
		padding: 40px 0 80px 0;
		background-position: 50% 50%;
	}
}
#head-txt {
	padding: 50px;
	margin: 200px auto 0;
	/*background-color: rgba(0,0,0, .5);*/
	max-width: 650px;
	text-align: center;
}

/* page header */
#header.header2 {
	height: 680px;
	min-height: 680px;
	background: #000 url("../img/bg.webp") no-repeat;
	background-size: cover;
	background-position: 50% 45%;
	
	position: relative;
	
	
	/*background-attachment: fixed;*/
}
#header.header2 #head-txt2 {
	margin: 290px -65px 0 -65px;
	padding: 20px 0 35px;
	/*background-color: rgba(0, 0, 0, 0.4);*/
}
#header.header2 #head-txt2 h1 {
	text-align: left;
	text-transform: uppercase;
}
#header.header2 #head-txt2 h2 {
	text-align: left;
	font-size: 22px;
}



#header.header2 .onde {
	height: 170px; 
	overflow: hidden; 
	position:absolute; 
	bottom: -3px; 
	width: 100%;
	left: 0;
}
#header.header2 .onde svg {
	height: 100%; 
	width: 100%;
}
#header.header2 .onde svg path {
	stroke: none;
	fill: #fff;
}



@media ( max-width: 990px ) {
	#header.header2 {
		height: 520px;
		min-height:520px;
	}
	#header.header2 #head-txt2 {
		margin: 200px 0 0 0;
		padding: 20px 0 35px;
	}
	#header.header2 .onde {
		height: 120px; 
	}
}





#header h1 {

	font: 700 42px/1.5 "Poppins", sans-serif;
	color: #FFF;
	/*max-width: 700px;*/
	text-shadow: 0px 0px 3px #000;
	text-align: center;
	
	
	letter-spacing: 1px;
}

#header h2 {
   font: 300 24px/1.5 "Poppins", sans-serif;
	font: 400 24px/1.5 "Lato", sans-serif;
	color: #FFF;
	/*max-width: 550px;*/
	text-shadow: 0px 0px 3px #000;
	letter-spacing: 1px;
	
	text-align: center;
}

#header .btn {
   font: 300 24px/60px "Poppins", sans-serif;
	color: #FFF;
	border: solid 2px #FFF;
	border-radius: 30px;
	padding: 0 35px;
	text-decoration: none;
	display: inline-block;
	margin-top: 40px;
	/*text-shadow: 0px 0px 2px #000;
	box-shadow: 0 0 2px #000;*/
	
	background: var(--color1);
	color: #FFF;
	border-color: var(--color1);
}
#header .btn.btnX {
      font: 600 24px/60px "Poppins", sans-serif;
	letter-spacing: 1px;
	color: #FFF;
	border: solid 2px #FFF;
	border-radius: 30px;
	padding: 0 35px;
	text-decoration: none;
	display: inline-block;
	margin-top: 40px;
	text-shadow: 0px 0px 2px #000;
	box-shadow: 0 0 2px #000;
	background: transparent;
}


@media ( max-width: 990px ) {
	#head-txt {
		padding: 150px 25px 20px;
		margin: 0;
	}
	#header h1 {
		font-size: 24px;
	}
	#header h2 {
		font-size: 18px;
	}
	#header .btn { 
		font-size: 18px;
	}
	#header.header2 #head-txt2 h2 {
		font-size: 17px;
		font-weight: 500;
	}
}

/* menu */



#menu {
	background: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;

	padding: 30px 65px 20px 65px;
	z-index: 20;
	
	border-bottom: solid 1px #E7E7E7;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.075);
	
	
	transition: 0.2s;
	
	 background: rgba(44, 74, 40, 0.99);
	border-bottom: 0;
	  
}
@media ( max-width: 990px ) {
	#menu {
		padding: 25px 0;
	}
}
#menu a {
	display: inline-block;
	line-height: 1;
}
#menu img {
  max-width: 225px;
	display: inline-block;
}

#header ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
	display: inline-block;
	float: right;
	margin-top: 4px;
}

#header li {
  float: left;
}

#header li a {
  display: block;
  color: var(--color1);
  text-align: center;
  padding: 14px 17px;
  text-decoration: none;
  font: 400 18px 'Poppins', sans-serif;
  /*text-transform: uppercase;*/
	font: 600 18px 'Poppins', sans-serif;
	letter-spacing: 0.5px;
	
	color: #fff;
}

/* Change the link color to #111 (black) on hover */
#header li a:hover {
  /*background-color: #111;*/
}
/*#header li a.active {
  background-color: #04AA6D;
}*/



/* underline effect */

#header li a::before {
  transition: 300ms;
  height: 4px;
  content: "";
  position: absolute;
  background-color: var(--color1);
}
#header /* .menuT */ li a::before {
	
	background-color: #FFF;
}
#header li a::before {
  width: 0%;
  bottom: 26px;
}

#header li:not(.noLine) a:hover::before,
#header li:not(.noLine) a.active::before {
  width: 60px;
}
@media ( max-width: 990px ) {
	#header li a:hover::before,
	#header li a:active::before {
	  width: 0%;
	}
}

/* submenu */

#header ul li ul {
	
	display: none;
	position: absolute;
  background-color: var(--color1);
  width: 250px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
	margin-top: -5px;
	
	transition: 0.2s;
}

#header ul li ul li a {
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
width: 250px;
}

#header ul li ul li a:hover {
	background-color: #233B20
}

#header ul li ul li a:hover::before {
  width: 0 !important;
}

#header .menuT ul li ul {
  background-color: transparent;
}
#header .menuT ul li ul li a {

}


#header ul li:hover ul {
  display: block;
}


/* menu trasp */

.menuT {
	background: transparent !important;
	border-bottom: 0 !important;
    box-shadow: none !important;
}
.menuT li a {
  color: #FFF !important;
  text-shadow: 0px 0px 3px #000;
}

/* burger menu */ 

.burger {
    width: 36px;
    height: 24px;
    cursor: pointer;
    right: 7%;
    top: 48px;
    z-index: 5000;
	float:right; 
	background: transparent; 
	border: none; 
	position: absolute;
}

.burger span {
    width: 100%;
	width: 24px;
    height: 4px;
    background-color: var(--color1);
    border-radius: 12px;
    display: block;
    transition: background-color 0.5s ease-in-out;
	
	background-color: #FFF;
}

.burger span::before,
.burger span::after {
    content: "";
    width: 100%;
	width: 24px;
    background-color: var(--color1);
    display: block;
    transition: all 0.5s ease-in-out;
    border-radius: 12px;
    height: 4px;
	
	background-color: #FFF;
}
.burger span::before {
    transform: translateY(-10px);
}
.burger span::after {
    transform: translateY(10px);
    margin-top: -4px;
}
.burger.active span {
    background-color: transparent;
}
.burger.active span::before {
    transform: rotateZ(45deg) translateY(0);
}
.burger.active span::after {
    transform: rotateZ(-45deg) translateY(0);
}

.menuT .burger span,
.menuT .burger span::before,
.menuT .burger span::after {
	background-color: #FFF;
}
.menuT .burger.active span {
    background-color: transparent;
}
/*-------------------------------------------
	menu offcanvas
-------------------------------------------*/

#mySidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1001;
  top: 0;
  left: 0;
 background-color: #FFF;
 background: rgba(17, 17, 17, 0.87);
  overflow-x: hidden;
  /*transition: 0.4s;*/
  padding-top: 17px;
	
	
	 background: #FFF;
	
	transition: 0.2s;
	
	
	
	
	background-color: var(--color1);
	
	box-shadow: 5px 0 5px -2px rgba(0, 0, 0, 0.075);
	
	
}

#mySidenav .slogo {
	margin-bottom: 15px;
	margin-left: -1px;
}
#mySidenav a {
  padding: 8px 8px 8px 26px;
  text-decoration: none;
 font: 400 18px 'Poppins', sans-serif;
  color: var(--color1);
  display: block;
  transition: 0.3s;
  width: 250px;
	letter-spacing: 1px;
	/*text-transform: uppercase;*/
	
	
	color: #FFF;
}

#mySidenav a:hover {
  color: #f1f1f1;
}

#mySidenav a i.fas {
	margin-left: 6px;
	font-size: 16px;
	margin-top: 3px;
}

#mySidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
	width: auto;
}
#mySidenav .sfollow {
	padding: 40px 8px 8px 26px;
	display: block;
	width: 250px;
	
}
#mySidenav .sfollow a {
	width: auto;
	display: inline-block;
	margin-right: 12px;
	padding: 0;
	
}
#mySidenav .sfollow a img {
	height: 30px;
}


#mySidenav a.ocsub {
  color: #FFF;
  font-size: 16px;
  padding-left: 38px;
}

#mySidenav a.active {
	font-weight: 700;
  }

/****************************
	content
***************************/

.section1 { 
	max-width: 980px;
	margin: 0 auto;
	
	background-color: #F4F2F3;
	padding: 60px 65px 35px;
}
@media ( max-width: 990px ) {
	.section1 {
		padding: 40px 25px 30px 25px;
		
		max-width: 92%;
	}
}

.iwbg2 {
	background: url(../img/bg2.webp);
	background-repeat: no-repeat;
	background-size: cover;
}
.iwbg2 .section1 {
	background: transparent;
}
@media ( max-width: 990px ) {
	.iwbg2 {
		background-position: 50%;
		background-size: cover;
	}
}

h3 {
	font: 500 32px/1 'Roboto', sans-serif;
	text-align: center;
	text-transform: uppercase;
	color: var(--color1);
	margin-bottom: 50px;
}
h3:before, h3:after {
  content:'\00a0\00a0\00a0\00a0';
  text-decoration: line-through;
  margin: auto 0.5em;
}
@media ( max-width: 990px ) {
	h3 {
		font: 500 18px/1 'Roboto', sans-serif;
	}
}



.title3 {
	font: 700 24px/1 'Poppins', sans-serif;
	 color: var(--color1); 
	margin-bottom: 30px;
	
	text-align: left;
	text-transform: none;
}
.title3:before, .title3:after {
  content:'';
  text-decoration: none;
  margin: 0;
}


p {
	font: 300 17px/24px 'Poppins', sans-serif; 
	color: rgba(81,81,71,1);
	margin-bottom: 20px;
}

.btn2 {
   font: 600 24px/60px "Poppins", sans-serif;
	letter-spacing: 1px;
	background: var(--color1);
	color: #FFF;
	border: solid 2px var(--color1);
	border-radius: 30px;
	padding: 0 35px;
	text-decoration: none;
	display: inline-block;
	margin-top: 40px;
}

.btn3 {
	background: var(--color1);
    font: 600 24px/60px "Poppins", sans-serif;
	letter-spacing: 1px;
	display: block;
	width: 100%;
	color: #FFF;
	padding: 0 20px;
	text-decoration: none;
	margin-top: 20px;
}


p strong {
	font-weight: 500;
}
@media ( max-width: 990px ) {
	p {
		font: 300 15px/24px 'Poppins', sans-serif; 
	}
}	


/* VECCHIO DINAMICO */
.flex-container {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
	margin: 0 -20px;
}

.flex-container > .flex-item {
  margin: 20px;
}

@media ( max-width: 990px ) {
	.flex-container {
  	 	flex-wrap: wrap;
	}
}

.flex-item  p {
	margin: 20px 0;
	color: rgba(81,81,71,1);
	font: 300 17px/1 'Roboto', sans-serif;
	
}

/* testo img chi siamo in homepage */
.iw_caption {
	position: relative;
}
.iw_caption p {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
	margin:0;
	padding: 20px 0;
	color: #FFF;
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	font: 300 17px 'Poppins', sans-serif;
}
.iw_caption p strong {
	font-weight: 500;
}
/*
.card {
	background: #FFF;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
*/

/* cosa facciamo */
  .flex_container4 {
    display: flex;
    flex-wrap: wrap;
	  margin: 0 -20px;
  }
  
  .flex_container4 .column {
    flex: 1 1 25%;
    max-width: 25%;
    padding: 0 20px;
  }
  
  .flex_container4 .column img {
    width: 100%;
    height: auto;
  }
  
  .flex_container4 .column h4 {
    color: var(--color1);
	  margin: 20px 0 10px;
	  font: 700 18px/26px 'Poppins', sans-serif;
  }

	.flex_container4 .column p {
		margin: 0;
		color: rgba(81,81,71,1);
		font: 300 17px/26px 'Poppins', sans-serif; 
	}



  @media (max-width: 768px) {
    .flex_container4 .column {
      flex: 1 1 100%;
      max-width: 100%;
		margin-bottom: 30px;
		
    }
  }


/* 3 columns */
  .flex_container3 {
    display: flex;
    flex-wrap: wrap;
	  margin: 0 -20px;
  }
  
  .flex_container3 .column {
    flex: 1 1 25%;
    max-width: 33.33%;
    padding: 0 20px;
  }
  
  .flex_container3 .column img {
    width: 100%;
    height: auto;
  }
  
  .flex_container3 .column h4 {
    color: var(--color1);
	  margin: 20px 0 10px;
	  font: 700 18px/26px 'Poppins', sans-serif;
  }

	.flex_container3 .column p {
		margin: 0;
		color: rgba(81,81,71,1);
		font: 300 17px/26px 'Poppins', sans-serif; 
	}



  @media (max-width: 768px) {
    .flex_container3 .column {
      flex: 1 1 100%;
      max-width: 100%;
		margin-bottom: 30px;
		
    }
  }




/* intro */
 .flex_container2 {
    display: flex;
    flex-wrap: wrap;
	 margin: 0 -20px;
	 justify-content: space-between;
	 
  }

   .flex_container2 .column-60 {
    flex: 1 1 60%;
    max-width: 60%;
    padding: 0 20px;
}
	.flex_container2 .column-60 p {   
	   font: 300 17px/24px 'Poppins', sans-serif; 
	   color: rgba(81,81,71,1);
		margin-bottom: 20px;
  }

   .flex_container2 .column-40 {
    flex: 1 1 36%;
    max-width: 36%;
    padding: 0 20px;
  }
   .flex_container2 .column-40 img {
    width: 100%;
	   /*margin-left: 25px;*/
  }

  @media (max-width: 768px) {
	 .flex_container2 .column-60 {  
      flex: 1 1 100%;
      max-width: 100%;
    }
	.flex_container2 .column-40 {
		flex: 1 1 100%;
      max-width: 100%;
	  }
  }


/* chi siamo */
 .flex_container2 {
    display: flex;
    flex-wrap: wrap;
	 margin: 0 -20px;
  }

   .flex_container2 .column-50 {
    flex: 1 1 50%;
    max-width: 50%;
    padding: 0 20px;
}
	.flex_container2 .column-50 p {   
	   font: 300 17px/24px 'Poppins', sans-serif; 
	   color: rgba(81,81,71,1);
		margin-bottom: 20px;
  }


   .flex_container2 .column-50 img {
    max-width: 100%;
  }

  @media (max-width: 768px) {
	 .flex_container2 .column-50 {  
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

/* form */
.label1 {
	font: 300 17px/24px 'Poppins', sans-serif; 
	   color: rgba(81,81,71,1);
}

.input1 {
	border: solid 1px #CCC;
	border-radius: 3px;
	background: #f9f9f9;
	 color: #666;
	 font: 400 16px/24px 'Poppins', sans-serif; 
	 padding: 3px 7px;
}
.input1::placeholder {
  color: #f9f9f9;
  opacity: 1; /* Firefox */
}

.input1::-ms-input-placeholder { /* Edge 12 -18 */
  color: #f9f9f9;
}

.select1 {
	padding: 4px;
	color: #666;
	font: 400 16px/24px 'Poppins', sans-serif; 
}

table.hours {
	margin: 0;
	padding: 0;
	border: 0;
	margin-bottom: 40px;
	width: 90%;
}
table.hours td {
	font: 300 17px/24px 'Poppins', sans-serif;
	color: rgba(81,81,71,1);
	padding: 0px;
}

/* recaptcha */

.g-recaptcha-outer{
	margin-bottom: -8px;
	padding-left: 12px;
    text-align: left;
    border-radius: 3px;
    background: #f9f9f9;
    border: solid 1px #CCC;
	overflow: hidden;
}
.g-recaptcha-inner{
    width: 290px;
    height: 74px;
    overflow: hidden;
    margin: 0;
}
.g-recaptcha{
    position:relative;
    left: -2px;
    top: -1px;
}

/* utility */
.cgrey { color: rgb(118, 118, 118) }
.cwhite { color: #fff }

.fwb { font-weight: bold; }

.floatl { float: left; }
.floatr { float: right; }
.tcenter { text-align: center; }
.tright { text-align: right; }

.m0 { margin: 0; }
.mb0 { margin-bottom: 0px; }
.mb1 { margin-bottom: 10px; }
.mb2 { margin-bottom: 20px; }
.mb3 { margin-bottom: 30px; }
.mb4 { margin-bottom: 40px; }
.mt0 { margin-top: 0px; }
.mt1 { margin-top: 10px; }
.mt2 { margin-top: 20px; }
.mt3 { margin-top: 30px; }
.mt4 { margin-top: 40px; }
.ml4 { margin-left: 40px; }
.mr4 { margin-left: 40px; }

@media (max-width: 700px) { .mb3m { margin-bottom: 30px; } }


.p0 { padding: 0; }
.p1 { padding: 10px; }
.p2 { padding: 20px; }
.p3 { padding: 30px; }
.pt2 { padding-top: 20px; }
.pt3 { padding-top: 20px; }
.pt4 { padding-top: 40px; }
.pb0 { padding-bottom: 0; }
.pb1 { padding-bottom: 10px; }
.pb2 { padding-bottom: 20px; }
.pb3 { padding-bottom: 30px; }
.pb4 { padding-bottom: 40px; }
.pl3 { padding-left: 30px; }
.pl4 { padding-left: 40px; }
.pr3 { padding-right: 30px; }
.pr4 { padding-right: 40px; }

@media (max-width: 700px) { .pt0m { padding-top: 0; } }
@media (max-width: 700px) { .pt1m { padding-top: 10px; } }
@media (max-width: 700px) { .pt2m { padding-top: 20px; } }
@media (max-width: 700px) { .pt3m { padding-top: 30px; } }
@media (max-width: 700px) { .pt4m { padding-top: 40px; } }
@media (max-width: 700px) { .pb0m { padding-bottom: 0; } }
@media (max-width: 700px) { .pb1m { padding-bottom: 10px; } }
@media (max-width: 700px) { .pb2m { padding-bottom: 20px; } }
@media (max-width: 700px) { .pb3m { padding-bottom: 30px; } }
@media (max-width: 700px) { .pb4m { padding-bottom: 40px; } }
@media (max-width: 700px) { .pl0m { padding-left: 0; } }
@media (max-width: 700px) { .pr0m { padding-right: 0; } }


.bgwhite { background-color: #FFF; }
.bglite { background-color: #F4F2F3; } /* #F8F8F8;*/
.w100 { width: 100%; }
.w75 { width: 75%; }
.w50 { width: 50%; }
.w25 { width: 25%; }
.w0 { width: 0%; }
.w33 { width: 33.33%; }
.w66 { width: 66.66%; }

.showi { display: inline-block; }
.showb { display: block; }
.show0 { display: none; }

@media ( min-width: 990px ) { .showm { display: none; } }
@media ( max-width: 990px ) { .showm { display: inline-block; } }


@media ( max-width: 990px ) { .showmb { display: block !important; } }
@media ( min-width: 990px ) { .showmb { display: none !important; } }

@media ( max-width: 990px ) { .showdi { display: none !important; } }
@media ( min-width: 990px ) { .showdi { display: inline-block; } }

@media ( max-width: 990px ) { .showdb { display: none !important; } }
@media ( min-width: 990px ) { .showdb { display: block; } }

.border0 { border: 0; }
.border { border: solid 1px #ccc; }
.border2 { border: solid 1px rgb(118, 118, 118); }
.radius { border-radius: 5px; }

.fo1 { order: 1; }
.fo2 { order: 2; }
@media (max-width: 700px) { .fo1m { order: 1; } }
@media (max-width: 700px) { .fo2m { order: 2; } }

/****************************
	footer
***************************/

/*#footer0 {
	background: url("../img/footer2.png") 65px bottom no-repeat;
	height: 140px;
	margin-top: -140px; 
	
}*/
#footer1 {
	background: #fff url("../img/footer2.png") bottom left repeat-x;
	height: 52px;
	margin-top: 45px;
}

footer {
	background: #282627;
	color: #FFF;
	padding: 60px 0 120px 0;
	
	position: relative;
	
	background: #2c4a28;
}

footer .flex-item h4 {
	font: 500 20px/1 'Roboto', sans-serif;
	font: 700 20px/1 "Sintony", "Helvetica", "Arial", "Lucida", "sans-serif" !important;
	
	margin: 0 0 20px 0;
	color: #fff;
	
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 26px;
}
footer .flex-item h4 a {
	cursor: default;
	text-decoration: none;
	color: #fff;
}
footer .flex-item h4 a img {
	display: none;
}

footer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
	margin-bottom: 25px;
	
	height: auto;

}

footer li a {
  display: block;
  color: #fff;
  padding: 8px 16px 8px 0;
  text-decoration: none;
  font: 400 17px/1 'Roboto', sans-serif;
	
  font: 500 16px/1 "Sintony", "Helvetica", "Arial", "Lucida", "sans-serif" !important;
}

footer .flex-item img {
	max-width: 180px;
}



#copyright {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	min-height: 80px;
	/*margin: 45px -65px 0;*/
	padding: 20px 65px;
	background: #233B20;
}
#copyright #copyright1 { 
	float: left;
	font: 300 17px/32px 'Roboto', sans-serif;
}
#copyright #copyright1 a {
	text-decoration: none;
	color: #fff;
	display: inline-block;
}
#copyright #copyright2 {
	float: right;
}
#copyright #copyright2 a {
	margin-left: 10px;
	display: inline-block;
}



@media ( max-width: 990px ) {
	footer {
		padding: 0 0 145px	
	}
	footer .flex-item:not(:last-child) {
		margin: 0;
		padding: 20px;
		border-bottom: solid 1px #233B20;
	}
	footer .flex-item h4 {
		margin: 5px 5px 0 5px;
	}
	footer .flex-item h4 a {
		cursor: pointer;
		display: block;
		font-size: 17px;
		
		-webkit-tap-highlight-color: transparent !important;
		outline: none !important;
	}
	footer .flex-item h4 a img {
		display: block;
		float: right;
		transition: transform 200ms ease-in-out;
		maring-right:10px;
	}
	footer .flex-item h4 a img.opened {
	  transform: rotate(-180deg);
	}
	footer .flex-item ul {
		height: 0;
		overflow: hidden;
		transition: all 0.5s ease-in-out;
		margin-bottom: 0;
		margin-left: 5px;
	}
	footer .flex-item ul li:first-child {
		padding-top: 20px;
	}
	footer .flex-item ul li:last-child {
		padding-bottom: 10px;
	}	
	#copyright {
		padding: 0;
		background: #2c4a28
	}
	#copyright #copyright1, #copyright #copyright2 {
		float: none;
		text-align: center;
	}
	footer .flex-item {
		width: 100%;
	}
	footer #iw_footer_logo {
		margin: auto;
		display: block;
		width: 160px;
		margin-top: 20px;
	}
	footer #iw_footer_logo img {
		width: 160px;
	}
	#copyright #copyright1 {
		margin-top: 25px;
		font: 300 15px/32px 'Roboto', sans-serif;
		background: #233B20;
        margin: 30px -4% 0;
        padding: 20px 0;
	}
}

/* back on top */

#backtop {
    position: fixed;
	z-index: 102;
    bottom: 22px;
    right: 25px;
	width: 48px;
	height: 48px;
    background: var(--color1) url('../img/top.png') no-repeat;
	background-size: 30px 30px;
	background-position: center center;
    display: none;
	border-radius: 24px;
}

@media ( max-width: 991px ) {

	#backtop {
		/*display: none !important;*/
		/*bottom: 62px;
		right: 0;
		zoom: 50%;*/
	}	
}

/************************
galleria 2 colonne
*******************************/

.galleryRow {
  display: flex;
  flex-wrap: wrap;
  padding: 0 -4px;
}

/* Create four equal columns that sits next to each other */
.galleryRow .column {
  flex: 50%;
  max-width: 50%;
  padding: 0 4px;
}

.galleryRow .column img {
  margin-top: 8px;
  vertical-align: middle;
	width: 100%;
	max-width: 100%;
	
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

.galleryRow .column img:hover {opacity: 0.7;}

/* Responsive layout - makes a two column-layout instead of four columns */
@media (max-width: 800px) {
  .galleryRow .column {
    flex: 50%;
    max-width: 50%;
  }
}

/************************
galleria 3 colonne
*******************************/

.galleryRow3 {
	display: flex;
	flex-wrap: wrap;
	padding: 0 -4px;
  }
  
  /* Create four equal columns that sits next to each other */
  .galleryRow3 .column {
	flex: 33%;
	max-width: 33%;
	padding: 0 4px;
  }
  
  .galleryRow3 .column img {
	margin-top: 8px;
	vertical-align: middle;
	  width: 100%;
	  max-width: 100%;
	  
	border-radius: 5px;
	cursor: pointer;
	transition: 0.3s;
  }
  
  .galleryRow3 .column img:hover {opacity: 0.7;}
  
  /* Responsive layout - makes a two column-layout instead of four columns */
  @media (max-width: 800px) {
	.galleryRow3 .column {
	  flex: 50%;
	  max-width: 50%;
	}
  }
  
  /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
  @media (max-width: 600px) {
	.galleryRow3 .column {
	  flex: 100%;
	  max-width: 100%;
	}
  }


/*******************************/
/* gallery img modal zoom */
/*******************************/

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1000; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
/*#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}*/

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}	


/***************** pagina contatti ************/

.company {
	background: #f9f9f9; 
	padding: 50px; 
	margin: 50px 0 0 50px;
}
.company a {
	color: rgba(81,81,71,1);
	text-decoration: none;
}
@media only screen and (max-width: 700px){
  .company {
    margin: 50px -4% 0;
	  padding: 50px 5%;
  }
}	



/************* pagina chi siamo **********/

.flex_container3.iw_teams {
	margin-bottom: 35px;
}
.iw_team_wrap {
	height: 100%;
	/* border: dotted 1px #CCB; */
	
	
	/*background: url('../img/bg2.webp') no-repeat bottom right;
	background-size: cover;*/
	
	border-radius: 5px;
    overflow: hidden;

}


.iw_team {
	position: relative;
}

.iw_team span {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 20px;
	right: -1px;
	width: 80%;
	background: #FFF;
	padding: 20px 0 20px 28px;
}

.iw_team span h4 {
	color: #2c4a28 !important;
	font: 700 18px/28px "Sintony", "Helvetica", "Arial", "Lucida", "sans-serif"  !important;
	margin: 0 !important;
}

.iw_team span h5 {
	color: #2c4a28 !important;
	font: 500 16px/20px "Sarabun", "Helvetica", "Arial", "Lucida", "sans-serif"  !important;
}

.iw_team_txt {
	padding: 29px 29px 10px 29px;
}

.iw_team_txt p {
	 
	color: #74787c !important;
	font: 500 16px/24px "Sarabun", "Helvetica", "Arial", "Lucida", "sans-serif"  !important;
	/*font: 300 17px / 24px 'Poppins', sans-serif;*/
	margin-bottom: 20px !important;
}
.iw_team_txt p a {
	color: var(--color1) !important;
	font-weight: 700;
}

.btn4 {
  	font: 700 18px/60px "Sintony", "Helvetica", "Arial", "Lucida", "sans-serif"  !important;
	color: #FFF;
	background: var(--color1);
	letter-spacing: 1px;
	display: block;
	width: 100%;
	padding: 0 20px;
	text-decoration: none;
}
.btn4 img {
  	width: auto !important;
	margin-top: 20px;
}

.xfont {
		color: #74787c !important;
	font: 500 16px/24px "Sarabun", "Helvetica", "Arial", "Lucida", "sans-serif"  !important;
}
.xfont strong {
		font-weight: 700 !important;
	font-size: 17px;
	color: #555 !important;
}
/*************** cosa facciamo (home) ******************/

/* .iw_what {
	border: solid 1px #CCC;
	margin-bottom: 35px;
}

.iw_what img {
	max-width: 300px;
	float:left
}

.iw_what .iw_what_txt {
	margin-left: 350px;
} */

/* Stile generale della sezione */
.cosa-facciamo {
	text-align: center;
	padding: 50px 0px;
	background-color: #F4F2F3;
  }
  
  
  
  /* Contenitore della griglia */
  .grid-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px;
	margin: 0 0;
  }
  
  /* Stile delle card */
  .card {
	background-color: white;
	border: 1px solid #ddd;
	border-radius: 8px;
   /*  padding: 20px; */
	 text-align: left;
	width: calc(33.333% - 20px); /* Per desktop */
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	overflow: hidden;
  }
  
  .card > img:first-child {
	width: 100%;
	height: auto;
  /*   border-radius: 8px; */
  }
  
  .card h4 {
	font-size: 1.2rem;
	margin: 30px 25px 20px;
	font: 700 20px/1 "Sintony", "Helvetica", "Arial", "Lucida", "sans-serif" !important;
	color: #2c4a28;
  }
  
  .card p {
	font-size: 1rem;
	color: #555;
	margin: 20px 25px 40px;
  
	color: #74787c !important;
	  font: 500 16px/24px "Sarabun", "Helvetica", "Arial", "Lucida", "sans-serif"  !important;
  }
  .card .btn4 {
	padding-left: 25px;
	font-size: 16px !important;
	line-height: 55px !important;
  }
  /* .card .btn {
	display: inline-block;
	padding: 10px 20px;
	background-color: #007bff;
	color: white;
	text-decoration: none;
	border-radius: 5px;
	font-size: 0.9rem;
	width: 100%;
	margin-bottom: 0;
	text-align: center
  } */
  

  /* Layout responsivo */
  @media (max-width: 768px) {
	.card {
	  width: 100%; /* Una colonna su mobile */
	}
  }



  /* Hero Section */
  .hero {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	margin: 40px auto;


}

/*  Hero */
.hero-content {
	max-width: 700px;
}

.hero-title {
	font-size: 32px;
	color: #2B2B2B;
	font-weight: 700;
	margin-bottom: 26px;
	margin-top: 26px;
}

.hero-text {
	font-size: 18px;
	color: #4A4A4A;
	margin-bottom: 0px;
}


/* chi_siamo_cv pag singola */

#chi_siamo_cv .column-40 .iw_team_wrap {
	margin-top: 60px !important;
  }

  @media (max-width: 768px) {
	#chi_siamo_cv .column-60 {
	  order: 2;
	}
	#chi_siamo_cv .column-40 {
		order: 1;
	  }
	  #chi_siamo_cv .column-60 h3 {
		margin-top: 40px !important;
	  }
	  #chi_siamo_cv .column-40 .iw_team_wrap {
		margin-top: 0 !important;
	  }
  }


  
  /*-------------------------------------------
	  messages
  -------------------------------------------*/
  
  .alert {
	padding: 1.25rem 1.5rem;
	font: 500 19px/1.3 'Roboto', sans-serif;
	/*text-align: center;*/
	border-radius: 10px;
	margin-bottom: 40px;
}

.alert-success {
	background: #668B2B;
	border-color: #668B2B;
	color: #FFF;
}

.alert-danger {
	background: #721c24;
	border-color: #721c24;
	color: #FFF;
}

.alert-secondary {
	background: #1F3B47;
	border-color: #1F3B47;
	color: #FFF;
}

@media ( max-width: 768px ) {
	
	.alert  {
		padding: 1.25rem 15px;
		font-size: 17px;
	}
}

/* contattaci in pagina attivita singola */
.iwblock {
	overflow: hidden;
	padding: 20px 30px 20px 20px;
	border: solid 1px #CCC;
	border-radius: 6px;
	margin: 30px 0 10px;
	line-height: 34px;
}
.iwblock h4 {
	/* font: 700 24px/1 'Poppins', sans-serif; */
	font: 700 18px/60px "Sintony", "Helvetica", "Arial", "Lucida", "sans-serif";
	color: #FFF; 
	background: var(--color1); 
	margin: -20px -30px 20px -20px;
	padding: 0 20px;
}
.iwblock a {
	text-decoration: none;
	color: #74787c;
	font: 400 17px/24px "Sarabun", "Helvetica", "Arial", "Lucida", "sans-serif";
}
.iwblock strong {
	font-weight: 600;
}
.iwblock img {
	display: inline-block; 
	margin-right: 10px;
	width: 16px !important;
	
}



/* animali */
.animale {
	/* width: calc(50% - 20px); */
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	text-align: center;
	padding: 35px 35px 10px 35px;
	border: 1px solid #ddd;
	/* display: flex; */
	/* flex-direction: column; */
	/* align-items: center; */
	height: 100%;
	transition: transform 0.3s ease-in-out;
}
.animale:hover {
    transform: scale(1.01);
}
.animale img {
	width: 100%;
	height: auto;
	border-radius: 5px;
	/* object-fit: cover; */
}
.animale h3 {
	margin: -15px 0 6px;
	color: #333;
	text-align: center;
}
.animale p {
	color: #666;
	font-size: 14px;
	/* flex-grow: 1; */
	text-align: center;
}







/**********************************************
overwrite colori (verde scuro > verde chiaro)
**********************************************/

:root { --color1: #A4B33F !important; }
#menu { background: rgba(164, 179, 63, 0.99); }
#footer1 { background: #fff url("/inc/img/footer.png") bottom left repeat-x !important; }
footer { background:  #93A139 !important; }
#copyright { background:  #A4B33F !important; }