.top-menu a, .top-menu a:visited, .top-menu a:active, .top-menu a:link, .top-menu a:hover {
	color: var(--c-text);
}
.top-menu,.top-menu ul{
	list-style: none;
	/* transition: all .3s ease; */
	margin: 0;
}
.top-menu{
	display: flex;
	align-items: center;
}
.top-menu li{
	padding: 0;
	margin: 0;
}
.top-menu > li li,.top-menu > li ul {}
.top-menu > li > a {
	padding-bottom: 10px;
	position: relative;
	text-decoration: none;
}
.top-menu > li > ul{
	opacity: 0;
	visibility: hidden;
	border-radius: 2px;
	/* pointer-events: none; */
	/* transition: all .3s ease; */
}

.top-menu > li.opened > ul,
.top-menu > li:hover > ul{
	margin-top: 0;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	top: calc(100% - 3px);
}
.top-menu-lv2 {
	/*display: none;*/
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	background: var(--bg);
	margin: 0;
	top: calc(100% - 20px);
	color: var(--c-text);
	padding: 10px 0 0 0;
	box-shadow: 0 0 14px 1px #0000009e;
	flex-direction: column;
	z-index: 1;
	transition: opacity,top .1s ease;
}
.top-menu-lv2 a, .top-menu-lv2 a:visited, .top-menu-lv2 a:active, .top-menu-lv2 a:link{
	text-decoration:none;
	color: var(--c-link);
}
.top-menu-lv2 a:hover,
.top-menu-lv2 a:focus{
	/* text-decoration:underline; */
	color: var(--c2);
}
.top-menu-lv2 li.m_back {
	display: none;
}
.top-menu-lv2 li.selected > a {
	color: var(--c3);
}
.top-menu-lv2 > li {
	width: 300px;
}
.top-menu-lv2 > li:first-child {
	margin-top: 15px;
}
.top-menu-lv2 > li:last-child {
	margin-bottom: 15px;
}
.top-menu-lv2 > li:hover > ul {
	display: grid;
	z-index: 3;
}
.top-menu-lv2 > li.selected > ul {
	display: grid;
}
.top-menu-lv2 > li > a {
	padding: 5px 35px 5px 15px !important;
	display: block;
	z-index: 4;
	position: relative;
	border-right: 1px solid #ffffff21;
}

.top-menu-lv3 {
	/*display: none;*/
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	grid-auto-rows: min-content;
	grid-gap: 15px;
	background: #02616e;
	padding: 20px 20px 0px 340px;
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box !important;
	margin: 0;
	overflow: auto;
}
.top-menu-lv3 > li {
	margin: 0;
	min-height: 100px;

	position: relative;
}
.top-menu-lv3 .img {
	height: 100px;
	width: 100px;
	max-width: 100px;
	min-width: 100px;
	background-size: 100px auto;
	background-repeat: no-repeat;
	z-index: 1;
	position: relative;
}
.top-menu-lv3 > li.noimage .img {
	background: var(--c-gray);
	color: var(--c-gray-dark);
	font-size: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--c-gray-dark);
	border-radius: 2px;
}
.top-menu-lv3 > li:last-child {
	margin-bottom: 20px;
}
.top-menu-lv3 > li > a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0 0 0 120px;
	box-sizing: border-box !important;
}

.top-menu ul>li>a:hover {

}
.top-menu li.parent>a>.iconsite-arrow_down{
	font-size:11px;
	transition: all .3s ease;
	align-self: center;
	display:inline-block;
	margin: 0 0 0 10px;
}

.top-menu ul>li.parent>a>.iconsite-arrow_down{
	position: absolute;
	margin-top: -4px;
	top: 12px;
	right: 13px;
	transform: rotate(-90deg);
	font-size:13px;
	max-height: 17px;
	display: inline-block;
}
.top-menu li.parent:hover>a>.iconsite-arrow_down {
	transform: rotate(180deg);
	text-shadow: none;
}

.top-menu ul>li.parent:hover>a>.iconsite-arrow_down {
	transform: rotate(90deg);
}