.nav {
position:relative;
display:inline-block;
float:left;
height:42px;
}
nav {
/*margin:0 auto;
width:100%;
max-width:953px;*/
}
.menu { 
position: relative;
display: block;
max-height: none;
}
.menu li {
position: relative;
display: inline-block;
text-align:left;
}
.menu li:first-child { margin-left: 0; }

.menu li a {
font-size: 1.2em;
/*text-transform:uppercase;*/
font-weight: 300;
text-decoration: none;
padding: 0 1.05em;
display: block;
color: #111;
}
.menu li span {
font-size: 1.2em;
/*text-transform:uppercase;*/
font-weight: 300;
padding: 0 1.05em;
display: block;
color: #ed4d52;
background-color: #fff;
}

a.menu_0_bg {
	text-transform:uppercase;
	background-color: #444;
	color:#fff !important;
}
span.menu_0_bg {
	text-transform:uppercase;
	background-color: #fff;
	color:#000 !important;
}

a.menu_0_bg:hover {
	background-color:#ed4d52 !important;
}

.menu_0_br {
  border-right: 1px dotted #ddd;
}

.menu li a.menu_0, .menu li span.menu_0 { height:42px !important;line-height:42px; }
.menu_0_cat { border-left:1px dotted #999; }
.menu li a:hover,
.menu li:hover>a {
color: #fff;
}

.menu a.msel {
background:#ed4d52;
color:#fff;
}
.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;
display:none;
opacity: 0;
margin: 0;
padding: 0;
min-width: 190px;
position: absolute;
left: 0px;

border:1px solid #ccc;
background: #fff;
z-index: 99;
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: 1.2em;
font-weight: normal;
display: block;
color: #333;
background: #fff;
padding:0.7em 1.1em;
}
.menu ul li span {
font-size: 1.2em;
font-weight: normal;
display: block;
color: #fff;
background: #ed4d52;
padding:0.5em 1.1em;
}

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

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

.menu ul ul {
	margin-top:-1px;
  left: 190px;
  top: 0px;
  visibility: hidden;
	display:none;
  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;
     display:block;
 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: #ed4d52; }

#menu-lines { 
border-bottom: 12px double #ed4d52; 
border-top: 4px solid #ed4d52; 
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 { height:3.333333333em;text-align:center; }

.mainWrap { width: 768px; }

.menu { margin:0 auto; display:inline-block; }
.menu ul { top: 40px; }

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

a.homer { background: #fff; }

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

@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: #ed4d52;
  color: #fff;
  border-bottom:1px solid #fff;
}
.menu li ul span {
  background: #fff;
  color: #ed4d52;
  border-bottom:1px solid #fff;
}

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

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

.menu li >ul {
  visibility: visible;
    display:block;

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

}