.navigation{background:url(../images/nav-tail.gif) center top repeat-x #02324d;}
#menu-icon{display:none;}
.menu {list-style:none;}
.menu > li {
	position:relative;
	float:left;
	font:bold 16px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
	background-image:url(../images/menu-separator.gif);
	background-position: right 16px;
	background-repeat: no-repeat;
	width:158px;
}
	.menu > li.last-item{background:none; width:160px;}
	.menu > li > a {
		display:inline-block;
		color:#fefefe;
		text-decoration:none;
		background:url(../images/menu-tail.gif) center -999em no-repeat;
		padding:20px 0 22px;
	}
		.menu > li.sfHover, .menu > li:hover {background-image:url(../images/menu-tail.gif);text-decoration:none; background-position:center -129px; background-color:#054b68; background-repeat:repeat-x;}
		.menu > li.current > a {text-decoration:none; color:#01253f !important; background-position:center top !important; background-repeat:repeat-x;}
		.menu > li.current{background-color:#eaeef4 !important; background-image: none;}
	.menu .menu-arrow{display:none;}
/***submenu***/
.menu ul {
	position:absolute;
	top:-999em;
	width:203px; 
	display:none;
	padding:10px 0 16px;
	background: url(../images/submenu-tail.png) 0 0 repeat;
	z-index:999;
}
.menu li li{
	width:100%;
	padding:0;
	margin-bottom:2px;
	position:relative;
	font:14px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
	text-transform:none;
}
	.menu li li a{
		display:block;
		color:#fff;
		text-decoration:none;
		background:url(../images/submenu-tail.png) center -999em no-repeat;
	}
		.menu li li > a:hover,.menu li li.sfHover > a{text-decoration:none; background-position: center top; background-repeat:repeat;}
	.menu li li a span{display:block; background:url(../images/submenu-marker.gif) 24px 11px no-repeat; padding:4px 20px 7px 32px;}
.menu li:hover ul, .menu li.sfHover ul {left:0; top:62px;}
.menu li:hover li ul, .menu li.sfHover li ul {top:-999em;}
/***subsubmenu***/
.menu ul ul{background:none; padding:0;}
	.menu ul ul li{margin-bottom:1px;}
		.menu ul ul li a{background:url(../images/submenu-tail.png) center top repeat;}
			.menu ul ul li a:hover{background:#ff9c00;}
			.menu ul ul li a span{padding:4px 20px 7px; background-position:11px 11px;}
.menu li li:hover ul, .menu li li.sfHover ul {left:204px; top:0px;}
.menu li li:hover li ul, .menu li li.sfHover li ul {top:-999em;}

@media only screen and (max-width: 995px){
	.menu > li {width:126px;}
		.menu > li.last-item {width:128px;}
	.menu .menu-arrow{display:inline-block; width:5px; height:3px; overflow:hidden; text-indent:-999em; font-size:0; line-height:0; background:url(../images/menu-arrow.gif) center top no-repeat; margin-left:6px; vertical-align:middle; padding:0;}
	/***submenu***/
	.menu li li a span{display:inline-block;}
	.menu ul .menu-arrow{width:3px; height:16px; background:url(../images/submenu-marker.gif) 0 11px no-repeat; margin-left:-14px; vertical-align:top;}
}

@media only screen and (max-width: 767px) {
	.navigation{float:right; margin-top:-80px; background:none;
		display: none;}
	#menu-icon{display:block; font:bold 16px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#01253f; text-transform:uppercase; text-align:center; width:90px; background:url(../images/menu-tail.gif) center top repeat-x #eaeef4; padding:20px 0 22px; cursor:pointer; position:relative; z-index:999;}
	/***menu***/
	.menu {display:none; position:absolute; top:60px; right:0; width:203px; padding:10px 0 16px; background: url(../images/submenu-tail.png) 0 0 repeat; z-index:999;}
	.menu > li{float:none; background:transparent; width:100% !important; padding:0; margin-bottom:2px; font:normal 14px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:left; text-transform:none;}
	.menu > li > a{color:#fff; padding:0;}
		.menu > li.sfHover, .menu > li:hover, .menu > li.current {background:rgba(0,0,0,.5) !important; }
	.menu > li.sfHover, .menu > li.current a{color:#fff !important; background: none}
	.menu > li > a span{display:inline-block; background:url(../images/submenu-marker.gif) 24px 11px no-repeat; padding:4px 20px 7px 32px;}
	.menu .menu-arrow{display:inline-block; width:63px; height:28px; background:url(../images/submenu-marker.gif) 80% 11px no-repeat; margin-left:-14px; vertical-align:top; position: absolute;}
	/***submenu***/
	.menu li:hover ul, .menu li.sfHover ul {left:auto; top:-10px; right:204px;}
	.menu ul .menu-arrow{display:none;}
	/***subsubmenu***/
	.menu ul ul{position:static; padding-top:1px; display:block !important;}
	.menu ul ul li a {background-image:none;}
	.menu ul ul li a span{padding:4px 20px 7px 43px; background-position:34px 11px;}
}

@media only screen and (max-width: 479px){
	#menu-icon{width:75px;}
	/***menu***/
	.menu{width:150px;}
	.menu > li > a span{background-position:15px 11px; padding:4px 20px 7px 23px;}
	/***submenu***/
	.menu ul{width:150px;}
	.menu li:hover ul, .menu li.sfHover ul {right:151px;}
	.menu ul li > a span{background-position:15px 11px; padding:4px 10px 7px 23px;}
	/***subsubmenu***/
	.menu ul ul li a span{padding:4px 20px 7px 33px; background-position:24px 11px;}
}
@media only screen and (min-width: 768px) {.menu {display:block !important;}}


/*==================   RD Mobile Menu    =====================*/
.rd-mobilepanel {
	z-index: 9999998!important;
}
.rd-mobilemenu {
	display: none;
	position: absolute;
	top: 152px;
	left: 0;
	overflow: hidden;
	bottom: -100%;
	z-index: 9999998;
	text-align: left;
	font: 400 14px/41px "Trebuchet MS", Arial, Helvetica, sans-serif;
	-moz-transition: 0.3s all ease;
	-webkit-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	transition: 0.3s all ease;
}
.rd-mobilemenu.active {
	right: 0;
}
.rd-mobilemenu_ul {
	position: absolute;
	padding-top: 5px;
	padding-bottom: 5px;
	top: 0;
	right: 10px;
	width: 200px;
	height: auto;
	color: #34a647;
	background: rgba(0, 0, 0, 0.5);
	line-height: 20px;
	-moz-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
	-moz-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;
	-moz-transition: 0.5s cubic-bezier(0.55, 0, 0.1, 1);
	-webkit-transition: 0.5s cubic-bezier(0.55, 0, 0.1, 1);
	-o-transition: 0.5s cubic-bezier(0.55, 0, 0.1, 1);
	transition: 0.5s cubic-bezier(0.55, 0, 0.1, 1);
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}

.rd-mobilemenu.active .rd-mobilemenu_ul {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.rd-mobilemenu_ul ul.rd-mobilemenu_submenu{
	position: absolute;
	right: 100%;
	background: rgba(0, 0, 0, 0.5);
	width: 200px;
}

.rd-submenu-toggle:before{
	content: '\f105';
	font-family: "FontAwesome";
	display: inline-block;
	font-size: 10px;
	width: 38%;
	/*margin-right: 3px;*/
	text-align: center;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.rd-with-ul.active .rd-submenu-toggle:before{
	content: '\f107';
}

@media (min-width: 480px) and (max-width: 767px) {
	.rd-mobilemenu_ul{
		right: 6%;
	}
}

@media (max-width: 480px){
	.rd-mobilemenu_ul,
	.rd-mobilemenu_ul ul.rd-mobilemenu_submenu{
		width: 140px;
	}
}
.lt-ie9 .rd-mobilemenu_ul {
	background: none;
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2ffffff', endColorstr='#f2ffffff');
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2ffffff', endColorstr='#f2ffffff');
	zoom: 1;
}
.rd-mobilemenu_ul li span {
	margin-left: 4px;
	font-size: 14px;
	color: #fff;
	top: 0;
}
.rd-mobilemenu_ul li.active {
	color: #1e2228;
}
.rd-mobilemenu_ul li a:before{
	content: '\f105';
	font-family: "FontAwesome";
	font-size: 10px;
	display: inline-block;
	color: #ffffff;
}
.rd-mobilemenu_ul li.active ul {
	color: #34a647;
}

.rd-mobilemenu_ul a {
	display: block;
	padding: 5px 15px 5px;
	text-decoration: none;
}
.rd-mobilemenu_ul a:hover {
	background: rgba(0,0,0,.8);
	color: #1e2228;
	text-decoration: none;
}
.rd-mobilemenu_ul ul {
	padding-left: 0;
	list-style-type: none;
}
.rd-mobilemenu_ul ul a {
	padding-left: 15px;
}
.rd-mobilemenu_ul ul ul a {
	padding-left: 30px;
}
.rd-mobilemenu_ul:after {
	content: '';
	display: block;
	/*height: 20px;*/
}
.rd-mobilepanel {
	display: none;
	position: absolute;
	top: 90px;
	right: 10px;
	height: 62px;
	width: 75px;
	background: #eaeef4;
	color: #666666;
	-moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
	z-index: 99999991;
}
@media (min-width : 480px) {
	.rd-mobilepanel{
		right: 6%;
	}
}

.rd-mobilepanel_title {
	position: absolute;
	top: 6px;
	left: 18px;
	right: 56px;
	color: #01253f;
	font-size: 16px;
	line-height: 48px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.rd-mobilepanel_toggle {
	background: none;
	border: none;
	display: inline-block;
	padding: 0;
	outline: none;
	outline-offset: 0;
	cursor: pointer;
	-webkit-appearance: none;
	top:0;
	color: #000000;
	width: 75px;
	height: 63px;
	font-size: 24px;
	line-height: 48px;
	position: relative;
	z-index: 1;
}
.rd-mobilepanel_toggle:before{
	visibility: hidden;
}
.rd-mobilepanel_toggle::-moz-focus-inner {
	border: none;
	padding: 0;
}
.rd-mobilepanel_toggle:before {
	content: '\f0c9';
	font-family: 'FontAwesome';
}
.rd-mobilepanel_toggle.active:before {
	content: '\f00d';
}
@media (max-width: 767px) {
	body {
		/*padding-top: 56px;*/
	}
	.rd-mobilemenu,
	.rd-mobilepanel {
		display: block;
	}
}
/*==================  Panel Menu  ======================*/
@media (max-width: 767px) {
	#panel {
		right: 25px;
		position: fixed;
		top: 0;
		width: 46px;
		z-index: 9999999;
		-moz-transition: 0.3s;
		-webkit-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}
	#panel #advanced {
		display: block;
	}
	#panel .bs-docs-nav {
		border-radius: 7px;
		top: 4px;
	}
	#panel .bs-docs-nav .navbar-nav li {
		position: static;
	}
	#panel .bs-docs-nav .navbar-header .navbar-toggle {
		border: none!important;
		padding: 9px 12px;
		margin-right: 0;
	}
	#panel .bs-docs-nav .navbar-header .navbar-toggle:hover {
		background: #563D7C!important;
	}
	#panel .bs-docs-nav .navbar-header .navbar-toggle:active {
		background: #563D7C;
	}
	#panel .bs-docs-nav .navbar-header .navbar-toggle:focus {
		background: #563D7C;
	}
	#panel #advanced .navbar-collapse {
		background: #563D7C;
		width: 175px;
		position: absolute;
		right: 15px;
		top: 52px;
		padding-bottom: 10px;
		-moz-transition: 0.3s;
		-webkit-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}
	#panel #advanced .navbar-collapse .dropdown-menu {
		background: #563D7C;
		display: none;
		padding-bottom: 15px;
		min-width: 135px!important;
	}
	#panel #advanced .navbar-collapse.in {
		overflow-y: visible;
	}
}
@media (max-width: 767px) and (max-width: 425px) {
	#panel #advanced .navbar-collapse {
		width: 135px;
	}
}
@media (max-width: 767px) {
	.navbar-nav .open .dropdown-menu {
		display: block!important;
	}
	.navbar-nav .open .dropdown-menu li a {
		padding-left: 15px!important;
	}
	.navbar-nav .open .dropdown-menu ul {
		padding-left: 23px!important;
	}
	.navbar-nav .open .dropdown-menu ul a {
		padding-left: 5px;
	}
	.navbar-nav .open .dropdown-menu a {
		padding-left: 12px!important;
	}
}
@media (max-width: 767px) and (max-height: 500px) {
	.navbar-nav .open .dropdown-menu {
		font-size: 9px!important;
		position: absolute!important;
		background: #62458d !important;
		min-width: 135px!important;
		top: 0;
		right: 100%;
		left: -100%;
		-moz-transition: 0.3s;
		-webkit-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}
	.navbar-nav .open .dropdown-menu li a {
		padding-left: 15px!important;
	}
	.navbar-nav .open .dropdown-menu ul {
		padding-left: 23px!important;
	}
	.navbar-nav .open .dropdown-menu ul a {
		padding-left: 5px;
	}
	.navbar-nav .open .dropdown-menu a {
		padding-left: 12px!important;
	}
}