/*----------------------------------------------------------------------------------
DP2 TEMPLATE (CSS VERSION 1.02)
CSI Meridian Div
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

Update:
060313 - Fixed height display issue with IB username input on mobile breakpoint
032113 - Removed unnecessary -moz-transition attributes
032013 - Fixed issue with navigation container not appearing at <768px to 979px>
       - Made dropdown nav text left-align
031413 - Added attributes to mobile navigation element 'nav' and added '#dropDown'
       - Centered initial nav elements

----------------------------------------------------------------------------------*/

/*-----------------------------------------*/

/*   IMPORTS                               */

/*   @import other css/fonts/etc           */

/*-----------------------------------------*/

@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);

img {
  max-width: 100%;
}

.tellervideo {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/*-----------------------------------------*/

/*   COMMON styles                         */

/*-----------------------------------------*/

body {
  font-family: 'PT Sans', sans-serif;
}

.clear {
  clear: both;
}

.first {
  margin-left: 0 !important;
  border-left: none !important;
}

/* footer { display: none;} */

/*-----------------------------------------*/

/* BOOTSTRAP OVERRIDES                     */

/*-----------------------------------------*/

[class*="span"] {
  min-height: 0;
}

/* INPUT overrides */

/* affects ACTIVE form input shadow */

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(100, 100, 100, .8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(204, 171, 31, .6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(204, 171, 31, .6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(204, 171, 31, .6);
}

.carousel-control {
  background: none repeat scroll 0 0 #222222;
  border: 3px solid #fff;
  border-radius: 23px 23px 23px 23px;
  color: #fff;
  font-size: 30px;
  font-weight: normal;
  height: 40px;
  left: 15px;
  line-height: 37px;
  margin-top: -20px;
  opacity: 0.5;
  position: absolute;
  text-align: center;
  top: 40%;
  width: 40px;
}

/*-----------------------------------------*/

/* DP2 OVERRIDES                           */

/*-----------------------------------------*/

table#Personal-Open-an-Account tbody tr td:first-child,
table#Business-Open-an-Account tbody tr td:first-child {
  width: 80%;
}

@media (max-width: 979px) and (min-width: 581px) {

  body table#Personal-Open-an-Account tbody tr td:first-child,
  body table#Business-Open-an-Account tbody tr td:first-child {
    width: 70%;
  }
}

@media (max-width: 580px) {

  body table#Personal-Open-an-Account tbody tr td:first-child,
  body table#Business-Open-an-Account tbody tr td:first-child {
    width: 65%;
  }
}

.table th,
.table td {
  padding: 20px;
  font-size: 1rem;
  font-weight: 600;
}

.account-border {
  border: 3px solid #006f51;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 20px;
}

.account-promo h1 {
  color: #006f51;
  text-align: center;
  font-weight: 600;
}

.account-promo p {
  text-align: center;
}

.sf-menu>li>a.open-account-button,
a.open-account-button {
  background: #006f51;
  color: #fff;
  padding: 10px
}

.sf-menu>li>a.open-account-button:hover,
a.open-account-button:hover,
.sf-menu>li>a.open-account-button:focus,
a.open-account-button:focus {
  background: #006f51;
  color: #fff !important;
  text-decoration: underline;
}

/* hide POST TITLE of #content and .content */

#content>h1,
.content>h1 {
  visibility: hidden;
  display: none;
}

#content>p,
.content>p {
  margin: 0;
  padding: 0;
}

/* bootstrap icons */

/* NOTE - adjust img references below */

[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("/images/Image/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
  *margin-right: .3em;
}

[class^="icon-"]:last-child,
[class*=" icon-"]:last-child {
  *margin-left: 0;
}

.icon-white {
  background-image: url("/images/Image/glyphicons-halflings-white.png");
}

.icon-glass {
  background-position: 0 0;
}

.icon-music {
  background-position: -24px 0;
}

.icon-search {
  background-position: -48px 0;
}

.icon-envelope {
  background-position: -72px 0;
}

.icon-heart {
  background-position: -96px 0;
}

.icon-star {
  background-position: -120px 0;
}

.icon-star-empty {
  background-position: -144px 0;
}

.icon-user {
  background-position: -168px 0;
}

.icon-film {
  background-position: -192px 0;
}

.icon-th-large {
  background-position: -216px 0;
}

.icon-th {
  background-position: -240px 0;
}

.icon-th-list {
  background-position: -264px 0;
}

.icon-ok {
  background-position: -288px 0;
}

.icon-remove {
  background-position: -312px 0;
}

.icon-zoom-in {
  background-position: -336px 0;
}

.icon-zoom-out {
  background-position: -360px 0;
}

.icon-off {
  background-position: -384px 0;
}

.icon-signal {
  background-position: -408px 0;
}

.icon-cog {
  background-position: -432px 0;
}

.icon-trash {
  background-position: -456px 0;
}

.icon-home {
  background-position: 0 -24px;
}

.icon-file {
  background-position: -24px -24px;
}

.icon-time {
  background-position: -48px -24px;
}

.icon-road {
  background-position: -72px -24px;
}

.icon-download-alt {
  background-position: -96px -24px;
}

.icon-download {
  background-position: -120px -24px;
}

.icon-upload {
  background-position: -144px -24px;
}

.icon-inbox {
  background-position: -168px -24px;
}

.icon-play-circle {
  background-position: -192px -24px;
}

.icon-repeat {
  background-position: -216px -24px;
}

.icon-refresh {
  background-position: -240px -24px;
}

.icon-list-alt {
  background-position: -264px -24px;
}

.icon-lock {
  background-position: -287px -24px;
}

.icon-flag {
  background-position: -312px -24px;
}

.icon-headphones {
  background-position: -336px -24px;
}

.icon-volume-off {
  background-position: -360px -24px;
}

.icon-volume-down {
  background-position: -384px -24px;
}

.icon-volume-up {
  background-position: -408px -24px;
}

.icon-qrcode {
  background-position: -432px -24px;
}

.icon-barcode {
  background-position: -456px -24px;
}

.icon-tag {
  background-position: 0 -48px;
}

.icon-tags {
  background-position: -25px -48px;
}

.icon-book {
  background-position: -48px -48px;
}

.icon-bookmark {
  background-position: -72px -48px;
}

.icon-print {
  background-position: -96px -48px;
}

.icon-camera {
  background-position: -120px -48px;
}

.icon-font {
  background-position: -144px -48px;
}

.icon-bold {
  background-position: -167px -48px;
}

.icon-italic {
  background-position: -192px -48px;
}

.icon-text-height {
  background-position: -216px -48px;
}

.icon-text-width {
  background-position: -240px -48px;
}

.icon-align-left {
  background-position: -264px -48px;
}

.icon-align-center {
  background-position: -288px -48px;
}

.icon-align-right {
  background-position: -312px -48px;
}

.icon-align-justify {
  background-position: -336px -48px;
}

.icon-list {
  background-position: -360px -48px;
}

.icon-indent-left {
  background-position: -384px -48px;
}

.icon-indent-right {
  background-position: -408px -48px;
}

.icon-facetime-video {
  background-position: -432px -48px;
}

.icon-picture {
  background-position: -456px -48px;
}

.icon-pencil {
  background-position: 0 -72px;
}

.icon-map-marker {
  background-position: -24px -72px;
}

.icon-adjust {
  background-position: -48px -72px;
}

.icon-tint {
  background-position: -72px -72px;
}

.icon-edit {
  background-position: -96px -72px;
}

.icon-share {
  background-position: -120px -72px;
}

.icon-check {
  background-position: -144px -72px;
}

.icon-move {
  background-position: -168px -72px;
}

.icon-step-backward {
  background-position: -192px -72px;
}

.icon-fast-backward {
  background-position: -216px -72px;
}

.icon-backward {
  background-position: -240px -72px;
}

.icon-play {
  background-position: -264px -72px;
}

.icon-pause {
  background-position: -288px -72px;
}

.icon-stop {
  background-position: -312px -72px;
}

.icon-forward {
  background-position: -336px -72px;
}

.icon-fast-forward {
  background-position: -360px -72px;
}

.icon-step-forward {
  background-position: -384px -72px;
}

.icon-eject {
  background-position: -408px -72px;
}

.icon-chevron-left {
  background-position: -432px -72px;
}

.icon-chevron-right {
  background-position: -456px -72px;
}

.icon-plus-sign {
  background-position: 0 -96px;
}

.icon-minus-sign {
  background-position: -24px -96px;
}

.icon-remove-sign {
  background-position: -48px -96px;
}

.icon-ok-sign {
  background-position: -72px -96px;
}

.icon-question-sign {
  background-position: -96px -96px;
}

.icon-info-sign {
  background-position: -120px -96px;
}

.icon-screenshot {
  background-position: -144px -96px;
}

.icon-remove-circle {
  background-position: -168px -96px;
}

.icon-ok-circle {
  background-position: -192px -96px;
}

.icon-ban-circle {
  background-position: -216px -96px;
}

.icon-arrow-left {
  background-position: -240px -96px;
}

.icon-arrow-right {
  background-position: -264px -96px;
}

.icon-arrow-up {
  background-position: -289px -96px;
}

.icon-arrow-down {
  background-position: -312px -96px;
}

.icon-share-alt {
  background-position: -336px -96px;
}

.icon-resize-full {
  background-position: -360px -96px;
}

.icon-resize-small {
  background-position: -384px -96px;
}

.icon-plus {
  background-position: -408px -96px;
}

.icon-minus {
  background-position: -433px -96px;
}

.icon-asterisk {
  background-position: -456px -96px;
}

.icon-exclamation-sign {
  background-position: 0 -120px;
}

.icon-gift {
  background-position: -24px -120px;
}

.icon-leaf {
  background-position: -48px -120px;
}

.icon-fire {
  background-position: -72px -120px;
}

.icon-eye-open {
  background-position: -96px -120px;
}

.icon-eye-close {
  background-position: -120px -120px;
}

.icon-warning-sign {
  background-position: -144px -120px;
}

.icon-plane {
  background-position: -168px -120px;
}

.icon-calendar {
  background-position: -192px -120px;
}

.icon-random {
  background-position: -216px -120px;
}

.icon-comment {
  background-position: -240px -120px;
}

.icon-magnet {
  background-position: -264px -120px;
}

.icon-chevron-up {
  background-position: -288px -120px;
}

.icon-chevron-down {
  background-position: -313px -119px;
}

.icon-retweet {
  background-position: -336px -120px;
}

.icon-shopping-cart {
  background-position: -360px -120px;
}

.icon-folder-close {
  background-position: -384px -120px;
}

.icon-folder-open {
  background-position: -408px -120px;
}

.icon-resize-vertical {
  background-position: -432px -119px;
}

.icon-resize-horizontal {
  background-position: -456px -118px;
}

/*-----------------------------------------*/

/* NAVIGATION styles                       */

/*-----------------------------------------*/

nav>ul {
  text-align: right;
}

/* main nav item */

.sf-menu a:hover {
  color: #FFF
}

.sfHover>a {}

/* current main nav ON color */

/* sub menu items */

.sf-menu ul {
  background: #ededed;
}

.sf-menu ul a {
  background: #ededed;
}

.sf-menu ul a:hover {
  background: #006f51;
  color: #FFF !important;
}

/* mobile navbar */

.btn-navbar,
.navbar-inner {
  background: #006f51;
}

.btn-navbar:hover,
.navbar-inner:hover,
.navbar .btn-navbar:hover {
  cursor: pointer;
  color: pink;
  background: #00bc89;
}

.indent25 {
  text-indent: 25px;
}

.indent15 {
  text-indent: 15px;
}

.indent10 {
  text-indent: 10px;
}

.top-100 {
  margin-top: 100px;
}

/* prevent mobile nav from displaying at larger display sizes */

.btn-navbar,
.navbar {
  display: none;
}

/* .nav-collapse  { overflow: visible; } */

/* adjust nav */

.sf-menu>li>a {
  margin: 0;
}

nav {
  position: relative;
  z-index: 1;
  height: 0;
  font: 1.1em arial, sans-serif;
  text-align: center;
}

/* reset bootstrap margin/padding/line-height for ul/li elements */

nav * {
  margin: 0;
  padding: 0;
  line-height: 1;
}

/* set properties of menu (font, size, color, etc) */

nav>ul {
  position: absolute;
  top: 20px;
  margin: 0 auto;
  padding: 2.4em 0 0 0;
  font-size: 1.2em;
  font-weight: 800;
  z-index: 300;
}

/* remove ">>" indicator from nav with sublinks */

/* .sf-sub-indicator  { display: none; } */

.sf-menu {
  position: relative;
}

/* set ALL nav text color (links/non-links) */

/* .sf-menu * { color: #006f51; } */

.sf-menu li {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: inline-block;
}

/* set properties of first menu item if necessary (ie: left-margin) */

.sf-menu li:first-child {
  margin-left: 10px;
}

.sf-menu a {
  display: inline-block;
  margin: 0;
  padding: 10px 10px;
  border-radius: 3px;
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
  color: #006f51;
}

.sf-menu>li>a {
  margin: 5px;
}

.sf-menu a:hover {
  text-decoration: none;
  color: #000;
}

/* secondary sub-menu styles */

/*****************************/

/* set properties of submenu (font, size, color, width, etc) */

.sf-menu ul {
  position: absolute;
  top: 100%;
  z-index: 500;
  width: 200px;
  padding-bottom: 10px;
  /* border-top: 5px solid rgb(63,59,58); */
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  text-align: left;
}

/* remove left margin to left align sub menu */

.sf-menu ul li {
  display: block !important;
  margin-left: 0 !important;
  border-bottom: 1px solid #dfdfdf;
}

.sf-menu ul a {
  display: block;
  border-radius: 0;
  font-size: .8em;
  padding: 15px;
  font-weight: 400;
}

.sf-menu ul a:hover {
  color: #fff;
}

/* INNER NAV styles :: use for navigating internal pages on mobile devices */

.innernav {
  margin-bottom: 20px;
}

.innernav h5 {
  padding: 10px 0 5px;
  border-top: 3px double #e8cfae;
  border-bottom: 1px solid #e8cfae;
}

.innernav ul {
  list-style-type: none;
  padding-bottom: 10px;
  margin: 0 0 30px;
  border-bottom: 1px solid #e8cfae;
  font-size: 14px;
}

.innernav li {
  margin-bottom: 5px;
}

.innernav a {
  display: block;
  padding: 10px;
  color: #fff;
  border-radius: 5px;
  -webkit-transition: all .3s;
  background: #f5edd9;
}

.innernav a:hover {
  color: #fff;
  background-color: #ffd669;
  background-image: none;
}

footer {
  padding: 0 0 30px;
  font-size: 11px;
  text-align: center;
  color: #c3b99d;
  background: #fcfbf5;
}

#notice {
  text-align: left;
}

.footLogos {
  margin-bottom: 10px;
  text-align: center;
}

.footLogos img:first-child {
  margin-right: 40px;
}

/*-----------------------------------------*/

/* LOGIN BOX styles                          */

/*-----------------------------------------*/

/* form styles */

.form-inline input[type="text"] {
  width: auto;
}

/* .ibForm .btn-login { width: auto; padding: 4px 25px; border: 1px solid #ccab1f; text-transform: uppercase; color: #fff; background: #ccab1f; -moz-text-shadow: none; -webkit-text-shadow: none; text-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .3s; transition: all .3s; } */

/* .form-inline .btn-login:hover  { background: #333; border-color: #333; } */

.ibFormlinks {
  border-top: 1px solid #e5e5e5;
  padding-top: 5px;
  font-size: 11px;
  color: #b3b3b3;
  /* text-align: right; */
}

/* CONTACT FORM styles
/************************/

/* success styles */

.success {
  width: 70%;
  margin: 15px auto;
  padding: 20px;
  border: 1px solid #b5bc69;
  border-radius: 4px;
  font: bold 1.2em helvetica, arial, sans-serif;
  text-align: center;
  color: #666633;
  background: #d6d6a5;
}

/* SITEMAP styles
/************************/

/* site map container */

.sitemapContainer {
  padding: 90px 20px 20px;
  border-radius: 10px 10px 0 0;
  box-shadow: rgba(0, 0, 0, .3) 0 0 10px;
}

#sitemap {
  /* padding: 90px 20px 20px; border-radius: 10px 10px 0 0; box-shadow: rgba(0,0,0,.3) 0 0 10px; */
  font-size: 12px;
}

#sitemap a {
  display: block;
  padding: 10px 10px 10px 30px;
  -webkit-transition: all .2s;
  transition: all .2s;
}

#sitemap a:hover {
  color: #fff;
  background: #ffde00;
}

#sitemap h1 {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d9d9d9;
}

#sitemap ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#sitemap>ul>li {
  margin-bottom: 10px;
  border-bottom: 1px dotted #e5e5e5;
}

#sitemap>ul>li>a {
  padding-left: 10px;
  font-size: 16px;
}

.sitemapContainer #linkedlist>li:first-child {
  display: none;
}

.saluki-offer {
  text-align: center;
}

.saluki-offer h1 {
  color: #333;
  font-weight: 600;
  font-size: 3rem;
}

.saluki-offer h4 {
  font-weight: 600;
}

.saluki-offer .check-circle .fa-check {
  color: #fff;
  background-color: #006f51;
  border-radius: 15px;
  font-size: 1.5rem;
}

.saluki-offer table {
  border-collapse: collapse;
  width: 100%;
}

.saluki-offer table,
.saluki-offer th,
.saluki-offer td {
  border: 2px solid black;
}

.saluki-checking table {
  border-collapse: collapse;
  width: 100%;
  text-align: center;
}

.saluki-checking table,
.saluki-checking th,
.saluki-checking td {
  border: 2px solid black;
}

.saluki-checking th {
  background: #631b37;
  width: 50%;
  font-size: 2rem;
  color: #fff;
  line-height: 2rem;
}

/* EXTERNAL LINK styles
/************************/

/* site map container */

.externalContainer {
  padding: 90px 20px 20px;
  border-radius: 10px 10px 0 0;
  box-shadow: rgba(0, 0, 0, .3) 0 0 10px;
}

#external {
  /* padding: 90px 20px; border-radius: 10px 10px 0 0; box-shadow: rgba(0,0,0,.3) 0 0 10px; */
  font-size: 12px;
}

#external h1 {
  color: #963200;
}

#external h1:after {
  content: "!";
}

#external a {
  display: inline-block;
  padding: 10px 15px;
  margin-left: 10px;
  border-radius: 4px;
  color: #fff;
  background: #963200;
  -webkit-transition: all .3s;
  transition: all .3s;
}

#external a:hover {
  background: #af5023;
}

#external a.extlink {
  background: #669966;
  margin: 0 10px 0 0;
}

#external a.extlink:hover {
  background: #87b487;
}

/** LIGHTBOX MARKUP **/

.lightbox {
  /** Default lightbox to hidden */
  display: none;
  /** Position and style */
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
}

.lightbox img {
  /** Pad the lightbox image */
  max-width: 90%;
  max-height: 80%;
  margin-top: 13%;
}

.lightbox:target {
  /** Remove default browser outline */
  outline: none;
  /** Unhide lightbox **/
  display: block;
}

/*-----------------------------------------*/

/*   GENERAL RESPONSIVE MEDIA styles       */

/*-----------------------------------------*/

@media (max-width:767px) {
  body {
    padding: 0;
  }

  div.ibContainer {
    width: 100%;
    position: relative;
  }

  /* adjust .span* bottom margin */
  #mainContent [class*="span"] {
    margin-bottom: 20px;
  }

  .sf-menu>li>a {
    margin: 0px;
  }

  /* footer */
  footer #content {
    padding: 20px;
  }
}

@media (max-width: 979px) {
  nav>ul {
    top: 60px;
    font-size: 1.1em
  }

  .logo {
    width: 70%;
    margin-top: 15px;
  }

  .nav-collapse,
  .nav-collapse.collapse {
    overflow: visible;
    padding: 0 20px;
  }

  .sf-menu a {
    padding: 10px;
  }

  /* internet banking form */
  /* HEADER TYPE */
  .ibLoginHead {
    position: static;
    top: 0;
    right: 0;
    padding: 10px;
    border: 10px solid #f5f5f5;
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) and (max-width: 979px) {

  //.services_rotato .span3 img { width: 80%;}
  //.services_rotato h5 { font-size: 1.4em !important; margin-left: -100px !important;}
  [class^="feature"] h1 {
    font-size: 2em !important;
    line-height: 1em !important;
  }

  [class^="feature"] p {
    font-size: 1em !important;
  }

  [class^="feature"] .btn {
    vertical-align: center !important;
  }

  .headtextwrap {
    height: 110px !important;
    padding-top: 20px !important;
  }

  .ibContainer .container .row .span3 {
    width: 250px !important;
  }

  ul.productlinks li {
    margin: 0 -1% !important;
  }

  .nav-collapse,
  .nav-collapse.collapse {
    overflow: visible;
    padding: 0;
    height: auto;
  }

  /* internet banking form */
  /* BODY TYPE */
  .ibLoginBody input[type="text"] {
    display: block;
    width: 100%;
    padding: 15px 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px 4px 0 0;
  }

  .ibLoginBody button[type="submit"],
  .ibLoginBody input[type="submit"] {
    display: block;
    width: 100%;
    margin-left: 0;
    border-radius: 0 0 4px 4px !important;
  }
}

/* MINI-TABLET
-----------------------------------------*/

@media (min-width: 569px) and (max-width: 767px) {
  .products {
    padding: 80px 20px !important;
    margin-top: 400px;
  }

  .ibContainer {
    margin: 0px 0 0 0 !important;
    padding: 0 !important;
    margin-top: -20px !important;
  }

  [class^="feature"] {
    height: 300px !important;
    width: 200% !important;
    background-size: 180% !important;
  }

  .mainFeature {
    top: 400px;
    overflow: hidden;
  }

  .headtextwrap {
    top: 295px;
    text-align: center;
    padding: 0 20px;
    width: auto !important;
  }

  .services_rotato {
    top: 690px;
    background: blue !important;
    display: none;
  }

  //.products     { display: none;}
  .ibLogin h4 {
    font-size: 10em !important;
    padding-top: 0px !important;
  }

  .slideNav {
    display: none;
  }

  .top-15 {
    margin-top: 15px;
  }

  #inside_pages {
    padding: 0 20px;
  }

  .logo {
    display: center;
    left: 50%;
    width: 90%;
  }

  nav>ul {
    top: 140px;
    font-size: 1.2em;
    text-align: center;
    padding: 0;
    margin: 0;
    margin-left: -70px;
  }

  .toplinksbg ul {
    text-align: center;
    float: none;
    padding: 0;
    margin: 0;
  }

  .toplinksbg ul li {
    display: inline-block;
    float: none;
  }

  .mainlinksbg {
    height: 150px !important;
  }

  .productlinksbg {
    height: 104px !important;
    background: rgba(33, 33, 33, 1) !important;
    padding: 7px 0 4px 0;
  }

  ul.productlinks li:hover {
    background: rgba(0, 0, 0, 0.49);
    border-radius: 6px;
  }

  .ibContainer {
    margin-top: -400px;
    border-radius: 0px !important;
    text-align: center;
  }

  .ibLogin {
    border-radius: 0px !important;
    background: none !important;
  }

  #cashmanagement_btn {
    width: 94%;
    margin: 0 auto;
    border-radius: 4px !important;
  }

  /* HOMEPAGE styles
  ****************************/
  /* .mainFeature { height: 300px; } */
  .slideNav {
    top: 10px;
  }

  .ibContainer {
    position: static;
    /* top: 0; */
  }

  .ibLogin {
    padding: 20px;
    border-radius: 0;
  }

  .ibLogin h4 {
    line-height: 1;
    margin: 0 0 10px;
  }

  .ibForm input {
    display: inline-block;
    width: 70%;
  }

  .ibForm button {
    display: inline-block;
    width: 25%;
  }
}

@media (max-width: 568px) {
  nav li:first-child {
    visibility: visible !important;
  }

  .toplinksbg,
  .productlinksbg,
  .slideNav,
  .services_rotato,
  .footerbg,
  .mainlinksbg {
    display: none !important;
  }

  #cashmanagement_btn {
    width: 83%;
    margin: -12px auto 0 auto !important;
    border-radius: 4px !important;
  }

  .ibLogin {
    background: none !important;
  }

  section#mainContent .container:first-child {
    padding: 0 !important;
  }

  .ibContainer {
    margin: 0px 0 0 0 !important;
    padding: 0 !important;
    /*margin-top: -330px !important;*/
    z-index: -100;
  }

  .products {
    padding: 0 20px !important;
  }

  .products .span4 {
    margin: 130px 0;
  }

  #inside_pages {
    padding: 0 20px;
  }

  body {
    padding: 0;
  }

  /* logo */
  .logo {
    text-align: center;
    padding: 20px;
    margin-top: -45px;
  }

  /* weather */
  .head-weather {
    position: static;
    width: auto;
    margin-bottom: 10px;
  }

  /* nav */
  .btn-navbar,
  .navbar {
    display: block;
  }

  .nav-collapse,
  .nav-collapse.collapse {
    overflow: hidden;
    padding: 0;
  }

  /* bootstrap 2.1.2 adjustments */
  .navContainer {
    margin-bottom: 0 !important;
    margin-top: 100px;
  }

  .navbar {
    margin-bottom: 0;
  }

  .navbar {
    position: relative;
    z-index: 9999;
  }

  /* .navbar:hover  { cursor: pointer; } */
  .navbar-inner {
    padding: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    font-family: georgia;
  }

  .navbar .brand {
    margin: 0;
    font-size: 18px;
    color: #fff;
    text-shadow: none;
    font-family: 'PT Sans'sans-serif;
  }

  .navbar .btn-navbar {
    margin: 5px;
    border: none;
    border-radius: 4px;
    box-shadow: none;
    background: transparent;
  }

  /* .btn-navbar  { float: none; padding: 10px; margin: 0; border-radius: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background-image: none; text-shadow: none; overflow: auto; overflow-y: hidden; } */
  /* .btn-navbar:hover  { color: rgb(255,255,255); } */
  span.navtitle {
    float: left;
  }

  span.navicons {
    float: right;
    margin-top: 17px;
  }

  /*.btn-navbar .icon-bar { background-color: rgb(200,200,200); }
        .btn-navbar:hover .icon-bar { background-color: rgb(255,255,255); }*/
  nav {
    position: static;
    top: 0;
    margin: 0;
    height: auto;
    background: none;
    z-index: 900;
  }

  nav ul {
    top: 0;
    padding: 0;
    width: auto;
    height: auto;
    font-size: 14px;
  }

  #dropDown {
    position: static;
    padding: 0;
    width: 100%;
  }

  .sf-menu {
    border-radius: 0;
  }

  .sf-menu li {
    display: block;
    margin: 0;
    text-align: left;
  }

  .sf-menu li:first-child {
    margin-left: 0;
  }

  .sf-menu a {
    display: block;
    padding: 15px;
    border-radius: 0;
    background: #006f51
      /* bg color for mobile nav items */
    ;
    border-bottom: 1px solid rgba(4, 91, 0, 0.27);
    color: white;
    font-family: 'PT Sans'sans-serif;
  }

  /* drop down link color */
  .sf-menu li a span {
    color: white;
  }

  .sf-menu a:hover {
    background: #00bc89
      /* bg :hover color for mobile nav items */
    ;
  }

  .sf-menu li ul {
    display: none !important;
  }

  .sf-menu>li>a {
    margin: 0;
    color: white;
  }

  .sf-sub-indicator {
    display: none;
  }

  /* content */
  section#mainContent .container {
    box-shadow: none;
  }

  section#mainContent .container:first-child {
    padding-top: 20px;
    border-radius: 0;
  }

  /* footer */
  #notice img {
    margin-bottom: 15px;
  }

  /* GENERAL styles
    /************************/
  /* forms */
  .form-inline

  /* .input-append */
    {
    display: block;
  }

  .form-inline input[type="text"] {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 10px;
  }

  /* internet banking form */
  /* HEADER TYPE */
  /* .ibLoginHead { position: static; top: 0; right: 0; padding: 10px; border: 10px solid #f5f5f5; } */
  /* BODY TYPE */
  /* internet banking form */
  /* HOMEPAGE styles
  ****************************/
  .mainFeature,
  .slideNav {
    display: none;
  }

  /* ibContainer */
  .ibContainer {
    position: static;
  }

  .ibLogin {
    margin: 20px;
    padding: 20px;
    border-radius: 5px;
    background: #eee5d9;
  }

  .ibLogin h4 {
    margin: 0 0 10px;
  }

  .ibLoginHead form {
    margin: 0;
  }

  .ibLoginHead input[type="text"],
  .ibLoginBody input[type="text"],
  .ibLoginBody .input-append input[type="text"] {
    display: block;
    width: 100%;
    margin-bottom: 0 !important;
    border-radius: 3px 3px 0 0;
    height: auto;
    padding: 10px;
    /* background: red; */
  }

  .ibLoginHead input[type="submit"],
  .ibLoginHead button[type="submit"],
  .ibLoginBody input[type="submit"],
  .ibLoginBody button[type="submit"] {
    display: block;
    width: 100%;
    padding: 10px;
    margin-left: 0;
    border-radius: 0 0 3px 3px;
    /* background: red; */
  }

  .ibFormlinks {
    text-align: center;
  }

  .ibLoginHead .help-inline {
    display: block;
    text-align: center;
    border-top: 1px solid #e5e5e5;
    padding-top: 5px;
    margin-top: 20px;
  }

  .ibForm .links {
    font-size: 12px;
    text-align: left;
    margin-bottom: 10px;
  }

  .ibForm .links a:hover {
    color: #006f51;
  }

  /* SITEMAP styles
    /************************/
  #sitemap {
    padding: 20px;
  }

  /* EXTERNAL LINK styles
    /************************/
  #external {
    padding: 20px;
  }
}

.media-grid>li {
  list-style-type: none;
}

/* ALERT styles
/************************/

.alert {
  background: #006f51;
  padding: 10px;
  margin-bottom: 0;
  border: none;
  text-shadow: none;
  border-radius: 0;
}

/* .alert .container {
  width: 90%;
  padding-left: 20%;
} */

.alert h4 {
  /* padding-top: 10px; */
  font-weight: 400;
  font-size: .9rem;
  color: #fff;
  text-align: justify;
}

.alert .btn {
  background: #00bc89;
  border: none;
  padding: 10px 40px;
  color: #fff;
  text-shadow: none;
}

.alert .btn:hover {
  background: #058b68;
}

/*-----------------------------------------*/

/* MY STYLES                         */

/*-----------------------------------------*/

/* SITEMAP styles
****************************/

#sitemap {}

#sitemap h1 {}

#sitemap ul {
  margin: 25px 25px 0;
  list-style: none;
  font-size: 18px;
  line-height: 1.3;
}

#sitemap li {
  line-height: 1;
}

#sitemap ul a {
  display: block;
  padding: 10px;
  border-radius: 4px;
  color: #333;
  /* background: pink; */
}

#sitemap ul a:hover {
  background: #fff;
}

#sitemap ul ul {
  margin: 0 0 0 20px;
  font-size: 14px;
}

/* EXTERNAL LINK / SITEMAP styles
****************************************/

#external,
#sitemap {
  margin: 50px 0;
}

#external h1,
#sitemap h1 {
  padding-bottom: 15px;
  margin-bottom: 20px;
  font: 300 40px/1.25 'Open Sans', arial, sans-serif;
  border-bottom: 3px double #e5e5e5;
}

/* Typography */

h1,
h2,
h3 {
  color: #006f51;
  font-weight: 400;
}

h4 {
  font-weight: 400;
  margin-top: 1em;
}

p {
  margin-top: 1em;
}

.leftbar p {
  font-size: .9em;
  margin-top: 0;
  line-height: 1.6em;
}

.small {
  font-size: 1em;
  font-style: italic;
  margin-top: 0;
}

/* ALL PAGES */

#external,
#email {
  margin: 250px 0 100px 0;
}

.ibLogin h4 {
  padding: 0;
  margin: 0;
  line-height: 1.2em;
  font-size: 1.3em !important;
}

.ibLogin .links a {
  font-size: 1.0em;
}

.locationcrumb {
  text-align: center;
}

.locationcrumb p {
  line-height: 1.1em;
}

.locationcrumb a {
  margin: 5px 0;
}

.locationcrumb .divider {
  color: #e0e0e0;
}

nav li:first-child {
  visibility: hidden;
}

nav li ul li:first-child {
  visibility: visible;
}

nav {
  z-index: 9999;
}

.logo {
  position: relative;
  top: 45px;
}

header {
  position: absolute;
}

a {
  color: pink;
}

.headtextwrap {
  width: 100%;
  height: 125px;
  background: #006f51;
  position: absolute;
  bottom: 0;
  display: table;
  padding-top: 25px;
}

.toplinksbg ul li {
  display: inline;
}

h1,
h2,
h3,
h4,
h5,
p,
li,
a,
ul {
  -webkit-font-smoothing: antialiased;
  font-family: 'PT Sans', sans-serif;
}

p {
  color: #444444;
  /* font-size: 1.3em; font-weight: 400; line-height: 1.8em; */
}

a {
  color: #444444;
  font-weight: 700;
}

a:hover {
  color: #006f51;
}

.green_btn {
  background: #00bc89;
  color: white;
  padding: 12px 20px;
  border-radius: 4px;
  -webkit-transition-property: color, background;
  -webkit-transition-duration: .2s, .2s;
  -webkit-transition-timing-function: linear, ease-in;
  text-align: center;
}

.green_btn:hover {
  background: #058b68;
  color: white;
}

.gold_btn {
  background: #a8996e;
  color: white;
  padding: 12px 28px;
  border-radius: 4px;
  -webkit-transition-property: color, background;
  -webkit-transition-duration: .2s, .2s;
  -webkit-transition-timing-function: linear, ease-in;
  text-align: center;
}

.gold_btn:hover {
  background: #5c543e;
  color: white;
}

a:hover {
  text-decoration: none;
}

/* LINKS */

.toplinksbg ul {
  margin-top: .45em;
}

.toplinksbg ul li a {
  color: darkgray;
  margin-left: 2em;
}

/* HOME PAGE */

.toplinksbg {
  height: 35px;
  background: #373737;
}

/*
#cashmanagement_btn { height:50px; border-radius: 0px 0px 4px 4px; border: none; position: relative; z-index: 0; margin-top: -3px; padding-top: 15px; background: #bfbfbf; color: white; text-shadow: none; font-weight: bold; font-size: 1.2em; -webkit-transition-property:color, background;
    -webkit-transition-duration: .2s, .2s;
    -webkit-transition-timing-function: linear, ease-in; text-align: center;}

#cashmanagement_btn:hover { background: #3F3C34; color: white;}
*/

.mainlinksbg {
  height: 103px;
  background: #fcfcfc;
  background-image: -webkit-linear-gradient(top, #fcfcfc 0%, #ededed 100%);
  background-image: -moz-linear-gradient(top, #fcfcfc 0%, #ededed 100%);
  background-image: -ms-linear-gradient(top, #fcfcfc 0%, #ededed 100%);
  background-image: -o-linear-gradient(top, #fcfcfc 0%, #ededed 100%);
  background-image: linear-gradient(top, #fcfcfc 0%, #ededed 100%);
}

div a.green_btn {
  top: 64px;
  position: relative;
}

ul.productlinks {
  text-align: center;
}

ul.productlinks li {
  text-align: center;
  display: inline;
  color: white;
  /*padding: 10px 4px 8px 0;*/
  padding: 10px 0 8px 0;
  margin: 0 2.2%;
  display: inline-block;
}

ul.productlinks li a {
  color: white;
  padding: 18px 16px 15px 10px;
}

ul.productlinks li:hover {
  background: rgba(0, 0, 0, 0.49);
}

.productlinksbg {
  position: relative;
  z-index: 200;
  height: 50px;
  background: rgba(0, 0, 0, 0.59);
  -webkit-box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.39), 0 0px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.39), 0 0px 0px rgba(0, 0, 0, 0);
  box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.89), 0 0px 0px rgba(0, 0, 0, 0);
}

.carousel {
  margin: 0;
}

.carousel-control {
  background: #a8996e;
}

.services_rotato {
  /* min-height: 142px; */
  border-bottom: 1px solid #a8996e;
  margin-top: -33px;
  position: relative;
  z-index: 100;
  background: white;
  padding: 20px 0;
}

.services_rotato h5 {
  color: #006f51;
  font-weight: 400;
  font-size: 1.7em;
  line-height: 1.1em;
  margin: 50px 0 0 90px;
}

//.services_rotato .span3   { padding-left: 45px;}
.services_rotato span {
  float: left;
}

.services_rotato span.card {
  margin-top: 56px;
}

.services_rotato span.house {
  margin-top: 45px;
}

.services_rotato span.money {
  margin-top: 43px;
}

.services_rotato span.coins {
  margin-top: 45px;
}

.carousel-control {
  /* margin-top: 10px; */
}

#left_arrow {
  margin-left: -75px;
}

#right_arrow {
  margin-right: -75px;
}

.productList {
  text-align: center;
}

.productList img {
  /* float: none; */
  display: inline-block;
  /* margin: 0 !important; */
}

.productList h5 {
  margin: 10px 0 0;
}

.products {
  padding: 80px 0;
  /* margin-top: 80px; */
  text-align: center;
}

.products img {
  width: 50%;
}

.products h2 {
  color: #444444;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

.products p {
  margin: 16px 0 30px 0;
}

.products a {
  display: inline-block;
}

.footerbg {
  padding: 40px 0 0;
  background: #fcfbf5;
  width: 100%;
  border-top: 1px solid #a8996e;
  /* margin-top: 100px; */
}

.footergreenlinks li {
  font-size: 1.4em;
  margin-bottom: 10px;
  text-align: left;
}

.footergreenlinks span {
  color: #a8996e;
  padding: 0 10px;
}

.footlinks li {
  font-size: 1em;
  font-weight: 200;
  text-align: left;
  color: #a8996e;
}

ul.footlinks li a {
  color: #a8996e;
}

.footer ul,
.footer2 ul {
  text-align: center;
}

.footer li a,
.footer2 li a {
  color: #006f51;
  font-size: 1em;
  text-align: center;
}

.footer li,
.footer2 li {
  display: inline-block;
  text-align: center;
}

.footer {}

.accordion-inner .table h4 {
  margin-top: 10px;
}

a.accordion-link {
  padding: 8px 15px;
  display: block;
  margin-bottom: 22px;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* Inside Pages */

.inside_head {
  margin: 40px auto 5px;
}

#inside_pages {
  margin-bottom: 100px;
}

/* #inside_pages ul li        { font-size: 1.2em; line-height: 2em;} */

.mob-app-links {
  background: #006f51;
  padding: 20px 10px 10px 10px;
  text-align: center;
}

.mob-app-links a {
  color: #fff;
}

/* CUSTOM 5 COLUMN SPAN LAYOUT
  *
  * based on http://gridcalculator.dk/
  * width => 1200, gutter => 15px, margin => 15px, columns => 5
  */

.row-fluid-5 a {
  color: white;
  text-align: center;
  font-weight: 300;
  margin-top: 5em;
  padding-top: 5em;
}

.row-fluid-5 {
  width: 100%;
  *zoom: 1;
}

.row-fluid-5:before,
.row-fluid-5:after {
  display: table;
  line-height: 0;
  content: "";
}

.row-fluid-5:after {
  clear: both;
}

.row-fluid-5 [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  min-height: 30px;
  margin-left: 1.875%;
  *margin-left: 1.875%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.row-fluid-5 .controls-row [class*="span"]+[class*="span"] {
  margin-left: 1.875%;
}

.row-fluid-5 [class*="span"]:first-child {
  margin-left: 0;
}

.row-fluid-5 .span2 {
  width: 18.5%;
  *width: 18.5%;
}

/* responsive ONLY */

@media (max-width: 600px) {

  /* spans reduce to 100px then go full width */
  .row-fluid-5 [class*="span"] {
    margin-left: 0;
    float: left;
    width: 100%;
    padding: 10px;
  }
}

/* Slider Fader
****************************/

.headContent {
  position: relative;
  z-index: 100;
  margin-top: -50px;
}

/* main feature */

.mainFeature {
  background: #000000;
  /* opacity: .5; */
  width: 100% !important;
  overflow: hidden;
}

[class^="feature"] {
  width: 100%;
  height: 585px;
  margin-top: -33px;
}

/*.featureACS {    background: url(/images/Image/Features/ACS---Website.jpg) no-repeat center;    width: 100% !important;} - Removed 11/2018 */
.featureP2P {
  background: url(/images/Image/Features2/Person-2-Person-Pay.jpg) no-repeat center;
  width: 100% !important;
}

.featureMayMortgage {
  background: url(/images/Image/May2020-MortgageBonus.jpg) no-repeat 80% center;
  width: 100% !important;
  background-size: contain;
  background-color: white;
}

.featureMemorial2020 {
  background: url(/images/Image/david-everett-strickler-4_yo3wMI-rU-unsplash.jpg) no-repeat 80% center;
  width: 100% !important;
  background-size: contain;
  background-color: white;
}

.featureStimulusChecks {
  background: url(/images/Image/Features/EconomicImpactPayment.jpg) no-repeat 80% center;
  width: 100% !important;
  background-size: contain;
  background-color: white;
}
.featureSara{
  background: url(/images/Image/SaraFosse-40U40.jpg) no-repeat 80% center;
  width: 100% !important;
  background-size: contain;
  background-color: white;
}

.featureMortgagePromoMay2020 {
  background: url(/images/Image/Features/May2020-MortgageBonus.jpg) no-repeat 80% center;
  width: 100% !important;
  background-size: contain;
  background-color: white;
}

.featureSmallBusinessAssistance {
  background: url(/images/Image/SBAssistance_Banner-100.jpg) no-repeat 80% center;
  width: 100% !important;
  background-size: contain;
  background-color: white;
}

.featureAppBasics {
  background: url(/images/Image/Features2/Debit_Pin_Banner.jpg) no-repeat 80% center;
  width: 100% !important;
  background-size: contain;
  background-color: white;
}

.featurePPP {
  background: url(/images/Image/PPP_Banner-100.jpg) no-repeat 80% center;
  width: 100% !important;
  background-size: contain;
  background-color: white;
}

.featurePPPLoan {
  background: url(/images/Image/Features2/PPP_Loan_Forgiveness.jpg) no-repeat 80% center;
  width: 100% !important;
  background-size: contain;
  background-color: white;
}

.featureCorona {
  background: url(/images/Image/Financial_Banner-100.jpg) no-repeat 80% center;
  width: 100% !important;
  background-size: contain;
  background-color: white;
}

.featureHolidayHours {
  background: url(/images/Image/Features2/Christmas-banner.png) no-repeat 80% center;
  width: 100% !important;
  background-size: contain;
  background-color: white;
}

.featureRonMcd {
  background: url(/images/Image/Features2/RonMcd.jpg) no-repeat 80% center;
  width: 100% !important;
  background-size: contain;
  background-color: white;
}

.featureACS {
  background: url(/images/Image/Features2/foo_bank.jpg) no-repeat 80% center;
  width: 100% !important;
  background-size: contain;
  background-color: white;
}

/*.featureDebitCardNew {
  background: url(/images/Image/SIU-Debit-Card.png) no-repeat center;
  width: 100% !important;
}*/

.featureDebitCardNew {
  background: url(/images/Image/Columbus-Day-Closure.jpg) no-repeat center;
  width: 100% !important;
}

.featureXchange {
  background: url(/images/Image/Features2/ChecXchange-Logo-on-Photo.jpg) no-repeat center;
  width: 100% !important;
}

.featureWallet {
  background: url(/images/Image/Features2/Switch-Kit.jpg) no-repeat center;
  width: 100% !important;
}

.featureRestart {
  background: url(/images/Image/Features2/Mobile-Check.jpg) no-repeat center;
  width: 100% !important;
}

.featureRedCross {
  background: url(/images/Image/Features2/RedCross--WebBanner.jpg) no-repeat center;
  width: 100% !important;
}

.featureAHA {
  background: url(/images/Image/Features2/American-Heart-Association.png) no-repeat center;
  width: 100% !important;
  background-color: white;
}

.featureHF {
  background: url(/images/Image/Features2/2019-Website-Image---Honor-Flight.jpg) no-repeat center;
  width: 100% !important;
  background-color: white;
}

.featureCashBonus {
  background: url(/images/Image/Features/WedFeb12.jpg) no-repeat center;
  width: 100% !important;

}

.featureLiveTeller {
  background: url(/images/Image/ITM-RotatingBanner.jpg) no-repeat center;
  width: 100% !important;

}
.featureJulyFourth2020 {
  background: url(/images/Image/Features/July4_Banner.jpg) no-repeat center;
  width: 100% !important;
  background-color: white;
}

.featureMortgagePromoFeb2020 {
  background: url(/images/Image/Feb2020-MortgageBonus.jpg) no-repeat center;
  width: 100% !important;

}


.featureFoodDrive18 {
  background: url(/images/Image/Features2/food-drive-18.jpg) no-repeat center;
  width: 100% !important;
}

.featureVeteransDay {
  background: url(/images/Image/Features2/VeteransDay.jpg) no-repeat center;
  width: 100% !important;
}

.featureThanksgiving {
  background: url(/images/Image/Features2/Thanksgiving.jpg) no-repeat center;
  width: 100% !important;
}

.featureChristmas {
  background: url(/images/Image/Features/ChristmasPresent.jpg) no-repeat center;
  width: 100% !important;
}

.featureNewYears2019 {
  background: url(/images/Image/Features/NewYears2019.JPG) no-repeat center;
  width: 100% !important;
}

.featureNewYears {
  background: url(/images/Image/MLKRedesign.jpg) no-repeat center;
  width: 100% !important;
}

.featureRMH {
  background: url(/images/Image/Features2/__Feature-RMH.jpg) no-repeat center;
  width: 100% !important;
}

.featureMLK {
  background: url(/images/Image/Features/mlk_speech.jpg) no-repeat center;
  width: 100% !important;
}

.featureTAV {
  background: url(/images/Image/revised-2020-TAV-Website-Image---July-31.jpg) no-repeat 80% center;
  width: 100% !important;
  background-color: white;
  background-size: contain;
}

.featurePresDay {
  background: url(/images/Image/Features/PresidentsDay1.png) no-repeat 80% center;
  width: 100% !important;
  background-size: contain;
  background-color: white;
}

.featureAmericanHeartAssociation {
  background: url(/images/Image/American-Heart-Association.png) no-repeat 80% center;
  width: 100% !important;
  background-size: contain;
  background-color: white;
}

.featurePhoneScam {
  background: url(/images/Image/Features/2019-Website-Image---PhoneScam.jpg) no-repeat 80% center;
  width: 100% !important;
  background-size: contain;
  background-color: white;
}

.featureSAB {
  background: url(https://www.banterra.com/images/Image/Features2/FeatureSAB.jpg) no-repeat center;
  width: 100% !important;
}

.featureThanksgiving {
  background: url(/images/Image/Features2/givethanks.jpg) no-repeat 80% center;
  width: 100% !important;
  background-size: contain;
  background-color: white;
}

.featurebankcall {
  background: url(/images/Image/Features2/Telephone-Banking.jpg) no-repeat 80% center;
  width: 100% !important;
  background-size: contain;
  background-color: white;
}

.featureVets {
  background: url(/images/Image/2019-Website-Image---Scam.jpg) no-repeat center;
  width: 100% !important;
}

.featureSoldierFlag {
  background: url(/images/Image/SIU-Tailgate-RotatingBanner.jpg) no-repeat center;
  width: 100% !important;
}

.feature4th {
  background: url(/images/Image/2019-Website-Image---Labor-Day.png) no-repeat center;
  width: 100% !important;
}

/*.feature1 { background: url(https://www.banterra.com/images/Image/plane1.jpg) no-repeat center; width: 100% !important; }
    .feature2 { background: url(https://www.banterra.com/images/Image/feature2.jpg) no-repeat center; width: 100% !important;}
    .feature3 { background: url(https://www.banterra.com/images/Image/feature_9c.jpg) no-repeat center; width: 100% !important;}
    .feature4 { background: url(https://www.banterra.com/images/Image/feature_9a.jpg) no-repeat center; width: 100% !important; }
    .feature5 { background: url(https://www.banterra.com/images/Image/feature_home.jpg) no-repeat center; width: 100% !important; }
    .feature7 { background: url(https://www.banterra.com/images/Image/snow.jpg) no-repeat center; width: 100% !important; }
    .feature8 { background: url(https://www.banterra.com/images/Image/ThinkPink.jpg) no-repeat center; width: 100% !important; }
    .feature9 { background: url(https://www.banterra.com/images/Image/feature_metropolis.jpg) no-repeat center; width: 100% !important; }
    .feature10  { background: url(https://www.banterra.com/images/Image/feature_home-e.png) no-repeat center; width: 100% !important; }
*/

/*.featureHoliday { background: url(/images/Image/Features/2017-independence-day.jpg) no-repeat center;   width: 100% !important;}
.featureHoliday2 {    background: url(/images/Image/Features/LaborDay.png) no-repeat center;    width: 100% !important;}
.featurePresDay {    background: url(/images/Image/Features2/__Feature-mtRushmore.jpg) no-repeat center;    width: 100% !important;}
.featureRonaldMcD {    background: url(/images/Image/Features2/__Feature-RMH.jpg) no-repeat center;    width: 100% !important;}
.feature1 {    background: url(/images/Image/Features/feature-football.jpg) no-repeat center;    width: 100% !important;}*/
/*columbus holiday*/
/*.feature2 {    background: url(/images/Image/Features/112017-fooddrive.jpg) no-repeat center;    width: 100% !important;}*/
/*food drive 2017*/
/*.feature3 {
    background: url(/images/Image/Features/2018unitedway.jpg) no-repeat center;    width: 100% !important;}*/
/*Scholarships*/
/*.featureThanks {    background: url(/images/Image/Features/FeatureThanks.jpg) no-repeat center;    width: 100% !important;}
.featureChristmas {    background: url(/images/Image/Features/feature_ornaments.jpg) no-repeat center;    width: 100% !important;}
.featureNewYears {    background: url(/images/Image/Features/party-hat-and-blowers.JPG) no-repeat center;    width: 100% !important;}

.feature6 {    background: url(/images/Image/Features/ADA.jpg) no-repeat center;    width: 100% !important;}
.featureMobile {    background: url(/images/Image/Features/Feature_mobile.jpg) no-repeat center;    width: 100% !important;}
.featureFoodDrive{background: url(/images/Image/FeatureFoodDrive2.jpg) no-repeat center; width: 100% !important;}
.featureMobile2 {    background: url(/images/Image/FeatureMobile2.jpg) no-repeat center;    width: 100% !important;}
.featureCareers {    background: url(/images/Image/FeatureExecutive2.jpg) no-repeat center;    width: 100% !important;}
.featureMetropolis {    background: url(/images/Image/MetropolisOpening.jpeg) no-repeat center;    width: 100% !important;}
.featureGame2 {    background: url(/images/Image/featureGame2.jpg) no-repeat center;    width: 100% !important;}
.featureVisa {    background: url(/images/Image/VisaCheckout/Feature_Visa2.jpg) no-repeat center;    width: 100% !important;}
.feature01 {    background: url(/images/Image/Features/2017SchoolSupplyDrive.jpg) no-repeat center;    width: 100% !important;}
.featureCD {    background: url(/images/Image/Features/CD-Promo-HOME-112016.jpg) no-repeat center;    width: 100% !important;}

.featureCareers {    background: url(/images/Image/Features2/Mortgage.jpg) no-repeat center;    width: 100% !important;}
.featureRaise {    background: url(/images/Image/featuredRaise2.jpg) no-repeat center;    width: 100% !important;}
.featureShawnee {    background: url(/images/Image/Features/Shawnee-National-Forest.jpg) no-repeat center;    width: 100% !important;}
.featureMDA2 {    background: url(/images/Image/Features2/__Feature-MDA-18.jpg) no-repeat center;    width: 100% !important;}
.featureSTLvLAD {    background: url(/images/Image/Features/Cardinals.jpg) no-repeat center;    width: 100% !important;}
.featureMort {    background: url(/images/Image/Features/2017-Evansville-Cardinals.jpg) no-repeat center;    width: 100% !important;}
.featureAlz {    background: url(/images/Image/Features/Alz.jpg) no-repeat center;    width: 100% !important;}
.featureEP {    background: url(/images/Image/Features/Feature_EP1yr.jpg) no-repeat center;    width: 100% !important;}
.featureDuQuoin {    background: url(/images/Image/Features/statefair.jpg) no-repeat center;    width: 100% !important;}
.featurePink {    background: url(/images/Image/Features/think-pink2016.jpg) no-repeat center;    width: 100% !important;}
.featureTailgate {    background: url(/images/Image/Features2/2018-SIU-Website-Image.jpg) no-repeat center;    width: 100% !important;}
.featureAwareness {    background: url(/images/Image/Features2/Banterra---Website-Image---Suicide-Awareness-Campaign---2018.jpg) no-repeat center;    width: 100% !important;}
.featureColumbusDay {    background: url(/images/Image/Features/ColumbusDay.jpg) no-repeat center;    width: 100% !important;}
.featureHELOC {    background: url(/images/Image/Features/Feature_HELOC.jpg) no-repeat center;    width: 100% !important;}*/
/*.feature1{background: url(/images/Image/Features/2017unitedway.jpg) no-repeat center; width: 100% !important;}
    .feature2{background: url(/images/Image/Features/Newapp.jpg) no-repeat center; width: 100% !important;}*/
/*.featureConcert {    background: url(/images/Image/Features/Toby-Keith.jpg) no-repeat center;    width: 100% !important;}
.featureEclipse {    background: url(/images/Image/Features/__Feature-Eclipse.jpg) no-repeat center;    width: 100% !important;}
.featureEclipse2 {    background: url(/images/Image/Features/soldout-eclipse.jpg) no-repeat center;    width: 100% !important;}
.featureSuicide {    background: url(/images/Image/suicide.jpg) no-repeat center;    width: 100% !important;}
.featureBands {    background: url(/images/Image/Features/Banding_Banner3.png) no-repeat center;    width: 100% !important;}

.featureWelcome {    background: url(/images/Image/Features2/Welcome-FB-Team.jpg) no-repeat center;    width: 100% !important;}
.featureKids {    background: url(/images/Image/Features2/FeatureKids.jpg) no-repeat center;    width: 100% !important;}
.featureSpecialOlympics {    background: url(/images/Image/Features2/2018_Special_Olympics.jpg) no-repeat center;    width: 100% !important;}
.featureVets {    background: url(/images/Image/Features2/__Feature-TAV.jpg) no-repeat center;    width: 100% !important;}
.featureFlag {    background: url(/images/Image/Features2/__Feature-flag.jpg) no-repeat center;    width: 100% !important;}
.featureIndependenceDay {    background: url(/images/Image/Features2/Independence-Day-2013.jpg) no-repeat center;    width: 100% !important;}*/












.media-grid>li {
  list-style-type: none;
}

p.new-rates {
  font-size: 18px;
}

[class^="feature"] h1 {
  text-transform: uppercase;
  font-size: 2.6em;
  vertical-align: center;
  color: #fff;
  font-weight: 900;
  display: table-cell;
  vertical-align: middle;
}

[class^="feature"] p {
  color: white;
  font-size: 1.2em;
  font-weight: 200;
  margin-top: 0;
  vertical-align: center;
}

[class^="feature"] .btn {
  vertical-align: center !important;
}

/* ib login */

.ibContainer {
  position: absolute;
  top: 70px;
  width: 98%;
  z-index: 900;
}

.ibLogin {
  padding: 20px;
  background: #fff;
  background: #fafafa;
  border-radius: 4px;
}

.ibLogin h4 {
  color: #464646;
  padding-bottom: 13px;
  font-weight: 400;
  font-size: 1.9em;
}

h4.sans {
  display: none;
}

.ibLogin hr {
  margin: 10px 0;
  border-top-color: #e7dfd5;
}

//  .ibLogin h4:before  { content: ""; display: inline-block; background: url("/images/Image/sprite.png") no-repeat 0 -20px; width: 16px; height: 20px; margin-bottom: -3px; }
/* form styles */

.ibForm {
  margin: 0;
}

.ibForm a {
  color: #464646;
  font-weight: 600;
}

.ibForm a:hover {
  color: #335e96;
}

.ibForm input,
.ibForm button,
#cashmanagement_btn {
  display: block;
  margin-bottom: 0px;
  height: auto;
  padding: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: none;
}

.ibForm input {
  width: 100%;
  border: 2px solid #dcdcdc;
  font-family: 'PT Sans', sans-serif;
  font-weight: 400;
  border-radius: 6px;
}

.ibForm button,
#cashmanagement_btn {
  width: 100%;
  background: #a8996e;
  border: none;
  font: 600 1.2em 'PT Sans', sans-serif;
  color: #fff;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
  transition: all .3s;
  text-shadow: none;
  border-radius: 3px;
  padding: 5px 0;
}

.ibForm button:before {
  content: "";
  display: inline-block;
  background: url("/images/Image/sprite.png") no-repeat 0 -20px;
  width: 13px;
  height: 15px;
  padding: 0px 8px 0 0;
}

.ibForm button:hover,
#cashmanagement_btn:hover {
  background: #3f3c34;
  color: #fff;
}

.ibForm .links {
  font-size: 12px;
  text-align: left;
}

.ibForm .links a:hover {
  color: #006f51;
}

/* SLIDE CONTROL styles */

.slideNav {
  width: 150px;
  height: 10px;
  position: absolute;
  z-index: 2000;
  top: 370px;
  left: 50%;
  margin-left: -75px;
  text-align: center;
  line-height: 0;
}

.slideNav a {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 3px;
  background: url("/images/Image/sprite.png") no-repeat;
  text-indent: -9999px;
  opacity: 1;
  -moz-transition: opacity .3s;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  border-radius: 8px;
}

.slideNav a:hover {
  opacity: .5;
}

.slideNav a.activeSlide {
  background-position: 0 -10px;
}

@media print {
  .collapse {
    height: auto !important;
  }
}

  {
  background: url(/images/Image/featuredRaise.jpg) no-repeat center;
  width: 100% !important;
}

[class^="feature"] h1 {
  text-transform: uppercase;
  font-size: 2.6em;
  vertical-align: center;
  color: #fff;
  font-weight: 900;
  display: table-cell;
  vertical-align: middle;
}

[class^="feature"] p {
  color: white;
  font-size: 1.2em;
  font-weight: 200;
  margin-top: 0;
  vertical-align: center;
}

[class^="feature"] .btn {
  vertical-align: center !important;
}

/* ib login */

.ibContainer {
  position: absolute;
  top: 70px;
  width: 98%;
  z-index: 900;
}

.ibLogin {
  padding: 20px;
  background: #fff;
  background: #fafafa;
  border-radius: 4px;
}

.ibLogin h4 {
  color: #464646;
  padding-bottom: 13px;
  font-weight: 400;
  font-size: 1.9em;
}

h4.sans {
  display: none;
}

.ibLogin hr {
  margin: 10px 0;
  border-top-color: #e7dfd5;
}

//  .ibLogin h4:before  { content: ""; display: inline-block; background: url("/images/Image/sprite.png") no-repeat 0 -20px; width: 16px; height: 20px; margin-bottom: -3px; }
/* form styles */

.ibForm {
  margin: 0;
}

.ibForm a {
  color: #464646;
  font-weight: 600;
}

.ibForm a:hover {
  color: #335e96;
}

.ibForm input,
.ibForm button,
#cashmanagement_btn {
  display: block;
  margin-bottom: 0px;
  height: auto;
  padding: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: none;
}

.ibForm input {
  width: 100%;
  border: 2px solid #dcdcdc;
  font-family: 'PT Sans', sans-serif;
  font-weight: 400;
  border-radius: 6px;
}

.ibForm button,
#cashmanagement_btn {
  width: 100%;
  background: #a8996e;
  border: none;
  font: 600 1.2em 'PT Sans', sans-serif;
  color: #fff;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
  transition: all .3s;
  text-shadow: none;
  border-radius: 3px;
  padding: 5px 0;
}

.ibForm button:before {
  content: "";
  display: inline-block;
  background: url("/images/Image/sprite.png") no-repeat 0 -20px;
  width: 13px;
  height: 15px;
  padding: 0px 8px 0 0;
}

.ibForm button:hover,
#cashmanagement_btn:hover {
  background: #3f3c34;
  color: #fff;
}

.ibForm .links {
  font-size: 12px;
  text-align: left;
}

.ibForm .links a:hover {
  color: #006f51;
}

/* SLIDE CONTROL styles */

.slideNav {
  width: 150px;
  height: 10px;
  position: absolute;
  z-index: 2000;
  top: 370px;
  left: 50%;
  margin-left: -75px;
  text-align: center;
  line-height: 0;
}

.slideNav a {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 3px;
  background: url("/images/Image/sprite.png") no-repeat;
  text-indent: -9999px;
  opacity: 1;
  -moz-transition: opacity .3s;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  border-radius: 8px;
}

.slideNav a:hover {
  opacity: .5;
}

.slideNav a.activeSlide {
  background-position: 0 -10px;
}

@media print {
  .collapse {
    height: auto !important;
  }
}

/*Brochure page Styles */

.brochure-title h2,
.brochure-title h1 {
  text-align: center;
  color: #fff;
  font-weight: 600;
}

.brochure-title h1 {
  font-size: 60px;
  line-height: 50px;
}

.brochure-title h2 {
  line-height: 45px;
}

.brochure-title {
  background: #006f51;
  min-height: 120px;
}