.nav-submenu-icon {
	position: absolute;
	right: .25rem;
	top: .5rem;
}

@media all and (min-width: 992px) {
	.dropdown-menu li {
		position: relative;
	}

	.dropdown-menu .submenu {
		display: none;
		position: absolute;
		left: 100%;
		top: -7px;
	}

	.dropdown-menu .submenu-left {
		right: 100%;
		left: auto;
	}

	.dropdown-menu > li:hover {
		background-color: #f1f1f1
	}

	.dropdown-menu > li:hover > .submenu {
		display: block;
	}
}

@media (max-width: 991px) {
	.dropdown-menu .dropdown-menu {
		margin-left: 0.7rem;
		margin-right: 0.7rem;
		margin-bottom: .5rem;
	}
}

/* ######################### TOTOP START ######################### */
.progress-wrap {
	position: fixed;
	right: 1.5rem;
	bottom: 1.5rem;
	width: 3rem;
	height: 3rem;
	cursor: pointer;
	display: block;
	border-radius: 100%;
	box-shadow: inset 0 0 0 0.1rem rgba(128, 130, 134, 0.25);
	z-index: 8;
	opacity: 0;
	visibility: hidden;
	transform: translateY(0.75rem);
	transition: all 200ms linear, margin-right 0ms;
}

.progress-wrap.active-progress {
	visibility: visible;
	transform: translateY(0);
}

.progress-wrap:after {
	position: absolute;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f077";
	text-align: center;
	line-height: 3rem;
	font-size: 1.2rem;
	color: #378e46;
	left: 0;
	top: 0;
	height: 3rem;
	width: 3rem;
	cursor: pointer;
	display: block;
	z-index: 1;
	transition: all 200ms linear;
}

.progress-wrap svg path {
	fill: none;
}

.progress-wrap svg.progress-circle path {
	stroke: #378e46;
	stroke-width: 4;
	box-sizing: border-box;
	transition: all 200ms linear;
}

.progress-wrap:hover svg path {
	fill: #5ccb6f;
}

.progress-wrap:hover:after {
	color: #FFFFFF;
}

@media (min-width: 576px) {
	.progress-wrap.active-progress {
		opacity: 1;
	}
}

@media (min-width: 576px) {
	.progress-wrap.active-progress {
		opacity: 1;
	}
}

/* ######################### TOTOP END ######################### */