/*        V4        */

/*! *{margin:0; padding:0; transition: all 0.3s ease;}

*:hover{transition: all 0.3s ease;} */

*{margin:0; padding:0;}
.picomenu{
	display:none;
}

.menu>ul {
	width: 100%;
	list-style:none;
	margin-top:-2px;
	margin-bottom:0px;
	padding:0px;
	background-color:black;	
	font-variant:small-caps;
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	}
.menu>ul ul{
	position: absolute;
	width: 100%;
	list-style:none;
	background-color:black;	
	margin:0;
	font-variant:small-caps;
	display: inline-flex;
	flex-direction: column;
	flex-wrap: no-wrap;
	text-align: center;
	z-index: 1;
	overflow:hidden;
	max-height: 0px;
	opacity:0;
	border-radius: 0.8em;
	transition: all ease 0.3s 0.3s;
}
.menu>ul>li {position: relative;} 
.menu>ul>li:hover ul {
    margin: 32px 0 0 0;
    max-height: 70vh;
    opacity: 1;
    border-radius: 0.5em;
    transition: all ease 0.3s 0.3s;
    overflow-y: auto;
    scrollbar-width: thin;
}

.menu>ul li {
	display: inline-flex;
	flex: 1 1 auto;
	margin: 0;
	padding: 0 0.1em;
	background: linear-gradient(to bottom, rgba(29,29,29,0.83) 0%,rgba(66,66,66,0.92) 50%,rgba(83,83,83,0.92) 51%,rgba(108,108,108,1) 100%);
	border-right: 1px solid black;
	}
	
.menu li>a {
	/*! height: 32px; */
	color:#E8CC06;
	text-decoration: none;
	line-height: 32px;
	background-image: linear-gradient(to bottom, rgba(61,61,61,0) 0%,rgba(104,104,104,0) 50%,rgba(124,124,124,0) 51%,rgba(188,188,188,0) 100%);
	border-radius: 50%;
	width: 100%;
	padding: 0 0.3em;
	letter-spacing: 0.05em;
    font-size: 1.05em;
	}	
	
.menu li>a:link, .menu li>a:visited {
	color: #F4FF3A;
	}
.menu li>a img{
	max-width:100%;
	display: flex;
	margin: 0.1em 0;
}	
.menu li a:hover {
	color: white;
	background-image: linear-gradient(to bottom, rgba(55,33,62,0.83) 0%,rgba(95,56,107,0.92) 50%,rgba(112,66,127,0.92) 51%,rgba(177,132,191,1) 100%);
	border-radius: 0.5rem;
	}

.menu li.current>a {

	/*! background: url(img/menu_hover_32px.gif); */
	background-image: linear-gradient(to bottom, rgba(55,33,62,0.83) 0%,rgba(95,56,107,0.92) 50%,rgba(112,66,127,0.92) 51%,rgba(177,132,191,1) 100%);
	border-radius: 0.5rem;
	/*! background-color: #8d4eba; */
	}

.menu form{
	height: 26px;
	margin: 3px auto;
	
}
.menu input[type=submit]{
	background:none;
	border:none;
	cursor:pointer;
}
.menu form input:first-child {
  text-align: center;
	height: 100%;
	padding: 0.2em;
	font: inherit;
	color:yellow;
	letter-spacing: 0.05em;
	font-style: italic;
	text-shadow: inherit;
	border-radius: 0.5em;
	border: none;
	box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.8) inset;
	background: rgba(255,255,255,0.5);
	border-bottom: 1px solid rgba(255,255,255,0.3);
	border-top: 1px solid rgba(0,0,0,1);
}
.menu form input:first-child:focus {
	box-shadow: 0px 0px 3px 1px #ca35e7;
	background: rgba(255,255,255,0.9);
}