header{position:fixed;width:100%;height:100%;top:0;left:0;z-index:999;pointer-events:none;overflow:hidden;padding-top:5vh;display:flex;justify-content:space-between}.simple-mode header{padding-top:2em}.menu-mode header::after,.simple-mode header::after{content:'';position:absolute;top:0;left:0;width:100%;height:95px;background-color:#fff;z-index:-1;box-shadow:0 3px 6px rgba(0,0,0,.16)}.menu-mode header::after{display:none}header .head-logo{padding-left:5%;height:7vh;min-height:35px;pointer-events:all}.simple-mode header .head-logo{height:4vh;padding-left:calc((100vw - 1400px)/ 2)}header .head-logo>a{display:block;height:100%;width:auto}header .head-logo>a>img{width:auto}.menu-mode header .head-logo>a>img#head-logo-green{display:none}.menu-mode.green-logo header .head-logo>a>img#head-logo-green{display:block}.menu-mode.green-logo header .head-logo>a>img#head-logo-white,.simple-mode header .head-logo>a>img#head-logo-white{display:none}header .menu-btn{pointer-events:all;cursor:pointer}header .menu-btn-wrapper.mobile{padding-right:1.25rem;padding-top:.5em;z-index:3;display:none}header .menu-btn .bar{background-color:#ddb989;transition:.5s cubic-bezier(.25,.46,.45,.94);pointer-events:all}header .menu-btn-wrapper.desktop .menu-btn .bar{width:5vh;height:.7vh;margin:.5vh 0}header .menu-btn-wrapper.mobile .menu-btn .bar{width:33px;height:4px;margin-bottom:8px}header.active .menu-btn-wrapper.desktop .menu-btn .bar1{-ms-transform:rotate(-45deg) translate(-.8vh,.8vh);-moz-transform:rotate(-45deg) translate(-.8vh,.8vh);-o-transform:rotate(-45deg) translate(-.8vh,.8vh);-webkit-transform:rotate(-45deg) translate(-.8vh,.8vh);transform:rotate(-45deg) translate(-.8vh,.8vh)}header.active .menu-btn .bar2{opacity:0}header.active .menu-btn-wrapper.desktop .menu-btn .bar3{-ms-transform:rotate(45deg) translate(-1vh,-1vh);-moz-transform:rotate(45deg) translate(-1vh,-1vh);-o-transform:rotate(45deg) translate(-1vh,-1vh);-webkit-transform:rotate(45deg) translate(-1vh,-1vh);transform:rotate(45deg) translate(-1vh,-1vh)}header.active .menu-btn-wrapper.mobile .menu-btn .bar1{-ms-transform:rotate(-45deg) translate(-14px,14px);-moz-transform:rotate(-45deg) translate(-14px,14px);-o-transform:rotate(-45deg) translate(-14px,14px);-webkit-transform:rotate(-45deg) translate(-14px,14px);transform:rotate(-45deg) translate(-14px,14px)}header.active .menu-btn-wrapper.mobile .menu-btn .bar3{-ms-transform:rotate(45deg) translate(-3px,-3px);-moz-transform:rotate(45deg) translate(-3px,-3px);-o-transform:rotate(45deg) translate(-3px,-3px);-webkit-transform:rotate(45deg) translate(-3px,-3px);transform:rotate(45deg) translate(-3px,-3px)}header .head-menu{pointer-events:all;height:100%;position:absolute;top:0;right:-2vh;width:70vw;z-index:2;-ms-transform:translateX(100%);-moz-transform:translateX(100%);-o-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%);transition:transform .5s cubic-bezier(.25,.46,.45,.94)}header.active .head-menu{right:0;-ms-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}header .head-menu nav{position:relative;width:100%;height:100%}header .head-menu .menu-btn-wrapper.desktop{position:absolute;top:0;right:100%;height:100%;width:auto;display:flex;align-items:center;padding-right:3vh}header .head-menu .menu-btn-wrapper.desktop.opacity{opacity:.5}header.active .head-menu .menu-btn-wrapper.desktop.opacity,header:hover .head-menu .menu-btn-wrapper.desktop.opacity{opacity:1}header .head-menu .menu-btn-wrapper.desktop .desktop-menu-bar{position:absolute;top:0;right:0;width:auto;-ms-transform:translateX(2px);-moz-transform:translateX(2px);-o-transform:translateX(2px);-webkit-transform:translateX(2px);transform:translateX(2px);pointer-events:none}header .head-menu .menu-main{position:relative;height:100%;width:100%;background-color:#fff;padding:8vh 5vw 8vh 10vw;overflow:auto;border-radius:5px 0 0 5px}.simple-mode header .head-menu .menu-main{box-shadow:0 3px 6px rgb(0 0 0 / 16%)}header .head-menu .menu-main::-webkit-scrollbar{width:5px}header .head-menu .menu-main::-webkit-scrollbar-track{background:#fff}header .head-menu .menu-main::-webkit-scrollbar-thumb{background:#fff}header .head-menu .menu-main .menu-lang{display:flex;width:auto;height:auto;align-items:center;justify-content:flex-start}header .head-menu .menu-main .menu-lang>a{display:block;cursor:pointer;font-size:1.25rem;line-height:1;position:relative;color:#005027;font-weight:900}header .head-menu .menu-main .menu-lang>a:not(:last-of-type){margin-right:2vw}header .head-menu .menu-main .menu-lang>a:not(:last-of-type)::after{content:'';position:absolute;top:0;right:0;-ms-transform:translateX(1vw);-moz-transform:translateX(1vw);-o-transform:translateX(1vw);-webkit-transform:translateX(1vw);transform:translateX(1vw);height:100%;width:1px;background-color:#005027}header .head-menu .menu-main .menu-lang>a.active{color:#ddb989}header .head-menu .main-nav{margin:10vh 0;position:relative}header .head-menu .main-nav>li{position:relative;display:flex;align-items:flex-start;justify-content:flex-start}header .head-menu .nav-link{display:block;position:relative;color:#005027;width:-moz-fit-content;width:fit-content}header .head-menu .nav-link::after{content:'';position:absolute;top:100%;left:0;transform:scaleX(0);transform-origin:center;width:100%;height:2px;background-color:#005027;transition:transform .5s cubic-bezier(.23,1,.32,1)}header .head-menu .main-nav .nav-link::after{height:4px}header .head-menu .nav-link:hover::after{transform:scaleX(1)}header .head-menu .main-nav .nav-link{font-size:5vh;text-transform:uppercase;font-weight:900;cursor:pointer}header .head-menu .main-nav>li:not(:last-of-type){margin-bottom:5vh}header .head-menu .second-nav .nav-link{font-size:1.25rem;text-transform:uppercase;font-weight:500}header .head-menu .second-nav>li:not(:last-of-type){margin-bottom:1.5vh}header .head-cart-num{display:none;margin-left:1vw;height:3.5vh;width:3.5vh;background-color:#ddb989;border-radius:100%;position:relative;align-items:center;justify-content:center;font-size:2vh;color:#fff;font-weight:700}header .head-cart-num.show{display:flex}.simple-mode header .menu-btn-wrapper.mobile{display:block;padding-right:calc((100vw - 1400px)/ 2)}.simple-mode header .menu-btn-wrapper.desktop{display:none}@media(max-width:1420px){.simple-mode header .head-logo{padding-left:1.25rem}.simple-mode header .menu-btn-wrapper.mobile{padding-right:1.25rem}}@media(max-width:860px){header .head-menu .menu-main .menu-lang>a,header .head-menu .second-nav .nav-link{font-size:1.125rem}header .head-menu .main-nav>li:not(:last-of-type){margin-bottom:3vh}header .head-menu .main-nav{margin:8vh 0}header .head-menu .main-nav .nav-link{font-size:4vh}header .head-menu{width:80vw}}@media(max-width:600px){.menu-mode header.scrolled .head-logo>a>img#head-logo-green{display:block}.menu-mode header.scrolled .head-logo>a>img#head-logo-white{display:none}.menu-mode header,.simple-mode header{padding-top:1em}.menu-mode header.scrolled::after,.simple-mode header::after{height:75px}.menu-mode header.scrolled::after{display:block}header .menu-btn-wrapper.mobile{display:block}header .head-menu .menu-btn-wrapper.desktop{display:none}header .head-menu{width:100%}header .head-logo{height:4vh;padding-left:1.25rem}header .head-menu .menu-main .menu-lang>a,header .head-menu .second-nav .nav-link{font-size:1rem}header .head-menu .menu-main{border-radius:0}header .head-menu .menu-main .menu-lang>a:not(:last-of-type){margin-right:4vw}header .head-menu .menu-main .menu-lang>a:not(:last-of-type)::after{transform:translateX(2vw)}header .head-menu .main-nav .nav-link{font-size:1.875rem}}