@charset "UTF-8";
/* CSS Document */
*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }

header{
width:100%;
margin:0 auto;
z-index:10000;
overflow:hidden;
}

.menu{
overflow:auto;
width:0px;
height:100%;
position:absolute;
left:0px;
background:rgba(0,0,0,0.8);	
z-index:10000;
}
.menu ul{
	width:100%;
	float:left;
	margin-top:100px;
	list-style-type:none;
	margin:0;
	padding:0;
}
.menu ul li{
	margin-top:10px;	
	border-left: 10px solid transparent;
}

.menu ul li:first-child{
margin-top:100px;
}
.menu ul li:hover{
	background:#fff;
	border-left:10px solid #f06;
}
.menu ul li a{
	text-align: left;
	color: #fff;
	text-decoration: none;
	padding: 5px 0;
	display: block;
}

.menu ul li:hover a{
color:#F06;
}

/* secondo menu */
.menup{
overflow:hidden;
width:0px;
height:100%;
position:absolute;
left:0px;
background:rgba(0,0,0,0.8);	
z-index:10000;
}
.menup ul{
	width:100%;
	float:left;
	margin-top:100px;
	list-style-type:none;
	margin:0;
	padding:0;
}
.menup ul li{
	margin-top:10px;	
	border-left: 10px solid transparent;
}

.menup ul li:first-child{
margin-top:100px;
}
.menup ul li:hover{
	background:#fff;
	border-left:10px solid #f06;
}
.menup ul li a{
	text-align: center;
	color: #fff;
	text-decoration: none;
	padding: 5px 0;
	display: block;
}

.menup ul li:hover a{
color:#F06;
}


/* terzo menu */
.menus{
	overflow:hidden;
width:200px;
height:100%;
position:absolute;
left:-200px;
background:rgba(0,0,0,0.8);	
z-index:10000;
}
.menus ul{
	width:100%;
	float:left;
	margin-top:100px;
	list-style-type:none;
	margin:0;
	padding:0;
}
.menus ul li{
	margin-top:10px;	
	border-left: 10px solid transparent;
}

.menus ul li:first-child{
margin-top:100px;
}
.menus ul li:hover{
	background:#fff;
	border-left:10px solid #f06;
}
.menus ul li a{
	text-align: center;
	color: #fff;
	text-decoration: none;
	padding: 5px 0;
	display: block;
}

.menus ul li:hover a{
color:#F06;
}
/* quarto menu */
.menuf{
	overflow:auto;
width:50%;
height:0px;
align:center;
background:rgba(0,0,0,0.8);	
z-index:10000;
}
.menuf ul{
	width:100%;
	float:left;
	margin-top:20px;
	list-style-type:none;
	margin:0;
	padding:0;
}
.menuf ul li{
	margin-top:10px;	
	border-left: 10px solid transparent;
}

.menuf ul li:first-child{
margin-top:20px;
}
.menuf ul li:hover{
	background:#fff;
	border-left:10px solid #f06;
}
.menuf ul li a{
	text-align: center;
	color: #fff;
	text-decoration: none;
	padding: 5px 0;
	display: block;
}

.menuf ul li:hover a{
color:#F06;
}
/* quarto menu */
.menuf1{
	overflow:auto;
width:50%;
height:0px;
align:center;
background:rgba(0,0,0,0.8);	
z-index:10000;
}
.menuf1 ul{
	width:100%;
	float:left;
	margin-top:20px;
	list-style-type:none;
	margin:0;
	padding:0;
}
.menuf1 ul li{
	margin-top:10px;	
	border-left: 10px solid transparent;
}

.menuf1 ul li:first-child{
margin-top:20px;
}
.menuf1 ul li:hover{
	background:#fff;
	border-left:10px solid #f06;
}
.menuf1 ul li a{
	text-align: center;
	color: #fff;
	text-decoration: none;
	padding: 5px 0;
	display: block;
}

.menuf1 ul li:hover a{
color:#F06;
}

/* quarto menu */
.menuf2{
	overflow:hidden;
width:150px;
height:0;
position:absolute;
left:80%;
background:rgba(0,0,0,0.8);	
z-index:10000;
}
.menuf2 ul{
	width:100%;
	float:left;
	margin-top:20px;
	list-style-type:none;
	margin:0;
	padding:0;
}
.menuf2 ul li{
	margin-top:10px;	
	border-left: 10px solid transparent;
}

.menuf2 ul li:first-child{
margin-top:20px;
}
.menuf2 ul li:hover{
	background:#fff;
	border-left:10px solid #f06;
}
.menuf2 ul li a{
	text-align: center;
	color: #fff;
	text-decoration: none;
	padding: 5px 0;
	display: block;
}

.menuf2 ul li:hover a{
color:#F06;
}

/* quarto menu */
.menug{
	overflow:auto;
width:50%;
height:0px;
align:center;
background:rgba(0,0,0,0.8);	
z-index:10000;
}
.menug ul{
	width:100%;
	float:left;
	margin-top:20px;
	list-style-type:none;
	margin:0;
	padding:0;
}
.menug ul li{
	margin-top:10px;	
	border-left: 10px solid transparent;
}

.menug ul li:first-child{
margin-top:20px;
}
.menug ul li:hover{
	background:#fff;
	border-left:10px solid #f06;
}
.menug ul li a{
	text-align: center;
	color: #fff;
	text-decoration: none;
	padding: 5px 0;
	display: block;
}

.menug ul li:hover a{
color:#F06;
}
/* menu ricerca */
.menur{
	overflow:auto;
width:50%;
height:0px;
align:center;
background:rgba(0,0,0,0.8);	
z-index:10000;
}
/*.menug ul{
	width:100%;
	float:left;
	margin-top:20px;
	list-style-type:none;
	margin:0;
	padding:0;
}
.menug ul li{
	margin-top:10px;	
	border-left: 10px solid transparent;
}

.menug ul li:first-child{
margin-top:20px;
}
.menug ul li:hover{
	background:#fff;
	border-left:10px solid #f06;
}
.menug ul li a{
	text-align: center;
	color: #fff;
	text-decoration: none;
	padding: 5px 0;
	display: block;
}

.menug ul li:hover a{
color:#F06;
}
*/



/*			MENUBUTTON			*/
#menuButton{
	font-size:2em;
	color:#000;
	margin:0px 10px;
}
#menuButton a{
	cursor:pointer;
	transition:all 0.2s;
	text-decoration:none;
}
#menuButton a:hover{
	color:#f06;
	
}
/*			secondo bottone	*/
#menuButtonp{
	font-size:2em;
	color:#000;
	margin:0px 10px;
}
#menuButtonp a{
	cursor:pointer;
	transition:all 0.2s;
}
#menuButtonp a:hover{
	color:#f06;
	
}
/*			terzo bottone	*/
#menuButtons{
	font-size:2em;
	color:#000;
	margin:0px 10px;
}
#menuButtons a{
	cursor:pointer;
	transition:all 0.2s;
}
#menuButtons a:hover{
	color:#f06;
	
}
/*			quatro bottone	*/
#menuButtonf{
	font-size:2em;
	color:#000;
	margin:0px 10px;
}
#menuButtonf a{
	cursor:pointer;
	transition:all 0.2s;
}
#menuButtonf a:hover{
	color:#f06;
	
}
/*			quatro bottone	*/
#menuButtonf1{
	font-size:2em;
	color:#000;
	margin:0px 10px;
}
#menuButtonf1 a{
	cursor:pointer;
	transition:all 0.2s;
}
#menuButtonf1 a:hover{
	color:#f06;
	
}
/*			quatro bottone	*/
#menuButtonf2{
	font-size:2em;
	color:#000;
	margin:0px 10px;
}
#menuButtonf2 a{
	cursor:pointer;
	transition:all 0.2s;
}
#menuButtonf2 a:hover{
	color:#f06;
	
}
/*			quatro bottone	*/
#menuButtong{
	font-size:2em;
	color:#000;
	margin:0px 10px;
}
#menuButtong a{
	cursor:pointer;
	transition:all 0.2s;
}
#menuButtong a:hover{
	color:#f06;
	
}



/*			CLOSEBUTTON		*/


.closeButton{
	font-size:1.5em;
	color:#fff;
	position:absolute;
	left:160px;
	top:10px;
	
}
.closeButton a:hover{
	color:#f06;
	cursor:pointer;
	
}
/*			CLOSEBUTTONP		*/


.closeButtonp{
	font-size:1.5em;
	color:#fff;
	position:absolute;
	left:160px;
	top:10px;
	
}
.closeButtonp a:hover{
	color:#f06;
	cursor:pointer;
	
}
/*			CLOSEBUTTONS		*/


.closeButtons{
	font-size:1.5em;
	color:#fff;
	position:absolute;
	left:160px;
	top:10px;
	
}
.closeButtons a:hover{
	color:#f06;
	cursor:pointer;
	
}
/*			MAIN	*/
.main{
width:100%;
	margin:0 auto;
}

.main h1{
	text-align:center;
	font-size:7em;
	color:rgba(255,255,255,0.8);
	line-height:400px;
	font-weight:bold;
	font-family: 'Montserrat', sans-serif;
}
.icon-heart{
font-size:0.8em;	
}
/*			CLOSEBUTTONf		*/


.closeButtonf{
	font-size:1.5em;
	color:#fff;
	align:left;
/*	position:absolute;
	left:120px;
	top:10px; */
	
}
.closeButtonf a:hover{
	color:#f06;
	cursor:pointer;
	
}
/*			CLOSEBUTTONf1		*/


.closeButtonf1{
	font-size:1.5em;
	color:#fff;
	align:left;
/*	position:absolute;
	left:120px;
	top:10px; */
	
}
.closeButtonf1 a:hover{
	color:#f06;
	cursor:pointer;
	
}
/*			CLOSEBUTTONf		*/


.closeButtonf2{
	font-size:1.5em;
	color:#fff;
	position:absolute;
	left:120px;
	top:10px;
	
}
.closeButtonf2 a:hover{
	color:#f06;
	cursor:pointer;
	
}
/*			CLOSEBUTTONf		*/


.closeButtong{
	font-size:1.5em;
	color:#fff;
	align:right;
/*	position:absolute;
	left:120px;
	top:10px; */
	
}
.closeButtong a:hover{
	color:#f06;
	cursor:pointer;
	
}
.closeButtonr{
	font-size:1.5em;
	color:#fff;
	align:right;
/*	position:absolute;
	left:120px;
	top:10px; */
	
}
.closeButtonr a:hover{
	color:#f06;
	cursor:pointer;
	
}