
.rmm {
	/*float: left;
	width: 100%;
	display: table-row;*/
	float: right;
	text-align: right;
	width: auto;
}

	.rmm ul {
		margin: 0;
		padding: 0;
		list-style: none;
		position: relative
	}

		.rmm ul:after {
			content: "";
			clear: both;
			display: block;
		}

		.rmm ul li {
			float: left
		}

			.rmm ul li:hover {
				background: #202020
			}

				.rmm ul li:hover > ul {
					display: block
				}

				.rmm ul li:hover a {
					color: #eee
				}

			.rmm ul li a {
				color: #eee;
				display: block;
				text-decoration: none
			}

		.rmm ul ul {
			display: none;
			position: absolute;
			top: 100%
		}

			.rmm ul ul li {
				float: none;
				position: relative
			}

				.rmm ul ul li a {
					color: #eee
				}

					.rmm ul ul li a:hover {
						background: #202020
					}

			.rmm ul ul ul {
				display: none;
				position: absolute;
				left: 100%;
				width: 100%;
				top: 0;
			}

		.rmm ul li:last-child ul li ul {
			position: absolute;
			/*left: -250px !important;*/
			width: 100%;
			top: 0;
		}

		.rmm ul ul li ul {
			display: block;
			position: absolute
		}

.rmm-toggled {
	width: 100%;
	background-color: transparent;
	min-height: 38px;
	margin: 0 auto;
	display: none;
}

.rmm-closed ~ .rmm-mobile {
	display: none !important
}

.rmm-toggled-controls {
	width: 100%
}

.rmm-toggled-title {
	width: 60%;
	float: left;
	color: #eee;
	font-weight: 600;
	display: none;
	padding: 8px 0;
	text-decoration: none;
	text-transform: uppercase;
	text-align: left;
	padding-left: 35px;
}

.rmm-toggled-button {
	width: 30%;
	float: left;
	display: block;
	width: 32px;
	padding: 0 !important;
	margin: 6px 0;
	border: none;
	border-radius: 3px
}

	.rmm-toggled-button span {
		float: left;
		display: block;
		margin: 3px 6px;
		height: 3px;
		background: #eee;
		width: 28px
	}

.rmm .rmm-back {
	display: none;
	font-size: 12px
}

	.rmm .rmm-back:after {
		display: none
	}

	.rmm .rmm-back a:after {
		font-family: 'icomoon';
		speak: none;
		-webkit-font-smoothing: antialiased;
		content: "\e000";
		position: relative;
		display: inline-block;
		-webkit-transform: rotate(-60deg);
		transform: rotate(-60deg);
		top: 1px;
		right: -2px;
		float: left;
		font-size: 10px
	}

.rmm-mobile .rmm-back {
	display: block
}

.rmm-mobile {
	width: 100%
}

	.rmm-mobile .rmm-dropdown:hover ~ ul, .rmm-mobile .rmm-dropdown:hover > ul, .rmm-mobile .rmm-dropdown:hover + ul {
		display: none !important
	}

	.rmm-mobile ul {
		width: 100%;
		position: inherit !important
	}

	.rmm-mobile li {
		width: 100%
	}

.rmm-dropdown {
	display: block !important
}

.rmm-mobile .rmm-subview {
	display: block !important;
	width: 100%
}

.rmm-mobile .rmm-subover-hidden {
	display: none !important
}

.rmm-mobile .rmm-subover-visible {
	display: block
}

.rmm-mobile .rmm-subover-header {
	display: none !important;
	padding: 0;
	margin: 0
}

.rmm-mobile .rmm-submenu {
	position: relative;
	left: 0
}

.rmm .rmm-mobile li:hover > ul {
	display: none
}

.rmm.style {
	width: 100%
}

	.rmm.style ul {
		margin: 0;
		padding: 0
	}

		.rmm.style ul li {
			text-align: left;
			padding: 0 4px
		}

			.rmm.style ul li:hover {
				color: #eee;
			}

		.rmm.style ul ul {
			display: none;
			margin: 0;
			background: #333333;
			border-radius: 0;
			padding: 0;
			position: absolute;
			z-index: 99999;
			min-width: 180px
		}

		.rmm.style ul li a {
			color: #eee !important;
			font-weight: 400;
			display: block;
			padding: 9px 8px;
			text-decoration: none;
			font-size: 12px
		}

			.rmm.style ul li a:hover {
				color: #202020
			}

		.rmm.style ul ul li {
			border-bottom: 1px solid #eee
		}

			.rmm.style ul ul li:last-child {
				border-bottom: 0 !important
			}

			.rmm.style ul ul li a {
				padding: 7px 15px 7px 10px;
				color: #eee
			}

				.rmm.style ul ul li a:hover {
					background: #202020;
					color: #eee
				}

		.rmm.style ul li > a:not(:only-child):after {
			font-family: 'icomoon';
			speak: none;
			-webkit-font-smoothing: antialiased;
			content: "\e000";
			position: relative;
			display: inline-block;
			-webkit-transform: rotate(210deg);
			transform: rotate(210deg);
			top: -2.5px;
			left: 3px;
			font-size: 8px
		}
		.rmm.style ul li > a:first-child:after {
			font-family: 'icomoon';
			speak: none;
			-webkit-font-smoothing: antialiased;
			content: none !important;
			position: relative;
			display: inline-block;
			-webkit-transform: rotate(210deg);
			transform: rotate(210deg);
			top: -2.5px;
			left: 3px;
			font-size: 8px
		}

		.rmm.style ul ul li > a:not(:only-child):after {
			-webkit-transform: rotate(120deg) !important;
			transform: rotate(120deg) !important;
			top: 2px;
			font-size: 8px;
			float: right;
			margin-right: -5px
		}

	.rmm.style .rmm-mobile li > a:not(:only-child):after {
		-webkit-transform: rotate(120deg) !important;
		transform: rotate(120deg) !important;
		top: 4px !important;
		font-size: 9px !important;
		float: right;
		margin-right: 0
	}

	.rmm.style .rmm-mobile li {
		background: none;
		border-bottom: 1px solid #575f6a !important;
		border-top: 0 !important
	}

	.rmm.style ul ul ul ul {
		min-width: 250px
	}

	.rmm.style ul ul ul {
		min-width: 250px
	}

@media(min-width: 298px) and (max-width: 786px) { 
	.rmm.style {
		width: auto !important
	}
}