nav{position: relative; float:right; padding-top:25px;}
#menu-icon{
	display: none;
	font: 20px/24px 'Oswald', sans-serif;
	color: #fff;
	padding: 8px 16px;
	background: #596267;
	cursor: pointer;
}
	#menu-icon span{
		display:inline-block;
		width:11px;
		height:6px;
		overflow:hidden;
		background:url(../images/menu-icon-arrow.gif) center top no-repeat;
		margin-left:5px;
		vertical-align:middle;
	}
.menu {list-style:none;}
.menu > li {
	position: relative;
	float: left;
	font: 20px/24px 'Oswald', sans-serif;
	margin-right: 15px;	/*width: 130px;*/
}
	.menu > li > a {
	display: block;
	color: #D0EBFC;
	text-decoration: none;
	/*padding-bottom: 12px;
	border-bottom: 5px solid #c2b7b4;*/
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	}
		.menu > li.sfHover > a,.menu > li > a:hover , .menu > li.current > a {
	text-decoration: none;
	color: #00a8e3;
	/*border-color: #00a9e3;*/
	-webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
	.menu .menu-arrow{display:none;}
/***submenu***/
.menu ul {
	position:absolute;
	top:-999em;
	width:100px; 
	display:none;
	padding:20px 10px 20px;
	background:#00a8e3;
	z-index:999;
}
.menu li li{
	width: 100%;
	padding: 0;
	margin-bottom: 11px;
	position: relative;
	font: 15px/18px 'Oswald', sans-serif;
	text-align: center;
}
	.menu li li a{
		color:#fff;
		text-decoration:none;
	}
		.menu li li > a:hover,.menu li li.sfHover > a{
			color:#0f0f0f;
			text-decoration:none;
		}
.menu li:hover ul, .menu li.sfHover ul {left:0px; top:30px;}
.menu li:hover li ul, .menu li.sfHover li ul {top:-999em;}
/***subsubmenu***/
.menu ul ul{background-color:#0f0f0f; padding:27px 10px 32px;}
	.menu ul ul a:hover{color:#00a8e3;}
	.menu ul .subsubmenu-left{
		display:none;
		width:12px;
		height:13px;
		overflow:hidden;
		position:absolute;
		top:0;
		left:154px;
		background:url(../images/subsubmenu-left.png) 0 0 no-repeat;
	}
		.menu ul li.sfHover > .subsubmenu-left{display:block;}
.menu li li:hover ul, .menu li li.sfHover ul {left:166px; top:-9px;}
.menu li li:hover li ul, .menu li li.sfHover li ul {top:-999em;}

@media only screen and (max-width: 995px){
	.menu > li {margin-right: 20px;	/*width: 149px;*/}
	.menu > li > a .menu-arrow{display:inline-block; width:11px; height:6px; overflow:hidden; font-size:0; line-height:0; text-indent:-999em; background:url(../images/menu-arrow.html) center top no-repeat; margin-left:5px; vertical-align:middle;}
		.menu > li.sfHover > a .menu-arrow, .menu > li > a:hover .menu-arrow, .menu > li.current > a .menu-arrow{background-position: center -42px;}
	.menu ul .menu-arrow{display:inline-block; margin-left:5px;}
}

@media only screen and (max-width: 767px) {
	#menu-icon{display:block;}
	/*menu*/
	.menu{display:none; position:absolute; top:70px; right:0; width:140px; padding:29px 10px 27px; background:#00a9e3; z-index:999;}
	.menu > li {float:none; width:100%; padding:0; margin-bottom:11px; font-size:13px; line-height:16px; text-align:center;}
	.menu > li > a {display:inline; color:#fff; padding-bottom:0; border-bottom:none;}
		.menu > li.sfHover > a, .menu > li > a:hover, .menu > li.current > a {color:#0f0f0f;}
			.menu > li > a .menu-arrow{width:auto; height:auto; font-size: inherit; line-height: inherit; text-indent:0; background:none; vertical-align: inherit;}
	/***submenu***/
	.menu ul {right:162px; left:auto !important; top:-9px !important; background-color:#0f0f0f; padding:27px 10px 32px; width:110px;}
		.menu li li > a:hover,.menu li li.sfHover > a{color:#00a9e3;}
	.menu > li > .submenu-right{display:none; width:12px; height:13px; overflow:hidden; position:absolute; top:0; left:-22px; background:url(../images/submenu-right.html) 0 0 no-repeat; }
		.menu > li.sfHover > .submenu-right{display:block;}
	/***submenu***/
	.menu ul ul {position:static; padding:15px 0px 10px;}
		.menu ul ul li{text-transform:lowercase;}
	.menu ul .subsubmenu-left{display:none !important;}
}

@media only screen and (min-width: 768px) {.menu {display:block !important;}}