.btn-responsive-menu{display: none;float: right;padding:5px;cursor:pointer;margin:  20px 20px 0 0;color: #ffffff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);background:#333;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.icon-bar 			{display: block;width: 32px;height: 3px;margin:8px;background-color: #f5f5f5;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);}

.show{display:block!important}

#mainmenu{

	position: relative;
	float:right;

}


@media (max-width: 1100px) {


	#mainmenu		{width:100%;float:left;}
	#mainmenu nav {padding:0; margin: 0;line-height: 0;}
	#mainmenu ul li {width:100%;float:left; padding:0; margin: 0;line-height: 0;}
	#mainmenu ul { padding:0; margin: 0;line-height: 0;}

	/* Header */
	
	#mainmenu			{display:none;}
	#mainmenu ul li 	{float: none}
	#mainmenu ul li a	{font-size: 24px;}

	.btn-responsive-menu{display:block;}
		
}



*{
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
  }
  body{
	font-family: sans-serif;
	font-size: 18px;
	user-select: none;

	background-color: #B22110;
	
	
  }
  nav .logo{
	color: white;
	font-size: 33px;
	font-weight: bold;
	line-height: 70px;
	padding-left: 80px;
	
  }
 nav .logoh{
	position: relative;
	z-index: 9999;
	padding-top: 20px;
  }
  nav{
	height: 90px;
	background: #B22110;
	box-shadow: 0 3px 15px rgba(0,0,0,.4);

  }
  nav ul{
	float: right;
	margin-right: 150px;
	margin-top: 15px;
  }
  nav ul li{
	display: inline-block;
  }
  nav ul li a{
	color: white;
	display: block;
	padding: 0 35px;
	line-height: 70px;
	font-size: 16px;
	background: #B22110;
	transition: .5s;
  }
  nav ul li a:hover,
  nav ul li a.active{
	color: #23dbdb;
  }
  nav ul ul{
	position: absolute;
	top: 85px;
	border-top: 3px solid #23dbdb;
	opacity: 0;
	visibility: hidden;
  }
  nav ul li:hover > ul{
	top: 70px;
	opacity: 1;
	visibility: visible;
	transition: .3s linear;
  }
  nav ul ul li{
	width: 150px;
	display: list-item;
	position: relative;
	border: 1px solid #B22110;
	border-top: none;
  }
  nav ul ul li a{
	line-height: 50px;
  }
  nav ul ul ul{
	border-top: none;
  }
  nav ul ul ul li{
	position: relative;
	top: -70px;
	left: 150px;
  }
  nav ul ul li a i{
	margin-left: 0px;
  }
  section{
	/* background: url(bg.jpeg);
	background-position: center;
	background-size: cover;
	height: 100vh; */
  }
  
  /* .logo2 {
	visibility: hidden;
	color: #f2f2f2;
	font-size: 15px;
	position: absolute;
	top: 60vh;
	width: 100%;
	text-align: center;
	z-index: 200;
  }
  .logo2 img{

	width:15%;
  } */
  
  .slides{

	position: relative;	
	float:left;
	top:0;
	left:0;
	z-index: 999;
}

  .slide0{
	
	position: absolute;
	
	width: 100%;
	height: auto;
	z-index: 9999;

  }
  .slide0 img{
	  
	position: absolute;
	float:left;
	top:0;
	z-index: 9999;

  }
  
  .slides0{
	position: relative;
	z-index: 9999;
	}
	.slides0b{
	position: relative;
	z-index: 9999;
	}
			

  .tel{

	position: relative;
	float: left;
	background-color: #B22110;
	padding: 0;	
	width: 100%;
	margin: 0 auto;
	
}
.tel img{
	
	position: relative;
	float: left;

	padding-top: 10px;
	padding-bottom: 10px;

	height: 6vh;
	width: auto;
}
.listino{

	float: right;
	position: relative;
	z-index: 10000;
	
}
.list{
	position: relative;
	float: right;
	right:190px;
}
  .indirizzo2{

	position: relative;
	float:left;
	margin: 0 auto;
	padding-top: 30px;
	text-align: left;
	padding: 20px;
	padding-left: 35px;
	background-color: transparent;
	color: white;
	font-size: 16px;
  }
  .indirizzo2 a{
	color: white;
	
  }
  .tel0{
	padding-left: 35px;
  }

  .indirizzo{
	position: relative;
	float: left;
	width: 100%;
	background-color: transparent;
  }
.content{

	position: relative;
	float:left;
	z-index: 10;
}

.container{

	position: relative;
	display: block;

}
  @media screen and (max-width: 1400px) {

	nav ul{
		float: right;
		margin-right: 0px;
		margin-top: 0px;
	  }

	  .indirizzo2{
		font-size: 18px;
	  }

	  .list{
		position: relative;
		float: right;
		right:50px;
	}
  }

  @media screen and (max-width: 1050px) {

	.list{
		position: relative;
		float: left;
		left:10px;
	}
  }
  @media screen and (max-width: 1024px) {

	.tel{
		
		position: relative;
		float: none;
		display: block;
		text-align: center;
	}
	.tel img{
		
		float:none;
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding-top: 0;
		padding-bottom: 0;

	}

	.tel0{
		padding-left: 0;
	}

	.tel2{
		position: relative;
		display: block;
		float: left;
		left:24px;
		
	}
	.tel2 img {

		display: block;
  		margin-left: auto;
	  	margin-right: auto;
		
	}
	.list{

		width:100%;
		left:0;
	}
	.indirizzo{
		float: none;
		text-align: center;
	}
	.indirizzo2{
		float: none;
		text-align: center;
		top:24px;
		/* font-size: 20px; */
	}	

  }

  #stage1 {
    margin: 0;
    width: 100%;
    height: auto;
  }

  #stage1 a {
    position: absolute;
  }
  #stage1 a img {
    padding: 0px;
    border: 0px solid #ccc;
    background: #fff;
  }

  #stage1 a:nth-of-type(1) {
    animation-name: fader;
    animation-delay: 4s;
    animation-duration: 2s;
    z-index: 20;
  }
  #stage1 a:nth-of-type(2) {
    z-index: 10;
  }
  #stage1 a:nth-of-type(n+3) {
    display: none;
  }
  #stage2 {
    margin: 0;
    width: 100%;
    height: auto;
  }

  #stage2 a {
    position: absolute;
  }
  #stage2 a img {
    padding: 0px;
    border: 0px solid #ccc;
    background: #fff;
  }

  #stage2 a:nth-of-type(1) {
    animation-name: fader;
    animation-delay: 4s;
    animation-duration: 2s;
    z-index: 20;
  }
  #stage2 a:nth-of-type(2) {
    z-index: 10;
  }
  #stage2 a:nth-of-type(n+3) {
    display: none;
  }

  @keyframes fader {
    from { opacity: 1.0; }
    to   { opacity: 0.0; }
  }



  .menu{

	position: relative;
	float:left;
	width:100%;
	height: 500px;
  }
  .leftmenu{

		position:relative;
		float:left;
		width:40%;

  }
  .centermenu{

	position:relative;
	float:left;
	width:20%;
	
} 
  .centermenu img{

	position:relative;
	float:left;
	width:20%;
	
} 

.rightmenu{

	position:relative;
	float:left;
	width:40%;
	
}

.menu{

	position: relative;
	float:left;
	left:0;
	margin: 0;
	width:100%;
	height: auto;

}
.menu img{

	position: relative;
	float:left;
	left:0;
	margin: 0;
	width:100%;
	height: auto;
	z-index: 10000;
}

.orari1{

	position: relative;
	float:left;
	left:0;
	margin: 0;
	width:100%;
	height: auto;
	

}
.orari1 img{

	position: relative;
	float:left;
	left:0;
	margin: 0;
	width:100%;
	height: auto;
	
}
.orari2{

	position: relative;
	float:left;
	left:0;
	margin: 0;
	width:100%;
	height: auto;

}
.orari2 img{

	position: relative;
	float:left;
	left:0;
	margin: 0;
	width:100%;
	height: auto;
	z-index: 10000;
}

.dovesiamo1{

	position: relative;
	float:left;
	left:0;
	margin: 0;
	width:100%;
	height: auto;

}
.dovesiamo1 img{

	position: relative;
	float:left;
	left:0;
	margin: 0;
	width:100%;
	height: auto;

}
.dovesiamo2{

	position: relative;
	float:left;
	left:0;
	margin: 0;
	width:100%;
	height: auto;

}
.dovesiamo2 img{

	position: relative;
	float:left;
	left:0;
	margin: 0;
	width:100%;
	height: auto;
	z-index: 10000;
}
@media screen and (max-width: 1024px) {

	.dovesiamo1{
		display: none;
	}
	.orari1{
		display: none;
	}
	#stage1{
		display: none;
	}
	.home1{
		display: none;
	}
	#tel1a{
		display: none;
	}

	.slides0{
		display: none;
	}

}
@media screen and (min-width: 1025px) {

	.dovesiamo2{
		display: none;
	}
	.orari2{
		display: none;
	}
	#stage2{
		display: none;
	}
	.home2{
		display: none;
	}
	.tel1b{
		display: none;
	}

	.slides0b{
		display: none;
	}
	
}

.gall{

	padding: 1%;
}
.gall img{

		width: 30%;
		padding:1%;
		height: auto;
		display: inline-block;
}

.gall2{
		position: absolute;
		top:0;
		z-index: -1;
	
}



.inner_content {
	position: relative;
	
	width: 100%;
	max-width: 1920px;
	float: left;
	background-color: transparent;
	margin: 0;
	text-align:center;
	background-image: url('img/gallery.jpg');
	
}
.left {
	position: relative;
	width: 33%;
	
	float: left;
	margin-top: 2.25%;					/* 20px  / 320px = 0.0625    */
	margin-bottom: 2.25%;					/* 20px  / 320px = 0.0625    */
}
.center {
	position: relative;
	width: 33%;
	float: left;
	margin-top: 2.25%;					/* 20px  / 320px = 0.0625    */
}
.right {
	position: relative;
	width: 33%;
	float: left;
	margin-top: 2.25%;					/* 20px  / 320px = 0.0625    */
}

.arts {
	position: relative;
	float: left;
	width: 92%;
	height: auto;
	min-width: 50px;
	max-width: 500px;
	max-height: 590px;
	min-height: 290px;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 0px;
	padding-left: 30px;
	padding-right: 30px;
	opacity: 0.95;
}
.artsfoto {
	position: relative;
	float: left;
	width: 99%;
	min-width: 50px;
	max-width: 480px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	background-color: transparent;
}

@media screen and (max-width: 1024px) {



}