.colors{float:left;margin:20px auto;width:260px}.colors a{float:left;height:30px;width:33.33333333%}.menu,.menu ul li{width:100%;float:left}.colors .blue{background:#4a89dc}.colors .white{background:#fff}.menu *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0}.menu ul{list-style:none;margin:0;padding:0}.menu ul li{display:block;position:relative}.menu ul li a i{float:left;font-size:16px;line-height:18px;text-align:left;width:34px;display:none}.menu ul .submenu li .menu-label,.menu ul li .menu-label{font-size:11px;font-weight:800;min-width:20px;padding:1px 2px 1px 1px;right:18px;text-align:center;border-radius:100%;color:#555}.menu ul li .menu-label{background:#f0f0f0;line-height:18px;position:absolute;top:14px}.menu ul .submenu,.menu ul .submenu li ul.submenu{display:none;position:static;width:100%}.menu ul .submenu .submenu-indicator{line-height:16px}.menu ul .submenu li{clear:both;width:100%}.menu ul .submenu li ul.submenu{overflow:hidden}.menu ul .submenu li a{background:#383838;border-left:solid 6px transparent;border-top:none;float:left;font-size:11px;position:relative;width:100%}.menu ul .submenu li .menu-label{background:#f0f0f0;line-height:18px;position:absolute;top:12px;top:14px}.menu ul .submenu>li>a{padding-left:10px}.menu ul .submenu>li>ul.submenu>li>a{padding-left:45px}.menu ul .submenu>li>ul.submenu>li>ul.submenu>li>a{padding-left:60px}.menu .submenu-indicator{-moz-transition:"transform .3s linear";-o-transition:"transform .3s linear";-webkit-transition:"transform .3s linear";transition:"transform .3s linear";float:right;font-size:20px;line-height:19px;position:absolute;right:22px}.menu .submenu-indicator-minus>.submenu-indicator{-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ink{-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transform:scale(0);background:rgba(255,255,255,.3);border-radius:100%;display:block;position:absolute;transform:scale(0)}.animate-ink{-moz-animation:ripple .3s linear;-ms-animation:ripple .3s linear;-o-animation:ripple .3s linear;-webkit-animation:ripple .3s linear;animation:ripple .3s linear}@-moz-keyframes ripple{100%;{opacity:0;-moz-transform:scale(2.5);-ms-transform:scale(2.5);-o-transform:scale(2.5);-webkit-transform:scale(2.5);transform:scale(2.5)}}@-webkit-keyframes ripple{100%;{opacity:0;-moz-transform:scale(2.5);-ms-transform:scale(2.5);-o-transform:scale(2.5);-webkit-transform:scale(2.5);transform:scale(2.5)}}@keyframes ripple{100%;{opacity:0;-moz-transform:scale(2.5);-ms-transform:scale(2.5);-o-transform:scale(2.5);-webkit-transform:scale(2.5);transform:scale(2.5)}}.blue.menu .menu-footer,.blue.menu .menu-header,.blue.menu ul li>a{background:#4a89dc}.blue.menu ul ul.submenu li:hover>a{border-left-color:#3e82da}.blue.menu>ul>li.active>a,.blue.menu>ul>li:hover>a{background:#3e82da}.blue.menu>ul>li>a{border-bottom-color:#3e82da}.white.menu .menu-footer,.white.menu .menu-header,.white.menu ul li a{background:#fff;color:#555}.white.menu ul ul.submenu li:hover>a{border-left-color:#f0f0f0}.white.menu ul ul.submenu li a{color:#f0f0f0}.white.menu>ul>li.active>a,.white.menu>ul>li:hover>a{background:#f0f0f0}.white.menu>ul>li>a{border-bottom-color:#f0f0f0}.white.menu>ul>li>a>.ink{background:rgba(0,0,0,.1)}