.sub-nav-desktop {
	display: none;
}

.sub-nav-mobile {
	border: 2px solid #cf0a2c;
	box-sizing: border-box;
	margin: 0 auto 2rem;
	width: 95vw;
}

.sub-nav-mobile nav {
	padding: 0 2rem 1.25rem;
}

.sub-nav-mobile nav ul {
	padding: 0;
}

.sub-nav-mobile .mobile-header {
	background: #cf0a2c;
	color: #fff;
	font-weight: 600;
	line-height: 1em;
	position: relative;
	text-transform: uppercase;
	padding: 1.25rem 2rem;
}

.sub-nav-mobile.on .mobile-header {
	background: #fff;
	color: #cf0a2c;
}

.sub-nav-mobile .mobile-header .nav-status {
	color: #cf0a2c;
	font-family: 'social-icons';
	font-size: 2rem;
}

.sub-nav-mobile .mobile-header .nav-status:after {
	color: #fff;
	content: '\f0a3';
	position: absolute;
	right: 2rem;
	top: 34%;
	z-index: 3;
	transform: rotate(180deg);
}

.sub-nav-mobile.on .mobile-header .nav-status:after {
	color: #cf0a2c;
	content: '\f0a3';
	transform: none;
}

.sub-nav-mobile nav {
	max-height: 100rem;
	overflow: hidden;
	-webkit-transition: max-height 300ms ease;
	-moz-transition: max-height 300ms ease;
	-o-transition: max-height 300ms ease;
	transition: max-height 300ms ease;
}

.sub-nav-mobile.on nav {
	max-height: 0;
}

.sub-nav-mobile nav > ul li {
	position: relative;
}

.sub-nav-mobile nav > ul > li {
	border-bottom: 1px solid #cdcdcd;
	font-weight: 400;
	padding: 1rem 0;
	position: relative;
}

.sub-nav-mobile nav > ul > li.last-child {
	border: none;
	padding: 1rem 0 0;
}

.sub-nav-mobile nav > ul > li a {
	color: #2c2c2c;
	padding-bottom: 1rem;
}

.sub-nav-mobile nav > ul > li a .lock {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC42NTYiIGhlaWdodD0iMTUiIGJhc2VQcm9maWxlPSJ0aW55Ij48cGF0aCBmaWxsPSIjQ0YyMDJFIiBkPSJNNS4zMyAwQzIuNCAwIDAgMi40IDAgNS4zM1YxNWgxMC42NlY1LjMzQzEwLjY2IDIuNCA4LjI2IDAgNS4zMyAwem0uNzUgMTEuOHYuOThjMCAuNDItLjM0Ljc1LS43NS43NXMtLjc1LS4zMy0uNzUtLjc1di0xYy0uNDMtLjI1LS43Mi0uNy0uNzItMS4yNSAwLS44LjY2LTEuNDcgMS40Ny0xLjQ3czEuNDcuNjYgMS40NyAxLjQ3YzAgLjU0LS4zIDEtLjcyIDEuMjZ6bTMuNTctNC42NEgxVjUuMzNDMSAyLjkzIDIuOTYgMSA1LjM0IDFzNC4zMiAxLjk0IDQuMzIgNC4zM3YxLjgzeiIvPjwvc3ZnPg==) no-repeat bottom;
	background-size: .5rem;
	height: 1rem;
	margin-left: .5rem;
	position: absolute;
	width: 1rem;
}

.sub-nav-mobile nav > ul > li.last-child a {
	padding: 0;
}

.sub-nav-mobile nav > ul > li.active > a {
	color: #cdcdcd;
}

.sub-nav-mobile nav > ul > li > a + .more-nav {
	background: url(/assets/images/nav-arrow-red.svg) no-repeat center;
	background-size: 75%;
	display: block;
	float: right;
	height: 1.65rem;
	margin-top: -.1875rem;
	overflow: hidden;
	text-indent: -99rem;
	transform: rotate(90deg);
	width: 1.65rem;
}

.sub-nav-mobile nav > ul > li .more-nav.on {
	transform: rotate(-90deg);
}

.sub-nav-mobile nav > ul > li ul {
	border-top: 2px solid #cdcdcd;
	margin-top: 1rem;
}

.sub-nav-mobile nav > ul > li ul li {
	padding: 1rem 1rem 0;
}

.sub-nav-mobile nav > ul > li ul li a {
	font-size: .85rem;
}

.sub-nav-mobile nav > ul > li > ul > li .more-nav {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMSBUaW55Ly9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLXRpbnkuZHRkIj48c3ZnIHZlcnNpb249IjEuMSIgYmFzZVByb2ZpbGU9InRpbnkiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI2LjI1MnB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCAyNi4yNTIgNDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIGZpbGw9IiNDRjIwMkUiIHBvaW50cz0iNi4yNTQsMzkuNzcgMCwzMy40OCAxMy42NzEsMTkuODg1IDAsNi4yOSA2LjI1NCwwIDI2LjI1MiwxOS44ODUgIi8+PC9zdmc+) no-repeat center;
	background-size: 50%;
	color: #cf0a2c;
	display: inline-block;
	font-family: 'social-icons';
	height: 1rem;
	margin: 0 0 0 .5rem;
	overflow: hidden;
	position: absolute;
	text-indent: -99rem;
	top: 1.25rem;
	transform: rotate(90deg);
	width: 1rem;
}

.sub-nav-mobile nav > ul > li > ul > li > ul {
	border-bottom: 1px solid #cdcdcd;
	border-top: 1px solid #cdcdcd;
}

.sub-nav-mobile nav > ul > li > ul > li > ul > li {
	padding: 1rem;
}