.overflow-hidden {overflow:hidden}

#menu-overlay {
	position:fixed;
	top:0;left:0;right:0;bottom:0;
	background-color:#111;
	z-index:10001;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	opacity:0;
	visibility:hidden;
}

#menu-overlay.menu-open{opacity:0.6;visibility:visible}

#nav-universe
{
	display:flex;
	flex-direction:row;
	margin-top:70px;
	flex: auto;
	text-align: center;
	margin: 90px 0 0;
	position: absolute;
	width: calc( 100% - 24px );
	color:#23395b;
}

#nav-universe div {flex:1;border-bottom:2px solid #edeef0;padding:15px;font-size:20px}
#nav-universe div:hover{background:#eee}

#nav-universe div.selected {font-weight:600;border-bottom:2px solid #111;}

#filters_btn, #postad_menu_btn {
	position:fixed;
	bottom:0;
	background:#fff;
	box-shadow:0 0 6px rgba(0, 0, 0, 0.4);
	max-width:550px;
	width:100%;
	z-index:1;
	left:0;
	right:0;
	padding-top:15px;
	height:75px;
	text-align:center;
	z-index: 99999;
}
#postad_menu_btn{display:none}
#ab{height:100vh;position:relative;overflow-y:scroll;overflow-x:hidden;}

nav#ml-menu {
	z-index: 99999;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	max-width: 550px;
	background: #fff;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 0.3s ease-in-out, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s ease-in-out, opacity 0.3s;
	transition: transform 0.3s ease-in-out, opacity 0.3s;
	font-family: "Poppins";
	bottom: 0;
}

nav#ml-menu.visible {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

#pokpok{background-size:cover;background-position:center center;background-repeat:no-repeat;height:125px}

#large-header #pokpok.with-bg {height:210px}

#ab > ul {display:none}
#ab > ul.visible {display:block}

#ab > ul {margin: 165px 0 0}
#large-header #pokpok.with-bg ~ ul {margin: 215px 0 0}
#large-header #pokpok.with-bg .nav-title {top:145px}

#ab .nav-toggle {
position: relative;
top: 0;
left: 0;
width: 100%;
padding: 12px;
z-index: 100;
cursor: pointer;
display: flex;
align-items: center;
}
  
nav .nav-toggle.back-visible .nav-back {opacity:1}
nav .nav-toggle.back-visible .nav-title {transform:translateX(35px);}

nav .nav-title {
position: absolute;
left: -60px;
top: 68px;
padding: 4px 20px;
transition: transform 0.3s;
color: #fff;
border-radius: 38px;
font-size: 22px;
background: rgba(50,50,50,0.8);
}

#pokpok.with-bg .nav-title{left:-15px}

nav i:not(.icon-search){font-size:22px;margin:0 8px 0 0px}

nav .nav-back {
	background: #f2f2f2;
	padding: 20px;
	z-index: 1;
	opacity: 0;
	transition: opacity 0.2s;
	border-radius: 50px;
	display: block;
	background-image: url(/im/header/back.svg);
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: 50%;
}

nav ul a, nav ul:not(.eregerg) span:not(.nb_result_filters):not(.dd4n):not(.close):not(.filter_seller) {
	display: flex;
	position: relative;
	padding: 0 17px;
	color: #23395b;
	text-decoration: none;
	transition: color 0.15s, background-color 0.15s;
	margin: 0 0 6px;
	font-weight: 600;
	height: 60px;
	line-height: 60px;
	border-radius: 7px;
	cursor: pointer;
	line-height: 20px;
	align-items: center;
}

ul.nobold a {font-weight:400}

nav ul span img, nav ul a img {
	margin-right:7px;
	border-radius: 50px;
	filter: brightness(1) invert(0.03);
}
nav ul#eshop-brands span img, nav ul#eshop-brands a img {border-radius:0}

nav ul li{background: #f6f6f8;border-radius:7px}
nav ul li:hover {background: #f1f1f1}

.mn-i{background:#fff;border-bottom:2px solid #f6f6f8;border-radius:0}

nav ul{list-style:none;padding:20px 10px 100px;transition:transform 0.3s;position:absolute;left:0;top:0;/*height:100%;*/width:100%;font-size:16px}

nav .ssll span + ul {
	display: block;
	transform: scaleY(0);
	transform-origin: top;
	transition: all 0.26s ease;
	overflow: hidden;
	position: relative;
	left: 0;
	padding: 0;
	margin: -7px 0 7px;
	max-height: 0;
}

  nav .ssll span + ul, nav .ssll span + ul li {
	background:#f6f6f8;
  }

  nav .ssll.ssll-visible span + ul {
	transform: scaleY(1);
	max-height: fit-content;
  }

  nav .ssll a {
	margin:0;
	border-bottom:1px solid #eee;
	font-weight: 400;
  }

  nav ul li.ssll-visible > span {
	background: #ededef;
}

  nav ul ul {
	display: none;
	left: 100%;
  }

  .nav-dropdown-open.nav-dropdown-active > ul {visibility :visible !important;}

  nav li.has-dropdown > span {
	padding-right: 2.5em;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
  }
  nav li.has-dropdown > span:after,
  nav li.ssll > span:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 1em;
	width: 9px;
	height: 9px;
	border: 1px solid currentcolor;
	border-left-color: transparent;
	border-top-color: transparent;
	transform: translateY(-90%) rotateZ(-45deg);
	transition: transform 0.3s;
	transform-origin: 100%;
  }

  nav li.ssll.ssll-visible > span:after {
	transform:translateY(-60%) rotateZ(45deg)
  }

  nav li.nav-dropdown-open ul:not(.tg) {
	display: block;
	visibility :hidden;
  }


  #navbar_close {
	position: absolute;
	right: 9px;
	background: #f2f2f2;
	padding: 4px 11px;
	border-radius: 50px;
	color: #333;
	font-size: 20px;
	display: flex;
	align-items: center;
	align-self: center;
}

.csmt {margin:0 15px 0 0}