@media screen and (min-width:981px){
	nav{width:1000px;margin-left:auto;margin-right:auto;}
	#mobile_bar{display:none;}
		.menu-bg {height: 56px;}
	.menu > li {
		float:left; 
}
}
@media screen and (max-width:767px){
.header-phone span,.header-phone  {text-align:center;}
.logo-line{height: 205px;}
}
@media screen and (min-width:768px){
.logo-line{
	height: 150px;
	}
	.logo-soc{
	top:57px;}
	.header-phone span,.header-phone  {text-align:right;}
}
}
@media screen and (max-width:980px){
	.container nav{margin-left:auto;margin-right:auto;display:none;}
	#mobile_bar{display:block;}
		
}


.sf-menu {list-style:none;}
.sf-menu > li {
	position:relative;
	float:left;
	font:400 18px/22px 'Oswald', sans-serif;
	text-transform:uppercase;
	text-shadow:1px 1px 1px rgba(0,0,0,0.21);
	letter-spacing:-1px;
	border-right:1px solid #ddd;
	
}

.sf-menu > li >a{padding:33px 40px;display:block}


	.sf-menu > li:first-child{padding-left:0;}
	.sf-menu > li.last-item{border-right:none; padding-right:0;}
	.sf-menu > li > a {color:#232428;}
		.sf-menu > li.sfHover > a,.sf-menu > li > a:hover, .sf-menu > li.current > a  {text-decoration:none; color:#cf0207;}
		.sf-menu > li > a span.arrow{display:block; width:100%; height:6px; position:absolute; top:61px; left:0; background:url(../images/menu-arrow.html) center top no-repeat;}
/***submenu***/
.sf-menu ul {
	position:absolute;
	top:-999em;
	z-index:99;
	width:148px; 
	display:none;
	padding:0;
	background:#f3f9fe;
}
.sf-menu li li{
	width:100%;
	padding:0;
	position:relative;
	font:400 16px/20px 'Oswald', sans-serif;
	text-transform:uppercase;
	text-shadow:1px 1px 1px rgba(0,0,0,0.21);
	letter-spacing:0px;
}
	.sf-menu li li a{
		display:block;
		text-align:center;
		padding:27px 0;
		color:#242424;
		background:url(../images/submenu-tail.html) center -999em repeat-x;
	}
		.sf-menu li li > a:hover,.sf-menu li li.sfHover > a{color:#fdfdfd; text-decoration:none; background-position:center top;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:4px;
	top:92px;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:-999em;
}
/***subsubmenu***/
ul.sf-menu ul ul{width:292px; background-color:transparent;}
	ul.sf-menu ul ul li{float:left; margin-right:2px; width:145px;}
		ul.sf-menu ul ul li a{background:#f3f9fe;}
			ul.sf-menu ul ul li a:hover{background-color:#2c2c2c;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:149px;
	top:0px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:-999em;
}