#tmenu {
	list-style: none;
}
.top-menu__head {
	display: none;
}
#tmenu ul {
	display: none;
}
#tmenu ul  a{
	font-size: 14px;
}
#tmenu ul li {
	margin-bottom: 5px;
}
#tmenu li.root-item > a .tmenu__arow {
	display: none;
}
#tmenu .tmenu__icon {
	position: relative;
	top: 5px;
}
#tmenu svg {
	display: none;
	stroke: #e62f57;
}

/* Используем псевдокласс after для оформления самой плашки, но при этом скрываем ее, так как она должна появляться только при клике */
.focus:after {
	content: attr(data-title);
	display: none;position: absolute;
	bottom: 130%;
	left: 0px;
	background-color: #fff;
	color: #3aaeda;
	padding: 5px;
	text-align: center;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.16);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.16);
	box-shadow: 0 1px 1px rgba(0,0,0,.16);font-size: 14px;}
/* Добавляем свойство, чтобы при клике на элемент плашка с подсказкой появилась */
.focus:focus:after{display: block;}
@media (max-width: 1240px) {
	.subheader .nav {
		margin-top: 20px;
	}
	.subheader .top-menu {
		float: none;
		clear: both;
		width: 100%;
	}
	.subheader .top-menu .nav {
		float: none;
	}
	.subheader .nav li.active:before {
		top: 35px;
	}
}

@media (max-width: 768px) {
	.subheader .top-menu {
		float: right;
		clear: none;
		width: 44px;
		padding: 0;
	}
	.subheader .navbar-collapse {
		position: fixed;
		top: 0;
		right: 15%;
		left: 0;
		bottom: 0;
		background: #fff;
		z-index: 1000;
		max-height: 100%;
		-webkit-box-shadow: 4px 4px 8px 0px rgb(34 60 80 / 20%);
		-moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
		box-shadow: 4px 4px 8px 0px rgb(34 60 80 / 20%);
	}
	.subheader .top-menu .nav {
		margin: 0;
		padding: 50px 25px;
	}
	.subheader .nav li {
		margin: 0;
		padding: 10px 0;
		border-top: solid 1px #f7f7f7;
	}
	.subheader .nav li li {
		padding: 5px 0;
	}
	.subheader .nav li:first-child {
		border-top: none;
	}

	.subheader .nav li a {
		display: inline-block;
		padding-left: 0;
	}
	.subheader .nav li.active:before {
		display: none;
	}
	.subheader .nav li.active a,
	.subheader .nav li.active a:before {
		color: #f70d28;
	}
	.top-menu__close {
		display: block;
		top: 18px;
	}
	#tmenu {
		padding-top: 40px;
	}

	#tmenu li a:before {
		display: none;
	}
	/*#tmenu li.root-item > a:after {
		display: inline-block;
		background-image: url(data:image/png;base64,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);
		content: "";
		background-size: contain;
		background-repeat: no-repeat;
		left: auto;
		bottom: auto;
		box-shadow: none;
		height: 14px;
		width: 15px;
		margin: 4px 0 0 10px;
	}*/
	#tmenu li.root-item > a .tmenu__arow {
		display: inline-block;
		position: relative;
		top: 3px;
		margin-left: 5px;
	}
	.top-menu__head {
		display: block;
		padding: 20px;
		background: #f7f7f7;
	}
	.top-menu__head-logo:hover {
		text-decoration: none;
	}
	.top-menu__head-logo img {
		height: 45px;
	}
	.top-menu__head-logo .logoname {
		position: relative;
		top: 5px;
		display: inline;
		color:#fff;
		background:#f70d28;
		font-size: 29px;
		padding: 5px;
		border-radius: 6px;
	}
	.top-menu__icon {
		display: inline-block;
		width: 15px;
		height: 15px;
		margin-right: 8px;
		border-radius: 100%;
		background: #444;
	}
	#tmenu svg {
		display: inline-block;
	}
}
@media (max-width: 480px) {
	.subheader .top-menu {
		position: absolute;
		top: 0;
		right: 0;
	}
}