
.nav-secondary {
	background: #fafafa;
	padding: 20px 0;
	z-index: 100;
}

.nav-secondary .nav-pills {
	justify-content: center;
}

.nav-secondary .nav-pills>li a, .nav-secondary .nav-pills>li span {
	display: block;
	font-size: .75rem;
	font-weight: 600;
	line-height: 20px;
	padding: 10px 13px;
	text-transform: uppercase;
}

.nav-secondary .nav-pills>li a i, .nav-secondary .nav-pills>li span i {
	font-size: .875rem;
	margin-right: .35em;
}

.nav-secondary.sticky-active {
	border-bottom-color: #e9e9e9;
	box-shadow: 0 0 3px rgba(0, 0, 0, .1);
}

.page-wrapper.sticky-scroll-up .nav-secondary.sticky-ready {
	transition: left .3s, visibility .3s, opacity .3s, transform .3s, top .3s ease;
}

.page-wrapper.sticky-scroll-up .nav-secondary.sticky-active.scroll-down {
	opacity: 0 !important;
	visibility: hidden;
	transform: translate3d(0, -100%, 0);
}

.page-wrapper.sticky-scroll-up .nav-secondary.sticky-active:not(.scroll-down) {
	opacity: 1 !important;
	visibility: visible;
	transform: translate3d(0, 0, 0);
}

.page-wrapper.sticky-scroll-up #header .header-main.sticky, .page-wrapper.sticky-scroll-up #header.sticky-header .main-menu-wrap {
	transform: translate3d(0, 0, 0);
	visibility: visible;
	opacity: 1;
}

.page-wrapper.sticky-scroll-up #header:not(.sticky-ready) .header-main {
	--e-con-transform-transition-duration: 0;
	--e-transform-transition-duration: 0;
}

.page-wrapper.sticky-scroll-up #header.sticky-header.sticky-ready .main-menu-wrap, .page-wrapper.sticky-scroll-up #header.sticky-ready .header-main.sticky {
	transition: transform .3s, opacity .3s, visibility .3s, left .3s ease !important;
}

.page-wrapper.sticky-scroll-up #header.scroll-down .header-main.sticky, .page-wrapper.sticky-scroll-up #header.sticky-header.scroll-down .main-menu-wrap {
	transform: translate3d(0, -100%, 0);
	opacity: 0;
	visibility: hidden;
}

.page-wrapper.sticky-scroll-up #header .sticky .porto-scroll-progress {
	top: calc(-1 * var(--porto-sp-sticky-height, 14px));
}
