.mod-webmenu{position:relative;}

.mod-webmenu-title{color:var(--white);border-bottom: 3px solid #404050;}
.mod-webmenu-title::before{display:block;}
.mod-webmenu-title::after{
	content: ''; display: block;
	padding: 6px 0px; width: 40%;
	position: relative; top: 3px;
	border-bottom: 3px solid var(--main);
}

ul.mod-webmenu{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;}
ul.mod-webmenu li{display:block;width: 100%;}
ul.mod-webmenu li a{display:block;padding:12px;border-bottom:1px dashed var(--light3);}
ul.mod-webmenu li span{color:var(--main);transition:0.5s;}
ul.mod-webmenu li a, ul.mod-webmenu li a:link{color:var(--white);}
ul.mod-webmenu li.current{color:var(--main) !important;}
ul.mod-webmenu li.current a span, ul.mod-webmenu li.current a:link span{color:var(--main) !important;transition:0.5s;}
ul.mod-webmenu li.current a, ul.mod-webmenu li.current a:link{color:var(--main) !important;transition:0.5s;}
ul.mod-webmenu li.current:hover a, ul.mod-webmenu li.current:hover a:link, 
ul.mod-webmenu li.current:hover span{color:var(--base) !important;}
ul.mod-webmenu li.parent{}
ul.mod-webmenu li.parent span.separator{cursor:pointer;}
ul.mod-webmenu li.parent span.separator:after{content:'+';padding-right:12px;}
ul.mod-webmenu li > span{padding:12px;}

ul.mod-webmenu li:hover{}
ul.mod-webmenu > li:hover > a{color:var(--base);}
ul.mod-webmenu > li:hover > span{color:var(--base);}

ul.mod-webmenu__sub{position:absolute;top:60px;right:0;width:100%;
	background:var(--grey10);display:none;z-index:1000;}
	ul.mod-webmenu li.parent:hover{}
	ul.mod-webmenu li.parent:hover ul.mod-webmenu__sub{display:block;}
	
	ul.mod-webmenu li.nav-item:hover > a{color:var(--base);}
	ul.mod-webmenu li.nav-item:hover > a > span{color:var(--base);}
	ul.mod-webmenu li.nav-item:hover > span{color:var(--base);}
	ul.mod-webmenu li.nav-item:hover > span > span{color:var(--base);}
	
	
	/* @media ************ */
	@media only screen and (max-width:961px){
		
		ul.mod-webmenu{display:flex;flex-wrap:wrap;justify-content:space-evenly;}
		
	}/* @media pcl */