.header_box{display:block;position:relative;top:0;height:var(--height-header);padding:0 var(--gap-section-side);margin:0 0 var(--gap-layout);border-radius:var(--radius-section);background:var(--color-section);color:var(--color-heading);font-size:1rem;font-weight:500;line-height:1.25rem;transition:border-radius 0.3s, box-shadow 0.3s, height 0.3s;z-index:10;--height-control: 3rem}.header_box.is_sticky{position:sticky;top:var(--offset-top)}.header_box.is_fixed{border-radius:0 0 var(--radius-section) var(--radius-section);box-shadow:var(--shadow-small)}.header_box .fixed{display:flex;align-items:center;height:var(--height-header)}.header_box .logo{display:flex;flex-grow:0;flex-shrink:0;align-items:center;width:6.875rem;margin:0 var(--gap-grid) 0 0;background:url(../../images/ico_logo.svg) 50% 50%/contain no-repeat}.header_box .logo:before{content:'';display:block;padding-bottom:21.818182%}.header_box .menu_btn{display:none;position:relative;flex-shrink:1;order:1;width:1.25rem;height:1.25rem;margin:0 0 0 var(--gap-section-side)}.header_box .menu_btn:before,.header_box .menu_btn:after,.header_box .menu_btn span{content:'';position:absolute;top:50%;left:50%;width:1.25rem;height:2px;margin:-1px 0 0 -.625rem;border-radius:2px;background-color:currentColor;transition:0.2s;opacity:1}.header_box .menu_btn:before{margin-top:-.5625rem}.header_box .menu_btn:after{margin-top:.4375rem}@media (min-width: 64rem){.header_box .navigation{display:flex;align-self:center;margin:0 auto}.header_box .menu{display:flex;flex-grow:1;align-items:stretch;justify-content:center;min-width:0;border-radius:var(--radius-regular);background-color:var(--color-base);--gap-grid: 20px}.header_box .menu>li{display:flex;position:relative;align-items:stretch;padding:5px}.header_box .menu>li:last-child:after{display:none}.header_box .menu>li.active>a{background-color:#E4E6E8}.header_box .menu>li:after{content:'';position:absolute;top:50%;right:0;width:1px;height:20px;margin:-10px 0 0;background-color:var(--color-border)}.header_box .menu>li>a{display:flex;position:relative;align-items:center;justify-content:center;min-height:var(--height-control);padding:5px var(--gap-grid);border-radius:5px;text-align:center;transition:0.2s;gap:8px}}@media (min-width: 64rem) and (hover: hover){.header_box .menu>li:hover>a{background-color:var(--color-primary)}}@media (min-width: 64rem){.header_box .submenu:focus-within>ul{transform:scale(1);visibility:visible;opacity:1}}@media (min-width: 64rem) and (hover: hover){.header_box .submenu:hover>ul{transform:scale(1);visibility:visible;opacity:1}}@media (min-width: 64rem){.header_box .submenu>a:after{content:'';flex-grow:0;flex-shrink:0;width:11px;height:8px;background:currentColor;-webkit-mask:url(../../images/ico_arrow_down.svg) 50% 50%/contain no-repeat}.header_box .sub-menu{display:block;position:absolute;top:100%;left:0;min-width:100%;padding:8px 0;margin:4px 0 0;border-radius:var(--radius-regular);background-color:var(--color-base);box-shadow:var(--shadow-small);transition:0.3s;transform:scaleY(0);transform-origin:0 0;visibility:hidden;opacity:0}.header_box .sub-menu:before{content:'';position:absolute;right:0;bottom:100%;left:0;height:4px}.header_box .sub-menu .submenu>a{padding-right:35px}.header_box .sub-menu .submenu>a:after{right:12px;transform:rotate(-90deg)}.header_box .sub-menu .sub-menu{top:-7px;left:100%;padding:7px 0;margin:0;border-top-width:0;background-color:var(--color-background);transform:scaleX(0)}.header_box .sub-menu li{display:block;position:relative}.header_box .sub-menu li.back{display:none}.header_box .sub-menu li.active>a{background-color:var(--color-primary)}}@media (min-width: 64rem) and (hover: hover){.header_box .sub-menu li:hover>a{background-color:var(--color-primary)}}@media (min-width: 64rem){.header_box .sub-menu a{display:flex;align-items:center;padding:8px 16px;text-transform:none;transition:0.2s}.header_box .button{margin-left:20px}}@media (max-width: 64rem){.header_box:before{content:'';position:fixed;top:calc(var(--height-header) + var(--height-bar) + var(--offset-header));right:0;bottom:0;left:0;background:var(--color-heading);transition:0.4s;visibility:hidden;opacity:0}.header_box.is_menu:before{visibility:visible;opacity:0.25}.header_box.is_menu .menu_btn span{opacity:0}.header_box.is_menu .menu_btn:before,.header_box.is_menu .menu_btn:after{margin-top:-1px;transform:rotate(45deg)}.header_box.is_menu .menu_btn:after{transform:rotate(-45deg)}.header_box.is_menu .navigation{transform:translateX(0);visibility:visible}.header_box .logo{margin-right:auto}.header_box .navigation{display:flex;position:fixed;top:calc(var(--height-header) + var(--height-bar) + var(--offset-header));right:0;bottom:0;left:auto;overflow:hidden;flex-direction:column;align-self:stretch;width:300px;border-top:1px solid var(--color-border);background-color:var(--color-base);box-shadow:var(--shadow-small);transition:transform 0.3s, visibility 0.3s;transform:translateX(100%);visibility:hidden}.header_box .menu{display:block;overflow-x:hidden;overflow-y:auto;flex-grow:1;width:auto;min-height:0}.header_box .menu_btn{display:block}.header_box .menu .back{display:flex;align-items:center;width:100%;height:50px;padding:0 var(--gap-section-side) 0 0;background-color:var(--color-background);color:var(--color-heading);font-weight:600}.header_box .menu .back:before{content:'';display:block;flex-grow:0;flex-shrink:0;width:12px;height:8px;margin:0 12px 0 var(--gap-section-side);background:currentColor;transform:rotate(90deg);-webkit-mask:url(../../images/ico_arrow_down.svg) 50% 50%/contain no-repeat}.header_box .menu ul{display:block;position:absolute;top:0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;width:100%;background-color:var(--color-base);transition:transform 0.3s;transform:translateX(100%);z-index:1}.header_box .menu li{display:flex;position:static;align-items:center;border-top:1px solid var(--color-border)}.header_box .menu li:first-child{border-top-width:0}.header_box .menu li a:focus+ul{transform:translateX(0);opacity:0;z-index:-1}.header_box .menu li.is_active>ul,.header_box .menu li>ul:focus-within{transform:translateX(0);opacity:1;z-index:3}.header_box .menu li.is_parent>ul{overflow:hidden;height:100%}.header_box .menu a{display:inline-flex;align-items:center;min-height:50px;padding:5px var(--gap-section-side)}.header_box .submenu:after{content:'';display:inline-block;width:12px;height:8px;margin:0 15px 0 auto;background-color:currentColor;transition:0.3s;transform:rotate(-90deg);-webkit-mask:url(../../images/ico_arrow_down.svg) 50% 50%/contain no-repeat}.header_box .button{font-size:.875rem;--gap-button: 15px;--height-control: 38px}}@media (max-width: 30rem){.header_box .navigation{width:100%}}

/*# sourceMappingURL=header.css.map */
