.navigation-left {
	margin-bottom: 30px;
}

#navigation-left {
	margin-left: 0px;
}	

.navigation-left .menu-spacer {
	display: table;
	width: 100%;
	margin-bottom: 60px;	
}

.navigation-left ul {
	list-style-type: none;
}

.navigation-left > ul {
	margin-left: 0px;
}

.navigation-left ul.parent-menu > li:first-child > a {
	margin-top: 0px;
}

.navigation-left ul.parent-menu > li.back {
	margin-bottom: 20px;
}


.navigation-left ul.parent-menu > li.back a {
	padding-left: 1.6em;
	border-bottom: 0px;
	text-decoration: none;
	font-size: 1.6em;
	width: 100%;
	margin-bottom: 3px;
	display: -webkit-inline-box;
	position: relative;
}

.navigation-left ul.parent-menu > li.back .icon-white {	
	display: inline-block;
	left: 0.5em;
	position: absolute;
	top: 11px;
}

.navigation-left ul.parent-menu > li > a {
	  border-bottom: 5px solid;
	  padding-left: 1.2em;
	  font-size: 1.6em;
	  margin-bottom: 0;
	  text-decoration: none;
	  margin-top: 1px;
	  /* font-weight: bold; */
	  padding-top: 10px;
	  padding-bottom: 5px;
}

.navigation-left ul.parent-menu > li.selected > a {
	font-weight: bold;
}

.navigation-left ul.parent-menu > li > ul {
	display: none;
}

.navigation-left ul.parent-menu > li.embedded > ul {
	display: block;
}

.navigation-left ul.parent-menu > li.selected > ul {
	display: block;
}

.navigation-left ul.child-menu {
	margin-left: 0px;
}

.navigation-left ul.child-menu > li > a {
	text-decoration: none;
	font-size: 1.4em;
	width: 100%;
	padding: 10px;
	margin-bottom: 3px;
	display: -webkit-inline-box;
	position: relative;
	padding-left: 1.2em;
}

.navigation-left ul.child-menu > li > a:before { 
    content: "";
    border-style: solid;
    border-width: 0.2em 0 0.2em 0.25em;
    display: inline-block;
    height: 0;
    width: 5px;
    left: 0.5em;
    top: 1.15em;
    position: absolute;
}

.navigation-left ul.second-level {
	display: none;
}

.navigation-left ul.second-level.active {
	display:block;
}

.navigation-left ul.second-level > li > a {
	font-size: 1.3em;
	padding-left: 0.8em;
	padding-bottom: 5px;
	padding-top: 5px;
	text-decoration: none;
}

.navigation-left ul.second-level > li:last-child > a {
	margin-bottom: 3px;
}

#navigation {
	display: block;
}

#navigation > ul {
	margin-left: 0px;
	display: table;
}
/* ---- NAVIGATION ----- */
	
#navigation {
	margin-top: 5px;
	margin-bottom: 20px;
}

#navigation ul {
	list-style-type: none;
	font-size: 16px;
	margin: 8px 0px 0px 0px;
	display: table;
}

#navigation > ul li {
	display: table-cell;
	float: none;
	height: 100%;
	padding: 0px;
	background-color: transparent;
	vertical-align: middle;
	position: relative;
}

#navigation ul li a {
	padding-left: 1.2em;
	padding-top: 10px;
	padding-bottom: 8px;
	display: block;
	min-height: 100%;
	position: relative;
}

#navigation ul li > .spacer {
	position: absolute;
	bottom: 0;
	left: 4px;
	right: 4px;
	height: 4px;
	z-index: 0;
	
	&.bg {
		top: 0px; 
		height: auto;
	}
	&.border{
		background: #3b63ac; 
	}
}

#navigation ul li:hover,
#navigation ul li.selected {
	> .spacer.bg {
		background-color: #3b63ac;
	}
	cursor: pointer;
}

#navigation ul li:hover a, #navigation ul li.selected a {
	color: #fff;
}

#navigation ul li.selected a {
	font-weight: bold;
}
	
#navigation ul li:first-child > .spacer {
	left: 0px;
}

#navigation > ul li:last-child > .spacer {
	right: 0px;
}

#navigation > ul li:hover {
}


#navigation > ul li:first-child {
	margin-left: 0px;
}

.navigation-left ul.hasSeparator:after, .navigation-left li.hasSeparator:after {
  content: ' ';
  line-height: 2.2em;
  visibility: hidden; 
}

.navigation-left li {
   line-height: 1.8em;
}

.navigation-left li.standOut > a {
	font-weight: bold;
}

@media (min-width: 1200px) {
	#navigation > ul [class*="span"] {
		margin-left: 10px;
	}
	
	#navigation > ul .span3 {
		width: 285px;
	}
	
	#navigation > ul .span4 {
		width: 383px;
	}
	
	#navigation > ul .span6 {
		width: 580px;
	}
}

@media (max-width: 1200px) {
	#navigation > ul [class*="span"] {
		margin-left: 10px;
	}
	
	#navigation > ul .span3 {
		width: 227px;
	}
	
	#navigation > ul .span4 {
		width: 306px;
	}
	
	#navigation > ul .span6 {
		width: 465px;
	}
}

@media (max-width: 979px) {
	#navigation > ul [class*="span"] {
		margin-left: 10px;
	}
	
	#navigation > ul .span3 {
		width: 173px;
	}
	
	#navigation > ul .span4 {
		width: 234px;
	}
	
	#navigation > ul .span6 {
		width: 357px;
	}
	
	.aui .bip-top-menu-portlet #navigation {
		display: block;
	}
}

.menu-icon { display:none; }

/*MEDIA QUERY*/
@media only screen and (max-width : 768px) {
	.aui {
	
		.portlet-boundary.portlet-boundary_biptopmenu_WAR_bipleftmenuportlet_ { display: none; }
		
		.menu-icon { margin: 10px 10px 30px 10px; display: block; }

		#skip-to-content { position: inherit; text-align: center; width: 100%; margin: 5px;  a { position: inherit;}}
		
		#navigation-left.showInMobile {
			display: block;	
		}
		
		#navigation-left {
			display: none;
			padding: 0px 10px;
		}
		
		.navigation-left {
			margin-bottom: 30px;
		} 
		
		.navigation-left .menu-spacer { margin-bottom: 20px; }
		
		.navigation-left ul.parent-menu {
			display: block;
			z-index: 900;
			width: 100%;

			> li >  a { margin-top: 0px !important; }
			
			
			.back {
				margin-bottom: 0px; 
				a { padding-left: 20px; }
			}
		}
	}

}

.portlet-boundary_biptopmenu_WAR_bipleftmenuportlet_ .drag-handle {
        display: none;
}


#wrapper {
	/* --------- padding: 0em 5em 0; 
	position: relative;

	@include respond-to(phone) {
		padding-left: 0.5em;
		padding-right: 0.5em;
	}

	@include respond-to(tablet) {
		padding-left: 2em;
		padding-right: 2em;
	}---------- */

	> div.container {
		margin-top: 40px;
	}
	
}

@media  (max-width: 767px){
	#wrapper {
		> div.container {
			margin-top: 0px;
		}
	}
}