/* #################################################### */
/* ######################  Меню  ######################### */
/* #################################################### */
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;
}
.wrapMenu {
width: 580px;
margin: auto;
}
.toggleMenu {
display:  none;
/* background-color:#5E0D5E; */
padding: 12px 15px 14px 15px;
color:#CCCCCC;
text-shadow:1px 1px 0px #222222;
font-weight:bold;
}
.toggleMenu:after {
content:"";
background: url("../img/nav-icon-black.png") no-repeat;
width: 30px;
height: 30px;
display: inline-block;
position: absolute;
right: 15px;
top: 11px;
}
.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:#CCCCCC;
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 1px #000000, 0px 0px 1px #000000, 0px 0px 2px #000000, 0px 0px 3px #ffffff, 0px 0px 5px #ffffff, 0px 0px 7px #ffffff;
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;
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: 0;
}
.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 li a {
background:#1B2730;
z-index:200;
border-top: 1px solid #2E4150;
}
/* #################################################### */
/* #################################################### */
/* #################################################### */
@media screen and (max-width: 450px) {
.containerMenu {
-moz-box-shadow: 0 0 0px 0px #000;
-webkit-box-shadow: 0 0 0px 0px #000;
box-shadow: 0 0 0px 0px #000;
}
}
/* #################################################### */
@media screen and (max-width: 570px) {
.containerMenu {
background-position:0px 41px;
}
.wrapMenu {
width: 100%;
margin: auto;
text-align: left;
}
.active {
display: block;
}
.navMenu > li {
float: none;
display: block;
background:#2B3E4D;
border-top: 1px solid #222222;
}
.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;
}
}