.nav {
display:block;
position:relative;
height:42px;
float:left;
}
nav {
/*margin:0 auto;
width:100%;
max-width:953px;*/
-webkit-box-shadow: inset 0px 0px 4px #ccc; 
-moz-box-shadow: inset 0px 0px 4px #ccc; 
-o-box-shadow: inset 10px 10px 10px #000;
box-shadow: inset 10px 12px 12px #ccc;
}
.sub-menu {
-webkit-box-shadow: 0px 0px 4px #ccc; 
-moz-box-shadow: 0px 0px 4px #ccc; 
box-shadow: 0px 2px 2px #ccc;
}
.menu_center {
margin-right:220px !important;	
}
.menu { 
display: block;
max-height: none;
}

.menu li {
display:inline-block;
zoom:1;*display:inline;
position:relative;
z-index:100;
height:42px;
line-height:42px;
	
-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
box-shadow: 0px 2px 2px rgba(0,0,0,0.4);

}
.menu li ul li {
width:100%;
}
.menu li:first-child { margin-left: 0; }

.menu li a {
display: block;
text-align:center;
height:42px;
line-height:42px;
font-size:1.1667em;
font-weight:400 !important;
text-decoration:none;
text-transform:uppercase;
cursor:pointer;
white-space:nowrap;
padding: 0 1.5em;

color:#fff;
background:#777;

-webkit-box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.4);
-moz-box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.4);
-o-box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.4);
box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.4);
}
.menu li span {
display:block;
padding: 0 1.5em;
height:42px;
line-height:42px;
font-size:1.1667em;
text-decoration:none;
text-transform:uppercase;
white-space:nowrap;
text-align:center;

background:#f89729;
color:#333;
	
-webkit-box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.4);
-moz-box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.4);
-o-box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.4);
box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.4);
}

.menu li a:hover,
.menu li:hover>a {
color:#fff;
background:#f89729;
text-decoration:none;
}

.menu a.msel {
color:#333;
background:#f89729;
}
/*.menu a.msel:after {
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #262626;
border-bottom: none;
height: 0;
width: 0;
top:0;
content:"";
left:50%;
margin-left:-8px;
position:absolute;
}*/
.menu li ul li a.msel {
background-color:#000;
}

/*.menu a.category {
background-image:url('../i/arrow_r.png');
background-position: 96% center;
background-repeat: no-repeat;
}
.menu a.category:hover {
background-image:url('../i/arrow_rh.png');
background-position: 96% center;
background-repeat: no-repeat;
}*/

.menu ul {
visibility: hidden;
opacity: 0;
margin: 0;
padding: 0;
min-width: 150px;
position: absolute;
left: 0px;

background: #fff;
z-index: 701;
transform: translate(0, 20px);
transition: all 0.2s ease-out;
}

.menu ul li {
display: block;
float: none;
background: none;
margin: 0;
padding: 0;
white-space:nowrap;
}

.menu ul li a {
font-size: 1em;
display: block;
color: #333;
background: #fff;
text-align:left;
padding:0 1.2em;
}
.menu ul li span {
font-size: 1em;
display: block;
color: #fff;
background: #969696;
text-align:left;
}

.menu ul li a:hover,
.menu ul li:hover>a {
 background: #969696;
  color: #fff;
}

.menu li:hover>ul {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

.menu ul ul {
	margin-top:-1px;
  left: 184px;
  top: 0px;
  visibility: hidden;
  opacity: 0;
  transform: translate(20px, 20px);
  transition: all 0.2s ease-out;
}

/*.menu ul ul:after {
  left: -6px;
  top: 10%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 6px;
  margin-top: -9px;
}*/

.menu li>ul ul:hover {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

.responsive-menu {
display: none;
padding: 0 1.25em;
height:3em;
line-height:3.7em;
color: #111;
text-transform: uppercase;
font-weight: 600;
text-decoration:none !important;
float:right;
padding-top:1.35em;
}

.responsive-menu:hover {
color: #444;
text-decoration: none;
}

a.homer { background: #991915; }

#menu-lines { 
border-bottom: 12px double #991915; 
border-top: 4px solid #991915; 
content:"";
height: 4px; 
width:26px;
}
#menu-lines:hover {
border-color:#fff;
}
.flex-disabled {
display:none !important;	
}
/*****/

@media (min-width: 768px) and (max-width: 979px) {

.nav { text-align:center;width:auto; }

.mainWrap { width: 768px; }

.menu { margin:0 auto; }
.menu ul { top: 42px; }

.menu li a, .menu li span { font-size: 1em; }

a.homer { background: #fff; }
.menu li {
  width:90px
}

}
@media (min-width: 768px) and (max-width: 811px) {
.menu li a {
padding:0 0.8em;
}
.menu li {
  width:90px
}
}

@media (max-width: 767px) {

.mainWrap {
  width: auto;
  padding: 50px 20px;
}

.menu { display: none; }
.responsive-menu { 
display: block;
background: #000;
height:3.2em;
width:2.2em;
position:absolute;
right:0;
top:0;
}

nav {
margin: 0;
background: none;
margin-top:4.6em;
}
.nav { 
background: none;
height:4.6em;
position:absolute;
right:0;
top:0;
}

.menu li {
  display: block;
  margin: 0;
  text-align:right;
  line-height:2em;
}


.menu li a.menu_0, .menu li span.menu_0 { height: 3em !important;line-height:3em; }

.menu li a {
  background: #991915;
  color: #fff;
  /*border-bottom:1px solid #fff;*/
}
.menu li ul span {
  background: #fff;
  color: #991915;
  /*border-bottom:1px solid #fff;*/
}

.menu li a:hover,
.menu li:hover>a {
  background: #fbbe9b;
  color: #111;
}

.menu ul {
  visibility: hidden;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  transform: initial;
}

.menu li >ul {
  visibility: visible;
  opacity: 1;
  position: relative;
  transform: initial;
}
/*.menu li:hover>ul {
  visibility: visible;
  opacity: 1;
  position: relative;
  transform: initial;
}*/

.menu ul ul {
  left: 0;
  transform: initial;
  background-color:#f9f9f9;
  border-bottom:1px dotted #ddd;
}
.menu ul li a { background:#ddd;border-bottom:1px solid #fff; }

.menu li>ul ul:hover { transform: initial; }

}