.page-footer{z-index:1;background-color:#09090b;background-image:linear-gradient(45deg,#0f0f12 25%,#0000 25%),linear-gradient(-45deg,#0f0f12 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#0f0f12 75%),linear-gradient(-45deg,#0000 75%,#0f0f12 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;background-attachment:fixed;justify-content:space-between;align-items:center;padding:30px 60px;display:flex;position:fixed;bottom:0;left:0;right:0}.back-to-top{cursor:pointer;opacity:0;visibility:hidden;text-transform:uppercase;letter-spacing:1px;font-weight:600;transition:opacity .3s ease-in-out,visibility .3s ease-in-out,transform .3s ease-in-out;transform:translateY(10px)}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{color:#f1683a;transform:translateY(-2px)}@media (max-width:768px){.page-footer{padding:20px 30px;font-size:12px}.back-to-top{letter-spacing:.5px;font-size:11px}}@media (max-width:480px){.page-footer{padding:15px 20px;font-size:10px}.back-to-top{font-size:10px}}
header{z-index:500;background-color:#09090b;background-image:linear-gradient(45deg,#0f0f12 25%,#0000 25%),linear-gradient(-45deg,#0f0f12 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#0f0f12 75%),linear-gradient(-45deg,#0000 75%,#0f0f12 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;background-attachment:fixed;position:sticky;top:0}header .navbar{border-bottom:1px solid #ffffff1a;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;height:76px;padding:35px 44px 70px;display:grid;position:relative;overflow:hidden}header .navbar .nav-left{letter-spacing:.5px;justify-self:flex-start;align-items:center;gap:4px;width:200px;height:40px;font-size:18px;display:flex}header .navbar .nav-left .label{color:#fff9;text-transform:uppercase;font-weight:600}header .navbar .nav-left .time{color:#fff;text-transform:uppercase;font-weight:700}header .navbar .nav-center{justify-self:center}header .navbar .contact-btn{color:#fff;text-transform:uppercase;cursor:pointer;z-index:1;background:0 0;border:2px solid #fff;border-radius:40px;justify-self:end;width:180px;height:50px;font-size:15px;font-weight:700;position:relative;overflow:hidden}header .navbar .contact-btn:before{content:"";z-index:-1;background-color:#fff;width:100%;height:0;transition:height .2s ease-in-out;position:absolute;bottom:0;left:0}header .navbar .contact-btn:hover:before{height:100%}header .navbar .contact-btn:hover{color:#000}header .navbar .menu{cursor:pointer;color:#fff;z-index:10000;font-size:28px}.nav-container{z-index:9999;background-color:#09090b;background-image:linear-gradient(45deg,#0f0f12 25%,#0000 25%),linear-gradient(-45deg,#0f0f12 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#0f0f12 75%),linear-gradient(-45deg,#0000 75%,#0f0f12 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;background-attachment:fixed;grid-template-rows:auto 1fr auto;width:100%;height:100vh;min-height:100vh;display:grid;position:fixed;top:0;left:0;overflow:hidden}.nav-container .navbar{grid-template-columns:1fr auto 1fr;align-items:center;width:100%;padding:40px 44px 0;display:grid;position:relative;overflow:hidden}.nav-container .list{text-align:center;place-self:start center;margin-top:50px;font-size:100px}.nav-container .list li{line-height:80px;list-style:none;overflow:hidden}.nav-container .list li a{color:#fff;text-transform:uppercase;text-decoration:none;display:inline-block}.nav-container .list li a.active{color:#414141}.nav-container .nav-center .close-container{cursor:pointer;background-color:#222121;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.nav-container .nav-center .close-container .close{color:#fff;background:0 0;justify-content:center;align-items:center;font-size:20px;display:flex}.nav-container .navbar .contact-btn{color:#fff;text-transform:uppercase;cursor:pointer;z-index:1;background:0 0;border:2px solid #fff;border-radius:40px;justify-self:end;width:180px;height:50px;font-size:15px;font-weight:700;position:relative;overflow:hidden}.nav-container .navbar .contact-btn:before{content:"";z-index:-1;background-color:#fff;width:100%;height:0;transition:height .2s ease-in-out;position:absolute;bottom:0;left:0}.nav-container .navbar .contact-btn:hover:before{height:100%}.nav-container .navbar .contact-btn:hover{color:#000}.nav-container .footer{justify-content:space-between;margin:0 40px 40px;display:flex}.nav-container .footer .socials ul{grid-template-columns:1fr 1fr 1fr;column-gap:40px;display:grid}.nav-container .footer .socials ul li{list-style:none}.nav-container .footer .socials ul li a{color:#fff;text-transform:uppercase;font-size:20px;text-decoration:none;position:relative}.nav-container .footer .socials ul li a:after{content:"";background-color:#fff;width:0;height:2.5px;transition:width .5s ease-in-out;position:absolute;bottom:-2px;left:0}.nav-container .footer .socials ul li a:hover:after{width:100%}@media (max-width:768px){header .navbar{height:90px;padding:20px 20px 40px}header .navbar .nav-left{width:auto;font-size:14px}header .navbar .nav-left .label{display:none}header .navbar .menu{font-size:24px}header .navbar .contact-btn{width:140px;height:40px;font-size:12px}.nav-container .navbar{padding:25px 20px 0}.nav-container .navbar .nav-left .label{display:none}.nav-container .list{margin-top:30px;font-size:50px}.nav-container .list li{line-height:50px}.nav-container .footer{flex-direction:column;gap:35px;margin:0 20px 10px}.nav-container .footer .rights{text-align:center;font-size:20px}.nav-container .footer .socials ul{text-align:center;grid-template-columns:1fr;gap:25px}.nav-container .footer .socials ul li a{font-size:24px}}@media (max-width:480px){header .navbar{height:75px;padding:15px 15px 30px}header .navbar .nav-left{gap:2px;font-size:12px}header .navbar .menu{font-size:22px}header .navbar .contact-btn{width:110px;height:35px;font-size:10px}.nav-container .navbar{padding:20px 15px 0}.nav-container .list{margin-top:20px;font-size:36px}.nav-container .list li{line-height:40px}.nav-container .footer{gap:20px;margin:0 30px 90px 0}.nav-container .footer .rights{font-size:15px}.nav-container .footer .socials ul li a{font-size:17px}.nav-container .navbar .contact-btn{width:110px;height:35px;font-size:10px}}
