@font-face {
	font-family: 'fontawesome';
	src:url('../fonts/fontawesome.eot');
	src:url('../fonts/fontawesome.eot?#iefix') format('embedded-opentype'),
		url('../fonts/fontawesome.svg#fontawesome') format('svg'),
		url('../fonts/fontawesome.woff') format('woff'),
		url('../fonts/fontawesome.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body, html { font-size: 100%; 	padding: 0; margin: 0;}

a {
	color: #f0f0f0;
	text-decoration: none;
}

a:hover {
	color: #000;
}


.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: 50%;
	max-width: 1920px;
	
	margin: 0 auto;
    padding: 25px 0;
}

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

.cbp-hrmenu > ul > li > a {
    font-size:17px;
	padding: 1em 2em;
	color: #3c3c3c;
	display: inline-block;
}

.cbp-hrmenu > ul > li:nth-child(4) > a{color:#9b8a81;} 

.cbp-hrmenu > ul > li > a:hover {
	color: #1e584c;
}
.cbp-hrmenu > ul > li.cbp-hropen a:hover{color:#dfd4ce;}
.cbp-hrmenu > ul > li.cbp-hropen a,
.cbp-hrmenu > ul > li.cbp-hropen > a:hover {
	color: #fff;
	background: #1e584c;
}

/* sub-menu */
.cbp-hrmenu .cbp-hrsub {
	display: none;
	position: absolute;
	background: #1e584c;
	width: 100%;
	left: 0;
}

.cbp-hropen .cbp-hrsub {z-index:9;
	display: block;
	padding-bottom: 3em;
}

.cbp-hrmenu .cbp-hrsub-inner{overflow:hidden; }

.cbp-hrmenu .cbp-hrsub-inner > div {
	width: 15%; 
	margin-right:120px;
	float:left; 
}
.cbp-hrmenu .cbp-hrsub-inner > div:last-child{margin-right:0;}

.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-inner div ul li{margin-bottom:8px;}
.cbp-hrsub-inner div ul li:last-child{margin-bottom:0;}


.cbp-hrsub h4 {
	color: #fff;
	padding: 20px 0px;
	margin: 0;
	font-size: 18px;
	font-weight: 700;
}

/* Examples for media queries */

@media screen and (max-width:1366px) { 
    .cbp-hrmenu > ul > li > a{padding:17px 30px;}
}

@media screen and (max-width:1280px) { 
    .cbp-hrmenu > ul > li > a{padding:17px 25px;}
}

@media screen and (max-width:1024px) { 
    .cbp-hrmenu > ul > li > a{font-size:16px; padding:15px 17px;}
	.cbp-hrmenu > ul, .cbp-hrmenu .cbp-hrsub-inner{padding:20px 0;}
}

@media screen and (max-width:800px) { 
    header h1,header .top_section{display:none; border:1px solid red;}
	.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:none;border-bottom: 4px solid #1e584c;}
    .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: 52.75em) { 

	.cbp-hrmenu {
		font-size: 80%;
	}

}



@media screen and (max-width: 36em) { 
	.cbp-hrmenu .cbp-hrsub-inner > div {
		width: 100%;
		float: none;
		padding: 0 2em;
	}
}