#navbar{display:flex;flex-direction:column;justify-content:space-between}#navbar > div{width:100%}.navigation{position:fixed;left:0;right:0;top:0;background-color:#000;color:#fff;padding:6px 0;z-index:9}.navigation .container{display:flex;padding:8px 15px}.navigation ul{display:flex;align-items:center;padding:0;margin:0}.navigation ul li{list-style:none;padding:0;margin:0}.navigation ul.right > li > a{color:#d0d0d0;display:block;width:100%}.navigation ul.right > li > a{font-size:12px}.navigation ul.right > li > a:hover{color:#fff;text-decoration:none}.navigation ul > li ul{display:none}.navigation > .container > .left,.navigation > .container > .right{width:100%}.navigation .right{justify-content:flex-end}.navigation .right li{margin-left:22px;white-space:nowrap}.navigation > .container > ul > li{position:relative}.navigation > .container > ul > li ul > li{width:100%;padding:8px 0}.navigation-modal{display:none;justify-content:center;align-items:center;position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0, 0, 0, 0.8);z-index:9}.navigation-modal.active{display:flex}.navigation-modal .navigation-modal-body{background-color:#000;border-radius:18px;overflow:hidden;min-width:240px;max-width:500px;width:100%}.navigation-modal .navigation-modal-body ul{display:flex;flex-direction:column;padding:20px 18px;z-index:10;padding-bottom:10px;max-height:300px;overflow:hidden;overflow-y:auto;margin:6px}.navigation-modal .navigation-modal-body ul a{color:#f5f5f5}.navigation .control-buttons{padding-bottom:7px;padding-top:4px;border-top:1px solid #252525}.navigation .control-buttons button{width:100%;background-color:transparent;border:none;height:33px}.navigation li img{width:30px;border-radius:4px;margin-right:8px}.navigation .logo{width:100%;max-height:26px;max-width:130px}#navbar-btn{font-size:24px;line-height:24px;margin-right:13px;color:#cbcbcb;border-radius:6px;background-color:#415464;border:none;padding:4px 10px}#navbar-container{opacity:0;visibility:hidden;background-color:rgba(0, 0, 0, 0.7);position:fixed;top:0;bottom:0;left:0;right:0;z-index:2;transition:opacity 0.3s ease-in-out, visibility 0.3s ease-in-out}#navbar-container.show{opacity:1;visibility:visible}#navbar-container #navbar{background-color:#efefef;max-width:400px;height:100%;width:100%;position:absolute;left:0;transform:translateX(-100%);transition:transform 0.3s ease-in-out;z-index:2}#navbar-container.show #navbar{transform:translateX(0)}#navbar-container #navbar-head{display:flex;justify-content:space-between;padding:10px 0;margin-bottom:22px;border-bottom:1px solid #cecece}#navbar-container #navbar-body{padding:0 13px;overflow-y:auto}#navbar-container .navbar-close{border:none;background-color:transparent;font-size:20px;color:#000}#navbar .languages{display:flex;justify-content:center}#navbar .languages a{padding:6px;font-weight:bold}#navbar .languages a.active{color:#006bc7;border-bottom:4px solid #006bc7}#navbar .languages a:hover{color:#006bc7}