/* #################################################### */
/* ######################  Меню  ######################### */
/* #################################################### */
.delimiter {
background-color: #395062;
height: 5px;
}
a {text-decoration: none;}
.containerMenu {
font-size:1.6em;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color:#1b2730;
width: 100%;
position: fixed;
border-bottom: 1px solid #314757;
top:0px;
z-index:1000;
-moz-box-shadow: 0 0 18px -1px #000;
-webkit-box-shadow: 0 0 18px -1px #000;
box-shadow: 0 0 18px -1px #000;
text-align: center;
}
.containerMenu.hide_menu {
position: absolute;
}
.wrapMenu {
width: 580px;
margin: auto;
}
.toggleMenu {
display:  none;
padding: 8px 15px 12px 15px;
color:#dddddd;
text-shadow:1px 1px 0px #222222;
font-weight:bold;
}
.toggleMenu:hover {
color:#ffffff;
}
.toggleMenu:after {
content:"";
background: url("../img/nav-icon-black.png") no-repeat;
width: 30px;
height: 30px;
display: inline-block;
position: absolute;
right: 15px;
top: 8px;
}
.navMenu {
list-style: none;
*zoom: 1;
/* background:#730F73; */
}
.navMenu:before,
.navMenu:after {
content: " "; 
display: table; 
}
.navMenu:after {
clear: both;
}
.navMenu ul {
list-style: none;
width: 10em;
}
.navMenu a {
padding: 7px 12px 10px 12px;
color:#ffffff;
text-shadow:1px 1px 0px #222222;
font-weight:bold;
-webkit-transition-duration: 0.15s;
-moz-transition-duration: 0.15s;
-o-transition-duration: 0.15s;
transition-duration: 0.15s;
}
.navMenu a:hover {
text-shadow: 0px 0px 5px #000000, 0px 0px 3px #000000, 0px 0px 10px #ffffff, 1px 1px 2px #000000, -1px 1px 2px #000000, 1px -1px 2px #000000, -1px -1px 2px #000000;
color: #FFE854;
-webkit-transition-duration: 0.15s;
-moz-transition-duration: 0.15s;
-o-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transform: scale(1.03,1.03);
-moz-transform: scale(1.03,1.03);
-o-transform: scale(1.03,1.03);
-ms-transform: scale(1.03,1.03);
transform: scale(1.03,1.03);
}
.navMenu .current a{
/* text-shadow:0px 0px 1px #000000, 0px 0px 1px #000000, 0px 0px 2px #000000, 0px 0px 3px #ffffff, 0px 0px 5px #ffffff, 0px 0px 7px #ffffff; */
text-shadow: 0px 0px 5px #000000, 0px 0px 3px #000000, 0px 0px 10px #ffffff, 1px 1px 2px #000000, -1px 1px 2px #000000, 1px -1px 2px #000000, -1px -1px 2px #000000;
color: #FFE854;
}
.navMenu li {
position: relative;
text-align: left;
}
.navMenu > li {
/* float: left; */
display: inline-block;
border-top: 1px solid transparent;
}
.navMenu > li > .parent {
background-image: url("../img/downArrow.png");
background-repeat: no-repeat;
background-position: right;
}
.navMenu > li > a {
display: block;
}
.navMenu li  ul {
position: absolute;
left: -9999px;
}
.navMenu > li.hover > ul {
left: 0px;
}
.navMenu li li.hover ul {
left: 100%;
top: 0;
}
.navMenu li li a {
display: block;
background: #1B2730;
position: relative;
z-index:100;
border-top: 1px solid #2E4150;
line-height: 22px;
}
.navMenu li li a.parent {
background-image: url("../img/downArrow.png");
background-repeat: no-repeat;
background-position: 95% 50%;
}
.navMenu li li li a {
background:#1B2730;
z-index:200;
border-top: 1px solid #2E4150;
}
/* #################################################### */
/* #################################################### */
/* #################################################### */
@media screen and (max-width: 450px) {

}
/* #################################################### */
@media screen and (max-width: 580px) {
.containerMenu {
background-position:0px 41px;
}
.wrapMenu {
width: 100%;
margin: auto;
text-align: left;
max-height: 350px;
overflow-y: auto;
background-color:#1b2730;
}
.active {
display: block;
}
.navMenu > li {
float: none;
display: block;
background-color:#1b2730;
border-top: 1px solid #314757;
}
.navMenu > li > .parent {
background-position: 95% 50%;
}
.navMenu li li .parent {
background-image: url("../img/downArrow.png");
background-repeat: no-repeat;
background-position: 95% 50%;
}
.navMenu ul {
display: block;
width: 100%;
}
.navMenu > li.hover > ul , .navMenu li li.hover ul {
position: static;
}
.navMenu li li li a {
background:#2b3e4d;
border-top: 1px solid #222222;
}
}