.cbp-hrmenu {
	width: 100%;
	/*margin-top:15px;*/
    float:left;
    position:relative
	
}

/* 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: 63.1%;
		margin: 0 auto;
	}
.cbp-hrmenu > ul > li {
	display: inline-block;
   font-size:18px;
      font-family: 'Inter-SemiBold';
}

.cbp-hrmenu > ul > li > a {
	/*padding:12px 12px 23px 12px;*/
	color: #403e3e;
	display: inline-block;
     -webkit-animation: fadeIn 2s;
    animation: fadeIn 2s;
     border:1px solid transparent;
    position:relative
}
.cbp-hrmenu > ul > li > a.company {
    color: #ffad00;
}
.cbp-hrmenu > ul > li.cbp-hropen a.company, .cbp-hrmenu > ul > li.cbp-hropen > a.company:hover {
    color: #403e3e;
    background: none;
    border: 1px solid transparent;
}

	.cbp-hrmenu > ul > li.cbp-hropen > a:after {
		position: absolute;
		content: '';
		width: 100%;
		height: 45px;
		background: #ffffff;
		top:22px;
		left: 0;
		z-index: 999;
	}
	.cbp-hrmenu > ul > li.cbp-hropen > a:before {
		position: absolute;
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 15px 15px 15px;
		border-color: transparent transparent #f3fdef transparent;
		z-index: 1000;
		top: 52px;
		left: 22%;
		-webkit-animation: fadeIn 1s;
		animation: fadeIn 1s;
	}
.cbp-hrmenu > ul > li.cbp-hropen:first-child > a:before {display:none}
	.cbp-hrmenu > ul > li > a:hover {
		color: #518d37;
	}

	.cbp-hrmenu > ul > li.cbp-hropen a,
	.cbp-hrmenu > ul > li.cbp-hropen > a:hover {
		color: #518d37;
		/*background: #ffffff;*/
		/*	border: 1px solid #ffad00;
		border-bottom: 1px solid #FFF*/
	}

/* sub-menu */
	.cbp-hrmenu .cbp-hrsub {
		display: none;
		position: absolute;
		background: #f3fdef;
		padding-bottom: 55px;
		width: 1911px;
		left: -30%;
		top: 110px;
		z-index: 2;
	}
.cbp-hrmenu > ul > li.all-list .cbp-hrsub  {
    left: inherit;
    right: 46px;
}
.cbp-hrmenu > ul > li.cbp-hropen a.all-categories, .cbp-hrmenu > ul > li.cbp-hropen > a.all-categories:hover {
    border-radius: 5px 5px 0 0;
}


.cbp-hropen .cbp-hrsub {
	display: block;
     -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}
.cbp-hrmenu .cbp-hrsub-inner {
	padding: 25px 0px 0px 0px;
}

.cbp-hrmenu .cbp-hrsub-inner > div {
	width: 100%;
	float: left;
	padding: 0 20px 0 0;
}
.cbp-hrmenu .cbp-hrsub-inner > div.img-container {
	width: 32%;
    margin-left:15px;
    float:right
}
.cbp-hrmenu .cbp-hrsub-inner > div.img-container .img-block {
	width:255px;
    height:270px;
    margin-top:10px
}
.cbp-hrmenu .cbp-hrsub-inner > div.img-container .img-block img {
	width: 100%;
    object-fit: cover;
    height: 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 li.cbp-hropen .cbp-hrsub-inner ul li ul li a {
      
     color:#a1a1a1;
       font-family: 'Inter-Regular';
       padding: 3px 0;
}
 .cbp-hrmenu li.cbp-hropen .cbp-hrsub-inner ul li ul li a.all-lnks {
    color:#fff
}
 .cbp-hrmenu li.cbp-hropen .cbp-hrsub-inner  ul > li {
     margin-bottom:20px;
      border:0

}
	.cbp-hrmenu li.cbp-hropen .cbp-hrsub-inner ul > li > a {
		color: #518d37;
		border: 0;
		padding: 11px 0;
		display: block
	}
	.cbp-hrmenu li.cbp-hropen .cbp-hrsub-inner ul > li.current > a {
		color: #fff;
		
	}
 .cbp-hrmenu li.cbp-hropen .cbp-hrsub-inner ul > li > a:hover {
	color: #fff;
}

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

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}