.cbp-hrmenu {width: auto;transition: all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;display:block;float: right;margin: 18px 105px 0 0;padding-top: 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%;float:left;margin: 0 auto;display: flex;flex-wrap: wrap;column-gap: 50px;align-items: center;justify-content: center;}
.cbp-hrmenu > ul > li { float: left;  flex: 0 1 auto;}
.cbp-hrmenu > ul > li:last-child{  margin-right:0;}
.cbp-hrmenu > ul > li > a {padding: 0;display:block;color: #000;font-size: 16px;line-height: 20px;margin-bottom:0px;position:relative;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;text-align: center;font-family: 'Mona-Sans-Regular';letter-spacing: -0.54px;position:relative;}  
.cbp-hrmenu > ul > li > a span { margin-left:0px; display: inline-block; position: absolute; background: url(../images/down-arrow.svg) no-repeat 0 0; width: 10px; height: 6px; top: 24px; right: 0;}
.cbp-hrmenu > ul > li > a.menu-act {font-family: 'Mona-Sans-Bold';color: #fff;border-radius: 10px 0px;background: #0030d0;padding: 6px 17px;}
.cbp-hrmenu > ul > li > a:hover {display: block;text-decoration: none;color: #0030d0;} 
.cbp-hrmenu > ul > li > a span { position: absolute; top: 15px; right: -20px; color: #FFFFFF; font-size: 12px; line-height: 22px; font-family: 'Jost-Bold'; background: #6D9C3F; border-radius: 25px; height: 20px; width: 46px;}

.cbp-hrmenu > ul > li > a:after{position:absolute;/* content:""; */left:0;right: 0px;margin: auto;width: 0px;bottom:-28px;background:#48BEF1;height:3px;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;}
.cbp-hrmenu > ul > li > a:hover::after, .cbp-hrmenu > ul > li > a.menu-act::after{ width:100%;}


/* sub-menu */
.cbp-hrmenu .cbp-hrsub  {z-index: 2; position: absolute; width: 100%; left:0;}
.cbp-hrmenu .cbp-hrsub {display: none;position: absolute;background:#6D9C3F;width: 100%; padding: 50px 0px 50px;left:0px; right:0; margin:0 auto;z-index:99; border-top: 0px solid #8aa6b3; box-shadow: 0px 3px 5px rgba(0,0,0,0.05);}
.cbp-hropen .cbp-hrsub {display: block;	}
.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;}



/* 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;}
}

.mega-list { float: left; width: 100%; margin-bottom:0px;}
.mega-list.last { margin-bottom:0;}
.cbp-hrsub-inner-lft { float:left; width:100%; padding:0px 0px;}
.cbp-hrsub-inner-lft h2 { font-size:38px; color:#2b2626; line-height:42px; margin-bottom:40px;}
.cbp-hrsub-inner-lft .sub-menu { float:left; width:100%; margin-right:0%; border-top:0px solid #ddd7d7; display: flex; flex-wrap: wrap; column-gap: 15px;}
.cbp-hrsub-inner-lft .sub-menu h3 { font-size:22px; color:#2b2626; font-size:22px; display:block; margin-bottom:28px; margin-top:25px; }
.cbp-hrsub-inner-lft .sub-menu ul {width: 32.4%;}
.cbp-hrsub-inner-lft .sub-menu ul li { float: left; width:100%; padding:0px 0% 0px 0px; margin-bottom:12px; margin-right: 0%; flex: 1 1 auto; position: relative;}
.cbp-hrsub-inner-lft .sub-menu ul li a { color:#272727; font-size:14px; transition:all 0.4s ease; padding: 2px 10px;  font-family:'Manrope-Regular'; }
.cbp-hrsub-inner-lft .sub-menu ul li a:hover { background: #fafafa; border-radius: 4px; color:#005e85; font-family: 'Manrope-SemiBold';} 
.cbp-hrsub-inner-lft .sub-menu ul li a span { background: url(../images/menu-arrow.svg) no-repeat 0 0; display: block;width: 5px; height: 8px; float: right; position: absolute;right: 8px; top: 9px;}
.cbp-hrsub-inner-lft .sub-menu:last-child { margin-right:0%;}
.cbp-hrsub-inner-lft .sub-menu ul li.btn-last { margin-top:15px; }
.cbp-hrsub-inner-lft .sub-menu ul li.btn-last a { font-size:12px; text-transform:uppercase; background:#e0dedf; padding:6px 14px; display:inline-block; border-radius:5px; }
.cbp-hrsub-inner-lft .sub-menu ul li:last-child { margin-bottom: 0;}
.cbp-hrsub-inner-lft .sub-menu ul li a.active { background: #fafafa; border-radius: 4px; color:#005e85; font-family: 'Manrope-SemiBold';}
.menu-btn { float: left; width: 100%; margin-top: 40px;}
.menu-btn > a { background: #fafafa; color: #005e85; padding: 15px 20px; display: block; text-align: center; font-family: 'Manrope-SemiBold'; text-decoration: underline; border: 1px solid #f3f2f2; border-radius: 5px; transition: all 0.4s ease;}
.menu-btn > a::after { display: none;}
.menu-btn > a:hover { background: #005e85; color: #ffffff !important;  border: 1px solid #005e85;}
.cbp-hrmenu .cbp-hrsub h2 { color: #ffffff; font-size: 30px; font-family: 'HelveticaNeue-Heavy'; line-height: 36px; margin-bottom:30px; display: block;} 
.cbp-hrsub-lft { float: left; width: 68%;}
.cbp-hrsub-lft ul { display: flex; flex-wrap: wrap; column-gap: 4%; row-gap: 45px; margin-top: 20px;}
.cbp-hrsub-lft ul li { flex: 0 1 22%;}
.cbp-hrsub-lft ul li a { color: #ffffff; font-size: 18px; font-family: 'HelveticaNeue-Medium'; position: relative; padding-top: 20px; line-height: 26px; letter-spacing: 0.4px; transition: all 0.4s ease; display: inline-block;}
.cbp-hrsub-lft ul li a::after { position: absolute; top: 0; width: 50px; height: 4px; background: rgba(255,255,255,0.25); display: block; content: ""; transition: all 0.4s ease; }
.cbp-hrsub-lft ul li a:hover { opacity: 0.7;}
.cbp-hrsub-lft ul li a:hover::after { width: 100%; background: #ffffff }
.cbp-hrsub-rht { float: right; width: 23%;}
.cbp-hrsub-rht h4 { font-size: 12px; text-transform: uppercase; color: #999999;}
.cbp-hrsub-rht img { float: left; width: 100%;}
.menu-img { float: left; width: 100%; border-radius: 4px; overflow: hidden; position: relative;}
.menu-caption { position: absolute; top: 0; padding: 30px; width: 100%; height: 100%;}
.menu-caption h3 { color: #000; font-size: 22px; font-family: 'HelveticaNeue-Heavy'; line-height: 26px; margin-bottom: 10px;} 
.menu-caption a { font-size: 14px; display: inline-block; transition: all 0.4s ease;}
.menu-caption a span { background: url(../images/black-arrow.svg) no-repeat 0 0; width: 15px; height: 7px; display: inline-block; background-size: cover; margin-left: 4px;}
.cbp-hropen .cbp-hrsub .cbp-hrsub-inn .row { max-width: 1170px;}
.menu-caption a:hover { opacity: 0.7;}





