/* #Hide Normal Navigation
==================================================*/

.normalNavigationContainer {
	display: none;
}

/* #Show Mobile Navigation
==================================================*/

.mobileNavigationContainer {
	display: block; /* show menu icon*/
	font-family: 'BebasNeueRegular', arial, helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
}

/* #Mobile Navigation Styles
==================================================*/

/* #Menu Icon
==================================================*/

.mobileNavigationMenuButton {
	display: none; /* toggle visibility */
	float: none;
	cursor: pointer;
	width: auto;
	padding: 15px 20px 13px 20px;
	background: #cf0000;
	font-size: 155%;
	line-height: 90%;
	transition-duration: 0.4s;
	-moz-transition-duration: 0.4s; /* Firefox 4 */
	-webkit-transition-duration: 0.4s; /* Safari and Chrome */
	-o-transition-duration: 0.4s; /* Opera */
}

/* Icon Area */
.mobileNavigationMenuButton .menuButton {
	position: relative;
	float: left;
	display: block;
	width: 20px;
	height: 20x;
	margin-right: 10px;
}

/* Icon */
.mobileNavigationMenuButton .menuButton:before {
	content: '';
	height: 3px; /* Line Height */
	width: 20px; /* Line Width */
	background: #fff; /* Line Background */
	display: block;
	position: absolute;
	top: 1px;
	left: 0;
	box-shadow: 0 6px 0 #fff, 0 12px 0 #fff; /* Line Color */
	-webkit-box-shadow:0 6px 0 #fff, 0 12px 0 #fff; /* Line Color */
	-moz-box-shadow:0 6px 0 #fff, 0 12px 0 #fff; /* Line Color */
}

.mobileNavigationMenuButton:hover {
	background-color: #e30000;
	transition-duration: 0.2s;
	-moz-transition-duration: 0.2s; /* Firefox 4 */
	-webkit-transition-duration: 0.2s; /* Safari and Chrome */
	-o-transition-duration: 0.2s; /* Opera */
}

.mobileNavigationMenuButton.open {
}

/* #Dropdown
==================================================*/

.mobileNavigationRoot.dropdown {
	clear: both;
	position: static;
	display: block;
	overflow: hidden; /* Hide overflowing elements */
	z-index: 9999;
	width: auto;
	margin: 0;
	padding: 0; /* Padding of the Area */
	background: #fff;
}

/* #Main Navigation
==================================================*/

.navigationElement {
	width: 100%;
}

.mobileNavigationContainer ul {
	margin: 0;
	padding: 0;
}

.mobileNavigationContainer ul li {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
	border-top: 1px solid #0d0d0d;
}

.mobileNavigationContainer ul li.navigationElement.first.index-1.level-0 {
	border-top: 0;
	border-top: none;
}

.mobileNavigationContainer ul li a {
	padding: 14px 20px 11px 20px;
	display: block;
	background: #1d1818;
	font-size: 130%;
	text-decoration: none;
	text-transform: none;
	color: #999;
	transition-duration: 0.4s;
	-moz-transition-duration: 0.4s; /* Firefox 4 */
	-webkit-transition-duration: 0.4s; /* Safari and Chrome */
	-o-transition-duration: 0.4s; /* Opera */
}

.mobileNavigationContainer ul li a:hover {
	background: #303233;
	color: #fff;
	transition-duration: 0.2s;
	-moz-transition-duration: 0.2s; /* Firefox 4 */
	-webkit-transition-duration: 0.2s; /* Safari and Chrome */
	-o-transition-duration: 0.2s; /* Opera */
}

.mobileNavigationContainer ul li a.open {
	background: #303233;
	color: #fff;
}

/* #Sub-Navigation
==================================================*/

.mobileNavigationContainer ul ul {
}

.mobileNavigationContainer ul ul li {
}

.mobileNavigationContainer ul ul li a {
	padding-left: 40px;
}

.mobileNavigationContainer ul ul li a:hover {
}

.mobileNavigationContainer ul ul li a.open {
}

/* #Sub Sub-Navigation
==================================================*/

.mobileNavigationContainer ul ul ul {
}

.mobileNavigationContainer ul ul ul li {
}

.mobileNavigationContainer ul ul ul li a {
	padding-left: 60px;
}

.mobileNavigationContainer ul ul ul li a:hover {
}

.mobileNavigationContainer ul ul ul li a.open {
}

/* #Mobile Over
==================================================*/

.mobileNavigationRoot .mobileOver {
	display: none;
}