/*/app_themes/FBINAA_20_2_26/zzcustom.css*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

body.FBINAA {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: #333333;
}

/* GLOBAL STYLES */
svg {
    max-width: 100%;
}

a.TextButton {
    margin: 2px;
}

.auxNavSm {
    display: none;
}

.panel-title {
    font-size: 170%;
    text-transform: uppercase;
}

.SurfEdit {
    font-size: 0!important;
}

.auth-link-container-sm a.auth-link {
    display: inline-block;
    padding-right: 5px;
    margin-top: 2px;
}

ul.noBullet {
    list-style: none;
    margin: 0;
    padding: 0;
}

.breadcrumb {
    background-color: transparent;
}

.TextButton.PrimaryButton:hover {
    background-image: none;
    background-color: #39A5D8;
    color: #fff;
}

div[class*="CalloutArea"] h2, div[class*="CalloutArea"] h3, div[class*="CalloutArea"] h4 {
    margin-top: 0;
}

div[class*="CalloutArea"] .pull-left {
    margin: 0 1em 1em 0;
}

.ste-section a {
    Background-color: white;
}

.rmRootGroup.rmHorizontal > li.HideInPrimary {
    display: none!important;
}

.HideSideBar .col-primary {
    width: 100%;
    margin-right: 0;
}

.HideSideBar .col-secondary {
    display: none;
}

.breadcrumb-obo-container {
    max-width: 1170px;
    margin: auto;
}

/* Hide welcome panel on home page if user is logged in */
.HomePage .loggedIn .col-primary .container-fluid:first-child {
    display: none;
}

ul.noBullet {
    list-style: none;
}

/* HEADER STYLES */
header {
    border-bottom: none!important;
    border-top: 10px solid #02263F;
    background-image: url(images/fbinaa/headerbg.png);
    background-position: 0 0;
    margin-top: 0;
    padding: 0;
    background-repeat-y: no-repeat;
}

.navbar-header > div.hd-btns {
    display: block;
    text-align: right;
}

header .donate-btn, header .shop-btn, header .donate-btn {
    display: inline-block;
    margin-top: 1em;
}

header .donate-btn a, header .shop-btn a, header .dues-btn a {
    text-shadow: none;
    font-size: normal;
    font-size: 14px;
    color: rgb(0, 43, 63);
}

.header-left-container {
    /* border:1px solid red; */
    padding: 0;
}

.header-logo-container {
    position: relative;
    /* border: 1px solid #ccc; */
}

a.hdLogo {
    display: block;
    height: 135px;
    width: 100%;
    background-image: url(images/fbinaa/HD_Logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 355px;
    margin: 1em;
    position: relative;
}

a.hdLogo span {
    display: block;
    text-indent: -2000px;
}

.header-right-container {
    /* border:1px solid blue; */
}

.header-right-container .row {
    float: right;
    clear: both;
}

.header-right-container .row:first-child {
    margin-bottom: 1em;
}

.header-bottom-container {
    background-color: #a8a38a;
    width: 100%;
    float: left;
    clear: both;
}

.nav-auxiliary .NavigationListItem {
    border: none;
    margin: 0 .25em;
}

/* USE ICONS WITH TOOLTIP FOR Desktop Only */
@media (min-width: 768px) {
    header .AuxHome span, header .AuxProfile span, header .AuxCart span, header .AuxLogin span, header .AuxLogout span, header .AuxSearch span {
        /*         display: none; */
    }

    header .AuxHome, header .AuxProfile, header .AuxCart, header .AuxLogin, header .AuxLogout, header .AuxSearch {
        position: relative;
    }

    header .AuxHome span, header .AuxProfile span, header .AuxCart span, header .AuxLogin span, header .AuxLogout span, header .AuxSearch span {
        display: block;
        text-align: center;
        /*         position: absolute; */
        top: 22px;
        font-size: 12px;
        left: 0;
        right: 0;
    }

    header .AuxHome a, header .AuxProfile a, header .AuxCart a, header .AuxLogin a, header .AuxLogout a, header .AuxSearch a {
        font-size: 25px;
        font-weight: 100;
        padding: 5px;
        /*         margin:0 .15em; */
        /*         border:1px dotted red; */
    }

    header .AuxProfile span {
        /*         left: -5px; */
    }

    header .AuxLogin span {
        /*         left: -7px; */
    }

    header .AuxLogout span {
        /*         left: -7px; */
    }

    header a:before {
        /*         border:1px dashed yellow; */
        display: block;
        text-align: center;
        margin-bottom: 5px;
    }

    header .AuxHome a:before {
        font-family: fontawesome;
        content: "\f015";
    }

    header .AuxProfile a:before {
        font-family: fontawesome;
        content: "\f007";
    }

    header .AuxCart a:before {
        font-family: fontawesome;
        content: "\f07a";
    }

    header .AuxLogin a:before {
        font-family: fontawesome;
        content: "\f090 ";
    }

    header .AuxLogout a:before {
        font-family: fontawesome;
        content: "\f08b";
    }

    header .AuxSearch a:before {
        font-family: fontawesome;
        content: "\f002";
    }
}

header .socialicons li a:before {
    text-shadow: 1px 1px 3px #333;
}

header .nav-auxiliary a:hover, header .socialicons a:hover {
    color: #fff;
    text-decoration: none;
}

.RadMenu.rmResponsive .rmRootGroup > .rmItem:first-child {
    /* padding-left: 0; */
}

.RadMenu.rmResponsive .rmRootGroup > .rmItem:last-child {
    padding-right: 0;
}

.RadMenu.rmResponsive ul.rmHorizontal > li {
    margin: 0;
    padding: 1em .5em;
}

/* PRIMARY MENU TOP LEVEL ONLY */
.RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink {
    color: #162442;
    font-weight: bold;
}

.RadMenu.rmResponsive .rmSelected > .rmRootLink, .RadMenu.rmResponsive .rmFocused > .rmRootLink, .RadMenu.rmResponsive .rmRootLink:hover, .RadMenu.rmResponsive .rmRootLink:focus, .RadMenu.rmResponsive .rmExpanded > .rmRootLink {
    background: none!important;
    background-image: none!important;
}

.RadMenu.rmResponsive .rmRootGroup > li.rmSelected, .RadMenu.rmResponsive .rmRootGroup > li.rmFocused, .RadMenu.rmResponsive .rmRootGroup > li:hover, .RadMenu.rmResponsive .rmRootGroup > li:focus {
    background-color: rgba(255,255,255,.2);
}

.navbar {
    border-radius: 0;
    border-top: 10px solid #02263F;
    margin-bottom: 0;
}

/*  HOME PAGE STYLES */
.HomePage, .bg-pattern {
    background-image: url('images/fbinaa/BrickTexture.png');
}

/* Prevent H-Scroll */
.HomePage .col-primary {
    padding-left: 15px;
    padding-right: 15px;
}

.HomePageFullWidthArea {
    max-width: 1170px;
    margin: 1em auto;
}

.flexslider .caption {
    position: absolute;
    bottom: 10%;
    left: 20%;
    background: rgba(0, 37, 63, .8);
    margin: 0;
    padding: 2em;
    /* width:50%; */
    max-width: 60%;
    border-radius: 10px;
    border: 1px solid #333;
}

.shop-home .flexslider .caption {
    left: unset;
    bottom: unset;
}

/* Multiple Caption location Options */
/* ----- NO BACKGROUND */
.flexslider .caption.no-bg {
    background: none;
    border: none;
}

.flexslider .caption.no-bg, .flexslider .caption.no-bg h2 {
    color: initial;
}

/* ----- Top Left */
.flexslider .caption.tl {
    top: 10%;
    left: 5%;
}

/* ----- Top Center */
.flexslider .caption.tc {
    top: 10%;
    left: 50%;
    transform: translate(-50%, 0%);
    text-align: center;
}

/* ----- Top Right */
.flexslider .caption.tr {
    top: 10%;
    right: 5%;
}

/* ----- Mid Left */
.flexslider .caption.ml {
    left: 5%;
    top: 50%;
    transform: translate(0%, -50%);
}

/* ----- Mid Center */
.flexslider .caption.mc {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

/* ----- Mid Right */
.flexslider .caption.mr {
    right: 5%;
    top: 50%;
    transform: translate(0%,-50%);
}

/* ----- Bottom Left */
.flexslider .caption.bl {
    bottom: 10%;
    left: 5%;
}

/* ----- Bottom Center */
.flexslider .caption.bc {
    bottom: 10%;
    left: 50%;
    transform: translate(-50%, 0%);
    text-align: center;
}

/* ----- Bottom right */
.flexslider .caption.br {
    bottom: 10%;
    right: 5%;
}

@media (max-width: 768px) {
    .shop-home .flexslider div.caption, .flexslider div.caption {
        position: relative;
        width: 100%;
        max-width: 100%;
        left: inherit;
        bottom: inherit;
        border-radius: 0;
        tranform: none;
    }
}

.flexslider .caption, .flexslider .caption h2 {
    color: #fff;
    font-size: 120%;
}

.flexslider .caption h2 {
    color: #fff;
    font-size: 160%;
}

.flexslider .caption a {
    color: #3BADE1;
    text-decoration: underline;
}

.HomePage #masterMainButtonBar, .HomePage .breadcrumb-obo-container {
    display: none;
}

.HomePage #masterContentArea.container {
    max-width: 100%!important;
    width: 100%;
    padding: 0;
}

/* SpecialMessageArea */
.HpSpecialMessageArea h2 {
    text-align: center;
}

.HpSpecialMessageArea {
    display: none;
    background-image: url(images/fbinaa/GreyNoisyBg.png);
    background-size: contain;
}

body.ShowSpecialMessage .HpSpecialMessageArea {
    display: block;
}

.HpSpecialMessageArea .CalloutArea {
    margin: 3em;
    padding: 2em;
    background-color: #f8f8f8;
    border: 1px solid #ccc;
}

/* GridFeatureWithIcons */
.GridFeatureWithIcons .container {
    padding: 3em 0;
}

.WebPartZone.GridFeatureWithIcons .Ftr {
    padding: 1rem;
}

.GridFeatureWithIcons .Ftr {
    background-image: linear-gradient(transparent,white 50%);
    padding: 1px;
    border-radius: 10px;
}

.GridFeatureWithIcons .Ftr:hover {
    background-image: none;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}

.GridFeatureWithIcons .Ftr .icon {
    border: 4px solid #9B9B9B;
    height: 215px;
    width: 215px;
    border-radius: 100%;
    margin: 1em auto;
}

/* HOME PAGE */
/* .GridFeatureWithIcons .AnnualConference .icon {background-image:url('images/fbinaa/Ftr_AnnualConf.png');} 
.GridFeatureWithIcons .MembersOnly .icon {background-image:url('images/fbinaa/Ftr_MembersOnly.png');} 
.GridFeatureWithIcons .Shop .icon {background-image:url('images/fbinaa/Ftr_shop.png');} 
.GridFeatureWithIcons .GraduateDirectory .icon {background-image:url('images/fbinaa/Ftr_GraduateDirectory.png');} 
.GridFeatureWithIcons .TrainingWebinars .icon {background-image:url('images/fbinaa/Ftr_TrainingWebinars.png');} 
.GridFeatureWithIcons .OfficerResiliency .icon {background-image:url('images/fbinaa/Ftr_OfficerResiliency.png');} 
.GridFeatureWithIcons .Magazine .icon {background-image:url('images/fbinaa/Ftr_Magazine.png');} 
.GridFeatureWithIcons .Resources .icon {background-image:url('images/fbinaa/Ftr_Resources.png');} 
 */
.GridFeatureWithIcons .Ftr a {
    display: block;
    font-size: 1.2em;
    text-align: center;
    font-weight: bold;
    margin-bottom: 1em;
    min-height: 60px;
}

/* HpEvents */
.HpEvents {
    background-image: url(images/fbinaa/Hp_EventsBg.png);
}

.HpEvents .container {
    padding: 2em 0;
}

.HpEvents h2 {
    color: #fff;
    line-height: 3em;
}

.HpEvents .TextButton {
    margin-top: 1.25em;
}

.HpEvents hr {
    margin-bottom: 0;
}

.HpEvents .TaggedListPanel .tlItem {
    color: #fff;
    display: table;
}

.HpEvents .TaggedListPanel .tlItem .left, .HpEvents .TaggedListPanel .tlItem .right {
    display: table-cell;
    /*     vertical-align:top; */
}

.HpEvents .TaggedListPanel .tlItem .left {
    border-left: 1px solid white;
    padding: 1em;
    text-align: center;
    text-transform: uppercase;
}

.HpEvents .TaggedListPanel .tlItem .date .m {
    font-size: 2em;
    line-height: 1em;
}

.HpEvents .TaggedListPanel .tlItem .date .d {
    font-size: 2em;
    line-height: 1em;
}

.HpEvents .TaggedListPanel .tlItem .right {
    padding-left: 1em;
}

.HpEvents .TaggedListPanel .tlItem .right .content a {
    color: hsla(194, 100%, 90%, 1);
    font-size: 1.4em;
    line-height: 1.1em;
}

.HpEvents.AllEvents {
    background-image: none;
}

.HpEvents.AllEvents .TaggedListPanel .tlItem {
    display: block;
    padding-bottom: 1em;
    border-bottom: 1px solid #ccc;
    margin-bottom: 2em;
    color: initial
}

.HpEvents.AllEvents .TaggedListPanel .tlItem .date {
    background-color: #e4e4e4;
    min-width: 131px;
}

.HpEvents.AllEvents .TaggedListPanel .tlItem {
    color: initial
}

.HpEvents.AllEvents .TaggedListPanel .tlItem .right .content a {
    color: #4a8bba;
}

/* HpTweetsAndProm */
.HpTweetsAndProm .container {
    background-color: #fff;
    padding: 3em 0;
}

/* FULL BLEED Alliance Partners */
.HomePage .HpPartners {
    background-image: url(images/fbinaa/GreyNoisyBg.png);
    background-size: contain;
}

.HpPartners h2 {
    text-transform: uppercase;
    border-bottom: 1px solid #4A8BBB;
    margin-bottom: 1em;
}

.HpPartners h2 a {
    font-size: .75em;
    font-weight: bold;
}

.logoParade {
    width: 100%;
    padding: 5px;
    margin: 0 auto;
    position: relative;
    border-radius: 10px;
    background: #ffffff;
    MAX-WIDTH: 100%;
    /* OVERFLOW: HIDDEN; */
}

.logoParade img {
    max-height: 100px!important;
    max-width: 300px!important;
    padding: 10px 50px;
}

.logoParade div.scrollableArea a {
    float: left;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    height: 100px;
}

.logoParade a .inner {
    display: table-cell;
    vertical-align: middle;
    height: 100px;
}

.logoParade .inner img {
    display: block;
}

.logoParade a span {
    display: block;
}

.logoParade a.lvl1 span {
    text-transform: uppercase;
}

.logoParade a.lvl1 span:before {
    content: "Champion Level";
    color: #998347;
}

.logoParade a.lvl2 span:before {
    content: "Strategic Level";
    color: grey;
}

/* OSW PAGE */
body.FtrLp {
    background-image: url('images/fbinaa/BrickTexture.png');
}

.GridFeatureWithIcons .icon {
    text-align: center;
    overflow: hidden;
    position: relative;
}

.GridFeatureWithIcons .icon img {
    position: absolute;
    top: -2.5%;
    left: -2.5%;
    right: 0;
    bottom: 0;
    display: block;
    width: 105%;
    max-width: unset!important;
}

body.OSW #masterContentArea.container {
    max-width: unset;
}

.OSW_LP>.row {
    background-color: #fff;
}

.OSW_LP>.row:nth-child(1), .OSW_LP>.row:nth-child(2) {
    background-color: transparent;
}

.OSW_LP h2 {
    font-weight: bold;
    text-transform: uppercase;
}

.OSW_LP .Mission {
    padding-top: 2em;
}

@media(min-width: 768px) {
    .OSW_LP h2 {
        text-align:right;
        line-height: 1.1em;
    }

    .OSW_LP .col-sm-10 p {
        margin-top: 5px;
        font-size: 18px;
        line-height: 1.2em;
    }
}

/* Strategic Alliance Program Logos */
body.CorpAlliance .col-primary h2 {
    background-color: #f8f8f8;
    padding: .5em;
    text-align: center;
    margin-bottom: 1em;
}

/* .LogoGroup * {   border:1px dashed red;} */
.LogoGroup {
    text-align: center;
    min-height: 200px;
}

.LogoGroup .Image {
    display: table;
    height: 100px;
    width: 100%;
    padding-bottom: 2em;
}

.LogoGroup .ImageWrap {
    display: table-cell;
    height: 100px;
    vertical-align: middle;
}

.LogoGroup img {
    display: block;
    margin: auto;
    max-height: 100px;
}

hr {
    clear: both;
}

/* FOOTER STYLES */
#ft {
    background: none;
    background-image: url(images/fbinaa/footerbg.png);
}

footer .FtRow1 {
    padding: 2em 0;
}

footer .FtRow2 {
    background-color: #000;
}

footer h2, footer h2 a {
    color: #a6a287!important;
}

footer h2 {
    margin-bottom: 1em;
}

footer .FtRow1 p strong {
    font-size: 1.4em;
}

.socialicons {
    margin: 0;
    display: inline-block;
    padding: 0;
}

.socialicons li {
    list-style: none;
    display: inline-block;
}

.socialicons li a {
    /*         border:1px solid white; */
    opacity: .9;
    display: block;
    margin-right: 5px;
    color: #fff
}

.socialicons li a:hover {
    text-decoration: none;
    color: #e4e4e4;
}

.socialicons li a {
    display: block;
    height: 75px;
    width: 75px;
    background-image: url('images/fbinaa/social_sprite.png');
	border:1px solid rgba(255,255,255,.5);
}

.socialicons li a span {
    display: block;
    text-indent: -200px;
    overflow: hidden;
}

.socialicons a.fb {
    background-position: 0 0;
}

.socialicons a.twitter {
    background-position: -98px 0;
}

.socialicons a.linkedin {
    background-position: -196px 0;
}
.socialicons a.instagram {
    background-position: -291px 0;
}
.socialicons a.youtube {
    background-position: -389px 0;
}
.socialicons a.connect-app {
    background-position: -486px 0;
}

@media(min-width:992px){
	.socialicons li{width:25%;margin-bottom:1em;text-align:center;}
}

.footer-copyright {
    font-size: 14px;
    margin: 1em 0;
    text-align: center;
    color: #ccc;
}

/* MyAccount custom renew now button - JR@ATS 2016-12-15 */
#CustomRenewNowButton {
    color: red;
    font-weight: bold;
}

#CustomRenewNowButton.disabled {
    color: inherit;
    font-weight: inherit;
}

/* MyAccount "Print Receipts" button - JR@ATS 2016-12-21 */
.BigButtonLinkList .btn {
    margin-bottom: 10px;
}

/* RWD STYLES */
@media (max-width: 1024px) {
    .RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink {
        font-size: 110%;
    }

    .HomePage .col-primary .container-fluid:nth-child(3) .col-sm-4 {
        margin-bottom: 2em;
    }

    .HomePage .col-primary .container-fluid:nth-child(3) .col-sm-4:last-child {
        margin-bottom: 0;
    }
}

@media (max-width: 1023px) {
    .RadMenu.rmResponsive .rmRootGroup > .rmItem {
        font-size: 90%;
        padding: 5px 0 0 !important;
    }

    .HomePage .tab-pane>ul li {
        float: left;
        width: 100%;
        clear: both;
    }
}

@media (max-width: 767px) {
    header .navbar-header.nav-auxiliary .NavigationUnorderedList, header .navbar-header.nav-auxiliary .socialicons, header .hdButton {
        display: none;
    }

    .header-right-container .NavigationUnorderedList {
        display: none;
    }

    .auxNavSm {
        display: block;
        background-color: #02263F;
        padding: .5em;
        text-align: center;
    }

    .auxNavSm li {
        border: 1px solid #ccc;
        margin: 1px;
    }

    .auxNavSm a {
        color: #fff;
    }

    a.hdLogo {
        height: 50px;
    }

    .HomePage .col-primary .container-fluid:nth-child(3) {
        /* background-size:cover; */
    }

    .auth-link-container {
        background-color: #335065;
        text-align: center;
    }

    .auth-link-container a {
        color: #95D3EF;
        display: inline-block;
        border: 1px solid #95D3EF;
        padding: 0.5em;
    }

    .auth-link {
        display: none!important;
    }

    a.MemDir {
        display: none;
    }

    .RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink {
        font-size: 100%;
        text-align: left;
        color: #333;
    }

    .RadMenu.rmResponsive .rmToggle {
        display: none;
    }

    .HomePage .col-primary .container-fluid:first-child .row li {
        padding: 0;
        margin: 1em;
    }

    .HomePage .col-primary .container-fluid:first-child .row {
        padding: 1em;
        margin: 0-15px;
    }

    .HomePage .col-primary .container-fluid:first-child .row .TextButton {
        display: inline-block;
        min-width: 250px;
    }

    .hpPartners h2 a {
        font-size: 50%;
    }

    .ftNav, .social {
        float: none;
        width: 100%;
        text-align: center;
    }

    .socialicons {
        float: none;
        padding: 0;
    }
}

@media (max-width: 575px) {
    a.hdLogo {
        height: 60px;
    }

    header .container {
        padding: 0;
    }

    .header-left-container, .header-right-container {
        /* width:100%; */
        /* float:none!important; */
    }

    .HomePage .nav-tabs>li>a {
        font-size: 15px;
    }
}

@media (max-width: 374px) {
    header .container {
        padding: 0 15px;
    }

    .navbar-header.nav-auxiliary .NavigationUnorderedList {
        display: block;
    }

    .header-right-container .row {
        float: none;
    }
}

/* Alt background colors
   ========================================================================== */
.AltBgColor2 > .panel, .AltBgColor3 > .panel, .AltBgColor4 > .panel, .AltBgColor5 > .panel {
    color: #fff;
}

.AltBgColor2 > .panel a, .AltBgColor2 > .panel a:hover, .AltBgColor2 > .panel a:active, .AltBgColor2 > .panel a:focus, .AltBgColor2 > .panel a:visited, .AltBgColor3 > .panel a, .AltBgColor3 > .panel a:hover, .AltBgColor3 > .panel a:active, .AltBgColor3 > .panel a:focus, .AltBgColor3 > .panel a:visited, .AltBgColor4 > .panel a, .AltBgColor4 > .panel a:hover, .AltBgColor4 > .panel a:active, .AltBgColor4 > .panel a:focus, .AltBgColor4 > .panel a:visited, .AltBgColor5 > .panel a, .AltBgColor5 > .panel a:hover, .AltBgColor5 > .panel a:active, .AltBgColor5 > .panel a:focus, .AltBgColor5 > .panel a:visited {
    color: #fff;
    text-decoration: underline;
}

.AltBgColor2 > .panel .ProgressBar > span, .AltBgColor3 > .panel .ProgressBar > span, .AltBgColor4 > .panel .ProgressBar > span, .AltBgColor5 > .panel .ProgressBar > span {
    /* Make the progress tracker indicator use a white bar instead of default */
    background-color: #fff;
}

.AltBgColor2 > .panel {
    background-color: #00abbe;
}

.AltBgColor2 > .panel.panel-border {
    border-color: #0094a5;
}

.AltBgColor3 > .panel {
    background-color: #3aace0;
}

.AltBgColor3 > .panel.panel-border {
    border-color: #3aace0;
}

.AltBgColor4 > .panel {
    background-color: #e98300;
}

.AltBgColor4 > .panel.panel-border {
    border-color: #d07500;
}

.AltBgColor5 > .panel {
    background-color: #8e51ae;
}

.AltBgColor5 > .panel.panel-border {
    border-color: #80499d;
}

/* ==========================================================================
   DASHBOARDS
   ========================================================================== */
/* Zone or iPart style for the staff dashboards for consistent styling */
.ProgressTracker_Dashboard .panel-body, .ProgressTracker_Dashboard_Overview .panel-body {
    padding-top: 0;
}

.ProgressTracker_Dashboard .label, .ProgressTracker_Dashboard_Overview .label {
    font-size: 120%;
    display: block;
    margin-top: 10px;
}

.ProgressTracker_Dashboard .ProgressBar, .ProgressTracker_Dashboard_Overview .ProgressBar {
    margin-left: -10px;
    margin-right: -10px;
}

.ProgressTracker2 ul, .ProgressTracker_Dashboard ul, .ProgressTracker_Dashboard_Overview ul {
    margin: 0;
    padding: 0;
}

.ProgressTracker2 ul, .ProgressTracker2 li, .ProgressTracker_Dashboard ul, .ProgressTracker_Dashboard li, .ProgressTracker_Dashboard_Overview ul, .ProgressTracker_Dashboard_Overview li {
    list-style-type: none;
}

.ProgressTracker2 .count, .ProgressTracker_Dashboard .count, .ProgressTracker_Dashboard_Overview .count {
    font-weight: 600;
    display: block;
    line-height: 1;
    letter-spacing: -1px;
}

.ProgressTracker2 .label, .ProgressTracker_Dashboard .label, .ProgressTracker_Dashboard_Overview .label {
    line-height: 1;
}

.ProgressTracker2 .ProgressBar, .ProgressTracker_Dashboard .ProgressBar, .ProgressTracker_Dashboard_Overview .ProgressBar {
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    background-color: #e5e5e5;
    background-color: rgba(0, 0, 0, 0.1);
}

.ProgressTracker2 .ProgressBar > span, .ProgressTracker_Dashboard .ProgressBar > span, .ProgressTracker_Dashboard_Overview .ProgressBar > span {
    display: block;
    height: 100%;
    background-color: #5dae3f;
    position: relative;
    overflow: hidden;
}

.ProgressTracker2 p, .ProgressTracker_Dashboard p, .ProgressTracker_Dashboard_Overview p {
    margin-bottom: 0;
}

.ProgressTracker_Dashboard .panel-heading.Distinguish {
    padding-bottom: 0;
}

.ProgressTracker_Dashboard .inset {
    display: block;
    padding-bottom: 15px;
}

.ProgressTracker2 .count, .ProgressTracker_Dashboard .count {
    font-size: 350%;
}

.ProgressTracker2 .ProgressBar, .ProgressTracker_Dashboard .ProgressBar {
    padding: 0;
    height: 18px;
}

.ProgressTracker_Dashboard_Overview .panel {
    /* default the overview PTs to the same height */
    min-height: 137px;
}

.ProgressTracker_Dashboard_Overview .panel-heading.Distinguish {
    border-bottom-color: transparent;
}

.ProgressTracker_Dashboard_Overview .count {
    font-size: 250%;
}

.ProgressTracker_Dashboard_Overview .ProgressBar {
    height: 5px;
    margin-bottom: 5px;
}

.StaffDashboard h2, .StaffDashboard .panel-heading.Distinguish, .StaffDashboard .PanelHead.Distinguish, .StaffDashboard .TitleBarCaption {
    border-bottom-color: transparent;
}

.StaffDashboard h2.Collapsible, .StaffDashboard .panel-heading.Distinguish.Collapsible, .StaffDashboard .PanelHead.Distinguish.Collapsible, .StaffDashboard .TitleBarCaption.Collapsible {
    border-bottom-color: #ddd;
}

/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */
/* Make square images Circle */
/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */
.CircleMask {
    border-radius: 100%;
    width: 100%;
    padding-bottom: 0%;
    display: inline-block;
    border-radius: 100%;
    overflow: hidden;
    text-align: center;
    border: 5px solid rgba(255,255,255,.5);
    margin: 1em auto;
}

img.Circle {
    display: block;
    width: 100%;
}

/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */
/* Training Page Layout */
/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */
.TrainingList .iMIS-WebPart {
    text-align: center;
}

.TrainingList .iMIS-WebPart img {
    display: block;
}

.TrainingList .iMIS-WebPart p {
    margin: 1rem auto;
}

@media (min-width: 768px) {
    .TrainingList .iMIS-WebPart {
        max-width: 47%;
        margin-right: 2.5%;
        min-height: 350px;
    }
}

/* Staff Pages */
.StaffList .col-primary h2 {
    clear: both;
    background-color: #f1f1f1;
    padding-left: 5px;
}

.StaffPage .col-primary h3 {
    margin: 0;
}

.person {
    display: block;
    float: left;
    width: 100%;
    clear: both;
    padding: 1px;
    margin-bottom: 1em;
}

.person .pix {
    float: left;
    padding: 0 1em 0 0;
    max-width: 33%;
}

@media(min-width: 768px) {
    .StaffPage div[class*="col-"]:not(.col-sm-12) {
        /*     border:1px dotted grey; */ min-height: 220px;
    }
}

.StaffPage .col-sm-4 .person {
    margin-bottom: 0;
}

/* SECTION LANDING PAGES */
.Section_Landing_Page h2 {
    text-transform: uppercase;
}

ul.Chapter_Btns {
    list-style-type: none;
    text-align: center;
}

ul.Chapter_Btns li {
    display: inline-block;
    padding: .5em;
}

.Section_Landing_Page .Rep_Img .CircleMask {
    border: 5px solid #a8a38a;
    margin: 0 auto;
}

/* /\/\/\\/\/\/\\/\\\/\/\//\/\/\/\\/\/\/\\/\/ */
/* Back Fill bootstrape floats */
/* /\/\/\\/\/\/\\/\\\/\/\//\/\/\/\\/\/\/\\/\/ */
.float-left {
    float: left !important;
    margin: 0 1em 1em 0;
}

.float-right {
    float: right !important;
    margin: 0 0 1em 1em;
}

.float-none {
    float: none !important;
    margin: 1em auto;
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important;
        margin: 0 1em 1em 0;
    }

    .float-sm-right {
        float: right !important;
        margin: 0 0 1em 1em;
    }

    .float-sm-none {
        float: none !important;
        margin: 1em auto;
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important;
        margin: 0 1em 1em 0;
    }

    .float-md-right {
        float: right !important;
        margin: 0 0 1em 1em;
    }

    .float-md-none {
        float: none !important;
        margin: 1em auto;
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important;
        margin: 0 1em 1em 0;
    }

    .float-lg-right {
        float: right !important;
        margin: 0 0 1em 1em;
    }

    .float-lg-none {
        float: none !important;
        margin: 1em auto;
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important;
        margin: 0 1em 1em 0;
    }

    .float-xl-right {
        float: right !important;
        margin: 0 0 1em 1em;
    }

    .float-xl-none {
        float: none !important;
        margin: 1em auto;
    }
}

.float-left {
    float: left !important;
    margin: 0 1em 1em 0;
}

.float-right {
    float: right !important;
    margin: 0 0 1em 1em;
}

.float-none {
    float: none !important;
    margin: 1em auto;
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important;
        margin: 0 1em 1em 0;
    }

    .float-sm-right {
        float: right !important;
        margin: 0 0 1em 1em;
    }

    .float-sm-none {
        float: none !important;
        margin: 1em auto;
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important;
        margin: 0 1em 1em 0;
    }

    .float-md-right {
        float: right !important;
        margin: 0 0 1em 1em;
    }

    .float-md-none {
        float: none !important;
        margin: 1em auto;
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important;
        margin: 0 1em 1em 0;
    }

    .float-lg-right {
        float: right !important;
        margin: 0 0 1em 1em;
    }

    .float-lg-none {
        float: none !important;
        margin: 1em auto;
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important;
        margin: 0 1em 1em 0;
    }

    .float-xl-right {
        float: right !important;
        margin: 0 0 1em 1em;
    }

    .float-xl-none {
        float: none !important;
        margin: 1em auto;
    }
}

/* Panel Customizations originally for My Career Tab in Profile */
.panel-heading.Collapsible {
    border: 1px solid #3bade1;
    background-color: #f2f6fb;
}

@media(min-width: 768px) {
    .no-wrap-panel-labels .PanelField label {
        min-width:300px;
        text-align: right
    }

    .no-wrap-panel-labels .PanelField label:after {
        content: " :";
    }
}

/*  Member Benefits  */
.benefits {
    overflow: hidden;
    position: relative;
}

.benefits .resp-tab-content .container {
    margin-bottom: 1em;
    position: relative;
}

.benefits .resp-tab-content {
    background-image: linear-gradient(180deg,transparent 20% ,#cadbe8);
	min-height:250px;
}

.resp-tabs-list li {
  background-color: #4193d0;
  border-right:1px solid rgba(255,255,255,.5);
  color:#fff!important;
}



.resp-tabs-list li h2 {color:#fff;font-size:125%;}

@media(min-width:1050px){
	.resp-tabs-list li h2 {font-size:150%;}
	
}

.resp-tab-content a.FeatureText {
	color:hsl(205, 45%, 51%)!important;
	}
	
li.resp-tab-active{
	background-color:#fff;
}
li.resp-tab-active:last-child {
	border-right-color:#999;
}
li.resp-tab-active h2{
	color:#333!important;
}

@media(min-width: 768px) {
    .benefits .resp-tab-content {
        padding-right:250px;
    }
	.resp-tab-content ul {
		column-count:2;
		list-style-type:none;
	}

    .benefits .resp-tab-content:after {
        display: block;
        position: absolute;
        height: 215px;
        width: 215px;
        border: 5px solid #666;
        border-radius: 100%;
        top: 80px;
        right: 10px;
        z-index: 0;
        overflow: hidden;
    }

    .benefits .resp-tab-content.connect:after {
        content: url(/images/fbinaa/Ftr_LP/MemBen/peers.jpg);
    }

    .benefits .resp-tab-content.career:after {
        content: url(/images/fbinaa/Ftr_LP/MemBen/career.jpg);
    }

    .benefits .resp-tab-content.stay-informed:after {
        content: url(/images/fbinaa/Ftr_LP/MemBen/stayinformed.jpg);
    }

    .benefits .resp-tab-content.products-services:after {
        content: url(/images/fbinaa/Ftr_LP/MemBen/products.jpg);
    }
	
	 .benefits .resp-tab-content.maximize-membership:after {
        content: url(/images/fbinaa/Ftr_LP/MemBen/maxmembership.jpg);
    }
}

/* YLP */
.YLP h2 {
    color: #64B4E3;
    font-weight: 700;
    text-transform: uppercase;
}

.YLP .dark-blue h2 {
    color: #fff;
    font-weight: 200;
    font-size: 28px;
    border-bottom: 1px solid #fff;
}

.row.inserted {
    background-color: #fff;
}

.full-width-bg .row.inserted {
    background-color: transparent;
}

.YLP .full-width-bg .row.inserted {
    background-color: transparent!important;
}

.YLP .topics ul {
    columns: 2;
}

@media(min-width: 768px) {
    .YLP .topics ul {
        columns:3;
    }
}

.YLP .count-down-container {
    text-align: center;
}

.YLP .count-down {
    min-height: 140px;
    max-width: 560px;
    text-align: center;
    margin: auto;
}

@media(max-width: 560px) {
    .YLP .count-down {
        width:100%;
        max-width: 100%;
    }
}

.YLP .timeline {
    text-align: center;
}

.YLP .timeline h2 {
    border: none;
    margin-bottom: 1em;
    font-size: 28px;
}

.YLP .timeline ul {
    list-style-type: none;
    max-width: 66%;
    margin: auto;
    padding: 0;
    font-size: 125%;
}

.YLP .timeline li {
    margin-bottom: 1em;
}

.YLP .timeline strong {
    display: block;
    font-size: 1.2em;
}

.YLP .ylp-sponsors {
    text-align: center
}

.YLP .ylp-sponsors ul {
    list-style-type: none;
    display: inline-block;
    margin: auto;
}

.YLP .ylp-sponsors li {
    display: table-cell;
}

/* Large Pill - About and governance pages */
.pill {
    border: 5px solid #fff;
    min-height: 175px;
    border-radius: 8em;
    margin-bottom: 2em;
    background-color: #f1f1f1;
    background-image: linear-gradient(#D8D6C7,#B0AD95);
    padding: 1em;
}

@media(min-width: 768px) {
    .pill {
        display:flex;
        align-items: center;
    }
}

.pill .img {
    border: 4px solid #fff;
    border-radius: 7em;
    height: 155px;
    width: 155px;
    overflow: hidden;
    position: relative;
    right: -5px;
    background-color: rgba(255,255,255,.5)
}

.pill .img img {
    position: relative;
    left: -40px;
    display: block;
    max-width: unset;
}

.pill.vision {
    background-image: linear-gradient(180deg, #98CBEC 0%, #5F9CD4 100%);
}

.pill.mission {
    background-image: linear-gradient(180deg, #C1DAED 0%, #8DB3D5 100%)
}

.pill.core-values {
    background-image: linear-gradient(180deg, #E4EFF8 0%, #C4DAEE 100%);
}

.pill * {
    color: #333!important;
}

.pill h2 {
    font-weight: 700;
}

.pill p {
    font-size: 1.5em;
}

@media(max-width: 767px) {
    .pill {
        text-align:center;
    }

    .pill .img {
        margin: auto;
    }
}

/* Strategic Plan */
.strategic-plan h2 {
    font-size: 32px;
}

ol.strategic-plan {
    margin-top: 2em;
}

ol.strategic-plan>li {
    counter-increment: number;
    position: relative;
    margin-left: 80px;
    margin-bottom: 2em;
    padding-right: 10px;
}

@media(min-width: 768px) {
    ol.strategic-plan {
        display:flex;
        flex-basis: 50%;
        flex-wrap: wrap;
    }

    ol.strategic-plan > li {
        counter-increment: number;
        width: 39%;
    }
}

ol.strategic-plan > li:before {
    content: counter(number);
    font-size: 24px;
    display: inline-block;
    text-align: center;
    background-image: linear-gradient(180deg, #98CBEC 0%, #5F9CD4 100%);
    border: 4px solid #FFFFFF;
    color: #fff;
    height: 70px;
    width: 70px;
    line-height: 60px;
    border-radius: 70px;
    position: absolute;
    left: -75px;
}

ol.strategic-plan {
    list-style: none;
    counter-reset: number;
}

/* ///////////////////// \\\\\\\\\\\\ */
/*  STYLES FOR ATS WORK ON THEME AND FULL WIDTH METHOD */
/* ///////////////////// \\\\\\\\\\\\ */
/* To prevent Horizontal Scroll from Full Width Bg Row */
.wrapper {
    overflow: hidden;
    display: block !important;
    height: auto;
}

body.has-full-width #masterContentArea.container {
    max-width: none;
}

@media (min-width: 1023px) {
    /* Full Width Content */ .row.full-width-content.inserted .container.inserted {
        max-width: none;
    }

    .row.inserted .row.inserted {
        margin-left: 0;
        margin-right: 0;
    }

    .row.full-width-content img {
        display: block;
        width: 100%;
        max-width: 100%;
    }
}

.row.WebPartZone.full-width-content.inserted, .row.WebPartZone.full-width-bg.inserted {
    width: auto;
    /*prvents H-scroll with nested BT Grid */
}

/* Full Width Bg */
.full-width-bg.inserted {
    background-color: #fbfbfb;
}

.has-full-width .iMIS-WebPart > .ContentItemContainer, .has-full-width .WebPartZone > .ContentItemContainer {
    margin-bottom: 0;
}

.full-width-bg.inserted.dark-blue, .full-width-content.dark-blue {
    background-image: url(images/fbinaa/Hp_EventsBg.png);
}

.full-width-bg.inserted.dark-blue * {
    color: #fff;
}

.full-width-content.light-grey, .full-width-bg.inserted.light-grey {
    background-image: url(images/fbinaa/GreyNoisyBg.png);
    background-size: contain;
}

/* start/End Group */
.group {
    padding: 3em 0;
}

.start-group {
    padding-top: 4em;
}

.end-group {
    padding-bottom: 4em;
}