/* ///////////////Вертикальное Меню//////////////// */
.vertmenu, .vertmenu li { margin:0; padding:0; list-style: none; }
.vertmenu{
margin:0;
width:100%
box-sizing:border-box
}
.vertmenu ul{
border: solid 1px #EDEDED;
border-bottom: none;
}
.vertmenu ,
.vertmenu li ul {
padding:0;
background:#FFF;
}
.vertmenu li ul {
visibility: hidden;
position:fixed;
top:-1px;
left: auto;
right: auto;
box-shadow: 0 1px 2px #666;
opacity: 0;
transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
}
.vertmenu li {
border-width:0 0 1px;
border-style:dotted;
}
.vertmenu li:hover,
.vertmenu li.active {
position: relative;
background: #ecf0f1;
}
.vertmenu li:first-child {
}
.vertmenu li:last-child {
border-bottom: none;
}
.vertmenu li:hover > ul {
visibility: visible;
position:static;
opacity: 1;
}
.vertmenu li.active:hover {
}
.vertmenu .item{
color:#333;
}
.vertmenu li.active .item {
color:#000;
}
.vertmenu li.hover a {
}
.vertmenu a,
.vertmenu span.item {
overflow: hidden;
display:block;
text-decoration: none;
padding:4px 10px;
padding-left:36px;
color: transparent;
display: block;
text-transform: uppercase;
text-shadow: 0px 0px 1px #000;
letter-spacing: 1px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.vertmenu :hover a{
text-shadow: 0px 0px 2px #000;
}
.vertmenu a:hover {
color:#000;
text-shadow: 0px 0px 1px #555;
padding-left: 45px;
}
.vertmenu .counter{
float:right;
padding: 0px 7px;
background: #376499;
border-radius: 50px;
font-size: 11px;
color: #fff;
}
.vertmenu li:hover .counter{
background:#BDC3C7;
}
.vertmenu > select { display:none; background: #F1F1F1 url("/images/menu-mobile.png") no-repeat scroll center center; }
/* ///////////////Вертикальное Меню//////////////// */
