.sf-menuvert { width:98%; float:left; position:relative; text-align:right;}
.sf-menuvert * { color:#000; }
.sf-menuvert ul {  list-style: none outside none; margin:0; transition:all 0.4s ease; }
.sf-menuvert li { border-bottom:1px solid #ccc; padding: 6px 1em; position: relative;  }
.sf-menuvert li img { vertical-align: middle; max-height: 45px; max-width: 45px; }
.sf-menuvert ul { 	box-shadow: 2px 2px 6px rgba(0,0,0,.2);	min-width: 15em; padding:0;
	position: absolute; top: 57px; z-index: 99; width:100%; right:0; left:0; margin:auto; display:none; 
	}
.sf-menuvert ul > li > a { font-size:var(--FontSize1); padding:10px 0; }
.sf-menuvert > li a { font-size:var(--FontSize1); transition:all 0.4s ease;   }
.sf-menuvert > li ul a {    }

.linact { margin:auto;  transition: 0.3s ease all; position:absolute; top:0; right:0; left:0; width:2px; display:table; font-size:2px; height:1px;   }
.sf-menuvert li:hover > .linact { width:70%; background:red;   }

.sf-menuvert a:hover {  }
.sf-menuvert .activmenu ul {  } 
.activmenu > .linact { width:70%; background:red;   }
.activmenu > ul > li a:hover {   }
.sf-menuvert li:hover > ul,
.sf-menuvert li.sfHover > ul {}
.sf-menuvert ul li {	padding:10px 0; background: rgba(255, 255, 255, 0.75); width:100%; }

.zonemenu { width:100%; margin:40px 0; text-align:center; }
.zonemenu * {  }

@media (max-width:780px){
	.sf-menuvert ul > li > a { font-size:var(--FontSize3); }
	.sf-menuvert a { font-size:var(--FontSize4); }		
	.activmenu > a { font-size:var(--FontSize6); } 
	.sf-menuvert li { padding: 0 0.5em; display:table; width:100%; }
	.sf-menuvert {  margin:0px 0 40px 0;  }
	
	.sf-menuvert ul > li > a { padding:7px 0; display:table; width:100%; }
	.sf-menuvert > li a { padding:7px 0; display:table; width:100%;  }
}