#portal-banner {
	background-color: #e8e8e8;
}

#portal-banner #portal-menu {
	display: table;
	width: 100%;
}

#portal-banner ul li, #portal-banner ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#portal-banner #portal-menu .portal-url {
	width: 20%;
}

#portal-banner #portal-menu > li {
	display: table-cell;
	box-sizing: border-box;
	vertical-align: middle;
}


#portal-banner #portal-menu .portal-url a {
	font-size: 14px;
	font-weight: bold;
	color: #959595;
	display: block;
}

#portal-banner #portal-menu .portal-url a {
	background: url("//static.coe.int/pics/logos/desktop/subsite-logo-www.svg") no-repeat;
	background-size: auto 100%;
	text-indent: -9999px;
	height: 18px;
}

#portal-banner #portal-menu .portal-url a:hover {
	opacity: .75;
}

#portal-banner #portal-menu .pillars {
	width: auto;
	min-width: 30%;
	padding-right: 4%;
}

#portal-banner #portal-menu .pillars ul {
	float: right;
}

#portal-banner #portal-menu .pillars li {
	display: table-cell;
	position: relative;
}


#portal-banner #portal-menu .pillars li a {
	padding-right: 10px;
	padding-left: 10px;
	font-size: 15px;
}

#portal-banner #portal-menu .pillars a, 
#portal-banner #portal-menu .explore > a, 
#portal-banner #portal-menu .languages > a, 
#portal-banner #portal-menu .connect > a, 
#portal-banner #portal-menu .search > a {
	display: block;
	color: #123751;
	text-align: center;
	text-transform: uppercase;
	line-height: 40px;
	font-weight: 500;
	white-space: nowrap;
}

#portal-banner #portal-menu .explore {
	width: 20%;
	padding-right: 11%;
}

#portal-banner #portal-menu .explore > a {
	font-size: 15px;
}

#portal-banner #portal-menu .pillars a, 
#portal-banner #portal-menu .explore > a, 
#portal-banner #portal-menu .languages > a,
#portal-banner #portal-menu .connect > a,
#portal-banner #portal-menu .search > a {
	display: block;
	color: #123751;
	text-align: center;
	text-transform: uppercase;
	line-height: 40px;
	font-weight: 500;
	white-space: nowrap;
}

#portal-banner #portal-menu .pillars a .caret, 
#portal-banner #portal-menu .explore > a .caret, 
#portal-banner #portal-menu .languages > a .caret, 
#portal-banner #portal-menu .connect > a .caret, 
#portal-banner #portal-menu .search > a .caret {
	border-top-color: #123751;
}

#portal-banner #portal-menu .explore .dropdown-menu {
	min-width: 200px;
}

#portal-banner #portal-menu .dropdown-menu {
	border-radius: 0;
	border: 1px solid #123751;
	border-top: none;
}

#portal-banner #portal-menu .dropdown-menu .sep>a {
	border-bottom: 1px solid #cfcfcf;
}

.aui #portal-banner #portal-menu .dropdown-menu li > a {
	padding: 10px 20px;
	color: #161616;
}

#portal-banner #portal-menu .languages {
	width: 5%;
}

#portal-banner #portal-menu .languages > a {
	font-size: 10px;
}

#portal-banner #portal-menu .languages > a .caret {
	margin-top: 5px;
}

#portal-banner #portal-menu .languages .item-label {
	font-size: 13px;
	padding: 0 20px;
	color: #777;
}

#portal-banner #portal-menu .languages li > a, 
#portal-banner #portal-menu .languages .select-lang select, 
#portal-banner #portal-menu .languages .select-lang option {
	text-transform: capitalize;
}

#portal-banner #portal-menu .connect {
	width: 12%;
	padding: 0 1%;
}

#portal-banner #portal-menu .connect > a {
	font-size: 10px;
}

#portal-banner #portal-menu .connect > a i {
	font-size: 12px;
}

#portal-banner #portal-menu .search {
	width: 4%;
}

#portal-banner #portal-menu .search .search-txt {
	clip: rect(0 0 0 0);
	position: absolute;
}

#portal-banner #portal-menu .search i {
	font-size: 20px;
}

#portal-banner #portal-menu .icon-search:before {
	content: "\f002";
}

#portal-banner #portal-menu .icon-unlock:before {
	content: "\f09c";
}

#portal-banner #portal-menu .dropdown .caret {
	vertical-align: text-top;
}

#portal-banner #portal-menu .dropdown-menu li > a:hover {
	background: none;
	background-color: #eee;
}

#portal-banner #portal-menu>li.language-responsive {
	display: none;
}

/* ---------- Responsive ---------- */

@media screen and (max-width: 979px) {

	/* ---------- Portal menu ----------*/

	.aui #portal-banner #portal-menu .languages>a, 
	.aui #portal-banner #navigation-wrapper .languages>a,
	.aui #portal-banner #portal-menu .connect, 
	.aui #portal-banner #portal-menu .search, 
	.aui #portal-banner #portal-menu .language, 
	.aui #portal-banner #navigation-wrapper .connect, 
	.aui #portal-banner #navigation-wrapper .search, 
	.aui #portal-banner #navigation-wrapper .language {
		display: none;
	}
	
	.aui #portal-banner .menu-portal-mobile {
		height: 44px;
	}
	
	.aui #portal-banner .menu-portal-mobile a {
		background-image: url(//static.coe.int/pics/logos/mobile/subsite-en.svg);
		position: relative;
		display: block;
		background-repeat: no-repeat;
		background-size: auto 35px;
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: -1px;
		font-size: 1.3em;
		color: #a6a6a6;
		text-indent: -9999px;
		height: 45px;
		background-position: 6px 6px;
	}
	
	.aui #portal-banner .chevron {
		background: url(//static.coe.int/pics/theme/coe-2014/navigation/pucePortal-down.png) no-repeat;
		background-size: 18px 9px;
		width: 18px;
		height: 9px;
		position: absolute;
		right: 27px;
		top: 50%;
		margin-top: -4px;
	}

	.aui #portal-banner {
		max-height: 44px;
		overflow: hidden;
		background-color: #e8e8e8;
		padding: 0;
	}
	
	.aui #portal-banner .menu-portal-mobile {
		height: 44px;
	}
	
	.aui #portal-banner.open {
		max-height: none;
	}
	
	.aui #portal-banner #portal-menu, 
	.aui #portal-banner #navigation-wrapper {
		display: block;
		-moz-box-shadow: inset 0 10px 15px 0 #bcbcbc;
		-webkit-box-shadow: inset 0 10px 15px 0 #bcbcbc;
		-o-box-shadow: inset 0 10px 15px 0 #bcbcbc;
		box-shadow: inset 0 10px 15px 0 #bcbcbc;
		filter: progid:DXImageTransform.Microsoft.Shadow(color=#bcbcbc,Direction=180,Strength=15);
	}
	
	.aui #portal-banner #portal-menu .portal-url,
	.aui #portal-banner #navigation-wrapper .portal-url {
		display: none;
	}
	
	.aui #portal-banner #tools-menu-responsive {
		border-bottom: 1px solid #cfcfcf;
		text-align: center;
		height: 75px;
	}

	.aui #portal-banner #portal-menu li,
	.aui #portal-banner #navigation-wrapper li {
		display: block;
		width: auto;
		text-align: left;
		padding: 0;
	}
	
	.aui #portal-banner #portal-menu li a,
	.aui #portal-banner #navigation-wrapper li a {
		text-align: left;
		padding-top: 15px;
		padding-bottom: 15px;
		line-height: 20px;
		color: #494949;
		font-weight: 500;
		text-transform: none;
		white-space: inherit;
		font-size: 16px;
	}
	
	.aui #portal-banner #tools-menu-responsive li a .vertical-align {
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		margin: 0;
		padding: 0;
		display: block;
	}
	
	.aui #portal-banner #tools-menu-responsive li {
		display: inline-block;
		height: 75px;
		width: 75px;
		max-width: 33%;
		text-align: center;
	}
	
	.aui #portal-banner #tools-menu-responsive li a {
		text-align: center;
		display: block;
		padding: 0;
		height: 100%;
		border: none!important;
	}
	
	.aui #portal-banner #portal-menu .tool-lang a>span:after,
	.aui #portal-banner #navigation-wrapper .tool-lang a>span:after {
		content: "\f0d7 ";
		font-family: Fontawesome;
		margin-left: 10px;
	}
	
	/* ---------- Language ----------*/
	
	.aui #portal-banner #portal-menu .language-responsive, 
	.aui #portal-banner #navigation-wrapper .language-responsive {
		display: none;
		margin: 0 40px;
		border-bottom: 1px solid;
		padding: 10px 0 20px;
	}
	
	.aui #portal-banner #portal-menu .select-lang select {
		margin: 0;
		padding: 0 15px;
		background: transparent;
		border: 1px solid #494949;
		border-radius: 5px;
		height: 30px;
		width: 100%;
		color: #252525;
		font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
		font-size: 16px;
	}
	
	/* ---------- Pillars --------- */
	
	.aui #portal-banner #portal-menu .pillars, 
	.aui #portal-banner #navigation-wrapper .pillars {
		display: none;
	}
	
	/* ---------- Explore Dropdown --------- */
	
	.aui #portal-banner #portal-menu .explore, 
	.aui #portal-banner #navigation-wrapper .explore {
		padding-left: 40px;
	}
	
	.aui #portal-banner #portal-menu .explore>a, 
	.aui #portal-banner #navigation-wrapper .explore>a {
		clip: rect(0 0 0 0);
		position: absolute;
		height: 0;
		padding: 0;
	}
	
	.aui #portal-banner #portal-menu .explore .dropdown-menu, 
	.aui #portal-banner #navigation-wrapper .explore .dropdown-menu {
		display: block;
		position: static;
		float: none;
		min-width: inherit;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		-o-box-shadow: none;
		background-color: transparent;
	}
	
	.aui #portal-banner #portal-menu .explore .dropdown-menu .sep>a, 
	.aui #portal-banner #navigation-wrapper .explore .dropdown-menu .sep>a {
		border-bottom: 1px solid #494949;
	}
	
	.aui #portal-banner #portal-menu .explore .dropdown-menu li a, 
	.aui #portal-banner #navigation-wrapper .explore .dropdown-menu li a {
		border-bottom: 1px solid #cfcfcf;
		padding-right: 0;
		padding-left: 0;
	}
}


@media screen and (max-width: 979px) and (min-width: 480px) {
	.aui #portal-menu #tools-menu-responsive li {
		width: 33%;
		float: left;
	}
	
	.aui #portal-menu #tools-menu-responsive li a span.hidden {
		display: inline;
		visibility: visible;
	}
}