@import
	url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600)
	;

@font-face {
	font-family: 'icomoon';
	src: url('../fonts/icomoon.eot');
	src: url('../fonts/icomoond41d.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.woff') format('woff'),
		url('../fonts/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* minimal styles for that navi */
.rmm {
	margin: 0 auto;
}

.rmm ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	background: #000;
}

.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: #fff;
}

.rmm ul li a {
	color: #404847f5;
	display: block;
	text-decoration: none;
}

.rmm ul ul {
	display: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 100%;
}

.rmm ul ul li {
	float: none;
	position: relative;
}

.rmm ul ul li a {
	color: #fff;
}

.rmm ul ul li a:hover {
	background: #c0bcbc;
}

.rmm ul ul ul {
	position: absolute;
	left: 100%;
	top: 0;
	width: 100%;
}

/* mobile menu header button */
.rmm-toggled {
	width: 100%;
	background-color: #58585a;
	min-height: 45px;
	margin: 0 auto;
	display: none;
	margin-top: 5%;
	cursor: pointer;
}

.rmm-closed ~ .rmm-mobile {
	display: none !important;
}

.rmm-toggled-controls {
	width: 100%;
}

.rmm-toggled-title {
	color: #fff;
	display: block;
	float: left;
	font-size: 20px;
	padding: 10px 20px;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	width: 85%;
}

.rmm-toggled-button {
	width: 20%;
	float: left;
	margin-top: 3px;
	display: block;
	width: 32px;
	padding: 0 !important;
	margin: 10px 10px 0 0;
	border: 1px solid #fff;
	border-radius: 4px;
	cursor: pointer;
	float: right;
	width: 40px;
}

.rmm-toggled-button span {
	float: left;
	display: block;
	margin: 3px 6px;
	height: 3px;
	background: white;
	width: 27px;
}

/* normalny back button visible only on mobiles  */
.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: 3px;
	right: 1px;
	float: left;
	font-size: 10px;
}

.rmm-mobile .rmm-back {
	display: block;
}

/* mobile menu list */
.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%;
}

/* mobile menu js action */
.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;
}

/* mobile menu content */
.rmm-mobile .rmm-submenu {
	position: relative;
	left: 0px;
}

.rmm .rmm-mobile li:hover>ul {
	display: none;
}

/* arrow down for wide screen */
.rmm.style {
	text-align: left;
	font-family: Tahoma;
}

.rmm.style ul {
	background: #fff;
	text-transform: capitalize;
	display: inline-table;
	text-align: left;
	margin-top: 1em;
}

.rmm.style ul li {
	text-align: left;
	color: #0F64A0 !important;
}

.rmm.style ul li:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#82cdf2+0,3fa3d6+100 */
	background: #82cdf2; /* Old browsers */
	background: -moz-linear-gradient(top, #82cdf2 0%, #3fa3d6 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #82cdf2),
		color-stop(100%, #3fa3d6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #82cdf2 0%, #3fa3d6 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #82cdf2 0%, #3fa3d6 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #82cdf2 0%, #3fa3d6 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #82cdf2 0%, #3fa3d6 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82cdf2',
		endColorstr='#3fa3d6', GradientType=0); /* IE6-9 */
}

.rmm.style ul ul {
	background: #b4bbbd none repeat scroll 0 0;
	border-radius: 0;
	box-shadow: 0 0 2px #000;
	display: none;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 1;
}

.rmm.style ul li a {
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 10px;
	text-decoration: none;
}

.rmm.style ul li a:hover {
	color: #FFF !important;
}

.rmm-menu  .rmm-dropdown>li>a:hover, .navbar-default .navbar-nav>li>a:focus
	{
	color: #FFF !important;
}

.rmm.style ul ul li {
	/*border-bottom: 1px solid #575F6A; border-top: 1px solid #6B727C;*/
	
}

.rmm.style ul ul li a {
	padding: 8px 30px 8px 15px;
	color: #fff;
}

.rmm.style ul ul li a {
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	padding: 10px 30px 10px 10px;
}

/* arrow down for wide screen */
.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: -1px;
	left: 4px;
	color: #FFF;
	font-size: 10px;
}

/* arrow left for wide screen submenus  */
.rmm.style ul ul li>a:not(:only-child):after {
	-webkit-transform: rotate(120deg) !important;
	transform: rotate(120deg) !important;
	top: -1px;
	font-size: 14px;
	float: right;
	margin-right: -20px;
}

/* mobile style */
.rmm.style .rmm-mobile li>a:not(:only-child):after {
	-webkit-transform: rotate(120deg) !important;
	transform: rotate(120deg) !important;
	top: 4px !important;
	font-size: 14px !important;
	float: right;
	margin-right: -20px;
}

.rmm.style .rmm-mobile li {
	background: #07A5E0;
	border-bottom: 1px solid #07A5E0 !important;
	border-top: 0 !important;
}

/* #### mobile Portrait or Landscape #### */
@media screen and (min-device-width: 320px) and (max-device-width:
	568px) {
	.dg-wrapper {
		width: 300px;
	}
	.rmm-toggled-button {
		margin: 10px 2px 0 0;
	}
}