#wrapper .darkgrey { 
	background: #ffffff; 
}
#wrapper .darkgrey * { 
	color: black; 
}
#wrapper .darkgrey a.btn--transparent { 
	border-color: #fff; 
}
#wrapper .darkgrey a.btn--transparent:hover { 
	background: #fff; color: black; 
}
#wrapper .darkgrey .nav-tabs {
	display: flex;
	margin: 40px 0 0 0 !important;
	padding: 0;
	max-width: 1200px;
	flex-flow: row wrap;
	justify-content: flex-start;
}
#wrapper .darkgrey .nav-tabs li {
	margin: 0 1rem 0 0;
	flex: none;
	position: relative;
	z-index: 1;
	display: block;
}
#wrapper .darkgrey .nav-tabs a {
	padding: 1rem 0.75rem;
	color: black!important;
	transition: color 0.3s;
	position: relative;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	line-height: 1.5;
	border-radius: 0;
	background-color: none;
	border: none;
	font-size: 1.25rem;
	font-family: "PwC Helvetica Neue Light", "PwC Helvetica Neue", Arial, sans-serif;
	letter-spacing: 0.025rem;
}
#wrapper .darkgrey .nav-tabs a:hover,
#wrapper .darkgrey .nav-tabs a:focus {
	color: #fff;
	background-color: transparent;
}
#wrapper .darkgrey .nav-tabs li.active a {
	color: white!important;
	background-color: transparent;
}
#wrapper .darkgrey .nav-tabs a:after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #7d7d7d;
    content: '';
    transition: background-color 0.3s, transform 0.3s;
    transition-timing-function: ease, cubic-bezier(0.7,0,0.3,1);
    transform: translate3d(0,100%,0) translate3d(0,-1px,0);
}
#wrapper .darkgrey .nav-tabs li.active a:after {
    transform: translate3d(0,0,0);
}
#wrapper .darkgrey .nav-tabs a:hover:after {
	transform: translate3d(0,100%,0) translate3d(0,-3px,0);
}
#wrapper .darkgrey .nav-tabs a:hover:after,
#wrapper .darkgrey .nav-tabs a:focus:after,
#wrapper .darkgrey .nav-tabs li.active a:after {
	background: #d93954;
        color: white!important;
}

@media screen and (min-width: 1025px) and (max-width: 1400px) {
	#wrapper .darkgrey .nav-tabs a {
		font-size: 1.15rem;
	}
}
@media screen and (max-width: 1024px) {
	#wrapper .darkgrey .nav-tabs {
		display: block;
		box-shadow: none;
	}
	#wrapper .darkgrey .nav-tabs li {
		display: block;
		flex: none;
		width: 100%;
	}
	#wrapper .darkgrey .nav-tabs a {
		white-space: normal;
		padding: 1rem;
	}
	#wrapper .darkgrey .text-component a.btn {
		white-space: normal;
	}
}