.menu{height:100%;margin:0;padding:1em;border-radius:1em;position:relative;}
.menu ul{list-style:none;padding:0;margin:0;transition:all 0.5s ease 0s;
	display:-webkit-flex;display:flex;
	-webkit-flex-direction:column;flex-direction:column;
	-webkit-flex-wrap:nowrap;flex-wrap:nowrap;
	-webkit-justify-content:flex-start;justify-content:flex-start;
	-webkit-align-content:flex-start;align-content:flex-start;
	-webkit-align-items:flex-start;align-items:flex-start;
}
.menu ul>li{width:100%;border-radius:0.5em;margin-bottom:1px;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid;
	display:-webkit-flex;display:flex;
	-webkit-flex-direction:row;flex-direction:row;
	-webkit-flex-wrap:nowrap;flex-wrap:nowrap;
	-webkit-justify-content:space-between;justify-content:space-between;
	-webkit-align-content:stretch;align-content:stretch;
	-webkit-align-items:stretch;align-items:stretch;
}
.menu ul>li>a{border:0;font-size:0.9375em;line-height:calc(1.1875 / 0.9375);font-weight:600;white-space:normal;width:100%;position:relative;
	padding:calc(0.75em / 0.9375) calc(0.5em / 0.9375) calc(0.5em / 0.9375) calc(1em / 0.9375);margin-bottom:calc(0.125em / 0.9375);
	/*-webkit-flex:1 1 auto;flex:1 1 auto;*/
	display:-webkit-flex;display:flex;
	-webkit-flex-direction:column;flex-direction:column;
	-webkit-flex-wrap:nowrap;flex-wrap:nowrap;
	-webkit-justify-content:center;justify-content:center;
	-webkit-align-content:center;align-content:center;
	-webkit-align-items:flex-start;align-items:flex-start;
}
.menu ul>li.children>a{width:calc(100% - 2.5em / 0.9375);}
.menu ul>li.children>a:not(.goback)+span{width:calc(2.5em);text-align:right;padding:0 calc(0.5em);cursor:pointer;position:relative;}
.menu ul>li.children:not(.open)>a:not(.goback)+span:after{font-family:FontAwesome;content:"\f105";position:absolute;right:1em;top:calc(50% - 0.5em);line-height:1em;}

.menu ul>li.children:hover>a+span:after{content:"\f101";}
.menu ul>li.children>a+span:after{content:"\f105";}
.menu ul>li.children>a+span:after,
.menu ul>li.children.open>a:not(.goback)+span:after{content:"\f101";}
.menu ul>li:last-of-type>a{margin-bottom:0;}

ul.header>li#header-catalog .menu ul.L0{height:100%;}
.menu ul.L0>li>a{height:100%;}
ul.header>li#header-catalog .menu ul.L1 li>a{white-space:nowrap;}
ul.header>li#header-catalog .menu u>li{-webkit-flex:1 1 auto;flex:1 1 auto;}
ul.header>li#header-catalog .menu ul>li>ul{position:absolute;z-index:100;left:calc(100% - 1em - 1px);top:0;bottom:0;padding:1em 2em 1em 0;z-index:1;border-radius:0 1em 1em 0;}
ul.header>li#header-catalog .menu ul.L0 li>ul>li{margin-left:1em;}

/*
.menu.slider:not(.clicked) ul.L0 li:not(.open)>a+ul{max-height:0;overflow:hidden;}
.menu:not(.slider) ul.L0 li.children:not(.open) ul{max-height:0;overflow:hidden;}
.menu ul>li:not(:hover)>ul,
.menu ul>li:not(.open)>ul{display:none;}
*/

ul.header>li#header-catalog .menu ul.L0 li>ul{max-height:0;/*overflow:hidden;*/display:none;}
ul.header>li#header-catalog .menu ul.L0 li:hover>ul:not(.L2){display:-webkit-flex;display:flex;}
ul.header>li#header-catalog .menu ul.L0 li:hover>ul{max-height:calc(100% + 1em);/*overflow-y:auto;overflow-x:hidden;*//*max-height:none;overflow:visible;*/}

@media only screen and (min-width:481px){
	.menu{min-height:22.625em;}
	ul.header-topline>li#header-menu ul>li>a+ul{max-height:100em;transition:all 0.25s ease 0s;}
	#header-menu.clicked .menu.slider ul.L0>li:not(.open)>a+ul{/*max-height:0;overflow:hidden;*/}
	.menu ul>li.open>a+ul{transition:all 1.0s ease 0s;overflow:visible;}
}
/*
@media only screen and (max-width:480px){
	.menu.slider:not(.clicked) ul.L0>li>a+ul{display:none;}
	.menu.slider ul.L0>li.open>a+ul{z-index:1;height:auto;pointer-events:auto;margin-left:100%;}
	.menu.slider ul.L0>li>a+ul{height:0;z-index:-1;pointer-events:none;width:100%;}
	.menu.slider.clicked ul.L0{-webkit-transfom:translateX(-100%);transform:translateX(-100%);}
	.menu.slider.clicked ul.L0>li.children.open{-webkit-order:-1;-ms-flex-order:-1;order:-1;}
	.menu.slider.clicked ul>li.open>a{margin-left:100%;color:transparent;}
	.menu.slider.clicked ul>li.open>a>span:after{content:none;}
	.menu.slider.clicked ul>li.open>a:before{transform:rotateY(180deg);font-family:FontAwesome;content:"\f064";font-size:1.5em;position:absolute;left:calc(50% - 0.5em);color:#fff;}
	.menu.slider.clicked ul.L1:after{content:"";display:block;}
	.menu.slider ul.L0>li.children.open>a:hover, .menu.slider ul.L1>li.children.open>a:hover{color:transparent;}
}
*/

ul.header-topline>li#header-menu .menu ul>li>a{border-radius:calc(0.5em / 0.9375);}
ul.header-topline>li#header-menu .menu ul.L0>li ul{width:100%;transition:all 0.5s ease 0s;}
ul.header-topline>li#header-menu .menu ul>li.children:not(.open)>a+span+ul{max-height:0;overflow:hidden;pointer-events:none;}
ul.header-topline>li#header-menu .menu ul>li{-webkit-flex-wrap:wrap;flex-wrap:wrap;}
ul.header-topline>li#header-menu .menu ul.L0.open>li:not(.open),
ul.header-topline>li#header-menu .menu ul.L0.open ul.open>li:not(.open){display:none;}
ul.header-topline>li#header-menu .menu ul.L0.open{transform:translateX(-100%);}
ul.header-topline>li#header-menu .menu ul.L0.open>li.children.open{transform:translateX(100%);}
ul.header-topline>li#header-menu .menu ul.L0.open>li.children.open>a:not(.goback)+span:after{content:none;}
ul.header-topline>li#header-menu .menu ul.L0.open ul.open{transform:translateX(-100%);}
ul.header-topline>li#header-menu .menu ul.L0.open>li.children.open ul.open>li.children.open{transform:translateX(100%);}
ul.header-topline>li#header-menu .menu ul.L0>li.children ul>li.children:not(.open)>ul{display:none;}
ul.header-topline>li#header-menu .menu ul.open>li.open>a.goback:before{transform:rotateY(180deg);font-family:FontAwesome;content:"\f064";font-size:1.5em;position:absolute;right:calc(1em / 1.5);}
ul.header-topline>li#header-menu .menu ul.open>li.open>a.goback:after{content:none;}
ul.header-topline>li#header-menu .menu ul.open>li.open>a{transition:all 0.5s ease 0s;}
ul.header-topline>li#header-menu .menu ul.open>li.open>a:not(.goback){transform:translateX(-100%);position:absolute;opacity:0;z-index:-1;pointer-events:none;transition:none;}
ul.header-topline>li#header-menu .menu ul.open>li.open>a.goback{width:calc(100% - 3em);margin-left:3em;border-radius:0.5em;}
ul.header-topline>li#header-menu .menu ul.open>li.open>a.goback:before{left:calc(-3em / 1.5);right:auto;padding-left:calc(0.5em / 1.5);padding-right:calc(0.5em / 1.5);}
ul.header-topline>li#header-menu .menu ul>li.children>a.goback+span{display:none;}
body:not(.dark) ul.header-topline>li#header-menu .menu ul.open>li.open>a.goback:before{color:var(--color-black);}

/*
@media only screen and (min-width:481px){
	.menu.slider ul.L0>li ul{max-height:100em;}
	.menu.slider ul.open ul>li:last-of-type{padding-bottom:0.5em;}
	.menu.slider ul.L0 ul>li{padding-left:1em;}
	.menu.slider ul>li.children>a:after{content:"\f107";}
	.menu.slider ul>li.children>a:hover:after{content:"\f103";}
}

*/
