body { height: 100%;
  width: 100%;
  margin: 0; padding: 0;
}
html { height: 100%;
  width: 100%;
}
	.div1 {
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 0;
  
  
  background-color: rgba(50,0,50, 0.9);
  
}
	
	.lineamenu{ height: 1px; display: block; margin: auto; width: 30px;  background-color: #D35C26
  
}
	
		.div2 {
  /*height: 100%;*/
  width: 100%;
  position: relative;
  z-index: 0;
 
 
  background: url( img/sfondo.jpg);
  background-repeat: no-repeat; background-position: 50% 50%; 
  background-size:cover; 
 
  
}
			.div2a {
  /*height: 100%;*/
  width: 100%;
  position: relative;
  z-index: 0;
 
 
  background: url( img/sfondo2.jpg);
  background-repeat: no-repeat; background-position: 50% 50%; 
  background-size:cover; 
 
  
}
	
.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 910;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-y: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 15%;
  width: 100%;
  text-align: center;
  margin-top: 0px;
}

.overlay a.linkmenu  {
  padding: 18px 5px; max-width: 500px; margin: auto;
  text-decoration: none;
  font-size: 30px;
  color: #ffffff;text-transform: uppercase ;
  display: block;
  transition: 0.3s;
}

.overlay a.linkmenu:hover, .overlay a.linkmenu:focus {
  color: #C45523; 
}

.overlay a.closebtn {
  position: absolute;
  top: 0px;
  right: 0px;padding: 0px;margin-right: 3%;
  font-size: 40px;  
}
.barra{
 
  position: fixed;
  z-index: 400;
  
}
 
@media screen and (max-height: 550px) {
	
	 
	
  .overlay {overflow-y: auto;}
  .overlay a.linkmenu {font-size: 25px;   padding: 12px;}
  .overlay a.closebtn {
  font-size: 30px;
  
  }
}
	
	@media screen and (max-height: 450px) {
	
	.overlay-content {
  position: relative;
  top: 10%;
  width: 100%;
  text-align: center;
  margin-top: 0px;
}
	
  .overlay {overflow-y: auto;}
  .overlay a.linkmenu {font-size: 20px;   padding: 12px;}
  .overlay a.closebtn {
  font-size: 30px;
  
  }
}
	
 
.my-form-fluid input[type="text"], .my-form-fluid input[type="password"], .my-form-fluid input[type="email"], .my-form-fluid input[type="url"], .my-form-fluid input[type="date"], .my-form-fluid input[type="time"], .my-form-fluid input[type="datetime"], .my-form-fluid input[type="number"], .my-form-fluid input[type="search"], .my-form-fluid select, .my-form-fluid textarea { transition: 0.5s;
	display: block;font-family: 'open_sanslight', arial;
	width:100%;
	padding:14px 1px;
	outline: 0;
	font-size:1.1em;
	margin:3px 0;
	border:#fff 0px solid; border-bottom: 2px solid #D35C26;	border-radius:0px;
	background-color: transparent;
	color:#fff;
	vertical-align: middle;
	box-sizing: border-box;
}	
	
	::-webkit-input-placeholder { /* Edge */
  color: #fff;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

::placeholder {
  color: #fff;
}
	
.my-form-fluid input[type="text"]:focus, .my-form-fluid input[type="password"]:focus, .my-form-fluid input[type="email"]:focus, .my-form-fluid input[type="url"]:focus, .my-form-fluid input[type="date"]:focus, .my-form-fluid input[type="time"]:focus, .my-form-fluid input[type="datetime"]:focus, .my-form-fluid input[type="number"]:focus, .my-form-fluid input[type="search"]:focus, .my-form-fluid select:focus, .my-form-fluid textarea:focus { background-color: rgba(0,0,0,0.5);
	border-bottom: 2px solid #000; padding:14px 1px;
}
	
	
	
	.my-form-fluid input[type="text"]:hover, .my-form-fluid input[type="password"]:hover, .my-form-fluid input[type="email"]:hover, .my-form-fluid input[type="url"]:hover, .my-form-fluid input[type="date"]:hover, .my-form-fluid input[type="time"]:hover, .my-form-fluid input[type="datetime"]:hover, .my-form-fluid input[type="number"]:hover, .my-form-fluid input[type="search"]:hover, .my-form-fluid select:hover, .my-form-fluid textarea:hover { background-color: rgba(0,0,0,0.5);
	border-bottom: 2px solid #000; padding:14px 1px;
}
	
	
 #modal {
	position: fixed;
	z-index:10300;
	left:0px;
	top:0px;
	opacity: .9;
	filter: alpha(opacity=90);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	height:100%;
	width:100%;
	background-color:#000; 
	display:none;
	text-align:center
}
#modalx {
	position: fixed;
	z-index:10300;
	left:0px;
	top:0px;
	opacity: .9;
	filter: alpha(opacity=90);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	height:100%;
	width:100%;
	background-color:#000;
	display:none; overflow: scroll;
	text-align:center
}
#modalbox {
	position: fixed;
	z-index:10320;
	left:0px; display: block;
	top:10%; 
	height:100%;
	width:100%;  border: 3px solid #D61F22; 
	 
	text-align:center;
}
#modalboxx {
	position: fixed;
	z-index:10320;
	left:0px;	top:0%; 
	display:none; margin-top: 20px;
	height:100%;
	width:100%;
	
	text-align:center;
} 
	
	#modalchiudi2 {
	z-index:10140;
 
	background-position:50% 0;
	 
	height:40px;
	width:40px;
	cursor:pointer;
}
#modalchiudi2:hover {
	 
	 
}@media screen and (max-width: 550px) {
	#modalbox { 
	position: relative; 
}
	#modalboxx {
	
	 
	left:0px;
	  margin-top: 0px;
	height:100%;
	width:100%;
	
	text-align:center;
} 
	}
	
	.modal-txt {display: block;  
	float:left;
	box-sizing: border-box; text-align: left;
	padding:2% 0% 5%; width: 60%;
	margin: 0% 0% 0% 0%;}
	
	
		.modal-txt h1 { font-size:1.3em;   } 
	.modal-img { display: block; 
	float:left;
	box-sizing: border-box;
	padding:0%; width: 40%;text-align:center;
	margin: 0% 0% 0% 0%;}
	
		.modal-img img{  
	  width: 90%;max-width: 90%;
	 }
	
	 
	
	
		
	@media screen and (max-width: 550px) {
		
	.modal-txt {display: block;  
	float:left;
	box-sizing: border-box; text-align: left;
	padding:2% 0% 5%; width: 70%;
	margin: 0% 0% 0% 0%;}
	
	
		.modal-txt h1 { font-size:1.3em;   } 
	.modal-img { display: block; 
	float:left;
	box-sizing: border-box;
	padding:0%; width: 30%;text-align:center;
	margin: 0% 0% 0% 0%;}
	
		.modal-img img{  
	  width: 90%;max-width: 90%;
	 }
		
	 }
	
	
	
	
	
	@media screen and (max-width: 450px) {
		
		
	.modal-txt { 
	  text-align:center;
	padding:0% 0% 5%; width: 100%;
 }
	
	
		 
	.modal-img {  
	 
	padding:0%; width: 100%;text-align:center;
	margin: 0% 0% 0% 0%;}
	
		.modal-img img{  
	  width: 40%;max-width: 40%;
	 }	}
		
	.box_eventi  {display: block;  
	float:left;
	box-sizing: border-box; text-align: left;
	padding:3% 2%  ; width: 48%; 
	margin: 1%;}
	.box_eventi1{display: block;  
	float:left;
	box-sizing: border-box; text-align: center;
	padding:0%  ; width: 16%;  margin: 0 2%; background-color: #fff; color: #000;  
	 }
		.box_eventi2{display: block;  
	float:left;
	box-sizing: border-box; text-align: left;
	padding:0% 2%  ; width: 80%; 
	margin: 0%;}
	@media screen and (max-width: 750px) {
	
		.box_eventi1{display: block;  
	float:left;
	box-sizing: border-box; text-align: center;
	padding:0%  ; width: 20%;  margin: 0 2%; background-color: #fff; color: #000;  
	 }
		.box_eventi2{display: block;  
	float:left;
	box-sizing: border-box; text-align: left;
	padding:0% 2%  ; width: 76%; 
	margin: 0%;}
	}
	
	
	@media screen and (max-width: 600px) {
				.box_eventi  {display: block;  
	float:left;
	box-sizing: border-box; text-align: left;
	padding:3% 2%  ; width: 98%; 
	margin: 1%;}
	}
	 .button-icon-link
{padding-left: 24px; margin-top: 5px; display: block; color: #fff; background-repeat: no-repeat; background-position: 2px 46%;  background-size: 18px; font-size: 14px}
 #lo{  display:none;  }
.button-icon-link { background-image: url(img/icone-b/icons8-aggiungi-collegamento-100.png);}
	
	.mystyle{ height: 100%}
 
	
	
	
	
	* {
  margin: 0;
  padding: 0; 
}

/* Icon 1 */
* {
  margin: 0;
  padding: 0; 
}

/* Icon 1 */

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 40px;
  height: 30px;
  position: relative;

  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

	
	
#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #d3531a; background:#fff; 
  border-radius: 5px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
 #nav-icon3:hover span {
 background: #d3531a;
}
/* Icon 3 */

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

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 12px;
}

#nav-icon3 span:nth-child(4) {
  top: 24px;
}

#nav-icon3.open span:nth-child(1) {
  top: 12px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 13px;
  width: 0%;
  left: 50%;
}


	
	
	
#eta_priv{  font-size:22px; text-align:center;  width:100%; position:fixed;left:0px; top:0px; padding:0%; color:#fff;   padding:5% 0% 0;box-sizing: border-box; background-color:#171717;
  z-index:5000000; height:100%;}
  #eta_priv a.acc { color:#fff; font-style:italic   }
  #eta_priv a.acc:hover { color:#ddd;   }
 

#eta_priv div.gen{  max-width:1000px; text-align:center; margin:auto; padding:10px; z-index:5000002; color:#fff;}
#eta_priv div.gen span{ font-size:14px;   }

#eta_priv div.bas  { position:fixed; left:0; bottom:40px; color:#fff;   width:100%; box-sizing: border-box; }

.classic_button{
	height: auto;
	color: #FFF;
	text-align: center;
	 
	width: 45px;
	font-size: 21px;
	z-index: 5000005;
	text-align: center;
	display: inline-block;
	padding: 32px 26px;
	background-color: #58595b;
}
.classic_button:hover { 
	background-color:#888;  
}
.img_resp{ max-width:100%
} 

 @media screen and (max-width: 900px) {
	#eta_priv div.bas  { position:inherit;   width:100%; padding-top:30px;  } 
	 #eta_priv{  font-size:18px; text-align:center;  width:100%; position:fixed;left:0px; top:0px; padding:0%;   padding:15px 1% 0;box-sizing: border-box;
/*	filter: alpha(opacity=97);opacity: .97;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=97)";*/ z-index:5000000; height:100%;}}
	   
	@media screen and (max-width: 700px) {
	#eta_priv div.bas  { position:inherit;   width:100%; padding-top:20px;  } 
	 #eta_priv{  font-size:18px; text-align:center;  width:100%; position:fixed;left:0px; top:0px; padding:0%;   padding:10px 2% 0;box-sizing: border-box;
/*	filter: alpha(opacity=97);opacity: .97;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=97)";*/ z-index:5000000; height:100%;}}
	
	
	
	#modal1{position:fixed;z-index:19300;left:0px;top:0px;opacity:.9;filter:alpha(opacity=90);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";height:100%;width:100%;background-color:#000; text-align:center}
	#modalx1{position:fixed;z-index: 16000; left:0px;top:0px;opacity:.9;filter:alpha(opacity=90);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";height:100%;width:100%;background-color:#000; text-align:center}
	#modalbox1{position:fixed; z-index: 16005;left:0px;top:0px;height:100%;width:100%; text-align:center;}
	#modalboxx1{position:fixed; z-index: 16010;left:0px;top:0px;height:100%;width:100%; text-align:center; 
}