#menu-block {
  padding: 0;
  margin: 0;
}
/*стили всего блока меню, пунктов и ссылок*/
.vertical-menu {
  display: block;
  background: #000180;
  padding: 0;
  margin: 0;
  width: 220px; /*ширина меню и выпадающих блоков*/
}
.vertical-menu li /*граница*/ {
  display: block;
  position: relative;
  list-style: none;
  outline: none;
  background: #ffffff;
  border: solid 1px #d7d7d7;
  padding: 0;
  margin: 0px;
}
.vertical-menu li:hover {
  display: block;
  background: #000180;
  border: solid 1px transparent;
  margin: 2px;
}
.vertical-menu a {
	
  display: block;
  text-decoration: none;
  text-align: left;
  font-weight: 600;
  font: bold normal normal 14px Verdana; /*шрифт всех пунктов*/
  color: #000180;
  text-shadow: 0px 0 1px #ffffff;
  padding: 12px; /*регулируем высоту всех кнопок меню*/
  margin: 3px;
}
.vertical-menu a:hover {
  color: #ffffff;
  display: block; 
  font: Montserrat, sans-serif; text-align: left;
}


.drop-block {
  display: block;
  position: absolute;
  z-index: 1000;
  left: 100%; /*если меню справа - right: 100%;*/
  top: -9999em; /*скрываем выпадающие блоки*/
  background: #ffffff;
  border: solid 1px #ffffff;
  border-radius: 10px;
  box-shadow: 0.5em 1em 1em #666; /*если меню справа - box-shadow: -0.5em 1em 1em #666;*/

  box-shadow: 0.5em 1em 1em #000000; /*если меню справа - box-shadow: -0.5em 1em 1em #666;*/
/*анимация для выпадающих блоков*/

  opacity: 0;
  padding: 0;
  margin: -10px -20px 0 0; /*если меню справа - margin: -10px -10px 0 0;*/
  min-width: 250px; /*обычная ширина*/
  width: auto; /*ширина если строка без пробелов и переносов*/
}
.drop-link:hover > .drop-block {
  top: 0; /*показываем выпадающие блоки*/
  opacity: 1;
}