.top-panel{width:100%;position:fixed;height:80px;background-color:#4687ff;top:0;z-index:100;transition:all .25s linear;padding:1rem}.top-panel a{color:#fff;display:block;font-size:18px;font-weight:bold}.top-panel a:hover{text-decoration:none;color:#fff}.top-panel .logo{position:absolute;top:-4px}.top-panel .top-phone{color:#fff;font-weight:bold}.top-panel .top-nav .nav .active{background-color:#fff;border-radius:5px;color:#ff9c00}.top-panel .mobile-menu{float:right}.top-panel .mobile-menu i{color:#fff;margin:20px 0;padding:0;line-height:0;font-size:30px;cursor:pointer}.top-panel .mobile-menu .mobile-content{position:fixed;width:100%;background-color:#222;left:-992px;top:0;overflow-y:scroll;height:100%}.top-panel .mobile-menu .mobile-content .menu-close{position:absolute;right:10px;top:10px;cursor:pointer}.top-panel .mobile-menu .mobile-content ul{display:inline-block;width:100%;margin-top:50px}.top-panel .mobile-menu .mobile-content ul li{padding:0;border-bottom:1px solid rgba(255,255,255,0.5);width:100%}.top-panel .mobile-menu .mobile-content ul li a{color:#fff;font-size:18px;padding:10px}.top-panel .mobile-menu .mobile-content ul li .active{background-color:#fff;border-radius:0;margin:0;height:100%;color:#ff9c00}.top-panel .mobile-menu .mobile-content ul li .active li{background-color:#fff}.expanded{background-color:#4687ff}.expanded .logo{top:-32px;width:250px}@media (max-width: 1199.98px){body{padding-top:76px}.top-panel{height:65px;padding:10px 0}.top-panel .logo{top:0px}.expanded .logo{top:-28px;width:200px}.top-panel .top-nav .nav .nav-link{padding:6px 6px}}@media (max-width: 991.98px){body{padding-top:75px}.top-panel{background-color:#4687ff;height:75px}.top-panel .logo{top:-28px}.expanded .logo{width:auto}}@media (max-width: 767.98px){.top-panel .logo{top:-16px}}