.small{
	font-size: 100%;
}

#menu-wrapperr ul.menu {
	margin: 0; /* all lists */
	padding: 0;
}
#menu-wrapperr ul.menu ul {
	margin: 0; /* all lists */
	padding: 0;
}
#menu-wrapperr ul.menu li {
	float: left;
	display: block;
	padding: 0;
	margin: 0;
	background: none;
}
#menu-wrapperr ul.menu li ul {
	width: 220px;
	position: absolute; /* second-level lists */
	z-index: 99;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	height: auto;
}
* html #menu-wrapperr ul.menu li ul {
	width:187px;
}
#menu-wrapperr ul.menu li:last-child ul {
	width: 220px;
	position: absolute; /* second-level lists */
	right: 0; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	height: auto;
}
#menu-wrapperr ul.menu li ul ul {
	margin: -29px 0 0 200px; /* third-and-above-level lists */
}
#menu-wrapperr ul.menu li li {
	padding: 0 0 0 0;
	margin: 0;
	width:210px;
}
* html #menu-wrapperr ul.menu li li {
	padding: 0 0 0 0;
	margin: 0;
	width:187px;
}
#menu-wrapperr ul.menu ul a {
	width: 200px;
	padding-left:3px;
}
* html #menu-wrapperr ul.menu ul a {
	width: 187px;
	padding-left:3px;
}
#menu-wrapperr ul.menu ul li ul {
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
/* #menu-wrapperr ul.menu li.menu-item5 ul {
	right: 0; 
} */

#menu-wrapperr ul.menu li:hover ul ul, #menu-wrapperr ul.menu li:hover ul ul ul,  #menu-wrapperr ul.menu li.sfhover ul ul, #menu-wrapperr ul.menu li.havechildsfhover ul ul, #menu-wrapperr ul.menu li.havechild-activesfhover ul ul, #menu-wrapperr ul.menu li.activesfhover ul ul,  #menu-wrapperr ul.menu li.sfhover ul ul ul, #menu-wrapperr ul.menu li.havechildsfhover ul ul ul, #menu-wrapperr ul.menu li.havechild-activesfhover ul ul ul, #menu-wrapperr ul.menu li.activesfhover ul ul ul {
	left: -999em;
}
/* This "unhides" the sub-menus (left: -999em is what hides them) */

#menu-wrapperr ul.menu li:hover ul, #menu-wrapperr ul.menu li li:hover ul, #menu-wrapperr ul.menu li li li:hover ul,  #menu-wrapperr ul.menu li.sfhover ul, #menu-wrapperr ul.menu li.havechildsfhover ul, #menu-wrapperr ul.menu li.havechild-activesfhover ul, #menu-wrapperr ul.menu li.activesfhover ul,  #menu-wrapperr ul.menu li li.sfhover ul, #menu-wrapperr ul.menu li li.havesubchildsfhover ul, #menu-wrapperr ul.menu li li.havesubchild-activesfhover ul, #menu-wrapperr ul.menu li li.activesfhover ul,  #menu-wrapperr ul.menu li li li.sfhover ul, #menu-wrapperr ul.menu li li li.havesubchildsfhover ul, #menu-wrapperr ul.menu li li li.havesubchild-activesfhover ul, #menu-wrapperr ul.menu li li li.activesfhover ul {
	left: auto;
}
/* STYLING THE MENU

-----------------------------------*/

/* 1st level */

#menu-wrapperr ul.menu li a,
#menu-wrapperr ul.menu li .separator {
	margin: 0;
	padding: 9px 15px 7px;
	display: block;
	color: #ffffff;
	line-height: 14px;
	text-decoration: none;
}
* html #menu-wrapperr ul.menu li a,
* html #menu-wrapperr ul.menu li .separator {
	padding:7px 18px 8px 18px;
}
#menu-wrapperr ul.menu li a img,
#menu-wrapperr ul.menu li .separator img{
	display: none;
}

#menu-wrapperr ul.menu li a:hover,  
#menu-wrapperr ul.menu li a:active,  
#menu-wrapperr ul.menu li a:focus,
#menu-wrapperr ul.menu li .separator:hover,  
#menu-wrapperr ul.menu li .separator:focus {
	color: #fff;
}
#menu-wrapperr ul.menu li:hover a,  
#menu-wrapperr ul.menu li.active a, 
#menu-wrapperr ul.menu li.sfhover a,  
#menu-wrapperr ul.menu li.havechildsfhover a,  
#menu-wrapperr ul.menu li.havechild-activesfhover a,
#menu-wrapperr ul.menu li:hover .separator,  
#menu-wrapperr ul.menu li.sfhover .separator,  
#menu-wrapperr ul.menu li.havechildsfhover .separator,  
#menu-wrapperr ul.menu li.havechild-activesfhover .separator {
	color: #fff;
	background:#0083c5;
}
#menu-wrapperr ul.menu li a.active,  
#menu-wrapperr ul.menu li a.active:hover,  
#menu-wrapperr ul.menu li a.active:active,  
#menu-wrapperr ul.menu li a.active:focus {
	color: #fff;
	background:#0083c5;
}
* html #menu-wrapperr ul.menu li a.active {
	background:#0083c5!important;
}
/* 2nd level and above */

#menu-wrapperr ul.menu li ul {
	background: #343434;
	border-radius: 0 0 6px 6px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#menu-wrapperr ul.menu li ul ul {
}
#menu-wrapperr ul.menu li ul li {
	background: #fff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin: 2px 5px;
}
#menu-wrapperr ul.menu .havesubchild ul {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding-top:3px;
}
#menu-wrapperr ul.menu li ul a,
#menu-wrapperr ul.menu li ul .separator{
	border-right: none;
	margin: 0;
	padding: 7px 10px;
	background: none !important;
	color:#000!important;
	font-weight: normal;
	line-height: normal;
	text-transform: none;
	text-align: left;
}
#menu-wrapperr ul.nav-child li.parent {
	background: #FFF url(../images/menu_level2_item_parent.png) top right no-repeat;
	color: #000;
}

#menu-wrapperr ul.menu li.havesubchild:hover {
	background:#0087cd url(../images/menu_level2_item_parent.png) top right no-repeat;
	color: #FFF;
}
#menu-wrapperr ul.menu ul li.active a,
#menu-wrapperr ul.menu ul li.active .separator{
	font-weight: bold;
	background:none;
	color:#0062A8 !important;
}
#menu-wrapperr ul.menu ul li.active li a,
#menu-wrapperr ul.menu ul li.active li .separator{
	font-weight: normal;
	color:#000!important;
}
#menu-wrapperr ul.menu ul ul li.active a,
#menu-wrapperr ul.menu ul ul li.active .separator{
	font-weight: bold;
	background:none;
	color:#0062A8 !important;
}

#menu-wrapperr ul.menu li ul a:hover,  
#menu-wrapperr ul.menu li.active .separator:hover,  
#menu-wrapperr ul.menu li.active a:hover,  
#menu-wrapperr ul.menu li ul a:active,  
#menu-wrapperr ul.menu li ul a:focus,  
#menu-wrapperr ul.menu ul li:hover,  
#menu-wrapperr ul.menu ul li.sfhover,  
#menu-wrapperr ul.menu ul li.havesubchildsfhover,  
#menu-wrapperr ul.menu ul li.havesubchild-activesfhover,  
#menu-wrapperr ul.menu ul ul li:hover,  
#menu-wrapperr ul.menu ul ul li.sfhover,  
#menu-wrapperr ul.menu ul ul li.havesubchildsfhover,  
#menu-wrapperr ul.menu ul ul li.havesubchild-activesfhover {
	color:#FFF!important;
	background:#0087cd;
}

#menu-wrapperr ul.menu li:first-child:hover a,
#menu-wrapperr ul.menu li:first-child:hover .separator,
#menu-wrapperr ul.menu li.active:first-child a,
#menu-wrapperr ul.menu li.active:first-child .separator{
	color: #fff;
	background:url(../images/menu-bg-l.png) top left no-repeat #0083c5;
}
#menu-wrapperr ul.menu li:last-child:hover a,
#menu-wrapperr ul.menu li:last-child:hover .separator,
#menu-wrapperr ul.menu li.active:last-child:hover a,
#menu-wrapperr ul.menu li.active:last-child:hover .separator{
	color: #fff;
	background:url(../images/menu-bg-r.png) top right no-repeat #0083c5;
}

#menu-wrapperr ul.menu .havechild ul li a {
	color: #000;
}
#menu-wrapperr ul.menu .id192 ul, #menu-wrapperr ul.menu .id212 ul {
	display: none;
}
#menu-wrapperr ul.menu li.havechild ul {
	background: #343434;
}

#mobile-menu-content {
	display: none;
	position: fixed;
	height: 100%;
	overflow: scroll;
	top: 0;
	right: 0;
	width: 240px;
	padding: 15px;
	margin: 0;
	list-style: none;
	background: #333;
	z-index: 10; /* Make sure the z-index is lower than the #page */
}

#mobile-menu-content ul{
	margin: 0;
	padding: 0;
}

#mobile-menu-content ul.small{
	font-size: 14px;
}

#mobile-menu-content ul li{
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	background: none;
}

#mobile-menu-content a,
#mobile-menu-content .separator{
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 10px 15px;
	border-bottom: 1px solid rgba( 255, 255, 255, 0.05 );
}

#mobile-menu-content a:hover,
#mobile-menu-content a:focus,
#mobile-menu-content .separator:hover,
#mobile-menu-content .separator:focus{
	background: #ccc;
	color: #2c2c2c;
	text-decoration: none;
}

#mobile-menu-btn{
	display: none;
}

@media (max-width: 859px) {

	#menu-wrapper{
		display: none;
	}

	#mobile-menu-btn{
		width: 30px;
		background-image: url("../images/btn-menu.png");
		background-position: center center;
		background-repeat: no-repeat;
		padding: 0 0 0 40px;
		line-height: 30px;
		font-size: 0;
		display: block;
		margin-left: 275px;
		position: absolute;
		top: 75px;
		left: 50%;
		color: #000;
	}
	
	#mobile-menu-btn > a,
	#mobile-menu-btn > a:hover,
	#mobile-menu-btn > a:focus{
		color: #fff;
		text-decoration: none;
		outline: none;
	}
	
	/* Animations */

	#page, #mobile-menu-content {
		-webkit-backface-visibility: hidden;
		-webkit-perspective: 1000;
	}

	/* Hide the menu unless it's animating or visible */
	.animating #mobile-menu-content, .menu-visible #mobile-menu-content {
		display: block;
	}

	/***
	* If the animating class is present then apply
	* the CSS transition to #page over 250ms.
	*/
	.animating #page {
		transition: transform .25s ease-in-out;
		-webkit-transition: -webkit-transform .25s ease-in-out;
	}

	/***
	* If the left class is present then transform
	* the #page element 240px to the left.
	*/	
	.animating.left #page {
		transform: translate3d( -240px, 0, 0 );
		-webkit-transform: translate3d( -240px, 0, 0 );
	}

	/***
	* If the right class is present then transform
	* the #page element 240px to the right.
	*/
	.animating.right #page {
		transform: translate3d( 240px, 0, 0 );
		-webkit-transform: translate3d( 240px, 0, 0 );
	}

	/***
	* If the menu-visible class is present then
	* shift the #page 240px from the right edge
	* via position: absolute to keep it in the 
	* open position. When .animating, .left and
	* .right classes are not present the CSS
	* transform does not apply to #page.
	*/
	.menu-visible #page {
		right: 270px;
	}
	
}

@media (max-width: 669px) {
	#mobile-menu-btn{
		margin: 0;
		left: auto;
		right: 15px;
	}	
	#mobile-menu-btn{
		padding: 0;
	}
}

@media screen and (min-width: 860px) {
 .item-873,.item-874{
        display: none !important;
  }
}