.top-menu{
	position: relative;
	left: -0.35em;
}

.top-menu > li > a{
	padding: .25em .35em !important;
}

.top-menu > li > a:hover{
	color: #fff;
}

.top-menu > li > a span{
	position: relative;
}

.top-menu > li > a:before{
	content: '';
	position: absolute;
	z-index: -1;
	background-color: var(--colorMain);
	background-image: linear-gradient(45deg, var(--colorMain), var(--colorMain2));
	opacity: 1;
	left: auto;
	right: 0;
	bottom: 0;
	width: 0;
	height: 100%;
	transition: width .25s ease;
}

.top-menu > li > a:hover:before{
	left: 0;
	right: auto;
	width: 100%;
}

.top-menu > li:after{
	border-radius: 2px;
	border-color: inherit !important;
	transition: -webkit-transform .2s ease-in-out;
	transition: transform .2s ease-in-out;
	transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

.top-menu > li:hover:after,
.top-menu > li:focus:after,
.top-menu > li:focus-within:after{
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.top-menu > li ul{
	border-radius: 3px;
	border-bottom: 3px solid var(--colorMain);
}

.top-menu > .current-menu-parent > a:before,
.top-menu > .current-menu-item > a:before{
	width: 0;
}