.navcolor{--bg-color:#fff;--text-color:#000;--inputbox-color:#db801e;--side-color:#db801e}.navcolor-dark{--bg-color:#002c58;--text-color:#fff;--inputbox-color:#002c58;--side-color:#002c58}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh}nav{position:fixed;top:0;left:0;width:100%;height:100%;height:70px;background:var(--bg-color);box-shadow:0 5px 5px rgba(0,0,0,.2);z-index:99}nav .navbar{height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;margin:auto;padding:0 50px}.navbar .logo a{font-size:1rem;color:var(--text-color);text-decoration:none;font-weight:600}nav .navbar .nav-links{line-height:70px;height:100%}nav .navbar .links{display:flex}nav .navbar .links li{position:relative;display:flex;align-items:center;justify-content:space-between;list-style:none;padding:0 15px}nav .navbar .links li a{height:100%;text-decoration:none;white-space:nowrap;color:var(--text-color);font-size:.85rem;font-weight:500}.links li:hover .con-arrow,.links li:hover .dev-arrow,.links li:hover .htmlcss-arrow,.links li:hover .inno-arrow,.links li:hover .js-arrow,.links li:hover .lang-arrow,.links li:hover .pre-arrow,.links li:hover .sus-arrow{transform:rotate(180deg)}nav .navbar .links li .arrow{height:100%;width:22px;line-height:70px;text-align:center;display:inline-block;color:var(--text-color);transition:all .3s ease}nav .navbar .links li .sub-menu{position:absolute;top:70px;left:0;line-height:40px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);border-radius:0 0 4px 4px;display:none;z-index:2}nav .navbar .links li:hover .con-sub-menu,nav .navbar .links li:hover .dev-sub-menu,nav .navbar .links li:hover .htmlCss-sub-menu,nav .navbar .links li:hover .inno-sub-menu,nav .navbar .links li:hover .js-sub-menu,nav .navbar .links li:hover .lang-sub-menu,nav .navbar .links li:hover .pre-sub-menu,nav .navbar .links li:hover .sus-sub-menu{display:block}.navbar .links li .sub-menu li{padding:0 22px;border-bottom:1px solid rgba(0,0,0,.2)}.navbar .links li .sub-menu a{color:#000;font-size:.85rem;font-weight:500}.navbar .links li .sub-menu .more-arrow,.navbar .links li .sub-menu .szmore-arrow{line-height:40px;color:#db801e}.navbar .links li .sub-menu .more-sub-menu,.navbar .links li .sub-menu .szmore-sub-menu{position:absolute;top:0;left:100%;border-radius:0 4px 4px 4px;z-index:1;display:none}.links li .sub-menu .more:hover .more-sub-menu,.links li .sub-menu .szmore:hover .szmore-sub-menu{display:block}.navbar .search-box{position:relative;height:40px;width:40px}.navbar .search-box i{position:absolute;height:100%;width:100%;line-height:40px;text-align:right;font-size:1.2rem;color:var(--text-color);font-weight:600;cursor:pointer;transition:all .3s ease}.navbar .search-box .input-box{position:absolute;right:calc(100% - 40px);top:80px;height:60px;width:300px;background:var(--inputbox-color);border-radius:6px;opacity:0;pointer-events:none;transition:all .4s ease}.navbar.showInput .search-box .input-box{top:65px;opacity:1;pointer-events:auto;background:var(--inputbox-color)}.search-box .input-box:before{content:"";position:absolute;height:20px;width:20px;background:var(--inputbox-color);right:10px;top:-6px;transform:rotate(45deg)}.search-box .input-box input{position:absolute;top:30px;left:50%;border-radius:4px;transform:translate(-50%,-50%);height:35px;width:280px;outline:none;padding:0 15px;font-size:.85rem;border:none}.navbar .bx-menu,.navbar .nav-links .sidebar-logo{display:none}.staff_txt{color:#db801e}@media (max-width:1590px){nav .navbar{max-width:100vw;padding:0 15px}nav .navbar .logo a{font-size:.8rem;color:var(--text-color)}nav .navbar .links li{padding:0 8px;white-space:nowrap}nav .navbar .links li a{font-size:.8rem;color:var(--text-color)}}@media (max-width:1360px){.navbar .bx-menu{display:block;cursor:pointer}nav .navbar .nav-links{position:fixed;top:0;left:-100%;display:block;max-width:45vw;height:100vh;overflow:auto;width:100%;background:var(--side-color);line-height:40px;padding:20px;box-shadow:0 5px 10px rgba(0,0,0,.2);transition:all .5s ease;z-index:1000}.navbar .search-box{width:32px}.navbar .nav-links .sidebar-logo{display:flex;align-items:center;justify-content:space-between}.sidebar-logo .logo-name{font-size:1rem;color:#fff}.sidebar-logo i{font-size:2rem;color:#fff;cursor:pointer}.navbar .bx-menu{font-size:2rem;color:var(--text-color)}nav .navbar .links{display:block;margin-top:20px}nav .navbar .links li .arrow{line-height:40px;color:#fff}nav .navbar .links li{display:block}nav .navbar .links li .sub-menu{position:relative;top:0;box-shadow:none;display:none}nav .navbar .links li .sub-menu li{border-bottom:1px solid #eee}.navbar .links li .sub-menu .more-sub-menu,.navbar .links li .sub-menu .szmore-sub-menu{position:relative;left:0}.navbar .links li .sub-menu .more-sub-menu li,.navbar .links li .sub-menu .szmore-sub-menu li{display:flex;align-items:center;justify-content:space-between;color:#000}.links li:hover .con-arrow,.links li:hover .dev-arrow,.links li:hover .htmlcss-arrow,.links li:hover .inno-arrow,.links li:hover .js-arrow,.links li:hover .lang-arrow,.links li:hover .pre-arrow,.links li:hover .sus-arrow{transform:rotate(0deg);color:#fff}.navbar .links li .sub-menu .more-sub-menu,.navbar .links li .sub-menu .szmore-sub-menu{display:none}.navbar .links li .sub-menu .more span,.navbar .links li .sub-menu .szmore span{display:flex;align-items:center}.links li .sub-menu .more:hover .more-sub-menu,.links li .sub-menu .more:hover .szmore-sub-menu,nav .navbar .links li:hover .con-sub-menu,nav .navbar .links li:hover .dev-sub-menu,nav .navbar .links li:hover .htmlCss-sub-menu,nav .navbar .links li:hover .inno-sub-menu,nav .navbar .links li:hover .js-sub-menu,nav .navbar .links li:hover .lang-sub-menu,nav .navbar .links li:hover .pre-sub-menu,nav .navbar .links li:hover .sus-sub-menu{display:none}.navbar .nav-links.show1 .links .htmlCss-sub-menu,.navbar .nav-links.show2 .links .more .more-sub-menu,.navbar .nav-links.show3 .links .js-sub-menu,.navbar .nav-links.showcon .links .con-sub-menu,.navbar .nav-links.showdev .links .dev-sub-menu,.navbar .nav-links.showinno .links .inno-sub-menu,.navbar .nav-links.showlang .links .lang-sub-menu,.navbar .nav-links.showpre .links .pre-sub-menu,.navbar .nav-links.showsus .links .sus-sub-menu,.navbar .nav-links.showsz .links .szmore .szmore-sub-menu{display:block}.navbar .nav-links.show1 .links .htmlcss-arrow,.navbar .nav-links.show3 .links .js-arrow,.navbar .nav-links.showcon .links .con-arrow,.navbar .nav-links.showdev .links .dev-arrow,.navbar .nav-links.showinno .links .inno-arrow,.navbar .nav-links.showlan .links .lang-arrow,.navbar .nav-links.showpre .links .pre-arrow,.navbar .nav-links.showsus .links .sus-arrow{transform:rotate(180deg)}.navbar .nav-links.show2 .links .more-arrow,.navbar .nav-links.showsz .links .szmore-arrow{transform:rotate(90deg);color:#db801e}nav .navbar .logo a{font-size:1rem;color:#fff}nav .navbar .links li{padding:0 8px;white-space:nowrap}nav .navbar .links li a{font-size:1rem;color:#fff;vertical-align:super}.staff_txt{color:#ccc}nav .navbar .links li.active .sub-menu{display:block}}@media (max-width:900px){nav .navbar .nav-links{max-width:90vw}}.search{-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.search *{outline:none;box-sizing:border-box}.search__wrapper{position:relative}.search__field{width:15px;height:15px;color:transparent;font-family:Lato,sans-serif;font-size:1.35em;padding:.35em 50px .35em 0;border:1px solid transparent;border-radius:0;cursor:pointer;transition:all .3s ease-in-out}.search__field:focus{border-bottom-color:#ccc;width:50vw;color:#2b2b2b;cursor:default}.search__field:focus~.search__icon{background-color:transparent;cursor:pointer;pointer-events:auto}.search__icon{position:absolute;top:.25rem;right:.25rem;font-size:1.35em;text-align:center;border-color:transparent;background-color:transparent;pointer-events:none;display:inline-block;transition:background-color .2s ease-in-out}.search__field::-webkit-input-placeholder{transition-property:top,color;transition-duration:.1s;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}.search__field:-moz-placeholder,.search__field::-moz-placeholder{position:relative;top:0;left:0;transition-property:top,color;transition-duration:.1s;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}.search__field:-ms-input-placeholder{position:relative;top:0;left:0;transition-property:top,color;transition-duration:.1s;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}.search__field::-webkit-input-placeholder[style*=hidden]{top:-20px;opacity:1;visibility:visible!important}.search__field:-moz-placeholder[style*=hidden],.search__field::-moz-placeholder[style*=hidden]{top:-20px;opacity:1;visibility:visible!important}.search__field:-ms-input-placeholder[style*=hidden]{top:-20px;opacity:1;visibility:visible!important}.hs-menu-children-wrapper>li{padding:.5rem .8rem;text-align:center}.hs-menu-children-wrapper>li>a{white-space:nowrap}.posfix{position:fixed;z-index:1000;top:0;background-color:rgba (255,255,255,0)}@media only screen and (max-width:800px){.posfix,.posfix-dark{height:150px;background-color:rgba (255,255,255,0)}}.posfix-dark{position:fixed;z-index:1000;top:0;background-color:rgba (0,0,0,0)}.hs-search-field{position:relative;right:0;z-index:99}.hs-search-field__input{border:1px solid #db801e;box-sizing:border-box;width:100%}.hs-search-field__bar button svg{height:10px}.hs-search-field__suggestions{margin:0;padding:0;list-style:none}.hs-search-field--open .hs-search-field__suggestions{border:1px solid #db801e;background-color:#fff;padding:10px}.hs-search-field__suggestions li{display:block;margin:0;padding:0}.hs-search-field__suggestions #results-for{font-weight:700}.hs-search-field__suggestions #results-for,.hs-search-field__suggestions a{display:block}.hs-search-field__suggestions a:focus,.hs-search-field__suggestions a:hover{background-color:rgba(0,0,0,.1);outline:none}
/*# sourceMappingURL=https://cdn2.hubspot.net/hub/8729158/hub_generated/template_assets/74249490971/1660017125818/Header/header.css */