.nav {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.nav-link {
	display: block;
	padding: 0.5rem 1rem;
}

.nav-link:hover, .nav-link:focus {
	text-decoration: none;
}

.nav-link.disabled {
	color: #8d8d8d;
	pointer-events: none;
	cursor: default;
}

.nav-tabs {
	border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-item {
	margin-bottom: -1px;
}

.nav-tabs .nav-link {
	border: 1px solid transparent;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
	border-color: #e3e3e3 #e3e3e3 #dee2e6;
}

.nav-tabs .nav-link.disabled {
	color: #8d8d8d;
	background-color: transparent;
	border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
	color: #515151;
	background-color: #fff;
	border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .dropdown-menu {
	margin-top: -1px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.nav-pills .nav-link {
	border-radius: 0;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
	color: #D79E8E;
	background-color: #D79E8E;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
	flex: 1 1 auto;
	text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
	flex-basis: 0;
	flex-grow: 1;
	text-align: center;
}

.tab-content > .tab-pane {
	display: none;
}

.tab-content > .active {
	display: block;
}

.nav {
	flex-wrap: nowrap;
	scrollbar-width: thin;
	scrollbar-color: rgba(207, 207, 207, 0.3);
	overflow-x: auto;
	overflow-x: overlay;
	overflow-y: hidden;
}

.nav .nav-link {
	white-space: nowrap;
}

.nav::-webkit-scrollbar {
	width: 0;
	height: 0;
	background: rgba(207, 207, 207, 0.3);
}

.nav::-webkit-scrollbar-thumb {
	background: rgba(207, 207, 207, 0.8);
}

.mobile .nav::-webkit-scrollbar, .nav:hover::-webkit-scrollbar {
	width: 3px;
	height: 3px;
}

.nav-classic .nav-link {
	padding: 0;
	color: #8d8d8d;
	font-size: 0.8125rem;
	font-weight: 700;
	text-transform: uppercase;
}

.nav-classic .nav-link:hover {
	color: #DBAB9E;
}

.nav-classic .nav-link.active {
	color: #D79E8E;
}

.nav-classic .nav-item:not(:last-child) {
	margin-right: 1.25rem;
}

@media (min-width: 992px) {
	.nav-classic .nav-item:not(:last-child) {
		margin-right: 3.4375rem;
	}
}

.nav-creative-container {
	position: relative;
	padding: 1.25rem 0.9375rem;
	color: #fff;
	background-color: #272b37;
}

.nav-creative {
	counter-reset: thumbnail-number;
}

.nav-creative .nav-link {
	position: relative;
	z-index: 0;
	padding: 0.625rem;
	color: inherit;
	font-size: 0.8125rem;
	font-weight: 700;
	text-transform: uppercase;
}

.nav-creative .nav-link::after {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: -1;
	width: 100%;
	height: 100%;
	content: '';
	background-color: #fff;
	box-shadow: 0 20px 30px rgba(39, 43, 55, 0.6);
	transform: translate(-50%, -50%) scale(0.8);
	opacity: 0;
	transition: all 0.2s ease-in-out;
}

.nav-creative .nav-link:hover, .nav-creative .nav-link.active {
	color: #D79E8E;
}

.nav-creative .nav-link:hover::after, .nav-creative .nav-link.active::after {
	transform: translate(-50%, -50%) scale(1);
	opacity: 1;
}

.nav-creative .nav-link-prefix::before {
	content: counter(thumbnail-number, decimal-leading-zero);
	counter-increment: thumbnail-number;
}

.nav-creative .nav-link-prefix::after {
	display: inline-block;
	width: 0.25rem;
	content: '';
	transform: translateY(-0.3em);
}

.nav-creative .nav-item + .nav-item {
	margin-left: 0.3125rem;
}

@media (min-width: 768px) {
	.nav-creative-container {
		z-index: 0;
	}
	.nav-creative-container::after {
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		z-index: -1;
		width: 100vw;
		content: '';
		background-color: inherit;
		box-shadow: 20px 25px 30px rgba(39, 43, 55, 0.25);
	}
	.nav-creative {
		display: block;
	}
	.nav-creative .nav-item + .nav-item {
		margin-top: 0.625rem;
		margin-left: 0;
	}
	.nav-creative .nav-link-prefix::after {
		width: 0.5625rem;
		margin: 0rem 0.625rem;
		border-bottom: 2px solid;
	}
}

@media (min-width: 992px) {
	.nav-creative-container {
		padding: 2.1875rem 1.5625rem;
	}
	.nav-creative .nav-link {
		padding: 1.25rem 1.5625rem;
	}
}

@media (min-width: 1200px) {
	.nav-creative-container {
		padding: 5.9375rem 0rem 4.75rem 3.5rem;
	}
	.nav-creative {
		margin: -0.75rem -1.875rem -3.1875rem;
		padding: 0.75rem 1.875rem 3.1875rem;
	}
	.nav-creative .nav-link {
		padding: 1.875rem 3.1875rem;
	}
	.nav-creative .nav-item + .nav-item {
		margin-top: 1.4375rem;
	}
	.nav-creative .nav-link-prefix::after {
		margin: 0rem 1.4375rem;
	}
}