.cbp-hrmenu {
	width: 100%;
	display:block; text-align:center;
	float:left;
	
}

/* 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: 1198px; */
	/*max-width: 70em;*/
	margin: 0 auto;
	/*padding: 0 1.875em;*/
	/* box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.11); */
}


.cbp-hrmenu > ul > li.arrow a span{ background: url(../images/drop-down.png) no-repeat; width:10px; height:6px; position:absolute; top:12px; right:-18px; content:"";}
.cbp-hrmenu > ul > li.arrow.cbp-hropen a span{background: url(../images/up-aero.png) no-repeat; width:10px; height:6px; position:absolute; top:12px; right:-18px; content:"";}
/*.cbp-hrmenu > ul > li:last-child {
	
	float:right;
}*/
.cbp-hrmenu > ul > li > a.las {
padding:0 0 0 12px !important;
}

.cbp-hrmenu > ul > li {
  display: inline-block;
  padding: 0px 0px;
  line-height: 14px;
}
.cbp-hrmenu > ul > li > a {position: relative;display: block;color: #fff;text-decoration:none;padding: 14px 0px;font-size: 16px;line-height: 24px;letter-spacing: -0.17px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;position: relative;font-family: 'TitilliumWeb-Regular';}
/* .cbp-hrmenu > ul > li > a.active::after { position: absolute; display: block; content: ""; left: 0%;  width: 100%; height: 2px; bottom: 35px; background: #323232;
transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;  -o-transition: all 0.3s ease;} */
.cbp-hrmenu > ul > li > a.active{font-family: 'TitilliumWeb-Bold';color: #ffffff;}

/*.cbp-hrmenu > ul > li > a.arrow {
    background: rgba(0, 0, 0, 0) url("../img/menu-arrow.png") no-repeat scroll center 30px;
}*/



.cbp-hrmenu > ul > li > a:hover {
	 color: #ffffff;
	 display: block;
	 text-decoration: none;
}
#cbp-hrmenu  .cbp-hrsub .cbp-hrsub-inner a { color:#fff; font-family: 'Gilroy-Regular'; font-size: 16px; float:left;}


.cbp-hrmenu > ul > li.cbp-hropen a {
	color: #ffffff;
	opacity:1;
}


.cbp-hrmenu > ul > li.cbp-hropen a:hover {
	
}
 .cbp-hrmenu > ul > li > a.selected, .cbp-hrmenu > ul > li > a.selected:hover{
	color: #000; 	
}

/* sub-menu */
.cbp-hrmenu .cbp-hrsub {
	opacity: 0; transform: translateY(0%);
	position: absolute;
	width: 100%; visibility: hidden;
	padding:0px 0; -o-transition: all .25s ease; -moz-transition: all .25s ease; -webkit-transition: all .25s ease;  transition: all .25s ease;
	left: 0;z-index:999; background:#fff; margin-top:0px; border-top: 1px solid #727272; /*border-top: 1px solid #bfbfbf;*/ transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;
	top: 100%;
}

.cbp-hropen .cbp-hrsub {
	opacity: 1; 
	text-align: center; visibility: visible;
}
.cbp-hrsub-inner ul li a.active { color: #000;font-family: 'Gilroy-Regular';	}

.cbp-hrmenu .cbp-hrsub-inner > div:last-child { margin:0;}


.menu-title { color: #4d3437;font-family: 'Gilroy-Regular'; font-size: 18px;}

.cbp-hrmenu .cbp-hrsub-inner img {
	width: auto; float:left;}

.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;
}
.cbp-hrmenu .cbp-hrsub .cbp-hrsub-inner-lst{ margin: 0 auto;}

.cbp-hrmenu .cbp-hrsub.bg:after{position: absolute; content: ""; right: 0; bottom: 0; background: url(../images/inner-menu-bg.svg) no-repeat 0 0; width: 180px; height: 345px; opacity: 0.1;}

.cbp-hrmenu .cbp-hrsub .cbp-hrsub-inner-lst ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 3%; grid-row-gap: 40px;}
.cbp-hrmenu .cbp-hrsub-inner-lst ul li {
  flex: 0 1 22%;
}

.cbp-hrmenu .cbp-hrsub .cbp-hrsub-inner-lst ul li ul{
 width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; grid-row-gap: 5px;} 
.cbp-hrmenu .cbp-hrsub .cbp-hrsub-inner-lst ul li ul li{ flex: 0 1 100%;}

.cbp-hrmenu .cbp-hrsub-inner-lst ul li h3{display: inline-block;width: 100%; font-size: 22px; line-height: 30px; color: #323232; font-family: 'NoeDisplay-Bold'; margin-bottom: 10px; text-align: left;}
.cbp-hrmenu .cbp-hrsub-inner-lst ul li ul li{width: 100%; display: inline-block; margin-right: 0;}
.cbp-hrmenu .cbp-hrsub-inner-lst ul li ul li a{width: auto; float: left; font-size: 16px; line-height: 26px; letter-spacing: 0; color: #323232; font-family: 'Barlow-Medium'; text-align: left;}
.cbp-hrmenu .cbp-hrsub-inner-lst ul li ul li a:hover{color: #4b9300;}
/* 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-hrmenu .cbp-hrsub-inner ul li {  float: none; margin: 0 25px 0 0; padding: 0px; display:inline-block; width:18%; position: relative; }
.cbp-hrmenu .cbp-hrsub-inner ul li a { width:100%; float:left;  position:relative; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}
.cbp-hrmenu .cbp-hrsub-inner ul li .menu-img{width: 100%; display: inline-block;transition:all .5s ease; overflow: hidden; border-radius: 5px;}
.cbp-hrmenu .cbp-hrsub-inner ul li .m-cnt{ position:relative; left:0; top:auto;color: #323232; font-family: 'NoeDisplay-Bold'; font-size: 25px; line-height: 30px; width:100%; height: 100%;display: flex;text-align: center;align-items: center;justify-content: center; z-index: 99;  transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; padding-top: 10px;}
.cbp-hrmenu .cbp-hrsub-inner ul li:hover .m-cnt{ color: #4b9301;}


.cbp-hrmenu .cbp-hrsub-inner ul li .menu-img img {
    float: left;
    width: 100%;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease; border-radius: 5px;
}
.cbp-hrmenu .cbp-hrsub-inner ul li:hover .menu-img img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.cbp-hrmenu > ul > li.arrow.cbp-hropen .hov-ico span { position: relative; width: 45px; 
height: 45px; top: auto; right: auto; background: #fff; line-height: 52px; border-radius: 50%;
transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; 
}

.cbp-hrmenu > ul > li.arrow.cbp-hropen .hov-ico span i { font-size: 22px; color: #7aae4d; }
.cbp-hrmenu .cbp-hrsub-inner ul li .hov-ico span { position: relative;}

.cbp-hrmenu .cbp-hrsub-inner ul li:hover .hov-ico span { animation: slideup 0.7s ease;}

@keyframes slideup
{
	0% { transform: translateY(-100%); opacity: 0;}
	/* 50% { transform: translateY(-100%); opacity: 0;} */
	100% { transform: translateY(0%); opacity: 1; }
}