@charset "utf-8";
ul
{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.home_nav 
{
position:relative;
background:#352f31; 
width:300px;
height:60px;

}

.about_nav
{
position:relative;
background:#352f31; 
width:300px;
height:60px;
}

.fac_nav
{
position:relative;
background:#352f31; 
width:300px;
height:60px;
}

.room_nav
{
position:relative;
background:#352f31; 
width:300px;
height:60px;
}

.reserv_nav
{
position:relative;
background:#352f31; 
width:300px;
height:60px;
}

.contact_nav
{
position:relative;
background:#352f31; 
width:300px;
height:60px;
}

.link_bg
{
	width: 60px;
	height: 60px;
	position: absolute;
	z-index: 3;
	left: 0px;
	top: 0px;
}
.link_bg i
{
 position:relative;
}
.link_title
{
	position: absolute;
	width: 100%;
	z-index: 3;
	color: #d1b16e;
	font-size: 12px;
	top: -14px;
	left: -2px;
}
.link_title:hover .icon
{
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);  
}
.home_nav:hover .link_bg
{
width:100%;
background:#bb2643;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;  
}
.about_nav:hover .link_bg
{
width:100%;
background:#b83f2e;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;  
}
.fac_nav:hover .link_bg
{
width:100%;
background:#e9c703;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;  
}
.room_nav:hover .link_bg
{
width:100%;
background:#536d24;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;  
}
.reserv_nav:hover .link_bg
{
width:100%;
background:#134487;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;  
}
.contact_nav:hover .link_bg
{
width:100%;
background:#533444;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;  
}


.menu{
	display: block;
	position: absolute;
	float: left;
	font-family: 'Muli', sans-serif;
	color: #fff;
	text-decoration: none;
	width: 100%;
	height: 60px;
	text-align: center;
	top: 32px;
	left: 1px;
}

.menu a{
	font-family: 'Muli', sans-serif;
	color: #fff;
	text-decoration: none;
}

span
{
	margin-top: 0px;
	display: block;
}

.logo{
	padding-top: 66px;
	position:relative;
	background:#352f31; 
	width:300px;
	height:200px;
	max-width: none;
}

.logo a{}
.logo a span{display: none;}

.end_menu{
	display: inline-block;
	position:relative;
	background:#352f31; 
	width:300px;
	height:300px;		
	font-family: 'Muli', sans-serif;
	font-size: 8px;
	color: #fff;
	text-align:center;

	
}

.end_menu a{
	font-family: 'Muli', sans-serif;
	color: #fff;
	text-decoration: none;
}