@import url("//fonts.googleapis.com/css?family=Droid+Sans:400,700");@import url("//fonts.ncwest.ncsoft.com/bakaexpert/fonts.css");@font-face{font-family:'BakaExpert';src:url("//fonts.ncwest.ncsoft.com/bakaexpert/fonts.css")}#new-main-nav{background:rgba(0,0,0,0.8);position:absolute;top:33px;left:0;width:100%;height:100px;z-index:999;transition:height 0.3s}#new-main-nav .menu-contain{max-width:1320px;margin:0 auto;position:relative}#new-main-nav .menu-contain .logo-link{display:inline-block;vertical-align:top;height:90px;width:180px;position:relative}@media (max-width: 1023px){#new-main-nav .menu-contain .logo-link{display:block;margin:0 auto;height:70px}}#new-main-nav .menu-contain .logo-link .logo{width:auto;height:62px;margin-right:20px;position:absolute;left:47%;top:47%;transform:translate(-45%, -50%);min-width:0}@media (min-width: 1024px){#new-main-nav .menu-contain .logo-link .logo{top:50%;width:181px;height:82px}}#new-main-nav .menu-contain ul{display:inline-block;vertical-align:top;padding:0;margin:0;height:90px;list-style:none;padding-left:30px}#new-main-nav .menu-contain ul li{vertical-align:top;display:inline-block;padding:0 17px;position:relative;height:90px}#new-main-nav .menu-contain ul li a{display:block;margin:0;font-family:'BakaExpertRegular', serif;font-size:27px;line-height:90px;text-align:left;color:#b1b1b1}#new-main-nav .menu-contain ul li a:hover,#new-main-nav .menu-contain ul li a:focus{color:#fff}#new-main-nav .menu-contain ul li a:before{display:none;bottom:30px}#new-main-nav .menu-contain ul li ul{position:absolute;bottom:-10px;left:-10px;transition:all .3s;transform:translateY(100%) scaleY(0);transform-origin:top center;height:auto;background:rgba(0,0,0,0.8);padding:5px 10px 10px}#new-main-nav .menu-contain ul li ul li{display:block;height:auto}#new-main-nav .menu-contain ul li ul li a{text-transform:none;margin:0;line-height:2.14;font-size:14px;white-space:nowrap;font-family:'DriodSans', sans-serif}#new-main-nav .menu-contain ul li ul li a:hover,#new-main-nav .menu-contain ul li ul li a:focus{color:#b75334}#new-main-nav .menu-contain ul li ul li a:before{display:none}#new-main-nav .menu-contain ul li:hover ul{transform:translateY(100%) scaleY(1)}#new-main-nav .menu-contain ul li.active:after{content:"";position:absolute;bottom:25px;left:20%;display:block;width:60%;height:2px;background:#b75334}#new-main-nav .menu-contain ul li.gp{margin-right:10px}#new-main-nav .menu-contain ul .parent{position:relative;padding-bottom:10px}#new-main-nav .menu-contain ul .parent:after{display:inline-block;position:absolute;color:#b75334;font-size:11px;top:-2px;vertical-align:top;padding-left:5px;font-family:"FontAwesome";content:"\f078";text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 1023px){#new-main-nav .menu-contain ul{width:100%;display:block;padding:20px 0 0;height:auto;text-align:left}#new-main-nav .menu-contain ul li{display:block;width:calc(100%);height:auto}#new-main-nav .menu-contain ul li a{color:white;text-transform:uppercase;font-size:18px;line-height:50px;padding-left:50px;margin:0 10px;border-top:1px solid rgba(255,255,255,0.3)}#new-main-nav .menu-contain ul li a.parent:after{transition:all .3s;transform-origin:50% 50%;position:absolute;right:10px;color:#b75334}#new-main-nav .menu-contain ul li.active:after{display:none}#new-main-nav .menu-contain ul li:hover ul{transform:translateY(0)}#new-main-nav .menu-contain ul li ul{background:none;position:relative;transform:scaleY(1);max-height:0;transition:all 0.3s;padding:0 10px 14px;overflow:hidden}#new-main-nav .menu-contain ul li ul li{padding-left:20px}#new-main-nav .menu-contain ul li ul li a{line-height:40px;border:none}#new-main-nav .menu-contain ul li ul li a:before{display:inline-block;border:none;width:auto;position:relative;bottom:auto;left:auto;vertical-align:top;padding-right:5px;font-family:"FontAwesome";color:#b75334;content:"\f054";text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#new-main-nav .menu-contain ul li.expand a.parent{background:#255A99}#new-main-nav .menu-contain ul li.expand a.parent:after{transform:rotate(180deg)}#new-main-nav .menu-contain ul li.expand ul{max-height:414px}}#new-main-nav .menu-contain .play-free-btn{display:none;position:absolute;margin:4em auto;top:initial;left:50%;width:90%;height:42px;border-radius:2px;background-color:#e26414;box-shadow:0 0 16px 0 rgba(24,20,26,0.64);transform:translate(-50%, -50%)}@media (min-width: 1024px){#new-main-nav .menu-contain .play-free-btn{display:block;left:auto;top:50%;right:0;margin:0;width:165px}}#new-main-nav .menu-contain .play-free-btn:hover,#new-main-nav .menu-contain .play-free-btn:focus{cursor:pointer;background-color:#e34400}#new-main-nav .menu-contain .play-free-btn>.play-free-btn-inner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:132px;font-size:13.9px;font-family:'Droid Sans';line-height:1.5;text-align:center;color:#fff}#new-main-nav .menu-contain .social-links{display:none}#new-main-nav .menu-contain .social-links a:before{color:#174577}#new-main-nav .menu-contain .social-links:hover:before{color:white}#new-main-nav .menu-contain .show-desktop{position:absolute;right:10px;top:-8%}#new-main-nav .menu-contain .go-back-link{position:absolute;right:20px;top:100%;color:white}#new-main-nav .menu-contain .go-back-link:before{border-bottom-color:white}@media (max-width: 1024px){#new-main-nav .menu-contain .go-back-link{display:none}}@media (max-width: 1024px){#new-main-nav .menu-contain{height:100%;width:100vw;text-align:center;overflow:hidden}#new-main-nav .menu-contain .angle-button{display:inline-block;position:relative;top:auto;margin-bottom:30px}#new-main-nav .menu-contain .social-links{display:block}}#new-main-nav .menu-btn{display:none;width:40px;height:45px;cursor:pointer;text-align:center;position:absolute;top:10px;left:30px;text-shadow:0px 0px 1px #b75334;z-index:9999}@media (min-width: 1320px){#new-main-nav .menu-btn{left:calc(50% - (1320px/2) + 30px)}}@media (max-width: 768px){#new-main-nav .menu-btn{left:15px}}#new-main-nav .menu-btn .menu-icon{width:20px;height:16px;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%) rotate(0deg);-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;cursor:pointer}#new-main-nav .menu-btn .menu-icon span{display:block;position:absolute;height:2px;width:50%;background:white;opacity:1;transform:rotate(0deg);-webkit-transition:0.2s;-moz-transition:0.2s;transition:0.2s}#new-main-nav .menu-btn .menu-icon span:nth-child(even){left:50%}#new-main-nav .menu-btn .menu-icon span:nth-child(odd){left:0px}#new-main-nav .menu-btn .menu-icon span:nth-child(1),#new-main-nav .menu-btn .menu-icon span:nth-child(2){top:0px}#new-main-nav .menu-btn .menu-icon span:nth-child(3),#new-main-nav .menu-btn .menu-icon span:nth-child(4){top:7px}#new-main-nav .menu-btn .menu-icon span:nth-child(5),#new-main-nav .menu-btn .menu-icon span:nth-child(6){top:14px}#new-main-nav .menu-btn:hover .menu-icon span{background:#b75334}#new-main-nav.open .menu-btn .menu-icon span:nth-child(1),#new-main-nav.open .menu-btn .menu-icon span:nth-child(2){top:4px}#new-main-nav.open .menu-btn .menu-icon span:nth-child(5),#new-main-nav.open .menu-btn .menu-icon span:nth-child(6){top:10px}#new-main-nav.open .menu-btn .menu-icon span:nth-child(1),#new-main-nav.open .menu-btn .menu-icon span:nth-child(6){transform:rotate(45deg)}#new-main-nav.open .menu-btn .menu-icon span:nth-child(2),#new-main-nav.open .menu-btn .menu-icon span:nth-child(5){transform:rotate(-45deg)}#new-main-nav.open .menu-btn .menu-icon span:nth-child(1),#new-main-nav.open .menu-btn .menu-icon span:nth-child(5){left:2px}#new-main-nav.open .menu-btn .menu-icon span:nth-child(2),#new-main-nav.open .menu-btn .menu-icon span:nth-child(6){left:calc(50% - 2px)}#new-main-nav.open .menu-btn .menu-icon span:nth-child(3){left:-50%;opacity:0}#new-main-nav.open .menu-btn .menu-icon span:nth-child(4){left:100%;opacity:0}#new-main-nav.open .play-free-btn{display:block}@media (max-width: 1023px){#new-main-nav{position:absolute;top:33px;height:70px;z-index:6000;max-width:100%;overflow:hidden}#new-main-nav .menu-btn{display:block}#new-main-nav.open{height:100vh;position:fixed}#new-main-nav.open .menu-contain{background:#000;z-index:6000;overflow:auto}}#shop-overview #new-main-nav .menu-contain .play-free-btn,#memberships-page #new-main-nav .menu-contain .play-free-btn,#character-transfer #new-main-nav .menu-contain .play-free-btn,#ncoin-shop #new-main-nav .menu-contain .play-free-btn{display:none}