.mop{list-style:none;margin-left:-20px}.mop li{float:left;position:relative}.mop > li:first-of-type,.mop > li:first-of-type a{border-radius:3px 0 0 0px}.mop > li:last-of-type,.mop > li:last-of-type a{border-radius:0 0px 0px 0}.mop li a{display:block;padding:11px 11px;text-decoration:none;color:#fff;transition:all ease .5s}.mop:hover li a{opacity:.5;transition:all ease .5s}.mop li:hover a{opacity:1}.submenu{position:absolute;left:-9999px}.mop li:hover > .submenu{left:0}.has-submenu:after{position:relative;content:"";top:11px;left:4px;border-left:3px solid transparent;border-right:3px solid transparent;border-top:5px solid #86E4FF;opacity:.7;transition:all ease .3s}.mop > li:hover .has-submenu:after{opacity:1}.submenu:before{content:"";position:absolute;z-index:1;margin-top:5px;left:-9999px;top:-10px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #FFF}.mop li:hover .submenu:before{left:15px}.submenu li{white-space:nowrap;padding:1px;background:#fff;box-shadow:0px 2px 1px rgba(0,0,0,0.5);width:100px}.submenu > li:first-of-type{border-radius:3px 3px 0 0}.submenu > li:last-of-type{border-radius:0 0 3px 3px}.mop > li:hover > a{transition:background ease .5s}.submenu a{font-size:90%;transition:background ease .3s}.submenu a:hover{background:rgba(0,135,174,0.09)}