.cbp-hrmenu {

	width: 100%;

	margin-top: /*2em*/0;
	/*border-bottom: 4px solid #47a3da;
*/
z-index:20;
}



/* general ul style */

.cbp-hrmenu ul {

	margin: 0;
	padding: 0;

	list-style-type: none;
z-index:20;
}



/* first level ul style */

.cbp-hrmenu > ul,
.cbp-hrmenu .cbp-hrsub-inner {

	width: /*90%*/100%;

	max-width: /*70em*/1060px;

	margin: 0 /*auto*/auto 0 auto;

	padding: 0/* 1.875em*/;

z-index:20;
}



.cbp-hrmenu > ul > li {

	display: inline-block;

z-index:20;
}



.cbp-hrmenu > ul > li > a {

	font-weight: 700;

	padding: 1em /*2em*/ 1.3em;

	color: /*#999*/#000;

	display: inline-block;
z-index:20;
font-size:17px;
}



.cbp-hrmenu > ul > li > a:hover {
	
color: /*#47a3da*/#fff;

z-index:20;
}



.cbp-hrmenu > ul > li.cbp-hropen a,
.cbp-hrmenu > ul > li.cbp-hropen > a:hover {

	color: #fff;

	background: #47a3da;

z-index:20;
}



/* sub-menu */
.cbp-hrmenu .cbp-hrsub {

	display: none;

	position: absolute;
	background: #47a3da;
	width: 100%;

	left: 0;

z-index:20;
}



.cbp-hropen .cbp-hrsub {

	display: block;

	padding-bottom: 3em;

	padding-left: 65px;

z-index:20;
}



.cbp-hrmenu .cbp-hrsub-inner > div {

	width: 33%;

	float: left;

	padding: 0/* 2em*/;

z-index:20;
}



.cbp-hrmenu .cbp-hrsub-inner:before,
.cbp-hrmenu .cbp-hrsub-inner:after {

	content: " ";

	display: table;

z-index:20;
}



.cbp-hrmenu .cbp-hrsub-inner:after {

	clear: both;

z-index:20;
}



.cbp-hrmenu .cbp-hrsub-inner > div a {

	line-height: 2em;
z-index:20;
}




.cbp-hrmenu .cbp-hrsub-inner > div a:hover {

	line-height: 2em;
color:#000;
z-index:20;
}



.cbp-hrsub h4 {

	color: #afdefa;

	padding: 2em 0 0.6em;

	margin: 0;

	font-size: 160%;

	font-weight: 300;

z-index:20;
}



/* Examples for media queries */
@media screen and (max-width: 52.75em) {
 

	.cbp-hrmenu {

		font-size: 80%;

	}

}



@media screen and (max-width: 43em) {
 

	.cbp-hrmenu {

		font-size: 110%;

		border: none;

	}


	.cbp-hrmenu > ul,

	.cbp-hrmenu .cbp-hrsub-inner {

		width: 100%;

		padding: 0;

	}


	.cbp-hrmenu .cbp-hrsub-inner {

		padding: 0 2em;

		font-size: 75%;

	}


	.cbp-hrmenu > ul > li {

		display: block;

		/*border-bottom: 4px solid #47a3da;*/

	}


	.cbp-hrmenu > ul > li > a {
 
		display: block;

		padding: 1em 3em;

	}


	.cbp-hrmenu .cbp-hrsub {
 
		position: relative;

	}


	.cbp-hrsub h4 {

		padding-top: 0.6em;

	}

}


@media screen and (max-width: 36em) {
 
	.cbp-hrmenu .cbp-hrsub-inner > div {

		width: 100%;

		float: none;

		padding: 0 2em;

	}
}