@import url("https://use.typekit.net/joy8icj.css");

html {
  position: relative;
  overflow-x: hidden;
  height: 100%
}

body {
  font-family: proxima-nova, sans-serif;
  font-weight: 400;
  font-style: normal;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  overflow-x: unset;
  font-display: swap;
  font-size: 18px;
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
  body {
    display: block;
  }

  .list-group {
    display: block;
  }
}

.container {
  max-width: 1240px !important;
}

main {
  position: relative;
  padding-top: 124px;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: proxima-nova-extra-condensed, sans-serif;
  font-weight: 700;
  color: #3f3f3f;
  margin-bottom: 20px;
  font-display: swap;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
  color: #1b5aac;
}

.hdrBlue h1,
.hdrBlue h2,
.hdrBlue h3,
.hdrBlue h4,
.hdrBlue h5,
h1.hdrBlue,
h2.hdrBlue,
h3.hdrBlue,
h4.hdrBlue,
h5.hdrBlue {
  color: #005280;
}

.hdrBlue h1 a,
.hdrBlue h2 a,
.hdrBlue h3 a,
.hdrBlue h4 a,
.hdrBlue h5 a,
h1.hdrBlue a,
h2.hdrBlue a,
h3.hdrBlue a,
h4.hdrBlue a,
h5.hdrBlue a {
  color: #1b5aac;
}

.hdrLine,
.hdrLine h1,
.hdrLine h2,
.hdrLine h3,
.hdrLine h4,
.hdrLine h5,
h1.hdrLine,
h2.hdrLine,
h3.hdrLine,
h4.hdrLine,
h5.hdrLine {
  position: relative;
  overflow: hidden
}

.hdrLine h1:after,
.hdrLine h2:after,
.hdrLine h3:after,
.hdrLine h4:after,
.hdrLine h5:after,
h1.hdrLine:after,
h2.hdrLine:after,
h3.hdrLine:after,
h4.hdrLine:after,
h5.hdrLine:after {
  content: "";
  width: 100%;
  display: inline-block;
  position: absolute;
  top: calc(50% - 1px);
  margin-left: 20px;
  height: 1px;
  background: #adaeaf
}

.hdrRule {
  text-align: center
}

.hdrRule:after {
  content: "";
  display: block;
  max-width: 230px;
  height: 3px;
  margin: 0 auto 20px;
  background: #50c3ac;
}

h1 {
  font-size: 48px;
}

h2 {
  font-size: 40px;
}

h3 {
  font-size: 32px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}

p {
  margin-bottom: 20px;
}

a {
  color: #1b5aac;
}

a:hover {
  color: #009ee9;
}

.btn {
  text-transform: uppercase;
  line-height: 1;
  padding: 14px 21px;
  border-width: 2px;
  transition: .3s
}

.btn-primary {
  position: relative;
  border-color: #005981;
  background: #005981;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  transition: .2s ease-in-out;
  transition-property: all;
  transition-property: color, background-color, border-color
}

.btn-primary:hover {
  border-color: #2892af;
  background: #2892af;
  transform: translateY(-2px);
  transform: translateY(-2px)
}

.btn-secondary {
  color: #005981;
  border-color: #005981;
  background: 0 0;
  transition: .2s ease-in-out;
  transition-property: all;
  transition-property: color, background-color, border-color
}

.btn-secondary:hover {
  background: #005981;
  border-color: #005981;
  transform: translateY(-2px);
  transform: translateY(-2px)
}

.btn-light {
  color: #005981;
  border-color: #fff;
  background: #fff;
  transition: .2s ease-in-out;
  transition-property: all;
  transition-property: color, background-color, border-color
}

.btn-light:hover {
  background: #bed8e3;
  border-color: #bed8e3;
  color: #005981;
  transform: translateY(-2px)
}

.btn-secondary-light {
  color: #fff;
  border-color: #fff;
  background: 0 0;
  transition: .2s ease-in-out;
  transition-property: all;
  transition-property: color, background-color, border-color
}

.btn-secondary-light:hover {
  background: #fff;
  border-color: #fff;
  color: #005981;
  transform: translateY(-2px);
  transform: translateY(-2px)
}

a.arrowLink1,
a.arrowLink2 {
  font-size: 20px;
  font-weight: 700
}

a.arrowLink1 {
  color: #005981
}

a.arrowLink1:hover {
  color: #2892af
}

a.arrowLink2:hover {
  color: #71c9f2
}

a.arrowLink3 {
  color: #3e3e3e
}

.arrowLink2:after,
a.arrowLink1:after,
a.arrowLink3:after {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1rem;
  color: #d5ad21;
  display: inline-block;
  margin-left: 8px;
  font-display: swap
}

a.sfdocx,
a.sfpdf {
  font-weight: 700
}

.imgShadow img,
img.imgShadow {
  border-radius: 8px;
  box-shadow: 0 1px 20px #00000029
}

.rowstyle1 {
  background: #fff
}

.rowstyle2 {
  position: relative;
  background: #edf0f9
}

.rowstyle2.slant {
  transform: rotate(-12deg);
  margin: 14rem 0
}

.rowstyle2.slant:after,
.rowstyle2.slant:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  background: #edf0f9;
  z-index: -1
}

.rowstyle2.slant:before {
  left: -50%
}

.rowstyle2.slant:after {
  right: -50%
}

.rowstyle2.slant .container {
  padding-top: 10rem;
  padding-bottom: 10rem;
  transform: rotate(12deg)
}

.slant-half-wrap {
  position: relative;
  overflow: hidden;
  padding: 5rem 0 14rem
}

.slant-half:after {
  content: "";
  position: absolute;
  display: block;
  left: -15%;
  right: -15%;
  height: 100%;
  top: -50%;
  transform: rotate(-12deg);
  background: #edf0f9;
  z-index: -1
}

.imgBG {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover !important;
  background-position: center top !important;
  z-index: 0
}

.imgBG.rowBG {
  background-repeat: no-repeat !important;
  top: 0;
  left: 0;
  z-index: auto
}

.imgBG.contain {
  background-size: contain !important
}

.bg-gray {
  background: #e6ebf0
}

.bg-light {
  background-color: #edf0f9 !important
}

header {
  background: #fff;
  z-index: 998
}

.eyebrow {
  font-size: 16px;
  color: #fff;
  line-height: 1;
  padding: 12px 0;
  background: #02567a
}

.eyebrow ul {
  margin: 0
}

.eyebrow ul .list-inline-item:not(:last-child) {
  margin-right: 18px
}

.eyebrow a {
  color: #fff;
  font-size: 16px
}

.eyebrow a.dropdown-item {
  color: #000
}

.eyebrow button {
  background: 0 0;
  border: none;
  color: #fff;
  padding: 0
}

.headBot {
  min-height: 83px;
  background: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.col.logo {
  flex: 0 0 160px
}

a.icba-logo,
a.sidenav a.icba-logo {
  display: block;
  text-indent: -9999px;
  width: 151px;
  height: 55px;
  margin: 13px 0;
  background: url(images/logo.png);
  background-size: contain;
  background-repeat: no-repeat
}

a.bancard-nav-logo,
a.sidenav a.bancard-nav-logo {
  display: block;
  text-indent: -9999px;
  width: 151px;
  height: 55px;
  margin: 13px 0;
  background: url(https://www.icba.org/Sitefinity/WebsiteTemplates/Bancard/App_Themes/Bancard/global/images/ICBA-Bancard-18.png);
  background-size: contain;
  background-repeat: no-repeat
}

a.sidenav a.tcm-nav-logo,
a.tcm-nav-logo {
  display: block;
  text-indent: -9999px;
  width: 151px;
  height: 55px;
  margin: 13px 0;
  background: url(https://www.icba.org/images/default-source/logos/tcm/tcm-bank-small.png);
  background-size: contain;
  background-repeat: no-repeat
}

a.btnSearch:before {
  content: "\f002";
  font-family: "Font Awesome 5 Free";
  font-size: 26px;
  font-weight: 900;
  color: #818181b8;
  display: inline-block;
  font-display: swap
}

a.btnSearch.active:before {
  content: "\f00d";
  font-size: 28px;
  margin-left: 7px
}

a.btnMobile {
  display: none
}

a.btnMobile:before {
  content: "\f0c9";
  font-family: "Font Awesome 5 Free";
  font-size: 32px;
  font-weight: 900;
  color: #3f3f3f;
  display: inline-block;
  font-display: swap
}

.main-nav-search {
  position: fixed;
  top: 123px;
  left: 0;
  right: 0;
  height: 0;
  background: #02567a;
  overflow: hidden;
  transition: all ease-in-out .3s;
  z-index: 1998
}

.main-nav-search.active {
  height: 85px
}

.sf-search-input-wrapper {
  position: relative;
  width: 80%;
  margin: 0 auto;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 2px #00000029
}

.sf-search-input-wrapper input[type=search],
.sf-search-input-wrapper input[type=text] {
  font-size: 1.25rem;
  width: 97%;
  border: none
}

.sf-search-input-wrapper input[type=text] {
  line-height: 1.5;
  padding: .375rem .75rem;
  border-radius: .25rem
}

.sidenav .sf-search-input-wrapper input[type=search],
.sidenav .sf-search-input-wrapper input[type=text] {
  width: 93%
}

.sf-search-input-wrapper input[type=search]:focus,
.sf-search-input-wrapper input[type=text]:focus {
  box-shadow: none
}

.sf-search-input-wrapper button {
  font-size: 0;
  background: 0 0;
  border: none;
  padding: 0;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%)
}

.sf-search-input-wrapper button:before {
  content: "\f002";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 21px;
  color: #0070af;
  font-display: swap
}

.sidenav .sf-search-input-wrapper button {
  padding: 2px 8px;
  right: 0;
  height: 100%;
  background: #009ee9;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px
}

.sidenav .sf-search-input-wrapper button:before {
  color: #fff
}

.sticky-top {
  top: 150px
}

.main-nav .sf_cols {
  display: flex;
  justify-content: flex-end
}

.nav-menu {
  padding: 0;
  margin: 0;
  position: relative
}

.nav-menu .nav-item {
  display: inline-block;
  margin-right: 25px
}

.nav-menu .nav-item.activeLink {
  border-top: 3px solid #ccc
}

.nav-menu .nav-item>a {
  font-size: 22px;
  font-family: proxima-nova-extra-condensed, sans-serif;
  font-weight: 700;
  color: #3f3f3f;
  transition: all ease-in-out .3s;
  font-display: swap
}

.nav-menu .nav-item>a.open,
.nav-menu .nav-item>a:focus,
.nav-menu .nav-item>a:hover {
  color: #005981;
  text-decoration: none
}

.nav-menu .nav-item>a.open {
  color: #005981;
  text-decoration: none
}

.sub-nav {
  font-size: 18px;
  text-transform: none;
  line-height: normal;
  position: fixed;
  display: none;
  top: 122px;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 998;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.sub-nav.open {
  display: block
}

.sub-nav .border-right {
  border-color: #707070 !important
}

.sub-nav strong {
  display: block;
  margin-bottom: 15px
}

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

.sub-nav ul li {
  margin-bottom: 14px
}

.sub-nav a {
  color: #000;
  letter-spacing: .08px;
  font-size: 16px
}

.sub-nav a:hover {
  color: #005981;
  text-decoration: none
}

.sub-nav img {
  margin-bottom: 7px
}

.breadcrumb {
  background: 0 0;
  border-radius: 0;
  margin-bottom: 0;
  font-size: 16px;
  padding: .5rem 0
}

.sidenav {
  height: 100%;
  width: 300px;
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  background: #fff;
  overflow-x: hidden;
  transition: .5s;
  padding: 60px 0;
  transform: translateX(300px);
  box-sizing: border-box
}

.sidenav a.icba-logo {
  width: 100px;
  height: 45px;
  margin: 0;
  background: url(images/icba-logo-sidenav.png)
}

.sidenav .btnMobileClose {
  color: #3f3f3f
}

body.active {
  overflow: hidden
}

body.active:before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .7);
  z-index: 9999;
  transition: .3s
}

.sidenav.active {
  width: 300px;
  transform: translateX(0)
}

a.btnMobileClose i {
  font-size: 26px
}

.sidenav ul {
  margin: 46px 30px 0;
  padding: 0;
  text-align: right;
  list-style: none
}

.sidenav ul li {
  margin-bottom: 8px
}

.sidenav ul li a {
  font-family: proxima-nova-extra-condensed, sans-serif;
  font-weight: 700;
  font-size: 32px;
  color: #3f3f3f;
  transition: .3s;
  font-display: swap
}

.sidenav ul li a:hover {
  color: #005981;
  text-decoration: none
}

.panel {
  position: relative
}

.panel h1 {
  font-size: 72px;
  line-height: .9
}

.panel.style1 {
  min-height: 350px;
  background-color: #1c5495;
  background-image: radial-gradient(at 10% 0, #1c5495 20%, #2a8ac3 70%)
}

.panel.style1-education {
  min-height: 350px;
  background-color: #58bec1;
  background-image: radial-gradient(at 10% 0, #295f65 20%, #58bec1 70%)
}

.panel.style1-membership {
  min-height: 300px;
  background-color: #000;
  background-image: radial-gradient(at 10% 0, #000 20%, #054566 70%)
}

.panel.style1-advocacy {
  min-height: 350px;
  background-color: grey;
  background-image: radial-gradient(at 23% 8%, #282828 75%, #c0202d 70%)
}

.panel.style1-education h1,
.panel.style1-education h2,
.panel.style1-education h3,
.panel.style1-education h4,
.panel.style1-education h5,
.panel.style1-education p,
.panel.style1-membership h1,
.panel.style1-membership h2,
.panel.style1-membership h3,
.panel.style1-membership h4,
.panel.style1-membership h5,
.panel.style1-membership p {
  color: #fff
}

.panel.style1 h1,
.panel.style1 h2,
.panel.style1 h3,
.panel.style1 h4,
.panel.style1 h5,
.panel.style1 p {
  color: #fff
}

.panel.style1-advocacy h1,
.panel.style1-advocacy h2,
.panel.style1-advocacy h3,
.panel.style1-advocacy h4,
.panel.style1-advocacy h5,
.panel.style1-advocacy p {
  color: #fff
}

.panel.style2,
.panel.style4 {
  font-size: 24px
}

.panel.style2 {
  font-size: 24px;
  height: 83vh
}

.panel.style2 .imgBG {
  height: 50%;
  bottom: 0;
  background-position: center bottom !important
}

.panel.style3 {
  min-height: 875px
}

.panel.style3 .imgBG {
  background-size: inherit !important;
  background-repeat: no-repeat !important;
  background-position: right bottom !important
}

.panel.style1:before,
.panel.style3:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%
}

.light-text {
  color: #cecece;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  font-weight: 100
}

.card {
  flex-grow: 1;
  border: none;
  margin-bottom: 1.5rem;
  box-shadow: 0 1px 20px rgba(0, 0, 0, .16);
  border-radius: 5px
}

.card .card-body {
  padding: 3rem
}

.card ul {
  font-weight: 100;
  color: #9f9f9f;
  padding: 0;
  margin: 0 0 1rem;
  list-style: none
}

.card ul li {
  padding: 12px 0;
  border-bottom: 1px solid #9f9f9f
}

.card ul li:last-child {
  border-bottom: 0
}

.card h5 {
  font-family: proxima-nova, sans-serif;
  font-size: 1rem;
  font-weight: 100;
  color: #9f9f9f;
  font-display: swap
}

.card.highlight {
  border-bottom: 16px solid #02567a;
  transition: .3s
}

.card.highlight:hover {
  transform: translateY(-4px)
}

.card.highlight .card-body {
  padding: 1.25rem
}

.card.highlight a {
  color: inherit
}

.card.highlight a:hover {
  color: inherit;
  text-decoration: none
}

.card.big {
  font-size: 24px
}

.card.big h3 {
  font-size: 40px
}

.card.pricing h3 {
  font-size: 56px
}

.card.pricing.big {
  font-size: 17px
}

.card.pricing.big h3 {
  font-size: 62px;
  margin-bottom: 2rem
}

.card.pricing.big .card-body {
  padding: 3rem 4rem 4rem
}

.card.wide h3 {
  font-size: 48px;
  color: #02567a
}

.card.wide h5 {
  font-size: 24px;
  margin: 0
}

.card-social i {
  font-size: 21px
}

.card-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  color: #02567a;
  margin-right: 7px;
  border: 1px solid #02567a;
  border-radius: 50%;
  transition: .3s
}

.card-social a:hover {
  color: #2892af;
  border-color: #2892af;
  text-decoration: none
}

.card-info {
  font-size: 24px;
  color: #989898;
  background: #f9f9fe
}

.card-info strong {
  color: #3f3f3f
}

.card-img-left {
  flex: 0 0 200px;
  flex-direction: column;
  position: relative
}

.card .imgBG {
  z-index: 1
}

.accordion {
  background: #fff
}

.accordion .card {
  box-shadow: none;
  margin: 0
}

.accordion .card-header {
  position: relative;
  margin: 0 !important;
  padding: 25px;
  padding-right: 70px;
  border-bottom: 1px solid #cfcfcf;
  background: #fff
}

.accordion .acc-btn {
  display: block;
  width: 100%;
  color: #005981;
  font-size: 30px;
  text-transform: none;
  text-align: left;
  text-decoration: none;
  padding: 0
}

.accordion .acc-btn.collapsed {
  color: #575454
}

.accordion .acc-btn:after {
  content: "\f068";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  color: #005981;
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  font-display: swap
}

.accordion .acc-btn.collapsed:after {
  content: "\f067";
  color: #9f9f9f
}

.accordion .card-body {
  border-bottom: 1px solid #cfcfcf;
  font-size: 18px
}

.accordion .card ul {
  font-weight: 400;
  color: #212529;
  padding: 0 0 0 40px;
  margin: 0 0 1rem;
  list-style: disc
}

.accordion .card ul li {
  padding: 0;
  border-bottom: none
}

#backToTop {
  display: inline-block;
  background-color: #345279;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000
}

#backToTop::after {
  content: "\f106";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff
}

#backToTop:hover {
  cursor: pointer;
  background-color: #333;
  text-decoration: none
}

#backToTop:active {
  background-color: #555
}

#backToTop.show {
  opacity: 1;
  visibility: visible
}

a.toTop {
  display: block;
  position: relative;
  top: -130px;
  visibility: hidden
}

.grid-divider {
  overflow-x: hidden;
  position: relative
}

.grid-divider>[class*=col-]:nth-child(n+2):after {
  content: "";
  background-color: #020202;
  position: absolute;
  top: 0;
  bottom: 0
}

@media (max-width:767px) {
  .grid-divider>[class*=col-]:nth-child(n+2):after {
    width: 100%;
    height: 1px;
    background-color: transparent;
    left: 0;
    top: -4px
  }
}

@media (min-width:768px) {
  .grid-divider>[class*=col-]:nth-child(n+2):after {
    width: 1px;
    background-color: #222;
    height: auto;
    left: -1px
  }
}

@media (max-width:1199px) {
  .grid-divider>[class*=col-]:nth-child(n+2):after {
    background-color: transparent
  }
}

.content-type h3 a {
  color: #005280
}

.content-type .text-muted {
  font-size: 14px
}

.content-type a.arrowLink1 {
  font-size: 14px;
  font-weight: 400;
  color: #575757
}

.content-type a.arrowLink1:after {
  color: #005981;
  font-size: 14px
}

.nav-pills .nav-link {
  font-size: 32px;
  color: #000;
  padding: 10px 46px 5px
}

.nav-pills .nav-link.active {
  border-radius: 5px;
  background-color: #6b9bc7
}

.bannerDetail {
  position: relative;
  min-height: 300px
}

.content-type .hdrRule {
  text-align: left
}

.content-type .hdrRule:after {
  content: "";
  display: block;
  max-width: 180px;
  height: 3px;
  margin: 10px 0 20px;
  background: #6b9bc7
}

.articleLogo {
  max-width: 150px
}

.styleGray span,
.styleGreen span,
.styleOrange span,
.styleRed span,
.styleTeal span {
  display: inline-block;
  position: relative;
  z-index: 1
}

.styleGray span:before,
.styleGreen span:before,
.styleOrange span:before,
.styleRed span:before,
.styleTeal span:before {
  content: "";
  position: absolute;
  bottom: 15%;
  height: 20%;
  z-index: -1;
  left: -2%;
  right: -2%
}

.styleRed span:before {
  background: #c0202d
}

.styleOrange span:before {
  background: #cd7828
}

.styleGreen span:before {
  background: #65aa47
}

.styleGray span:before {
  background: #3f3f3f
}

.styleTeal span:before {
  background: #58bec1
}

.styleRed .arrowLink2:after,
.styleRed a.arrowLink1:after,
.styleRed a.arrowLink3:after {
  color: #c0202d
}

.styleOrange .arrowLink2:after,
.styleOrange a.arrowLink1:after,
.styleOrange a.arrowLink3:after {
  color: #cd7828
}

.styleGreen .arrowLink2:after,
.styleGreen a.arrowLink1:after,
.styleGreen a.arrowLink3:after {
  color: #65aa47
}

.styleGray .arrowLink2:after,
.styleGray a.arrowLink1:after,
.styleGray a.arrowLink3:after {
  color: #3f3f3f
}

.styleTeal .arrowLink2:after,
.styleTeal a.arrowLink1:after,
.styleTeal a.arrowLink3:after {
  color: #58bec1
}

.styleRed .card.highlight,
.styleRed.card.highlight {
  border-color: #c0202d
}

.styleOrange .card.highlight,
.styleOrange.card.highlight {
  border-color: #cd7828
}

.styleGreen .card.highlight,
.styleGreen.card.highlight {
  border-color: #65aa47
}

.styleGray .card.highlight,
.styleGray.card.highlight {
  border-color: #3f3f3f
}

.styleTeal .card.highlight,
.styleTeal.card.highlight {
  border-color: #58bec1
}

.styleTeal .btn.btn-primary {
  color: #fff;
  background: #58bec1;
  border: #58bec1
}

.styleTeal .btn.btn-primary:hover {
  color: #fff;
  background: #5bcdd0;
  border: #5bcdd0
}

footer {
  color: #fff;
  margin-top: auto
}

footer a,
footer a:hover {
  color: #fff
}

.footBot,
.footTop {
  padding: 15px 0;
  background: #00456b
}

.footTop h2,
.footTop p {
  color: #fff;
  margin: 0
}

.footTop h2 {
  font-size: 28px
}

.footTop p {
  font-style: italic
}

.footMid {
  padding: 15px 0;
  background: #005280
}

.footMid strong {
  text-decoration: underline
}

.sfPageWrapper .fixed-top {
  position: relative
}

.sfPageEditor .tab-content>.tab-pane {
  display: block
}

.sfTemplateEditor .search {
  position: relative;
  top: auto;
  height: auto
}

.sfTemplateEditor .sidenav {
  position: relative;
  width: auto;
  transform: none
}

tbody.sub-nav {
  display: block;
  position: relative;
  top: auto;
  box-shadow: none
}

.news-list-title-only .content-type {
  border-bottom: 1px solid #d5d5d5;
  padding: 0 0 1em 0
}

.news-list-title-only .content-type:last-child {
  border: none
}

.social-box {
  max-width: 250px;
  margin: 0 auto
}

.light-text {
  color: #626262;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: lighter;
  letter-spacing: 1px
}

blockquote {
  width: 100%;
  font-style: italic;
  color: #555;
  padding: 1.2em 30px 1.2em 75px;
  border-left: 8px solid #34a9d7;
  line-height: 1.6;
  position: relative;
  background: #fff
}

blockquote::before {
  content: "\201C";
  color: #34a9d7;
  font-size: 4em;
  position: absolute;
  left: 10px;
  top: -10px
}

blockquote::after {
  content: ""
}

blockquote span {
  display: block;
  color: #34a9d7;
  font-style: normal;
  font-weight: 700;
  margin-top: 1em
}

.btn-group-sm>.btn,
.btn-sm {
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .2rem
}

.newsOrBlogBody h3 {
  margin-top: 2.6rem
}

hr.red {
  display: block;
  max-width: 230px;
  height: 3px;
  margin: 0 0 15px 0;
  background: #c51f30
}

.hdrRuleRed,
.hdrRuleYellow {
  text-align: center
}

.hdrRuleRed:after {
  content: "";
  display: block;
  max-width: 230px;
  height: 3px;
  margin: 0 auto 20px;
  background: #c51f30
}

hr.yellow {
  display: block;
  max-width: 230px;
  height: 3px;
  margin: 0 0 15px 0;
  background: #ffc624
}

.hdrRuleYellow:after {
  content: "";
  display: block;
  max-width: 230px;
  height: 3px;
  margin: 0 auto 20px;
  background: #ffc624
}

hr.teal {
  display: block;
  max-width: 230px;
  height: 3px;
  margin: 0 0 15px 0;
  background: #58bec1
}

.bootstrap-table .fixed-table-toolbar .search {
  margin-top: 0 !important
}

.pull-up {
  margin-top: -200px
}

.redText {
  color: #c0202d
}

.blueText {
  color: #02567a
}

.darkBlueText {
  color: #1c2d5c
}

.yellowText {
  color: #ffc624
}

.greenText {
  color: #65bc46
}

.purpleText {
  color: #555dae
}

hr.thick {
  margin-bottom: 3px;
  border: 0;
  border-top: 5px solid #040404;
  margin-top: 3px
}

.text-thin {
  font-weight: 300
}

.custom-list-item h4 {
  margin-bottom: 5px
}

.new-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: .25rem
}

.new-card {
  flex-grow: 1;
  border: none;
  margin-bottom: 1.5rem;
  box-shadow: 0 1px 20px rgba(0, 0, 0, .16);
  border-radius: 5px
}

a.arrowLinkBlue,
a.arrowLinkGreen,
a.arrowLinkPurple,
a.arrowLinkRed {
  color: #0082cb
}

a.arrowLinkRed::after {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1rem;
  color: #c0202d;
  display: inline-block;
  margin-left: 8px;
  font-display: swap
}

a.arrowLinkBlue::after {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1rem;
  color: #0f809f;
  display: inline-block;
  margin-left: 8px;
  font-display: swap
}

a.arrowLinkGreen::after {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1rem;
  color: #65bc46;
  display: inline-block;
  margin-left: 8px;
  font-display: swap
}

a.arrowLinkPurple::after {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1rem;
  color: #555dae;
  display: inline-block;
  margin-left: 8px;
  font-display: swap
}

.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  transition-duration: .1s
}

.hvr-icon-forward .hvr-icon {
  transform: translateZ(0);
  transition-duration: .1s;
  transition-property: transform;
  transition-timing-function: ease-out
}

.hvr-icon-forward:active .hvr-icon,
.hvr-icon-forward:focus .hvr-icon,
.hvr-icon-forward:hover .hvr-icon {
  transform: translateX(4px)
}

.hvr-icon-forward:hover {
  text-decoration: none
}

.border-radius-offset {
  border-radius: 2em 0
}

.border-radius-sm {
  border-radius: .3rem
}

.border-radius-md {
  border-radius: .7rem
}

.border-radius-lg {
  border-radius: 1rem
}

.border-radius-xl {
  border-radius: 1.5rem
}

.font-light {
  font-weight: 100
}

.font-larger {
  font-size: 1.3rem
}

@media (max-width:768px) {
  .list-100 {
    width: 100% !important
  }
}

.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  transition-duration: .3s;
  transition-property: color, background-color
}

.list-group-item {
  background-color: transparent
}

.list-group-item:first-child {
  border-top-left-radius: 30px;
  border-top-right-radius: 30px
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px
}

.new-pill {
  border-radius: 30px;
  font-size: 1.4rem
}

.hvr-fade:hover a {
  color: #fff
}

.hvr-fade.new-pill a:hover {
  color: #fff
}

.hvr-fade:active,
.hvr-fade:focus,
.hvr-fade:hover {
  background-color: #1279aa;
  color: #fff
}

.bio-routed .lead-title {
  color: #454748
}

.bio-routed .lead-info {
  font-size: .9rem;
  font-style: italic
}

.bio-routed .images-box {
  position: relative
}

.images-box img {
  image-rendering: -webkit-optimize-contrast;
  transform: translateZ(0);
  will-change: transform
}

a.dimmer {
  background-color: #023259;
  float: inherit;
  margin-bottom: .625em;
  max-width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: block
}

a.dimmer img:hover {
  opacity: .7
}

a.dimmer img {
  margin-bottom: 0;
  transition: opacity .3s ease-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.article-container {
  width: 100%;
  height: 100%;
  min-height: 25rem;
  overflow: hidden;
  position: relative;
  border-radius: .3rem
}

.article-img-holder {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: all 1s
}

.article-text {
  position: absolute;
  bottom: 0;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%
}

.article-text h4 {
  margin-bottom: 1rem;
  line-height: 1;
  font-size: clamp(1.7rem, 5vw, 3rem)
}

.article-text p {
  font-weight: 100;
  margin-bottom: 0;
  color: #ece5e5
}

.article-title-link {
  color: #ece5e5
}

.article-title-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0)
}

.article-container:hover .article-img-holder {
  transform: scale(1.1)
}

.document-block {
  border-bottom: 1px solid #e2e2e2;
  padding: 1rem 0
}

.document-block:first-of-type {
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 1rem;
  padding-top: 0
}

.document-block:last-of-type {
  border-bottom: 1px transparent;
  padding-bottom: 0
}

.document-block h5 {
  margin-bottom: 0
}

.document-block p {
  font-weight: 100
}

.document-block img {
  border-radius: .3rem
}

@media (max-width:767.98px) {
  .article-container {
    max-height: 20rem
  }
}

.overlay-box {
  background-image: radial-gradient(at 10% 0, #403b58 20%, #054566 70%)
}

.overlay-box h1 {
  color: #fff;
  font-size: clamp(2.5rem, 5vw, 4rem)
}

.overlay-box p {
  color: #fff;
  font-size: 1.3rem
}

.overlay-box2 {
  background-image: radial-gradient(at 10% 0, #403b58 20%, #054566 70%)
}

.overlay-box2 p {
  color: #fff
}

.overlay-box2 a {
  color: #71aaf4
}

.bg-dark-blue {
  background: #403b58
}

.breadcrumb {
  font-size: 14px
}

.breadcrumb-item a {
  color: #b7b6b6
}

.panel.WithSubnav {
  background-color: #054566;
  background-image: radial-gradient(at 10% 0, #000 20%, #054566 70%)
}

.blueSubnav {
  background: #054566
}

.panel.WithSubnav h1,
.panel.WithSubnav p {
  color: #fff
}

.panel.WithSubnav p {
  margin-bottom: 10px;
  color: #ffffffb3
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(255, 255, 255, .7)
}

.nav-item.subnav.active {
  padding: 5px 8px;
  background: #fff;
  border-radius: 5px 5px 0 0;
  border-top: 5px solid #a61212
}

.nav-item.subnav {
  padding: 5px 8px;
  border-radius: 5px 5px 0 0
}

.nav-item.subnav.active a {
  color: #000
}

ul.spaced-list li {
  margin-bottom: 30px
}

.navbar-light .navbar-nav .subnav a:focus,
.navbar-light .navbar-nav .subnav a:hover {
  color: #fff
}

.navbar-light .navbar-nav .subnav.active a:focus,
.navbar-light .navbar-nav .subnav.active a:hover {
  color: rgba(0, 0, 0, .9)
}

@media (max-width:575px) {
  .row-5 {
    display: block
  }
}

.pull-quote-left,
.pull-quote-right {
  margin: 1em auto;
  padding: 1em 0 1em 0
}

@media screen and (min-width:34em) {
  .pull-quote-right {
    float: right;
    width: 43%;
    padding: 1em;
    margin: 1em 2em 1em 1em
  }

  .pull-quote-left {
    float: left;
    width: 43%;
    padding: 1em;
    margin: 1em 2em 1em 1em
  }
}

@media screen and (min-width:58em) {
  .pull-quote-right {
    margin-right: -14%
  }

  .pull-quote-left {
    margin-left: -14%
  }
}

.fixed-social {
  position: fixed;
  top: 200px;
  right: 86%;
  z-index: 10;
  opacity: 1;
  transition: opacity .6s cubic-bezier(.2, .8, .2, 1)
}

.is-hidden {
  opacity: 0
}

@media screen and (min-width:1600px) {
  .new-layout .fixed-item {
    right: 30px
  }

  .new-layout .fixed-item,
  .new-layout .fixed-item img {
    width: 300px;
    font-size: 100%
  }
}

@media screen and (min-width:1400px) {
  .new-layout .fixed-item {
    right: 30px
  }
}

@media screen and (min-width:1400px) {

  .new-layout .fixed-item,
  .new-layout .fixed-item img {
    font-size: 90%
  }
}

.new-layout .fixed-item {
  position: fixed;
  left: 4%;
  opacity: 1;
  visibility: visible;
  top: 165px;
  font-size: 90%;
  transition: all .2s ease;
  line-height: 1.3em;
  align-content: center;
  display: flex
}

.list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #131313;
  border-color: #131313
}

main ul li {
  margin-bottom: 15px
}

main ul>ul>li {
  margin-bottom: 0
}

main ul li>p {
  margin-bottom: 0
}

main ul>ul>li:last-of-type {
  margin-bottom: 15px
}

.nav-item.subnav {
  margin-bottom: 0
}

.nav-pills .nav-item {
  margin-bottom: 0
}

@media screen and (max-width:1200px) {
  .panel.style3:before {
    background: rgba(355, 355, 355, .9)
  }
}

@media screen and (max-width:992px) {

  .btnSearch,
  .nav-menu {
    display: none
  }

  a.btnMobile {
    display: block
  }
}

@media screen and (max-width:768px) {
  .loginDesk {
    display: none
  }

  .bootstrap-table .fixed-table-toolbar .search {
    width: 100%;
    margin-bottom: 10px
  }

  .loginMobile.d-none {
    display: block !important
  }

  main .btn {
    display: block;
    margin: 1rem auto;
    max-width: 80vw
  }

  .imgBG {
    opacity: .5
  }

  .panel {
    min-height: 500px !important
  }

  .panel h1 {
    font-size: 48px;
    line-height: 1
  }

  .panel.style1:before {
    background: rgba(0, 0, 0, .65)
  }

  .panel.style2,
  .panel.style4 {
    font-size: 1rem
  }

  .accordion .acc-btn {
    font-size: 24px;
    margin: 0
  }

  .accordion .card-body {
    padding: 2rem
  }

  .hdrLine h1::after,
  .hdrLine h2::after,
  .hdrLine h3::after,
  .hdrLine h4::after,
  .hdrLine h5::after,
  h1.hdrLine::after,
  h2.hdrLine::after,
  h3.hdrLine::after,
  h4.hdrLine::after,
  h5.hdrLine::after {
    display: none
  }
}

@media print {
  header.fixed-top {
    display: none !important
  }
}