.nav {
display:block;
position:relative;
height:45px;
font-family:'Cinzel',Helvetica,Arial,sans-serif;
margin:0 auto;
width:940px;
}
nav {
/*margin:0 auto;
width:100%;
max-width:953px;*/
}
.sub-menu {
-webkit-box-shadow: 0px 0px 4px #ccc; 
-moz-box-shadow: 0px 0px 4px #ccc; 
box-shadow: 0px 0px 4px #ccc;
}
.menu_center {
margin-right:220px !important;	
}
.menu { 
display: block;
max-height: none;
}

.menu li {
display: inline-block;
position: relative;
z-index: 100;
height:40px;
line-height:40px;
width:120px;
}
.menu li ul li {
width:100%;
}
.menu li:first-child { margin-left: 0; }

.menu li a {
display: block;
text-align:center;
padding: 0 .9em;
height:40px;
line-height:40px;
color:#000;
font-size:1.1667em;
font-weight:400 !important;
text-decoration:none;
text-transform:uppercase;
cursor:pointer;
white-space:nowrap;
}
.menu li span {
display:block;
padding: 0 .9em;
height:40px;
line-height:40px;
color:#fff;
font-size:1.1667em;
text-decoration:none;
text-transform:uppercase;
white-space:nowrap;
text-align:center;
}
.menu li a:hover,
.menu li:hover>a {
text-decoration:none;
background:rgba(153,25,21, 0.8);
color:#fff;
}

.menu a.msel {
background:rgba(153,25,21, 0.8);
color:#fff;
}
.menu li ul li a.msel {
background-color:#991915;
}

.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;
}
.menu ul li span {
font-size: 1em;
display: block;
color: #fff;
background: #991915;
text-align:left;
}

.menu ul li a:hover,
.menu ul li:hover>a {
  background:rgba(153,25,21, 0.5);
  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: 40px; }

.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; }

}