header{position:fixed;top:0;left:0;right:0;padding:18px 30px;box-sizing:border-box;font-size:16px;z-index:10001;background:#000}header .inner-wrap{position:relative;display:flex;align-items:center;justify-content:space-between}header .logo{width:175px;position:relative;z-index:2}header .logo img{width:100%;display:block}header nav{position:relative;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);position:absolute;z-index:1}header ul{text-align:center;display:flex;justify-content:center;gap:40px}header li a.active,header ul a:hover{color:#29cf96}header #nav-btn{opacity:0;visibility:hidden;display:none}@media only screen and (max-width:1199px){header ul{gap:22px}}@media only screen and (max-width:991px){header #nav-btn{opacity:1;visibility:visible;display:block;position:relative;z-index:3;width:26px;height:20px}header #nav-btn:after,header #nav-btn:before{position:absolute;left:0;width:100%;content:"";height:4px;background:#fff}header #nav-btn:before{top:0}header #nav-btn:after{bottom:0}header #nav-btn span{text-indent:-9999px;background:#fff;display:block;width:100%;height:4px}header #nav-btn.active span{opacity:0;visibility:hidden}header #nav-btn.active:before{transform:rotate(-45deg);top:8px}header #nav-btn.active:after{transform:rotate(45deg);bottom:8px}header nav{position:fixed;background:#000;top:0;left:0;right:0;height:100vh;height:100svh;transform:unset;display:flex;align-items:center;justify-content:flex-start;font-size:36px;font-weight:300;transition:all .15s ease-in-out;opacity:0;visibility:hidden}header nav.active{opacity:1;visibility:visible}header nav ul{flex-direction:column;text-align:left;padding:0 30px}}@media only screen and (max-width:767px),screen and (max-width:991px)and (max-height:400px){header{padding:18px 22px}header nav ul{padding:0 22px}}@media (pointer:coarse)and (max-width:899px)and (orientation:landscape){header nav{font-size:22px;font-weight:400}header nav ul{gap:10px}}footer{background:linear-gradient(180deg,#000,#29cf96 325px);color:#000;padding:375px 0 35px;position:relative;margin-top:100px}footer:after,footer:before{content:"";position:absolute;top:0;left:0;right:0;height:350px}footer:before{z-index:2;background:linear-gradient(180deg,#000,transparent)}footer:after{z-index:1;background:url(/images/pattern-bg-green.svg) top repeat-x;background-size:auto 350px}footer a{color:#000}@media (pointer:fine),screen and (-moz-touch-enabled:0){footer a:hover{color:#fff}}footer a:visited{color:#000}footer .contain{display:flex;gap:70px}footer .logo{width:25%}footer .logo img{max-width:100%}footer .footer-content{box-sizing:border-box;margin-top:-20px;flex:1}footer #footer-nav{position:relative}footer .row{width:100%;border-bottom:2px solid #000;display:flex;padding:20px 0}footer .row li{width:20%}footer .row .title{width:30%;text-transform:uppercase;font-weight:700}footer .copyright{margin:80px 0 0;display:flex;justify-content:space-between;align-items:baseline;font-size:12px}footer .copyright ul.social{display:flex;justify-content:flex-end;gap:15px}@media only screen and (max-width:1199px){footer{font-size:16px}footer .row li{width:22%}footer .row .title{width:35%}}@media only screen and (max-width:991px){footer .contain{display:block}footer .footer-content{margin-top:30px}}@media only screen and (max-width:767px),screen and (max-width:991px)and (max-height:400px){footer{background:linear-gradient(180deg,#000,#29cf96 225px);padding:250px 0 40px;margin-top:40px}footer:after,footer:before{height:250px}footer .row{flex-wrap:wrap}footer .row li{width:100%;padding:0 0 6px 50%}footer .row li.title{position:absolute;padding:0}footer .row li.blank{height:0}footer #footer-nav ul:first-of-type{border-bottom:0;padding-bottom:0}footer #footer-nav ul:nth-of-type(2){padding-top:0}footer .copyright{margin-top:20px;flex-wrap:wrap;gap:20px}footer .copyright ul.social{width:100%;justify-content:flex-start}}