/*
* Skeleton-SASS V1.0
* Copyright 2012 by Michael Lazer-Walker
* https://github.com/lazerwalker/Skeleton-Sass
*
* Based off of Skeleton v1.1:
* https://github.com/dhgamache/Skeleton
*
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/
/* #Variable Definitions
================================================== */
/* Grid
================================================== */
/* #Clearing
================================================== */
/* Include clearfix on parent to clear nested columns,
or wrap each row of columns in a @include row */
/* You can also use a @include clear to clear columns */
@import url(https://netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600,300);
#bannerContainerWrapper {
  background: #e2ebe8; }
  @media only screen and (max-width: 767px) {
    #bannerContainerWrapper {
      margin-top: 3px;
      background: #fff; } }

#bannerWrapper {
  width: 1060px;
  margin: 0 auto;
  position: relative; }
  @media only screen and (max-width: 959px) {
    #bannerWrapper {
      width: 100%; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #bannerWrapper {
      width: 420px; } }
  @media only screen and (max-width: 479px) {
    #bannerWrapper {
      width: 300px; } }

#banner {
  width: 100%;
  height: 375px;
  position: relative; }
  #banner .hide {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: -1;
    visibility: hidden; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #banner {
      height: 236px; } }
  @media only screen and (max-width: 479px) {
    #banner {
      height: 169px; } }
  #banner #hiddenKasasaPopupLink {
    display: none; }

noscript h3,
noscript p {
  text-align: center; }
noscript h3 {
  padding: 110px 0 20px; }
noscript a {
  display: none; }
@media only screen and (max-width: 767px) {
  noscript h3 {
    padding-top: 0; } }

#bannerSlides {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%; }
  #bannerSlides .slide {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    opacity: 1;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    transition: opacity 1s;
    background: #e0eae6;
    -webkit-transform: translateZ(0); }
    #bannerSlides .slide.hide {
      opacity: 0; }
    #bannerSlides .slide:before {
      content: '';
      height: 100%;
      width: 25%;
      z-index: 3;
      position: absolute;
      top: 0;
      left: 0;
      background: -moz-linear-gradient(left, #e2ebe8 0%, rgba(255, 255, 255, 0) 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e2ebe8), color-stop(100%, rgba(255, 255, 255, 0)));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(left, #e2ebe8 0%, rgba(255, 255, 255, 0) 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(left, #e2ebe8 0%, rgba(255, 255, 255, 0) 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(left, #e2ebe8 0%, rgba(255, 255, 255, 0) 100%);
      /* IE10+ */
      background: linear-gradient(to right, #e2ebe8 0%, rgba(255, 255, 255, 0) 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2ebe8', endColorstr='#00ffffff',GradientType=1 );
      /* IE6-9 */ }
      @media only screen and (max-width: 767px) {
        #bannerSlides .slide:before {
          display: none; } }
    #bannerSlides .slide:after {
      content: '';
      height: 100%;
      width: 25%;
      z-index: 3;
      position: absolute;
      top: 0;
      right: 0;
      background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #e2ebe8 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #e2ebe8));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #e2ebe8 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #e2ebe8 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #e2ebe8 100%);
      /* IE10+ */
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #e2ebe8 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e2ebe8',GradientType=1 );
      /* IE6-9 */ }
      @media only screen and (max-width: 767px) {
        #bannerSlides .slide:after {
          display: none; } }
    #bannerSlides .slide img {
      width: 100%;
      max-width: 1060px;
      height: auto;
      position: absolute;
      left: 0;
      top: 0; }
      @media only screen and (min-width: 768px) and (max-width: 959px) {
        #bannerSlides .slide img {
          width: auto;
          left: 50%;
          margin-left: -530px; } }
      @media only screen and (max-width: 767px) {
        #bannerSlides .slide img {
          max-width: 100%;
          position: static;
          display: block;
          position: absolute; } }
    #bannerSlides .slide .slideContent {
      position: relative;
      z-index: 4;
      background: transparent;
      text-align: left; }
      #bannerSlides .slide .slideContent sup {
        position: relative;
        top: -5px;
        font-size: 12px; }
      #bannerSlides .slide .slideContent h3 {
        font-size: 29px;
        font-weight: 400;
        color: #575652;
        position: absolute;
        left: 62%;
        top: 54px;
        letter-spacing: -1.3px;
        line-height: 35px; }
        #bannerSlides .slide .slideContent h3 span {
          font-weight: 700; }
        #bannerSlides .slide .slideContent h3 br {
          display: block; }
      #bannerSlides .slide .slideContent p {
        font-size: 16px;
        font-weight: 400;
        color: #444;
        margin: 0;
        padding: 0;
        position: absolute;
        left: 62%;
        top: 136px;
        line-height: 22px;
        letter-spacing: 0.1px;
        width: 28%; }
        #bannerSlides .slide .slideContent p span {
          font-weight: 600; }
        #bannerSlides .slide .slideContent p.disclaimer {
          font-size: 11px;
          top: 280px;
          line-height: 1.4;
          width: 30%; }
        #bannerSlides .slide .slideContent p.second {
          top: 158px; }
      #bannerSlides .slide .slideContent a {
        display: block;
        display: inline-block;
        height: 30px;
        padding: 2px 17px;
        font-size: 17px;
        line-height: 30px;
        background: #5baf9a;
        color: #fff;
        text-align: center;
        text-decoration: none;
        font-weight: 600;
        text-shadow: none;
        border: none;
        font-family: "Open Sans", sans-serif;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        -webkit-transition: all 0.1s ease;
        -moz-transition: all 0.1s ease;
        -ms-transition: all 0.1s ease;
        transition: all 0.1s ease;
        position: absolute;
        left: 62%;
        top: 213px; }
        #bannerSlides .slide .slideContent a:hover {
          background: #468c7b;
          color: #fff; }
      @media only screen and (min-width: 768px) and (max-width: 959px) {
        #bannerSlides .slide .slideContent h3, #bannerSlides .slide .slideContent p, #bannerSlides .slide .slideContent a {
          left: 65%; }
        #bannerSlides .slide .slideContent h3 {
          font-size: 25px; }
        #bannerSlides .slide .slideContent p {
          font-size: 14px; }
        #bannerSlides .slide .slideContent .bodeTree p {
          top: 55px;
          width: 57%; }
        #bannerSlides .slide .slideContent .mobileHoliday {
          visibility: hidden; } }
    #bannerSlides .slide.tax-plan h3 {
      width: 30%; }
    #bannerSlides .slide.tax-plan p {
      top: 170px; }
    @media only screen and (max-width: 767px) {
      #bannerSlides .slide.tax-plan h3, #bannerSlides .slide.tax-plan p {
        left: 39% !important;
        width: 60% !important; }
      #bannerSlides .slide.tax-plan h3 {
        font-size: 24px !important;
        line-height: 25px !important; }
      #bannerSlides .slide.tax-plan p {
        top: 105px !important;
        font-size: 14px !important; }
      #bannerSlides .slide.tax-plan a {
        top: 140px !important;
        left: 39% !important; } }
    @media only screen and (max-width: 479px) {
      #bannerSlides .slide.tax-plan h3, #bannerSlides .slide.tax-plan p {
        left: 38% !important;
        width: 70% !important; }
      #bannerSlides .slide.tax-plan h3 {
        font-size: 18px !important;
        line-height: 20px !important; }
      #bannerSlides .slide.tax-plan p {
        top: 85px !important;
        font-size: 10px !important; }
      #bannerSlides .slide.tax-plan a {
        top: 110px !important;
        left: 38% !important; } }
    #bannerSlides .slide.equipment .slideContent {
      margin-top: 30px; }
      #bannerSlides .slide.equipment .slideContent h3 {
        width: 30%; }
      #bannerSlides .slide.equipment .slideContent p {
        width: 35%; }
      #bannerSlides .slide.equipment .slideContent a {
        top: 175px; }
    @media only screen and (max-width: 767px) {
      #bannerSlides .slide.equipment h3, #bannerSlides .slide.equipment p {
        left: 39% !important;
        width: 60% !important; }
      #bannerSlides .slide.equipment h3 {
        font-size: 24px !important;
        line-height: 25px !important; }
      #bannerSlides .slide.equipment p {
        top: 85px !important;
        font-size: 12px !important; }
      #bannerSlides .slide.equipment a {
        top: 120px !important;
        left: 39% !important; } }
    @media only screen and (max-width: 479px) {
      #bannerSlides .slide.equipment h3, #bannerSlides .slide.equipment p {
        left: 38% !important;
        width: 70% !important; }
      #bannerSlides .slide.equipment h3 {
        font-size: 18px !important;
        line-height: 20px !important; }
      #bannerSlides .slide.equipment p {
        top: 85px !important;
        font-size: 10px !important; }
      #bannerSlides .slide.equipment a {
        top: 110px !important;
        left: 38% !important; } }
    #bannerSlides .slide.ag-loan .slideContent {
      margin-top: 30px; }
      #bannerSlides .slide.ag-loan .slideContent h3 {
        top: 90px;
        width: 30%; }
      #bannerSlides .slide.ag-loan .slideContent p {
        width: 35%; }
      #bannerSlides .slide.ag-loan .slideContent a {
        top: 175px; }
      @media only screen and (max-width: 767px) {
        #bannerSlides .slide.ag-loan .slideContent h3, #bannerSlides .slide.ag-loan .slideContent p {
          left: 39% !important;
          width: 60% !important; }
        #bannerSlides .slide.ag-loan .slideContent h3 {
          font-size: 24px !important;
          line-height: 25px !important;
          top: 45px; }
        #bannerSlides .slide.ag-loan .slideContent p {
          top: 85px !important;
          font-size: 12px !important; }
        #bannerSlides .slide.ag-loan .slideContent a {
          top: 120px !important;
          left: 39% !important; } }
      @media only screen and (max-width: 479px) {
        #bannerSlides .slide.ag-loan .slideContent {
          margin-top: 0; }
          #bannerSlides .slide.ag-loan .slideContent h3, #bannerSlides .slide.ag-loan .slideContent p {
            left: 38% !important;
            width: 70% !important; }
          #bannerSlides .slide.ag-loan .slideContent h3 {
            font-size: 18px !important;
            line-height: 20px !important; }
          #bannerSlides .slide.ag-loan .slideContent p {
            top: 80px !important;
            font-size: 10px !important; }
          #bannerSlides .slide.ag-loan .slideContent a {
            top: 110px !important;
            left: 38% !important; } }
    #bannerSlides .slide .mobileHoliday {
      visibility: hidden; }
    #bannerSlides .slide.crowdfund .slideContent p {
      left: 64%;
      top: 83px;
      font-size: 32px;
      line-height: 43px;
      width: 36%; }
    #bannerSlides .slide.crowdfund .slideContent a {
      left: 64%;
      top: 227px; }
    #bannerSlides .slide.bodeTree .slideContent p {
      left: 64%;
      top: 70px;
      font-size: 25px;
      line-height: 35px;
      width: 35%; }
    #bannerSlides .slide.bodeTree .slideContent a {
      left: 64%;
      top: 227px; }
    @media only screen and (max-width: 959px) {
      #bannerSlides .slide.bodeTree .slideContent p {
        font-size: 20px;
        width: 31%;
        top: 93px;
        line-height: 31px; }
      #bannerSlides .slide.crowdfund .slideContent p {
        left: 64%;
        top: 111px;
        font-size: 29px;
        line-height: 33px;
        width: 36%; } }
    @media only screen and (min-width: 768px) and (max-width: 959px) {
      #bannerSlides .slide.bodeTree .slideContent {
        left: 30px; }
        #bannerSlides .slide.bodeTree .slideContent p {
          font-size: 20px;
          width: 31%;
          top: 93px;
          line-height: 31px; }
      #bannerSlides .slide.crowdfund .slideContent p {
        font-size: 26px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      #bannerSlides .slide .slideContent {
        position: static;
        display: block;
        width: 100%;
        margin-left: 0;
        background: #ccc; }
        #bannerSlides .slide .slideContent h3 {
          font-size: 21px;
          line-height: 21px;
          top: 22px;
          left: 41%; }
        #bannerSlides .slide .slideContent p {
          font-size: 18px;
          left: 41%;
          top: 77px;
          width: 58%; }
        #bannerSlides .slide .slideContent a {
          top: 160px;
          left: 41%;
          padding: 2px 15px; }
      #bannerSlides .slide.merchant-services h3,
      #bannerSlides .slide.merchant-services p,
      #bannerSlides .slide.merchant-services a {
        left: 47%; }
      #bannerSlides .slide.merchant-services p {
        width: 50%; }
      #bannerSlides .slide.mobileBanking h3 {
        top: 45px; }
      #bannerSlides .slide.bodeTree .slideContent p {
        top: 58px;
        width: 51%;
        left: 41%;
        font-size: 16px;
        line-height: 23px; }
      #bannerSlides .slide.bodeTree .slideContent a {
        top: 160px;
        left: 41%; }
      #bannerSlides .slide.crowdfund .slideContent p {
        top: 66px;
        width: 53%;
        left: 41%;
        font-size: 21px;
        line-height: 28px; }
      #bannerSlides .slide.crowdfund .slideContent a {
        top: 160px;
        left: 41%; }
      #bannerSlides .slide .deskHoliday {
        visibility: hidden; }
      #bannerSlides .slide .mobileHoliday {
        visibility: visible !important; } }
    @media only screen and (max-width: 479px) {
      #bannerSlides .slide .slideContent h3,
      #bannerSlides .slide .slideContent p,
      #bannerSlides .slide .slideContent a {
        left: 41%; }
      #bannerSlides .slide .slideContent h3 {
        font-size: 17px;
        line-height: 19px;
        top: 15px; }
      #bannerSlides .slide .slideContent p {
        top: 59px;
        line-height: 15px;
        width: 55%;
        font-size: 12px; }
      #bannerSlides .slide .slideContent a {
        top: 119px;
        font-size: 12px;
        padding: 0 8px;
        height: auto;
        line-height: 24px; }
      #bannerSlides .slide.mobileBanking h3,
      #bannerSlides .slide.mobileBanking p,
      #bannerSlides .slide.mobileBanking a {
        left: 47%; }
      #bannerSlides .slide.mobileBanking p {
        width: 50%; }
      #bannerSlides .slide.bodeTree .slideContent p {
        left: 41%;
        top: 39px;
        font-size: 12px;
        line-height: 1.3;
        width: 54%; }
      #bannerSlides .slide.bodeTree .slideContent a {
        top: 105px;
        left: 41%; }
      #bannerSlides .slide.crowdfund .slideContent p {
        left: 41%;
        top: 45px;
        font-size: 12px;
        line-height: 1.5;
        width: 42%; }
      #bannerSlides .slide.crowdfund .slideContent a {
        top: 105px;
        left: 41%; }
      #bannerSlides .slide .deskHoliday {
        visibility: hidden; }
      #bannerSlides .slide .mobileHoliday {
        visibility: visible !important; } }

#bannerNavigation {
  position: absolute;
  bottom: 5px;
  left: 50%;
  margin-left: -40px;
  z-index: 8; }
  @media only screen and (max-width: 767px) {
    #bannerNavigation {
      bottom: -47px; } }
  #bannerNavigation .button {
    position: relative;
    float: left;
    width: 11px;
    height: 11px;
    background: #555;
    border: 2px solid #555;
    cursor: pointer;
    margin-right: 15px;
    padding: 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease; }
    #bannerNavigation .button:hover {
      background: #fff;
      border: 2px solid #fff; }
    #bannerNavigation .button.active {
      background: #fff;
      border: 2px solid #fff; }
    @media only screen and (max-width: 767px) {
      #bannerNavigation .button {
        border: 2px solid #555; }
        #bannerNavigation .button.active {
          background: #fff;
          border: 2px solid #555; }
        #bannerNavigation .button:hover {
          border: 2px solid #555; } }

#bannerPreloader {
  position: absolute;
  width: 25px;
  height: 25px;
  left: 50%;
  top: 50%;
  z-index: 50;
  margin: -12.5px -12.5px 0 0;
  display: none; }
  .js #bannerPreloader {
    display: block; }