.cbp-hrmenu {
	width: 100%;
	display:block; text-align:center;
	float:left; margin:0px  0 0 0;	
}

/* 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%;
	/*max-width: 70em;*/
	margin: 0 auto;
	/*padding: 0 1.875em;*/
}

.cbp-hrmenu > ul > li {
	display: inline-block;
	margin: 0px 8px;
}
/* .cbp-hrmenu > ul > li:first-child{ margin-left:0px;} */
/* .cbp-hrmenu > ul > li:last-child{ margin-left:0px;} */

.cbp-hrmenu > ul > li > a {padding: 45px 0px 45px 0px;display:inline-block;color:#fff; font-size:18px; line-height: 1; font-family: 'Inter-Medium'; letter-spacing: -0.5px; position:relative;transition:all .4s ease; z-index: 2; text-align: center;}  
.cbp-hrmenu > ul > li > a:hover { color: #74AF27; }
.cbp-hrmenu > ul > li > a::after { position: absolute; display: block; content: ""; left: 0; bottom: 36px; height: 2px; width: 0%; background: #74AF27; } 
.cbp-hrmenu > ul > li a.active { color: #74AF27; font-family: 'inter-Bold'; }
.cbp-hrmenu > ul > li a.active::after { width: 100%;}
.cbp-hrmenu > ul > li:hover a { color: #74AF27; }


/* .cbp-hrmenu > ul > li > a.active {	color: #fff;text-decoration: none;  } */
/* .dark-bg .cbp-hrmenu > ul > li > a:hover, .dark-bg .cbp-hrmenu > ul > li > a.active {color: #fff;} */
/* .is-sticky .cbp-hrmenu > ul > li > a { color: #004379; }
.is-sticky .cbp-hrmenu > ul > li > a:hover, .is-sticky .cbp-hrmenu > ul > li > a.active { color: #004379;  }
.is-sticky .dark-bg .cbp-hrmenu > ul > li > a:hover { color: #fff; }
.is-sticky .dark-bg .cbp-hrmenu > ul > li > a:hover::after { background: #fff; }
.is-sticky .dark-bg .cbp-hrmenu > ul > li > a.active { color: #fff; }
.is-sticky .dark-bg .cbp-hrmenu > ul > li > a::after { background: #fff; }
.is-sticky .cbp-hrmenu > ul > li > a::after { background: #252D31; }
.cbp-hrmenu > ul > li:hover > a::after {  width: 100%; }
.cbp-hrmenu > ul > li > a.active::after { width: 100%; opacity: 1; } */

/* sub-menu */
.cbp-hrmenu .cbp-hrsub {
	/* display: none; */
	position: absolute;
	/* background:#0047bb; */
	width: 100%;
	padding:0px;
	left:0px;
	right:0;
	margin:0px auto 0px;
	z-index: 1;
	box-shadow: 0px 10px 30px rgba(0,0,0,0.3);
	padding-top: 0px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease;
	top: 0;
	/*background: rgba(255,255,255,0.95);
background: -moz-linear-gradient(left, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.95) 75%, rgba(244,244,244,1) 75%, rgba(244,244,244,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0.95)), color-stop(75%, rgba(255,255,255,0.95)), color-stop(75%, rgba(244,244,244,1)), color-stop(100%, rgba(244,244,244,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.95) 75%, rgba(244,244,244,1) 75%, rgba(244,244,244,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.95) 75%, rgba(244,244,244,1) 75%, rgba(244,244,244,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.95) 75%, rgba(244,244,244,1) 75%, rgba(244,244,244,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.95) 75%, rgba(244,244,244,1) 75%, rgba(244,244,244,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=1 );
*/
}

.cbp-hrmenu > ul > li:hover .cbp-hrsub {
	/* display: block;	 */
	opacity: 1;
	visibility: visible;
	
}

.cbp-hrmenu .cbp-hrsub-inner > div {
	background: #ffffff none repeat scroll 0 0;
    float: left;
    margin: 0 9px 0 0;
    padding: 6px 6px 10px 6px;
    width: 15.1%;
}

.cbp-hrmenu .cbp-hrsub-inner > div:last-child { margin:0;}


.menu-title { color: #4d3437; font-size: 18px;}

.cbp-
hrmenu .cbp-hrsub-inner img {
	width:100%;}

.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) { 

	.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: 4px solid #ededed;
	}

	.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;
	}
}

 
.cbp-out-menu {float: left;width: 100%;height: 100%; position: relative; padding: 120px 0px 70px; background: rgba(0,67,121,0.95)}
.cbp-hrsub-inner-lft { display: flex; flex-wrap: wrap; justify-content: space-between; border-top: 2px solid rgba(255,255,255, 0.4); padding: 50px 0 0 0;}
.cbp-hrsub-inner-lft .menu-lft { flex: 0 1 30%; text-align:left;border-right: none;padding: 0px 0px 0px 0px; position: relative;}
.cbp-hrsub-inner-lft .menu-lft h2 {font-size: 55px;line-height: 0.4;text-align: left;color: #74AF27; font-family: 'Inter-ExtraBold'; margin-bottom: 35px; } 
.cbp-hrsub-inner-lft .menu-lft p { color: #fff; font-size: 18px; line-height: 1.5; letter-spacing: 0.36px; font-family: 'Inter-Regular'; margin-bottom: 30px; }
.cbp-hrsub-inner-lft .menu-mid {  flex: 0 1 24%; margin-top: 10px;}
.cbp-hrsub-inner-lft .menu-mid ul { display: flex; flex-wrap: wrap; row-gap: 25px;}
.cbp-hrsub-inner-lft .menu-mid ul li { flex: 0 1 100%; text-align: left;}
.cbp-hrsub-inner-lft .menu-mid ul li a { color: #fff;font-size:24px;line-height: 1; font-family: 'Inter-Medium'; text-shadow:none; transition:all .5s ease; letter-spacing: 0.51px; }
.cbp-hrsub-inner-lft .menu-mid ul li a:hover { color: #74AF27;}

.cbp-hrsub-inner-lft .menu-last { flex: 0 1 22%; position: relative;}
.cbp-hrsub-inner-lft .menu-last img { float: left; width: 100%;}
.cbp-hrsub-inner-lft .menu-last h3 { position: absolute; top: 0; left: 0; color: #ffffff; font-size: 24px; line-height: 1.3; font-family: 'Inter-Medium'; padding: 20px; text-align: left; height: 100%; }

/* Works on Firefox */
.cbp-out-menu { scrollbar-width: thin;scrollbar-color: #f5f5f5 #ddd;	}
  
/* Works on Chrome, Edge, and Safari */
.cbp-out-menu::-webkit-scrollbar {width: 10px;}
.cbp-out-menu::-webkit-scrollbar-track {background: #ddd; }
.cbp-out-menu::-webkit-scrollbar-thumb {background-color: #f5f5f5;border-radius: 20px;border: 3px solid #ddd;}

a.menu-btn { width: 180px; height: 48px; display: inline-flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.28); border-radius: 24px; 
color: #fff; font-size: 16px; font-family:'Inter-SemiBold';  letter-spacing: 1.05px; text-transform: uppercase; transition:all .5s ease; }
a.menu-btn:hover { background: #ffffff; color: #004379; }