html{box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
ul{padding:0;margin:0;}
.hidden{display:none !important;}
.main-menu{font-size:1rem;font-family:FontAwesome;}
#mm-btn-open,
#mm-btn-close{padding-left:10px;display:none;}
.main-menu a{flex:1 1 auto;color:white;text-decoration:none;padding:10px 0;}
.main-menu a:hover{color:white;cursor:pointer;}
.main-menu ul{display:flex;flex-direction:column;color:green;}
.main-menu ul li{list-style-type:none;flex:1 1 auto;display:flex;text-align:left;position:relative;}
.main-menu #mm-toggle > ul{flex-direction:row;}
.main-menu li > ul{display:none;position:absolute;}
.main-menu li:hover > ul{display:flex;z-index:9999;width:100%;top:0%;left:100%;}
.main-menu li.has-sub > ul{left:0%;top:100%;}
.main-menu .has-sub > a,
.main-menu .has-inner-sub a{display:flex;align-items:center;justify-content:center;}
.main-menu .has-sub > a::after{content:'';flex:0 1 auto;margin:0 5px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:10px solid green;}
.main-menu .has-inner-sub > a::after{content:'';flex:0 1 auto;margin:0 5px;width:0;height:0;border-top:5px solid transparent;border-left:10px solid green;border-bottom:5px solid transparent;}