@charset "utf-8";
/* CSS Document */


    html, body, div, span, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    abbr, address, cite, code,
    del, dfn, em, img, ins, kbd, q, samp,
    small, strong, sub, sup, var,
    b, i, dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section, summary,
    time, mark, audio, video {
      padding:                    0;
      margin:                     0;
    }

    body, html {
      height:                     100%;
      font-family:                "FoundersGroteskLight", Verdana, Geneva, sans-serif;
    color: #4c4c4c;
    }

     article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
      display:                    block;
    }

    audio, canvas, video {
      display:                    inline-block;
    }

    audio:not([controls]) {
      display:                    none;
    }

    h5 {      
      font-weight:                normal;
      padding:                    0 0 20px 0;
      color:                      #5b5b5b;
    }

    h1 strong, h2 strong, h3 strong, h4 strong, h5 strong {
      font-weight:                normal;
    }

    h1 {
      font:                       normal normal 65px "FoundersGrotesk-Bold",Verdana,Arial,sans-serif;
      text-align:                 center;
      color:                      #4c4c4c4c4c4c;
      padding:                    0 0 20px 0;
    }

    h2 {
      font-weight:                normal;
      padding:                    0 0 20px 0;
      color:                      #4c4c4c4c4c4c;
      font-size:                  28px;
      line-height:                32px;
    font-family:        "FoundersGroteskSemiBold",Verdana,Arial,sans-serif;
    }

    h3 {
      font-weight:                normal;
      padding:                    0 0 20px 0;
      color:                      #4c4c4c4c4c4c;
      font-size:                  22px;
      line-height:                30px;
    font-family:        "FoundersGroteskSemibold",Verdana,Arial,sans-serif;
    }
  
   h4 {
      font-weight:                normal;
      padding:                    0 0 20px 0;
      color:                      #ed1944;
      font-size:                  18px;
      line-height:                25px;
    font-family:        "FoundersGroteskSemibold",Verdana,Arial,sans-serif;
    }

        h1, h1.componentheading, h1.page-header, div#page h1 {
          color:                     #ffffff;
        }

       /*  h1.byond-heading, div#page h1 {
          display:                   none;
        }
      */

        .content div#page h1 {
          color:                  #ed1944;
          display:                block;
          text-align:             left;
          padding-left:           0;
          position:               relative;
          font-size:              38px;
        }


 /*       div#page h2, div#page h3, div#page h4, div#page h5 {
          max-width:                 835px;
        }*/

        .blog div#page h1 {
          padding:                   83px 0 203px 0;
        }

        .campaign h2 {
          text-align:                 center;
          margin:                     auto;
          line-height:                40px;
        }

    strong {
      font-size:                  inherit;
    }

    sub {
      font-size:                  12px;
      line-height:                12px;
    }

    div#page ul, div.blog ul, div#page ol, .general-content-campaign  ul {
      margin:                     0 0 40px 0;
      padding:                    0;
    }

    ul li, ol li {
      padding:                    0;
      margin:                     0 0 20px 0;
      font-size:                  16px;
      line-height:                26px;
    }

    ol li {
      padding:                    0 0 0 10px;
      margin:                     0 0 20px 30px;
    }

     iframe {
      width:                      100%;
    }
  p.calcLumpSum {
    text-align:       center;
  }
  .calcLumpSum iframe {
    min-height:       830px;
    height:         auto;
    width:          615px;
    border:         none;
  }
  .contactForm iframe {
    min-height:       650px;
    height:         auto;
    width:          100%;
    border:         none;
  }
  
  div.lump-sum-calculator-app.default_layout {
    max-width: 100% !important;
  }
  .calcLumpSum iframe .lump-sum-calculator-app.phones_layout {
    min-width: 240px;
    width: 100%;
  }

    div#page table td p:last-child {
      margin:                     0;
    }
  
  
  
  /* Gill Sans font
============================================================================ */
  
@font-face {
  font-family: 'FoundersGrotesk-Bold';
  src:      url('../fonts/FoundersGrotesk-Bold.eot?#iefix') format('embedded-opentype'),  
          url('../fonts/FoundersGrotesk-Bold.woff') format('woff'), 
          url('../fonts/FoundersGrotesk-Bold.ttf')  format('truetype'), 
          url('../fonts/FoundersGrotesk-Bold.svg#FoundersGrotesk-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'FoundersGroteskLight';
  src:      url('../fonts/FoundersGroteskLight.eot?#iefix') format('embedded-opentype'),  
          url('../fonts/FoundersGroteskLight.woff') format('woff'), 
          url('../fonts/FoundersGroteskLight.ttf')  format('truetype'), 
          url('../fonts/FoundersGroteskLight.svg#FoundersGroteskLight') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FoundersGroteskMedium';
  src:      url('../fonts/FoundersGroteskMedium.eot?#iefix') format('embedded-opentype'),  
          url('../fonts/FoundersGroteskMedium.woff') format('woff'), 
          url('../fonts/FoundersGroteskMedium.ttf')  format('truetype'), 
          url('../fonts/FoundersGroteskMedium.svg#FoundersGroteskMedium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FoundersGroteskLight';
  src:      url('../fonts/FoundersGroteskLight.eot?#iefix') format('embedded-opentype'),  
          url('../fonts/FoundersGroteskLight.woff') format('woff'), 
          url('../fonts/FoundersGroteskLight.ttf')  format('truetype'), 
          url('../fonts/FoundersGroteskLight.svg#FoundersGroteskLight') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FoundersGroteskSemibold';
  src:      url('../fonts/FoundersGroteskSemibold.eot?#iefix') format('embedded-opentype'),  
          url('../fonts/FoundersGroteskSemibold.woff') format('woff'), 
          url('../fonts/FoundersGroteskSemibold.ttf')  format('truetype'), 
          url('../fonts/FoundersGroteskSemibold.svg#FoundersGroteskSemibold') format('svg');
  font-weight: normal;
  font-style: normal;
}


/* Icon font
====================================== */

@font-face {
font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?bv9yfw');
  src:  url('../fonts/icomoon.eot?bv9yfw#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?bv9yfw') format('truetype'),
    url('../fonts/icomoon.woff?bv9yfw') format('woff'),
    url('../fonts/icomoon.svg?bv9yfw#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  text-rendering:auto;
}


[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



  [class^="icon-"] span, [class*=" icon-"] span {
    font-family:                  "FoundersGroteskSemiBold",Verdana, Geneva, sans-serif;
    font-size:                    17px;
    color:                        #939597;
    display:                      block;
  }



  .quick-tools li a[class^="icon-"],
  .quick-tools li a[class*=" icon-"],
  .btn.ib:before, 
  .main-menu-bottom:after,
  .main-menu-bottom button.search:before,
  .icon-Phone-Icon:before,
  .site-by:after, div#page ul li:before, div.blog ul li:before, .general-content-campaign ul li:before, 
  .TB_Wrapper .icon:before,
  .icon-Search-Icon:before,
  button#searchsubmit:before, .icon-blog:before, #ps_icon:before,
  .icon-chevronCircle:before,
  i.shareThis:before,
  i.facebook:before,
  i.twitter:before,
  i.email:before,
  i.google-plus:before,
  i.linked-in:before,
  div#page p.buttonheading a:before,
  div.blog p.buttonheading a:before,
  .down-arrow:before, .menutopMenu li.menuIbLogin a:before, .btn.product:after, .btn.four-pnt:after, #toTop:after, body.Section30.responsive2 .banner-content .rocket:before,
  .testimonials .jcarousel-prev:before, .testimonials .jcarousel-next:before {
    font-family:                  'icomoon';
    speak:                        none;
    font-style:                   normal;
    font-weight:                  normal;
    font-variant:                 normal;
    text-transform:               none;
    line-height:                  53px;
    -webkit-font-smoothing:       antialiased;
    -moz-osx-font-smoothing:      grayscale;
    font-size:                    63px;
    color:                        #4c4c4c;
  }
.quick-tools li a[class^="icon-"]:before,
.quick-tools li a[class*=" icon-"]:before {
    background: -webkit-linear-gradient(45deg, #ed1944 0%,#f57f29 99%,#faa41a 100%);
    background: -o-linear-gradient(45deg, #ed1944 0%,#f57f29 99%,#faa41a 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .quick-tools li a[class^="icon-"]:before,
  .quick-tools li a[class*=" icon-"]:before {
    background: transparent;
    color: #ed1944;
}
}

.quick-tools li a[class^="icon-"] span,
.quick-tools li a[class*=" icon-"] span {
  background: transparent;
}

  .icon-Endeavour_Icons_Mono_Dark_Apply_For_a_Card:before {
  content: "\e903"; 
}
.icon-Endeavour_Icons_Mono_Dark_Apply_online_now:before {
  content: "\e904"; 
}
.icon-Endeavour_Icons_Mono_Dark_ATM_Locator:before {
  content: "\e905"; 
}
.icon-Endeavour_Icons_Mono_Dark_Banking_Help:before {
  content: "\e906"; 
}
.icon-Endeavour_Icons_Mono_Dark_Become_a_Member:before {
  content: "\e907"; 
}
.icon-Endeavour_Icons_Mono_Dark_Board_of_Directors:before {
  content: "\e908"; 
}
.icon-Endeavour_Icons_Mono_Dark_Buy_A_Car:before {
  content: "\e909"; 
}
.icon-Endeavour_Icons_Mono_Dark_Buy_a_Home:before {
  content: "\e90a"; 
}
.icon-Endeavour_Icons_Mono_Dark_Buy_My_First_Home:before {
  content: "\e90b"; 
}
.icon-Endeavour_Icons_Mono_Dark_Calculators:before {
  content: "\e90c"; 
}
.icon-Endeavour_Icons_Mono_Dark_Car_Loans:before {
  content: "\e90d"; 
}
.icon-Endeavour_Icons_Mono_Dark_Card:before {
  content: "\e90e"; 
}
.icon-Endeavour_Icons_Mono_Dark_Code_of_Practice:before {
  content: "\e90f"; 
}
.icon-Endeavour_Icons_Mono_Dark_Community_Rewards:before {
  content: "\e910"; 
}
.icon-Endeavour_Icons_Mono_Dark_Contact_Us:before {
  content: "\e911"; 
}
.icon-Endeavour_Icons_Mono_Dark_Digital_wallet:before {
  content: "\e912"; 
}
.icon-Endeavour_Icons_Mono_Dark_Disclosures:before {
  content: "\e913"; 
}
.icon-Endeavour_Icons_Mono_Dark_E:before {
  content: "\e914"; 
}
.icon-Endeavour_Icons_Mono_Dark_Email:before {
  content: "\e915"; 
}
.icon-Endeavour_Icons_Mono_Dark_Facebook:before {
  content: "\e916"; 
}
.icon-Endeavour_Icons_Mono_Dark_FAQs:before {
  content: "\e917"; 
}
.icon-Endeavour_Icons_Mono_Dark_Financial_Hardship:before {
  content: "\e918"; 
}
.icon-Endeavour_Icons_Mono_Dark_Financial_Planning:before {
  content: "\e919"; 
}
.icon-Endeavour_Icons_Mono_Dark_Foreign_Exchange:before {
  content: "\e91a"; 
}
.icon-Endeavour_Icons_Mono_Dark_Forms:before {
  content: "\e91b"; 
}
.icon-Endeavour_Icons_Mono_Dark_Get_a_Personal_Loan:before {
  content: "\e91c"; 
}
.icon-Endeavour_Icons_Mono_Dark_Get_Financial_Advice:before {
  content: "\e91d"; 
}
.icon-Endeavour_Icons_Mono_Dark_Giving_Back:before {
  content: "\e91e"; 
}
.icon-Endeavour_Icons_Mono_Dark_Go_On_Holidays:before {
  content: "\e91f"; 
}
.icon-Endeavour_Icons_Mono_Dark_Green_Loans:before {
  content: "\e920"; 
}
.icon-Endeavour_Icons_Mono_Dark_Home_Loans:before {
  content: "\e921"; 
}
.icon-Endeavour_Icons_Mono_Dark_Instagram:before {
  content: "\e922"; 
}
.icon-Endeavour_Icons_Mono_Dark_Insurance:before {
  content: "\e923"; 
}
.icon-Endeavour_Icons_Mono_Dark_Insure_My_Belongings:before {
  content: "\e924"; 
}
.icon-Endeavour_Icons_Mono_Dark_Internet_Banking_Lock:before {
  content: "\e925"; 
}
.icon-Endeavour_Icons_Mono_Dark_Kids_and_Youth:before {
  content: "\e926"; 
}
.icon-Endeavour_Icons_Mono_Dark_Latest_News:before {
  content: "\e927"; 
}
.icon-Endeavour_Icons_Mono_Dark_Loans_and_Credit_cards:before {
  content: "\e928"; 
}
.icon-Endeavour_Icons_Mono_Dark_Lost_or_Stolen_Card:before {
  content: "\e929"; 
}
.icon-Endeavour_Icons_Mono_Dark_Mobile:before {
  content: "\e92a"; 
}
.icon-Endeavour_Icons_Mono_Dark_Mobile_App:before {
  content: "\e92b"; 
}
.icon-Endeavour_Icons_Mono_Dark_News:before {
  content: "\e92c"; 
}
.icon-Endeavour_Icons_Mono_Dark_Open_a_Savings_Account:before {
  content: "\e92d"; 
}
.icon-Endeavour_Icons_Mono_Dark_Our_Branches:before {
  content: "\e92e"; 
}
.icon-Endeavour_Icons_Mono_Dark_Our_Story:before {
  content: "\e92f"; 
}
.icon-Endeavour_Icons_Mono_Dark_Pay_Anyone:before {
  content: "\e930"; 
}
.icon-Endeavour_Icons_Mono_Dark_Personal_Loans:before {
  content: "\e931"; 
}
.icon-Endeavour_Icons_Mono_Dark_Privacy_Statement:before {
  content: "\e932"; 
}
.icon-Endeavour_Icons_Mono_Dark_Publications:before {
  content: "\e933"; 
}
.icon-Endeavour_Icons_Mono_Dark_Rates_and_Fees:before {
  content: "\e934"; 
}
.icon-Endeavour_Icons_Mono_Dark_Reduce_My_Fees:before {
  content: "\e935"; 
}
.icon-Endeavour_Icons_Mono_Dark_Refinance_My_Loan:before {
  content: "\e936"; 
}
.icon-Endeavour_Icons_Mono_Dark_Savings:before {
  content: "\e937"; 
}
.icon-Endeavour_Icons_Mono_Dark_Savings_and_Investments:before {
  content: "\e938"; 
}
.icon-Endeavour_Icons_Mono_Dark_Savings_Account:before {
  content: "\e939"; 
}
.icon-Endeavour_Icons_Mono_Dark_Search:before {
  content: "\e93a"; 
}
.icon-Endeavour_Icons_Mono_Dark_Security:before {
  content: "\e93b"; 
}
.icon-Endeavour_Icons_Mono_Dark_Special_Offer:before {
  content: "\e93c"; 
}
.icon-Endeavour_Icons_Mono_Dark_Website:before {
  content: "\e93d"; 
}
.icon-Endeavour_Icons_Mono_Dark_Your_Banking_Services:before {
  content: "\e93e"; 
}
.icon-Endeavour_Icons_Mono_Dark_Youtube:before {
  content: "\e93f"; 
}
  
/*
  .icon-Blog-Icon:before {
    content:                      "\e600";
    display:                      block;
  }*/

  .icon-facebook-with-circle:before,
  .icon-instagram-with-circle:before { 
    font-size:                    48px;
    -webkit-transition: color ease 0.3s;
    -moz-transition: color ease 0.3s;
    -o-transition: color ease 0.3s;
    transition: color ease 0.3s;
  }

  .icon-facebook-with-circle span,
  .icon-instagram-with-circle span {
    position:                     absolute;
    top:                          -9999px;
    left:                         -9999px;
  }

  .icon-facebook-with-circle:before {
    content:                      "\e901";
    display:                      block;
    color:                        #3b5998;
  }

      .icon-facebook-with-circle:hover:before {
        color:                        #4465ad;
      }


  .icon-instagram-with-circle:before {
    content:                      "\e902";
    display:                      block;
    color:                        #e1306c;
  }

      .icon-instagram-with-circle:hover:before {
        color:                        #f53374;
      }



  .icon-Calc-Icon:before {
    content:                      "\e60b";
    display:                      block;
  }

  .icon-DLFormsl-Icon:before {
    content:                      "\e602";
    display:                      block;
  }

  .icon-Rates-Icon:before {
    content:                      "\e629";
    display:                      block;
  }

  .icon-Travel-Icon:before {
    content:                      "\e604";
    display:                      block;
  }

  .icon-Lock-Icon:before {
    content:                      "\e605";
    display:                      block;
  }

  .icon-Phone-Icon:before  {
    content:                      "\e60f";
    display:                      inline-block;
    color:                        #fff;
    font-size:                    22px;
    position:                     absolute;
    margin:                       -4px 0 0 -26px;
    line-height:                  34px;
  }

  .icon-Search-Icon:before {
    content:                      "\e62c";
    display:                      block;
    font-size:                    24px;
    line-height:                  46px;
    margin:                       0 17px;
  }

  .icon-Vermilian-Icon:before {
    content:                      "\e608";
  }

  .icon-bullet-Icon:before {
    content:                      "\e609";
  }

  .icon-linkedin-Icon:before {
    content:                      "\e60a";
  }

  .icon-print-Icon:before {
    content:                      "\e60b";
  }

  .icon-money-Icon:before {
    content:                      "\e623";
    display:                      block;
  }

  .icon-gplus-Icon:before {
    content:                      "\e60d";
  }

  .icon-credit-Icon:before {
    content:                      "\e600";
    display:                      block;
  }

  .icon-chevron-l-Icon:before {
    content:                     "\e604";
  }

  .icon-chevron-r-Icon:before {
    content:                     "\e603";
  }

  .icon-facebook-Icon:before {
    content:                      "\e611";
  }

  .icon-share-Icon:before {
    content:                      "\e612";            
  }

  .icon-Online-Icon:before {
    content:                      "\e601";
    display:                      block;
  }
  
  .icon-btnArrowNext:before {
  content: "\e607";
}
.icon-btnArrowPre:before {
  content: "\e608";
}

.icon-tick:before {
  content: "\e62d";
}

  .icon-Logo-Icon {
    text-decoration:              none;
    display:                      block;
    padding:                      0 0 40px 0;
    height:                       50px;
    line-height:                  46px;
  }

      .icon-Logo-Icon:before {
        content:                      "\e613";
        height:                       60px;
        width:                        200px;
        color:                        #fff;
        font-size:                    209px;
        line-height:                  48px;
      }

  .down-arrow:before {
    content:                          "\e602";
    display:                          block;
    font-size:                        21px;
    line-height:                      30px;
    color:                            #fff;
  }
  
  .btn.product:after, .btn.four-pnt:after {
    
  content:                         "\e603";
    display:                          inline-block;
    font-size:                        13px;
  font-weight:            bold;
  font-weight:            bold;
    line-height:                      23px;
    color:                            #939597; 
  vertical-align:           middle; 
  margin:               0 0 0 2px;
    
   }  
   
   .containerBottomLevelPromo .btn.product:after {
     
   font-size:                        14px;   
     
  }
    

/*  i.shareThis:before,
  i.facebook:before,
  i.twitter:before,
  i.email:before,
  i.google-plus:before,
  i.linked-in:before {
    width:                        20px;
    text-align:                   center;
    font-size:                    17px;
    display:                      inline-block;
    margin-right:                 5px;
    line-height:                  30px;
    color:                        #ed1944;
    float:                        left;
  }

  i.shareThis:before {            content: "\e612"; }
  i.facebook:before {             content: "\e611"; }
  i.twitter:before {              content: "\e630"; }
  i.email:before {                content: "\e62e"; }
  i.google-plus:before {          content: "\e60d"; }
  i.linked-in:before {            content: "\e60a"; }*/

  div#page ul:after, div.blog ul li:after, .general-content-campaign  ul li:after  {
    content:                      " ";
    visibility:                   hidden;
    display:                      block;
    height:                       0;
    clear:                        both;
  }

  div#page ul li, div.blog ul li, .general-content-campaign  ul li {
    padding: 0;
    margin: 0 0 10px 40px;
    font-size: 16px;
    line-height: 26px;
    text-indent: -33px;
    list-style: none;
  }

  div#page ul li:before, div.blog ul li:before, .general-content-campaign  ul li:before   {
    content:                       "\e609";
    margin-right:                  20px;
    width:                         40px;
    font-size:                     13px;
    line-height:                   26px;
  color:              #ed1944;
  }

  div#page p, p {
    line-height:                   26px;
    font-size:                     16px;
    margin:                        0 0 40px 0;
    padding:                       0;
/*    max-width:                     835px;*/
  }
  
    div#page .expandTb ul li, .general-content-campaign .expandTb ul li {
    padding:                       0;
    margin:                        0 0 10px 70px;/* this may be causing layout issues*/
    font-size:                     16px;
    line-height:                   26px;
    text-indent:                   -30px;
    list-style:                    none;
  }

  section.content.campaign div#page p.buttonheading {
    margin:                        0;
    bottom:                        -191px;
  }

  a {
    color:                         #ed1944;
  text-decoration:        none;
  }

  a:hover {
    color:                         #1a1a1a;
  }


/* To top 
============================================================================ */

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 20%;
    right: 40px;
    overflow: hidden;
    width: 44px;
    height: 44px;
    border-radius: 50px;
    border: none;
    text-align: center;
    font: normal normal 14px/40px  "GillSansStd", Arial, Helvetica, serif;
    color: #fff;
    background: #ed1944;
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=0.5);
    z-index: 9999;
}

#toTop:after {
    content: "\e605";
    position: absolute;
    margin: -92px 0 0 -22px;
    color: #ffffff;
    font-weight: normal;
    font-size: 24px;
}

#toTopHover {
    width: 48px;
    height: 48px;
    display: block;
    overflow: hidden;
    float: left;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}



/* Site architecture
====================================== */

  .main-wrapper {
    height:                        100%;
    width:                         100%
  }

  .section-wrapper {
    width:                         100%;
  }

  section.content,
  section.content.campaign {
    padding:                        100px 20px;
    padding-bottom: 40px;
  }

  section.content {
    max-width:                      1200px;
    margin:                         auto;
    margin-top:                     120px;
    position:                       relative;
  }

  .responsive2 section.content {
    padding:                        0 20px 0px;
  }
  
  div.general-content-campaign  {
  max-width:                      1200px;
    margin:                         auto;
    position:                       relative;
  padding:                        0 20px; 
    
    }

  .internal-banner, .internal-banner-campaign, .internal-banner-blog, .internal-banner-testimonial  {
    margin:                         0;
    overflow:                       hidden;
    height:                         240px;
    position:                       relative;
    left:                           0;
    right:                          0;
    background:                     #4c4c4c; 
    width:                          100%;
    top:                            157px;
  
  
background: rgba(102,102,102,1);
background: -moz-linear-gradient(left, rgba(102,102,102,1) 0%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(102,102,102,1)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(left, rgba(102,102,102,1) 0%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(left, rgba(102,102,102,1) 0%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(left, rgba(102,102,102,1) 0%, rgba(0,0,0,1) 100%);
background: linear-gradient(to right, rgba(102,102,102,1) 0%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c4c4c4c', endColorstr='#000000', GradientType=1 );

  }

  .internal-banner-campaign {
    height:                         317px;
    position:                       relative;
    top: 60px;
  }
 .embform iframe{
      height: 560px !important;
}
  .internal-banner img, .internal-banner-campaign img {
    height:                         100%;
    width:                          auto;
    position:                       absolute;
    left:                           -300%;
    right:                          -300%;
    margin:                         auto;
  }

  .blog-wrapper {
    width:                          100%;
    max-width:                      1200px;
    padding:                        0 20px;
    margin:                         auto;
  }

  section.content div#page {
    width:                          100%;
  }
 
  .middleSection {
    background-color:               #333333;
    padding:                        0px;
  }

  .middleSection-inner {
      max-width:                    983px;
      margin:                       0px auto;
      padding:                      0 0 60px;
      box-sizing:                   border-box;
     -moz-box-sizing:                border-box;
  }

  .middleSection-inner h2 {
    color:                          #FFF;
    text-align:                     center;
    margin:                         0px 0px 40px;
    padding:                        30px 0 0px;
  }  

  .middleSection-inner ul {
    position:                       relative;
    margin:                         0 20px;
    padding:                        0px;
    overflow:                       hidden;
  }

  .middleSection-inner ul li {
      background-color:             #FFF;
      display:                      inline-block;
      float:                        none;
      height:                       auto;
      min-height:                   335px;
      /*
      padding-bottom:               10000px;
      margin-bottom:               -10000px;
      */
      overflow:                     hidden;
      text-align:                   center;
      text-indent:                  0px;
      vertical-align:               top;
      width:                        24%;
    box-sizing:         border-box;
     -moz-box-sizing:                border-box;
     padding-left:        10px;
     padding-right:       10px;
    text-indent: 0;
  }

 .middleSection-inner ul li:before {
      content:"";
  }

  .middleSection-inner .circle {
    color:                          #FFF;
    font-weight:                    bold;
    background:                     #ed1944 none repeat scroll 0% 0%;
    text-align:                     center;
    line-height:                    40px;
    margin:                         20px auto;
    width:                          40px;
    height:                         40px;
    border-radius:                  20px;
    text-indent: 0;
  }

  .middleSection-inner .Rate-interest span.input, .middleSection-inner .Rate-comparison span.input {
    font-size:                      45px;
    font-weight:                    normal;
    line-height:                    40px;
    font-family:                    "FoundersGroteskLight",Verdana,Arial,sans-serif;
   
}

 .bottomSection {
    padding:                        40px 0;
  }

.formSection-inner {
    max-width:                      1200px;
    margin:                         0px auto;
    padding:                        0 0 20px 0px;
    box-sizing:                     border-box;
   -moz-box-sizing:                border-box;
}


/* === four points styling === */

#page .four-points ul {
    position:                       relative;
    margin:                         0;
    padding:                        0px;
    overflow:                       hidden;
  list-style: none;
  }

 #page .four-points ul li {
    background-color: #FFF;
    display: inline-block;
    float: left;
  min-height:450px;
    height: 100%;
    overflow: hidden;
    text-align: center;
    vertical-align: top;
    width: 24%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
   border-radius:6px;
   border:1px solid #cccccc;
    padding: 0 10px;
   margin:0 1% 0 0;
    text-indent:0;
  }


#page .four-points ul li:before {
    content: "";
  display:block;
  position:absolute;
  }


  .four-points .circle {
    color:                          #FFF;
    font-weight:                    bold;
    background:                     #ed1944 none repeat scroll 0% 0%;
    text-align:                     center;
    line-height:                    40px;
    margin:                         20px auto;
    width:                          40px;
    height:                         40px;
    border-radius:                  20px;
    text-indent: 0;
  }



/* Main nav
====================================== */

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

  .desktop  {
   width: 100%;
   max-width: 170px;
  }

  .mobile {
    max-height: 60px;
  }

  .nav-wrapper {
    top:                            0;
    height:                         170px;
    position:                       fixed;
    width:                          100%;
    z-index:                        99999;
    background-color:               #fff;
  }

  .nav-wrapper.campaign {
    height: 60px;
    border-bottom: 0;
  }

  .menu-wrapper {
    background: #ed1944;
    background: -moz-linear-gradient(45deg, #ed1944 0%, #f57f29 99%, #faa41a 100%);
    background: -webkit-linear-gradient(45deg, #ed1944 0%,#f57f29 99%,#faa41a 100%);
    background: linear-gradient(45deg, #ed1944 0%,#f57f29 99%,#faa41a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1944', endColorstr='#faa41a',GradientType=1 );  
  }

  .menu-container {
    max-width:                      1200px;
    width:                          100%;
    padding:                        0;
    margin:                         auto;  
    position:                       relative;                  
  }

  .menu-top-wrapper {
    max-width:                      1200px;
    width:                          100%;
    margin:                         auto;
    padding: 15px 20px;
    height: 95px;
    position:                       relative;
  }
   .campaign .menu-top-wrapper {
        padding: 0px;
        height: 60px;
      }

  .main-menu-top {
    max-width:                      600px;
    width:                          100%;
    margin:                         auto;
    float:                          right;
    text-align:                     right;
    height:                         63px;
    position:                       relative;
    z-index:                        999999;
  } 
      
  .menutopMenu {
    max-width:                      1000px;
    margin:                         auto;
    float:                          right;
    text-align:                     right;
    height:                         63px;
    position:                       relative;
    z-index:                        999999;
  }
  
  .menutopMenu li {
    padding:                        0;
    padding:                        0 1em 0 0;
    margin:                         0;
    line-height:                    62px;
    display:                        inline-block;
    font-size:                      1.1em;
    font-family:                    "FoundersGroteskLight",Verdana, Geneva, sans-serif;
  }
  
  
    .menutopMenu li:last-child {
        padding:                        0;
        float:                          right;
      }

      .menutopMenu li a {
        text-decoration:                none;
        color:                          #989898;
        padding:                        20px 0; 
        font-size:                      16px;
      }

          .menutopMenu li a:hover {
            border-top:                 4px solid #ed1944;  
            margin:                     0 0 4px 0; 
            color:                      #4c4c4c;   
          }
      
    .menutopMenu li.menuIbLogin a {
      margin:                             2px auto;
    color:                              #fff;
    padding:                            0 12px;
    border:                             none;
    border-radius:                      6px;
    min-width:                          0;
    float:                              right;
    max-width:                          16.077em;
    box-sizing:                         content-box;
      background-color: #ed1944;
    background: #ed1944;
    background: -moz-linear-gradient(45deg, #ed1944 66%, #f57f29 100%);
    background: -webkit-linear-gradient(45deg, #ed1944 66%,#f57f29 100%);
    background: linear-gradient(45deg, #ed1944 66%,#f57f29 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1944', endColorstr='#f57f29',GradientType=1 );
    height:             60px;
    
  }
  
  .menutopMenu li.menuIbLogin a span {
    font-size:                          18px;
    
  }
  

      .menutopMenu li.menuIbLogin a:before {
        content:                            "\e925";
        float:                              left;
        width:                              30px;
        margin:                             0 9px 0 0;
        padding:                            0 9px 0 0;
        font-size:                          28px;
        line-height:                        58px;
        color:                              #ffffff;
      }
    
    .menutopMenu li.menuIbLogin a:after {
    content:"";
    display:none;  
      
      }
    
     .menutopMenu li.menuIbLogin a:hover {
        color:                              #fff;
        border-bottom:                      4px solid #8b1e14;
        margin:                             1px auto 5px auto;
    -moz-box-shadow:                        0 3px 2px 0 #e3e3e3;
        box-shadow:                         0 3px 2px 0 #e3e3e3;
      }

  .menutopMenu li:nth-last-child(2) a {
    
    pointer-events:                         none;
    cursor:                                 text;
    color:                                  #4c4c4c;
    
    
    }
    
    
    

  /* --- Search --- */   

  .search-wrapper {
    width:                          100%;
    max-width:                      1200px;
    padding:                        0 20px;
    margin:                         auto;
    position:                       absolute;
    top:                            85px;
    left:                           -50%;
    right:                          -50%;
  }

  .campaign .search-wrapper {

    top:                            50px;
    
  }

  #search-form {
    display:                        block;
    float:                          right;
    margin:                         23px 20px 12px 0;
    width:                          233px;
    position:                       absolute;
    right:                          0;
    height:                         50px;
    background:                     rgba(255, 255, 255, 0.2);
    border-radius:                  6px;
  border:             1px solid #fff;
  }    

  #search-menu {
    position:                       relative;
    z-index:                        9999;
    display:                        none;
    text-decoration:                none;
    color:                          #4c4c4c;
  }    

  #search-form input {
    font-size:                      16px;
    color:                          #fff;
    width:                          198px;
    border:                         none;
    background-color:               transparent;
    /*box-shadow:                     0 -1px 0 #fff, 0 1px 0 #fff;*/
    line-height:                    20px;
    vertical-align:                 middle;
    height:                         50px;
    border-radius:                  6px 0 0 6px;
    padding:                        0 15px;
    box-sizing:                     border-box;
  }

  #search-form input::-ms-clear {
    display:                        none;
  }

  #ps_icon_background {
    border-radius:                  0 6px 6px 0;
    text-align:                     left;
    width:                          30px;
    padding:                        0 5px 0 0;
    margin:                         0 0 0 -6px;
    cursor:                         pointer;
    color:                          #fff;
    background:                     none;
    background:                     transparent;
    height:                         50px;
   /* box-shadow:                     0 -1px 0 #fff, 0 1px 0 #fff;*/
  }

  #ps_icon {
    background:                     none;
    height:                         50px;
    width:                          35px;
    padding:                        0;
  }

      #ps_icon:before {
        content:                     "\e62c";
        font-size:                   27px;


        color:                       #fff;
        cursor:                      pointer;
      }

  #ps_icon.close, #ps_icon.searching {
    background:                     none;
  }

  #ps_icon.searching {
    background:                     url(/templates/client/images/menu/spinner.gif);
    height:                         50px;
    width:                          30px;
    background-size:                30px;
    background-repeat:              no-repeat;
    background-position:            center;
  }

      #ps_icon.searching:before {
        content:                        none;
      }

      #ps_icon.close:before {
        content:                        "×";
        font-size:                      27px;
        color:                          #fff;
        line-height:                    44px;
      }

  input#searchsubmit {
    border-radius:                  0 6px 6px 0;
    text-align:                     left;
    width:                          30px;
    padding:                        0 5px 0 0;
    margin:                         0 0 0 -6px;
    cursor:                         pointer;
    color:                          #ed1944;
  }

  #search-form input:focus {
    outline:                        none;
  }

  ::-webkit-input-placeholder {
    color:                          #f5cc8e;
    font:                           italic normal 14px Verdana, Geneva, sans-serif;  
  }
      
  :-moz-placeholder { 
    color:                          #f5cc8e;
    font:                           italic normal 14px Verdana, Geneva, sans-serif; 
    line-height:                    40px;
  }
      
  ::-moz-placeholder { 
     color:                         #f5cc8e;
     font:                          italic normal 14px Verdana, Geneva, sans-serif; 
     line-height:                   40px;
  }
      
  :-ms-input-placeholder {  
      color:                        #f5cc8e;
      font:                         italic normal 14px Verdana, Geneva, sans-serif;    
  }

  placeholder {  
      color:                        #f5cc8e;
      font:                         italic normal 14px Verdana, Geneva, sans-serif;    
  }

  #ps_results {
    width:                          700px;
    max-height:                     500px;
    margin:                         12px 0 0 -467px;
    box-sizing:                     border-box;
    border:                         0;
    padding:                        20px;
    position:                       relative;
    overflow:                       hidden;
    overflow-y:                     scroll;
    box-shadow:                     4px 4px 0 1px rgba(68,68,68,0.1);
    border-left:                    1px solid #ebebeb;
    border-right:                   1px solid #ebebeb;
    border-bottom:                  1px solid #ebebeb;
  }

  #ps_results span {
    line-height:                    24px;
  }

  #ps_results a.clearboth {
    margin:                         20px 0 0 0;
    display:                        block;
  }

  #ps_results .ps_header {
    font-weight:                    normal;
    font-size:                      24px;
    background:                     none;
    padding:                        0;
    margin:                         0 0 20px 0;
  }

  #ps_results .ps_row_btm {
    font-weight:                    normal;
    font-size:                      14px;
    background:                     none;
    padding:                        0;
    margin:                         0 0 20px 0;
  }

  #ps_results [class^="ps_row"]  {
    border:                         none;
    padding:                        0;
    font-size:                      16px;
    border-bottom:                  1px solid #ebebeb;
    padding-bottom:                 40px;
    margin:                         0;
  }

      #ps_results [class^="ps_row"]:last-child {
        border-bottom:                  none;
      }

  #ps_results a h3 {
    color:                          #ed1944;
    padding:                        20px 0;
    font-size:                      18px;
  }

  #ps_results #ps_link {
    display:                        none;
  }


/* Main Rotator 
====================================== */

/* Force a line break */
a.rotator-para, a.rotator-para:hover, a.rotator-para:visited {
  display: block;
  color: #fff;
  text-decoration: none;
}

/* Emphasis styling on rates */
a.rotator-rates, a.rotator-rates:hover, a.rotator-rates:visited  {
  color: #fff;
  text-decoration: none;
  font-size: 45px;
  line-height: 45px;
  vertical-align: middle;
}

  section.main-banner {
    height:                         46%;
    display:                        block;
    position:                       relative;
     margin-top:                       170px;

  }
  .cookieactive  section.main-banner{
    margin-top: 240px;
  }
  
  .TB_Wrapper {
    background:                     url(/templates/client/images/rotator/spinner-rotator.gif) center center no-repeat;
  } 
  
  .TB_Wrapper, .TB_Wrapper .Slides {
      width:                          100% !important;
      max-width:                      100% !important;
      height:                          100%!important;
  }

  .TB_Wrapper .Slide  div {
    font-size:                      30px;
    line-height:                    35px;
    font-family:                    "FoundersGroteskLight",Verdana, Geneva, sans-serif;
    font-weight:                    normal;
    position:                       relative;
  }

  .TB_Wrapper .Slide > div {
    z-index:                        9999;
    width:                          100% !important;
    left:                           0% !important;
    -webkit-transform:              translateY(-50%);
    -ms-transform:                  translateY(-50%);
    transform:                      translateY(-50%);
    position:                       absolute;
    display:                        block !important;
    top:                            50% !important;
  }

  .TB_Wrapper .Slide div.txtCont {
    position:                       absolute;
    top:                            auto;
    text-align:                     center;
    height:                         auto !important;
    width:                          100% !important;
  }

  .TB_Wrapper .Slide {
    top:                            0 !important;
    overflow:                       hidden;
    position:                       absolute;
    margin:                         0;
    height:                         100%;
  }
  

  .TB_Wrapper .Slide div.noSelect {
    top:                            0 !important;
    padding:                        0 60px;
    -moz-box-sizing:                border-box;
    box-sizing:                     border-box;
    max-width:                      1200px;
    margin:                         auto;
    left:                           0 !important;
    width:                          100% !important;
  }

  .TB_Wrapper .Slide img.noSelect {
    margin:                         auto;
    left:                           -300% !important;
    right:                          -300% !important;
    width:                          auto !important;
    z-index:                        0;
  }

  .TB_Wrapper .captionCanvas {
    display:                        none;
  }

  .TB_Wrapper .navHolder {
    z-index:                        4 !important;
  }

  .defaultButton .rounded .icon {
    margin-top:                     60px;
  }

  .TB_Wrapper .icon {
      background:                   none;
  }

  .TB_Wrapper .icon:before {
    content:                        "\e602";
  }

  .TB_Wrapper .defaultButton {
    margin-top:                     0;
    height:                         70px !important;
    background-color:               transparent !important;
    box-shadow:                     none !important;
  }

  .TB_Wrapper .navHolder div.noSelect:first-child {
    margin-right:                   60px;
  }

  .TB_Wrapper .navHolder div.noSelect:first-child .icon:before,
  .TB_Wrapper .navHolder div.noSelect:last-child .icon:before {
    line-height:                    57px;
    position:                       absolute;
    color:                          #fff;
  }

  .TB_Wrapper .navHolder div.noSelect:first-child .icon:before {
    content:                        "\e603";
    left:                           -18px;
  } 

  .TB_Wrapper .navHolder div.noSelect:last-child .icon:before {
    content:                        "\e604";
    right:                          -18px;
  }

  .TB_Wrapper .Slide div .txtCont span span {
    font:                           normal normal 65px "FoundersGrotesk-Bold",Verdana, Geneva, sans-serif;
    font-weight:                    normal !important;
    margin-bottom:                  -30px;
    display:                        block;
  }


/* Quick tools
====================================== */

  .qt-wrapper {
    border-top:                     1px solid #ebebeb;
  height:210px;
  }

  .quick-tools {
    max-width:                      1200px;
    margin:                         auto;
  }

  .quick-tools li {
    font-family:                    Verdana, Geneva, sans-serif;
    height:                         210px;
    width:                          20%;
    text-align:                     center;
    -moz-box-sizing:                border-box;
    box-sizing:                     border-box;
    border-right:                   1px solid #ebebeb;
    margin:                         0;
/*    display:                        inline-block;*/
float:left;
list-style:none;
    text-indent:                    0;
  }
      
  .quick-tools li a {
    padding:                        63px 0;
    text-decoration:                none;
    color:                          #545454;
    display:                        block;
    -webkit-transition:             background-color ease 0.3s;
    -moz-transition:                background-color ease 0.3s;
    -o-transition:                  background-color ease 0.3s;
    transition:                     background-color ease 0.3s;
    box-sizing:                     border-box;
   -moz-box-sizing:                border-box;
    height:                         100%;
  }

      .quick-tools li a:hover {
        background-color:               #f5f5f5;
      }

      .quick-tools li:before {
        content:                        none;
      }

      .quick-tools li:last-child {
        border-right:                   0;
      }

  .quick-tools [class^="icon-"], .footer-links [class^="icon-"] {
    margin:                         0;
  }   


/* Sub promo
====================================== */

  .subpromo-menu {
    width:                          100%;
    margin:                         0 0 -2px 0;
  }

  .subpromo-menu li {
    width:                          33.333333333%;
    display:                        inline-block;
    position:                       relative;
    height:                         360px;
    font-size:                      14px;
    overflow:                       hidden;
    margin:                         0;
    border-left:                    2px solid #ffffff;
    border-right:                   2px solid #ffffff;
    -moz-box-sizing:                border-box;
    box-sizing:                     border-box;
  }

      .subpromo-menu li:first-child {
        border-left:                    0;
      }

      .subpromo-menu li:last-child {
        border-right:                   0;
      }

  .sub-promo {
    width:                          100%;
    font-size:                      20px;
    color:                          #fff;
    position:                       relative;
    overflow:                       hidden;
    text-align:                     center;
  }

  .sub-promo-content, .banner-content {
    padding:                        0 40px;
    position:                       absolute;
    top:                            50%;
    -webkit-transform:              translateY(-50%);
    -ms-transform:                  translateY(-50%);
    transform:                      translateY(-50%);
    z-index:                        9998;
    margin:                         auto;
    left:                           0;
    right:                          0;
    max-width:                      800px;
    width:                          100%;
    -moz-box-sizing:                border-box;
    box-sizing:                     border-box;
  }

  .sub-promo p, .sub-promo h3 {
    margin:                         auto;
    position:                       relative;
    z-index:                        999;
   -webkit-transform-style: preserve-3d;
  -webkit-transform:translate3d(0,0,0);
  }

  .sub-promo p {
    margin:                         0 auto 20px auto;
  }

  .sub-promo h1, .sub-promo h2, .sub-promo h3 {
    font-family:                    "FoundersGroteskLight",Verdana, Geneva, sans-serif;
    font-size:                      30px;
    padding-bottom:                 10px;
    line-height:                    35px;
    color:                          #fff;
  }

  .sub-promo img {
    margin:                         0 auto 20px auto;
    display:                        block;
  }

  .sub-promo-content img {
    max-width:                      225px;
    width:                          auto;
  }

  .sub-promo img.bg {
    position:                       absolute;
    top:                            0;
    margin:                         auto;
    left:                           -300%;
    right:                          -300%;
    z-index:                        0;
  }

  .sub-promo .fine-print {
    font-size:                      10px;
    line-height:                    10px;
    margin:                         0;
  }


.sub-promo .social a, .sub-promo .pay a {
  display: inline;
  width: 33.3%;
  min-width: 80px;
  text-align: center;
}

.sub-promo .social img, .sub-promo .pay img {
  display: inline;
  margin: 20px;
  max-width: 55px;
  vertical-align: middle;
  width: 100%;
  -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
  
}

.sub-promo .pay img {
  margin: 5px;
  
}

.sub-promo .social img:hover, .sub-promo .pay img:hover {
  
  -webkit-transform: scale(1.1);
    transform: scale(1.1);

}



/* News
====================================== */

  .articlelist_intro {
    font-size:                      16px;
    line-height:                    26px;
  }

  .articlelist_title {
    position:                       relative;
    font-size:                      22px;
  font-family:          "FoundersGroteskSemiBold",Verdana, Geneva, sans-serif;
    line-height:                    25px;
    text-align:                     left;
    text-decoration:                none;
    color:                          #4c4c4c;
    display:                        block;
    margin:                         0;
  }

  .news h2 {
    height:                         71px;
    position:                       relative;
    margin:                         0 0 40px 0;
    padding:                        0;

  }

      .news h2:before {
        content:                        "";
        text-align:                     center;
        position:                       absolute;
        left:                           0;
        right:                          0;
        bottom:                         0;
        height:                         1px;
        width:                          85px;
        margin:                         auto;
        border-bottom:                  1px solid #ed1944;
      }

  .news, .newsreel {
    max-width:                      1200px;
    padding:                        0 20px;
    text-align:                     center;
    margin:                         80px auto;
  }
  
  .news .articlelist_title {
  
  margin:             0 0 20px 0;  
   
   
   }

  .newsreel {
    margin-top:                     40px;
  }

  .articlelist li {
    width:                          30%;
    margin-right:                   3.3%;
    text-align:                     left;
    display:                        inline-block;
    padding:                        0;
    vertical-align:                 top;
  }

      .articlelist li:last-child {
        margin-right:                   0;
      }

  #moreNews a {
    display:                        block;
    text-decoration:                none;
    text-align:                     center;
    color:                          #fff;
    font:                           normal normal 16px/22px "FoundersGroteskSemiBold",Verdana, Geneva, sans-serif;  
    border-radius:                  6px;
    border-top:                     0;
    border-left:                    0;
    border-right:                   0;
    margin:                         40px auto 0 auto;
    height:                         55px;
    line-height:                    55px;
    padding:                        0 15px;
    color:                          #ed1944;
    background:                     none;
    border:                         2px solid #ed1944;
    position:                       relative;
    max-width:                      168px;
  text-transform:         uppercase;
  }

  #moreNews a:hover {
    color:                          #fff;
    background:                     #ed1944;
    border:                         2px solid #fff;
  }

  span.readMore {
    display:                        block;
    margin:                         20px 0 0 0;
  font:                 normal normal 18px/24px "FoundersGroteskSemiBold",Verdana, Geneva, sans-serif;
  }
  
  
  /* Testimonial
====================================== */

 .testimonials {
    width:                        100%;
    padding:                        0;
    text-align:                     center;
    margin:                         0 auto;
  }
  

  
.jcarousel-skin-tango-tm {
     
    width:              100%;
    margin:             0;
  padding:                        30px;
  background-color:       #eee;
  box-sizing:           border-box;
     
  }

.jcarousel-skin-tango-tm .jcarousel-clip-vertical {
    width: 100%;  
    height: 200px;
  margin:0 auto;
}
  
  
    .testimonials .articlelist {
    
    display: block;
      max-width: 1200px;
      margin: 0 auto!important;       
    
    }
    
    
  .testimonials .articlelist li {
    width: 100%;
    margin: 0;
    display: inline-block;
    padding: 0;
  text-align:center;
  vertical-align: middle;
}

  .testimonials .articlelist li.articlelist_item {
    width: 100%;
    display: inline-block;
    padding: 0;
    height: auto;
    margin: 0;
}

  .testimonials .articlelist_title {

    text-align: center;

}
  
  .testimonials .articlelist li p {
    
  margin:0 0 20px 0;  
    
}

  .testimonials .articlelist_intro p:nth-child(2):after {
    content:"...";
  }
  
 /* Buttons */
  
  .testimonials .jcarousel-prev, .testimonials .jcarousel-next {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    bottom: inherit;
    float: none;
    height: auto;
    position: relative;
  margin:0 auto;
    width: 1em;
    z-index: 10;
  display:inline-block!important;
  cursor:pointer;

}
.testimonials .jcarousel-prev {
  margin-right:20px;
}
.testimonials .jcarousel-next {
  margin-left:20px;
  
}

.testimonials .jcarousel-prev:before, .testimonials .jcarousel-next:before {
  color: #4c4c4c4c4c4c;
    display: block;
  font-size:30px;
   -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
  cursor:pointer;
    
  }

.testimonials .jcarousel-prev:before {
    content: "\e604";

}
.testimonials .jcarousel-next:before {
    content: "\e603";

}


/* Footer
====================================== */

  footer {
    background-color:               #eeeeee;
    min-height:                     500px;
    color:                          #4c4c4c;
    text-align:                     center;
    padding:                        40px 0;
  }

  footer ul, footer p {
    max-width:                      1200px;
    margin:                         0 auto 40px auto;
    padding:                        0 20px;
    -moz-box-sizing:                border-box;
    box-sizing:                     border-box;
  }

  footer p {
    font-size:                      12px;
    line-height:                    18px;
    color:                          #4c4c4c;
  }

   footer p:first-child {
    padding:                        0;
    margin:                         auto;
  }

  .footer-links li {
    margin:                         0 10px;
    font-size:                      14px;
    display:                        inline-block;
  }

      .footer-links li:nth-child(even) {
        color:                          #4c4c4c;
      }

  footer .logo {
    margin:                         40px 0 0 0;
  }
  
  footer a {
  
  color:              #ed1944; 
  text-decoration:        none; 
    
    }
    
  footer a:hover {
  
  color:              #ed1944;
  border-bottom:                  1px solid #ed1944; 
  padding:            0 0 5px 0; 
    
    }

/*  .footer-links li a {
    text-decoration:                none;
  }

      .footer-links li a:hover {
        padding:                        0 0 9px 0;
        border-bottom:                  1px solid #c6c6c6;
      }
*/

.footer-social {
  max-width: 1200px;
  margin: 0 auto 15px auto;
  padding: 0 20px;
  box-sizing: border-box;
  list-style: none;
  height: 100px;
}

.footer-social li {
  display: inline-block;
  width: 70px;
  height: 70px;
}

.footer-social li a {
  display: inline-block;
}

.footer-social li a img {
  max-width: 50px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.footer-social li a img:hover {
      -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.footer-social li a:hover {
  text-decoration: none;
  padding: 0;
  border: none;
}

@media all and (max-width: 540px) {

  .footer-social {
    margin: 20px auto;
  }

  .footer-social li {
    width: 50px;
  }

  .icon-facebook-with-circle:before,
  .icon-instagram-with-circle:before  {
    font-size: 36px;
    color: inherit;
  }

  .icon-facebook-with-circle:before {
    color:                        #3b5998;
  }

  .icon-instagram-with-circle:before {
    color:                        #e1306c;
  }

}


/* locator 
============================================================================ */

div#mapControls, #mapWrapper {
    box-sizing: border-box;
   -moz-box-sizing:                border-box;
}

#mapWrapper, #mapContainer, #locationContainer {
    width: 100% !important;
}

#locationContainer {
    margin-left: 0 !important;
}

#mainTopPanel, .additionalPanel {
    width: 100% !important;
}

.locationHeadings h2, .locationHeadings h3 {
    padding: 30px 0 20px !important;
}

.threecol .col1 h3, .threecol .col3 h3 {
    padding: 20px 0 !important;
    font-size: 25px !important;
}

#mainPanelDetails {
    width: 95% !important;
}

#results_panel ul#listResults li {
  
  text-indent:0;
  padding:5px!important;
  line-height:20px;

  }
  
#map_results ul li {
  
  text-indent:0!important;
  
  }
  
  
  
#map_results ul li#resultsTab:before, #results_panel ul#listResults li:before {
  
  content:none; }
  

  
.locationUrlLink {
  
  color:#ed1944!important;
  
  }

::-webkit-input-placeholder {
    color: #7c8589;
    font-family: Verdana, Geneva, sans-serif;
}

:-moz-placeholder {
    color: #7c8589;
    font-family: Verdana, Geneva, sans-serif;
    line-height: 40px;
}

::-moz-placeholder {
    color: #7c8589;
    font-family: Verdana, Geneva, sans-serif;
    line-height: 40px;
}

:-ms-input-placeholder {
    color: #7c8589;
    font-family: Verdana, Geneva, sans-serif;
}

placeholder {
    color: #7c8589;
    font-family: Verdana, Geneva, sans-serif;
}


/* ATM locator
============================================================================ */

body.Section0 .main-wrapper {
    min-height: 950px;
}

div#mapControls, #mapWrapper {
    padding: 20px 0 20px 20px;
}

#map_search_btn {
    background-color: #ed1944;
    border: 1px solid #ed1944;
    box-shadow: none;
    width: 100px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    font-family: Verdana, Geneva, sans-serif;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    color: #fff;
    margin: 3px 0 0 0;
    line-height: 20px;
    padding: 0 15px;
    text-indent: 0;
    min-height: 27px;
}

#map_search_btn:hover {
    background-color: #ed1944;
    border: 1px solid #ed1944;
}



/* Mixins - buttons, etc
====================================== */

  .bbox {
    -moz-box-sizing:                    border-box;
    box-sizing:                         border-box;
  }

  .clear-fix:before,
  .clear-fix:after {
    content:                            " ";
    visibility:                         hidden;
    display:                            block;
    height:                             0;
    clear:                              both;
  }

  .btn {
    -moz-box-sizing:                    border-box;
    box-sizing:                         border-box;
    display:                            inline-block;
    min-width:                          160px;
    text-decoration:                    none;
  text-transform:           uppercase;
    text-align:                         center;
    color:                              #fff;
    border-radius:                      6px;
    border-top:                         0;
    border-left:                        0;
    border-right:                       0;
    margin:                             0 5px 10px;
    height:                             50px;
    line-height:                        47px;
    padding:                            0 10px;
    text-indent:                        0;
    font-size:                          18px;
    border:                             0;
  font-family:          "FoundersGroteskSemiBold",Verdana, Geneva, sans-serif;
  }

      .btn:active {
        background:                         #ed1944;
        box-shadow:                         inset 0 2px 10px 2px rgba(68,68,68,0.3);
      }

  .btn.primary {
    background: #ed1944;
    background: -moz-linear-gradient(45deg, #ed1944 0%, #f57f29 99%, #faa41a 100%);
    background: -webkit-linear-gradient(45deg, #ed1944 0%,#f57f29 99%,#faa41a 100%);
    background: linear-gradient(45deg, #ed1944 0%,#f57f29 99%,#faa41a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1944', endColorstr='#faa41a',GradientType=1 );
  }

  .primary:hover, .readon:hover {
    color:                              #fff;
    background:                         #ed1944;
  }

  .secondary {
    color:                              #ed1944;
  border:               2px solid #ed1944;
    background:                         none;
    position:                           relative;
  padding:              0 10px;
  top:                2px;
    line-height: 45px;
  }

  .sub-promo .secondary {
    background:                         none;
    border:                             1px solid white;
    color:                              #fff;
    z-index:                            999;
    margin:                             0 auto 20px auto;
  }

      .secondary:hover {
        color:                              #fff;
        background:                         #ed1944;
        border:                             2px solid #ed1944;
      }

  .btn.medium {
    height:                             45px;
    padding:                            0 20px;
    line-height:                        46px;
    font-size:                          16px;
  }

  .btn.small {
    min-width:                          0;
    height:                             30px;
    padding:                            0 15px;
    line-height:                        31px;
    font-size:                          14px;
  }
  
  .btn.product, .btn.four-pnt {
  border:               none;
  color:                #939597;  
  text-align:             left;  
  padding: 0; 
  }
  
  
  .btn.product:hover, .btn.four-pnt:hover,
  .btn.product:hover:after, .btn.four-pnt:hover:after {
  
  border:               none;
  color:                #ed1944; 
  }
  
   .btn.product:active, .btn.four-pnt:active {
  
  background:             none;
  box-shadow:             none;   
  }
  
  .forms-applications .btn.product {
  
  padding:0;
  
  } 

  .TB_Wrapper a:hover {
    text-decoration:                    none;
  }

  .TB_Wrapper .btn.primary {
    display:                            block;
    margin:                             20px auto;
    max-width:                          300px;
    text-decoration:                    none;
    height:                             50px;
    line-height:                        50px;
    font-size:                          21px;
    min-width:                          108px;
    border:                             0;
  }


  /* specific button styles */

  .two-col-layout-cta td:last-child .btn {
    display:                            block;
    max-width:                          250px;
    margin:                             0 auto 20px auto;
  }

  .btn.ib {
    margin:                             5px auto;
    color:                              #fff;
    padding:                            0 12px;
    border:                             none;
    min-width:                          0;
    float:                              right;
    width:                              209px;
    box-sizing:                         content-box;
  display:              none;
  }

      .btn.ib:before {
        content:                            "\e625";
        border-right:                       1px solid #0077c7;
        float:                              left;
        width:                              30px;
        margin:                             0 15px 0 0;
        padding:                            0 9px 0 0;
        font-size:                          24px;
        line-height:                        55px;
        color:                              #ffffff;
      }

      .btn.ib:hover {
        color:                              #fff;
        border-bottom:                      4px solid #8b1e14;
        -moz-box-shadow:                    0 3px 2px 0 #e3e3e3;
        box-shadow:                         0 3px 2px 0 #e3e3e3;
        margin:                             1px auto 5px auto;
      }

      .btn.ib:active {
        -moz-box-shadow:                    none;
        box-shadow:                         none;
        border:                             none;
        margin:                             5px auto;
      }

      .desktop-ib {
        display:                            inline-block;
      }

      .mobile-ib {
        display:                            none;
      }

      .campaign .btn {
        min-width:                          220px;
      }
    
    .campaign.campaignHeader .btn.ib {
    min-width: 0;
   } 

  .readon, #searchForm .button {
    display:                            inline-block;
    cursor:                             pointer;
    text-decoration:                    none;
    text-align:                         center;
    font:                               normal normal 18px/33px "FoundersGroteskLight",Verdana, Geneva, sans-serif;
    letter-spacing:                     1px;
    border-radius:                      6px;
    border-top:                         0;
    border-left:                        0;
    border-right:                       0;
    margin:                             0 auto 20px auto;
    height:                             30px;
    padding:                            5px 25px;
    text-indent:                        0;
    border:                             0;
    color:                              #fff;
    background: #ed1944;
    background: -moz-linear-gradient(45deg, #ed1944 0%, #f57f29 99%, #faa41a 100%);
    background: -webkit-linear-gradient(45deg, #ed1944 0%,#f57f29 99%,#faa41a 100%);
    background: linear-gradient(45deg, #ed1944 0%,#f57f29 99%,#faa41a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1944', endColorstr='#faa41a',GradientType=1 );
  line-height:            22px;
  text-transform:           uppercase;

  }

  #searchForm .button  {
    height:                             38px;
  }

  div#page p.fine-print {
    font-size:                          12px;
    line-height:                        18px;
    color:                              #888888;
  }
  
  
/* Directors page styling
============================================================================ */

div#page ul.directors {
    margin: 40px 0;
    padding: 0 0 0 20px;
}

div#page ul.directors h3 {
    padding: 0 0 10px 0;
}

div#page ul.directors li {
    list-style: none;
    display: inline-block;
    width: 78.35%;
    margin: 0 0 0 0.85%;
    vertical-align: top;
  text-indent:0;
}

div#page ul.directors li:before {
    content: none
}

div#page ul.directors li:first-child {
    width: 15%;
    margin: 0;
}

div#page ul.directors li ul li, div#page ul.directors li ul li:first-child {
    width: 100%;
    margin: 0;
}



div#page ul.directors li img {
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
}

div#page ul.directors li p{
    /*margin: 0 0 20px 0;*/
  font-size:14px;
  line-height:22px;
}


/* TABLE STYLES 
============================================================================ */


div#page table {
    margin: auto;
}

table tbody td {
    font-size: 15px;
    line-height: 26px;
    vertical-align: top;
}

.padding td {
    padding: 0 40px;
}

table {
    max-width: 1160px !important;
    width: 100%;
 /*site width*/
}

table.clean, table.clean tr {
    background: none !important;
}

/* Expand Tables
============================================================================ */


div#page table.expandTb, div#page table.expandTb tr, div#page table.expandTb td, 
.general-content-campaign  table.expandTb, .general-content-campaign  table.expandTb tr, .general-content-campaign  table.expandTb td {
    margin: 20px 0!important;
    padding: 1%;
    text-align: left !important;
}

div#page table.expandTb td.expandTb_content, 
.general-content-campaign  table.expandTb td.expandTb_content {
    padding: 20px 0;
    height: auto;
  width:100%;
}

div#page table.expandTb td.expandTb_content ul.threeColl li, 
.general-content-campaign  table.expandTb td.expandTb_content ul.threeColl li {
    list-style: none;
    float: left;
    width: 30%;
    padding: 0;
    margin: 0 0 15px 20px;
}

div#page table.expandTb table.stripeTable td,
.general-content-campaign  table.expandTb table.stripeTable td {
    padding: 8px 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div#page table.expandTb,
.general-content-campaign  table.expandTb {
    margin: 0 auto 1px auto !important;
    padding: 0 20px;
    max-width: 1160px;
}

div#page td.expandTb_content p,
.general-content-campaign  td.expandTb_content p  {
    padding-left: 20px;
    padding-right: 20px;
}

div#page td.expandTb_content p.icon-tick,
.general-content-campaign  td.expandTb_content p.icon-tick {
    font-weight:bold;
  color:#ed1944;
}

div#page td.expandTb_content h2, .general-content-campaign  td.expandTb_content h2,
div#page td.expandTb_content h3, .general-content-campaign  td.expandTb_content h3,
div#page td.expandTb_content h4, .general-content-campaign  td.expandTb_content h4,
div#page td.expandTb_content h5, .general-content-campaign  td.expandTb_content h5 {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.expandTb_header {
    height: 55px;
    background-color:transparent;
    border-bottom: none;
    text-decoration: none;
    cursor: pointer;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: auto;
}

table.expandTb tr td.dropDownLink {
    font-weight: normal;
}

table.expandTb > tbody > tr > td.dropDownLink:hover {
    background-color: transparent;
    text-decoration: none;
    color: #4c4c4c;
    cursor: pointer;
}

table.expandTb tr td.dropDownLink:hover {
    text-decoration: none;
    cursor: text;
}

.expandTb_header td {
    font-size: 22px;
    line-height: 30px;
    padding: 0 20px;
    color: #4c4c4c;
    font-family: "FoundersGroteskLight",Verdana, Geneva, sans-serif;
  border-radius:6px;
}

table.expandTb .icon-plus,
  table.expandTb .icon-minus {
    background: none;
    position: relative;
    line-height: 0;
    float: left;
  margin:2px 15px 0 0;
}

table.expandTb .icon-plus:before, table.expandTb .icon-minus:before {
    font-weight: bold;
    color: #ed1944;
}

table.expandTb .icon-plus:before {
    content: "\e602";
    font-size: 20px;
}

table.expandTb .icon-minus:before {
    content: "\e605";
    font-size: 20px;
}


/* Stripe Tables (pulled in from byond product summary)
============================================================================ */

table.stripeTable {
    padding: 0;
    margin: 0 0 40px 0;
}

table.stripeTable tbody td {
    border: 0;
}

table.stripeTable tr th {
       background: #ed1944;
    background: -moz-linear-gradient(45deg, #ed1944 0%, #f57f29 99%, #faa41a 100%);
    background: -webkit-linear-gradient(45deg, #ed1944 0%,#f57f29 99%,#faa41a 100%);
    background: linear-gradient(45deg, #ed1944 0%,#f57f29 99%,#faa41a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1944', endColorstr='#faa41a',GradientType=1 );
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 20px;
    text-align: left;
    border: none;
}

table.stripeTable tr.odd td, table.stripeTable tr td.first {
    background-color: #f1f1f1 !important;
    border: 1px solid #ffffff !important;
}

table.stripeTable tr td.first, table.stripeTable tr.prodtGp td {
    background-color: #d9d9d9 !important;
    font-weight: bold;
}

table.stripeTable tr.even td {
    background-color: #f9f9f9;
    border: 1px solid #ffffff !important;
}

table.stripeTable tr td {
    border: none !important;
}

table.tablesorter2 td img {
    width: auto;
}


/* various responsive column Tables 
============================================================================ */

table.two-col-layout, table.three-col-layout, table.four-col-layout, table.two-col-layout-cta, table.three-col-layout-cta, table.three-col-split, table.two-col-split {
    width: 100%;
    border-collapse: collapse;
    margin: 0 auto 40px auto !important;
}

table.two-col-layout td img, table.two-col-layout-cta td img, table.three-col-layout-cta td img,
table.three-col-layout td img, table.four-col-layout td img, table.three-col-split td img, table.two-col-split td img {
    max-width: 100% !important;
    height: auto !important;
    margin: auto;
    display: inline-block;
}

table.two-col-layout td, table.four-col-layout td, table.two-col-layout-cta td {
    padding: 0 1.65% 0 0;
    vertical-align: top;
}

table.two-col-layout td, table.three-col-split td:first-child {
    width: 46.6%;
}

table.two-col-split td:first-child {
    width: 75.5%;
    padding: 20px;
}

table.two-col-layout-cta td:first-child {
/*    padding: 0 3.3% 0 0;*/
}

table.two-col-layout-cta td:last-child,
table.three-col-layout-cta td:last-child {
    width: 24.16%;
    padding: 0;
}

table.three-col-layout-cta td:first-child,
table.three-col-layout-cta td:nth-child(2) {
    width: 36.6%;
    vertical-align: top;
    padding: 0 3.3% 0 0;
}

table.three-col-layout td {
    width: 31%;
}

table.three-col-layout td, table.three-col-layout.stripeTable td,
  table.four-col-layout td, table.four-col-layout.stripeTable td, table.three-col-split td {
    width: 22.5%;
  padding: 0 1.65%;
      
}

table.three-col-split tr:nth-child(odd) td, table.two-col-split tr:nth-child(odd) td{
    background-color: #f6f6f6;
}

table.three-col-split tr:nth-child(even) td, table.two-col-split tr:nth-child(even) td{
    background-color: #fff;
}

table.three-col-split td, table.two-col-split td {
   /* padding: 20px 1.65%;*/
  padding: 20px;
    vertical-align: middle;
}

table.three-col-split.top td, table.two-col-split.top  td {
    vertical-align: top;
}

.three-col-split td:first-child, table.two-col-split td:first-child {
  /*  padding: 20px 1.65% 20px 20px;*/
  padding: 20px;
}

.three-col-split.top td:last-child, table.two-col-split.top td:last-child {
    padding: 40px 20px 20px 1.65%;
}

.three-col-split td:last-child, table.two-col-split td:last-child {
    /*padding: 20px 20px 20px 1.65%;*/
  padding: 20px;
}

/*.three-col-split td:last-child .btn {
    width: 100%;
}
*/
table.two-col-layout td:first-child,
      table.two-col-layout.stripeTable td:first-child,
      table.three-col-layout td:first-child,
      table.three-col-layout.stripeTable td:first-child,
      table.four-col-layout td:first-child,
      table.four-col-layout.stripeTable td:first-child {
    padding: 0 1.65% 0 0;
}

table.two-col-layout td:last-child,
      table.two-col-layout.stripeTable > td:last-child,
     table .three-col-layout td:last-child,
      table.three-col-layout.stripeTable td:last-child,
      table.four-col-layout td:last-child,
      table.four-col-layout.stripeTable td:last-child {
    padding: 0 0 0 1.65%;
}

table .tablesorter2.stripeTable {
    padding: 0;
    margin: 0;
}

table .tablesorter2.stripeTable td, table .tablesorter2.stripeTable .customerDetailsThead.header {
    font-size: 16px;
    text-align: left;
    padding: 8px 20px;
    margin: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
}

table .tablesorter2.stripeTable .customerDetailsThead.header:last-child {
    padding: 8px 0 8px 8px;
}

table .two-col-layout .tablesorter2.stripeTable, 
  table.two-col-layout .tablesorter2.stripeTable thead, 
  table.two-col-layout .tablesorter2.stripeTable tbody,
  table.two-col-layout .tablesorter2.stripeTable th, 
  table.two-col-layout .tablesorter2.stripeTable td, 
  table.two-col-layout .tablesorter2.stripeTable tr {
    display: auto !important;
    width: auto !important\9;
/* IE9 hack */
    float: none !important;
    \9; /* IE9 hack */
}

.prodtGp {
    font-weight: bold;
}

/* Scrollable table */

.tables_wrapper.scroll {
    margin: 0 0 40px 0;
    max-width: 1200px;
    width: 100%;
}

table.scrollable-table {
    padding: 0;
    margin: 0 0 40px 0;
    width: 100%;
}

table.scrollable-table .subhead {
    background-color: #e1e5e9;
    font-size: 18px;
}

table.scrollable-table h4 {
    color: #00aeef;
    font-size: 18px;
    font-family: Verdana, Geneva, sans-serif;
    padding: 0;
}

table.scrollable-table th a {
    color: #fff;
}

table.scrollable-table tbody td, .scrollable-table tr th {
    font-size: 16px;
    line-height: 26px;
    border: 0;
    padding: 10px 20px;
    color: #545454;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
}

table.scrollable-table tbody td {
    border: 1px solid #ffffff;
}

table.scrollable-table tr th {
    background: #ed1944;
    background: -moz-linear-gradient(45deg, #ed1944 0%, #f57f29 99%, #faa41a 100%);
    background: -webkit-linear-gradient(45deg, #ed1944 0%,#f57f29 99%,#faa41a 100%);
    background: linear-gradient(45deg, #ed1944 0%,#f57f29 99%,#faa41a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1944', endColorstr='#faa41a',GradientType=1 );
    color: #fff;
    font-weight: normal;
    text-align: left;
  font-family:"FoundersGroteskSemibold",Verdana, Geneva, sans-serif;
}

table.scrollable-table tr:nth-child(odd),
table.scrollable-table tr.odd td {
    background-color: #f9f9f9;
    border: 1px solid #fff;
}

table.scrollable-table tr:nth-child(odd).clear-cell {
    background-color: #fff !important;
}

table.scrollable-table tr.clear-cell td {
    padding: 10px 20px;
}

table.scrollable-table tr:nth-child(even),
  table.scrollable-table tr.even td {
    background-color: #f1f1f1;
    border: 1px solid #fff;
}

.tables_wrapper {
    display: table;
    max-width: 100%;
    overflow: hidden;
    outline: none;
}

table.scrollable-table.two-col td {
    width: 50%;
}

.expandTb_content .tables_wrapper.scroll {
    overflow: inherit;
    border: none;
}    

  /* Rates table */

  .rates-table, .rates-table th, .rates-table td {
    border-collapse:                    collapse;
    padding:                            0 !important;
    margin:                             0;
    border:                             none;
    width:                              100%;
    vertical-align:                     middle;
  }

  .rates-table td {
    width:                              33.333%;
  }

  .rates-table tr:first-child th, .rates-table tr:last-child td, .rates-table tr:nth-child(3) td {
    width:                              100%;
  }

  section.content.campaign  div#page .rates-table td p, div#page .rates-table td p {
    color:                              #fff;
    font-size:                          12px;
    line-height:                        normal;
    margin:                             0;
  }

  section.content.campaign div#page .rates-table td:nth-child(3) p, div#page .rates-table td:nth-child(3) p, .rates-table td:nth-child(3) .input  {
    color:                              #bebebe;
  }

  .rates-table img {
    width:                              100%;
    height:                             auto;
  }

  .rates-table tr:nth-child(2) {
    height:                             155px;
  }

  .rates-table tr:nth-child(4) {
    height:                             130px;
  }

  .rates-table tr:nth-child(5) td img {
    vertical-align:                     bottom;
  }


  .rates-table.home, .rates-table.car, .rates-table.personal {
    background-repeat:                  no-repeat;
    background-size:                    cover;
  }

  .rates-table.home {
     background-image:                   url(http://assets.firstoptioncu.com.au/images/Rates/table/rates_bg.jpg);
  }

  .rates-table.car {
    background-image:                   url(http://assets.firstoptioncu.com.au/images/Rates/table/rates_car_bg.jpg);
  }

  .rates-table.personal {
    background-image:                   url(http://assets.firstoptioncu.com.au/images/Rates/table/rates_personal_bg.jpg);
  }


  .rates-table  .input {
      font-size:                        40px;
      font-weight:                      bold;
      color:                            #fff;
  }
  
  
  /* Benefits and features table
============================================================================ */

#page .benefits-features h2 {
    padding: 0;
}

table.benefits-features, table.benefits-features p {
    color: #697378;
}

table.benefits-features p {
    margin: 0;
    padding: 0;
}

table.benefits-features h2 {
    color: #005dab;
    background-color: #e5f4ff;
    border-bottom: 0;
    margin-bottom: -1px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 25px;
}

table.benefits-features td {
    padding: 20px;
    margin: 0;
    width: 50%;
    background-color: #e5f4ff;
    border: 1px solid #fff;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

table.benefits-features.stripe tr:nth-child(even) td {
    background-color: #fafcfe;
}

table.benefits-features th {
    padding: 20px;
    box-sizing: border-box;
   -moz-box-sizing:                border-box;
    background-color: #e5f4ff;
}


/* Add to home screen
====================================== */

/*   .to-home {

        padding: 15px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        z-index: 999999;
        margin: 0;
     }

        .to-home span {
          display: inline-block;
          vertical-align: middle;
        }

        .to-home:before {
          content: "";
          background-image: url('/templates/client/images/touch-icon-ipad.png');
          background-size: 40px;
          border-radius: 4px;
          width: 40px;
          height: 40px;
          display: inline-block;
          margin-right: 15px;
          vertical-align: middle;
        }
*/

/* Share links
====================================== */

  .share-links {
    display:                            none;  /* Hiding until updated */

    height:                                 40px;
    position:                               relative;
    z-index:                                999;
    max-width:                              1200px;
    margin:                                     auto;
    left:                                       0;
    right:                                      0;
    padding:                                    40px 20px 40px 44px;
    box-sizing:                                 border-box;
    height:                                     113px;
    z-index:                                    9999;
  }

  .breadcrumbs {
     top:                                       7px;
     padding:                                   20px 0 40px 0;
     margin-top:                                0;
     display:                                   block;
  }

  ul#shareThisList {
    right:                              0;
    text-align:                         left;
    z-index:                            99;
  }

  ul#shareThisList {
    width:                              100%;
    margin:                             0;
    position:                           relative;
    left:                               0;
  }
  
  #shareThisList li ul {
    margin-top:                         10px;
  }
  
  #shareThisList li ul {
    margin-top:                         10px;
  }
  
      ul#shareThisList li ul:before {
        content:                            " ";
        visibility:                         hidden;
        display:                            block;
        height:                             0;
        clear:                              both;
      }
  
      ul#shareThisList > li:first-child, ul#shareThisList > li:nth-child(2) {
        float:                              left;
      }

  .socialLink_em, .socialLink_st {
    padding:                            0;
    margin-right:                       10px;
  }   
  
  ul#shareThisList li ul li {
    width:                              inherit;
    margin:                             0;
  }
  
  ul#shareThisList ul li li {
    display:                            list-item;
  }
  
  ul#shareThisList li a {
    display:                            block;
    border:                             1px solid #bbbbbb;
    background-color:                   #fff;
    border-radius:                      4px;
    height:                             31px;
    line-height:                        30px;
    padding:                            0 16px;
    text-decoration:                    none;
    font-size:                          14px;
  }

      ul#shareThisList li a:hover {
        background:                         #ebebeb;

      }

      ul#shareThisList li:nth-child(2) a:active,
      ul#shareThisList li ul li:first-child a {
        border-radius:                      4px 4px 0 0;
      }

      ul#shareThisList li ul li:nth-child(2) a,
      ul#shareThisList li ul li:nth-child(3) a,
      ul#shareThisList li ul li:nth-child(2) a:hover,
      ul#shareThisList li ul li:nth-child(3) a:hover {
        border-radius:                      0;
        border-top:                         none;
      }


      ul#shareThisList li ul li:last-child a,
      ul#shareThisList li ul li:last-child a:hover {
        border-radius:                      0 0 4px 4px;
        border-top:                         none;
      }


/* Editor styles
====================================== */

  div#page p.Rate-interest, div#page p.Rate-comparison {
    display:                                inline-block;
    margin:                                 0 20px 40px 0;
    max-width:                              200px;
     text-align:              left;
    color:                #faa41a;
  }
div#page p.Rate-interest span[class^="prod_"] {
  display: inline-block;
  width: 100%;
}

   div#page p.Rate-interest.prefix, div#page p.Rate-comparison.prefix {
    max-width:                              220px;
  color:                  #ed1944;
  }
  
  .Rate-interest span.input, .Rate-comparison span.input {
    font-size:                              55px;
    font-weight:                            bold;  
    line-height:                            50px;
  font-family:              "FoundersGrotesk-Bold",Verdana,Arial,sans-serif;
  color:                  #ed1944;
  }
   
   .Rate-interest span.postfix, .Rate-comparison span.postfix {
    font-weight:                            normal;
    font-size:                              25px;
     color:                   #ed1944;
  }
  
  
   .Rate-interest.prefix span.input, .Rate-comparison.prefix span.input {
    font-size:                              55px;
    font-weight:                            bold;  
    line-height:                            50px;
  font-family:              "FoundersGrotesk-Bold",Verdana,Arial,sans-serif;
  color:                  #ed1944;
  }
  
  .Rate-interest.prefix span.postfix, .Rate-comparison.prefix span.postfix {
    font-weight:                            normal;
    font-size:                              25px;
  }
  
  
  .Rate-interest.prefix span:first-child, .Rate-comparison.prefix span:first-child {
    display:                block;
  }
  
   .Rate-interest span.prefix, .Rate-interest.prefix span.prefix, .Rate-comparison span.prefix, Rate-comparison.prefix span.postfix {
    display:                none;
  }

  .Rate-interest {
    color:                                 #ed1944;
  }

  .Rate-comparison {
    color:                                 #ed1944;
  }

  iframe.R-Video {
    width:                                  100%;
    max-width:                              650px;
  }


  /* Responisve images */

  img.small-img, img.medium-img, img.large-img,
  div#page img.small-img, div#page img.medium-img, div#page img.large-img {
    width:                                  100% !important;
    height:                                 auto !important;
  }

  .small-img img, img.small-img, 
  div#page .small-img img, div#page img.small-img {
    max-width:                              140px !important;
  }

  .medium-img img, img.medium-img, 
  div#page .medium-img img, div#page img.medium-img {
    max-width:                              280px !important;
  }

  .large-img img, img.large-img, 
  div#page .large-img img, div#page img.large-img {
    max-width:                              560px !important;
  }




/* Misc
====================================== */

  iframe.forms {
      height: 1050px;
      width: 100%;
      max-width: 646px;
  }

  /* byond nav bar styling */
  
  div#myLogin {
    position:                               fixed !important;
    top:                                    160px !important;
    z-index:                                9999 !important;
  }
  
  #adminNav {
    position:                               fixed !important;
    top:                                    179px !important;
    z-index:                                9999 !important;
  }

  .down-arrow {
    cursor:                                 pointer;
    position:                               absolute;
    color:                                  #fff;
    bottom:                                 20px;
    margin:                                 auto;
    width:                                  50px;
    height:                                 50px;
    border-radius:                          50px;
    border:                                 1px solid #fff;
    z-index:                                9999;
    left:                                   0;
    right:                                  0;
    text-align:                             center;
    font-size:                              30px;
    text-decoration:                        none;
    padding:                                10px;
    box-sizing:                             border-box;
   -moz-box-sizing:                border-box;
    -webkit-transition:                     background-color ease 0.3s;
    -moz-transition:                        background-color ease 0.3s;
    -o-transition:                          background-color ease 0.3s;
    transition:                             background-color ease 0.3s;
  }

      .down-arrow:hover {
        background-color:                             rgba(255,255,255, 0.2);
        color:                                        #fff;
      }

  .anchor {
    margin-top:                             -190px;
    display:                                inline-block;
    position:                               absolute;
  height:                 190px;
  padding-top:              190px;
  }

  /* Search page styles */

  table.contentpaneopen fieldset {
    margin:                                 0 0 20px 0;
  }

  div.componentheading {
    font-size:                              30px;
  }

  #searchForm td input {
    padding:                                10px;
    border-radius:                          6px;
    box-sizing:                             border-box;
   -moz-box-sizing:                border-box;
    border:                                 none;
  }

  form#searchForm {
    margin:                                 40px 0;
    padding:                                20px;
    background:                             #f5f5f5;
    border-radius:                          6px;
  }

  /* Search page styles */


  .mobile {
    display:                                none;
    z-index:                                9999;
    position:                               relative;
  }

  img.responsiveImage {
    border:                                 0 none;
    display:                                block;
    height:                                 auto !important;
    max-width:                              100%;
    width:                                  100% !important;
  }

  .max-size {
    max-width:                              240px !important;
  }

  .site-by {
    text-decoration:                        none;
    color:                                  #939597;
  }

      .site-by:hover {
        text-decoration:                        none;
        color:                                  #939597;
    text-decoration: none;
      }

      .site-by:after {
        content:                                "\e62f";
        color:                                  #939597;
        font-size:                              36px;
        display:                                inline-block;
        vertical-align:                         middle;
        margin:                                 0 0 0 5px;
      }
    
    
.app-info img{
  
  display:inline-block;
  margin:0 auto;
  
  }
  
.app-info a:hover {
  text-decoration:none;
  border-bottom:   none; 
  
  }

  .contentpaneopen_edit {
    position:                               relative;
    height:                                 31px;
    margin-bottom:                          20px;
    width:                                  31px;
    background:                             #ed1944;
    text-align:                             center;
    padding:                                4px;
    box-shadow:                             3px 3px 0 0 rgba(68,68,68,0.2);
  }

  div#page p img {
    max-width:                                  auto;
    padding:                                    0;
  }

  div#page p.buttonheading, div.blog p.buttonheading {
    position:                                   absolute;
    display:                                    block;
    background-color:                           #fff;
    height:                                     31px;
    line-height:                                30px;
    text-decoration:                            none;
    font-size:                                  14px;
    z-index:                                    999;
    width:                                      35px;
    text-align:                                 center;
    bottom:                                     -151px;

    display:                                    none; /* Hiding until share-links updated */
  }

      div#page p.buttonheading a, div.blog p.buttonheading a {
        border:                                     1px solid #bbbbbb;
        border-radius:                              4px;
        text-decoration:                            none;
        height:                                     100%;
        width:                                      100%;
        display:                                    block;
      }

          div#page p.buttonheading a:hover, div.blog p.buttonheading a:hover {
            background-color:                       #ebebeb;
          }


      div#page p.buttonheading a:before, div.blog p.buttonheading a:before {
          content:                                  "\e60b";
          font-size:                                22px;
          line-height:                              32px;
          color:                                    #ed1944;
      }

      div#page p.buttonheading img, div.blog p.buttonheading img {
          display:                                  none;
      }

  .mobile-logo {
    height:                                     100%; 
    display:                                    inline-block;  
  }

  .phone-link {
    
  pointer-events: none;
    cursor: text;  
}  


/* Campaigns
====================================== */

section.content.campaign {
  margin-top: 150px;
}

  .campaign .internal-banner h1 {
    padding:                                    0;
    text-align:                                 inherit;
  }

  .internal-banner h1 {
    padding:                                    0;
    text-align:                                 center;
  }

  h1 {
    letter-spacing:                             1px;
    z-index:                                    98;
    position:                                   absolute;
    margin:                                     auto;
    display:                                    inline-block;
    width:                                      100%;
    background:                                 none;
    text-align:                                 center;
    -webkit-transform:                          translateY(-50%);
    -ms-transform:                              translateY(-50%);
    transform:                                  translateY(-50%);
    top:                                        50% !important;
    font:                                       normal normal 65px "FoundersGroteskLight",Verdana,Arial,sans-serif;
    color:                                      #fff;
    padding:                                    0 20px;
    box-sizing:                                 border-box;
   -moz-box-sizing:                border-box;
  }

  .banner-content h1 {
    letter-spacing:                             1px;
    z-index:                                    98;
    font:                                       normal normal 65px "FoundersGroteskLight",Verdana,Arial,sans-serif;
    color:                                      #fff;
    position:                                   relative;
    -webkit-transform:                          none;
    -ms-transform:                              none;
    transform:                                  none;
  }

  .banner-content {
    padding: 0 10px;
    max-width: 1140px;
  }

  .internal-banner-campaign a {
    position: relative;
    z-index: 9999;
    text-align: center;
    display: block;
    margin: 20px auto;
    width: 300px;
    text-decoration: none;
    height: 60px;
    line-height: 60px;
    font-size: 21px;
    min-width: 108px;
    border: 0;
  }

   .share-links.campaign {
      display: inline-block;
      height: 85px;
      position: relative;
      z-index: 999;
      margin: auto;
      float: right;
      padding: 23px 0px;
     -moz-box-sizing:                border-box;
      box-sizing: border-box;
      z-index: 9999;
      width: 144px;
    }
  
/* Kids saver styles
====================================== */ 
  
body.Section30.responsive2 div#page ul li:before, body.Section30.responsive2 div.blog ul li:before {
  color:#ed1944;
  }
  
body.Section30.responsive2 .middleSection {
    background-color: #7BA96B;
  position:relative;
}



body.Section30.responsive2 .banner-content .rocket {
  background-color: transparent;
  position:relative;
  display:block;
      
  }
  

body.Section30.responsive2 .banner-content .rocket:before {
    content:                      "\e60d";
    font-size:1.8em;
    display:block;
    color:white;
    position:relative;
    margin:0 auto 3% auto;
    

      
  }
  
  body.Section30.responsive2 .banner-content .rocket:hover:before{
    color:white;
      -webkit-animation-name: flicker; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 3s; /* Chrome, Safari, Opera */
    animation-name: flicker;
    animation-duration: 3s;
  animation-iteration-count: infinite;
      
  }
  
  
/* Chrome, Safari, Opera */
@-webkit-keyframes flicker {
    0%   {color: white;  }
  15%  {color: #4A67A9; }
    30%  {color: #7AAA6C; }
    65%  {color: #F4744F;}
  75%  {color: #FFCB39; }
  90%  {color: #6898AE; }
    100% {color: white;  }
}

/* Standard syntax */
@keyframes flicker {
      0%   {color: white;  }
  15%  {color: #4A67A9; }
    30%  {color: #7AAA6C; }
    65%  {color: #F4744F;}
  75%  {color: #FFCB39; }
  90%  {color: #6898AE; }
    100% {color: white;  }
}
    
    
body.Section30.responsive2 .middleSection-inner .circle {

    background: #7BA96B none repeat scroll 0% 0%;

}

body.Section30.responsive2 .bottomSection {
    background-color: #eeeeee;
  } 
  
  
  /* ///  Campaign highlight-links  /// */
  
  div#page ul.highlight-links {
    max-width:    1140px;
    margin:       0 auto;
    box-sizing:   border-box;
  }

      
        ul.highlight-links img {
          width:            100% !important;
          max-width:        200px;
          height:           auto !important;
          display:          block;
          margin:           auto;
        }
       
  div#page ul.highlight-links li, ul.highlight-links li {
    display:    inline-block;
    width:      20%;
    margin:     0 2.1% 10px 2.1%;
    padding:    0;
    box-sizing:   border-box;
    text-align:   center;
    text-indent: 0;
  } 

      div#page ul.highlight-links li:before {
        content: none;
      } 

  
  ul.highlight-links li a {
    font-size:      50px;
    text-decoration:  none;
    color:        #ed1944;
    
  }
  
  ul.highlight-links li a:hover {
    color:        #ed1944;
    border-bottom:    2px solid #ed1944;
    padding-bottom:   40px;
    
  }
  
  ul.highlight-links li a:hover span{
    color:        #ed1944;
  }
  
  ul.highlight-links li a span {
    position:     relative;
    left:       0;
    top:      0;
    color:      #585858;
    font-size:    18px;
    text-align:   center;
  }

  
  
   

/* Tabs old
====================================== */

/*  div.byondTabContent {
    width:                                      100%;
  }
  
  span.bigtext {
    display:                                    inline-block;
    margin:                                     13px 0 0 0;
    font-size:                                  47px;
  }
  
        #page ul#byondTabMenu li:first-child, ul#byondTabMenu li:first-child {
          border-radius:                              6px 0 0 0;
        }
  
  #page ul#byondTabMenu li, ul#byondTabMenu li {
    border-radius:                              0 6px 0 0;
  }

  #page ul#byondTabMenu, ul#byondTabMenu {
    list-style-type:                            none;
    margin:                                     0;
    height:                                     50px;
    border-bottom:                              0;
    margin-bottom:                              -1px;
  }
  
  div#page ul#byondTabMenu li {
    text-indent:                                0;
    width:                                      50%;
   -moz-box-sizing:                border-box;
    box-sizing:                                 border-box;
    margin:                                     0;
    height:                                     50px;
    background:                                 #f5f5f5;
  }
  
  div#page ul#byondTabMenu li:before {
    content:                                    none;
  }
  
  #page ul#byondTabMenu li a:hover, #page ul#byondTabMenu li a:active, #page ul#byondTabMenu li.active a, ul#byondTabMenu li a:hover, ul#byondTabMenu li a:active, ul#byondTabMenu li.active a {
    padding:                                    7px 5px;
    font-weight:                                bold;
    line-height:                                24px;
  }

  ul#byondTabMenu li:hover, ul#byondTabMenu li:active, ul#byondTabMenu li.active, #page ul#byondTabMenu li:hover, #page ul#byondTabMenu li:active, #page ul#byondTabMenu li.active {
    list-style-type:                            none;
    position:                                   relative;
    float:                                      left;
    margin:                                     0; 
    padding:                                    0;
    font-size:                                  12px;
    height:                                     50px;
    border-top:                                 1px solid #ed1944;
    border-left:                                1px solid #ed1944;
    border-right:                               1px solid #ed1944;
    background:                                 #ed1944;
  }
  
        ul#byondTabMenu li.active:hover, #page ul#byondTabMenu li.active:hover,
        ul#byondTabMenu li:hover, #page ul#byondTabMenu li:hover {
          border-top:                                 1px solid #ed1944;
          border-left:                                1px solid #ed1944;
          border-right:                               1px solid #ed1944;
          background:                                 #ed1944;
        }

  ul#byondTabMenu li a:link, ul#byondTabMenu li a:visited, #page ul#byondTabMenu li a:link, #page ul#byondTabMenu li a:visited {
    background-image:                           none;
    padding:                                    0 15px;
    line-height:                                50px;
    color:                                      #ed1944;
    font-size:                                  16px;
    font-weight:                                normal;
    height:                                     100%;
    text-align:                                 center;
  }
  
        #page ul#byondTabMenu li.active a, #page ul#byondTabMenu li a:hover {
          color:                                      #ffffff;
        }  
        
        #page ul#byondTabMenu li:before , ul#byondTabMenu li:before {
          content:                                    none;
        }
*/



/* Tabs
====================================== */

  div.byondTabContent {
    width:                                      100%;
  }
  
  span.bigtext {
    display:                                    inline-block;
    margin:                                     13px 0 0 0;
    font-size:                                  47px;
  }
  
   #page ul#byondTabMenu li, ul#byondTabMenu li {
    border-radius:                             0;
  }

        #page ul#byondTabMenu li:first-child, ul#byondTabMenu li:first-child {
          border-radius:                              6px 0 0 0;
        }
  
 
  #page ul#byondTabMenu, ul#byondTabMenu {
    list-style-type:                            none;
    margin:                                     0;
   /* height:                                     50px;*/
  height:                                     auto;
    border-bottom:                              0;
    margin-bottom:                              -1px;
  }
  
  div#page ul#byondTabMenu li {
    text-indent:                                0;
    width:                                      50%;
   -moz-box-sizing:                     border-box;
    box-sizing:                                 border-box;
    margin:                                     0;
    height:                                     50px;
    background:                                 #f1f1f1;
  font-family: "FoundersGroteskSemibold",Verdana,Arial,sans-serif;
  }
  
  div#page ul#byondTabMenu li:before {
    content:                                    none;
  }
  
  #page ul#byondTabMenu li a:hover, #page ul#byondTabMenu li a:active, #page ul#byondTabMenu li.active a, ul#byondTabMenu li a:hover, ul#byondTabMenu li a:active, ul#byondTabMenu li.active a {
    padding:                                    7px 5px;
    font-weight:                                normal;
    line-height:                                24px;
  
  }

  ul#byondTabMenu li:hover, ul#byondTabMenu li:active, ul#byondTabMenu li.active, #page ul#byondTabMenu li:hover, #page ul#byondTabMenu li:active, #page ul#byondTabMenu li.active {
    list-style-type:                            none;
    position:                                   relative;
    float:                                      left;
    margin:                                     0; 
    padding:                                    0;
    font-size:                                  16px;
    height:                                     50px;
    border-top:                                 1px solid #ed1944;
    border-left:                                1px solid #ed1944;
    border-right:                               1px solid #ed1944;
    background:                                 #ed1944;
  }
  
        ul#byondTabMenu li.active:hover, #page ul#byondTabMenu li.active:hover,
        ul#byondTabMenu li:hover, #page ul#byondTabMenu li:hover {
          border-top:                                 1px solid #ed1944;
          border-left:                                1px solid #ed1944;
          border-right:                               1px solid #ed1944;
          background:                                 #ed1944;
        }

  ul#byondTabMenu li a:link, ul#byondTabMenu li a:visited, #page ul#byondTabMenu li a:link, #page ul#byondTabMenu li a:visited {
    background-image:                           none;
    padding:                                    0 15px;
    line-height:                                50px;
    color:                                      #32343e;
    font-size:                                  16px;
    font-weight:                                normal;
    height:                                     100%;
    text-align:                                 center;
  }
  
        #page ul#byondTabMenu li.active a, #page ul#byondTabMenu li a:hover {
          color:                                      #ffffff;
        }  
        
        #page ul#byondTabMenu li:before , ul#byondTabMenu li:before {
          content:                                    none;
        }
    
    

    #page ul#byondTabMenu li:first-child, ul#byondTabMenu li:first-child {
          border-radius:                              6px 0 0 0;
        }
  
    #page ul#byondTabMenu li:last-child, ul#byondTabMenu li:last-child {
    border-radius:                              0 6px 0 0;
    }
  
  body.Section38 #page ul#byondTabMenu li:first-child,  body.Section37 #page ul#byondTabMenu li:first-child,  
  body.Section36 #page ul#byondTabMenu li:first-child,  body.Section33 #page ul#byondTabMenu li:first-child, 
  body.Section35 #page ul#byondTabMenu li:first-child,  body.Section32 #page ul#byondTabMenu li:first-child{
          border-radius:                              6px 0 0 6px;
        }
  
  body.Section38 #page ul#byondTabMenu li:last-child,  body.Section37 #page ul#byondTabMenu li:last-child,  
  body.Section36 #page ul#byondTabMenu li:last-child,  body.Section33 #page ul#byondTabMenu li:last-child, 
  body.Section35 #page ul#byondTabMenu li:last-child,  body.Section32 #page ul#byondTabMenu li:last-child {
    border-radius:                              0 6px 6px 0;
  }
    
    
    
  /*  Tab 8  */
  
 body.Section32 #page ul#byondTabMenu li {  
  width:                                      12.5%;  
 }
 
  /*  Tab 7  */
 
  body.Section33 #page ul#byondTabMenu li {  
  width:                                      14.28%;  
 }
 
  /*  Tab 6  */
 
  body.Section34 #page ul#byondTabMenu li {  
  width:                                      16.65%;  
 }
 
  /*  Tab 5  */

  body.Section35 #page ul#byondTabMenu li {  
  width:                                      20%;  
 }
 
  /*  Tab 4  */
  
   body.Section36 #page ul#byondTabMenu li {  
  width:                                      25%;  
 }
 
 /*  Tab 3  */
 
  body.Section37 #page ul#byondTabMenu li {  
  width:                                      33.3%;  
 }
 
  /*  Tab 2  */
 
  body.Section38 #page ul#byondTabMenu li {  
  width:                                      50%;  
 }
 

/* ---------------------- Page header styling ---------------------- */

  #sectionHeader img {
    position:                                   absolute;
    left:                                       -50%;
    right:                                      -50%;
    margin:                                     auto;
  }
  
  #sectionHeader .promotext.titleSansImage {
    left:                                       0;
    display:                                    block;
    position:                                   relative;
    padding:                                    0;
  }


/* Calculators
============================================================================ */

.default_layout:before, .responsive_layout:before, .phones_layout:before, .phones_to_tablets_layout:before,
  .default_layout:after, .responsive_layout:after, .phones_layout:after, .phones_to_tablets_layout:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.loan-calculator-app .gbst-loan-repayment .content .inputs-wrapper .section li.short-select-wrapper {
    width: auto!important;
}

.amount input.range .standard-input {
    margin: 0;
}

.responsive_layout .ui-accordion-header [class^="icon-"], .responsive_layout .ui-accordion-header [class*="icon-"] {
    margin: 0;
}

.responsive_layout .gbst-loan-repayment {
    border: 1px solid #e2e2e2 !important;
}

.responsive_layout div.highcharts-container, .responsive_layout div.highcharts-container svg {
    width: 100% !important;
    min-width: 0 !important;
}

.gbst-loan-repayment .title {
    height: 40px;
}

div#page .phones_layout tr, div#page .phones_layout th, div#page .phones_layout td, 
  div#page .responsive_layout tr, div#page .responsive_layout th, div#page .responsive_layout td, 
  div#page .phones_to_tablets_layout tr, div#page .phones_to_tablets_layout th, div#page .phones_to_tablets_layout td,
  div#page .default_layout tr,  div#page .default_layout  th,  div#page .default_layout td {
    float: none;
    margin: 0 !important;
}

td.state, td.phone {
    vertical-align: middle !important;
}

.phones_layout, .responsive_layout, .phones_to_tablets_layout, .default_layout {
    min-width: 0 !important;
}

ul.controls-wrapper li {
    vertical-align: top;
}

div#page .responsive_layout ul {
    margin: 0;
    padding: 0 10px;
}

div#page .phones_layout ul li, div#page .responsive_layout ul li, div#page .phones_to_tablets_layout ul li,  div#page .default_layout ul li {
    text-indent: 0 !important;
}

div#page .responsive_layout ul li, div#page .portrait_tablets_layout ul li,  div#page .default_layout ul li {
    text-indent: 0;
    margin: 0;
    padding: 25px 10px 0 10px;
    font-size: 16px;
    line-height: 26px;
    box-sizing: border-box;
   -moz-box-sizing:                border-box;
}

ul.ui-widget li {
    margin: 0;
}

div#page .responsive_layout ul li:before, div#page .portrait_tablets_layout ul li:before, div#page .phones_to_tablets_layout ul li:before, div#page .default_layout ul li:before {
    content: none;
}

div#page .responsive_layout h1, div#page .portrait_tablets_layout h1, div#page .phones_to_tablets_layout h1, div#page .default_layout h1 {
    padding: 0;
    font: normal normal 20px/35px "FoundersGroteskLight";
    text-align: left;
}

.savings-plan-calculator-app .loan-inputs h2, .responsive_layout .inputs-wrapper h2, .default_layout .inputs-wrapper h2 {
    box-sizing: border-box;
   -moz-box-sizing:                border-box;
}

div.borrowing-power-calculator-app .gbst-loan-repayment .content .inputs-wrapper .section li .borrowing-power-selectmenu-short, 
  div.borrowing-power-calculator-app .gbst-loan-repayment .content .inputs-wrapper .section li .borrowing-power-selectmenu {
    margin-top: 26px;
}

.income-tax-app .gbst-loan-repayment .content .inputs-wrapper .section h2,
  .car-loan-calculator-app .gbst-loan-repayment .content .inputs-wrapper h2,
  .term-deposit-calculator-app .gbst-loan-repayment .content .loan-main-view .inputs-wrapper h2 {
    padding: 0 !important;
}

.income-tax-app .gbst-loan-repayment .content .results-wrapper .outputs-wrapper .results-box.result li,
  .stamp-duty-calculator-app .gbst-loan-repayment .content .results-wrapper ul li {
    padding: 0 !important;
}

.results-line .results-title {
    line-height: normal;
}

.savings-plan-calculator-app .gbst-loan-repayment .content .loan-main-view .outputs-wrapper .results-box.result .sep-result {
    margin: 0 !important;
}
    
.borrowing-power-calculator-app, .loan-calculator-app, .stamp-duty-calculator-app, .extra-repayments-calculator-app, 
.lump-sum-calculator-app, .loan-comparison-calculator-app, .budget-planner-calculator-app, .income-tax-app, .personal-loan-calculator-app,
.car-loan-calculator-app, .savings-plan-calculator-app, .split-loan-calculator-app, .term-deposit-calculator-app {
    margin: 0 auto;
    max-width: 1000px !important;
}

.borrowing-power-calculator-app h2, .loan-calculator-app h2, .stamp-duty-calculator-app h2, .extra-repayments-calculator-app h2, 
.lump-sum-calculator-app h2, .loan-comparison-calculator-app h2, .budget-planner-calculator-app h2, .income-tax-app h2, .personal-loan-calculator-app h2,
.car-loan-calculator-app h2, .savings-plan-calculator-app h2, .split-loan-calculator-app h2, .term-deposit-calculator-app h2 {
    padding: 0;
}


/*
=========================================================================

                
    CREDIT CARD KEY FACTS SHEET 


=========================================================================
*/

table.keyFactSheet{
  width:100%;
}

table.keyFactSheet h2{ margin: 20px 0 5px !important; padding:0 !important;text-align:left;}

.pull {font-size: 14px;font-weight: bold;color:#135f91;}

table.keyFactSheet td.header {    
  background-color: #135f91;
}

table.keyFactSheet tr.highlight {    color: #565656;    font-size: 13px;    font-weight: bold;  background-color:#aacae0;}
    
table.keyFactSheet tr.highlight td.firstColumn{background-color: #aacae0;color:#565656;}
  
table.keyFactSheet tr.highlight.even td{  background-color:#aacae0;}

table.keyFactSheet tr.highlight.odd td{ background-color:#fff;}
  
table.keyFactSheet tr.highlight.odd td.firstColumn{ background-color: #fff; color:#565656;} 

table.keyFactSheet .title{color:#ffffff;  font-size:14px; font-weight:bold; padding:5px;}

table.keyFactSheet td.header{ border-radius:10px 10px 0px 0px;}

table.keyFactSheet p{ padding:5px;}

table.keyFactSheet tr { border-bottom:solid 1px #eee;}

table.keyFactSheet td{padding:5px;border:none; width:33.33%;}

table.keyFactSheet tr.odd{    background-color:#f3f3f3;}

table.keyFactSheet td.columnOdd{ font-weight:normal; font-size:12px}
    
table.keyFactSheet td.columnEven{ font-weight:normal; font-size:12px;}

tr.odd table.keyFactSheet td{padding:5px; border:none;}
  
table.keyFactSheet td.header{
  background-color:         #faa633;  
  border-right:           solid 1px #fff;
  color:                #fff;
    padding:              10px;
  /*width:30%;*/
}

table.keyFactSheet td.firstColumn{  background-color: #fff; color: #565656; font-size: 13px;   font-weight: bold; }

table.keyFactSheet tr.odd td.firstColumn{background-color: #f3f3f3;  color: #565656; font-size: 13px; font-weight: bold;}
  
div#accountSwitching{ position:relative; float:left; width:100%; width:668px; height:auto!IMPORTANT;}


/* //////// INFOCAST CCKFS EMAIL BUTTON///////*/

#generateCCKFSFactsheet { background-color: #FFFFFF;   clear: both;  color: #FFFFFF;  margin: 5px 0 0;  padding: 0 6px 0 0px;   position: relative;   width: auto;}

#generateCCKFSFactsheet input.emailDirect {-moz-box-sizing: border-box; background-color: #135f91; border: 1px solid #135f91; box-shadow: 0 0 5px 2px #A7AAB2;  color: #FFFFFF;
cursor: pointer; font-size: 20px;font-weight: bold; height: 60px;   margin: 0;}

#generateCCKFSFactsheet input.emailDirect:hover{
  box-shadow:         none;
}


#generateCCKFSFactsheet .cssRadius{border-radius:10px 10px 10px 10px;}

#generateFactsheet{ margin-top:25px;}

#generateFactsheet input.emailDirect {
  box-shadow:         none;  
  -moz-box-sizing:      border-box;   
  box-sizing:         border-box;  
  width:            100%; 
  background-color:       #ed1944 !important;    
  border:           none !important;
  color:            #fff;
  font-weight:        bold;
  font-size:          20px;   
  height:           60px;
  -webkit-box-shadow:     none !important;
  -moz-box-shadow:      none !important;
  box-shadow:         none !important;
  cursor:           pointer;
  margin:           0 3px;
}


div#generateFactsheet input.emailDirect:hover { 
  border:           none !important; 
  background-color:     #008deb !important;}


table.keyFactSheet p { color:#FFFFFF; margin:0;}

table.keyFactSheet ul li{ margin:0;
}

#infocastContainer{
  width:100%;
} 

#infocastContainer .kfsemailform h1{
  position:relative;
  text-align:left;
}

#infocastContainer .kfsemailform{
  height:30px;
}

#infocastContainer #fsEmailed{
  width:97%;
}


/* ////INFOCAST// *THIS IS THE B3 CSS  * Client */
select#infocastProductId, select#infocastSimulator {
    background-color: #ffffff;
    border: 1px solid #333333;
    border-radius: 15px;
    box-shadow: none;
    font-size: 11px;
    padding: 4px;
}

html #infocastContainer {
    height: inherit!important;
    min-height: inherit!important;
    width: 99%!important;
    margin: 0!important;
}

#infocastContainer div.kfsemailform #captcha img {
    margin: 0!important;
    padding: 20px 10px 0 0 !important;
}

#infocastContainer select#infocastProdFolderId, #infocastContainer select#infocastSimulator {
    border: 1px solid #C5D537!important;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
}

#infocastContainer input#loanAmount, #infocastContainer input#loanTermYears {
    border: 1px solid #dddddd!important;
}

#infocastContainer div.kfsemailform ul.tabMenu li a:hover {
    font-weight: 700;
    background-color: #dddddd!important;
    color: #333333!important;
}

#infocastContainer table#switcherStyle th {
    font-size: 17px;
    font-weight: 700;
}

#infocastContainer div.kfsemailform input#emailItToMe:hover {
    background: none repeat scroll 0 0 #ed1944!important;
    border: 1px solid #ed1944!important;
}

#infocastContainer div.kfsproductform input#emailItToMe:hover {
    background: none repeat scroll 0 0 #333333!important;
    border: 1px solid #333333!important;
}

#infocastContainer div#productDescContent, #infocastContainer div.chartDetails div#loanAmount2, #infocastContainer div.divInputs, #infocastContainer div.kfsemailform input, #infocastContainer div.kfsproductform input {
    border: 1px solid #dddddd!important;
}

#infocastContainer .backgroundColor, #infocastContainer .ui-widget-header {
       background: #ed1944;
    background: -moz-linear-gradient(45deg, #ed1944 0%, #f57f29 99%, #faa41a 100%);
    background: -webkit-linear-gradient(45deg, #ed1944 0%,#f57f29 99%,#faa41a 100%);
    background: linear-gradient(45deg, #ed1944 0%,#f57f29 99%,#faa41a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1944', endColorstr='#faa41a',GradientType=1 );
    color: #fff !important;
    border: 1px solid #ed1944!important;
}

#infocastContainer form #simForm label, #infocastContainer div.kfsemailform h1, #infocastContainer div.kfsproductform h1, #infocastContainer div.kfsemailformDataLargeLeft label, #infocastContainer div.kfsemailformDataLargeRight label, #infocastContainer label {
    color: #333333!important;
}

#infocastContainer div.sectionData input.showCalcs, #infocastContainer div.sectionDataLarge input.emailDirect, #infocastContainer div#infocastApplyBtn input,  #infocastContainer input#emailItToMe {
    background: #ed1944;
    background: -moz-linear-gradient(45deg, #ed1944 0%, #f57f29 99%, #faa41a 100%);
    background: -webkit-linear-gradient(45deg, #ed1944 0%,#f57f29 99%,#faa41a 100%);
    background: linear-gradient(45deg, #ed1944 0%,#f57f29 99%,#faa41a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1944', endColorstr='#faa41a',GradientType=1 );
    border:  0!important;
    color: #fff;
    font-size: 1em;
}

#infocastContainer div.sectionData input.showCalcs:hover, #infocastContainer div.sectionDataLarge input.emailDirect:hover, #infocastContainer div#generateFactsheet input.emailDirect:hover, #infocastContainer div#infocastApplyBtn input:hover, #infocastContainer input#emailItToMe:hover {
    background-color: #ed1944!important;
  background: #ed1944!important;
    border: 1px solid #ed1944!important;
    color: #fff;
}

#infocastContainer ul.tabMenu li a:active, #infocastContainer ul.tabMenu li.active a:link, #infocastContainer ul.tabMenu li.active a:visited {
    color: #333333;
}

#infocastContainer div#generateFactsheet input.emailDirect {
    border: 1px solid #dddddd;
    color: #333333;
}

#infocastContainer div.kfsemailform div.kfsemailformDataLargeWide input#previewFactsheet {
    color: #333333;
}

#infocastContainer ul.tabMenu li a:active, #infocastContainer ul.tabMenu li.active a:link, #infocastContainer ul.tabMenu li.active a:visited {
    color: #333333;
}

#infocastContainer #simContainer ul {
    list-style: disc outside none;
}

#infocastContainer #simContainer ul li a:active, #infocastContainer #simContainer  ul li.active a:link, #infocastContainer #simContainer ul. li.active a:visited {
    color: #333333;
}

#infocastContainer #simContainer a:link, #infocastContainer #simContainer a:visited {
    color: #333333;
    text-decoration: none;
}

#infocastContainer #pageInfoFooter {
    display: none;
}

#infocastContainer p {
    margin: 5px;
    font-size: inherit;
}

#infocastContainer #simContainer div.chartDetails h2 {
    color: #333333;
    font-weight: bold;
}

body.contentpane {
    margin: 0px;
}

div#infocastApplyBtn input {
    background-color: #007f6a;
    border: 1px solid #007f6a;
    border-radius: 5px;
    box-shadow: 0 0 5px 2px #A7AAB2;
    color: #fff;
}

div#infocastApplyBtn input:hover {
    background-color: #ed1944 !important;
    border: 1px solid #ed1944;
    color: #fff;
}

body.contentpane {
    margin: 0px;
}

#switcherStyle {
    font-size: 10px !IMPORTANT;
    text-align: left;
}

#infocastContainer table#switcherStyle th {
    font-size: 12px  !IMPORTANT;
    font-weight: 700;
}

#infocastContainer table#switcherStyle td select#infocastProductId option.product {
    font-size: 10px  !IMPORTANT;
}

#switcherIframe {
    width: 930px !important;
}

#infocastContainer div.sectionData input.showCalcs, #infocastContainer .cssShadow, #infocastContainer .ui-state-default, #infocastContainer .ui-widget-content .ui-state-default, #infocastContainer .ui-widget-header .ui-state-default, #infocastContainer div#generateFactsheet input.emailDirect, div.kfsemailform input#emailItToMe, #infocastContainer div.kfsemailform input#recalculate {
    box-shadow: 0 0 0 1px #a7aab2;
}

#infocastContainer div.sectionData input, #infocastContainer .insetShadow {
    box-shadow: 0 0 0 0px #fff inset;
}

/* ////END INFOCAST///*/




/* =========================================== 

Forms and applications

=========================================== */

/*div#page ul li{
  padding: 0;
  text-indent: 0;
}*/

div#page .forms-applications {
  list-style: none;
  margin: 0;
  padding: 0;
}

div#page .forms-applications h3 {
  margin: 0;
  padding: 20px 0;
  font-size: 25px;
  line-height: 30px;
}

div#page .forms-applications p {
  padding: 0;
}


  div#page ul.forms-applications li:before {
      content: none;
    }

div#page .forms-applications:before,
div#page .forms-applications:after {
  content: " ";
  visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

div#page .forms-applications > li {
  width: 25%;
  height: 376px;
  display: block;
    background-color: #f6f6f6;
    float: left;
    margin: 0;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
  text-indent:0;
}

    div#page .forms-applications li:first-child {
      width: 50%;
      padding: 0;
    }

        div#page .forms-applications li:first-child img {
          -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            top: 50%;
            position: absolute;
            height: auto !important;
            width: 100% !important;
        }

/*    div#page .forms-applications > li:nth-child(odd) {
      background-color: #eee;
    }  
*/
    
    div#page .forms-applications li:nth-child(4), div#page .forms-applications li:nth-child(6), div#page .forms-applications li:nth-child(12), div#page .forms-applications li:nth-child(14), div#page .forms-applications li:nth-child(20), div#page .forms-applications li:nth-child(22) {
      background-color: #ccc;
    }
    
    div#page .forms-applications li:nth-child(3), div#page .forms-applications li:nth-child(9), div#page .forms-applications li:nth-child(11), div#page .forms-applications li:nth-child(17), div#page .forms-applications li:nth-child(19) {
      background-color: #eee;
    } 
    

/* =========================================== 

KIDS SAVER TOPICS

=========================================== */

/*div#page ul li{
  padding: 0;
  text-indent: 0;
}*/

.kids-saver {
  list-style: none;
  margin: 0;
  padding: 0;
  background-color:white;
}

.kids-saver h3 {
  margin: 0;
  padding: 20px 0;
  font-size: 23px;
  line-height: 28px;
  color:#fff;
}

.kids-saver h4 {

  font-size: 16px;
  text-transform:uppercase;
  color:#fff;
}

/*.kids-saver li.intro h3 {
  padding: 0;
}
*/

.kids-saver p {
  padding: 0;
}


  ul.kids-saver li:before {
      content: none;
    }

.kids-saver:before,
.kids-saver:after {
  content: " ";
  visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.kids-saver > li {
  width: 20%;
  height: 800px;
  display: block;
  color:#fff;
    float: left;
    margin: 0;
    padding: 30px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
  text-indent:0;
  text-align:center;
  border:none;
}

    /*.kids-saver li.intro {
      width: 100%;
      background-color: #4c4c4c;
        color: #fff;
      height: 70px;
        padding: 15px;
      display:none;
    }*/
    
    .kids-dark-blue {
      background-color: #4A67A9;

    }
    
    .kids-green {
      background-color: #7AAA6C;

    }
    
    .kids-red {
      background-color: #F4744F;

    }
    
    .kids-yellow {
      background-color: #FFCB39;

    }
    
    .kids-light-blue {
      background-color: #6898AE;

    }
    


.round-header {
    
  display: block;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: white;
    color: #4A67A9;
    padding: 30px;
    box-sizing: border-box;
  font-size:2em;
  line-height:1.2em;
  font-family: "FoundersGroteskLight",Verdana,Arial,sans-serif;
  
  } 
  
    .kids-green .round-header {
      color: #7AAA6C;

    }
    
    .kids-red .round-header {
      color: #F4744F;

    }
    
    .kids-yellow .round-header {
      color: #FFCB39;

    }
    
    .kids-light-blue .round-header {
      color: #6898AE;

    }
    
    
ul.links {
  
  margin:0 0 0 30px;
  
  }
  
  ul.links li {
   
    text-align:left; 
   
  }
 
    ul.links li a {
      
      border-bottom:1px dotted white;
      padding: 0 0 5px 0;
      color:white;  
      
      }

.LPMcontainer, .lpchat-container {

        top:  52%!important;
      }
    


/* Break points
====================================== */


@media all and (max-width: 1250px){
  
  .kids-saver > li {
    
    height:900px;
    
    }
}

@media all and (max-width: 1230px){
  
  body.Section30.responsive2 .middleSection:after {
  content:"";
  display:none;
  
  } 

  .TB_Wrapper .Slide div {
    font-size: 25px;
  }

  a.rotator-rates, a.rotator-rates:hover, a.rotator-rates:visited  {
    font-size: 35px;
    line-height: 35px;
  }

  .TB_Wrapper .Slide div .txtCont span span {
    font-size:                                  40px;
    line-height:                                55px;
  }
 
  .TB_Wrapper .Slide > div {
    overflow:                                   visible;
  }

  .quick-tools li a[class^="icon-"], .quick-tools li a[class*=" icon-"] {
      font-size:                                38px;
    }

    [class^="icon-"] span, [class*=" icon-"] span {
      font-size:                                17px;
    }
  
  div#page .forms-applications > li {
    min-height: 340px;
  }
  
   .tables_wrapper.scroll {
        display:                                block;
        -webkit-overflow-scrolling:             touch;
        overflow:                               auto;
        border-right:                           1px dashed;
        width:                                  100%;
        cursor:                                 move;
        border-left:                            1px solid #ebebeb;
      }
    
      .expandTb_content .tables_wrapper.scroll {
    overflow: auto;
    border: none;
}


}

@media all and (max-width: 1160px){
.sub-promo .social img{
  margin: 10px;
  }
  

}
@media all and (max-width: 1065px){
  
  .qt-wrapper{
    height:314px;
  }

    .desktop {
      display:                                  none;
    }

    .mobile {
      display:                                  inline-block;
      margin:                                   10px 0;
    }

    .main-menu-top li {
      font-size:                                12px;
      padding:                                  0 25px 0 0;
    }

    .internal-banner, .internal-banner-blog {
      height:                                   180px;
    }

    .internal-banner-campaign {
      height:                                   320px;
    }

    h1,
    .internal-banner h1 span,
    .internal-banner-campaign h1 span,
    h1.componentheading, h1.page-header, div#page h1 {
      font-size:                                50px;
    }
  
    .quick-tools li {
      display:                                  block;
      width:                                    100%;
      height:                                   63px;
      text-align:                               left;
      border-right:                             0;
      border-bottom:                            1px solid #ebebeb;
      margin:                                   0;
    }

    .quick-tools li a {
      padding:                                  15px;
    }

          .quick-tools li a[class^="icon-"], .quick-tools li a[class*=" icon-"],
          .main-menu-bottom:after, .main-menu-bottom button.search:before,
          .icon-Phone-Icon:before, 
          .site-by:after, div#page ul li:before, div.blog ul li:before, .TB_Wrapper .icon:before {
            line-height:                            32px;
          }

          .icon-Blog-Icon:before,
          .icon-Travel-Icon:before,
          .icon-Calc-Icon:before,
          .icon-DLFormsl-Icon:before,
          .icon-Rates-Icon:before,
          .icon-money-Icon:before,
          .icon-credit-Icon:before,
          .icon-Online-Icon:before {
            display:                                inline;
          }

    [class^="icon-"] span, [class*=" icon-"] span {
      padding:                                  15px;
      position:                                 absolute;
      line-height:                              0;
      display:                                  inline-block;
    }

    .subpromo-menu li {
      border-left:                              0;
      border-right:                             0;
      border-top:                               2px solid #ffffff;
      border-bottom:                            2px solid #ffffff;
    }

    .subpromo-menu li:first-child {
      border-top:                               0;
    }

    .subpromo-menu li:last-child {
      border-bottom:                            0;
    }

    .sub-promo {
      height:                                   inherit;
      min-height:                               1080px;
    }

    .subpromo-menu li {
      width:                                    100%;
      display:                                  block;
    }

    .sub-promo h3 {
      font-size:                                30px;
      line-height:                              35px;
    }

    table.two-col-layout-cta.stripeTable .customerDetailsThead,
    table.two-col-layout-cta.stripeTable {
      margin:                                   0;
    }

    table .two-col-layout-cta, .two-col-layout-cta thead, .two-col-layout-cta tbody,
    .two-col-layout-cta th, .two-col-layout-cta td, .two-col-layout-cta tr, .two-col-layout-cta td:last-child {
      display:                                  block;
      width:                                    100%\9; /* IE9 hack */
      float:                                    left\9; /* IE9 hack */
    float:                                    left;
    }
  
  table.two-col-layout td, table.three-col-split td:first-child {
    width: 42%;
}



  table.three-col-layout td, table.three-col-layout.stripeTable td, table.three-col-split td {
    width: 26%;
      
}

    .two-col-layout-cta td,
    table.two-col-layout-cta.stripeTable td,
    .two-col-layout-cta td:last-child,
    table.two-col-layout-cta.stripeTable td:last-child,
    .three-col-layout-cta td, 
    table.three-col-layout-cta.stripeTable td,
    .three-col-layout-cta td:last-child, 
    table.three-col-layout-cta.stripeTable td:last-child  {
      padding:                                  0;
      position:                                 relative;
      width:                                    100%;
    }

    .two-col-layout-cta td,
    table.two-col-layout-cta.stripeTable td {
      margin:                                   0 0 40px 0 !important;
    }

    .two-col-layout-cta td:first-child {
      padding: 0;
    }

    table.two-col-layout-cta td:last-child,
    table.two-col-layout-cta.stripeTable td:last-child,
    table.three-col-layout-cta td:last-child, 
    table.three-col-layout-cta.stripeTable td:last-child {
      margin:                                   0 !important;
    width:                  100%; /*need it only for two col and three col*/
    }
  
  

    .two-col-layout-cta td:last-child .btn {
      display:                                  inline-block;
      margin:                                   0 20px 20px auto;
    }

    .tables_wrapper table.scrollable-table {
      margin:                                   0;
      border-left:                              none;
    }

    .rates-table .input {
      font-size:                                35px;
      line-height:                              normal;
    }

    .two-col-layout-cta td img, .three-col-layout-cta td img {
      width:                                    auto !important;
      display:                                  block;
      left:                                     0;
      margin:                                   0;
    }
  
  
  div#page .forms-applications > li:first-child{
    width: 66.4c4c4c67%;
  }
  
/*  .kids-saver > li.intro{
    width: 100%;
    min-height:25px;
  }*/

  div#page .forms-applications > li {
    width: 33.33333%;
    min-height: 380px;
    border: 1px solid rgb(255, 255, 255);
  }
  
  .kids-saver > li {
    width: 33.33333%;
    padding:30px;
    height:800px;
  }
  
  
  .Rate-interest span.input, .Rate-comparison span.input {
    font-size: 48px;
  }

  .Rate-interest span.postfix, .Rate-comparison span.postfix {
    font-size: 23px;
  }
  

}


@media all and (max-width: 960px){
  
/*  Byond Tabs  */
  
body.Section32 #page ul#byondTabMenu li, body.Section33 #page ul#byondTabMenu li, body.Section34 #page ul#byondTabMenu li, body.Section35 #page ul#byondTabMenu li, body.Section36 #page ul#byondTabMenu li {  
  width:                                      100%;
  display:                                    block;  
  margin:                                     5px 0;
  border-radius:                              6px;
 }
 
 body.Section32 #page ul#byondTabMenu li:first-child, body.Section32 #page ul#byondTabMenu li:last-child, 
 body.Section33 #page ul#byondTabMenu li:first-child, body.Section33 #page ul#byondTabMenu li:last-child, 
 body.Section34 #page ul#byondTabMenu li:first-child, body.Section34 #page ul#byondTabMenu li:last-child, 
 body.Section35 #page ul#byondTabMenu li:first-child, body.Section35 #page ul#byondTabMenu li:last-child, 
 body.Section36 #page ul#byondTabMenu li:first-child, body.Section36 #page ul#byondTabMenu li:last-child 
  
 {  
  border-radius:                              6px;
 }
  
  
#page .four-points ul li {
    width: 49%;
    padding: 0 5px;
   margin:0 1% 1% 0;
  }
 
}

@media all and (max-width: 875px){
  
  /* locator */

    .threecol .col1 {
        width: 100%;
        left: 80%;
        *left: 85%;
    }

    .threecol .col2 {
        width: 100%;
        left: 78%;
    }

    .threecol .col3 {
        width: 100%;
        left: 80%;
    }


    .main-menu-bottom input {
      width:                                    140px;
    }

    .main-menu-top {
        width:                                  500px;
    }
  


    .btn.ib {
      width:                                    27px;
      padding:                                  0 14px;
    display:none;
    }

    .btn.ib:before {
      border-right:                             none;
      display:                                  block;
      width:                                    27px;
      margin:                                   0;
      padding:                                  7px 0 0 0;
      font-size:                                24px;
      line-height:                              28px;
    }

    .btn.ib:after,.menutopMenu li.menuIbLogin a:after {
      content:                                  "Login";
      font-size:                                15px;
      margin:                                   20px 0 0 -6px;
      position:                                 absolute;
      display:                                  block;
    font-family:                "FoundersGroteskLight",Verdana,Arial,sans-serif;
    }


    .btn.ib span {

      position:                                 absolute;
      top:                                      -9999px;
      left:                                     -9999px;
    }
  
  .menutopMenu li.menuIbLogin a span {
  display:none;
    
  }
  
  .menutopMenu li.menuIbLogin a:before {
        margin:                             0 0 0 0;
        padding:                            0 0 0 0;
    font-size:              25px;
    width:                27px;
    line-height:            48px;

      }
    
   .menutopMenu li.menuIbLogin a:after {
      margin:                                   15px 0 0 -1px;     
  }

    .articlelist li {
      display:                                  block;
      width:                                    100%;
    }
  
  .jcarousel-skin-tango-lnews .jcarousel-clip-vertical {
  
    height: 225px;

}
  
   /* TABLE STYLES */ 

    table {
        margin: 0;
    }

    table.stripeTable.responsive,  table.stripeTable.responsive thead,  
    table.stripeTable.responsive tbody,  table.stripeTable.responsive th,  
    table.stripeTable.responsive td,  table.stripeTable.responsive tr,
    table.three-col-layout-cta, table.three-col-layout-cta thead, 
    table.three-col-layout-cta tbody, table.three-col-layout-cta th, 
    table.three-col-layout-cta td, table.three-col-layout-cta tr, 
    table.three-col-layout, table.three-col-layout thead, table.three-col-layout tbody,
    table.three-col-layout th, table.three-col-layout td, table.three-col-layout tr,    
    table.four-col-layout, table.four-col-layout thead, table.four-col-layout tbody,
    table.four-col-layout th, table.four-col-layout td, table.four-col-layout tr,
    table.three-col-split, table.three-col-split thead, table.three-col-split tbody,
    table.three-col-split th, table.three-col-split td, table.three-col-split tr  
   table.two-col-split, table.two-col-split thead, table.two-col-split tbody,
    table.two-col-split th, table.two-col-split td, table.two-col-split tr {
        display: block;
        width: 100% !important;
        float: left;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    table.stripeTable.responsive td, 
    table.three-col-layout-cta td,
    table.three-col-layout-cta.stripeTable td,
    table.three-col-layout-cta td:last-child,
    table.three-col-layout-cta.stripeTable td:last-child,
    table.three-col-layout-cta.stripeTable td:last-child,
    table.three-col-layout td,
    table.three-col-layout.stripeTable td,
    table.three-col-layout td:last-child,
    table.three-col-layout.stripeTable td:last-child,
    table.four-col-layout td,
    
    table.four-col-layout.stripeTable td,
    table.four-col-layout td:last-child,
    table.four-col-layout.stripeTable td:last-child,
    table.four-col-layout td:first-child,
    table.four-col-layout.stripeTable td:first-child {
        padding: 0;
        position: relative;
        width: 100% !important;
        margin: 0 0 40px 0 !important;
    }

    table.three-col-split td, table.three-col-split.stripeTable td, table.three-col-split td:last-child, table.three-col-split.stripeTable td:last-child,
  table.three-col-split td:first-child, table.three-col-split.stripeTable td:first-child {
        padding: 20px;
        position: relative;
        width: 100% !important;
    }

    .TB_Wrapper .Slide img {
      height:                                   100%; /* Rotator inline heights not being applied in IE9/10 */
    }

    .expandTb_content table.stripeTable.responsive {
      margin:                                   20px 0 0 0;
    }

    table.stripeTable.responsive tr th {
      display:                                  none;
      padding:                                  0;
    }

    div#page table td:last-child, 
    div#page table.expandTb tr, div#page table.expandTb tr td {
      margin:                                   0 !important;
    }
  
  
  div#page .forms-applications > li{
    width: 50%;
    min-height: 340px;
  }
  
  
 .kids-saver > li {
    width: 50%;
  }
  


}

@media all and (max-width: 843px){  

  .calcLumpSum iframe {
    min-height: 830px;
  }
  


}


@media all and (max-width: 765px){
   .nav-wrapper {
    position:                       relative;
    box-shadow:                     0 4px 0 0 rgba(0, 0, 0, 0.2);
    height:80px;
  }

   .main-menu-top {
        width:                                  auto;
    }
  
  .mobile-logo {
    float: left;
  }
   .mobile {
    margin:                                     10px 0 10px 70px;
    height:                                     75%;
    width:                                      auto;
    }

      .campaign .mobile {
        margin:                                     10px 0;
      }
       .campaign #headerLogo img.mobile{
        height: auto;
        max-width: 100px;
        margin-top: 13px;
        margin-left: 10px;
      }
    .campaign-page .section-masthead{
      top:0 !important;
    }
    
  .menutopMenu {
  display:none;  
   }
   

   
  .btn.ib {
       display:             block;  
       position:              absolute;
      top:                 3px;
      right:                10px;
      height:               60px;
  }
  
  
       
#fancybox-wrap{
  width:90% !important; left:0 !important;
}

#fancybox-content{
  width:100% !important;
}

#fsOnScreen{
  width:97% ;
}
  
  
 

  section.main-banner  , .cookieactive section.main-banner{
    margin-top:                                 0;
  }

  .anchor {
    margin:                                     0;
  }

  section.content.campaign div#page p.buttonheading {
  margin:                                       0;
  bottom:                                       -171px;
  }

  .main-menu-top li:first-child, 
  .main-menu-top li:nth-child(2), 
  .main-menu-top li:nth-child(3) {
    display:                                    none;
  }


  .menu-wrapper {
    background:                                 none;
  }

  .menu-top-wrapper {
    padding:                                    5px 20px;
    height:                                     75px;
    text-align:                                 center;
    position: absolute !important;
  }

      .campaign .menu-top-wrapper {
        text-align:                                 left;
        height: 60px;
      }
    
   .campaign.campaignHeader .menu-top-wrapper {
     text-align: center;
    } 

  .main-nav {
    background-color:                           #fff;
    border-bottom:                              1px solid #ebebeb;
    box-shadow:                                 0 4px 0 0 rgba(0, 0, 0, 0.2);
  }

  .internal-banner, .internal-banner-campaign, .internal-banner-blog, .internal-banner-testimonial {
    top:                                        0;
  }

  section.content,
  section.content.campaign {
    margin-top: 40px !important;
    padding:                   0 30px 80px 30px;
  }

  .main-menu-top li {
    line-height:                                65px;
    padding:                                    0 15px 0 0;
  }

        .main-menu-top li:nth-child(3) {
          margin-right:                             45px;
        }

  #ps_results {
    width:                                      100%;
    max-height:                                 none;
    margin:                                     0;
    box-sizing:                                 border-box;
   -moz-box-sizing:                border-box;
    border:                                     0;
    padding:                                    20px;
    overflow:                                   auto;
  }    

  .search-wrapper {
    top:                                        75px;
  }

  #search-form {
    display:                                    none;
    float:                                      none;
    margin:                                     0;
    width:                                      100%;
    border-radius:                              0;
  }  

  #search-form input {
    color:                                      #ffffff;
    width:                                      85%;
    border-radius:                              0;
    box-shadow:                                 none;
    background-color:                           #ed1944;
    height:                                     60px;
  }

  #ps_icon_background {
    width:                                      15%;
    padding:                                    17px;
    box-sizing:                                 border-box;
   -moz-box-sizing:                border-box;
    box-shadow:                                 none;
    height:                                     60px;
    background:                                 #ed1944;
    border-radius:                              0;
  }

        #ps_icon:before {
          color:                                    #fff;
          line-height:                              30px;
          right:                                    33px;
          position:                                 absolute;
        }

        #ps_icon.close:before {
          color:                                    #fff;
          line-height:                              23px;
          right:                                    38px;
        }

  #ps_icon.searching {
    background:                                url(/templates/client/images/menu/spinner_red.gif);
    height:                                    26px;
    background-size:                           30px;
    margin:                                    auto;
  }

  #search-menu {
    display:                                   block;
    position:                                  absolute;
    right:                                     86px;
    width:                                     60px;
    top:                                       10px;
    height:                                    55px;
    margin:                                    0;
    text-align:                                center;
  }

      #search-menu:after {
        content:                                  "Search";
        font-size:                                15px;
    font-family:                "FoundersGroteskLight",Verdana,Arial,sans-serif;
      }

      .icon-Search-Icon:before {
        height:                                   38px;
    font-weight:                bold;
      }

  .internal-banner, .internal-banner-blog, .internal-banner-testimonial {
    margin:                                    60px 0 0 0;
    height:                                    142px;
  }

  .internal-banner-campaign {
    margin:                                    75px 0 0 0;
  }
  
  .nav-wrapper.campaign.campaignHeader {
    height:                                 75px;
    position:                               relative;
  }

      .nav-wrapper.campaign {
        height: 60px !important;
      }

  .TB_Wrapper .Slide {
    top:                                    0 !important;
  }

  /*

  .TB_Wrapper .Slide > div {
    top:                                    53% !important;
  }
  */

  h1,
  .internal-banner h1 span,
  h1.componentheading, h1.page-header, div#page h1 {
    font-size:                              30px;
  }

  h1.page-header, .content div#page h1 {
    color: #ed1944;
    display: block;
    text-align: left;
    position: relative;
    font-size: 38px;
    margin-left: 0;
  }

  .campaign h2 {
    font-size:                              25px;
    line-height:                            35px;
  }

  .income-tax-app .gbst-loan-repayment .content .inputs-wrapper .section h2,
  .car-loan-calculator-app .gbst-loan-repayment .content .inputs-wrapper h2,
  .term-deposit-calculator-app .gbst-loan-repayment .content .loan-main-view .inputs-wrapper h2 {
    height: 36px!important;
  }
  
  
  div#page .forms-applications > li:first-child {
    display: none;
  }
  
 
  
  
    div#page .middleSection-inner ul {
      list-style:                   outside none none;
  }

  .middleSection-inner ul li {
    min-width:                      100%;
    border-top:                     3px solid #4c4c4c;
     min-height:                   300px;
  }
  
  
  body.Section30.responsive2 .middleSection-inner ul li {
    min-width:                      90%;
    border-top:                     3px solid #7BA96B;
    padding-left:                   3px;
    padding-right:                  3px;
  min-height:           300px;
  } 
   

  .btn {
    min-width: 90%;
  }

  
}

@media all and (max-width: 680px){  

  .contactForm iframe {
    min-height: 784px;
    height: auto;
  }

}


@media all and (max-width: 665px){  

  .calcLumpSum iframe {
    width: 100%;
  }

}


@media all and (max-width: 640px){
  
  div#page ul.highlight-links li, ul.highlight-links li {
    display:    block;
    width:      100%;
  } 


  iframe.forms {
      height: 1300px;
  }
  
.TB_Wrapper .Slide div.noSelect {
    padding:                        0 20px;
  }
  
table.keyFactSheet td.header{
  width:100%;
}

  table.keyFactSheet, table.keyFactSheet tr, table.keyFactSheet th, table.keyFactSheet td {
    display:                                  block;
    float:                                    left;
        width:                                    100%\9; /* IE9 hack */
        float:                                    left\9; /* IE9 hack */
        width:                  100% !important;
  }

  table.keyFactSheet td.header {
    border-radius:                0;
  }
  

  .menu-top-wrapper,  .campaign.campaignHeader .menu-top-wrapper {
    padding:                                0;
    height:                                 60px;
  }

      .campaign .menu-top-wrapper {
        height: 60px;
        padding: 0;
      }
    .campaign.campaignHeader .logo {
      margin: 10px 20px 10px 0;
     }

  .nav-wrapper,  .campaign.campaignHeader.nav-wrapper {
    height:                                 60px;
    background-color:                       #fff;
  }   

      .nav-wrapper.campaign {
        height: 60px;
      }

  .search-wrapper {
    top:                                    60px;
  }

  #searchForm td {
    display:                                block;
    width:                                  100%;
  }

  #searchForm td input {
    max-width:                              230px;
  }

  #search-form button, input#searchsubmit {
    -webkit-appearance:                     none;
  }

  #search-menu {
    right:                                  60px;
    top:                                    0;
    height:                                 60px;
  }  

  #ps_icon.searching {
    right:                                  22px;
    position:                               absolute;
  }

  #ps_icon.close:before {
    right:                                  20px;
  }

  #ps_icon:before {
    right:                                  17px;
  }

  .btn.ib,  .campaign.campaignHeader .btn.ib {
    height:                                 60px;
    margin:                                 0;
    border-radius:                          0;
    padding:                                0 17px;
    top:                                    0;
    right:                                  0;
  }

      .btn.ib:hover {
        border:                                 none;
        box-shadow:                             none;
        margin:                                 0;
      }

      .btn.ib:before {
        line-height:                            44px;
        margin:                                 0;
        padding:                                0;
      }
    
    
  .phone-link {
    
  pointer-events: auto;
    cursor: pointer;  
}

  /* rotator */

  section.main-banner {
    margin-top:                                 0; 
  }

  .TB_Wrapper .Slide .noSelect {
    padding:                                0;
  }

  .news h2:before {
      content:                              none;
  }

  .defaultButton {
    display:                                none;
  }

  .internal-banner, .internal-banner-blog, .internal-banner-campaign {
    top:                                    0;
      margin-top: 0;
  }

    

  .sub-promo-content img {
    max-width:                              225px;
    width:                                  auto;
  }

  .sub-promo h3 {
    font-size:                              25px;
    line-height:                            30px;
  }

  .sub-promo p {
    line-height:                            22px;
  }

  .news .articlelist li:nth-child(2),
  .news .articlelist li:last-child {
    display:                                none;
  }
  
  footer {
    padding: 0 0 40px 0;
}

  footer ul {
    padding:                                0;
  }

  .footer-links li {
    display:                                block;
    width:                                  100%;
    height:                                 57px;
    line-height:                            57px;
    border-top:                             1px solid #939597;
    border-bottom:                          1px solid #939597;
    margin:                                 -1px 0 0 0;
    text-align:                             left;
    -moz-box-sizing:                        border-box;
    box-sizing:                             border-box;
    padding:                                0;
  }

  .footer-links li:nth-child(even) {
    display:                                none;
  }

  .footer-links li a {
    display:                                block;
    height:                                 100%;
    padding:                                0 20px;
  }

  .footer-links li a:hover {
    padding:                                0 20px;
    border:                                 0;
  }

  .footer-links li a:active {
    box-shadow:                             inset 0 2px 10px 2px rgba(68,68,68,0.1);
  }


  .icon-Phone-Icon:before {
    margin:                                 11px 0 0 -30px;
  }

  /* Campaign banner */
  .banner-content h1 {
    line-height:                            32px;
  }

  .internal-banner-campaign a {
    width:                                  auto;
  }

  .campaign .mobile {
    margin:                                 20px auto;
  }
  
  .formSection-inner {
    padding: 0 20px 20px 20px;

}

  /* Tables */

  table.tablesorter2 td:last-child.customerDetails {
    font-weight:                            bold;
  }

  table.two-col-layout.stripeTable .customerDetailsThead,
  table.two-col-layout.stripeTable {
    margin:                                 0;
  }

  table .two-col-layout, .two-col-layout thead, .two-col-layout tbody,
  .two-col-layout th, .two-col-layout td, .two-col-layout tr {
    display:                                block;
    width:                                  100%\9; /* IE9 hack */
    float:                                  left;\9; /* IE9 hack */
  }

  table.two-col-layout td,
  table.two-col-layout.stripeTable td, table.two-col-layout td:first-child,
  table.two-col-layout td:last-child,
  table.two-col-layout.stripeTable td:last-child {
    padding:                                0;
    position:                               relative;
    width:                                  100%;
    margin:                                 0 0 40px 0 !important;
  }


  [class^="prod_"]:before, [class*=" prod_"]:before {
    content:                                " ";
    visibility:                             hidden;
    display:                                block;
    height:                                 0;
    clear:                                  both;
  }

  table .tablesorter2.stripeTable .customerDetailsThead.header:last-child,
  table .tablesorter2.stripeTable td, table .tablesorter2.stripeTable .customerDetailsThead.header,  
  table .two-col-layout .tablesorter2.stripeTable, 
  .two-col-layout .tablesorter2.stripeTable thead, 
  .two-col-layout .tablesorter2.stripeTable tbody,
  .two-col-layout .tablesorter2.stripeTable th, 
  .two-col-layout .tablesorter2.stripeTable td,
  .two-col-layout .tablesorter2.stripeTable th:last-child, 
  .two-col-layout .tablesorter2.stripeTable td:last-child {
    margin:                                 0 !important;
    padding:                                0;
  } 
 
  .two-col-layout .tablesorter2.stripeTable th:last-child,
  .two-col-layout .tablesorter2.stripeTable th {
     padding:                               10px 20px;
  }

  table .tablesorter2.stripeTable td, 
  .two-col-layout .tablesorter2.stripeTable td, 
  .two-col-layout .tablesorter2.stripeTable td:last-child {
    padding:                                5px 20px;
  }  

  .two-col-layout-cta td:last-child .btn {
    display:                                block;
    margin:                                 0 auto 20px auto;
  }

  .two-col-layout-cta td img, .three-col-layout-cta td img {
      display:                                  block;
      margin:                                   auto;
  }

  .internal-banner-campaign h1 span {
    font-size:                              35px;
  }

  .TB_Wrapper .btn.primary {
    min-width:                              108px;
    padding:                                0 10px;
    font-size:                              16px;
    box-sizing:                             border-box;
   -moz-box-sizing:                border-box;
  }

  /* Rates table */

  table.rates-table, table.rates-table tr {
    display: table;
    float: none;
    width: 100%;
  }

  table.rates-table td, table.rates-table th {
    display: table-cell;
    float: none;
    width:                              33.333%;
  }

  .LPMcontainer,
  .lpchat-container {
    /* display:                                none !important; */
  }

  section.content.campaign div#page .rates-table td p, div#page .rates-table td p {
    padding: 0 5px;
  }

  /* Calculators */

  div#page .responsive_layout h1 {
    font-size:                              13px;
    font-weight:                            bold;
    line-height: normal;
    max-width: 145px;
  }

  div#page .responsive_layout ul li.slider-wrapper {
    margin:                                 15px 0 0 8px;
  }
  
   /* locator */ 
  
    #search_fields {
        width: 100% !important;
    }

    #search_input {
        width: 100% !important;
    }

    #searchText {
        width: 50% !important;
    }

    #locMap img {
        max-width: 270px !important;
    }
  
  
    ul.highlight-links li {
      display: block;
    width: 100%;
      text-align: left;
    margin: 10px 0;
  }
  
  ul.highlight-links li a {
      line-height: 50px;
     padding: 0px;
     font-size: 40px;
  }
  
  ul.highlight-links li a:hover{
    padding-bottom: 5px;
    
  }
  
  ul.highlight-links li a span {
      font-size: 18px;
      line-height: 40px;
      display: inline-block;
      margin-left: 20px;
      vertical-align: top;
  }
  
  .kids-saver > li {
    min-height: auto;
    float: none;
    width: 100%;
    height: auto;
  }
  
  .jcarousel-skin-tango-tm  {
    padding:                        15px;

  }
  

  
  .jcarousel-skin-tango-tm .jcarousel-clip-vertical {
    height: 250px;

}
  
  
  /*  Byond Tabs  */
  
body.Section37 #page ul#byondTabMenu li, body.Section38 #page ul#byondTabMenu li    {  
  width:                                      100%;
  display:                                    block;  
  margin:                                     2px 0;
  border-radius:                              6px;
 }
 
 body.Section37 #page ul#byondTabMenu li:first-child, body.Section37 #page ul#byondTabMenu li:last-child, 
 body.Section38 #page ul#byondTabMenu li:first-child, body.Section38 #page ul#byondTabMenu li:last-child    
 {  
  border-radius:                              6px;
 }
 
  /*  four points  */
  
#page .four-points ul li {
    width: 100%;
    padding: 0 10px;
   margin:0 0 2% 0;
  min-height:200px;
  }
  
  .btn.four-pnt {
    
    text-align:center;
  }

}

@media all and (max-width: 629px){  

  .calcLumpSum iframe {
    min-height: 975px;
  }

}
@media all and (max-width: 603px){  

  .calcLumpSum iframe {
    min-height: 990px;
  }

}

@media all and (max-width: 600px){
  
  .extrarepaymentCalc iframe, .lumpsumCalc iframe{
    height:1020px;
}

}

@media all and (max-width: 563px){  

  .calcLumpSum iframe {
    min-height: 1020px;
  }

}
@media all and (max-width: 560px){  

  .contactForm iframe {
    min-height: 733px;
    height: auto;
  }

}

@media all and (max-width: 540px){
  
  #infocastContainer .kfsemailform ul.tabMenu li{
  width:100%;
  border-radius:0;
  height:100%;
  margin:0;
  font-size:12px;
}

#infocastContainer .kfsemailform ul.tabMenu li a#fsEmailedTab, #infocastContainer .kfsemailform ul.tabMenu li a#fsOnScreenTab,
#infocastContainer .kfsemailform ul.tabMenu li a:hover{
  border-radius:0;
  margin:0 !important;
}

#infocastContainer .kfsemailform{
  height:50px;
}

#infocastContainer #fsEmailed{
  border-radius:0;
  width:93%;
}


  div#page .forms-applications > li {
    min-height: auto;
    float: none;
    width: 100%;
    min-height: 0;
    height: auto;
  }
  
    .btn, .two-col-layout-cta td:last-child .btn {
    display:                                block;
    width:                                  90%;
    max-width:                              none;
    margin:                                 0 auto 5px;

  }
  
  .calcLumpSum iframe {
    min-height: 1225px;
  }
  
  
.sub-promo .pay img{
  max-width:50px;
  }

}

@media all and (max-width: 520px){
  .extrarepaymentCalc iframe{
  height:1320px;
}
  
  .lumpsumCalc iframe{
  height:1260px;
}
 .calcLumpSum iframe {
    min-height: 1310px;
  }
}

@media all and (max-width: 465px){
  .extrarepaymentCalc iframe{ 
  height:1400px;
}
  .lumpsumCalc iframe{
  height:1340px;
}

.app-info img{
  
  display:block;
  }

}


@media all and (max-width: 420px){
  
table.two-col-layout td img, table.two-col-layout-cta td img, table.three-col-layout-cta td img,
table.three-col-layout td img, table.four-col-layout td img, table.three-col-split td img, table.two-col-split td img {
    width: 100% !important;
    height: auto !important;
}

    .jcarousel-skin-tango-lnews .jcarousel-clip-vertical {
  
    height: 250px;

}


/*  .menu-top-wrapper {
    text-align:                             left;
  }*/
  
  .mobile, .campaign.campaignHeader.mobile {
  
  height:                 65%;  
    
    }

  .desktop-ib {
    display:                                none;
  }

  .mobile-ib {
    display:                                inline-block;
  }

  .share-links.campaign {
    margin-right:                           20px;
    display:                                none;
  }

  .campaign .mobile {
    margin: 20px 0 20px 20px;
    height: 40% !important;
    width: 100px;
  }
  
   .TB_Wrapper .Slide > div {
  }

  

  .TB_Wrapper .Slide div {
    font-size:                              18px;
    line-height:                            22px;
  }

  .TB_Wrapper .Slide div .txtCont span span {
    font-size:                              28px;
    line-height:                            32px;
    margin-bottom:                          -20px;           
  }

  /*
  div#page ul li, div.blog ul li {
    text-indent:                            -35px;
  }
  */

  div#page ul li:before, div.blog ul li:before {
    margin-right:                           21px;
  }

  .total-surplus-amount sup {
    top:                                    8px !important;
  }

  .rates-table tr:nth-child(2) {
    height:                                 100px;
  }

  .rates-table tr:nth-child(4) {
    height:                                 84px;
  }

  .rates-table .input {
    font-size:                               24px;
  }
  
  div#page ul.directors li, div#page ul.directors li:first-child {
    display: block;
    width: 100%;
    margin: 0;
}

div#page ul.directors li img {
    height: auto !important;
    max-width: 100% !important;
    width: auto !important;
}

div#page ul.directors h3 {
    font-size:20px;
  line-height:26px;
}

div#page p.Rate-interest, div#page p.Rate-comparison {
    text-align: left;
}

/*  .Rate-interest span.input, .Rate-comparison span.input {
    font-size: 56px;

}

.Rate-interest span.postfix, .Rate-comparison span.postfix {

    font-size: 26px;
}
*/

 .quick-tools li:last-child {
        border-bottom:                  none;
      }

.expandTb_content .tables_wrapper.scroll {
  max-width:320px;
  border-right:1px dashed #ebebeb;
  }
  
  
  div#page .expandTb ul li {
    margin: 0 0 10px 40px;
    text-indent: -40px;

}

}

@media all and (max-width: 415px){
  .extrarepaymentCalc iframe{
  height:1410px;
}

  .lumpsumCalc iframe{
  height:1350px;
}

ul.highlight-links li a span {
    position: relative;
    left: 0;
    top: 0;
    color: #585858;
    font-size: 15px;
  }
  
  .calcLumpSum iframe {
    min-height:       1420px;
    height:         auto;
    width:          100%;
  }
  
}

@media all and (max-width: 340px){

  
  .calcLumpSum iframe {
    min-height:       1450px;
  }
  
  body.Section30.responsive2 .banner-content .rocket:before {
    display:none;
      
  }

}
#topMenu .separator{
      font-size: 16px;
}  
table.long-button-cta-fix td:last-child {
    width: 38.16%;
    padding: 0;
}

table.long-button-cta-fix td .btn {
    min-width: 350px;
    font-size: 17px;
}

@media all and (max-width: 450px) {
    table.long-button-cta-fix td .btn {
        min-width: 300px;
        font-size: 15px;
    }
}

@media all and (max-width: 350px) {
    table.long-button-cta-fix td .btn {
        min-width: 250px;
        font-size: 13px;
    }
}

.foundationpromo {
  max-width: 680px;
  margin: 50px auto;
  text-align: center;
  padding: 0 20px;
}

.foundationpromo img {
  max-width: 270px;
  margin: 0 10px 0 10px;
}

@media all and (max-width: 540px) {
  .foundationpromo {
    margin: 20px auto;
    margin-top: -30px;
  }
  .foundationpromo img {
    max-width: 220px;
    margin: 10px;
  }
  h3 {
    font-size: 18px;
  }
}

/* cookies aler */

.mod-notifications.mod-menu {
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    background: #000;
    -webkit-transform: initial;
    -moz-transform: initial;
    -ms-transform: initial;
    -o-transform: initial;
    transform: initial;
}
.mod-notifications.mod-menu .mod-menu-wrap {
    padding: 0;
    margin: 0 1em;
    text-align: center;
    color: #fff;
    font-weight: 800;
    position: relative;
   
}
.mod-notifications.mod-menu .content {
    max-width: calc(100% - 3.35em);
}
.mod-notifications.mod-menu .content, .mod-notifications.mod-menu .mod-button {
    display: inline-block;
    vertical-align: middle;
}
.mod-notifications.mod-menu .content {
    max-width: 1200px;
    margin: auto;
    position: relative;
    margin-top: 0;
    max-width: calc(100% - 3.35em);
}
.mod-notifications.mod-menu .mod-button {
    margin-left: 1em;
    cursor: pointer;
}
.mod-notifications.mod-menu .content, .mod-notifications.mod-menu .mod-button {
    display: inline-block;
    vertical-align: middle;
    /* max-width: calc(100% - 3.35em); */
}
.mod-notifications.mod-menu p {
    margin: 0;
    color: #fff;
}

.mod-notifications.mod-menu .icon-cross{
      font-size: 15px;
      line-height: 20px;
      height: auto;
      z-index: 9999;
      color: #fff;
}
.mod-notifications.mod-menu .icon-cross:before {
    font-size: 20px;
    line-height: 70px;
     content: "\e611";
}
.cookieactive .main-wrapper{
  margin-top: 80px;
}
.cookieactive .clear-fix.is-cookies-alert-loaded{
  position: relative !important;
}
@media (max-width: 765px){
  .menu-wrapper.cookieactive {
      position: absolute;
  }

  .cookieactive .search-wrapper {
      top: 160px;
  }
  .clear-fix.is-cookies-alert-loaded{
  position: absolute !important;
}
}

@media (max-width: 655px){

  .menu-wrapper.cookieactive {
      position: absolute;
  }
 
  .cookieactive .search-wrapper {
      top: 160px;
  }

}
.cookieactive .mod-notifications.mod-menu{  
    height: auto !important;
}
td.show-mobile-only-image {
    display: none;
}
td.show-desktop-only-image{
    display:inherit;
}
@media (max-width: 767px){
  .embform iframe{
        height: 730px !important;
  }
   td.show-mobile-only-image {
        display: block;
    }
        td.show-desktop-only-image{
        display:none !important;
    }
}

.campaign #headerBtns {
    position: relative;
    float: right;
    max-width: 983px;
    display: inline-block;
    text-align: right;
}
.campaign #headerBtns ul {
    list-style: none;
}
.campaign #headerBtns ul li {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    padding: 0;
    position: relative;
    vertical-align: top;
    margin: 0;
    float: left;
    width: auto;
    color: #000;
    max-width: initial;
    padding: 0 20px 0 20px;
}

.campaign #headerBtns ul li a , #headerBtns .icon-Phone-Icon:before{
      color: #000;
      
}
 #headerBtns .icon-Phone-Icon:before{
      margin: -6px 0 0 -17px;
}
.campaign #headerBtns ul li.mobile {
    display: none;
}
.campaign #headerBtns ul li.btnHeader.green {
    /* background-color: #00AD50; */
    color: #fff;
    font-size: 17px;
    font-weight: normal;
    line-height: 57px;
    -webkit-transition: background-color 0.8s ease;
    -moz-transition: background-color 0.8s ease;
    -o-transition: background-color 0.8s ease;
    transition: background-color 0.8s ease;
    background: #ed1944;
    background: -moz-linear-gradient(45deg, #ed1944 0%, #f57f29 99%, #faa41a 100%);
    background: -webkit-linear-gradient(45deg, #ed1944 0%,#f57f29 99%,#faa41a 100%);
    background: linear-gradient(45deg, #ed1944 0%,#f57f29 99%,#faa41a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1944', endColorstr='#faa41a',GradientType=1 );
}
.campaign #headerLogo {
    position: relative;
    float: left;
}
.campaign #headerBtns ul li a {
    text-decoration: none;
    display: inline-block;
    font-size: 17px;
    line-height: 19px;
    font-weight: bold;
    padding: 0 20px;
}
#headerBtns .icon-Phone-Icon{
     font-size:12px;
}
@media (max-width: 685px){
    #headerBtns ul li.desktop {
      display: none!important;
  }

}

@media (max-width: 765px){
     .landing-temp-phone-mob {
      display: block !important;
      padding-right: 0 !important;
  }

}

@media (max-width: 572px){
  #headerBtns ul {
    box-sizing: border-box;
    width: 100%;
}
 #headerBtns ul li a {
    font-size: 14px;
}
 #headerBtns ul li.btnHeader.green {
    font-size: 17px;
    font-weight: bold;
    line-height: 57px;
    padding: 0 10px;
    text-align: center;
    -webkit-transition: background-color 0.8s ease;
    -moz-transition: background-color 0.8s ease;
    -o-transition: background-color 0.8s ease;
    transition: background-color 0.8s ease;
}
}
 #headerBtns ul li.btnHeader.green a{
  color: #fff
 }
 @media (max-width: 454px){
    #headerBtns ul li a {
      font-size: 12px;
      padding: 10px;
      padding-top: 5px;
  } 
   #headerBtns ul li.btnHeader.green {
      padding: 0;
  }
}
 
 .campaign-page .section-masthead{
      /* height: 300px; */
      top: 170px;
      position: relative;
 }

.campaign-page .section-masthead img{
  /* height: 300px; */
  width: 100%;
  max-width: 100%;
}
@media (max-width: 1065px){
  .campaign-page .section-masthead img.mobile {
  display: block;
  /* height: 300px; */
  max-width: 100% !important;
  max-height: 100%;
  margin: 0;
}
.campaign-page .section-masthead{
   /* height: 300px; */
   /* top: 0; */
}
#headerLogo .mobile{
  margin:0;
}
section.content.campaign{
  margin-top: 0
}

}
#page .calculator-disclaimer, #page .stamp-duty-calculator-app #gbst-stamp-duty.gbst-loan-repayment .calculator-disclaimer{
  font-size: 14px;
  color: #444444;
  line-height: 21px;
}