.sf-menu {
	font-size:0;
	line-height:0;
	padding:0;
	z-index:99;position:relative;text-align:center
	

}
nav{
	position:relative;
}

.sf-menu > li {
	position:relative;
	padding-left:0px;
	display:inline-block;margin:0 0px;
	    border:1px solid #0795d3;  
     border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;  
	-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;	background:#0795d3   
	
}

.sf-menu  a{
	
	-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;	
 	font-family: 'Open Sans', sans-serif;
	font-weight:normal; 
	text-transform:uppercase;  
	
}
.sf-menu  a:hover{text-decoration:none}

.sf-menu > li > a {	
	display:block;
	color:#fff;
	font-size:12px;
	line-height:18px;
	position:relative;
	padding:10px 38px 11px; 

	}	
.sf-menu > li.current >a , .sf-menu > li > a:hover, .sf-menu > li.sfHover > a{color:#87c7d5;}

.sf-menu > li.current  , .sf-menu > li:hover, .sf-menu > li.sfHover {border:1px solid #43a8bd;}
/***submenu***/
.sf-menu ul {
	position:absolute;
	top:-999em;
	z-index:99;
	width:211px; 
	display:none;
	padding:25px 20px 20px 26px;
	background:#0795d3;
	 border:1px solid #43a8bd;  
     border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
}
.sf-menu ul ul{
	background:none;
	position:relative;
margin:8px 0 0 20px;
padding:0 !important; border-radius:0;
border:none}

.sf-menu li li{
 width:100%;
 padding:0;
 position:relative;margin-top:10px;display:block;text-align:left;


}
.sf-menu li li:first-child{margin-top:0;}
	.sf-menu li li a{
display:inline-block;	
padding:0 0 0 12px;		
/*background:url(../images/marker-item.png) no-repeat -4px 5px;*/
background:none;
font-size:12px;line-height:18px;color:#fff;text-align:left;
	}
	

	
		.sf-menu li li > a:hover,.sf-menu li li.sfHover > a{text-decoration:none;background-position: 0 6px;color:#77c0d0}
		
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:0px;
	top:46px;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:-999em;
}
/***subsubmenu***/


ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:-8px;
	top:0px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:-999em;
}

.menuresponsive{
	display:none;
}

@media only screen and (max-width: 767px) {
	
	.menuresponsive{
		position:fixed;
		left:0px;
		top:20px;
		display:block;
		padding:3px 5px 3px 10px;
		z-index:999;
		background:#0795d3;
	}
	
	.nav{display:block;width:100%;}
	#navigation{display:block;}
	
	.main.p5{width:100%;margin:0;}
	
	.sf-menu > li{
		display:block;
		text-align:center;
	}
	
	.sf-menu ul {
		width:100%;
		padding:0;
		margin:0;
	}
	
	.sf-menu ul li{
		text-align:center;
		padding:5px 0px;
	}
	
}