body{}
*{box-sizing:border-box;}
a{color:#333;}
.description{position:absolute;top:50%;left:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
.menu-container{width:97%;max-width:1140px;margin:0 auto;background:#393268}
.menu-mobile{display:none;padding:20px;color:#fff;text-decoration:none}
.menu-mobile:after{content:"\f394";font-family:"Ionicons";font-size:2.5rem;padding:0;float:right;position:relative;top:50%;-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%);color:#fff}
.menu-dropdown-icon:before{content:"\f489";font-family:"Ionicons";display:none;cursor:pointer;float:right;padding:28px 25px;background:#7870ad;color:#fff;}
.menu > ul{margin:0 auto;width:100%;list-style:none;padding:0;position:relative;box-sizing:border-box;}
.menu > ul:before,
.menu > ul:after{content:"";display:table;}
.menu > ul:after{clear:both;}
.menu > ul > li{float:left;padding:0;margin:0;}
.menu > ul > li a{text-decoration:none;padding:20px 25px;display:block;color:#fff;font-size:18px;font-weight:600;}
.menu > ul > li a.selected{background:#7870ad}
.menu > ul > li:hover{background:#443c7c;}
.menu > ul > li > ul{display:none;width:100%;background:#eeebf8;padding:20px;position:absolute;z-index:99;left:0;margin:0;list-style:none;box-sizing:border-box;-moz-border-radius-bottomleft:8px;-webkit-border-bottom-left-radius:8px;border-bottom-left-radius:8px;-moz-border-radius-bottomright:8px;-webkit-border-bottom-right-radius:8px;border-bottom-right-radius:8px;border:1px solid #d0c9e8;border-top:none;border-bottom:6px solid #d0c9e8;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-bottom:5px}
.menu > ul > li > ul:before,
.menu > ul > li > ul:after{content:"";display:table;}
.menu > ul > li > ul:after{clear:both;}
.menu > ul > li > ul > li{margin:0;padding-bottom:0;list-style:none;width:25%;background:none;float:left;}
.menu > ul > li > ul > li a{color:#444;padding:.2em 0;width:95%;display:block;border-bottom:1px solid #ccc;font-weight:400}
.menu > ul > li > ul > li > ul{display:block;padding:0;margin:10px 0 0;list-style:none;box-sizing:border-box;}
.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after{content:"";display:table;}
.menu > ul > li > ul > li > ul:after{clear:both;}
.menu > ul > li > ul > li > ul > li{float:left;width:100%;padding:5px 0;margin:0;font-size:.8em;}
.menu > ul > li > ul > li > ul > li a{border:0;padding:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-weight:700}
.menu > ul > li > ul > li > ul > li a:hover{background:#d9d3eb}
.menu > ul > li > ul.normal-sub{width:300px;left:auto;padding:10px 20px;}
.menu > ul > li > ul.normal-sub > li{width:100%;}
.menu > ul > li > ul.normal-sub > li a{border:0;padding:1em 0;}
@media only screen and (max-width:959px){.menu-container{width:100%;}
.menu-mobile{display:block;}
.menu-dropdown-icon:before{display:block;}
.menu > ul{display:none;}
.menu > ul > li{width:100%;float:none;display:block;}
.menu > ul > li a{padding:1.5em;width:100%;display:block;}
.menu > ul > li > ul{position:relative;}
.menu > ul > li > ul.normal-sub{width:100%;}
.menu > ul > li > ul > li{float:none;width:100%;margin-top:20px;}
.menu > ul > li > ul > li:first-child{margin:0;}
.menu > ul > li > ul > li > ul{position:relative;}
.menu > ul > li > ul > li > ul > li{float:none;}
.menu .show-on-mobile{display:block;}
}