.flexMenu > li > a {display:block; font:normal 10pt/25pt 'arial'; background:#CD853F; position:relative; z-index:100; text-align:center; color:#ffffff; text-decoration:none;
-webkit-transition: 1s;
-moz-transition: 1s;
-ms-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
.flexMenu li span {color:#333; font:normal 14px/18px 'arial'; padding:0 10px;}

.flexMenu {padding:0; margin:3px auto; list-style:none; width:94%; height:99%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
text-align:center;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.item {border:1px solid #F5DEB3; border-width:1px 0; position:relative; overflow:hidden; border-radius:10px 10px 0 0; background:#CD853F;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
text-align:center;
-webkit-transition: 1s;
-moz-transition: 1s;
-ms-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
.sub {position:absolute; top:-75%; height:87%; width:100%; padding:0; margin:0; list-style:none; background:#EFEFEF;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-transition: 1s;
-moz-transition: 1s;
-ms-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
.sub li {color:#000; border:1px solid #FFAF61; border-width:1px 2;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
}
.sub li a {display:block; margin: -15 auto; text-decoration:none; color:#333333; font:normal 8pt 'arial';}

.item:hover {
-webkit-flex: ;
-moz-flex: 8;
-ms-flex: 8;
flex: 8;
}
.item:hover .sub {top: 9%;}

.item:hover > a {box-shadow:0 10px 10px -10px rgba(0,0,0,0.0);}
.flexMenu a:hover {text-decoration:underline;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.item {
min-height:10px;
max-height:120px;
}
.item:hover {
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
min-height:400px;
max-height:400px;
}
}