.cbp-hrmenu {width:100%; display:block; float:left; margin:0px 0 0 0;}
.cbp-hrmenu ul {margin:0; padding:0; list-style-type:none;}
.cbp-hrmenu > ul {width:100%; margin:0 auto; display:flex; flex-wrap:wrap; column-gap:20px;}
.cbp-hrmenu > ul, .cbp-hrmenu .cbp-hrsub-inner {width:100%; float:left; margin:0 auto;}
.cbp-hrmenu > ul > li {float:left; margin:0px;}
.cbp-hrmenu > ul > li:last-child {margin-right:0;}
.cbp-hrmenu > ul > li > a {padding:35px 0px 35px 0px; display:inline-block; color:#212F59; font-size:16px; line-height:23px; font-family:'FoundersGrotesk-Regular'; position:relative; transition:all .0s ease; z-index:2; text-align:center;}
.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::before {display:block; content:attr(title); font-family:'Graphik-Medium'; height:1px; color:transparent; overflow:hidden; visibility:hidden;}
.cbp-hrmenu > ul > li > a::after {content:''; position:absolute; background:#ffffff; width:0px; height:5px; left:0px; right:0; margin:auto; bottom:-1px; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.3s ease; z-index:100}
.cbp-hrmenu > ul > li > a:hover:after {width:100%;}
.cbp-hrmenu > ul > li > a.menu-active {border-bottom:solid 0px #fff;}
.cbp-hrmenu > ul > li > a.menu-active, .cbp-hrmenu > ul > li:hover > a.menu-active {font-family:'FoundersGrotesk-Bold'; color:#212F59;}
.cbp-hrmenu > ul > li > a::after {opacity:0; content:""; position:absolute; bottom:20px; left:0px; right:0px; margin:auto; width:0px; height:4px; background:#212F59; transition:all .5s ease;}
.cbp-hrmenu > ul > li:hover > a::after {opacity:1;}
.cbp-hrmenu > ul > li > a.menu-active::after {opacity:1; width:100%;}
.cbp-hrmenu > ul > li:hover > a {font-family:'FoundersGrotesk-Regular'; color:#212F59;}
.cbp-hrmenu > ul > li > a:hover {display:block; text-decoration:none; color:#212F59;}
.cbp-hrmenu .cbp-hrsub {z-index:2; position:absolute; width:100%; left:0;}
.cbp-hrmenu .cbp-hrsub .cbp-hrsub-inn {display:none; position:absolute; background:linear-gradient(169deg,rgba(33, 47, 89, 0.95) 0%, rgba(86, 148, 188, 1) 100%); width:100%; padding:70px 0px; 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 .cbp-hrsub-inn {display:block;}
.cbp-hropen .cbp-hrsub .cbp-hrsub-inn::after { z-index: -1; position: absolute; content: ""; background: url("../images/main-menu-bg.png") no-repeat scroll 0 0; top: 0; left: 0; width: 100%; height: 100%;} 

@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-hrsub-main { float: left; width: 100%;}
.cbp-hrsub-lft {float:left; width:calc(100% - 315px);}
.cbp-hrsub-rht {float:right; width:315px;}
.cbp-hrsub-rht h4 {font-size:12px; text-transform:uppercase; color:#999999;}
.cbp-hrsub-rht img {float:left; width:100%;}

.menu-sub-container {display:grid; grid-template-columns:repeat(3, 1fr); gap:80px;}
.menu-sub-container > div { display: flex; flex-wrap: wrap; align-content: flex-start; row-gap: 30px;}
.menu-sub-column h2 a { float: left; width: 100%; color: #FFFFFF; font-size:30px; line-height: 1.4; font-family: 'FoundersGrotesk-Bold'; transition: all 0.5s ease;}
.menu-sub-column h2 a:hover { color: #5694BC;}
.menu-sub-column ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 10px; margin-top:10px;}
.menu-sub-column ul li { flex: 0 1 100%;}
.menu-sub-column ul li a { color: #FFFFFF; font-size: 18px; line-height: 1.4; font-family: 'FoundersGrotesk-Light'; transition: all 0.5s ease;}
.menu-sub-column ul li a:hover { color: #5694BC;}

.cbp-hrsub-main .hm-slide-btns { position: relative; float: left; width: 100%; bottom: auto;}
.cbp-hrsub-main .hm-slide-btns ul { flex-direction: column; row-gap: 30px; align-items: inherit;}
.cbp-hrsub-main .hm-slide-btns ul li { flex: 0 1 100%;}
.cbp-hrsub-main .hm-slide-btns ul li a { width: 100%; justify-content: left; }
.cbp-hrsub-main .hm-slide-btns ul li a span img { float: none;}