nav_bar{position:relative;width:auto;margin:0 auto; z-index:1;}
#popup,#popup ul,#popup ul li,#popup ul li a,#popup #head-mobile{border:0; list-style:none; position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#popup:after,#popup > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#popup > ul > li{float:left; cursor:pointer;}
#popup > ul > li > a{font-size:12px;letter-spacing:1px;text-decoration:none;color:#ddd;}
#popup > ul > li:hover > a,#popup ul li.active a{color:#fff}
#popup > ul > li:hover,#popup ul li.active:hover,#popup ul li.active,#popup ul li.has-sub.active:hover{ background:#fff!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#popup > ul > li.has-sub > a{padding-right:30px;}
#popup > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#popup > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#popup > ul > li.has-sub:hover > a:before{top:23px;height:0}
#popup ul ul{position:absolute;left:-9999px; top:20px; /*border:1px solid #888;*/}
#popup ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;color:#444;width:200px;background:#fff;transition:all .25s ease}
#popup ul ul li:hover{}
#popup li:hover > ul{left:auto}
#popup li:hover > ul > li{height:30px}
#popup ul ul ul{margin-left:100%;top:0}
#popup ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:273px;font-size:12px;text-decoration:none;color:#ddd;font-weight:400;}
#popup ul ul li:last-child > a,#popup ul ul li.last-item > a{border-bottom:0}
#popup ul ul li:hover > a,#popup ul ul li a:hover{color:#fff}
#popup ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#popup ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#popup ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#popup ul ul li.has-sub:hover,#popup ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#popup ul ul ul li.active a{border-left:1px solid #333}
#popup > ul > li.has-sub > ul > li.active > a,#popup > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}