header{position:fixed;top:0;left:0;width:100%;z-index:10;transition:all .3s ease-in-out}.header{height:var(--height-header);width:100%;padding-top:var(--gap-xs);padding-bottom:var(--gap-xs);display:flex;flex-direction:row;align-items:center;background-color:transparent}header.sticky{background-color:#fff;box-shadow:rgba(99,99,99,.2) 0px 2px 8px 0px;color:var(--color-black)}.header img.logo{height:calc(var(--height-header) - 30px)}header.sticky .header img.logo.white{display:none}header:not(.sticky) .header img.logo.black{display:none}.header .left{width:auto;padding-left:var(--gap-2);padding-right:var(--gap-2);text-align:left;text-transform:uppercase}.header .right{flex-grow:1;padding-left:var(--gap);padding-right:var(--gap-2);text-align:right;text-transform:uppercase;display:flex;align-items:center;justify-content:flex-end}.header .right .menu{width:50px}.header ul.mobile{display:none}.header ul{list-style:none;padding:0}.header ul li{position:relative;display:inline-block;margin-left:5px;margin-right:5px;font-family:var(--font-title);font-weight:var(--font-title-bold);font-size:1.3rem;cursor:pointer}.header ul li a,.header ul li span{color:var(--color-secondary);padding:var(--gap-button-v) var(--gap-button-h);white-space:nowrap}header:not(.sticky) .header ul li a,header:not(.sticky) .header ul li span{color:var(--color-white)}.header ul li a:hover,.header ul li span:hover{text-shadow:3px 5px 2px #ccc}.header ul.submenu{position:absolute;top:50px;left:calc(-1 * var(--gap));width:100%;background-color:#fff;visibility:hidden;opacity:0;transition:all .3s ease-in-out;display:flex;flex-wrap:wrap;justify-content:flex-start;text-align:left;color:var(--color-black);background-color:#fff;overflow:hidden;width:auto;padding-left:var(--gap-xs);padding-right:var(--gap-xs);box-shadow:rgba(99,99,99,.2) 0px 8px 8px 0px}.header ul.submenu li{padding-top:var(--gap-xs);padding-bottom:var(--gap-xs);width:100%}.header ul.submenu.show{visibility:visible;opacity:1}.header .right .menu .vertical-menu{position:fixed;z-index:1;top:0;right:-300px;height:100vh;width:300px;background-color:var(--color-white);color:var(--color-black);visibility:hidden;transition:all .3s ease-in-out}.header .right .menu{display:flex}.header .right .menu .vertical-menu.show{right:0;visibility:visible}.header .right .menu .vertical-menu .wrapper{padding:var(--gap-6) var(--gap-2) var(--gap-2) var(--gap-2)}.header .right .menu .vertical-menu .wrapper ul{display:flex;flex-direction:column}.header .right .menu .vertical-menu .wrapper li{padding:var(--gap-xs) 0}.header .right .menu .vertical-menu .wrapper li a{color:var(--color-black)}.header .right .menu .vertical-menu .wrapper li a:hover{color:var(--color-secondary)}.header .right .menu .vertical-menu .wrapper ul.mobile{display:none}.overlay{position:fixed;top:0;left:0;z-index:5;width:100%;height:100%;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background-color:#000;opacity:0;visibility:hidden}.overlay.show{opacity:.5;visibility:visible}header .right .menu .flag-svg{padding-right:20px;padding-top:3px;transition:all .1s ease-in-out}header .right .menu .flag-svg:hover{filter:drop-shadow(3px 3px 1px rgb(0 0 0/0.4));cursor:pointer}header .right .menu .search-svg{padding-right:20px;padding-top:3px;transition:all .1s ease-in-out;color:var(--color-white)}header.sticky .right .menu .search-svg{color:var(--color-black)}header .right .menu .search-svg:hover{filter:drop-shadow(3px 3px 1px rgb(0 0 0/0.4));cursor:pointer}.popup{visibility:hidden;opacity:0;transition:all .2s ease-in-out}.popup.show{visibility:visible;opacity:1}.popup.search .wrapper{position:absolute;top:var(--height-header);right:var(--gap-4);width:100%;max-width:350px;padding:0;background:#fff;border-radius:0;overflow:visible;padding:var(--gap);display:flex;align-items:center;justify-content:center}.popup.search .wrapper form{display:flex;align-items:center;justify-content:center;width:100%}.popup.search .wrapper label{display:none}.popup.search .wrapper input{border:none;border-bottom:2px solid var(--color-black);padding:3px var(--gap-2);font-size:1.4rem;flex:1;transition:all .3s ease-in-out}.popup.search .wrapper input:focus{outline:none;border-bottom-color:var(--color-grey)}.popup.search .wrapper input::placeholder{color:#aaa}.popup.search .wrapper button.clear{background-color:transparent;border:none;transition:all .3s ease-in-out;cursor:pointer;line-height:0;margin-left:var(--gap)}.popup.search .wrapper button.clear{color:var(--color-black)}.popup.search .wrapper button.clear:hover{filter:drop-shadow(3px 3px 1px rgb(0 0 0/0.4))}.popup.flag .wrapper{position:absolute;top:var(--height-header);right:0;padding:0;background:#fff;border-radius:0;overflow:visible;padding:var(--gap-xs);display:flex;align-items:center;justify-content:center}.popup.flag .wrapper ul{display:flex;flex-direction:column;gap:var(--gap-xs)}.popup.flag .wrapper li{margin:0}.popup.flag .wrapper li svg:hover{filter:drop-shadow(3px 3px 1px rgb(0 0 0/0.4));cursor:pointer}.burger{width:50px;height:50px;position:fixed;top:var(--gap);right:var(--gap-5);border-radius:4px;z-index:10;transition:all .3s ease-in-out}.burger span{position:relative;margin-top:9px;margin-bottom:9px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;top:50%;left:50%;margin-left:-15px;margin-top:-1.5px}.burger span,.burger span:before,.burger span:after{display:block;width:30px;height:3px;background-color:var(--color-black);outline:1px solid transparent;-webkit-transition-property:background-color,-webkit-transform;-moz-transition-property:background-color,-moz-transform;-o-transition-property:background-color,-o-transform;transition-property:background-color,transform;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s}header:not(.sticky) .burger span,header:not(.sticky) .burger span:before,header:not(.sticky) .burger span:after{background-color:var(--color-white)}.burger span:before,.burger span:after{position:absolute;content:""}.burger span:before{top:-9px}.burger span:after{top:9px}.burger.show span{background-color:transparent}.burger.show{right:var(--gap-2)}.burger.show span:before{-webkit-transform:translateY(9px) rotate(45deg);-moz-transform:translateY(9px) rotate(45deg);-ms-transform:translateY(9px) rotate(45deg);-o-transform:translateY(9px) rotate(45deg);transform:translateY(9px) rotate(45deg)}.burger.show span:after{-webkit-transform:translateY(-9px) rotate(-45deg);-moz-transform:translateY(-9px) rotate(-45deg);-ms-transform:translateY(-9px) rotate(-45deg);-o-transform:translateY(-9px) rotate(-45deg);transform:translateY(-9px) rotate(-45deg)}.burger.show span:before,.burger.show span:after{background-color:var(--color-black)}.burger:hover{cursor:pointer}@media (min-width:1150px){.header .right .menu .burger{display:none}}@media (max-width:1200px){.header img.logo{height:calc(var(--height-header) - 60px)}}@media (max-width:1149px){.header img.logo{height:30px}.header .right .menu{width:70px;flex-direction:row-reverse}header .right .menu .search-svg{padding-right:50px}header .right .menu .flag-svg{padding-right:20px}.popup.search .wrapper{right:0}.popup.flag .wrapper{right:100px}.header .left{width:50%;padding-left:var(--gap-2);padding-right:0}.header .right{width:50%}.header .right .top-menu{display:none}.header .right .menu .vertical-menu .wrapper ul.mobile{display:block}.burger{right:var(--gap)}}