.layout-header{position:fixed;top:0;left:0;right:0;z-index:100;transition:var(--transition)}.layout-header.-inner .mainbar,.layout-header.tiny .mainbar{box-shadow:var(--box-shadow)}.layout-header.-inner .mainbar:before,.layout-header.tiny .mainbar:before{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(6,11,31,.3)}.layout-header.-inner .mainbar .mainbar-content,.layout-header.tiny .mainbar .mainbar-content{height:80px}.layout-header.-inner .mainbar .navbar-brand .link,.layout-header.tiny .mainbar .navbar-brand .link{width:65px}.layout-header.-inner nav.menu li a.link:before,.layout-header.tiny nav.menu li a.link:before{top:-65px}.layout-header.-inner nav.menu.open li a.link:before,.layout-header.tiny nav.menu.open li a.link:before{top:auto}.layout-header .overlay{position:fixed;z-index:99;top:0;left:0;right:0;bottom:0;opacity:0;pointer-events:none;background:rgba(0,0,0,.8);transition:var(--transition)}.layout-header .overlay.open{pointer-events:visible;opacity:1}.mainbar{padding:0 15px;position:relative}.mainbar,.mainbar:before{transition:var(--transition)}.mainbar:before{content:"";position:absolute;z-index:0;top:0;left:0;height:100%;width:100%;background:linear-gradient(180deg,#39414b,rgba(57,65,75,0))}.mainbar .mainbar-content{display:flex;align-items:center;position:relative;height:200px;transition:var(--transition)}.mainbar .navbar-brand{display:inline}.mainbar .navbar-brand .link{display:block;text-decoration:none;width:125px}.mainbar .navbar-brand .link svg{width:100%;height:auto;display:block}nav.menu{display:flex;flex:1 0;justify-content:flex-end;align-items:center;padding-right:110px}nav.menu li{list-style:none}nav.menu li a.link{color:var(--color-light);font-weight:var(--fw-normal);display:block;text-decoration:none;position:relative}nav.menu li a.link:before{content:"";position:absolute;z-index:1;left:0;top:-85px;text-shadow:0 0 0 var(--color-light);width:1px;height:0;background:var(--color-light);transition:var(--transition)}nav.menu li a.link:hover{text-shadow:0 0 8px var(--color-light)}nav.menu li a.link:hover:before{height:60px}nav.menu li a.link.disabled{opacity:.5;pointer-events:none}nav.menu li.active a.link{font-weight:var(--fw-bold)}nav.menu li.active a.link:before{height:60px}nav.menu li.dropdown{position:relative}nav.menu li.dropdown.open .dropdown-toggle:after{transform:rotate(-180deg)}nav.menu li[data-mode=menu-mobile]{display:none}nav.menu li+li{margin-left:65px}nav.menu .dropdown-toggle:after{content:"";font-family:feather;transition:var(--transition);transform:rotate(0deg);position:relative;display:inline-block}nav.menu .dropdown-menu{transition:var(--transition);position:absolute;z-index:99;top:0;opacity:0;pointer-events:none;min-width:200px;padding:0;border:1px solid var(--color-border)}nav.menu .dropdown-menu.show{top:100%;opacity:1;pointer-events:visible;background-color:var(--color-light);margin-top:15px}nav.menu .dropdown-menu li{width:100%}nav.menu .dropdown-menu li+li{margin-left:0;border-top:1px solid #ebebeb}nav.menu .dropdown-menu .link{padding:10px}nav.menu .dropdown-menu .link:hover{background:var(--color-primary);color:var(--color-light)}nav.menu .d-flex{width:40%}nav.menu .d-flex .form-control{flex:1 0;width:1%;padding:15px}nav.menu .d-flex .btn{flex:0 0 auto}nav.menu.open{position:fixed;z-index:101;width:720px;top:0;right:0;bottom:0;background-color:var(--color-light);padding:90px 0;display:block}nav.menu.open .nav-list{height:calc(100dvh - 180px);overflow:auto;padding-right:90px}nav.menu.open li{float:none;width:100%;display:flex;justify-content:flex-end}nav.menu.open li+li{margin-top:12px;margin-left:0}nav.menu.open li+li[data-mode=menu-mobile]{margin-top:60px}nav.menu.open li+li[data-mode=menu-mobile]+[data-mode=menu-mobile]{margin-top:12px}nav.menu.open li a.link{color:var(--color-default);font-size:var(--typo-xl2);line-height:1.2em;width:max-content}nav.menu.open li a.link:before{height:1px;width:0;background:var(--color-default);top:auto;left:100%;bottom:15px;margin-left:30px}nav.menu.open li a.link:hover{color:var(--color-primary)}nav.menu.open li.active a.link{font-weight:var(--fw-semibold)}nav.menu.open li.active a.link:before{width:60px}nav.menu.open li[data-mode=menu-mobile]{display:flex}nav.menu.open li[data-mode=menu-mobile] a.link{font-size:var(--typo-default);cursor:pointer}nav.menu.open li[data-mode=menu-mobile].active a.link:before{bottom:5px}.menu-mobile-btn{position:absolute;right:0;top:0;bottom:0;margin:auto;z-index:103;width:27px;height:18px}.menu-mobile-btn.open{top:30px;bottom:auto;right:90px}.menu-mobile-btn .btn-mobile{display:block;width:27px;height:18px;transition:var(--transition)}.menu-mobile-btn .btn-mobile .bar{position:absolute;height:3px;left:0;right:0;background-color:var(--color-light);margin:auto;transition:var(--transition);border-radius:3px}.menu-mobile-btn .btn-mobile .bar:first-child{top:0}.menu-mobile-btn .btn-mobile .bar:nth-child(2),.menu-mobile-btn .btn-mobile .bar:nth-child(3){top:0;bottom:0}.menu-mobile-btn .btn-mobile .bar:nth-child(4){bottom:0;right:7px}.menu-mobile-btn .btn-mobile.close{opacity:1;top:0}.menu-mobile-btn .btn-mobile.close .bar{background-color:var(--color-black)}.menu-mobile-btn .btn-mobile.close .bar:first-child{top:0;opacity:0}.menu-mobile-btn .btn-mobile.close .bar:nth-child(2){top:0;bottom:0;transform:rotate(45deg)}.menu-mobile-btn .btn-mobile.close .bar:nth-child(3){top:0;bottom:0;transform:rotate(-45deg)}.menu-mobile-btn .btn-mobile.close .bar:nth-child(4){bottom:0;opacity:0}@media(max-width:1630px){.mainbar .mainbar-content{height:180px}.mainbar .navbar-brand .link svg{width:100px}nav.menu li a.link:before{top:-75px}nav.menu li a.link:hover:before,nav.menu li.active a.link:before{height:50px}nav.menu.open{width:620px}nav.menu.open li.active a.link:before{height:1px}}@media(max-width:1440px){.mainbar .mainbar-content{height:160px}.mainbar .navbar-brand .link svg{width:90px}nav.menu li a.link:before{top:-65px}nav.menu li a.link:hover:before,nav.menu li.active a.link:before{height:50px}nav.menu.open{width:560px;padding:50px 0}nav.menu.open .nav-list{height:calc(100dvh - 100px);padding-right:50px}nav.menu.open li a.link:before{margin-left:10px}nav.menu.open li.active a.link:before{width:40px}.menu-mobile-btn.open{top:20px;right:30px}}@media(max-width:1199px){.mainbar .mainbar-content{height:80px}.mainbar .navbar-brand .link svg{width:60px}nav.menu.open{width:340px}}@media(max-width:991px){nav.menu{position:fixed;z-index:99;right:-340px;top:0;bottom:0;background-color:var(--color-light);transition:var(--transition);width:340px;padding:60px 0 30px;display:block;height:100dvh}nav.menu .nav-list{height:calc(100dvh - 90px);overflow:auto;padding-right:30px}nav.menu li{width:100%;float:none;display:flex;justify-content:flex-end}nav.menu li+li{margin-left:0;margin-top:12px}nav.menu li a.link{color:var(--color-default)}nav.menu li+li[data-mode=menu-mobile]{margin-top:36px}nav.menu li[data-mode=menu-mobile]{display:flex}nav.menu.open{right:0;padding:60px 0 30px}nav.menu.open .nav-list{height:calc(100dvh - 90px);padding-right:30px}nav.menu.open li+li[data-mode=menu-mobile]{margin-top:36px}nav.menu.open li a.link:before{bottom:10px}nav.menu.open li.active a.link:before{width:20px}.menu-mobile-btn.open{right:10px}}@media(max-width:767px){.layout-header.-inner .mainbar .mainbar-content,.layout-header.tiny .mainbar .mainbar-content,.mainbar .mainbar-content{height:60px}.mainbar .navbar-brand .link svg{width:40px}nav.menu{width:200px;right:-200px}nav.menu li a.link{line-height:1.2em}nav.menu li+li[data-mode=menu-mobile]{margin-top:12px}nav.menu li a.link:hover:before,nav.menu li.active a.link:before{top:auto;height:1px}nav.menu.open{width:200px}nav.menu.open li+li[data-mode=menu-mobile]{margin-top:12px}nav.menu.open li a.link{font-size:var(--typo-default)}nav.menu.open li a.link:before{bottom:5px}}.popup-content{margin:auto;background:#fff;width:50%;padding:5px;border:1px solid #d7d7d7}[role=tooltip].popup-content{width:200px;box-shadow:0 0 3px rgba(0,0,0,.16);border-radius:5px}.popup-overlay{background:rgba(0,0,0,.5)}[data-popup=tooltip].popup-overlay{background:transparent}.popup-arrow{filter:drop-shadow(0 -3px 3px rgba(0,0,0,.16));color:#fff;stroke-width:2px;stroke:#d7d7d7;stroke-dasharray:30px;stroke-dashoffset:-54px;left:0;right:0;top:0;bottom:0}.layout-footer{position:relative;overflow:hidden}.layout-footer .start-project{position:fixed;z-index:9;right:20px;bottom:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;border:1px solid #93a1b1;width:100px;height:100px;border-radius:50%;text-decoration:none;transition:var(--transition);display:flex;align-items:center;justify-content:center;padding:0;margin:0;background:transparent}.layout-footer .start-project .icon{width:52px;display:block;margin:0 auto}.layout-footer .start-project .txt{font-size:10px;color:#93a1b1;font-weight:var(--fw-medium);display:block}.layout-footer .start-project:hover{-webkit-backdrop-filter:blur(15px) brightness(1.5);backdrop-filter:blur(15px) brightness(1.5);border-color:var(--color-primary)}.footer-main{background:#060c1f}.footer-main .container>.row{height:260px;align-items:center}.footer-brand{display:inline-flex;align-items:center;text-decoration:none}.footer-brand .link{display:block;margin-right:10px}.footer-brand .txt{color:var(--color-light)}.footer-menu .nav-list{display:flex;justify-content:flex-end}.footer-menu .nav-list>li+li{margin-left:60px}.footer-menu .nav-list>li .link{color:var(--color-light);text-decoration:none;text-shadow:0 0 0 var(--color-light);transition:var(--transition)}.footer-menu .nav-list>li .link:hover{text-shadow:0 0 8px var(--color-light)}.footer-menu .nav-list>li.active .link{font-weight:var(--fw-bold)}.footer-pdpa{margin-top:38px;display:flex;justify-content:flex-end}.footer-pdpa .item-list>li+li{margin-left:10px}.footer-pdpa .item-list>li .link{color:var(--color-light);font-size:14px;font-weight:var(--fw-medium);text-decoration:none;width:100px;height:30px;border-radius:5px;border:1px solid var(--color-light);display:flex;align-items:center;justify-content:center;cursor:pointer}.footer-pdpa .item-list>li .link:hover{background:var(--color-light);color:#060c1f}@media(max-width:1630px){.footer-main .row{height:240px}.footer-brand .link svg{width:100px}.footer-menu .nav-list>li+li{margin-left:40px}}@media(max-width:1440px){.layout-footer .start-project{width:90px;height:90px;bottom:80px}.layout-footer .start-project .icon{width:40px}.footer-main .container>.row{height:220px}.footer-brand .link svg{width:90px}.footer-menu .nav-list>li+li{margin-left:35px}}@media(max-width:1199px){.footer-main{padding:30px 0;text-align:center}.footer-main .container>.row{flex-direction:column-reverse;height:auto;justify-content:center;width:auto}.footer-menu .nav-list,.footer-pdpa{justify-content:center}.footer-brand,.footer-pdpa{margin-top:20px}.footer-brand{text-align:left}.footer-brand .link{margin-right:20px}.footer-brand .txt br{display:none}}@media(max-width:991px){.footer-brand .txt br{display:block}}@media(max-width:767px){.layout-footer .start-project{width:50px;height:50px;bottom:20px}.layout-footer .start-project .icon{width:30px}.layout-footer .start-project .txt{display:none}.footer-main>.container>.row>*,.footer-menu{width:100%}.footer-menu .nav-list{flex-direction:column}.footer-menu .nav-list>li+li{margin-left:0;border-top:1px solid #161d34}.footer-menu .nav-list>li .link{display:block;padding:15px 0}.footer-brand>.link{display:none}.footer-brand .content{text-align:center}}