.bioGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(272px,32%));grid-auto-rows:auto;grid-gap:20px;margin-bottom:120px;justify-content:center}
.bioTile{position:relative;cursor:pointer;height:272px;display:flex;flex-direction:column;align-items:flex-end;border-radius:4px;overflow:hidden}
@media(max-width:999px){.bioTile{width:calc(100vw - 46px);height:200px}
.bioTile.mspcBioTile{width:calc(100vw - 70px)}
}
.headshot{position:absolute;height:272px;right:-40px}
.endMarker{position:absolute;bottom:0;width:100%;height:8px;background:#0062ac 0 0 no-repeat padding-box;mix-blend-mode:multiply;border-radius:0 0 4px 4px}
.bioDesc{display:block;position:absolute;width:166px;left:16px;top:20px}
.location{margin-bottom:12px;font-size:16px;line-height:22px;font-family:'PFDinTextCondPro-Bold';letter-spacing:1.47px;color:#00a1e2;text-transform:uppercase}
.teamMemberName{margin-bottom:8px;font-size:28px;line-height:32px;font-family:'ms_gloriola_ii_stdregular';letter-spacing:0;color:#000}
.memberDescription{font-size:16px;line-height:22px;font-family:'karlaregular';letter-spacing:0;color:#000}
@media(max-width:999px){.headshot{height:200px}
.location{margin-bottom:17px;font-size:16px;line-height:16px;font-family:'PFDinTextCondPro-Bold';letter-spacing:1.1px}
.teamMemberName{margin-bottom:8px;font-size:28px;line-height:28px;font-family:'karlaregular';font-weight:500}
.memberDescription{font-size:16px;line-height:22px}
.bioDesc{width:48%;left:16px;top:19px}
.endMarker{height:4px}
}
@media(min-width:375px) and (max-width:475px){.headshot{height:250px}
.bioTile{height:250px}
}
@media(min-width:476px) and (max-width:999px){.headshot{height:300px}
.bioTile{height:300px}
}
@media(min-width:400px) and (max-width:999px){.bioDesc{width:60%}
.bioDesc.mspcBioDesc{width:55% !important}
}
.viewDetails{display:none}
@media(min-width:1000px){.bioTile:hover .location{color:#bebebe}
.bioTile:hover .teamMemberName,.bioTile:hover .memberDescription{color:#fff}
.bioTile:hover .viewDetails{display:block;position:absolute;left:16px;bottom:16px;font-size:16px;line-height:16px;font-family:'karlaregular';font-weight:600;letter-spacing:0;color:#fff;opacity:1}
.bioTile:hover .endMarker{display:none}
.tileViewDetailsArrow{filter:brightness(0) invert(1);padding-bottom:5px}
}
@media(max-width:999px){.viewDetails{display:block;position:absolute;left:16px;bottom:16px;font-size:16px;line-height:16px;font-family:'karlaregular';font-weight:600;letter-spacing:0;color:#0062ac;opacity:1}
}
@media(min-width:1000px) and (max-width:1135px){.bioDesc{width:calc(100% - 188px)}
.headshot{width:188px}
}
.mspcHeadlineModule{display:inline-flex;overflow:hidden;border-radius:4px;background:#fff 0 0 no-repeat padding-box;text-align:center;width:fit-content}
.mspcBioFilterTab{border:2px solid #d6dee5;border-right-width:1px;border-left-width:1px}
.mspcHeadlineModule .nav-tabs li.active,.mspcHeadlineModule .nav-tabs>li.active>a{background:#0062ac 0 0 no-repeat padding-box;flex:0;border:0;opacity:1}
.mspcHeadlineModule .nav-tabs li.active{border-color:#d6dee5}
.mspcHeadlineModule .nav-tabs>li>a{height:100%;width:200px;display:inline-flex;justify-content:center;align-items:center}
.mspcHeadlineModule .nav-tabs>li.active>a{width:200px;display:inline-flex;justify-content:center;align-items:center}
.mspcHeadlineModule .nav-tabs li,.mspcHeadlineModule .nav-tabs li.active{width:200px;height:56px}
.mspcHeadlineModule .nav-tabs li:hover{background-color:#f2f7fb;font-weight:bold}
.mspcHeadlineModule .nav-tabs li.active:hover{background-color:#0062ac;font-weight:normal}
.mspcFilterText{display:block;width:111px;line-height:14px;font-size:14px;font-family:karlaregular;letter-spacing:0;color:#8c8c8c;opacity:1}
.mspcHeadlineModule .nav-tabs li.active .mspcFilterText{color:white;opacity:1}
.hideBioTile{display:none}
.mspcHeadAllTabs{display:flex}
@media(max-width:999px){.mspcHeadAllTabs{display:table;width:calc(100vw - 46px)}
.mspcHeadlineModule .nav-tabs li,.mspcHeadlineModule .nav-tabs li.active{width:50%}
.mspcHeadlineModule .nav-tabs>li.active>a{width:100%}
.mspcHeadlineModule .nav-tabs>li>a{width:100%}
.mspcHeadlineModule{display:block;margin:auto}
.mspcFilterText{width:75%;line-height:16px;font-size:15.5px}
}
.countryFilterBtn{width:254px;height:56px;background-color:white;text-align:left;padding-left:16px;border:2px solid #d6dee5;border-radius:4px;font-size:18px;line-height:22px;font-family:karlaregular;letter-spacing:0;color:#8c8c8c;opacity:1}
.countryFilterBtn:hover,.countryFilterBtn:focus{border:2px solid #0062ac;border-radius:4px}
.countryFilterBtn:focus{color:#333}
.countrydropdown{display:inline-block;float:right}
.countryListDropDown{display:none;position:absolute;background-color:#fff;width:254px;box-shadow:4px 4px 12px #00000026;border:1px solid #d6dee5;border-radius:4px;z-index:1}
.countryListDropDown div{padding:0 16px;font-size:18px;height:40px;line-height:40px;font-family:karlaregular;letter-spacing:0;color:#8c8c8c;opacity:1;display:block}
.countryListDropDown div:hover{background-color:#f2f7fb;cursor:pointer}
.showLocationListDropDown{display:block}
.countryFilterBtn:focus span.select-arrow-down{transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transition:width .5s ease-in-out,height .5s ease-in-out,transform .5s;transform-origin:70% 70%}
#countryFilterArrow{display:inline-block;float:right;margin-right:13px;height:13px;width:13px}
@media(max-width:999px){.countrydropdown{display:block;width:calc(100vw - 46px);float:none;margin:24px auto}
.countryFilterBtn{width:calc(100vw - 46px)}
.countryListDropDown{width:calc(100vw - 46px)}
.tileViewDetailsArrow{padding-bottom:3px}
.bioGrid{grid-template-columns:none}
}
@media(min-width:1000px) and (max-width:1090px){.countryFilterBtn{width:160px}
.countryListDropDown{width:160px}
}
@media(min-width:1000px) and (max-width:1029px){.bioGrid{grid-template-columns:repeat(auto-fill,minmax(272px,31%))}
}
@media(min-width:675px) and (max-width:999px){.bioGrid{grid-template-columns:repeat(auto-fill,minmax(272px,48%))}
.bioTile{height:200px;width:initial}
.headshot{height:200px}
.bioDesc{width:48%}
}
@media(min-width:320px) and (max-width:375px){.memberDescription{font-size:12px}
}
.mspc-headshot-img{padding-top:15px}