.main_menu{margin:0;padding:30px 0;list-style-type:none;display:inline-block}.main_menu li{float:left}.main_menu li a{display:inline-block;color:#eee6e6;padding:0 20px;position:relative}.main_menu li a:after{display:block;content:'';position:absolute;width:100%;height:50%;bottom:0;left:0;background-color:#b658c7;z-index:1;transform:scaleY(0);transform-origin:50% 100%}.main_menu li a.active:after,.main_menu li a:hover:after{transform:scaleY(1)}.main_menu li a:after,.main_menu li a:hover:after{transition:transform .25s ease}.main_menu li a span{display:inline-block;position:relative;z-index:2}.sandwitch{display:none;position:absolute;width:30px;height:30px;top:40px;right:50px;z-index:3}.sandwitch .bar{display:block;height:3px;border-radius:1.5px;background-color:#fff;margin-bottom:7px}.sandwitch .bottom_bar,.sandwitch .top_bar{width:50%}.sandwitch .bottom_bar{float:right}.sandwitch .middle_bar{transform-origin:50% 50%}.sandwitch .top_bar{transform-origin:3px 0}.header.active .bottom_bar{transform-origin:100% 0;transform:rotate(43deg) translate(-2px,3px)}.header.active .top_bar{transform:rotate(43deg) translate(3px,0)}.header.active .middle_bar{transform:rotate(-45deg)}.header .middle_bar,.header.active .middle_bar{transition:transform .25s ease}.header .top_bar{transition:transform .25s ease;transition-delay:.15s}.header.active .top_bar{transition:transform .25s ease;transition-delay:.15s}.header .bottom_bar{transition:transform .25s ease}.header.active .bottom_bar{transition:transform .25s ease;transition-delay:.25s}