.index-menu {width: 100%; overflow: hidden; background: #20308f;}

.list-menu {width: 100%; overflow: hidden; background: #20308f;}

.list-menu em {padding: 0 10px; font-size: 14px!important; font-weight: 200!important;}

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

  .index-menu {display: none;}

}

.cbp-hrmenu {

	width: 100%;



}



/* general ul style */

.cbp-hrmenu ul {

	margin: 0;

	padding: 0;

	list-style-type: none;

}



/* first level ul style */

.cbp-hrmenu > ul,

.cbp-hrmenu .cbp-hrsub-inner {

	width: 100%;

	margin: 0 auto;

}

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

.cbp-hrmenu ul li a em {display: block;  color: #fff; line-height:20px; font-size: 12px; text-align: center; } 

.cbp-hrmenu > ul > li {

	display: inline-block;

}



.cbp-hrmenu > ul > li > a {

	font-weight: 700;

	padding: 1em 0;

	color: #999;

	display: inline-block;

}



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

	color: #47a3da;

}



.cbp-hrmenu > ul > li.cbp-hropen a,

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

	color: #fff;

	border-bottom: 1px solid #999;

}

.cbp-hrmenu > ul > li.cbp-hropen >.cbp-hrsub li a {border-bottom:0!important;}



/* sub-menu */

.cbp-hrmenu .cbp-hrsub {

	display: none;

	position: absolute;

	background: #20308f;

	width: 100%;

	left: 0;

	box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);

	z-index: 999;

}



.cbp-hropen .cbp-hrsub {

	display: block;

	padding-bottom: 3em;

}



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

	width: 33%;

	float: left;

	padding-top: 20px;

}



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

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

	content: " ";

	display: table;

}



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

	clear: both;

}



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

	line-height: 2em;

}



.cbp-hrsub h4 {

	color: #afdefa;

	padding: 2em 0 0.6em;

	margin: 0;

	font-size: 160%;

	font-weight: 300;

}



/* Examples for media queries */



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



	.cbp-hrmenu {

		font-size: 80%;

	}



}



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

	.list-menu em {font-size: 14px!important;}

	.cbp-hrmenu {

		font-size: 120%;

		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: 1px solid #999;

	}



	.cbp-hrmenu > ul > li > a { 

		display: block;

		padding: 0.5em 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;

	}

}