/* Applications */
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700|Sanchez:400|family=Roboto);
@import url(https://netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
#bannerContainer {
  position: relative;
  width: 730px;
  height: 330px;
  overflow: hidden;
}

#banner .hide {
  visibility: hidden;
  opacity: 0;
}
#banner #bannerPreloader {
  position: absolute;
  width: 25px;
  height: 25px;
  left: 330px;
  top: 125px;
  display: none;
}
#banner #bannerSlides {
  width: 730px;
  height: 330px;
  position: absolute;
}
#banner #bannerSlides noscript .slide {
  background: url("../image/banner/welcome-community-bank.jpg") 0 0 no-repeat;
  cursor: default;
}
#banner #bannerSlides noscript .slide .overlay {
  background: transparent url("../image/banner/overlay2.png") 0 0 no-repeat;
  left: 0px;
}
#banner #bannerSlides noscript .slide .overlay .slideContent {
  width: 350px;
  height: 235px;
}
#banner #bannerSlides noscript .slide .overlay .slideContent .bannerLearnMore, #banner #bannerSlides noscript .slide .overlay .slideContent a {
  visibility: visible;
  top: 200px;
}
#banner #bannerSlides .slide {
  position: absolute;
  width: 730px;
  height: 330px;
  top: 0;
  left: 0;
}
#banner #bannerSlides .slide.hide .slideContent .bannerLearnMore, #banner #bannerSlides .slide.hide .slideContent a {
  display: none !important;
}
#banner #bannerSlides .slide .overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 330px;
  width: 440px;
  background: transparent url("../image/banner/overlay2.png") 0 0 no-repeat;
  padding: 0;
}
#banner #bannerSlides .slide .slideContent {
  width: 260px;
  height: 330px;
  padding-left: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#banner #bannerSlides .slide .slideContent h3 {
  color: #fff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.1;
  margin-bottom: 10px;
  position: relative;
}
#banner #bannerSlides .slide .slideContent p {
  color: #fff;
  position: relative;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 108%;
  line-height: 140%;
  font-weight: lighter;
}
#banner #bannerSlides .slide .slideContent p a {
  position: relative;
  left: auto !important;
  top: auto !important;
}
#banner #bannerSlides .slide .slideContent span {
  color: #fff;
}
#banner #bannerSlides .slide .slideContent span.roboto {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 306%;
  font-weight: 300;
  line-height: 1;
  position: relative;
}
#banner #bannerSlides .slide .slideContent span.sanchez {
  font-family: "Sanchez", serif;
  font-size: 167%;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 1px;
  display: inline-block;
  position: relative;
}
#banner #bannerSlides .slide .slideContent span.special {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 110%;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
}
#banner #bannerSlides .slide .slideContent .bannerLearnMore, #banner #bannerSlides .slide .slideContent a {
  background: #fbbf4c;
  background: linear-gradient(180deg, #fbbf4c 0%, #ce7f13 100%);
  padding: 5px 20px;
  border-radius: 5px;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.25);
  font-size: 125%;
  color: #333;
  font-weight: 400;
  text-align: center;
  margin: 8px 0;
}
#banner #bannerSlides .slide .slideContent .bannerLearnMore:hover, #banner #bannerSlides .slide .slideContent a:hover {
  background: #fcd55e;
  background: linear-gradient(180deg, #fcd55e 0%, #e79624 100%);
  color: #666;
}
#banner #bannerSlides .slide.five-star .slideContent p span.roboto {
  font-size: 46px;
  letter-spacing: 0;
  text-transform: none;
  line-height: 53px;
}
#banner #bannerSlides .slide.five-star .slideContent a.bannerLearnMore, #banner #bannerSlides .slide.five-star .slideContent a {
  top: 270px !important;
  left: 30px !important;
}
#banner #bannerSlides .slide.five-star.structures .slideContent a {
  top: 220px !important;
  left: 0 !important;
}
#banner #bannerSlides .slide.moneysmart .slideContent p span.roboto {
  font-size: 46px;
  letter-spacing: 0;
  text-transform: none;
  line-height: 53px;
}
#banner #bannerSlides .slide.moneysmart .slideContent a.bannerLearnMore, #banner #bannerSlides .slide.moneysmart .slideContent a {
  top: 270px !important;
  left: 30px !important;
}
#banner #bannerSlides .slide.moneysmart.structures .slideContent a {
  top: 220px !important;
  left: 0 !important;
}
#banner #bannerSlides .slide.welcome-community-bank .slideContent {
  padding: 15px 0 0 5px;
  width: 350px;
}
#banner #bannerSlides .slide.welcome-community-bank .slideContent h3 span.shift {
  position: absolute;
  top: 50px;
  left: 105px;
}
#banner #bannerSlides .slide.welcome-community-bank .slideContent h3 span.sanchez {
  padding: 0 0 0 5px;
  font-size: 138.5%;
}
#banner #bannerSlides .slide.welcome-community-bank .slideContent p {
  position: absolute;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 123.1%;
  font-weight: 300;
  line-height: 130%;
  letter-spacing: 1px;
  width: 240px;
  top: 215px;
  left: 67px;
}
#banner #bannerSlides .slide.open-house {
  cursor: unset;
}
#banner #bannerSlides .slide.open-house .slideContent {
  width: 280px;
  left: 20px;
  top: -30px !important;
  position: relative;
}
#banner #bannerSlides .slide.open-house .slideContent h3 span.roboto {
  top: 6px;
  left: -14px;
  font-size: 35px;
  text-transform: none;
}
#banner #bannerSlides .slide.open-house .slideContent p {
  position: relative;
  width: 285px;
  margin-top: 20px;
  left: -9px;
}
#banner #bannerSlides .slide.open-house .slideContent p span.roboto {
  font-size: 18px;
  text-transform: none;
  position: relative;
}
#banner #bannerSlides .slide.open-house .slideContent p span.roboto strong {
  display: block;
}
#banner #bannerSlides .slide.open-house .slideContent p + p {
  margin-top: 5px;
}
#banner #bannerSlides .slide.welcome .slideContent {
  width: 310px;
  left: 0;
  top: -10px !important;
  position: relative;
}
#banner #bannerSlides .slide.welcome .slideContent h3 span.roboto {
  top: 6px;
  left: -14px;
  font-size: 45px;
  text-transform: none;
}
#banner #bannerSlides .slide.welcome .slideContent p {
  position: relative;
  width: 310px;
  margin-top: 20px;
  left: -9px;
}
#banner #bannerSlides .slide.welcome .slideContent p span.roboto {
  font-size: 18px;
  text-transform: none;
  position: relative;
}
#banner #bannerSlides .slide.welcome .slideContent p span.roboto strong {
  display: block;
}
#banner #bannerSlides .slide.welcome .slideContent p + p {
  margin-top: 19px;
}
#banner #bannerSlides .slide.feel-the-difference .slideContent {
  width: 210px;
  left: 20px;
  top: -30px !important;
  position: relative;
}
#banner #bannerSlides .slide.feel-the-difference .slideContent p {
  position: relative;
  width: 285px;
  margin-top: 120px;
  left: -9px;
  line-height: 21px;
}
#banner #bannerSlides .slide.feel-the-difference .slideContent p span.roboto {
  font-size: 21px;
  text-transform: none;
  position: relative;
}
#banner #bannerSlides .slide.feel-the-difference .slideContent p span.roboto strong {
  display: block;
}
#banner #bannerSlides .slide.feel-the-difference .slideContent p + p {
  margin-top: 19px;
}
#banner #bannerSlides .slide.feel-the-difference .slideContent a.bannerLearnMore, #banner #bannerSlides .slide.feel-the-difference .slideContent a {
  top: 90px !important;
  left: -8px !important;
}
#banner #bannerSlides .slide.nasdaq .slideContent {
  width: 210px;
  left: 20px;
  top: -50px !important;
  position: relative;
}
#banner #bannerSlides .slide.nasdaq .slideContent p {
  position: relative;
  width: 295px;
  margin-top: 50px;
  left: -35px;
  line-height: 21px;
  font-size: 17px;
}
#banner #bannerSlides .slide.nasdaq .slideContent p span.roboto {
  font-size: 53px;
  text-transform: none;
  position: relative;
  line-height: 54px;
  display: block;
}
#banner #bannerSlides .slide.nasdaq .slideContent p span.roboto strong {
  display: block;
}
#banner #bannerSlides .slide.nasdaq .slideContent p span.regular {
  margin-top: 11px;
  display: block;
  font-size: 17px;
  line-height: 24px;
}
#banner #bannerSlides .slide.nasdaq .slideContent a.bannerLearnMore, #banner #bannerSlides .slide.nasdaq .slideContent a {
  top: 220px !important;
  left: -35px !important;
}
#banner #bannerSlides .slide.mybank-acquisition .slideContent {
  width: 210px;
  left: 40px;
  top: -78px !important;
  position: relative;
}
#banner #bannerSlides .slide.mybank-acquisition .slideContent p {
  position: relative;
  width: 295px;
  margin-top: 50px;
  left: -35px;
  line-height: 21px;
  font-size: 17px;
}
#banner #bannerSlides .slide.mybank-acquisition .slideContent p span.roboto {
  font-size: 53px;
  text-transform: none;
  position: relative;
  line-height: 54px;
  display: block;
}
#banner #bannerSlides .slide.mybank-acquisition .slideContent p span.roboto strong {
  display: block;
}
#banner #bannerSlides .slide.mybank-acquisition .slideContent p span.regular {
  margin-top: 11px;
  display: block;
  font-size: 17px;
  line-height: 24px;
}
#banner #bannerSlides .slide.mybank-acquisition .slideContent p span.regular strong {
  font-weight: 600;
}
#banner #bannerSlides .slide.mybank-acquisition .slideContent a.bannerLearnMore, #banner #bannerSlides .slide.mybank-acquisition .slideContent a {
  top: 220px !important;
  left: -35px !important;
}
#banner #bannerSlides .slide.welcome-uniti .slideContent {
  width: 210px;
  left: 30px;
  top: -65px !important;
  position: relative;
}
#banner #bannerSlides .slide.welcome-uniti .slideContent p {
  position: relative;
  width: 295px;
  margin-top: 50px;
  left: -35px;
  line-height: 21px;
  font-size: 17px;
}
#banner #bannerSlides .slide.welcome-uniti .slideContent p span.roboto {
  font-size: 40px;
  letter-spacing: 0;
  text-transform: none;
  position: relative;
  line-height: 45px;
  display: block;
}
#banner #bannerSlides .slide.welcome-uniti .slideContent p span.roboto strong {
  display: block;
}
#banner #bannerSlides .slide.welcome-uniti .slideContent p span.regular {
  margin-top: 11px;
  display: block;
  font-size: 17px;
  line-height: 24px;
}
#banner #bannerSlides .slide.welcome-uniti .slideContent p span.regular strong {
  font-weight: 600;
}
#banner #bannerSlides .slide.welcome-uniti .slideContent a.bannerLearnMore, #banner #bannerSlides .slide.welcome-uniti .slideContent a {
  top: 250px !important;
  left: -35px !important;
}
#banner #bannerSlides .slide.mobile-banking .slideContent {
  width: 210px;
  left: 20px;
  top: -30px !important;
  position: relative;
}
#banner #bannerSlides .slide.mobile-banking .slideContent p {
  position: relative;
  width: 285px;
  margin-top: 100px;
  left: -20px;
  line-height: 25px;
}
#banner #bannerSlides .slide.mobile-banking .slideContent p span.roboto {
  font-size: 21px;
  text-transform: none;
  position: relative;
}
#banner #bannerSlides .slide.mobile-banking .slideContent p span.roboto strong {
  display: block;
}
#banner #bannerSlides .slide.mobile-banking .slideContent p + p {
  margin-top: 19px;
}
#banner #bannerSlides .slide.mobile-banking .slideContent a.bannerLearnMore, #banner #bannerSlides .slide.mobile-banking .slideContent a {
  top: 120px !important;
  left: -20px !important;
}
#banner #bannerSlides .slide.mobile-banking.structures .slideContent a {
  top: 10px !important;
  left: 0 !important;
}
#banner #bannerSlides .slide.labor-services .slideContent {
  width: 210px;
  left: 0;
  top: 0 !important;
  position: relative;
}
#banner #bannerSlides .slide.labor-services .slideContent p {
  position: relative;
  width: 240px;
  margin-top: 0;
  left: 0;
  line-height: 25px;
}
#banner #bannerSlides .slide.labor-services .slideContent p span.roboto {
  font-size: 21px;
  text-transform: none;
  position: relative;
}
#banner #bannerSlides .slide.labor-services .slideContent p span.roboto strong {
  display: block;
}
#banner #bannerSlides .slide.labor-services .slideContent p + p {
  margin-top: 19px;
}
#banner #bannerSlides .slide.labor-services .slideContent a.bannerLearnMore, #banner #bannerSlides .slide.labor-services .slideContent a {
  top: 220px !important;
  left: -20px !important;
  font-size: 11px !important;
  padding-top: 6px;
  height: 22px;
}
#banner #bannerSlides .slide.labor-services.structures .slideContent a {
  top: 10px !important;
  left: 0 !important;
  padding-top: 2px;
}
#banner #bannerSlides .slide.scan-a-check .slideContent {
  width: 210px;
  left: 0;
  top: -30px !important;
  position: relative;
}
#banner #bannerSlides .slide.scan-a-check .slideContent p {
  position: relative;
  width: 285px;
  margin-top: 70px;
  left: -10px;
  line-height: 25px;
}
#banner #bannerSlides .slide.scan-a-check .slideContent p span.roboto {
  font-size: 21px;
  text-transform: none;
  position: relative;
}
#banner #bannerSlides .slide.scan-a-check .slideContent p span.roboto strong {
  display: block;
}
#banner #bannerSlides .slide.scan-a-check .slideContent p + p {
  margin-top: 19px;
}
#banner #bannerSlides .slide.scan-a-check .slideContent a.bannerLearnMore, #banner #bannerSlides .slide.scan-a-check .slideContent a {
  top: 140px !important;
  left: -10px !important;
}
#banner #bannerSlides .slide.scan-a-check.structures .slideContent a {
  top: 10px !important;
  left: 0 !important;
}
#banner #bannerSlides .slide.sba .slideContent {
  width: 210px;
  left: 20px;
  top: -30px !important;
  position: relative;
}
#banner #bannerSlides .slide.sba .slideContent p {
  position: relative;
  width: 270px;
  margin-top: 120px;
  left: -9px;
  line-height: 21px;
}
#banner #bannerSlides .slide.sba .slideContent p span.roboto {
  font-size: 21px;
  text-transform: none;
  position: relative;
}
#banner #bannerSlides .slide.sba .slideContent p span.roboto strong {
  display: block;
}
#banner #bannerSlides .slide.sba .slideContent p + p {
  margin-top: 19px;
}
#banner #bannerSlides .slide.sba .slideContent a.bannerLearnMore, #banner #bannerSlides .slide.sba .slideContent a {
  top: 90px !important;
  left: -8px !important;
}
#banner #bannerSlides .slide.our-clients .slideContent {
  padding: 15px 0 0 5px;
  width: 350px;
  position: absolute;
  top: 79px !important;
  left: 18px;
}
#banner #bannerSlides .slide.our-clients .slideContent h3 span.shift {
  position: absolute;
  top: 50px;
  left: 105px;
}
#banner #bannerSlides .slide.our-clients .slideContent h3 span.sanchez {
  padding: 0 0 0 5px;
  font-size: 37px;
}
#banner #bannerSlides .slide.our-clients .slideContent h3 span.sanchez .indent {
  padding-left: 17px;
}
#banner #bannerSlides .slide.our-clients .slideContent p {
  position: absolute;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 123.1%;
  font-weight: 300;
  line-height: 130%;
  letter-spacing: 1px;
  width: 240px;
  top: 215px;
  left: 67px;
}
#banner #bannerSlides .slide.our-clients .slideContent .bannerLearnMore, #banner #bannerSlides .slide.our-clients .slideContent a {
  top: 119px !important;
  left: 271px;
}
#banner #bannerSlides .slide.remote-deposit .slideContent {
  width: 300px;
}
#banner #bannerSlides .slide.remote-deposit .slideContent h3 span.shift {
  position: absolute;
  top: 30px;
  left: 50px;
}
#banner #bannerSlides .slide.remote-deposit .slideContent h3 span.roboto {
  left: 40px;
}
#banner #bannerSlides .slide.remote-deposit .slideContent p {
  top: 200px;
  width: 250px;
}
#banner #bannerSlides .slide.small-biz-checking .slideContent {
  padding-top: 10px;
  width: 250px;
}
#banner #bannerSlides .slide.small-biz-checking .slideContent h3 {
  padding-top: 3px;
}
#banner #bannerSlides .slide.small-biz-checking .slideContent h3 span.roboto {
  left: 50px;
}
#banner #bannerSlides .slide.small-biz-checking .slideContent p {
  top: 210px;
  width: 250px;
}
#banner #bannerSlides .slide.biz-line-credit .slideContent {
  width: 280px;
  padding-top: 15px;
}
#banner #bannerSlides .slide.biz-line-credit .slideContent h3 span.sanchez {
  font-size: 138.5%;
}
#banner #bannerSlides .slide.biz-line-credit .slideContent p {
  top: 210px;
  width: 260px;
}
#banner #bannerPlayback {
  position: absolute;
  top: 130px;
  left: 704px;
  height: 80px;
  width: 26px;
  background: transparent url("../image/sprites.png") -332px -420px no-repeat;
}
#banner #bannerPlayback .next {
  width: 26px;
  height: 80px;
}
#banner #bannerPlayback:hover {
  background: transparent url("../image/sprites.png") -374px -420px no-repeat;
  cursor: pointer;
}

body:not(.js) #bannerPlayback {
  display: block;
}

#branch-slider {
  position: relative;
  height: 150px;
  width: 180px;
  /*.current {
  	display: block;
  	opacity: 1;
  }
  .hide {
  	display: none;
  	opacity: 0;
  }*/
}
#branch-slider .branch-slide {
  position: absolute;
  height: 120px;
  width: 185px;
  display: none;
}
#branch-slider .branch-slide.current {
  display: block;
}
#branch-slider #branchNavigation {
  background-color: #372722;
  height: 25px;
  width: 182px;
  padding: 5px 0 0 3px;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
#branch-slider #branchNavigation h3 {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 119%;
  font-weight: 300;
  color: #fff;
  float: left;
  padding-left: 6px;
  padding-right: 8px;
}
#branch-slider #branchNavigation .navigate {
  margin-top: 1px;
  float: left;
  margin-right: 3px;
  height: 14px;
  width: 9px;
}
#branch-slider #branchNavigation .navigate.current {
  background: transparent url("../image/sprites.png") -13px -125px no-repeat;
}
#branch-slider #branchNavigation .navigate.inactive {
  background: transparent url("../image/sprites.png") 0 -125px no-repeat;
}

body.refresh #banner #bannerSlides:after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  pointer-events: none;
}
body.refresh #banner #bannerSlides .slide .overlay {
  background: transparent url("../image/refresh/banner/overlay2.png") 0 0 no-repeat;
}
body.refresh #banner #bannerSlides .slide .slideContent .bannerLearnMore, body.refresh #banner #bannerSlides .slide .slideContent a {
  left: 309px;
}
body.refresh #banner #bannerPlayback {
  display: block;
}