/*
Theme Name: 0193 Movement Bank
Theme URI: http://csibankanytime.com/
Author: CSI ( Steve Bargas )
Description: Design Pro 3 CSI Banking Theme
Version: 2.2.4
Text Domain: design-pro-3
*/
:root {
  --red: #e72400;
  --lightRed: #f45c64;
  --black: #282828;
  --darktan: #7f7666;
  --tan: #efe0c7;
  --tanBg: #F5F3EF;
}

/* TYPOGRAPHY
-------------------------------------------------------------------------------------- */
@font-face {
  font-family: "GothamPro";
  src: url("fonts/GothamPro.eot");
  /* IE9 Compat Modes */
  src: url("fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("fonts/GothamPro.woff") format("woff"), url("fonts/GothamPro.ttf") format("truetype"), url("fonts/GothamPro.svg#svgFontName") format("svg");
  /* Legacy iOS */
}
@font-face {
  font-family: "GothamPro-Italic";
  src: url("fonts/GothamPro-Italic.eot");
  /* IE9 Compat Modes */
  src: url("fonts/GothamPro-Italic.eot?#iefix") format("embedded-opentype"), url("fonts/GothamPro-Italic.woff") format("woff"), url("fonts/GothamPro-Italic.ttf") format("truetype"), url("fonts/GothamPro-Italic.svg#svgFontName") format("svg");
  /* Legacy iOS */
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("fonts/GothamPro-Bold.eot");
  /* IE9 Compat Modes */
  src: url("fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/GothamPro-Bold.woff") format("woff"), url("fonts/GothamPro-Bold.ttf") format("truetype"), url("fonts/GothamPro-Bold.svg#svgFontName") format("svg");
  /* Legacy iOS */
}
@font-face {
  font-family: "GothamPro-Black";
  src: url("fonts/GothamPro-Black.eot");
  /* IE9 Compat Modes */
  src: url("fonts/GothamPro-Black.eot?#iefix") format("embedded-opentype"), url("fonts/GothamPro-Black.woff") format("woff"), url("fonts/GothamPro-Black.ttf") format("truetype"), url("fonts/GothamPro-Black.svg#svgFontName") format("svg");
  /* Legacy iOS */
}
@font-face {
  font-family: "Knockout-HTF50-Welterweight";
  src: url("fonts/Knockout-HTF50-Welterweight.otf");
  /* IE9 Compat Modes */
}
@font-face {
  font-family: "Knockout-HTF53-Heviweight";
  src: url("fonts/Knockout-HTF53-Heviweight.otf");
  /* IE9 Compat Modes */
}
body,
html {
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: "GothamPro", sans-serif;
  overflow: initial;
}

body {
  overflow-x: hidden;
}

.csi-fullBlock {
  width: 100%;
  margin: 3rem 0;
}

.container {
  max-width: 1300px;
}

.heading__underline {
  margin-bottom: 2rem;
}

.standard-section p a {
  position: relative;
  color: var(--red);
}

.giant-header {
  font-family: "Knockout-HTF50-Welterweight", Impact, sans-serif;
  text-transform: uppercase;
  font-size: 3rem;
  line-height: 1;
}

@media (min-width: 768px) {
  .giant-header {
    font-size: 4.5rem;
    line-height: 1;
  }
}
@media (min-width: 1024px) {
  .giant-header {
    font-size: 8rem;
    line-height: 1;
  }
}
.giant-header {
  line-height: 87.5%;
}

.h1, h1 {
  font-family: "Knockout-HTF50-Welterweight", Impact, sans-serif;;
  text-transform: uppercase;
  font-size: 3rem;
  line-height: 1;
}

@media (min-width: 768px) {
  .h1, h1 {
    font-size: 3.75rem;
    line-height: 1;
  }
}
@media (min-width: 1024px) {
  .h1, h1 {
    font-size: 6rem;
    line-height: 1;
  }
}
.h2, h2 {
  font-family: "Knockout-HTF50-Welterweight", Impact, sans-serif;
  text-transform: uppercase;
  font-size: 2.25rem;
  line-height: 2.5rem;
}

@media (min-width: 768px) {
  .h2, h2 {
    font-size: 3rem;
    line-height: 1;
  }
}
@media (min-width: 1024px) {
  .h2, h2 {
    font-size: 4.5rem;
    line-height: 1;
  }
}
.h3, h3 {
  font-family: "Knockout-HTF50-Welterweight", Impact, sans-serif;;
  text-transform: uppercase;
  font-size: 1.5rem;
  line-height: 2rem;
}

@media (min-width: 768px) {
  .h3, h3 {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}
@media (min-width: 1024px) {
  .h3, h3 {
    font-size: 3.75rem;
    line-height: 1;
  }
}
.h4, h4 {
  font-family: "Knockout-HTF50-Welterweight", Impact, sans-serif;;
  text-transform: uppercase;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

@media (min-width: 768px) {
  .h4, h4 {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}
@media (min-width: 1024px) {
  .h4, h4 {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}
.h5, h5 {
  font-family: "Knockout-HTF50-Welterweight", Impact, sans-serif;;
  text-transform: uppercase;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

@media (min-width: 768px) {
  .h5, h5 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 1024px) {
  .h5, h5 {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}
.h5.h5 {
  letter-spacing: 0.025em;
}

.h6, h6 {
  font-family: "Knockout-HTF50-Welterweight", Impact, sans-serif;;
  text-transform: uppercase;
  font-size: 1.125rem;
  letter-spacing: 0.0625em;
}

.h6, h6,
.ul {
  line-height: 1.75rem;
}

.ul {
  list-style-position: inside;
}

.ol,
.ul {
  list-style-position: outside;
  line-height: 1.75rem;
}

.ol .li,
.ul .li {
  margin-bottom: 0.25rem;
  margin-left: 1rem;
  padding-left: 0.25rem;
}

.ol .li > *,
.ul .li > * {
  display: inline;
}

.ul {
  list-style-type: disc;
}

.ol {
  list-style-type: decimal;
}

.ol .li {
  margin-left: 1.25rem;
  padding-left: 0.25rem;
}

.paragraph {
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.5rem;
}

@media (min-width: 768px) {
  .paragraph {
    font-size: 1rem;
    line-height: 1.5rem;
    line-height: 1.75rem;
  }
}
.paragraph--big {
  font-size: 1rem;
  line-height: 1.5rem;
}

@media (min-width: 768px) {
  .paragraph--big {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.paragraph--small {
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.5rem;
}

@media (min-width: 768px) {
  .paragraph--small {
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.5rem;
  }
}
p,
ul,
dl,
ol {
  font-family: "GothamPro", sans-serif;
}

/* BUTTONS AND LINKS
Before Changing any Hover/Focus behavior, ensure the new behavior still complies with
ADA requirements (at least 3.0 contrast change or underline change)
-------------------------------------------------------------------------------------- */
a {
  color: var(--red);
  text-decoration: underline;
}
a:hover, a:focus {
  color: #343434;
  text-decoration: none;
}

/* GENERAL STYLES
-------------------------------------------------------------------------------------- */
#csiMenuWrapper .csi-Menu-navigation-wrapper {
  width: 100%;
}

#csiMenuWrapper .csi-Menu-navigation-wrapper {
  margin-right: auto;
}

#csiMenuWrapper .section-inner {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

#csiMenuWrapper .csi-Menu-navigation-wrapper ul.primary-menu a {
  font-family: "GothamPro-Bold", sans-serif;
}

#csiMenuWrapper .secondary-menu-wrapper ul.primary-menu a {
  font-size: 0.9rem;
}

.csi-Menu-navigation-wrapper > nav > ul ul {
  width: 607px !important;
  height: 342px !important;
}

#csiMenuWrapper .primary-menu ul li {
  width: 370px;
}

#csiMenuWrapper .primary-menu ul a {
  color: #3b4351;
  font-size: 1.1rem;
  padding: 0.25rem 2.5rem;
}

#csiMenuWrapper .primary-menu .sub-menu {
  padding: 2rem 0.25rem;
}

.MenuPhoto {
  width: 256px;
  height: 342px;
  position: absolute;
  top: 0;
  right: 0;
}

.csi-Menu-navigation-wrapper > nav > ul li:nth-child(1) ul .MenuPhoto {
  background: url("images/img-dropdown-personal-300x300.jpg.webp") center center;
  background-size: cover;
}

.csi-Menu-navigation-wrapper > nav > ul li:nth-child(2) ul .MenuPhoto {
  background: url("images/businessheader-1-300x300.jpg.webp") center center;
  background-size: cover;
}

.csi-Menu-navigation-wrapper > nav > ul li:nth-child(3) ul .MenuPhoto {
  background: url("images/homeloans-large-300x266.jpg.webp") center center;
  background-size: cover;
}

.csi-Menu-navigation-wrapper > nav > ul li:nth-child(4) ul .MenuPhoto {
  background: url("images/digitalbanking-300x266.jpg.webp") center center;
  background-size: cover;
}

#csiMenuWrapper .primary-menu .icon::before,
#csiMenuWrapper-secondary .primary-menu .icon::before {
  height: 0.4rem;
  width: 0.11rem;
}

#csiMenuWrapper .primary-menu .icon::after,
#csiMenuWrapper-secondary .primary-menu .icon::after {
  height: 0.11rem;
  width: 0.4rem;
}

.menuTriangle {
  width: 8px;
  height: 8px;
  border-bottom: solid 8px #fff;
  border-left: solid 8px transparent;
  position: absolute;
  top: -8px;
  border-right: solid 8px transparent;
  left: 170px;
}

.current-menu-parent > a {
  text-decoration: none !important;
}
.csi-Menu-navigation-wrapper .current-menu-parent > a:after {
  content: "";
  position: absolute;
  width: 100px;
  height: 16px;
  left: 0;
  background: url(images/current-nav-highlight.svg) no-repeat center center;
  bottom: -5px;
}

#csiMenuWrapper .primary-menu ul,
#csiMenuWrapper-secondary .primary-menu ul {
  border-radius: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.07), -1px 1px 8px rgba(0, 0, 0, 0.07), -1px 0px 16px rgba(0, 0, 0, 0.07), 0px 0px 32px 7px rgba(0, 0, 0, 0.07), 0px 1px 60px 16px rgba(0, 0, 0, 0.07);
}

#csiMenuWrapper .csi-Menu-navigation-wrapper .primary-menu li.menu-item-has-children:hover > ul {
  left: -110px;
}

.csi-signInBtn a {
  color: var(--red) !important;
  margin-right: 15px;
}

.csi-signInBtn{
  display: flex;
  justify-content: space-around;
}

h1, .h1 {
  font-size: 6rem;
  line-height: 1;
  margin-bottom: 2rem;
}

h2, .h2 {
  font-size: 4.5rem;
  line-height: 1;
  margin-bottom: 2rem;
}

h3, .h3 {
  font-size: 3.75rem;
  line-height: 1;
  margin-bottom: 2rem;
}

h4, .h4 {
  font-size: 2.25rem;
  line-height: 2.5rem;
  margin-bottom: 2rem;
}

h5, .h5 {
  font-size: 1.875rem;
  line-height: 2.25rem;
  margin-bottom: 2rem;
}

h6, .h6 {
  font-size: 1.125rem;
  line-height: 1.75rem;
  margin-bottom: 2rem;
}

.giant {
  font-size: 7.5rem;
  line-height: 87.5%;
}

.subHeader {
  font-size: 1rem;
  padding: 0.85rem 2rem;
  background: var(--tanBg);
  color: var(--black);
  font-family: "Knockout-HTF53-Heviweight", Impact, sans-serif;
  display: inline-block;
  font-weight: 800;
}
.subHeader span {
  color: var(--red);
}

.subhead-tan span.text-move-red,
.subhead-tan span{
  color: #da2200 !important;
}

blockquote {
  border-left: 4px solid #da2200;
  padding-left: 1.75rem;
}

picture.csi-picCutoutOne .image-mask--fill-big {
  -webkit-mask-size: 90%;
  mask-size: 90%;
}
picture.csi-picCutoutOne .image-mask {
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  object-fit: cover;
}
picture.csi-picCutoutOne img {
  display: block;
  vertical-align: middle;
}
picture.csi-picCutoutOne .img-fluid {
  max-width: 147% !important;
  max-height: 147% !important;
}

.csi-picCutoutTwo {
  position: relative;
  margin-bottom: 180px;
  z-index: -1;
}
.csi-picCutoutTwo picture.cut_main {
  position: relative;
  z-index: 2;
  left: -320px;
}
.csi-picCutoutTwo picture.cut_main .image-mask--v {
  -webkit-mask-position: 0 0, 0 bottom;
  mask-position: 0 0, 0 bottom;
  -webkit-mask-size: auto, 38%;
  mask-size: auto, 38%;
}
.csi-picCutoutTwo picture.cut_main .image-mask {
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  object-fit: cover;
}
.csi-picCutoutTwo picture.cut_main .img-fluid {
  max-width: 251% !important;
  max-height: 580px;
}
.csi-picCutoutTwo picture.cut_decor1 {
  position: absolute;
  bottom: -180px;
  right: -40px;
  z-index: 1;
}
.csi-picCutoutTwo picture.cut_decor2 {
  position: absolute;
  z-index: 3;
  bottom: -60px;
  right: -100px;
}

a.navbar-brand {
  width: 190px;
}

p {
  margin-bottom: 2rem;
}

hr {
  border-top-width: 2px;
  border-color: #d8d5cf;
}

/* csi-btn */
.csi-btn,
a.csi-btn,
.csi-btn.btn.btn-primary,
a.csi-btn.btn.btn-primary,
.prev-next-posts a {
  font-family: "Knockout-HTF50-Welterweight", Impact, sans-serif;
  background: var(--red);
  border: 2px solid var(--red);
  color: #fff;
  padding: 1.25rem 2rem;
  margin-right: 1rem;
  margin-bottom: 2rem;
  border-radius: 1000px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 1.25;
  letter-spacing: 0.0625em;
  cursor: pointer;
}
.csi-btn:hover, .csi-btn:focus, .csi-btn:active,
a.csi-btn:hover,
a.csi-btn:focus,
a.csi-btn:active,
.csi-btn.btn.btn-primary:hover,
.csi-btn.btn.btn-primary:focus,
.csi-btn.btn.btn-primary:active,
a.csi-btn.btn.btn-primary:hover,
a.csi-btn.btn.btn-primary:focus,
a.csi-btn.btn.btn-primary:active,
.prev-next-posts a:hover,
.prev-next-posts a:focus,
.prev-next-posts a:active {
  background: var(--black);
  border: 2px solid var(--black);
}

.csi-btn.black-button {
  background: var(--black) !important;
  border: 2px solid var(--black) !important;
  color: #fff;
}
.csi-btn.black-button:hover {
  background: var(--red) !important;
  border: 2px solid var(--red) !important;
}

.csi-btn.outline-button {
  background: #fff !important;
  border: 2px solid var(--red) !important;
  color: var(--red) !important;
}
.csi-btn.outline-button:hover {
  background: var(--red) !important;
  border: 2px solid var(--red) !important;
  color: #fff !important;
}

.csi-newBanners .subhead-red,
.csi-newBanners .subhead-black,
.csi-newBanners .subhead-tan {
  padding: 1rem 1.5rem;
  display: inline-block;
  margin-bottom: 0.5rem;
}
.csi-newBanners .subhead-red {
  background: var(--red);
  color: #fff;
}
.csi-newBanners .subhead-black {
  background: var(--black);
  color: #fff;
}
.csi-newBanners .subhead-tan {
  background: var(--tanBg);
  color: var(--black);
}
.csi-newBanners h3 {
  color: var(--red);
  font-size: 1rem;
  font-family: "Knockout-HTF53-Heviweight", Impact, sans-serif;
}
.csi-newBanners h2 {
  color: var(--red);
}

.csi-banner-cutout1 .bannerText,
.csi-banner-cutout2 .bannerText {
  width: 65%;
}

.csi-banner-cutout1 .csi-subhead{
  margin-bottom: 2.5rem;
}

.csi-banner-cutout1 h2.giant{
  font-size: 6rem;
  width: 110%;
  z-index: 5;
  position: relative;
}

.csi-banner-cutout1 .bannerText > p:first-child{
  border-left: solid 4px var(--red);
  padding-left: 2rem;
}

.csi-banner-fullwidth1,
.csi-banner-boardDirectorsBanner,
.csi-legacyHero {
  padding: 3rem 0 11.03448vw;
  text-align: center !important;
  position: relative;
  background-blend-mode: color-burn;
  background-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  object-fit: cover;
  -webkit-mask-position: 0 0, 0 bottom;
  mask-position: 0 0, 0 bottom;
  -webkit-mask-size: auto, 100%;
  mask-size: auto, 100%;
  mask-image: linear-gradient(0deg, transparent 10vw, black 10vw), url("images/torn-paper-mask-h3.png.webp");
  -webkit-mask-image: linear-gradient(0deg, transparent 10vw, black 10vw), url("images/torn-paper-mask-h3.png.webp");
}



.csi-banner-boardDirectorsBanner{
  min-height: 500px;
  margin-top: -4rem
}


.newTextBanner h2.giant{
  text-align: center;
  color: var(--red);
  font-size: 6rem;
  position: relative;
  z-index: 5;
  margin-top: 3rem
}

.newTextBanner svg{
  position: absolute;
  right: -3rem;
  z-index: 3;
  top: 5rem
}

.csi-banner-boardDirectorsBanner h2.giant{
  font-size: 6rem;
}


.csi-banner-fullwidth1 h1, .csi-banner-fullwidth1 h2, .csi-banner-fullwidth1 h3, .csi-banner-fullwidth1 h4, .csi-banner-fullwidth1 h5, .csi-banner-fullwidth1 h6, .csi-banner-fullwidth1 a, .csi-banner-fullwidth1 p {
  color: #fff;
}

.csi-banner-fullwidth1 h2.giant{
  font-size: 6rem;
  line-height: 6rem;
}



.csi-banner-fullwidth1 .csi-subhead{
  margin-bottom: 2rem;
}

.csi-banner-fullwidth1 .col-8{
  -ms-flex: 0 0 70.666667%;
  flex: 0 0 70.666667%;
  max-width: 70.666667%;
}

.csi-banner-fullwidth1:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}

.csi-banner-peopleBanner{
  margin-top: 5rem !important;
}

.csi-banner-peopleBanner .peoplePhotoBanner {
  width: 370px;
  height: 492px;
  position: relative;
  z-index: 5;
}
.csi-banner-peopleBanner .giant {
  font-size: 4.5rem;
}
.csi-banner-peopleBanner .cut_decor1 {
  position: absolute;
  width: 225px;
  top: 120px;
  right: 210px;
}
.csi-banner-peopleBanner .cut_decor2 {
  position: absolute;
  width: 240px;
  top: -75px;
  right: -100px;
}

.csi-header {
  position: sticky;
  top: 0;
  background: #fff;
}

.carousel-item {
  position: relative;
  min-height: 575px;
}

.csi-heroBgPic {
  width: 100%;
  height: 500px;
}

.carousel-caption {
  text-align: left;
  position: relative;
  right: initial;
  bottom: initial;
  left: initial;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
}
.carousel-caption h2 {
  color: var(--red);
}
.carousel-caption p {
  color: var(--black);
}

.csi-sectionThree {
  background: var(--black);
  padding-top: 6.875rem;
  padding-bottom: 6.875rem;
}
.csi-sectionThree h1, .csi-sectionThree h2, .csi-sectionThree h3, .csi-sectionThree h4, .csi-sectionThree h4, .csi-sectionThree h5, .csi-sectionThree h6 {
  color: var(--tan);
}
.csi-sectionThree p {
  color: #fff;
}
.csi-sectionThree a.csi-btn {
  background: transparent;
  border: 2px solid #fff;
  color: #fff;
  font-family: "Knockout-HTF50-Welterweight", Impact, sans-serif;
}
.csi-sectionThree a.csi-btn:hover, .csi-sectionThree a.csi-btn:active, .csi-sectionThree a.csi-btn:focus {
  background: var(--red);
  border: var(--red);
}

/* Page Sections
---------------------------------------------- */
/* Dark Section 1 */
.csi-darkSectionOne,
.csi-darkSectionHome {
  padding: 8rem 0 16rem 0;
  padding-bottom: 12.44813vw;
  background: var(--black) no-repeat;
  background-image: url("images/bank-grid-numbers-bg.jpeg");
  background-blend-mode: color-burn;
  background-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  object-fit: cover;
  -webkit-mask-position: 0 0, 0 bottom;
  mask-position: 0 0, 0 bottom;
  -webkit-mask-size: auto, 100%;
  mask-size: auto, 100%;
  mask-image: linear-gradient(0deg, transparent 10vw, black 10vw), url("images/torn-paper-mask-h.png.webp");
  -webkit-mask-image: linear-gradient(0deg, transparent 10vw, black 10vw), url("images/torn-paper-mask-h.png.webp");
}
.csi-darkSectionOne h1, .csi-darkSectionOne h2, .csi-darkSectionOne h4, .csi-darkSectionOne h5, .csi-darkSectionOne h6,
.csi-darkSectionHome h1,
.csi-darkSectionHome h2,
.csi-darkSectionHome h4,
.csi-darkSectionHome h5,
.csi-darkSectionHome h6 {
  color: var(--tan);
}
.csi-darkSectionOne p, .csi-darkSectionOne a,
.csi-darkSectionHome p,
.csi-darkSectionHome a {
  color: #fff;
}
.csi-darkSectionOne .csi-btn,
.csi-darkSectionHome .csi-btn {
  background: transparent;
  border-color: #fff;
  color: #fff !important;
}
.csi-darkSectionOne .csi-btn:hover,
.csi-darkSectionHome .csi-btn:hover {
  background: white;
  border-color: #fff;
  color: var(--black) !important;
}
.csi-darkSectionOne .csi-btn.outline-button,
.csi-darkSectionHome .csi-btn.outline-button {
  border-color: #fff !important;
  background: var(--black) !important;
  color: #fff !important;
}
.csi-darkSectionOne .csi-btn.outline-button:hover,
.csi-darkSectionHome .csi-btn.outline-button:hover {
  background: #fff !important;
  color: var(--black) !important;
}
.csi-darkSectionOne .dark-imageSection,
.csi-darkSectionHome .dark-imageSection {
  margin-left: -8rem;
}
.csi-darkSectionOne iframe,
.csi-darkSectionHome iframe {
  width: 90%;
  margin-left: auto !important;
  display: block;
  position: relative;
  z-index: 1;
}
.csi-darkSectionOne .vidEmblem,
.csi-darkSectionHome .vidEmblem {
  width: 270px;
  height: 270px;
  background: url(images/logo-seal-khaki.svg) no-repeat center center;
  background-size: 270px 270px;
  right: -120px;
  top: -120px;
  opacity: 0.2;
  position: absolute;
}

/* Dark Section 2 */
.csi-darkSectionTwo {
  padding: 8rem 0;
  background: url("images/bank-grid-bg.jpeg") no-repeat center center var(--black);
  background-blend-mode: multiply;
  background-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  object-fit: cover;
  margin-top: 8rem;
}
.csi-darkSectionTwo img {
  margin-top: -9rem;
}
.csi-darkSectionTwo h1, .csi-darkSectionTwo h2, .csi-darkSectionTwo h4, .csi-darkSectionTwo h5, .csi-darkSectionTwo h6 {
  color: var(--tan);
}
.csi-darkSectionTwo p, .csi-darkSectionTwo a {
  color: #fff;
}
.csi-darkSectionTwo .csi-btn {
  background: transparent;
  border-color: #fff;
  color: #fff !important;
}
.csi-darkSectionTwo .csi-btn:hover {
  background: white;
  border-color: #fff;
  color: var(--black) !important;
}

.teststicky {
  position: sticky;
  top: 0;
}

/* Jump Section */
.csi-jumpScroll {
  padding: 8rem 0;
  position: relative;
  overflow: initial;
}
.csi-jumpScroll .jumpTabNames {
  position: sticky;
  top: 0;
  padding-right: 8rem;
}

.csi-jumpScroll .jumpTabNames > h6{
  color: var(--red);
}
.csi-jumpScroll .jumpTabNames nav ul li:last-child a h3 {
  border-bottom: 4px solid var(--tanBg);
}
.csi-jumpScroll .jumpTabNames nav ul li {
  position: relative;
}
.csi-jumpScroll .jumpTabNames nav a {
  text-decoration: none !important;
  padding: 0;
}
.csi-jumpScroll .jumpTabNames nav a h3 {
  font-size: 3.75rem;
  line-height: 1;
  color: var(--darktan);
  border-top: 4px solid var(--tanBg);
  padding: 1.5rem 0;
  margin: 0;
}
.csi-jumpScroll .jumpTabNames nav a:hover, .csi-jumpScroll .jumpTabNames nav a:active {
  color: var(--red);
}
.csi-jumpScroll .jumpTabNames nav a.active h3,
.csi-jumpScroll .jumpTabNames nav a.hover h3 {
  color: var(--red);
}
.csi-jumpScroll .jumpTabNames nav a.active {
  color: var(--red);
}
.csi-jumpScroll .jumpTabNames nav a.active .tab-content__arrow {
  display: block;
}
.csi-jumpScroll .jumpTabNames nav .tab-content__arrow {
  display: none;
  position: absolute;
  top: 34%;
  bottom: 0;
  right: -7rem;
}
.csi-jumpScroll .jumpTabNames a:active h3 {
  color: var(--red) !important;
}
.csi-jumpScroll .jumpTabSection {
  position: relative;
  overflow: initial;
}
.csi-jumpScroll .jumpSectionContainer {
  overflow: initial;
  padding: 2rem 0;
  border-top: 4px solid var(--tanBg);
}

section.jumpSectionContainer {
  scroll-margin-top: 0 !important;
}

section.accordion {
  padding: 4rem 0;
}

.csi-defaultAccordion {
  max-width: 780px;
  margin: 0 auto;
}

.csi-defaultAccordion h5 {
  font-family: "GothamPro", sans-serif;
  font-size: 1.2rem;
  color: var(--black);
  text-transform: initial;
  font-weight: 800;
  margin-right: 4rem;
  margin-bottom: 0;
  line-height: 1.6;
}

.csi-defaultAccordion a {
  border-left: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #cecece;
  border-radius: 0;
  padding: 1.25rem 0;
  text-decoration: none;
  display: block;
}

.csi-defaultAccordion .panel-body {
  border: none;
  border-bottom: 1px solid #cecece;
  border-radius: 0;
  padding: 0;
}
.csi-defaultAccordion .panel-body .container {
  padding: 0;
}

.accord_closer {
  height: 24px;
  width: 24px;
  margin-left: auto;
  position: relative;
}
.accord_closer:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 11px;
  width: 3px;
  height: 24px;
  background: var(--darktan);
}
.accord_closer:after {
  content: "";
  position: absolute;
  top: 11px;
  right: 0;
  left: 0;
  width: 24px;
  height: 3px;
  background: var(--darktan);
}

.csi-defaultAccordion a[aria-expanded=true] .accord_closer:before {
  background: none;
}

.cardSection .card {
  border-radius: 0;
  aspect-ratio: 1/1;
}
.cardSection .card:before {
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  background: rgba(0, 0, 0, 0.601);
}
.cardSection .card:hover p.card-text {
  display: block;
}
.cardSection .card p.card-text {
  display: none;
}
.cardSection a {
  text-decoration: none;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.cardSection .card-body {
  position: absolute !important;
  bottom: 0;
  padding: 2rem;
}
.cardSection .card-body img {
  width: 100px;
  margin-bottom: 1rem;
}
.cardSection .card-body h3 {
  font-size: 1.875rem;
  line-height: 2.25rem;
  margin-bottom: 1rem;
}
.cardSection a .card-body h3,
.cardSection .card-body h3,
.cardSection .card-body p,
.cardSection .card-body {
  position: relative;
  text-align: left;
  color: #fff !important;
  text-decoration: none !important;
}

.csi-articleContent {
  padding-top: 0 !important;
}



/* First Blog Posts --------------------------------------------------------------------------
*/
.csi-firstBlogPostContainer{
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0;
  min-height: 740px;
}

.csi-firstBlogPostContainer .csi-blogCard{
  box-shadow: none;
  margin: 0 0 50px 0
}

  .csi-firstBlogPostContainer .csi-blogCard .blogCardImage{
    aspect-ratio: auto !important;
    min-height: 740px;
    display: flex !important;
    align-items: center !important;
    background-blend-mode: color-burn;
    background-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    object-fit: cover;
    -webkit-mask-position: 0 0, 0 bottom;
    mask-position: 0 0, 0 bottom;
    -webkit-mask-size: auto, 100%;
    mask-size: auto, 100%;
    mask-image: linear-gradient(0deg, transparent 10vw, black 10vw), url(images/torn-paper-mask-h3.png.webp);
    -webkit-mask-image: linear-gradient(0deg, transparent 10vw, black 10vw), url(images/torn-paper-mask-h3.png.webp);
  }
  
  .csi-firstBlogPostContainer .csi-blogCard .blogCardImage:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
  }
  
  .csi-firstBlogPostContainer .csi-blogCard .blogCardText .cardRedText{
      position: static;
  }

  .csi-firstBlogPostContainer .csi-blogCard .blogCardText h5{
    writing-mode: initial;
    text-align: center;
    font-size: 1rem;
    font-family: "Knockout-HTF53-Heviweight", Impact, sans-serif;
    padding: 0.15rem 1.5rem;
    display: inline-block;
    margin-bottom: 2rem;
    background: var(--red);
    color: #fff;
  }
  
  .csi-firstBlogPostContainer .csi-blogCard .blogCardText h3{
    color: #fff;
    font-family: "Knockout-HTF50-Welterweight", Impact, sans-serif;
    text-transform: uppercase;
    font-size: 4.5rem;
    line-height: 4.5rem;
    max-width: 960px;
    margin: 0 auto 2rem auto;
  }

  .csi-firstBlogPostContainer .csi-blogCard .blogCardText{
    background: none;
    text-align: center;
    margin: 0 auto 100px auto !important;
    color: #fff;
  }
  
  .csi-firstBlogPostContainer .csi-blogCard h4.blogPostDate,
  .csi-firstBlogPostContainer .csi-blogCard .blogCardText p{
    display: none;
  }
  
.csi-latestBlogPosts {
  position: relative;
}
.csi-latestBlogPosts h3.blogTitleTilt {
  font-size: 13.5rem;
  line-height: 0.8;
  position: absolute;
  right: -5rem;
  top: 12rem;
  text-align: center;
  color: #9A9184;
  transform: rotate(90deg);
  z-index: -1;
}
.csi-latestBlogPosts .allPostsBtn {
  width: 260px;
  height: 90px;
  font-family: "Knockout-HTF50-Welterweight", Impact, sans-serif;;
  color: var(--red);
  text-transform: uppercase;
  text-decoration: none;
  font-size: 1.2rem;
  letter-spacing: 0.1rem;
  text-align: center;
  margin: 4rem auto 0 auto;
  display: block;
  text-shadow: 0 0px 8px #fff, 0 0px 4px #fff, 0 0px 2px #fff;
}
.csi-latestBlogPosts .allPostsBtn:hover {
  text-decoration: underline;
}
.csi-latestBlogPosts .allPostsBtn:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url("images/mark-circle.svg") center center no-repeat;
}

.csi-blogCard {
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
  margin: 50px 0;
}
.csi-blogCard .blogCardImage {
  aspect-ratio: 4/3;
  margin-bottom: -100px;
}
.csi-blogCard h4.blogPostDate {
  text-transform: uppercase !important;
  font-family: "Knockout-HTF50-Welterweight", Impact, sans-serif;;
  font-size: 1.2rem;
  margin-bottom: 1rem;
}
.csi-blogCard .blogCardText {
  padding: 3rem 3rem 5.5rem 6rem;
  margin-left: 80px;
  background: #fff;
  position: relative;
}
.csi-blogCard .blogCardText .cardRedText {
  position: absolute;
  top: 53px;
  left: 29px;
}
.csi-blogCard .blogCardText h5 {
  writing-mode: vertical-lr;
  color: var(--red);
  font-size: 1.2rem;
  text-align: left;
  letter-spacing: 0.1rem;
  margin: 0;
  padding: 0;
}
.csi-blogCard .blogCardText h3 {
  font-size: 1rem;
  text-transform: initial;
  line-height: 1.6;
  font-family: "GothamPro", sans-serif;
  font-weight: 900;
}
.csi-blogCard .blogCardText p {
  text-transform: initial;
}

.blogSingleContent {
  margin-top: 8rem;
}

.csi-blogSocialSharing {
  text-align: center;
}

.csi-blogSocialSharing a:hover img,
.csi-blogSocialSharing a:focus img,
.csi-blogSocialSharing a:active img {
  border: 2px solid black;
  display: block;
}
.csi-blogSocialSharing h6 {
  margin-bottom: 0.75rem;
}
.csi-blogSocialSharing ul {
  margin-bottom: 0;
}
.csi-blogSocialSharing img {
  width: 30px;
  height: 30px;
  margin: 1rem auto;
  display: block;
}
.csi-blogSocialSharing img:hover {
  cursor: pointer;
}

/*Thumbnail slider
#################################################################################*/
.csi-thumbnailSlider {
  background: url("images/logo_b_seal.svg") no-repeat var(--tanBg);
  background-size: 400px 400px;
  background-position: 87% center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  object-fit: cover;
  -webkit-mask-position: 0 0, 0 bottom;
  mask-position: 0 0, 0 bottom;
  -webkit-mask-size: auto, 100%;
  mask-size: auto, 100%;
  mask-image: linear-gradient(0deg, transparent 10vw, black 10vw), url("images/torn-paper-mask-h2.png");
  -webkit-mask-image: linear-gradient(0deg, transparent 10vw, black 10vw), url("images/torn-paper-mask-h2.png");
  padding-top: 8rem;
  padding-bottom: 16rem;
}
.csi-thumbnailSlider .carousel-item {
  min-height: 320px;
}
.csi-thumbnailSlider .carousel-indicators {
  flex-wrap: wrap;
  justify-content: flex-start;
}
.csi-thumbnailSlider .carousel-indicators li {
  height: auto;
  text-align: center;
  background: transparent;
  padding: 0.5rem;
  min-width: 265px;
  display: flex;
  flex-direction: column;
  align-items: center;
  filter: grayscale(1);
  opacity: 0.7;
}


.csi-thumbnailSlider .carousel-indicators li.active {
  filter: grayscale(0);
}
.csi-thumbnailSlider h4.testimonial-text,
.csi-thumbnailSlider h4.testimonial-text p {
  font-family: "Knockout-HTF50-Welterweight", sans-serif !important;
  font-size: 3rem;
  line-height: 1.25;
  text-transform: initial;
}
.csi-thumbnailSlider .title-carousel {
  background: #fff;
  color: var(--red);
  padding: 0.5rem 1.5rem;
  font-size: 1.125rem;
  display: inline-block;
}
.csi-thumbnailSlider .carouselProfilePic {
  height: 70px;
  width: 70px;
  border-radius: 100%;
  margin-bottom: 1rem;
}
.csi-thumbnailSlider .carousel-PersonName {
  background: url("images/tape-testimonial.png") no-repeat;
  background-size: cover;
  width: 100%;
  height: 46px;
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.csi-thumbnailSlider .carousel-PersonName p {
  font-family: "Knockout-HTF50-Welterweight", sans-serif!important;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}
.csi-thumbnailSlider .carousel-control-next,
.csi-thumbnailSlider .carousel-control-prev {
  opacity: 1 !important;
}
.csi-thumbnailSlider .carousel-control-next:hover, .csi-thumbnailSlider .carousel-control-next:active,
.csi-thumbnailSlider .carousel-control-prev:hover,
.csi-thumbnailSlider .carousel-control-prev:active {
  text-decoration: underline;
}
.csi-thumbnailSlider .carousel-control-prev-icon,
.csi-thumbnailSlider .carousel-control-next-icon {
  background: none;
  width: 86px;
  opacity: 1 !important;
}
.csi-thumbnailSlider .carousel-control-prev-icon img,
.csi-thumbnailSlider .carousel-control-next-icon img {
  width: 86px;
  opacity: 1 !important;
}
.csi-thumbnailSlider .carousel-control-prev-icon:hover,
.csi-thumbnailSlider .carousel-control-next-icon:hover {
  text-decoration: underline;
}
.csi-thumbnailSlider .carousel-control-prev-icon img {
  transform: rotate(180deg);
}

/*Side Scroll
#################################################################################*/
.csi-sideScrollContainer {
  min-height: 400vh;
  position: relative;
  background: var(--tanBg);
  margin-top: 3rem;
  margin-bottom: 4rem;
}
.csi-sideScrollContainer:after {
  content: "";
  width: 230px;
  height: 70px;
  position: absolute;
  bottom: -35px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: url("images/tape-arrows.png") no-repeat;
  background-size: cover;
  z-index: 1;
}
.csi-sideScrollContainer .sideScrollSlides {
  position: sticky;
  top: 0px;
  height: 100vh;
  overflow: hidden;
}
.csi-sideScrollContainer .sliderTitle {
  position: sticky !important;
  text-align: center;
  top: 0px;
  left: 0;
  right: 0;
  padding: 12rem 2rem 4rem 2rem;
}
.csi-sideScrollContainer .sliderTitle h3 {
  font-size: 1.125rem;
  color: #da2200;
}
.csi-sideScrollContainer .csi-sliderBox {
  padding: 4rem 8rem;
  display: block;
  min-width: 800px;
  height: auto;
  margin-right: 20vw;
  text-align: center;
}
.csi-sideScrollContainer .csi-sliderBox:nth-child(1) {
  /* Pixel Width needs to be half the width of sliderBox */
  margin-left: calc(50vw - 400px);
}
.csi-sideScrollContainer .csi-sliderBox:last-child {
  /* Pixel Width needs to be half the width of sliderBox */
  margin-right: calc(50vw - 400px) !important;
}
.csi-sideScrollContainer .csi-sliderBox .sliderIcon img {
  height: 130px;
  margin-bottom: 2rem;
}
.csi-sideScrollContainer .csi-sliderBox .smallNumber, .csi-sideScrollContainer .csi-sliderBox h2 {
  color: #da2200;
}
.csi-sideScrollContainer .horizontal {
  display: flex;
  width: fit-content;
}
.csi-sideScrollContainer .csi-scrollSpacer {
  width: 100vw;
  height: 10vh;
}
@media (max-width: 620px) {
  .csi-sideScrollContainer .dim {
    display: block;
    min-width: 100vw;
    height: 100vh;
  }
}

/* Background Stamp Section
#################################################################################*/
.backgroundStampSection {
  position: relative;
  margin: 4rem 0;
}
.backgroundStampSection:after {
  content: "";
  width: 260px;
  height: 260px;
  position: absolute;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 460px;
  right: 0;
  margin: auto;
  background: url("images/logo-b-seal.svg") no-repeat;
  background-size: cover;
  opacity: 0.05;
  z-index: -1;
}
.backgroundStampSection h3 {
  color: var(--red);
}
.backgroundStampSection .container {
  border-top: 2px solid #d8d5cf;
  border-bottom: 2px solid #d8d5cf;
}
.backgroundStampSection .col-6 {
  padding: 3.5rem 1.5rem;
}




/* Progress Scroll Bar
#################################################################################*/
#ProgressScrollBar {
  margin-top: 12rem;
}
#ProgressScrollBar .ProgressStickyContainer {
  top: 104px;
  position: sticky;
  background: white;
  z-index: 1;
}
#ProgressScrollBar .ProgressSticky h3 {
  font-size: 1.875rem;
}
#ProgressScrollBar .ProgressSticky .col-lg-12::after {
  content: "";
  top: 0;
  right: 0;
  left: 1rem;
  bottom: 0;
  width: calc(100% - 2rem);
  height: 4px;
  position: absolute;
  background: #b2aca0;
}

.progressBarContainer {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--red);
  width: 0%;
  max-width: 100%;
  z-index: 100;
  transition: width 0.2s ease-out;
  margin-bottom: 0.75rem;
}

::-webkit-scrollbar {
  width: 5px;
  background: transparent;
}

::-webkit-scrollbar-thumb {
  border-radius: 15px;
  background: var(--red);
}

/* Legacy Page
#################################################################################*/
.blah {
  text-altgn: center;
  background: lightgrey;
  padding: 18rem 6rem;
}

.csi-legacyHero {
  background: gray;
  width: 100%;
  height: 600px;
  position: relative;
}
.legacyTitle {
  position: absolute;
  width: 100%;
}

.legacyTitle h2 {
  position: absolute;
  font-size: 6vw;
  line-height: 0;
  bottom: 0px;
  z-index: 1;
}
.legacyTitle h3 {
  position: absolute;
  bottom: 0px;
  right: 0;
  line-height: 0;
  font-size: 24vw;
  color: var(--red);
}

.legacyNav {
  position: sticky;
  top: 100px;
  background: #fff;
  z-index: 10;
}
.legacyNav nav ol {
  padding-right: 1.25rem;
}
.legacyNav nav ol li {
  position: relative;
}
.legacyNav nav a, .legacyNav nav li::marker {
  text-decoration: none !important;
  font-family: "Knockout-HTF50-Welterweight", Impact, sans-serif;;
  color: var(--black);
  font-size: 1.875rem;
  line-height: 2.25rem;
  text-transform: uppercase;
}
.legacyNav nav a.active,
.legacyNav nav a.hover {
  color: var(--red);
}
.legacyNav nav li::marker a.active,
.legacyNav nav li::marker a.hover {
  color: purple;
}
.legacyNav nav .nav-link {
  padding: 0;
}

.csi-legacyPage .csi-columnText{
  column-count: 3;
}

.csi-legacyPage h3{
  border-left: 4px solid var(--red);
  padding-left: 1.75rem;
}

.csi-legacyPage .legacy_section{
  margin-top: 5rem;
  margin-bottom: 5rem;
}


/* alert */

.csi-alert {
  background: var(--red);
  color: #fff;
  padding: 1.25rem;
  font-family: "GothamPro-Bold";
}

.alert-dismissible .close{
  padding: initial !important;
}
.csi-alert p {
  margin-bottom: 0;
  font-family: "GothamPro-Bold";
}
.csi-alert a {
  color: #fff;
  font-family: "GothamPro-Bold";
}

.csi-alert .close:hover {
  color: var(--black);
}

iframe {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}




/* Forms
#################################################################################*/
/* .wpcf7 {
  display: flex;
} */
.wpcf7 form {
  margin: 0 auto;
}

.wpcf7-form input#checker{
  display: none;
}


form input,
form textarea {
  border-radius: 6px;
  border: 1px solid #747171;
  margin: 1rem 0;
  min-height: 40px;
  width: 100% !important;
}

form label {
  width: 100%;
}

form p {
  font-family: "GothamPro-Bold";
}

form input.wpcf7-submit {
  background: #ececec;
  border: none;
  padding: 1rem 2rem;
  border-radius: 1000px;
  font-family: "Knockout-HTF50-Welterweight", Impact, sans-serif;;
  text-transform: uppercase;
}
form input.wpcf7-submit:hover {
  background: var(--red);
  color: #fff;
}

:focus-visible {
  outline: 2px solid var(--red) !important;
}

/* Footer
#################################################################################*/
footer {
  background: var(--black);
  margin-top: 5rem;
  padding-bottom: 1px !important;
  background: var(--black);
}
footer p {
  margin-bottom: 1rem;
}
footer a {
  text-decoration: none;
}
footer a:hover,
footer a:active,
footer a:focus {
  text-decoration: underline;
  color: #fff;
}

footer a img:hover {
  border: 1px solid var(--red);
  border-style: outset;
}

footer hr {
  border-top-width: 1px;
  border-color: rgba(179, 175, 166, 0.3);
}

.footerSectionTwo *{
  font-size: 0.875rem;
  color: #fff;
}
.footerSectionTwo > div {
    display: block;
    width: 100% !important;
    float: none;
    margin-bottom: 1rem;
}

.footerSectionTwo > div:nth-child(2) img:first-child{
  margin-right: 1rem
}

footer h6 {
  margin-bottom: 1rem;
}

.footerSectionTwo > div > a {
  margin-right: 1rem;
}

#powered-by-csi {
  text-align: center;
  width: 100%;
  background: #202020;
  margin-top: 3rem;
  margin-bottom: 0;
  font-size: 0.85rem;
  padding: 0.5rem;
}
#powered-by-csi a{
  color: #888888;
}

img.alignleft{
  float: left;
  margin-right: 2rem;
  margin-bottom: 3rem;
}


/* Single Page Fixes */

.page-id-100275 .csi-newBanners h2.giant{
  font-size: 8rem !important;
}


/* Calcultors */
.calc-body .nav a{
  border-color: #dee2e6 !important;
  border-bottom: 1px solid #dee2e6 !important;
  padding: 1rem 0.25rem !important;
  text-decoration: none;
}


.calc-body .nav>li>a:hover,
.calc-body .nav>li>a:active,
.calc-body .nav>li>a:focus{
  border-radius: 5px 5px 0px 0px !important;
  background: var(--red) !important;
  color: #fff !important;
}


/* Contact Forms */
.wpcf7 .screen-reader-response p{
   font-family: "Knockout-HTF50-Welterweight", Impact, sans-serif !important;
  text-transform: uppercase;
  font-size: 3rem;
  line-height: 1;
  text-align: center;
  color: var(--red);
}

.wpcf7-not-valid-tip,
#wpcf7-f100573-o1-ve-number-574{
  color: var(--red);
  text-align: center;
}

.wpcf7 form[data-status="sent"]{
  display: none;
}

.wpcf7-checkbox>span>label{
  display: flex;
}

.wpcf7-checkbox input[type="checkbox"] {
  width: 30px !important;
  margin-right: 1rem;
}

.wpcf7-checkbox span.wpcf7-list-item-label{
  margin-top: 1.6rem;
}

.ui-dialog.ui-widget-content .ui-button:hover, .ui-dialog.ui-widget-content .ui-button:focus{
  color:black;
}

.fdic-wrapper .fdic-notice {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    margin: 0;
    overflow: hidden;
    box-sizing: border-box;
    text-align: left;
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
    font-style: italic;
    font-size: .8rem;
    font-weight: 400;
    color: #000;
}

.fdic-wrapper .fdic-notice svg {
    min-width: 39px;
    min-height: 15.74px;
    height: 15.74px;
    display: block;
    margin-top: 2px;
}