@charset "UTF-8";
@font-face {
  font-family: 'Calibre';
  src: url("/assets/fonts/Calibre_Bd.otf");
  font-weight: bold; }

@font-face {
  font-family: 'Calibre';
  src: url("/assets/fonts/Calibre_Rg.otf");
  font-weight: normal; }

@font-face {
  font-family: 'Lexia';
  src: url("/assets/fonts/Lexia_W_Bd.eot");
  src: url("/assets/fonts/Lexia_W_Bd.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Lexia_W_Bd.woff") format("woff");
  font-weight: bold; }

@font-face {
  font-family: 'Lexia';
  src: url("/assets/fonts/Lexia_W_Rg.eot");
  src: url("/assets/fonts/Lexia_W_Rg.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Lexia_W_Rg.woff") format("woff");
  font-weight: normal; }

@font-face {
  font-family: 'Lexia Ad';
  src: url("/assets/fonts/lexia-ad.eot");
  /* IE9 Compat Modes */
  src: url("/assets/fonts/lexia-ad.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/lexia-ad.woff") format("woff"), url("/assets/fonts/lexia-ad.ttf") format("truetype"), url("/assets/fonts/lexia-ad.svg#abb13224307b38cdb07140ce90f3ea30") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: 'Lexia Ad';
  src: url("/assets/fonts/lexia-ad-italic.eot");
  /* IE9 Compat Modes */
  src: url("/assets/fonts/lexia-ad-italic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/lexia-ad-italic.woff") format("woff"), url("/assets/fonts/lexia-ad-italic.ttf") format("truetype"), url("/assets/fonts/lexia-ad-italic.svg#efd555e60e9b61fc7009577ac795f540") format("svg");
  /* Legacy iOS */
  font-style: italic;
  font-weight: normal; }

/*!
 * Custom compiled bootstrap
 *
 * Derived from Bootstrap v4.0.0-alpha.2 (http://getbootstrap.com)
 * Bootstrap Copyright 2011-2015 Twitter, Inc.
 * Bootstrap Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container::after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 544px) {
    .container {
      max-width: 576px; } }
  @media (min-width: 768px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .container {
      max-width: 940px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 1140px; } }

.container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container-fluid::after {
    content: "";
    display: table;
    clear: both; }

.row {
  margin-left: -15px;
  margin-right: -15px; }
  .row::after {
    content: "";
    display: table;
    clear: both; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 544px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1 {
    width: 8.33333%; }
  .col-sm-2 {
    width: 16.66667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.33333%; }
  .col-sm-5 {
    width: 41.66667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.33333%; }
  .col-sm-8 {
    width: 66.66667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.33333%; }
  .col-sm-11 {
    width: 91.66667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.33333%; }
  .col-sm-pull-2 {
    right: 16.66667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.33333%; }
  .col-sm-pull-5 {
    right: 41.66667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.33333%; }
  .col-sm-pull-8 {
    right: 66.66667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.33333%; }
  .col-sm-pull-11 {
    right: 91.66667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.33333%; }
  .col-sm-push-2 {
    left: 16.66667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.33333%; }
  .col-sm-push-5 {
    left: 41.66667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.33333%; }
  .col-sm-push-8 {
    left: 66.66667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.33333%; }
  .col-sm-push-11 {
    left: 91.66667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 768px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-1 {
    width: 8.33333%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.33333%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.33333%; }
  .col-md-11 {
    width: 91.66667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.33333%; }
  .col-md-pull-2 {
    right: 16.66667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.33333%; }
  .col-md-pull-5 {
    right: 41.66667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.33333%; }
  .col-md-pull-8 {
    right: 66.66667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.33333%; }
  .col-md-pull-11 {
    right: 91.66667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.33333%; }
  .col-md-push-2 {
    left: 16.66667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.33333%; }
  .col-md-push-5 {
    left: 41.66667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.33333%; }
  .col-md-push-8 {
    left: 66.66667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.33333%; }
  .col-md-push-11 {
    left: 91.66667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.33333%; }
  .col-md-offset-2 {
    margin-left: 16.66667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333%; }
  .col-md-offset-5 {
    margin-left: 41.66667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333%; }
  .col-md-offset-8 {
    margin-left: 66.66667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333%; }
  .col-md-offset-11 {
    margin-left: 91.66667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-1 {
    width: 8.33333%; }
  .col-lg-2 {
    width: 16.66667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.33333%; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.33333%; }
  .col-lg-8 {
    width: 66.66667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.33333%; }
  .col-lg-11 {
    width: 91.66667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.33333%; }
  .col-lg-pull-2 {
    right: 16.66667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.33333%; }
  .col-lg-pull-5 {
    right: 41.66667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.33333%; }
  .col-lg-pull-8 {
    right: 66.66667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.33333%; }
  .col-lg-pull-11 {
    right: 91.66667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.33333%; }
  .col-lg-push-2 {
    left: 16.66667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.33333%; }
  .col-lg-push-5 {
    left: 41.66667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.33333%; }
  .col-lg-push-8 {
    left: 66.66667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.33333%; }
  .col-lg-push-11 {
    left: 91.66667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    float: left; }
  .col-xl-1 {
    width: 8.33333%; }
  .col-xl-2 {
    width: 16.66667%; }
  .col-xl-3 {
    width: 25%; }
  .col-xl-4 {
    width: 33.33333%; }
  .col-xl-5 {
    width: 41.66667%; }
  .col-xl-6 {
    width: 50%; }
  .col-xl-7 {
    width: 58.33333%; }
  .col-xl-8 {
    width: 66.66667%; }
  .col-xl-9 {
    width: 75%; }
  .col-xl-10 {
    width: 83.33333%; }
  .col-xl-11 {
    width: 91.66667%; }
  .col-xl-12 {
    width: 100%; }
  .col-xl-pull-0 {
    right: auto; }
  .col-xl-pull-1 {
    right: 8.33333%; }
  .col-xl-pull-2 {
    right: 16.66667%; }
  .col-xl-pull-3 {
    right: 25%; }
  .col-xl-pull-4 {
    right: 33.33333%; }
  .col-xl-pull-5 {
    right: 41.66667%; }
  .col-xl-pull-6 {
    right: 50%; }
  .col-xl-pull-7 {
    right: 58.33333%; }
  .col-xl-pull-8 {
    right: 66.66667%; }
  .col-xl-pull-9 {
    right: 75%; }
  .col-xl-pull-10 {
    right: 83.33333%; }
  .col-xl-pull-11 {
    right: 91.66667%; }
  .col-xl-pull-12 {
    right: 100%; }
  .col-xl-push-0 {
    left: auto; }
  .col-xl-push-1 {
    left: 8.33333%; }
  .col-xl-push-2 {
    left: 16.66667%; }
  .col-xl-push-3 {
    left: 25%; }
  .col-xl-push-4 {
    left: 33.33333%; }
  .col-xl-push-5 {
    left: 41.66667%; }
  .col-xl-push-6 {
    left: 50%; }
  .col-xl-push-7 {
    left: 58.33333%; }
  .col-xl-push-8 {
    left: 66.66667%; }
  .col-xl-push-9 {
    left: 75%; }
  .col-xl-push-10 {
    left: 83.33333%; }
  .col-xl-push-11 {
    left: 91.66667%; }
  .col-xl-push-12 {
    left: 100%; }
  .col-xl-offset-0 {
    margin-left: 0%; }
  .col-xl-offset-1 {
    margin-left: 8.33333%; }
  .col-xl-offset-2 {
    margin-left: 16.66667%; }
  .col-xl-offset-3 {
    margin-left: 25%; }
  .col-xl-offset-4 {
    margin-left: 33.33333%; }
  .col-xl-offset-5 {
    margin-left: 41.66667%; }
  .col-xl-offset-6 {
    margin-left: 50%; }
  .col-xl-offset-7 {
    margin-left: 58.33333%; }
  .col-xl-offset-8 {
    margin-left: 66.66667%; }
  .col-xl-offset-9 {
    margin-left: 75%; }
  .col-xl-offset-10 {
    margin-left: 83.33333%; }
  .col-xl-offset-11 {
    margin-left: 91.66667%; }
  .col-xl-offset-12 {
    margin-left: 100%; } }

/*
 * qTip2 - Pretty powerful tooltips - v2.2.1
 * http://qtip2.com
 *
 * Copyright (c) 2015
 * Released under the MIT licenses
 * http://jquery.org/license
 *
 * Date: Tue Aug 11 2015 07:30 EDT-0400
 * Plugins: tips viewport svg modal
 * Styles: core
 */
.qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 280px;
  min-width: 50px;
  font-size: 10.5px;
  line-height: 12px;
  direction: ltr;
  box-shadow: none;
  padding: 0; }

.qtip-content {
  position: relative;
  padding: 5px 9px;
  overflow: hidden;
  text-align: left;
  word-wrap: break-word; }

.qtip-titlebar {
  position: relative;
  padding: 5px 35px 5px 10px;
  overflow: hidden;
  border-width: 0 0 1px;
  font-weight: bold; }

.qtip-titlebar + .qtip-content {
  border-top-width: 0 !important; }

/* Default close button class */
.qtip-close {
  position: absolute;
  right: -9px;
  top: -9px;
  z-index: 11;
  /* Overlap .qtip-tip */
  cursor: pointer;
  outline: medium none;
  border: 1px solid transparent; }

.qtip-titlebar .qtip-close {
  right: 4px;
  top: 50%;
  margin-top: -9px; }

* html .qtip-titlebar .qtip-close {
  top: 16px; }

/* IE fix */
.qtip-titlebar .ui-icon,
.qtip-icon .ui-icon {
  display: block;
  text-indent: -1000em;
  direction: ltr; }

.qtip-icon, .qtip-icon .ui-icon {
  border-radius: 3px;
  text-decoration: none; }

.qtip-icon .ui-icon {
  width: 18px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  text-indent: 0;
  font: normal bold 10px/13px Tahoma,sans-serif;
  color: inherit;
  background: transparent none no-repeat -100em -100em; }

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
/* Default tooltip style */
.qtip-default {
  border: 1px solid #F1D031;
  background-color: #FFFFA3;
  color: #555; }

.qtip-default .qtip-titlebar {
  background-color: #FFEF93; }

.qtip-default .qtip-icon {
  border-color: #CCC;
  background: #F1F1F1;
  color: #777; }

.qtip-default .qtip-titlebar .qtip-close {
  border-color: #AAA;
  color: #111; }

.qtip .qtip-tip {
  margin: 0 auto;
  overflow: hidden;
  z-index: 10; }

/* Opera bug #357 - Incorrect tip position
	https://github.com/Craga89/qTip2/issues/367 */
x:-o-prefocus, .qtip .qtip-tip {
  visibility: hidden; }

.qtip .qtip-tip,
.qtip .qtip-tip .qtip-vml,
.qtip .qtip-tip canvas {
  position: absolute;
  color: #123456;
  background: transparent;
  border: 0 dashed transparent; }

.qtip .qtip-tip canvas {
  top: 0;
  left: 0; }

.qtip .qtip-tip .qtip-vml {
  behavior: url(#default#VML);
  display: inline-block;
  visibility: visible; }

#qtip-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

/* Applied to modals with show.modal.blur set to true */
#qtip-overlay.blurs {
  cursor: pointer; }

/* Change opacity of overlay here */
#qtip-overlay div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }

.hidden-xs-up {
  display: none !important; }

@media (max-width: 543px) {
  .hidden-xs-down {
    display: none !important; } }

@media (min-width: 544px) {
  .hidden-sm-up {
    display: none !important; } }

@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important; } }

@media (min-width: 768px) {
  .hidden-md-up {
    display: none !important; } }

@media (max-width: 991px) {
  .hidden-md-down {
    display: none !important; } }

@media (min-width: 992px) {
  .hidden-lg-up {
    display: none !important; } }

@media (max-width: 1199px) {
  .hidden-lg-down {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important; } }

.hidden-xl-down {
  display: none !important; }

.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-list {
  z-index: 2; }

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

/* Arrows */
.slick-prev,
.slick-next {
  z-index: 3;
  position: absolute;
  display: block;
  height: 50px;
  width: 50px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.5);
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -10px; }
  @media (min-width: 768px) {
    .slick-prev {
      left: -40px; } }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: ' ';
    background-image: url(/_src/icons/global/left-white.svg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 35px;
    width: 35px;
    display: block;
    margin: 0 auto; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -10px; }
  @media (min-width: 768px) {
    .slick-next {
      right: -40px; } }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: ' ';
    background-image: url(/_src/icons/global/right-white.svg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 35px;
    width: 35px;
    display: block;
    margin: 0 auto; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

/* Site-wide foundation/normalisation styles */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
  font-size: 18px; }

*, *::before, *::after {
  box-sizing: inherit; }

body {
  margin: 0;
  font-size: 1rem sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased; }

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
figure,
ol,
ul {
  margin: 0;
  padding: 0; }

main,
li {
  display: block; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit; }

strong {
  font-weight: bold; }

button {
  color: inherit; }

p {
  margin-bottom: 1.5em; }
  p:last-child {
    margin-bottom: 30px; }

button {
  overflow: visible;
  border: 0;
  font: inherit;
  -webkit-font-smoothing: inherit;
  letter-spacing: inherit;
  background: none;
  cursor: pointer; }

::-moz-focus-inner {
  padding: 0;
  border: 0; }

img {
  max-width: 100%;
  height: auto;
  border: 0; }

/* Typographic rules, utils and components */
.h-page {
  font-size: 2.5rem;
  line-height: 2.841rem;
  margin-bottom: 1.25rem;
  font-weight: bold;
  color: #4465ad; }

.h-1,
h1 {
  font-size: 2.25rem;
  line-height: 2.625rem;
  margin-bottom: 2.75rem;
  font-weight: normal;
  color: #4465ad; }

.h-2,
h2 {
  font-size: 1.875rem;
  line-height: 2.25rem;
  margin-bottom: 1.25rem;
  font-weight: bold;
  color: #4465ad; }

.h-3, .h-p,
h3,
.scroll-tracker__header__content__title {
  font-size: 1.5rem;
  line-height: 1.875rem;
  margin-bottom: 1.25rem;
  font-weight: normal;
  color: #4465ad; }

.h-4,
h4,
.tooltip__bubble .qtip-titlebar,
.tooltip__modal .qtip-titlebar {
  font-size: 1.125rem;
  line-height: 1.5rem;
  margin-bottom: 1.25rem;
  font-weight: bold;
  color: #4465ad; }

.h-5,
h5,
h6 {
  font-size: 1rem;
  line-height: 1.375rem;
  margin-bottom: 1.25rem;
  font-weight: bold;
  color: #4465ad; }

.font-intro,
.accordion__head,
.needs-chooser__head,
.budget-planner__controller__head,
.scroll-tracker__link,
.nav-tabs,
.site-navigation__search-link {
  font-size: 1rem;
  line-height: 1.5rem; }

.subheading {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #666666;
  margin-top: -1.75rem; }

.font-base,
body,
.styled-select,
.styled-input,
.tooltip__modal,
.budget-planner__controller__head {
  font-size: 0.875rem;
  line-height: 1.375rem; }

.font-small,
.site-footer__secondary__nav__links > li,
.site-footer__secondary__fine-print,
.breadcrumb,
.tooltip__bubble {
  font-size: 0.75rem;
  line-height: 1rem; }

.font-fine {
  font-size: 0.75rem;
  line-height: 1rem; }

@media (min-width: 544px) {
  .h-page {
    font-size: 3.375rem;
    line-height: 3.75rem; }
  .h-1,
  h1 {
    font-size: 2.75rem;
    line-height: 3rem; }
  .h-2,
  h2 {
    font-size: 2.25rem;
    line-height: 2.625rem; }
  .h-3, .h-p,
  h3,
  .scroll-tracker__header__content__title {
    font-size: 1.875rem;
    line-height: 2.25rem; }
  .h-4,
  h4,
  .tooltip__bubble .qtip-titlebar,
  .tooltip__modal .qtip-titlebar {
    font-size: 1.5rem;
    line-height: 1.875rem; }
  .h-5,
  h5,
  h6 {
    font-size: 1.125rem;
    line-height: 1.5rem; }
  .font-intro,
  .accordion__head,
  .needs-chooser__head,
  .budget-planner__controller__head,
  .scroll-tracker__link,
  .nav-tabs,
  .site-navigation__search-link {
    font-size: 1.125rem;
    line-height: 1.75rem; }
  .subheading {
    font-size: 1.125rem;
    line-height: 1.75rem; }
  .font-base,
  body,
  .styled-select,
  .styled-input,
  .tooltip__modal,
  .budget-planner__controller__head {
    font-size: 1rem;
    line-height: 1.625rem; }
  .font-small,
  .site-footer__secondary__nav__links > li,
  .site-footer__secondary__fine-print,
  .breadcrumb,
  .tooltip__bubble {
    font-size: 0.875rem;
    line-height: 1.125rem; }
  .font-fine {
    font-size: 0.875rem;
    line-height: 1.125rem; } }

body {
  color: #666666;
  font-family: "Calibre", sans-serif; }

.big-quote {
  position: relative;
  padding: 0 30px;
  font-size: 1.2em;
  line-height: 1.3; }

.big-quote__left-quote, .big-quote__right-quote {
  font-size: 3em;
  position: absolute;
  transform: translateY(-0.15em); }

.big-quote__left-quote {
  left: 0; }

.big-quote__right-quote {
  margin-left: 11px; }

/* Typographic rules, utils and components */
.h-page {
  font-size: 2.778rem;
  line-height: 2.778rem;
  margin-bottom: 1.25rem;
  font-weight: 300;
  color: #4465ad; }

.h-1,
h1 {
  font-size: 2.222rem;
  line-height: 2.222rem;
  margin-bottom: 2.75rem;
  font-weight: 300;
  color: #4465ad; }

.h-2,
h2 {
  font-size: 2rem;
  line-height: 2rem;
  margin-bottom: 1.25rem;
  font-weight: normal;
  color: #4465ad; }

.h-3, .h-p,
h3,
.scroll-tracker__header__content__title {
  font-size: 1.667rem;
  line-height: 1.667rem;
  margin-bottom: 1.25rem;
  font-weight: normal;
  color: #4465ad; }

.h-4,
h4,
.tooltip__bubble .qtip-titlebar,
.tooltip__modal .qtip-titlebar {
  font-size: 1.333rem;
  line-height: 1.333rem;
  margin-bottom: 1.25rem;
  font-weight: normal;
  color: #4465ad; }

.h-5,
h5,
h6 {
  font-size: 1rem;
  line-height: 1.375rem;
  margin-bottom: 1.25rem;
  font-weight: normal;
  color: #4465ad; }

.font-intro,
.accordion__head,
.needs-chooser__head,
.budget-planner__controller__head,
.scroll-tracker__link,
.nav-tabs,
.site-navigation__search-link {
  font-size: 1.111rem;
  line-height: 1.444rem; }

.subheading {
  font-size: 1.111rem;
  line-height: 1.444rem;
  color: #666666;
  margin-top: -1.75rem; }

.font-base,
body,
.styled-select,
.styled-input,
.tooltip__modal,
.budget-planner__controller__head {
  font-size: 0.889rem;
  line-height: 1.222rem; }

.font-small,
.site-footer__secondary__nav__links > li,
.site-footer__secondary__fine-print,
.breadcrumb,
.tooltip__bubble {
  font-size: 0.778rem;
  line-height: 0.889rem; }

.font-fine {
  font-size: 0.778rem;
  line-height: 1rem; }

@media (min-width: 544px) {
  .h-page {
    font-size: 3.333rem;
    line-height: 3.333rem; }
  .h-1,
  h1 {
    font-size: 3rem;
    line-height: 3rem; }
  .h-2,
  h2 {
    font-size: 2.667rem;
    line-height: 2.667rem; }
  .h-3, .h-p,
  h3,
  .scroll-tracker__header__content__title {
    font-size: 2.222rem;
    line-height: 2.222rem; }
  .h-4,
  h4,
  .tooltip__bubble .qtip-titlebar,
  .tooltip__modal .qtip-titlebar {
    font-size: 1.667rem;
    line-height: 1.667rem; }
  .h-5,
  h5,
  h6 {
    font-size: 1.333rem;
    line-height: 1.333rem; }
  .font-intro,
  .accordion__head,
  .needs-chooser__head,
  .budget-planner__controller__head,
  .scroll-tracker__link,
  .nav-tabs,
  .site-navigation__search-link {
    font-size: 1.333rem;
    line-height: 1.667rem; }
  .subheading {
    font-size: 1.333rem;
    line-height: 1.667rem; }
  .font-base,
  body,
  .styled-select,
  .styled-input,
  .tooltip__modal,
  .budget-planner__controller__head {
    font-size: 1rem;
    line-height: 1.444rem; }
  .font-small,
  .site-footer__secondary__nav__links > li,
  .site-footer__secondary__fine-print,
  .breadcrumb,
  .tooltip__bubble {
    font-size: 0.889rem;
    line-height: 1rem; }
  .font-fine {
    font-size: 0.889rem;
    line-height: 1.111rem; } }

body {
  color: #666666;
  font-family: "Calibre", sans-serif; }

.page-banner__content__text .h-page {
  font-family: "Lexia Ad", "Lexia", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
  font-size: 2rem;
  line-height: 2rem;
  margin-bottom: 1rem; }
  @media (min-width: 544px) {
    .page-banner__content__text .h-page {
      font-size: 3rem;
      line-height: 3.333rem; } }

.page-banner__content__text .h-5 {
  font-size: .9rem;
  line-height: 1.1rem;
  margin-bottom: 1.3rem; }
  @media (min-width: 544px) {
    .page-banner__content__text .h-5 {
      line-height: 1.8rem;
      margin-bottom: 1.4rem;
      font-size: 1.3rem; } }

.heading--lexia-ad {
  font-family: "Lexia Ad", "Lexia", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
  color: #006ac6; }

.heading--lexia {
  font-family: "Lexia", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
  color: #006ac6;
  font-weight: 700;
  font-size: 1rem; }

.main-lfs .byr-important h5 {
  margin-top: 1.25rem; }

.main-lfs .byr-important p {
  font-size: .75rem; }

.lfs-sup {
  position: absolute; }

.typeface-main {
  font-family: "Calibre", sans-serif !important; }

.typeface-lexia {
  font-family: "Lexia Ad", "Lexia", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif !important; }

/* Utility classes */
.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.text-left {
  text-align: left; }

.spacer-bottom-none {
  margin-bottom: 0 !important; }

.no-padding-btm {
  padding-bottom: 0 !important; }

.text {
  color: #666666; }

.text--light {
  color: #969696; }

.text--invert {
  color: #fff; }

.text--primary {
  color: #4465ad; }

.text--secondary {
  color: #88cdd3; }

@media (min-width: 768px) {
  .text--invert-desktop {
    color: #fff; } }

@media (max-width: 767px) {
  .text--invert-mobile {
    color: #fff; } }

.block-bg--page {
  background: #fff; }

.block-bg--light {
  background: #f6f7f7; }

.block-bg {
  background: #969696; }

.block-bg--dark {
  background: #666666; }

.block-primary {
  background: #4465ad; }

.block-secondary {
  background: #88cdd3; }

.block-feature--primary {
  border: 3px dotted #4465ad; }

.block-shadow {
  box-shadow: 0 0 0.5rem 0.02rem rgba(102, 102, 102, 0.5); }

@media (max-width: 767px) {
  .hide-mobile {
    display: none !important; } }

@media (min-width: 768px) {
  .hide-desktop {
    display: none !important; } }

.tel-show-tablet-up {
  display: none !important; }
  @media (min-width: 768px) {
    .tel-show-tablet-up {
      display: block !important; } }

@media (min-width: 768px) {
  .tel-show-mobile {
    display: none !important; } }

.hidden {
  display: none; }

.row--cols-separated > * + * {
  position: relative;
  padding-top: 30px; }
  .row--cols-separated > * + *::before {
    content: "";
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    border-top: 2px dotted #f6f7f7; }

@media (min-width: 768px) {
  .row--cols-separated > * + * {
    padding-top: 0; }
    .row--cols-separated > * + *::before {
      border-top: none;
      border-left: 2px dotted #f6f7f7;
      left: 0;
      right: auto;
      bottom: 30px; } }

.row--cols-separated-dark > * + * {
  position: relative;
  padding-top: 30px; }
  .row--cols-separated-dark > * + *::before {
    content: "";
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    border-top: 2px dotted #666666; }

@media (min-width: 768px) {
  .row--cols-separated-dark > * + * {
    padding-top: 0; }
    .row--cols-separated-dark > * + *::before {
      border-top: none;
      border-left: 2px dotted #666666;
      left: 0;
      right: auto;
      bottom: 30px; } }

a,
.link,
.link-button__content,
.icon-link__text {
  text-decoration: none;
  color: #4465ad;
  border-bottom: 1px dotted currentColor; }
  a:hover,
  .link:hover,
  .link-button__content:hover,
  .icon-link__text:hover {
    border-bottom: none; }
  .text > a, a.text, .text >
  .link,
  .link.text,
  .text > .link-button__content,
  .text > .icon-link__text,
  .text.link-button__content,
  .text.icon-link__text {
    color: #666666; }
  .text--invert > a, a.text--invert, .text--invert >
  .link,
  .link.text--invert,
  .text--invert > .link-button__content,
  .text--invert > .icon-link__text,
  .text--invert.link-button__content,
  .text--invert.icon-link__text {
    color: #fff; }
  @media (min-width: 768px) {
    .text--invert-desktop > a, a.text--invert-desktop, .text--invert-desktop >
    .link,
    .link.text--invert-desktop,
    .text--invert-desktop > .link-button__content,
    .text--invert-desktop > .icon-link__text,
    .text--invert-desktop.link-button__content,
    .text--invert-desktop.icon-link__text {
      color: #fff; } }

.link-button {
  padding: 0;
  text-align: left; }

.bare-link,
.button,
.page-banner-lfs .button--invert,
.button--outline-only,
.button--white,
.button--green,
.icon-link,
.bare-link > .icon-link__text,
.button-slider,
header.site-header.legacy-site-header .site-header__nav__home-simple,
header.site-header.legacy-site-header .site-navigation__section__home-image,
.site-footer__secondary__nav__links__home,
.article-link,
.scroll-tracker__header__content__home,
.scroll-tracker__link,
.article-actions__action__link,
.site-navigation__search-link {
  border-bottom: none; }

.link-noline,
.link-noline > .icon-link__text {
  border-bottom: none; }
  .link-noline:hover,
  .link-noline > .icon-link__text:hover {
    border-bottom: 1px dotted currentColor; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

/* Utility classes */
a,
.link,
.link-button__content,
.icon-link__text {
  text-decoration: underline;
  border-bottom: none;
  color: #4465ad; }
  a:hover,
  .link:hover,
  .link-button__content:hover,
  .icon-link__text:hover {
    border-bottom: none;
    text-decoration: none; }
  .text > a, a.text, .text >
  .link,
  .link.text,
  .text > .link-button__content,
  .text > .icon-link__text,
  .text.link-button__content,
  .text.icon-link__text {
    color: #666666; }
  .text--invert > a, a.text--invert, .text--invert >
  .link,
  .link.text--invert,
  .text--invert > .link-button__content,
  .text--invert > .icon-link__text,
  .text--invert.link-button__content,
  .text--invert.icon-link__text {
    color: #fff; }

.bare-link,
.button,
.page-banner-lfs .button--invert,
.button--outline-only,
.button--white,
.button--green,
.icon-link,
.bare-link > .icon-link__text,
.button-slider,
header.site-header.legacy-site-header .site-header__nav__home-simple,
header.site-header.legacy-site-header .site-navigation__section__home-image,
.site-footer__secondary__nav__links__home,
.article-link,
.scroll-tracker__header__content__home,
.scroll-tracker__link,
.article-actions__action__link,
.site-navigation__search-link {
  text-decoration: none; }

.link-noline,
.link-noline > .icon-link__text {
  text-decoration: none; }
  .link-noline:hover,
  .link-noline > .icon-link__text:hover {
    border-bottom: none;
    text-decoration: underline; }

.block-bg--mid-light {
  background: #efefef; }

@media (min-width: 768px) {
  .block-bg--brand-gradient {
    background: #4465ad;
    background: linear-gradient(to right, #6e368c 0%, #4465ad 50%, #88cdd3 100%); } }

@media (min-width: 992px) {
  .block-bg--brand-bottom {
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100%; } }

@media (max-width: 1199px) {
  .block-bg--brand-bottom {
    background-size: 0; } }

.block-feature--primary {
  border: 2px solid #88cdd3; }

.row--cols-separated > * + *::before {
  border-top: 1px solid #f6f7f7; }

@media (min-width: 768px) {
  .row--cols-separated > * + *::before {
    border-left: 1px solid #f6f7f7; } }

.row--cols-separated.green > * + *::before {
  border-left: 1px solid #88cdd3; }

.row--cols-separated-dark > * + *::before {
  border-top: 1px solid #666666; }

@media (min-width: 768px) {
  .row--cols-separated-dark > * + *::before {
    border-left: 1px solid #666666; } }

/* Layout styles (width wrapper/background components) */
.width-contain,
header.site-header.legacy-site-header .site-header__content-wrap,
.site-footer__content-wrap,
.page-banner__content,
.needs-chooser__controller,
.scroll-tracker__header__content,
.scroll-tracker__bar__list {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px; }

.pane,
.site-footer__primary,
.site-footer__secondary {
  padding-top: 48px;
  padding-bottom: 48px; }
  @media (min-width: 768px) {
    .pane,
    .site-footer__primary,
    .site-footer__secondary {
      padding-top: 80px;
      padding-bottom: 50px; } }

.pane--pad-medium {
  padding: 30px 0; }
  @media (min-width: 768px) {
    .pane--pad-medium {
      padding: 48px 0; } }

.pane--pad-small {
  padding: 20px 0; }
  @media (min-width: 768px) {
    .pane--pad-small {
      padding: 30px 0; } }

.pane--pad-bottom-none {
  padding-bottom: 0; }
  .pane--pad-bottom-none::after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 768px) {
    .pane--pad-bottom-none {
      padding-bottom: 0; } }

.disrupter {
  padding-top: 30px; }
  .disrupter::after {
    content: "";
    display: table;
    clear: both; }

.card,
.budget-planner__main-wrap {
  padding: 30px 20px;
  margin-bottom: 30px;
  padding-bottom: 0; }
  .card::after,
  .budget-planner__main-wrap::after {
    content: "";
    display: table;
    clear: both; }

.card--step-next {
  position: relative; }
  .card--step-next::before {
    position: absolute;
    content: "";
    width: 28.57143px;
    height: 28.57143px;
    bottom: -14.28571px;
    left: 50%;
    transform: translate(-50%, 0) rotate(45deg); }
    @media (min-width: 768px) {
      .card--step-next::before {
        bottom: auto;
        left: auto;
        top: 50%;
        right: -14.28571px;
        transform: translate(0, -50%) rotate(45deg); } }
  .card--step-next.block-bg--page::before {
    background: #fff; }
  .card--step-next.block-bg--light::before {
    background: #f6f7f7; }
  .card--step-next.block-bg::before {
    background: #969696; }
  .card--step-next.block-bg--dark::before {
    background: #666666; }
  .card--step-next.block-primary::before {
    background: #4465ad; }

@media (min-width: 768px) {
  .card--step-next--col::before {
    bottom: -14.28571px;
    left: 50%;
    right: auto;
    top: auto;
    transform: translate(-50%, 0) rotate(45deg); } }

.card--bg-image {
  background-position: top 70% center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 6rem; }

.card--bg-image-right {
  background-position: bottom right 30%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-right: 10rem; }
  @media (max-width: 767px) {
    .card--bg-image-right {
      padding-right: 6em; } }

.card__block-image {
  display: block;
  margin-top: -30px;
  margin-left: -20px;
  margin-right: -20px;
  width: calc(100% + 40px);
  max-width: none; }

@media (min-width: 544px) {
  .row--equalised-sm-up {
    display: -ms-flexbox;
    display: flex; } }

@media (min-width: 768px) {
  .row--equalised-md-up {
    display: -ms-flexbox;
    display: flex; } }

@media (min-width: 544px) {
  .col--equalised-sm-up {
    display: -ms-flexbox;
    display: flex; } }

@media (min-width: 768px) {
  .col--equalised-md-up {
    display: -ms-flexbox;
    display: flex; } }

.content-image {
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto 30px auto;
  display: block; }

.content-image--showcase {
  margin: 0px; }

.content-image--wide {
  width: 100%; }

.body-section {
  margin-bottom: 48px; }

.divider {
  border: none;
  margin: 0;
  border-bottom: 2px dotted #666666;
  margin-bottom: 30px; }

.divider--large {
  position: relative;
  top: 20px;
  margin-bottom: calc(48px + 20px + 2px); }

.option-or-next {
  position: relative; }
  .option-or-next::after {
    position: absolute;
    z-index: 1;
    content: "OR";
    background: #666666;
    border-radius: 100%;
    color: #fff;
    width: 60px;
    height: 60px;
    bottom: -45px;
    left: 50%;
    transform: translate(-50%, 0);
    display: inline-block;
    text-align: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    @media (min-width: 768px) {
      .option-or-next::after {
        bottom: auto;
        left: auto;
        top: 50%;
        right: -45px;
        transform: translate(0, -50%); } }

/* Layout styles (width wrapper/background components) */
.card--step-next.block-bg--mid-light::before {
  background: #efefef; }

.recommended-reads-slider .slick-next {
  right: 0; }

.loans-icon {
  fill: white;
  width: 70px;
  height: 70px;
  margin-bottom: 10px; }

.loans-menu__item {
  position: relative;
  padding-bottom: 50px; }
  @media (max-width: 991px) {
    .loans-menu__item {
      padding-bottom: 20px; } }
  .loans-menu__item--active .loans-menu__icon-wrap {
    background-color: #4465AD; }
  .loans-menu__item--active .loans-menu__icon {
    fill: #FFFFFF; }
  .loans-menu__item--active::after {
    content: "";
    width: 2rem;
    height: 2rem;
    background: #f6f7f7;
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translate(50%, 50%) rotate(45deg); }
    @media (max-width: 991px) {
      .loans-menu__item--active::after {
        display: none; } }
  .loans-menu__item--active .loans-menu__arrow {
    display: none; }

.loans-menu__link {
  text-decoration: none; }
  .loans-menu__link:hover .loans-menu__icon-wrap, .loans-menu__link:focus .loans-menu__icon-wrap {
    background-color: #4465ad; }

.loans-menu__icon-wrap {
  width: 100%;
  height: 100px;
  margin: 0 auto;
  position: relative;
  background-color: rgba(68, 101, 173, 0.3);
  transition: all 400ms; }
  @media (min-width: 768px) {
    .loans-menu__icon-wrap {
      width: 150px;
      height: 150px; } }

.loans-menu__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  transition: all 400ms;
  fill: #FFFFFF; }
  @media (min-width: 768px) {
    .loans-menu__icon {
      width: 100px;
      height: 100px; } }

.loans-menu__title {
  color: #4465AD;
  text-align: center;
  font-size: .9rem;
  margin: 5px 0 0; }

.loans-menu__arrow {
  fill: #FFFFFF;
  top: auto;
  position: absolute;
  bottom: 1em;
  right: 50%;
  transform: translate(50%, 0);
  width: 1.5em;
  height: 1.5em; }
  @media (max-width: 991px) {
    .loans-menu__arrow {
      display: none; } }

.interest-rate-box {
  padding: 1.5rem;
  border: 1px solid #88CDD3;
  display: inline-block;
  margin-bottom: 30px; }
  .interest-rate-box__title {
    margin: 0 0 20px; }
  .interest-rate-box__desc {
    margin: 5px 0 0 0 !important; }
  .interest-rate-box__rate {
    position: relative;
    display: inline-block;
    padding-right: 1.1em;
    font-weight: bold;
    vertical-align: middle; }
    .interest-rate-box__rate__value {
      font-size: 2.8em; }
    .interest-rate-box__rate__percentage {
      font-size: 1.4em;
      position: absolute;
      top: -0.4em;
      right: 0px; }
    .interest-rate-box__rate__recurrence {
      position: absolute;
      bottom: 0.4em;
      right: -3px;
      line-height: 1;
      font-size: 0.9em;
      font-weight: bold; }
    .interest-rate-box__rate__break {
      font-size: 1.5em;
      display: inline-block;
      vertical-align: middle;
      margin: 0 10px; }
  .interest-rate-box.white-box {
    background-color: white; }

.loan-features {
  margin: 0;
  padding: 0 0 20px 20px; }
  .loan-features__title {
    color: #4465AD;
    margin: 0 0 5px -20px;
    list-style-type: none; }
  .loan-features__sub-title {
    margin: 0 0 5px -20px;
    list-style-type: none; }
  .loan-features li {
    display: list-item; }

.loans-title-link {
  text-decoration: none; }

.loan-features-more {
  display: none; }

.loan-features--toggle {
  margin-bottom: 20px;
  display: inline-block; }

.h-text-shadow {
  text-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3);
  letter-spacing: -2px; }

.loans-apply-form select,
.loans-apply-form input {
  max-width: 70%; }

.loans-apply-form__box {
  padding: 1.5rem;
  border: 1px solid #88CDD3;
  display: inline-block;
  min-width: 70%;
  margin-top: 50px; }
  .loans-apply-form__box__description {
    margin: 0; }
    .loans-apply-form__box__description:last-child {
      margin: 0; }
  .loans-apply-form__box__icon {
    fill: #88CDD3;
    width: 50px;
    height: 50px;
    display: inline-block; }

.calc-banner__content {
  min-height: 110px; }
  @media (max-width: 991px) {
    .calc-banner__content {
      min-height: auto; } }

.apply-now-step {
  background-color: rgba(255, 255, 255, 0.2);
  width: 100%;
  height: 220px;
  padding: 2rem;
  position: relative; }
  @media (max-width: 767px) {
    .apply-now-step {
      background-color: #4465AD;
      margin-bottom: 20px; } }
  .apply-now-step::after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-left-color: rgba(255, 255, 255, 0.2);
    border-width: 12px;
    margin-top: -12px; }
    @media (max-width: 767px) {
      .apply-now-step::after {
        border-left-color: #4465AD;
        left: 50%;
        bottom: 0;
        top: auto;
        margin-left: -12px;
        margin-bottom: -24px;
        transform: rotate(90deg); } }
  .apply-now-step--last::after {
    display: none; }
  .apply-now-step__icon {
    fill: #FFFFFF;
    width: 5rem;
    height: 5rem;
    margin: 0 auto;
    display: block; }
  .apply-now-step__title {
    color: #FFFFFF;
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.5rem; }

.gem-slider {
  margin: 0 -0.5rem;
  display: none; }
  .gem-slider.slick-initialized {
    display: block; }
  .gem-slider .slide-wrap {
    padding: 0 0.5rem; }
  .gem-slider .slide-inner {
    position: relative; }
  .gem-slider .slide__content {
    position: absolute;
    bottom: 0;
    background-color: #000000;
    width: 100%;
    opacity: 0.7;
    padding: 1rem 0.5rem;
    text-align: center; }
    .gem-slider .slide__content__title {
      color: #FFFFFF;
      margin: 0;
      font-size: 1rem; }
  .gem-slider--margin {
    margin: 30px 0 60px !important; }
  .gem-slider .slick-dots {
    bottom: -30px; }
  .gem-slider .slick-dots li button {
    padding: 0; }
  .gem-slider .slick-dots li button:before {
    font-size: 15px;
    color: #4465AD; }
  .gem-slider .slick-prev,
  .gem-slider .slick-next {
    background: #4465AD; }
    @media (min-width: 1200px) {
      .gem-slider .slick-prev,
      .gem-slider .slick-next {
        background: transparent; } }
    .gem-slider .slick-prev:before,
    .gem-slider .slick-next:before {
      width: 25px;
      height: 25px; }
      @media (min-width: 1200px) {
        .gem-slider .slick-prev:before,
        .gem-slider .slick-next:before {
          width: 35px;
          height: 35px; } }
  .gem-slider .slick-prev {
    left: -10px; }
    @media (min-width: 1200px) {
      .gem-slider .slick-prev {
        left: -40px; } }
    .gem-slider .slick-prev::before {
      opacity: 1; }
      @media (min-width: 1200px) {
        .gem-slider .slick-prev::before {
          background-image: url("/_src/icons/global/left-blue.svg"); } }
  .gem-slider .slick-next {
    right: -10px; }
    @media (min-width: 1200px) {
      .gem-slider .slick-next {
        right: -40px; } }
    .gem-slider .slick-next::before {
      opacity: 1; }
      @media (min-width: 1200px) {
        .gem-slider .slick-next::before {
          background-image: url("/_src/icons/global/right-blue.svg"); } }

.styled-input-wrap {
  margin-bottom: 30px; }

.pay-it-faster {
  font-family: Lexia,Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
  background: #f3f3f3; }
  .pay-it-faster .styled-list--illustrated li {
    font-size: 0.9rem; }
  .pay-it-faster .heading--bold {
    font-family: Lexia Ad,Lexia,Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
    font-weight: 400;
    margin-bottom: 1.25rem; }
  .pay-it-faster h2, .pay-it-faster h4 {
    color: #006ac6; }
  .pay-it-faster .h-page {
    color: #ffffff; }

.pay-it-faster .no-padding-btm {
  padding-bottom: 0 !important; }

.pay-it-faster .padding-tp {
  padding-top: 40px; }

.pay-it-faster .illustrated-point__icon--small {
  float: left;
  width: 3.25rem;
  height: 4.25rem; }

.block-primary--gradient {
  background-image: linear-gradient(180deg, #006ac6 0, #006ac6 20%, #004a95); }

.width-contain,
header.site-header.legacy-site-header .site-header__content-wrap,
.site-footer__content-wrap,
.page-banner__content,
.needs-chooser__controller,
.scroll-tracker__header__content,
.scroll-tracker__bar__list {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
  position: relative; }
  @media (max-width: 767px) {
    .width-contain.no-padding-mob,
    header.site-header.legacy-site-header .no-padding-mob.site-header__content-wrap,
    .no-padding-mob.site-footer__content-wrap,
    .no-padding-mob.page-banner__content,
    .no-padding-mob.needs-chooser__controller,
    .no-padding-mob.scroll-tracker__header__content,
    .no-padding-mob.scroll-tracker__bar__list {
      padding: 0; } }

.content-pane {
  padding-top: 30px;
  padding-bottom: 30px; }
  .content-pane::after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 768px) {
    .content-pane {
      padding-top: 68px;
      padding-bottom: 68px; } }
  .content-pane:first-of-type {
    padding-top: 48px; }
    @media (min-width: 768px) {
      .content-pane:first-of-type {
        padding-top: 80px; } }
  .content-pane:last-of-type {
    padding-bottom: 48px; }
    @media (min-width: 768px) {
      .content-pane:last-of-type {
        padding-bottom: 80px; } }
  @media (max-width: 767px) {
    .content-pane.js-accordion__content {
      padding: 0; } }
  @media (max-width: 767px) {
    .content-pane.is-open {
      padding-top: 30px;
      padding-bottom: 30px; } }
  @media (min-width: 992px) {
    .content-pane.lg-collapse-btm {
      padding-bottom: 0; } }

.text--bold {
  font-weight: bold; }

@media (min-width: 544px) {
  .pay-it-faster .rate-compare__bottom-content h5 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: #006ac6; }
  .pay-it-faster h4 {
    font-size: 1.5rem;
    line-height: 1.875rem; }
  .pay-it-faster .page-banner__cta {
    margin-left: 2%; }
  .pay-it-faster .font-intro {
    font-size: 1.125rem;
    line-height: 1.75rem; }
  .pay-it-faster .text--primary {
    color: #006ac6; }
  .pay-it-faster h2 {
    font-size: 2.25rem;
    line-height: 2.625rem; }
  .page-banner-image--big-4-solo {
    max-width: 45%;
    right: -9%; }
  .page-banner-image--big-4-solo {
    pointer-events: none; }
  .page-banner-image {
    bottom: 0;
    right: 0; }
  .page-banner-image {
    max-height: 78%;
    position: absolute; }
  .heading--page {
    font-size: 4.5rem;
    line-height: 4.9rem; }
  .page-banner__padded-content {
    overflow: hidden;
    padding: 15px 0 48px;
    padding-bottom: 48px;
    z-index: 2; } }

/* icon styles */
.icon,
.illustration__icon,
.illustrated-point__icon,
.button__icon,
.button-slider__icon,
.accordion__head__icon,
.needs-chooser__head__icon,
.needs-chooser__controller__head__illustration__icon,
.needs-chooser__controller__head__icon,
.needs-chooser__head__illustration__icon,
.styled-list__icon,
.breadcrumb__separator,
.article-link__text__icon,
.side-scroller__button__icon,
.filter__filter__mob-button,
.filter__filter__label__unchecked,
.filter__filter__label__checked,
.article-actions__action__link__icon,
.tooltip__icon,
.tooltip__close__icon,
.nav-tabs__mob-button,
.video-button__icon {
  fill: currentColor;
  width: 1.35em;
  height: 1.35em;
  display: inline;
  vertical-align: middle; }

.icon--l {
  width: 2em;
  height: 2em; }

.icon--xl {
  width: 3em;
  height: 3em; }

.icon--illustration {
  width: 8rem;
  height: 8rem;
  margin-bottom: 20px; }

.illustration, .illustration--center--small {
  color: #969696;
  width: 8rem;
  height: 8rem;
  position: relative;
  display: inline-block;
  margin-bottom: 20px; }

.illustration--small {
  width: 8rem;
  height: 8rem; }

.illustration--medium {
  width: 150px;
  height: 150px; }

.illustration--overlap {
  margin-top: -4rem; }
  .illustration--overlap.illustration--small {
    margin-top: -4rem; }
  .illustration--overlap.illustration--medium {
    margin-top: -75px; }

.illustration__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 75%;
  height: 75%;
  transform: translate(-50%, -50%); }
  .illustration__icon.resize-50 {
    width: 50%;
    height: 50%; }

.illustrated-point {
  margin-bottom: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .illustrated-point::after {
    content: "";
    display: table;
    clear: both; }
  @media (max-width: 767px) {
    .illustrated-point {
      display: block; } }

.illustrated-point--icon-top {
  -ms-flex-align: start;
      align-items: flex-start; }

.illustrated-point__icon {
  float: left;
  width: 4.25rem;
  height: 4.25rem;
  margin-right: 1rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto; }
  .illustrated-point__icon > *:last-child {
    margin-bottom: 0; }

.illustrated-point__icon--alt-content {
  width: auto;
  height: auto;
  min-height: 4.25rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center; }

.illustrated-point__text {
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  max-width: 100%;
  -ms-flex-positive: 1;
      flex-grow: 1; }
  .illustrated-point__text::after {
    content: "";
    display: table;
    clear: both; }
  @media (max-width: 767px) {
    .illustrated-point__text {
      min-height: 4.25rem; } }

.illustrated-point__text__inner {
  -ms-flex-align: center;
      align-items: center;
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  max-width: 100%;
  word-wrap: break-word; }
  .illustrated-point__text__inner > *:last-child {
    margin-bottom: 0; }

.illustrated-point__cta {
  text-align: center;
  margin-top: 20px; }
  @media (min-width: 768px) {
    .illustrated-point__cta {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
      margin-left: 20px;
      margin-top: 0; } }
  .illustrated-point__cta > *:last-child {
    margin-bottom: 0; }

/* Styled form elements */
label {
  margin-bottom: 0.5em;
  display: block; }

.styled-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  border-radius: 0;
  cursor: pointer;
  background: #fff;
  outline: 1px solid #969696;
  font-family: "Calibre", sans-serif;
  color: #666666;
  padding: 0.75em 3em 0.75em 1em;
  max-width: 100%;
  background-image: url("/media/theming-select-bg.png");
  background-position: top right;
  background-size: 3em 100%;
  background-repeat: no-repeat;
  margin-bottom: 30px; }
  .styled-select:focus {
    box-shadow: 0 0 3px 1px #4465ad; }
  .styled-select:focus {
    outline-offset: 0; }
  .styled-select::-ms-expand {
    display: none; }

.styled-select--wide {
  width: 100%; }

.styled-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  border-radius: 0;
  background: #fff;
  outline: 1px solid #969696;
  font-family: "Calibre", sans-serif;
  color: #666666;
  padding: 0.75em 1em 0.75em 1em;
  max-width: 100%; }
  .styled-input:focus {
    box-shadow: 0 0 3px 1px #4465ad; }
  .styled-input:focus {
    outline-offset: 0; }

.styled-input--wide {
  width: 100%; }

.styled-input-wrap {
  position: relative; }

.styled-input-wrap__prepend {
  position: absolute;
  display: block;
  width: 1.25em;
  text-align: right;
  top: 0;
  left: 0;
  padding: 0.75em 0; }

.styled-input-wrap__input {
  padding-left: 1.5em; }

/* Button */
.button, .page-banner-lfs .button--invert, .button--outline-only, .button--white, .button--green {
  display: inline-block;
  background: #4465ad;
  color: #fff;
  padding: 0.75em 0.9em;
  text-align: center;
  margin-bottom: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }
  .button:hover, .page-banner-lfs .button--invert:hover, .button--outline-only:hover, .button--white:hover, .button--green:hover {
    background: #3B4382;
    color: #fff; }
  .button > *, .page-banner-lfs .button--invert > *, .button--outline-only > *, .button--white > *, .button--green > * {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: auto;
        flex-basis: auto; }
  @media (min-width: 544px) {
    .button, .page-banner-lfs .button--invert, .button--outline-only, .button--white, .button--green {
      margin-right: 1em; }
      .button:last-child, .page-banner-lfs .button--invert:last-child, .button--outline-only:last-child, .button--white:last-child, .button--green:last-child {
        margin-right: 0; } }

.button--invert, .page-banner-lfs .button--invert {
  background: #fff;
  color: #4465ad; }
  .button--invert:hover {
    background: #3B4382; }
  @media (max-width: 767px) {
    .button--invert.button--desktop-invert {
      background: #4465ad;
      color: #fff; }
      .button--invert.button--desktop-invert::after {
        background: #fff; } }

@media (max-width: 767px) {
  .button--mobile-invert {
    background: #fff;
    color: #4465ad; }
    .button--mobile-invert:hover {
      background: #3B4382; } }

@media (min-width: 768px) {
  .button--desktop-invert {
    background: #fff;
    color: #4465ad; }
    .button--desktop-invert:hover {
      background: #3B4382; } }

.button--secondary {
  background: transparent;
  outline: 1px solid #4465ad;
  outline-offset: -1px;
  color: #4465ad; }
  .button--secondary:focus {
    box-shadow: 0 0 3px 1px #4465ad; }
  .button--secondary:hover {
    background: transparent;
    outline-color: #3B4382;
    color: #3B4382; }
  .button--secondary.button--invert {
    background: transparent;
    color: #fff;
    outline: 1px solid #fff; }
    .button--secondary.button--invert:hover {
      background: #3B4382; }
  @media (min-width: 768px) {
    .button--secondary.button--desktop-invert {
      outline-color: #fff;
      color: #fff; }
      .button--secondary.button--desktop-invert::after {
        background: #fff; } }

.button--wide {
  text-align: center;
  width: 100%; }

.button--mobile-wide {
  width: 100%; }
  @media (min-width: 544px) {
    .button--mobile-wide {
      width: auto; } }

.button__button-text-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }

.button__icon {
  margin-left: 0.5em; }

.split-buttons::after {
  content: "";
  display: table;
  clear: both; }

@media (min-width: 544px) {
  .split-buttons__button {
    float: left;
    width: 48.5%;
    margin-right: 0; }
    .split-buttons__button + .split-buttons__button {
      margin-left: 3%; } }

.icon-link:hover {
  border-bottom: none; }

.button-slider {
  display: inline-block;
  background: #4465ad;
  color: #fff;
  padding: 0.75em 0.9em;
  text-align: center;
  margin-bottom: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }
  .button-slider:hover {
    background: #3B4382;
    color: #fff; }
  .button-slider > * {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: auto;
        flex-basis: auto; }
  @media (min-width: 544px) {
    .button-slider {
      margin-right: 1em; }
      .button-slider:last-child {
        margin-right: 0; } }

.button-slider__icon {
  margin-left: 0.5em; }

/* Legacy Site header components */
@keyframes keyframes-js-wait-delay {
  from {
    max-height: 0; }
  99% {
    max-height: 0; }
  to {
    max-height: 5rem; } }

header.site-header.legacy-site-header {
  position: fixed;
  background: #fff;
  top: 0;
  left: 0;
  bottom: auto;
  width: 100%;
  z-index: 20005;
  height: 56px;
  box-shadow: 0 0.2rem 0.2rem 0 rgba(102, 102, 102, 0.5); }
  header.site-header.legacy-site-header.is-hidden {
    display: none; }
  @media (min-width: 768px) {
    header.site-header.legacy-site-header {
      height: auto;
      position: absolute;
      top: 0;
      left: 0; } }
  @media (min-width: 1200px) {
    header.site-header.legacy-site-header {
      height: auto; } }
  header.site-header.legacy-site-header .site-header__no-js,
  header.site-header.legacy-site-header .site-header__unsupported-browser {
    text-align: center;
    background: #ffeded;
    color: #cc0033; }
  header.site-header.legacy-site-header .site-header__no-js {
    display: none;
    overflow: hidden;
    animation-duration: 5s;
    animation-name: keyframes-js-wait-delay; }
  header.site-header.legacy-site-header .site-header__skip-link {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    display: block;
    text-align: center;
    padding: 0.5em;
    color: #4465ad;
    border: 1px solid #4465ad;
    font-weight: bold; }
    header.site-header.legacy-site-header .site-header__skip-link:focus {
      position: static;
      display: block;
      width: auto;
      height: auto; }
  header.site-header.legacy-site-header .site-header__content-wrap {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-pack: justify;
        justify-content: space-between;
    position: relative;
    z-index: 1; }
    @media (min-width: 768px) {
      header.site-header.legacy-site-header .site-header__content-wrap {
        z-index: auto; } }
  header.site-header.legacy-site-header .site-header__nav {
    width: 100%;
    height: 72px;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
        flex: 1;
    -ms-flex-align: center;
        align-items: center; }
    @media (min-width: 768px) {
      header.site-header.legacy-site-header .site-header__nav {
        height: auto;
        position: static;
        background: transparent; } }
  header.site-header.legacy-site-header .site-header__nav__home-simple {
    display: block;
    width: 36.4px;
    min-width: 36.4px;
    height: 36.4px;
    min-height: 36.4px;
    margin-top: 9.8px;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 15px; }
    @media (min-width: 768px) {
      header.site-header.legacy-site-header .site-header__nav__home-simple {
        position: static;
        width: 45px;
        height: 45px;
        margin: 10px 10px 10px 0; } }
    @media (min-width: 1200px) {
      header.site-header.legacy-site-header .site-header__nav__home-simple {
        display: none; } }
  header.site-header.legacy-site-header .site-header__nav__home-simple__icon {
    height: 100%;
    width: 100%; }
  header.site-header.legacy-site-header .site-navigation {
    display: none;
    background: #fff;
    position: absolute;
    width: 100%;
    right: 0;
    top: 56px;
    max-height: calc(100vh - 56px);
    overflow-y: auto;
    border-top: 2px solid #fff; }
    @media (max-width: 767px) {
      header.site-header.legacy-site-header .site-navigation.is-open {
        z-index: 1;
        display: block; } }
    @media (min-width: 768px) {
      header.site-header.legacy-site-header .site-navigation {
        border: none;
        position: static;
        width: auto;
        -ms-flex-align: center;
            align-items: center;
        max-height: none;
        overflow: visible; }
        header.site-header.legacy-site-header .site-navigation, header.site-header.legacy-site-header .site-navigation.is-open {
          display: -ms-flexbox;
          display: flex; } }
  header.site-header.legacy-site-header .site-navigation__section {
    position: relative; }
    header.site-header.legacy-site-header .site-navigation__section.is-active {
      z-index: 3; }
  header.site-header.legacy-site-header .site-navigation__section--home {
    display: none; }
    @media (min-width: 1200px) {
      header.site-header.legacy-site-header .site-navigation__section--home {
        display: inline-block; } }
  header.site-header.legacy-site-header .site-navigation__section__home-image > img {
    width: 95px;
    height: 140px;
    display: block;
    margin: 15px 30px 15px 0; }

.no-js header.site-header.legacy-site-header .site-header__no-js {
  display: block; }

/* Overlay */
.scroll-locked {
  overflow: hidden; }

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  visibility: hidden;
  z-index: 2;
  background-color: transparent;
  transition: background-color 0.5s, visibility 0.5s;
  pointer-events: none; }
  .overlay.is-active {
    pointer-events: auto;
    visibility: visible;
    background-color: rgba(0, 0, 0, 0.25); }

.overlay--modal {
  z-index: 20010;
  pointer-events: auto; }

/* site footer */
.site-footer__primary {
  background: #666666;
  text-color: #fff;
  border-top: 2px solid #fff; }

.site-footer__secondary__nav__links {
  margin-bottom: 20px; }
  .site-footer__secondary__nav__links > li {
    display: inline;
    margin-right: 1em; }
  .site-footer__secondary__nav__links > li:first-of-type {
    display: block; }
  @media (min-width: 768px) {
    .site-footer__secondary__nav__links > li:first-of-type {
      display: inline; } }

.site-footer__secondary__nav__links__home > img {
  width: 3em;
  height: 3em;
  vertical-align: middle;
  margin-bottom: 1em; }
  @media (min-width: 768px) {
    .site-footer__secondary__nav__links__home > img {
      margin-bottom: 0; } }

.site-footer {
  font-family: 'Roboto', sans-serif; }
  .site-footer .site-footer__primary .styled-list li a,
  .site-footer .site-footer__secondary .site-footer__secondary__nav__links li a,
  .site-footer .site-footer__secondary__fine-print a {
    text-decoration: underline; }
    .site-footer .site-footer__primary .styled-list li a:hover,
    .site-footer .site-footer__secondary .site-footer__secondary__nav__links li a:hover,
    .site-footer .site-footer__secondary__fine-print a:hover {
      text-decoration: none; }
  .site-footer .site-footer__secondary .site-footer__secondary__nav__links li a.site-footer__secondary__nav__links__home {
    text-decoration: none; }

/* Page banner */
.page-banner, .page-banner--app {
  position: relative;
  color: #fff;
  min-height: 270px;
  padding-top: 270px;
  background-size: auto 350px;
  background-position: top right 26%;
  background-repeat: no-repeat; }
  .page-banner.page-banner--home, .page-banner--home.page-banner--app {
    border-bottom: 0; }
    @media (min-width: 768px) {
      .page-banner.page-banner--home, .page-banner--home.page-banner--app {
        padding-top: 90px; } }
  .page-banner.page-banner--loans, .page-banner--loans.page-banner--app {
    border-bottom: 0;
    min-height: auto; }
    .page-banner.page-banner--loans--debt-consolidation, .page-banner--loans--debt-consolidation.page-banner--app {
      background-position-y: 60%; }
      @media (max-width: 991px) {
        .page-banner.page-banner--loans--debt-consolidation, .page-banner--loans--debt-consolidation.page-banner--app {
          background-position-y: 0; } }
    .page-banner.page-banner--loans--home-renovation, .page-banner--loans--home-renovation.page-banner--app {
      background-position-y: 20%; }
      @media (max-width: 991px) {
        .page-banner.page-banner--loans--home-renovation, .page-banner--loans--home-renovation.page-banner--app {
          background-position-y: 0; } }
    .page-banner.page-banner--loans--travel, .page-banner--loans--travel.page-banner--app {
      background-position-y: 55%; }
      @media (max-width: 991px) {
        .page-banner.page-banner--loans--travel, .page-banner--loans--travel.page-banner--app {
          background-position-y: 0; } }
    .page-banner.page-banner--loans--car, .page-banner--loans--car.page-banner--app {
      background-position-y: 0%; }
      @media (max-width: 991px) {
        .page-banner.page-banner--loans--car, .page-banner--loans--car.page-banner--app {
          background-position-y: 0; } }
    .page-banner.page-banner--loans--wedding, .page-banner--loans--wedding.page-banner--app {
      background-position-y: 65%; }
      @media (max-width: 991px) {
        .page-banner.page-banner--loans--wedding, .page-banner--loans--wedding.page-banner--app {
          background-position-y: 0; } }
    .page-banner.page-banner--loans--something-else, .page-banner--loans--something-else.page-banner--app {
      background-position-y: 70%; }
      @media (max-width: 991px) {
        .page-banner.page-banner--loans--something-else, .page-banner--loans--something-else.page-banner--app {
          background-position-y: 0; } }
    @media (min-width: 768px) {
      .page-banner.page-banner--loans, .page-banner--loans.page-banner--app {
        padding-top: 100px;
        padding-bottom: 80px; } }
  @media (min-width: 768px) {
    .page-banner, .page-banner--app {
      padding: 48px 0 20px 0;
      min-height: 490px;
      background-size: cover;
      background-position: center center; } }

@media (min-width: 768px) {
  .page-banner--small {
    min-height: 325px; } }

@media (max-width: 767px) {
  .page-banner--small {
    padding-top: 0;
    min-height: 0; } }

@media (min-width: 768px) {
  .page-banner--none {
    min-height: 0px;
    padding: 21px 0; }
    .page-banner--none .breadcrumb {
      margin-bottom: 0px;
      padding: 21px 0; } }

@media (max-width: 767px) {
  .page-banner--none {
    padding-top: 0;
    min-height: 0;
    display: none; } }

.page-banner--has-card {
  overflow: hidden;
  position: relative;
  background: #f6f7f7;
  background-size: cover; }
  @media (min-width: 768px) {
    .page-banner--has-card {
      background-size: auto; } }
  .page-banner--has-card .page-banner__content {
    position: relative;
    background: transparent; }
  @media (min-width: 768px) {
    .page-banner--has-card .page-banner__content__text {
      max-width: 50%; } }

.page-banner__card {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  padding: 30px; }
  @media (min-width: 768px) {
    .page-banner__card {
      top: 50%;
      right: 0;
      left: auto;
      width: 400px;
      height: 400px;
      border-radius: 100%;
      transform: translateY(-50%);
      padding: 0; } }
  @media (min-width: 992px) {
    .page-banner__card {
      height: 575px;
      width: 575px; } }
  @media (min-width: 1200px) {
    .page-banner__card {
      right: 13%; } }

.page-banner__top-buffer {
  margin-top: 80px; }

.page-banner__card__image {
  display: block;
  width: 100%;
  max-width: 375px;
  margin: 0 auto; }
  @media (min-width: 768px) {
    .page-banner__card__image {
      max-width: none;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 67.5%;
      height: auto; } }

.page-banner__content {
  background: #4465ad;
  padding-top: 20px;
  padding-bottom: 20px; }
  @media (min-width: 768px) {
    .page-banner__content {
      padding-top: 0;
      padding-bottom: 0;
      background: transparent; } }

.page-banner__content__text {
  max-width: 670px; }

.flexslider .slides img.page-banner__logo {
  width: auto;
  max-width: 100%;
  height: auto;
  display: inline-block; }

/*custom classes to reposition banner images*/
@media (max-width: 767px) {
  .warrior-princess-bg {
    background-position: 46% 0%; } }

@media (min-width: 768px) {
  .warrior-princess-bg .button, .warrior-princess-bg .page-banner-lfs .button--invert, .page-banner-lfs .warrior-princess-bg .button--invert, .warrior-princess-bg .button--outline-only, .warrior-princess-bg .button--white, .warrior-princess-bg .button--green {
    top: 53px; } }

@media (min-width: 768px) {
  .logan-dodds-bg {
    background-position: 67% 0%; } }

@media (min-width: 768px) {
  .logan-dodds-bg .button, .logan-dodds-bg .page-banner-lfs .button--invert, .page-banner-lfs .logan-dodds-bg .button--invert, .logan-dodds-bg .button--outline-only, .logan-dodds-bg .button--white, .logan-dodds-bg .button--green {
    top: 53px; } }

@media (min-width: 768px) {
  .logan-dodds-bg {
    background-position: 67% 0%; } }

.logan-dodds-bg .button, .logan-dodds-bg .page-banner-lfs .button--invert, .page-banner-lfs .logan-dodds-bg .button--invert, .logan-dodds-bg .button--outline-only, .logan-dodds-bg .button--white, .logan-dodds-bg .button--green {
  top: 0; }

@media (min-width: 768px) {
  .credit-card-bg {
    background-position: 67% 0%; } }

@media (min-width: 768px) {
  .credit-card-bg .button, .credit-card-bg .page-banner-lfs .button--invert, .page-banner-lfs .credit-card-bg .button--invert, .credit-card-bg .button--outline-only, .credit-card-bg .button--white, .credit-card-bg .button--green {
    top: 53px; } }

.noel-leeming {
  background-color: #e31e25;
  height: 639px; }
  @media (min-width: 768px) {
    .noel-leeming {
      height: auto; } }

.christmastown .page-banner, .christmastown .page-banner--app {
  background-image: url("/media/christmastown-bg.jpg");
  background-size: 285%; }
  @media (min-width: 768px) {
    .christmastown .page-banner, .christmastown .page-banner--app {
      background-size: cover; } }

.christmastown h1,
.christmastown p {
  color: #fff;
  text-shadow: #000 3px 3px 40px; }
  @media (min-width: 768px) {
    .christmastown h1,
    .christmastown p {
      color: #4465ad;
      text-shadow: none; } }

.christmastown span {
  display: block; }
  .christmastown span sup {
    line-height: 0; }

@media (max-width: 543px) {
  .christmastown .h-page {
    font-size: 2.7rem; } }

.christmastown .logo {
  position: absolute;
  top: 75px;
  left: 0; }
  @media (min-width: 768px) {
    .christmastown .logo {
      width: 45% !important;
      right: 0;
      left: auto;
      top: 100px; } }
  @media (min-width: 992px) {
    .christmastown .logo {
      width: 35% !important;
      right: 250px; } }

@media (min-width: 768px) {
  .christmastown .button--invert {
    background: #4465ad;
    color: #fff; }
    .christmastown .button--invert:after {
      background: #fff; } }

/**
 Page banner 1299 for promotion
 */
.page-banner-1299 {
  border-bottom: none;
  background: linear-gradient(#004a95, #006ac6);
  padding: 20px 0;
  min-height: 0;
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 20px; }
  .page-banner-1299 .page-banner__content {
    background: none;
    padding-top: 0;
    padding-bottom: 0;
    position: relative; }
  .page-banner-1299 .page-banner__cta a {
    border-radius: 0 !important;
    background: #006ac6;
    color: #fff;
    padding: .75em;
    text-align: left;
    margin-bottom: 30px;
    display: inline-block;
    border: 1px solid #fff;
    position: relative;
    transition: background-color .5s ease-in-out;
    width: 100%; }
    .page-banner-1299 .page-banner__cta a:first-child {
      margin-bottom: 1rem; }
    .page-banner-1299 .page-banner__cta a.lfs-apply-now-btn {
      background: #218732;
      padding: .75em 1em;
      border: 1px solid #218732;
      outline: #218732;
      box-shadow: 0 0 1rem 0.02rem rgba(39, 69, 44, 0.25); }
    .page-banner-1299 .page-banner__cta a::after {
      display: none; }
  .page-banner-1299 .button, .page-banner-1299 .page-banner-lfs .button--invert, .page-banner-lfs .page-banner-1299 .button--invert, .page-banner-1299 .button--outline-only, .page-banner-1299 .button--white, .page-banner-1299 .button--green {
    background: #fff;
    color: #006ac6;
    margin-right: .6rem;
    font-size: 1rem;
    padding: .4em 4em .3em 2em;
    margin-bottom: 0; }
  .page-banner-1299[data-ribbon-text] {
    position: relative;
    overflow: hidden; }
    .page-banner-1299[data-ribbon-text]::before {
      content: attr(data-ribbon-text);
      color: #004a95;
      background: #fff;
      position: absolute;
      top: 83px;
      right: -54px;
      width: 210px;
      height: 56px;
      padding: 10px 55px;
      text-align: center;
      text-shadow: 0 0 1px currentColor;
      font-family: Lexia, Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
      font-weight: 700;
      font-size: 18px;
      line-height: 1;
      overflow: hidden;
      transform-origin: top right;
      transform: rotate(38deg); }
    @media (max-width: 767px) {
      .page-banner-1299[data-ribbon-text] .page-banner__content__text {
        padding-right: 120px; } }

/* Accordion */
.accordion {
  margin-bottom: 30px; }

.accordion__head,
.needs-chooser__head,
.budget-planner__controller__head {
  padding: 1.15em 2.5em 1.15em 1.15em;
  display: block;
  width: 100%;
  text-align: left;
  background: #f6f7f7;
  color: #4465ad;
  margin-top: 0.35rem;
  position: relative; }
  @media (min-width: 768px) {
    .accordion__head,
    .needs-chooser__head,
    .budget-planner__controller__head {
      font-weight: bold;
      margin-top: 0.65rem; } }
  .accordion__head.is-open,
  .is-open.needs-chooser__head,
  .is-open.budget-planner__controller__head {
    background: #666666;
    color: #fff; }
  .accordion__head.is-open:focus,
  .is-open.needs-chooser__head:focus,
  .is-open.budget-planner__controller__head:focus {
    outline: none; }

.accordion__head__icon,
.needs-chooser__head__icon {
  position: absolute;
  top: 1.3em;
  right: 15px; }
  .accordion__head.is-open .accordion__head__icon,
  .accordion__head.is-open .needs-chooser__head__icon {
    transform: rotate(180deg); }
  @media (max-width: 767px) {
    .accordion__head__icon,
    .needs-chooser__head__icon {
      width: 1.2em;
      height: 1.2em; } }

.accordion__content,
.needs-chooser__content {
  box-shadow: 0 0 0.75rem -0.05rem #666666;
  transition: min-height 0.5s;
  height: 0;
  overflow: hidden;
  background: #fff; }
  .accordion__content.is-open, .no-js .accordion__content,
  .is-open.needs-chooser__content,
  .no-js .needs-chooser__content {
    margin-bottom: 0.5rem;
    height: auto; }

.accordion__content__inner,
.needs-chooser__content__inner {
  padding: 20px;
  padding-bottom: 0; }

.accordion--mobile-page {
  margin-bottom: 0; }
  .accordion--mobile-page > .accordion__head {
    background: #4465ad;
    color: #fff; }
    .accordion--mobile-page > .accordion__head.is-open {
      background: #3B4382; }
    @media (min-width: 768px) {
      .accordion--mobile-page > .accordion__head {
        display: none; } }
  .accordion--mobile-page > .accordion__content {
    box-shadow: none; }
    @media (min-width: 768px) {
      .accordion--mobile-page > .accordion__content {
        display: block;
        height: auto;
        overflow: auto; } }
    .accordion--mobile-page > .accordion__content > .accordion__content__inner {
      padding: 0; }

.accordion--controlled .accordion__head {
  display: none; }

.accordion--controlled .accordion__content {
  box-shadow: none;
  background: transparent; }
  .accordion--controlled .accordion__content > .accordion__content__inner {
    padding: 0; }

/* Needs-chooser */
.needs-chooser {
  position: relative;
  margin-bottom: 30px;
  padding: 0 15px; }
  @media (min-width: 768px) {
    .needs-chooser {
      padding: 0;
      margin-top: 48px;
      margin-bottom: 0; } }

.needs-chooser__controller {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: distribute;
      justify-content: space-around; }
  @media (max-width: 767px) {
    .needs-chooser__controller {
      display: none; } }

.needs-chooser__controller__head {
  background: transparent;
  font-weight: normal;
  margin: 0;
  text-align: center;
  padding: 0 0.5rem;
  position: relative;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -ms-flex-positive: 1;
      flex-grow: 1;
  max-width: 250px; }
  .needs-chooser__controller__head.is-open {
    background: transparent;
    color: #4465ad; }
    .needs-chooser__controller__head.is-open::after {
      content: "";
      width: 2.75rem;
      height: 2.75rem;
      background: #f6f7f7;
      position: absolute;
      bottom: 0;
      right: 50%;
      transform: translate(50%, 50%) rotate(45deg); }
  .needs-chooser__controller__head.is-open:focus, .needs-chooser__controller__head:active {
    outline: none; }

.needs-chooser__controller__head__illustration {
  width: 68%;
  padding-top: 68%;
  margin: 0 auto;
  position: relative;
  top: auto;
  left: auto; }

.needs-chooser__controller__head__illustration__icon {
  width: 1.35em;
  height: 1.35em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  height: 90%; }

.needs-chooser__controller__head__text {
  padding-top: 0.75em;
  padding-bottom: 3.5em; }

.needs-chooser__controller__head__icon {
  top: auto;
  position: absolute;
  bottom: 0.5em;
  right: 50%;
  transform: translate(50%, 0);
  width: 1.5em;
  height: 1.5em; }
  .needs-chooser__controller__head.is-open > .needs-chooser__controller__head__icon {
    display: none; }
  @media (min-width: 992px) {
    .needs-chooser__controller__head__icon {
      bottom: 0.75em; } }
  @media (min-width: 1200px) {
    .needs-chooser__controller__head__icon {
      bottom: 1.25em; } }

.needs-chooser__head {
  padding: 1.15em 54px 1.15em 74px; }
  @media (min-width: 768px) {
    .needs-chooser__head {
      display: none; } }

.needs-chooser__head__illustration {
  position: absolute;
  top: 0;
  left: 0; }

.needs-chooser__head__illustration__icon {
  position: absolute;
  top: 0.15em;
  left: 0.5em;
  width: 56px;
  height: 56px; }

.needs-chooser__head.is-open .needs-chooser__head__icon {
  transform: rotate(180deg); }

@media (min-width: 768px) {
  .needs-chooser__content {
    background: #f6f7f7;
    box-shadow: none;
    transition: none;
    display: none;
    height: auto;
    overflow: auto; }
    .needs-chooser__content.is-open, .no-js .needs-chooser__content {
      padding: 48px;
      margin-bottom: 0;
      display: block; } }

@media (min-width: 1200px) {
  .needs-chooser__content.is-open, .no-js .needs-chooser__content {
    padding: 80px 0 50px 0; } }

.needs-chooser__content__inner {
  padding-left: 0;
  padding-right: 0; }
  @media (min-width: 768px) {
    .needs-chooser__content__inner {
      padding: 0; } }

@media (min-width: 768px) {
  .needs-chooser--top-level .needs-chooser__controller__head {
    background: #fff;
    margin: 0 0.5rem;
    padding: 2rem 0.5rem 0 0.5rem;
    color: #4465ad;
    box-shadow: 0 0 0.5rem 0.02rem rgba(102, 102, 102, 0.5);
    font-size: 1.333rem;
    line-height: 1.667rem; }
    .needs-chooser--top-level .needs-chooser__controller__head.is-open {
      background: #4465ad;
      color: #fff;
      box-shadow: none; }
      .needs-chooser--top-level .needs-chooser__controller__head.is-open::after {
        background: #4465ad; } }

.needs-chooser--top-level .needs-chooser__controller__head.is-open > .needs-chooser__controller__head__illustration {
  border-radius: none;
  background-color: transparent;
  background-image: url("/media/theming-dotted-bg--invert.svg"); }

.needs-chooser--top-level .needs-chooser__controller__head__illustration__icon {
  color: #666666; }

.needs-chooser--top-level .needs-chooser__controller__head.is-open .needs-chooser__controller__head__illustration__icon {
  color: #fff; }

.needs-chooser--top-level .needs-chooser__controller__head__text {
  min-height: 0;
  max-width: 9em;
  margin: 0 auto;
  padding-bottom: 2em; }

.needs-chooser--top-level .needs-chooser__controller__head__icon {
  display: none; }

.needs-chooser--bg-page .needs-chooser__controller {
  -ms-flex-pack: center;
      justify-content: center; }

.needs-chooser--bg-page .needs-chooser__controller__head.is-open::after {
  background: #fff; }

.needs-chooser--bg-page .needs-chooser__controller__head__icon {
  display: none; }

.needs-chooser--bg-page .needs-chooser__head {
  background: #fff; }
  .needs-chooser--bg-page .needs-chooser__head.is-open {
    background: #666666; }

.needs-chooser--bg-page .needs-chooser__content {
  background: #fff; }

/* List components */
.styled-list {
  margin-top: 0.5em;
  margin-bottom: 1.5em; }
  .styled-list > li + li {
    margin-top: 0.25em; }

.styled-list--ordered {
  list-style: decimal;
  counter-reset: olcount; }
  .styled-list--ordered > li {
    counter-increment: olcount;
    position: relative;
    padding-left: 3em;
    min-height: 50px; }
    .styled-list--ordered > li::before {
      position: absolute;
      left: 0;
      content: counter(olcount);
      display: inline-block; }

.list--ordered > li {
  display: list-item; }

.styled-list--unordered > li {
  position: relative;
  padding-left: 1.75em; }
  .styled-list--unordered > li::before {
    content: "\2022";
    color: #4465ad;
    margin-right: 0.5em;
    position: absolute;
    top: 0;
    left: 0; }

.styled-list--alpha {
  list-style-type: upper-alpha;
  list-style-position: outside;
  padding-left: 1.75em; }
  .styled-list--alpha > li {
    display: list-item; }

.styled-list--spaced > li + li {
  margin-top: 1em; }

.styled-list--illustrated > li {
  position: relative;
  padding-left: 2em; }

.styled-list__icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.45em;
  height: 1.45em; }
  .styled-list__icon.insta {
    width: 1em;
    height: 1em;
    left: 4px; }


.section-num,
.styled-list--ordered > li::before {
  text-align: center;
  display: inline-block;
  color: #fff;
  background: #969696;
  font-size: 1.65rem;
  font-weight: bold;
  width: 1.75em;
  height: 1.75em;
  border-radius: 100%;
  padding: 0.30em 0.18em 0.18em 0.12em;
  margin-bottom: 20px;
  line-height: 1; }

.styled-list--block-list {
  margin: 0px -20px; }
  .styled-list--block-list > li {
    display: block;
    border-style: solid;
    border-width: 1px 0 0 0;
    border-color: #f6f7f7;
    padding: 1em 2em; }
    .styled-list--block-list > li:last-child {
      border-bottom-width: 1px; }
    .styled-list--block-list > li + li {
      margin-top: 0; }

/* Breadcrumb */
.breadcrumb {
  margin-bottom: 48px;
  display: none; }
  @media (min-width: 768px) {
    .breadcrumb {
      display: block; } }
  .breadcrumb > li {
    display: inline; }
    .breadcrumb > li, .breadcrumb > li > a {
      color: #fff; }
    .breadcrumb > li a {
      text-decoration: underline; }
      .breadcrumb > li a:hover {
        text-decoration: none; }

.breadcrumb__separator {
  width: 0.75rem;
  height: 0.75rem; }

.breadcrumb--primary > li, .breadcrumb--primary > li > a {
  color: #4465ad; }

/* Article link */
.article-link {
  display: block;
  margin-bottom: 30px; }
  .article-link, .article-link:hover {
    color: #fff; }

.article-link__image {
  display: block;
  width: 100%;
  height: auto; }

.article-link__text {
  background: #4465ad;
  position: relative;
  padding: 20px;
  border-top: 2px solid #fff; }
  .article-link:hover > .article-link__text {
    background: #3B4382; }

.article-link__text__icon {
  float: right;
  margin-left: 0.5em; }

.article__image {
  min-height: 210px;
  position: relative;
  overflow: hidden;
  background-size: cover; }

/* Feature rate */
.feature-rate__rate {
  position: relative;
  display: inline-block;
  padding-right: 1.8em; }
  @media (min-width: 992px) {
    .feature-rate__rate {
      padding-right: 2em; } }

.feature-rate__rate__value {
  font-weight: bold;
  line-height: 1;
  font-size: 3em; }
  @media (min-width: 544px) {
    .feature-rate__rate__value {
      font-size: 3em; } }
  @media (min-width: 768px) {
    .feature-rate__rate__value {
      font-size: 3em; } }
  @media (min-width: 992px) {
    .feature-rate__rate__value {
      font-size: 3.15em; } }

.feature-rate__rate__percentage {
  position: absolute;
  top: 0.1em;
  right: -4px;
  line-height: 1;
  font-weight: bold;
  font-size: 1.85em; }
  @media (min-width: 992px) {
    .feature-rate__rate__percentage {
      font-size: 2em; } }

.feature-rate__rate__recurrence {
  position: absolute;
  bottom: 0.4em;
  right: -12px;
  line-height: 1;
  font-size: 0.7em;
  font-weight: bold; }
  @media (min-width: 992px) {
    .feature-rate__rate__recurrence {
      font-size: 0.8em; } }
  .feature-rate__rate__recurrence sup {
    position: absolute; }

.rate-compare {
  margin: 0 auto;
  max-width: 725px; }
  .rate-compare::after {
    content: "";
    display: table;
    clear: both; }

.rate-compare__col {
  width: 50%;
  max-width: 260px; }
  .rate-compare__col:nth-of-type(1) {
    float: left; }
  .rate-compare__col:nth-of-type(2) {
    float: right; }
  .rate-compare__col:first-of-type:last-of-type {
    float: none;
    margin: 0 auto; }

.rate-compare__col__content, .rate-compare__col__content--white-top {
  position: relative;
  background-image: url("/media/theming-dotted-bg--dark-half-block.svg");
  background-size: 100% 100%;
  width: 240px;
  height: 240px;
  margin: 0 auto 30px auto; }
  .rate-compare__col__content.three-col, .three-col.rate-compare__col__content--white-top {
    max-width: 320px;
    padding-top: 90%; }
    @media (min-width: 544px) {
      .rate-compare__col__content.three-col, .three-col.rate-compare__col__content--white-top {
        max-width: 280px; } }
    @media (min-width: 768px) {
      .rate-compare__col__content.three-col, .three-col.rate-compare__col__content--white-top {
        max-width: 290px; } }
    @media (min-width: 992px) {
      .rate-compare__col__content.three-col, .three-col.rate-compare__col__content--white-top {
        max-width: 300px; } }

.rate-compare__col__content--white-top {
  background-image: url("/media/theming-dotted-bg--white-half-block.svg"); }
  .rate-compare__col__content--white-top .rate-compare__col__content__text-half__content {
    color: #3B4382; }
    .rate-compare__col__content--white-top .rate-compare__col__content__text-half__content.white {
      color: #ffffff; }

.rate-compare__bottom-content {
  padding: 30px; }
  @media (min-width: 768px) {
    .rate-compare__bottom-content {
      padding: 0; } }

.rate-compare__col__content--unsecured {
  background-image: url("/media/theming-dotted-bg--alt-half-block.svg"); }

.apply-link {
  color: #218732;
  border-bottom: none;
  font-weight: 700; }

.link-center {
  display: block;
  text-align: center;
  cursor: pointer;
  text-decoration: none; }

.rate-compare__col__content__text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
  padding: 0 11%; }

.rate-compare__col__content__text-half {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  width: 100%;
  right: -8px;
  padding: 0 11%;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }
  .rate-compare__col__content__text-half:first-child {
    top: 10%;
    bottom: 50%; }
  .rate-compare__col__content__text-half:nth-child(2) {
    top: 50%;
    bottom: 10%; }
  @media (max-width: 767px) {
    .rate-compare__col__content__text-half:first-child {
      top: 10%;
      bottom: 50%; }
    .rate-compare__col__content__text-half:nth-child(2) {
      top: 50%;
      bottom: 10%; } }
  .rate-compare__col__content__text-half.white {
    color: #fff; }
    .rate-compare__col__content__text-half.white .feature-rate__rate__percentage {
      right: -4px; }
  .rate-compare__col__content__text-half.primary {
    color: #4465ad; }

.rate-compare__col__content__text-half__content {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%); }
  @media (max-width: 767px) {
    .rate-compare__col__content__text-half__content > .feature-rate__desc {
      padding: 0rem 1.2rem;
      font-size: 0.95rem;
      line-height: 0.9rem; } }
  .rate-compare__col__content__text-half__content > .feature-rate__content {
    width: 75%;
    margin: 0 auto; }

/* THREE COLUMN RATE MODULES */
/* Side scroller */
.side-scroller {
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
  width: 100%;
  max-width: 100%; }
  .side-scroller::after {
    content: "";
    display: table;
    clear: both; }

.side-scroller__scroller {
  white-space: nowrap;
  font-size: 0;
  overflow-x: auto;
  -ms-overflow-style: none; }
  .side-scroller__scroller::-webkit-scrollbar {
    display: none; }

.side-scroller__scroller__col {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: none;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  font-size: 1rem;
  width: 100%; }
  @media (min-width: 544px) {
    .side-scroller__scroller__col {
      width: 400px; } }

.side-scroller__button {
  position: absolute;
  left: 0;
  top: calc(50% - 30px);
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0.5);
  font-size: 1.5rem; }
  .side-scroller__button:active {
    outline: 0; }
  .side-scroller__button:focus {
    outline: 2px solid #fff; }
  .side-scroller__button.is-disabled {
    background: rgba(0, 0, 0, 0.15);
    cursor: default; }
    .side-scroller__button.is-disabled:focus {
      outline: none; }
  .side-scroller.is-disabled .side-scroller__button {
    display: none; }

.side-scroller__button--right {
  left: auto;
  right: 0; }

.side-scroller__button__icon {
  color: #fff; }
  .is-disabled > .side-scroller__button__icon {
    opacity: 0.25; }

.side-scroller--showcase {
  margin-left: 0px;
  margin-right: 0px; }
  .side-scroller--showcase .side-scroller__scroller {
    outline: 1px solid;
    margin: 17px; }
  .side-scroller--showcase .side-scroller__scroller__col {
    vertical-align: middle;
    padding: 2em 3em; }
    @media (min-width: 544px) {
      .side-scroller--showcase .side-scroller__scroller__col {
        width: 291.5px; } }
  .side-scroller--showcase .side-scroller__button {
    top: 50%; }

/* HEADER CAROUSEL */
.side-scroller__scroller__header {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: none;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  font-size: 1rem;
  width: 100%; }
  @media (min-width: 544px) {
    .side-scroller__scroller__header {
      width: 100%; } }

/* scroll-tracker */
.scroll-tracker {
  display: none; }
  @media (min-width: 768px) {
    .scroll-tracker {
      display: block; } }

.scroll-tracker__header {
  display: none;
  background: #fff;
  height: 56px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100; }
  .is-fixed .scroll-tracker__header {
    display: block; }
  @media (min-width: 992px) {
    .scroll-tracker__header {
      height: 80px; } }

.scroll-tracker__header__content {
  position: relative;
  height: 100%; }

.scroll-tracker__header__content__home {
  display: block;
  width: 45px;
  height: 45px;
  position: absolute;
  top: 10px;
  left: 15px; }

.scroll-tracker__header__content__home__icon {
  width: 100%;
  height: 100%; }

.scroll-tracker__header__content__title {
  text-align: center;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  margin-bottom: 0; }

.scroll-tracker__bar {
  background: #4465ad;
  border-top: 2px solid #fff;
  width: 100%; }
  .scroll-tracker.is-fixed > .scroll-tracker__bar {
    position: fixed;
    top: 56px;
    left: 0;
    z-index: 20000;
    background: rgba(68, 101, 173, 0.9);
    border-top: none; }
    @media (min-width: 992px) {
      .scroll-tracker.is-fixed > .scroll-tracker__bar {
        top: 80px; } }

.scroll-tracker__bar__list {
  display: -ms-flexbox;
  display: flex;
  width: 100%; }
  .scroll-tracker__bar__list > li {
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex-preferred-size: 0;
        flex-basis: 0; }

.scroll-tracker__link {
  color: #fff;
  display: inline-block;
  width: 100%;
  text-align: center;
  height: 100%; }
  .scroll-tracker__link:hover, .scroll-tracker__link.is-active {
    background: #3B4382; }

.scroll-tracker__link__text {
  padding: 1.25em;
  display: inline-block; }

/* Styling for tables */
.styled-table {
  width: 100%;
  margin-bottom: 30px; }
  .styled-table th {
    text-align: left;
    font-weight: bold; }
  .styled-table td {
    font-weight: normal; }
  .styled-table th, .styled-table td {
    background: #f6f7f7;
    padding: 0.75em 1em; }
    .styled-table th:first-child, .styled-table td:first-child {
      width: 30%; }
  .styled-table tr:nth-of-type(2n) th, .styled-table tr:nth-of-type(2n) td {
    background: #fdfdfd; }

.styled-table--comparisons {
  margin-bottom: 30px;
  table-layout: fixed; }
  .styled-table--comparisons th, .styled-table--comparisons td {
    text-align: center; }
    .styled-table--comparisons th:first-child, .styled-table--comparisons td:first-child {
      width: auto; }
  .styled-table--comparisons .styled-table__sub-head {
    text-align: left;
    font-weight: bold; }
    .styled-table--comparisons .styled-table__sub-head.styled-table__sub-head {
      background: #666666;
      color: #fff; }
  .styled-table--comparisons .styled-table__span-heading {
    text-align: left;
    font-weight: bold; }

/* Filter */
.filter fieldset {
  border: none;
  padding: 0;
  margin: 0; }

.filter__filter {
  font-size: 1.333rem;
  line-height: 1.667rem;
  display: table;
  width: 100%;
  table-layout: fixed;
  background: #4465ad;
  margin-bottom: 48px;
  position: relative; }
  @media (max-width: 767px) {
    .filter__filter {
      margin-bottom: 30px; }
      .is-expanded .filter__filter {
        padding-top: 73px;
        box-shadow: 0 0 0.75rem -0.05rem #666666; } }

.filter__filter__mob-button {
  position: absolute;
  top: 1.35em;
  right: 1.25em;
  z-index: 1;
  width: 1.35em;
  height: 1.35em;
  color: #fff;
  pointer-events: none; }
  @media (min-width: 768px) {
    .filter__filter__mob-button {
      display: none; } }

.filter__filter__input {
  display: none; }

.filter__filter__label {
  display: table-cell;
  text-align: center;
  color: #fff;
  cursor: pointer;
  padding: 1.25em;
  position: relative; }
  .filter__filter__label:hover {
    background: #3B4382; }
  :checked + .filter__filter__label {
    background: #3B4382; }
    :checked + .filter__filter__label::after {
      content: "";
      width: 0;
      height: 0;
      border-left: 1em solid transparent;
      border-right: 1em solid transparent;
      border-top: 1em solid #3B4382;
      position: absolute;
      top: 100%;
      left: 50%;
      transform: translateX(-50%);
      z-index: 1; }
  @media (max-width: 767px) {
    .filter__filter__label {
      display: none;
      margin-bottom: 0;
      min-height: 73px;
      text-align: left;
      border-bottom: 1px solid #f6f7f7; }
      .is-expanded .filter__filter__label {
        display: block;
        background: #fff;
        color: #4465ad; }
      :checked + .filter__filter__label {
        display: block;
        background: #4465ad;
        color: #fff;
        height: 73px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding-right: 3em; }
        :checked + .filter__filter__label::before {
          content: "Showing: "; }
        :checked + .filter__filter__label::after {
          border-top-color: #4465ad; }
      .is-expanded :checked + .filter__filter__label {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%; }
        .is-expanded :checked + .filter__filter__label::after {
          display: none; } }

@media (max-width: 767px) {
  .filter__filter__label__unchecked,
  .filter__filter__label__checked {
    display: none; } }

.filter__filter__label__checked {
  color: #88cdd3;
  display: none; }
  :checked + .filter__filter__label > .filter__filter__label__checked {
    display: inline-block; }
    @media (max-width: 767px) {
      :checked + .filter__filter__label > .filter__filter__label__checked {
        display: none; } }

:checked + .filter__filter__label > .filter__filter__label__unchecked {
  display: none; }

.filter__item.is-hidden {
  display: none; }

/* Link-grid */
.link-grid {
  margin-bottom: 30px; }

@media (min-width: 768px) {
  .link-grid__main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
        flex-flow: row;
    margin-left: -15px;
    margin-right: -15px; }
    .link-grid__main::after {
      content: "";
      display: table;
      clear: both; } }

@media (min-width: 768px) {
  .link-grid__main__primary {
    position: relative;
    float: left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    width: 66.66667%;
    display: -ms-flexbox;
    display: flex; } }

@media (min-width: 768px) {
  .link-grid__main__primary__article-link {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; } }

@media (min-width: 768px) {
  .link-grid__main__primary__article-link__text {
    font-size: 1.4rem;
    -ms-flex-positive: 1;
        flex-grow: 1; } }

@media (min-width: 768px) {
  .link-grid__main__secondary {
    position: relative;
    float: left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    width: 33.33333%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; } }

@media (min-width: 768px) {
  .link-grid__main__secondary__article-link {
    -ms-flex-positive: 1;
        flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; } }

@media (min-width: 768px) {
  .link-grid__main__secondary__article-link__text {
    -ms-flex-positive: 1;
        flex-grow: 1; } }

/* Article-actions */
.article-actions {
  border-width: 1px 0;
  border-color: #fff;
  border-style: solid;
  padding: 20px; }

.article-actions__action {
  display: inline-block; }
  .article-actions__action + .article-actions__action {
    margin-left: 0.5em; }
    @media (min-width: 768px) {
      .article-actions__action + .article-actions__action {
        margin-left: 20px; } }

.article-actions__action__link {
  color: #fff;
  padding: 0; }
  .article-actions__action__link:hover {
    color: #f6f7f7; }

.article-actions__action__link__icon {
  width: 2.25rem;
  height: 2.25rem; }

/* Tooltip */
.tooltip {
  padding: 0; }

.tooltip__icon {
  color: #4465ad;
  cursor: pointer; }

.tooltip__bubble, .tooltip__modal {
  border: 2px dotted #4465ad;
  background: #fff;
  color: #666666;
  margin-left: 1rem;
  padding: 1.75rem 1.25rem;
  box-shadow: 0 0 0.5rem 0.02rem rgba(102, 102, 102, 0.5); }
  .tooltip__bubble::before, .tooltip__modal::before {
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    background: #fff;
    position: absolute;
    top: 50%;
    left: -0.75rem;
    transform: translateY(-50%) rotate(-45deg);
    border-width: 2px 0 0 2px;
    border-color: #4465ad;
    border-style: dotted; }
  .tooltip__bubble .qtip-content, .tooltip__modal .qtip-content {
    padding: 0; }
  .tooltip__bubble .qtip-titlebar, .tooltip__modal .qtip-titlebar {
    background: transparent;
    padding: 0;
    padding-right: 1.75em; }

.tooltip__modal {
  z-index: 20015 !important;
  width: 970px;
  margin-left: 0;
  max-width: calc(100vw - 30px);
  max-height: calc(100vh - 30px*2);
  overflow-y: auto; }
  .tooltip__modal::before {
    content: normal; }
  .tooltip__modal .qtip-titlebar {
    overflow: visible; }
  @media (max-width: 1199px) {
    .tooltip__modal {
      position: fixed !important;
      top: 30px !important; } }

.tooltip__close.tooltip__close {
  display: none;
  background: transparent;
  padding: 0;
  border: 0;
  border-radius: 100%;
  position: absolute;
  top: 0.25rem;
  right: 0.5rem; }
  .tooltip__bubble .tooltip__close.tooltip__close, .tooltip__modal .tooltip__close.tooltip__close {
    display: inline-block; }
  .tooltip__modal .tooltip__close.tooltip__close {
    top: -0.15em;
    right: 0; }

.tooltip__close__icon {
  color: #969696; }

.modal__content {
  display: none; }

.tooltip__content {
  display: none; }

.trackdebugging {
  border: 1px solid red; }

/* nav-tabs */
.nav-tabs {
  background: #f6f7f7;
  border-bottom: 1px solid #969696;
  color: #4465ad; }
  @media (max-width: 767px) {
    .nav-tabs {
      font-size: 1.333rem;
      line-height: 1.667rem;
      margin: 0 15px;
      margin-top: 30px;
      background: #fff;
      border: none;
      position: relative; }
      .nav-tabs.is-expanded {
        padding-top: 70px;
        box-shadow: 0 0 0.75rem -0.05rem #666666; } }

.nav-tabs__mob-button {
  position: absolute;
  top: 1.35em;
  right: 15px;
  z-index: 1;
  width: 1.35em;
  height: 1.35em;
  color: #4465ad;
  pointer-events: none; }
  .is-expanded .nav-tabs__mob-button {
    color: #fff; }
  @media (min-width: 768px) {
    .nav-tabs__mob-button {
      display: none; } }

.nav-tabs__content {
  width: 100%;
  max-width: 850px;
  margin: 0 auto;
  display: table;
  table-layout: fixed; }

.nav-tabs__content__row {
  display: table-row; }

.nav-tabs__content__row__cell {
  display: table-cell;
  text-align: center;
  border-color: #969696;
  border-width: 0 1px;
  border-style: solid; }
  .nav-tabs__content__row__cell + .nav-tabs__content__row__cell {
    border-left: none; }
  @media (max-width: 767px) {
    .nav-tabs__content__row__cell {
      display: block;
      border: none; } }

.nav-tabs__button {
  padding: 0;
  width: 100%;
  padding: 1.15em;
  position: relative; }
  .nav-tabs__button.is-open {
    background: #fff; }
    .nav-tabs__button.is-open:focus {
      outline: none; }
    .nav-tabs__button.is-open::after {
      content: "";
      width: 100%;
      height: 3px;
      position: absolute;
      bottom: -3px;
      left: 0;
      background: #fff; }
  @media (max-width: 767px) {
    .nav-tabs__button {
      text-align: left;
      display: none;
      background: #f6f7f7;
      min-height: 70px; }
      .nav-tabs__button.is-open {
        display: block;
        background: #f6f7f7; }
        .nav-tabs__button.is-open::before {
          content: "Showing: "; }
        .nav-tabs__button.is-open::after {
          content: normal; }
      .is-expanded .nav-tabs__button {
        display: block;
        background: #fff;
        border-bottom: 1px solid #f6f7f7; }
        .is-expanded .nav-tabs__button.is-open {
          background: #4465ad;
          color: #fff;
          position: absolute;
          top: 0;
          left: 0;
          border-bottom: none; } }

/* Rate Illustration */
.rate-illustration-outer {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center; }
  @media (min-width: 768px) {
    .rate-illustration-outer {
      -ms-flex-pack: center;
          justify-content: center; } }
  @media (min-width: 992px) {
    .rate-illustration-outer {
      -ms-flex-pack: distribute;
          justify-content: space-around;
      -ms-flex-align: center;
          align-items: center; } }

.rate-illustration {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  background-image: url("/media/theming-dotted-bg.svg");
  background-size: 100% 100%;
  width: 100vw;
  height: 100vw;
  max-width: 300px;
  max-height: 300px;
  margin: 0 10px;
  margin-bottom: 30px; }
  @media (min-width: 768px) {
    .rate-illustration {
      min-width: 300px;
      min-height: 300px; } }
  @media (min-width: 992px) {
    .rate-illustration {
      width: 10vw;
      height: 10vw;
      min-width: 250px;
      min-height: 250px; } }

.rate-illustration__text {
  text-align: center;
  width: 100%;
  padding: 0 11%; }

.rate-illustration__text-half {
  text-align: center;
  width: 100%;
  padding: 0 11%;
  margin-bottom: 10px; }

.rate-illustration__desc {
  font-size: 1.3em; }
  @media (min-width: 544px) {
    .rate-illustration__desc {
      font-size: 0.9em; } }
  @media (min-width: 768px) {
    .rate-illustration__desc {
      font-size: 1.2em;
      line-height: 1.5em; } }
  @media (min-width: 992px) {
    .rate-illustration__desc {
      font-size: 0.95em;
      line-height: 1.3em; } }

.rate-illustration__rate {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center; }

.rate-illustration__rate__right-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  margin-left: 8px; }

.rate-illustration__rate__value {
  font-weight: bold;
  line-height: 1;
  font-size: 4em; }
  @media (min-width: 544px) {
    .rate-illustration__rate__value {
      font-size: 3em; } }
  @media (min-width: 768px) {
    .rate-illustration__rate__value {
      font-size: 2.6em; } }
  @media (min-width: 992px) {
    .rate-illustration__rate__value {
      font-size: 2.5em; } }

.rate-illustration__rate__percentage {
  line-height: 1;
  font-weight: bold;
  font-size: 2em; }
  @media (min-width: 544px) {
    .rate-illustration__rate__percentage {
      font-size: 1.5em; } }
  @media (min-width: 768px) {
    .rate-illustration__rate__percentage {
      font-size: 1.4em; } }
  @media (min-width: 992px) {
    .rate-illustration__rate__percentage {
      font-size: 1.5em; } }

.rate-illustration__rate__recurrence {
  line-height: 1;
  font-size: 1em;
  font-weight: bold; }
  @media (min-width: 544px) {
    .rate-illustration__rate__recurrence {
      font-size: 0.9em; } }
  @media (min-width: 992px) {
    .rate-illustration__rate__recurrence {
      font-size: 0.8em; } }

/* Loader */
.loader__section:not(.is-active) {
  display: none; }

.loader__button.is-hidden {
  display: none; }

/* content select */
.content-select__item.is-hidden {
  display: none; }

/* Budget planner */
.budget-planner__controller {
  margin-bottom: 0.35rem; }

.budget-planner__controller__head {
  color: #fff;
  background: #4465ad; }
  .budget-planner__controller__head:first-child {
    margin-top: 0; }
  .budget-planner__controller__head.is-open {
    background: #3B4382; }

.budget-planner__controller__head__subtotal {
  float: right; }

.budget-planner__main-wrap {
  background: #f6f7f7; }

.budget-planner__output::before {
  content: "$"; }

.budget-planner__output.is-negative {
  color: #cc0033; }

.budget-planner__calc-table {
  border-spacing: 20px 20px;
  margin-bottom: 30px;
  width: 100%;
  table-layout: fixed; }
  .budget-planner__calc-table th {
    text-align: left;
    font-weight: normal; }
  @media (max-width: 767px) {
    .budget-planner__calc-table, .budget-planner__calc-table tr, .budget-planner__calc-table td, .budget-planner__calc-table th, .budget-planner__calc-table tbody {
      display: block;
      width: 100%; }
    .budget-planner__calc-table td, .budget-planner__calc-table th {
      margin-bottom: 20px; }
    .budget-planner__calc-table tr {
      margin-bottom: 30px; }
    .budget-planner__calc-table td:last-child::before {
      content: "Annual amount: "; }
    .budget-planner__calc-table thead {
      display: none; } }

.budget-planner__results-table {
  margin-bottom: 30px;
  width: 100%;
  table-layout: fixed;
  empty-cells: hide;
  border-spacing: 0 0; }
  .budget-planner__results-table thead th, .budget-planner__results-table thead td {
    color: #fff;
    background: #4465ad;
    border-bottom: none; }
  .budget-planner__results-table th {
    text-align: left;
    font-weight: bold; }
  .budget-planner__results-table tbody *:nth-of-type(2n) th, .budget-planner__results-table tbody *:nth-of-type(2n) td {
    background: #fdfdfd; }
  .budget-planner__results-table th, .budget-planner__results-table td {
    background: #f6f7f7;
    padding: 0.75em 1em;
    border: 1px solid #f6f7f7; }
  .budget-planner__results-table tr.budget-planner__results-table__feature-row th, .budget-planner__results-table tr.budget-planner__results-table__feature-row td {
    background: #fff;
    border-color: #666666;
    border-style: solid;
    border-width: 1px 0;
    font-weight: bold;
    padding: 1em; }
    .budget-planner__results-table tr.budget-planner__results-table__feature-row th:first-child, .budget-planner__results-table tr.budget-planner__results-table__feature-row td:first-child {
      border-width: 1px 0 1px 1px; }
    .budget-planner__results-table tr.budget-planner__results-table__feature-row th:last-child, .budget-planner__results-table tr.budget-planner__results-table__feature-row td:last-child {
      border-width: 1px 1px 1px 0; }
  @media (max-width: 767px) {
    .budget-planner__results-table, .budget-planner__results-table tr, .budget-planner__results-table td, .budget-planner__results-table th, .budget-planner__results-table tbody {
      display: block;
      width: 100%; }
    .budget-planner__results-table thead {
      display: none; }
    .budget-planner__results-table tbody td {
      position: relative;
      padding-left: 8em; }
      .budget-planner__results-table tbody td::before {
        position: absolute;
        top: 0.75em;
        left: 1em; }
      .budget-planner__results-table tbody td:nth-of-type(1)::before {
        content: "Weekly: "; }
      .budget-planner__results-table tbody td:nth-of-type(2)::before {
        content: "Fortnightly: "; }
      .budget-planner__results-table tbody td:nth-of-type(3)::before {
        content: "Monthly: "; }
      .budget-planner__results-table tbody td:nth-of-type(4)::before {
        content: "Yearly: "; } }

/* Video embed */
.video-embed {
  width: 100%;
  padding-top: 56.25%;
  position: relative; }

.video-embed__video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.br--tablet-only {
  display: none; }
  @media (min-width: 768px) {
    .br--tablet-only {
      display: inline; } }
  @media (min-width: 992px) {
    .br--tablet-only {
      display: none; } }

.video-button {
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 80%;
  height: 200px; }
  .video-button:focus {
    outline: 0; }
  @media (min-width: 768px) {
    .video-button {
      top: 50%;
      height: 300px;
      width: 50%;
      transform: translate(-20px, -50%); } }
  @media (min-width: 992px) {
    .video-button {
      width: 486px; } }

.video-button__text {
  color: #4465ad;
  font-size: 1.5rem;
  transition: all 300ms linear; }
  @media (min-width: 768px) {
    .video-button__text {
      color: white; } }

.video-button__icon {
  width: 10em;
  height: 10em;
  fill: #4465ad;
  transition: all 300ms linear; }
  @media (min-width: 768px) {
    .video-button__icon {
      fill: white; } }
  .video-button__icon:hover {
    fill: #88cdd3;
    transition: all 300ms linear; }

.js-hidden-videoready {
  display: none; }

.partner-discount {
  width: 100%;
  outline: none;
  border: none;
  height: 1200px;
  overflow: visible; }

/* =====================================================
   LOGIN MODAL : This modal is displayed under the login button
========================================================*/
.modal-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 25;
  display: none; }

.arrow-up {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #f2f1ef;
  position: absolute;
  top: -15px;
  right: 36px;
  left: auto;
  display: none;
  z-index: 26; }

.modal {
  background: #f2f1ef;
  padding: 20px 40px;
  position: absolute;
  left: 41%;
  top: 130px;
  border-radius: 5px;
  min-height: 160px;
  max-width: 600px;
  margin: 0 2% 0 2%;
  display: none;
  z-index: 26; }

.modal .close-button {
  text-align: right; }

.modal .content i {
  font-family: inherit; }

.modal .content {
  margin-top: 10px; }

.modal h2 {
  font-size: 22px; }

.modal i {
  font-family: icomoon; }

.modal img {
  left: -30%;
  position: absolute;
  top: 6%;
  width: 45%; }

.content.is-hidden {
  display: none; }

.display-login-modal .modal-overlay,
.display-login-modal .modal,
.display-login-modal .arrow-up {
  display: block; }

.icon-cross {
  cursor: pointer; }

@media (min-width: 992px) {
  .modal {
    left: 40%;
    top: 111px; } }

@media (min-width: 1200px) {
  .modal {
    left: 48%;
    top: 150px; } }

@media (max-width: 758px) {
  .modal {
    padding: 10px 26px 26px 26px;
    top: 92px;
    left: 2%;
    width: 95%;
    max-width: none; }
  .modal img {
    width: auto; }
  .modal .content {
    text-align: center; } }

@media only screen and (min-width: 47.4376em) and (max-width: 63.124em) {
  .modal {
    left: 30%; } }

@media (min-width: 768px) {
  .search-results, .search-form-wrap--on-page {
    max-width: 65%; } }

@media (min-width: 992px) {
  .search-results, .search-form-wrap--on-page {
    max-width: 50%; } }

.site-navigation__search-link-section {
  position: relative;
  display: inline-block;
  vertical-align: middle; }

.site-navigation__search-link {
  padding: 15px 11px;
  display: inline-block;
  white-space: nowrap;
  color: #666666; }
  .is-active .site-navigation__search-link {
    background: #666666;
    color: #fff; }

#search-results-page .show-search-wrap,
#search-results-page .search-form-wrap--top-nav {
  display: none;
  visibility: hidden; }

@media (max-width: 1199px) {
  .show-search-wrap {
    margin-right: 10px; } }

.search-container {
  background: #4465ad; }
  @media (min-width: 768px) {
    .search-container {
      background: linear-gradient(to right, #6e368c 0%, #4465ad 50%, #88cdd3 100%); } }

.search-results__result {
  margin-bottom: 30px; }

.search-results__count-heading {
  margin-bottom: 30px; }

.search-results__page-heading {
  margin-bottom: 0; }

.search-icon {
  height: 18px;
  width: 18px; }

@media (max-width: 767px) {
  .search-icon--mobile {
    fill: #4465ad; } }

@media (min-width: 992px) {
  .search-icon--nav {
    margin-left: 5px; } }

.search-form-wrap {
  width: 100%;
  z-index: 20; }

.search-form-wrap--top-nav {
  margin: 0 15px;
  z-index: 1;
  -ms-flex: 1;
      flex: 1;
  transition: z-index .5s linear; }
  .search-form-wrap--top-nav.is-open {
    z-index: 4;
    transition: z-index 0s linear; }
  @media (max-width: 1199px) {
    .search-form-wrap--top-nav {
      position: absolute;
      top: 6px;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      padding: 0 15px;
      max-width: 400px;
      visibility: hidden; }
      .search-form-wrap--top-nav.is-open {
        visibility: visible;
        animation: .2s ease-out open-search-box; } }
  @media (max-width: 767px) {
    .search-form-wrap--top-nav {
      top: 12px; } }

@keyframes open-search-box {
  0% {
    opacity: 0;
    max-width: 0; }
  100% {
    opacity: 1;
    max-width: 400px; } }

.search-form__input-group {
  -ms-flex: 1;
      flex: 1;
  width: 100%;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  border: 1px solid #4465ad;
  overflow: hidden;
  z-index: 10; }

.search-form__input {
  border: none;
  border-radius: 0;
  margin: 0;
  background: white;
  color: #666666;
  padding: 14px 44px 14px 14px;
  width: 100%;
  min-width: 80px;
  max-height: 58px;
  text-overflow: ellipsis;
  font-size: 16px; }
  @media (min-width: 768px) {
    .search-form__input {
      padding: 20px 54px 20px 19px; } }

.search-form__button {
  position: absolute;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 13px; }
  @media (min-width: 768px) {
    .search-form__button {
      padding: 18px; } }
  .search-form__button .search-icon {
    fill: #4465ad; }
  .search-form__button:hover, .search-form__button:focus {
    background: #88cdd3; }
    .search-form__button:hover .search-icon, .search-form__button:focus .search-icon {
      fill: white; }

.search-results__loading {
  text-align: center; }

.search-results__loading__dot {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #6e368c;
  margin: 1px;
  opacity: 0.2; }

@keyframes loading-dim {
  0%, 100% {
    opacity: 0.2; }
  30% {
    opacity: 1; } }

.search-results__loading__dot:nth-of-type(1) {
  animation: loading-dim 1s infinite;
  animation-delay: 0.25s; }

.search-results__loading__dot:nth-of-type(2) {
  animation: loading-dim 1s infinite;
  animation-delay: 0.5s; }

.search-results__loading__dot:nth-of-type(3) {
  animation: loading-dim 1s infinite;
  animation-delay: 0.75s; }

.search-results__loading__dot:nth-of-type(4) {
  animation: loading-dim 1s infinite;
  animation-delay: 1s; }

.image-text {
  margin: 0 0 30px;
  background-color: #FFFFFF;
  border: #D8D8D8 1.5px solid;
  border-radius: 4px;
  position: relative;
  transition: background-color 300ms; }
  .image-text:hover, .image-text:focus {
    background-color: #F3F3F3;
    border-color: #cbcbcb; }
    .image-text:hover .image-text__image img, .image-text:focus .image-text__image img {
      border-color: #cbcbcb; }
  .image-text__image img {
    position: relative;
    max-width: 100%;
    height: auto;
    display: block;
    border-bottom: 1px solid #D8D8D8; }
  .image-text__content {
    padding: 20px 20px 30px 20px; }
  .image-text__title {
    margin: 0; }
  .image-text__link {
    margin: 0;
    display: inline-block;
    text-decoration: none;
    transition: all 150ms; }
    .image-text__link:hover, .image-text__link:focus {
      text-decoration: underline; }
  .image-text__description {
    margin: 20px 0 10px; }
    .image-text__description .image-text__link {
      color: #666666;
      text-decoration: none;
      font-size: 14px; }
    .image-text__description:last-child {
      margin-bottom: 0; }
  .image-text-wrap {
    margin-top: 30px; }

.looking-for-card {
  padding: 32px 0; }

.looking-for-card .looking-for-card-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.looking-for-card .heading-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }

.looking-for-card .heading-container h3 {
  font-family: "Roboto Slab", sans-serif;
  font-weight: 700; }

.looking-for-card .gem-essential-card-container {
  width: 120px; }

.gem-creditline-card-container {
  -ms-flex-align: end;
      align-items: flex-end;
  display: -ms-flexbox;
  display: flex; }

.gem-creditline-card-container img {
  width: 185px; }

.credit-card-container {
  height: auto;
  margin-bottom: 20px;
  margin: 10px auto; }

.credit-card-title {
  margin-bottom: 10px;
  text-align: center; }

.find-out-more-button {
  width: auto;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }

.find-out-more-button .button, .find-out-more-button .page-banner-lfs .button--invert, .page-banner-lfs .find-out-more-button .button--invert, .find-out-more-button .button--outline-only, .find-out-more-button .button--white, .find-out-more-button .button--green {
  margin-bottom: 32px; }

.looking-for-cards-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

@media (min-width: 992px) {
  .looking-for-card .heading-container {
    height: 300px;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    margin-left: 32px; }
  .looking-for-card .looking-for-card-section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; } }

@media (min-width: 380px) {
  .credit-card-container {
    height: 195px; }
  .find-out-more-button .button, .find-out-more-button .page-banner-lfs .button--invert, .page-banner-lfs .find-out-more-button .button--invert, .find-out-more-button .button--outline-only, .find-out-more-button .button--white, .find-out-more-button .button--green {
    margin-bottom: 0; } }

/* icon styles */
.illustration, .illustration--center--small {
  border: 2px solid #88cdd3;
  border-radius: 100%; }

.illustration--fill {
  background-color: #fff; }

.illustrated-point__icon--small {
  width: 3em;
  height: 3rem; }

.illustration--center--small {
  border: 1px dashed #666666;
  display: block;
  margin: 0 auto 1rem;
  width: 5rem;
  height: 5rem; }
  @media (max-width: 543px) {
    .illustration--center--small {
      width: 3rem;
      height: 3rem; } }

.illustration--white {
  fill: #fff;
  width: 2.5rem;
  height: 2.5rem; }

/* Styled form elements */
.styled-select {
  background-image: url("/media/theming-select-bg-nz.png"); }

/* Button */
.button, .page-banner-lfs .button--invert, .button--outline-only, .button--white, .button--green {
  position: relative;
  padding: 0.6em 0.65em; }
  .button:hover, .page-banner-lfs .button--invert:hover, .button--outline-only:hover, .button--white:hover, .button--green:hover {
    background: #88cdd3;
    color: #fff; }
  .button:not(.button--no-icon), .page-banner-lfs .button--invert:not(.button--no-icon), .button--outline-only:not(.button--no-icon), .button--white:not(.button--no-icon), .button--green:not(.button--no-icon) {
    padding-right: 3em; }
    .button:not(.button--no-icon)::after, .page-banner-lfs .button--invert:not(.button--no-icon)::after, .button--outline-only:not(.button--no-icon)::after, .button--white:not(.button--no-icon)::after, .button--green:not(.button--no-icon)::after {
      content: "";
      position: absolute;
      width: 1px;
      height: 100%;
      top: 0;
      right: 2.35em; }
  .button::after, .page-banner-lfs .button--invert::after, .button--outline-only::after, .button--white::after, .button--green::after {
    background: #fff; }

.page-banner-lfs .button, .page-banner-lfs .button--invert, .page-banner-lfs .button--outline-only, .page-banner-lfs .button--white, .page-banner-lfs .button--green {
  background: #fff;
  color: #006ac6;
  margin-right: .6rem;
  font-size: 1rem;
  padding: .4em 4em .3em 2em;
  margin-bottom: 0; }
  .page-banner-lfs .button:hover, .page-banner-lfs .button--invert:hover, .page-banner-lfs .button--outline-only:hover, .page-banner-lfs .button--white:hover, .page-banner-lfs .button--green:hover {
    background: #004a95;
    color: #fff; }
  .page-banner-lfs .button::after, .page-banner-lfs .button--invert::after, .page-banner-lfs .button--outline-only::after, .page-banner-lfs .button--white::after, .page-banner-lfs .button--green::after {
    background: #006ac6; }

.button__icon {
  position: absolute;
  right: 0.5em;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  margin: 0; }

.button--invert::after, .page-banner-lfs .button--invert::after {
  background: #4465ad; }

.button--invert:hover::after {
  background: #fff; }

.button--secondary::after {
  background: #4465ad; }

.button--secondary:hover {
  background: transparent;
  outline-color: #88cdd3;
  color: #88cdd3; }
  .button--secondary:hover::after {
    background: #88cdd3; }

.button--secondary.button--invert {
  color: #fff;
  outline: 1px solid #fff; }
  .button--secondary.button--invert::after {
    background: #fff; }
  .button--secondary.button--invert:hover {
    background: #88cdd3; }

.gemvisa-apply-button {
  margin-top: 10%; }
  @media (max-width: 543px) {
    .gemvisa-apply-button {
      margin-top: 0; } }

.button--outline-only {
  outline: 1px solid #fff;
  background: transparent;
  width: 100%;
  transition: 0.5s all ease-in-out; }
  .button--outline-only:after {
    display: none; }
  .button--outline-only:hover {
    background: #fff;
    color: #006ac6; }

.button--white {
  background: #fff;
  color: #006ac6;
  width: 100%;
  transition: 0.5s all ease-in-out; }
  .button--white:after {
    display: none !important; }
  .button--white:hover {
    background: transparent;
    outline: 1px solid #fff; }

.button--green {
  background: #218732;
  color: #fff;
  width: 100%;
  transition: 0.5s all ease-in-out; }
  .button--green:after {
    display: none !important; }
  .button--green:hover {
    background: transparent;
    outline: 1px solid #fff; }

.button-loanlogin {
  margin-bottom: 15px; }

.button--gemlogin {
  margin-bottom: 15px; }

.button--cllogin {
  margin-top: 15px;
  margin-bottom: 15px; }

.hr--xmargin {
  margin-top: 20px; }

/* Legacy Site header components */
header.site-header.legacy-site-header .site-navigation__section {
  white-space: nowrap; }

header.site-header.legacy-site-header .site-navigation__section__home-image > img {
  width: 140px;
  min-width: 140px;
  height: auto;
  margin: 25.5px 15px 25.5px 0; }

header.site-header.legacy-site-header .site-header__nav__home-simple {
  width: 92px;
  min-width: 92px;
  height: auto;
  margin-top: 8px; }
  @media (min-width: 768px) {
    header.site-header.legacy-site-header .site-header__nav__home-simple {
      margin: 12px 10px 15px 0;
      width: 75px;
      min-width: 75px; } }

/* Overlay */
/* Site footer */
.site-footer__primary {
  background: #666666; }

.site-footer__secondary__nav__links__home > img {
  width: auto;
  height: 4.3em; }

/* Page banner */
.page-banner, .page-banner--app {
  border-bottom: 2px solid #fff; }
  .page-banner .page-banner__content__text h1, .page-banner--app .page-banner__content__text h1,
  .page-banner .page-banner__content__text .h-1, .page-banner--app .page-banner__content__text .h-1 {
    font-family: "Calibre", sans-serif; }
  .page-banner .page-banner__content__text .h-page, .page-banner--app .page-banner__content__text .h-page {
    font-family: "Lexia Ad", "Lexia", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; }

.flexslider.flexslider--no-border {
  border-radius: 0; }

.flexslider .slides .page-banner-lfs img {
  width: auto; }

@media (min-width: 992px) {
  .pg-break {
    white-space: nowrap; } }

@media (min-width: 768px) {
  .pg-break:after {
    content: "\a";
    white-space: pre; } }

.page-banner-lfs {
  border-bottom: none;
  background-image: url("/media/LFS0089-WebBanner.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0;
  min-height: 0; }
  .page-banner-lfs .breadcrumb {
    display: none; }
  .page-banner-lfs .page-banner__content {
    background: none;
    padding-top: 0;
    padding-bottom: 0;
    position: relative; }
    .page-banner-lfs .page-banner__content .col-lg-6 {
      padding: 0; }
      .page-banner-lfs .page-banner__content .col-lg-6:first-child {
        padding: 2rem 0;
        z-index: 999; }
        @media (min-width: 544px) {
          .page-banner-lfs .page-banner__content .col-lg-6:first-child .page-banner__content__text {
            min-height: 232px; } }
        .page-banner-lfs .page-banner__content .col-lg-6:first-child .page-banner__cta a {
          border-radius: 0 !important;
          background: #006ac6;
          color: #fff;
          padding: .75em;
          text-align: left;
          margin-bottom: 30px;
          display: inline-block;
          border: 1px solid #fff;
          position: relative;
          transition: background-color .5s ease-in-out;
          width: 100%; }
          .page-banner-lfs .page-banner__content .col-lg-6:first-child .page-banner__cta a.lfs-apply-now-btn {
            background: #218732;
            padding: .75em 1em;
            border: 1px solid #218732;
            outline: #218732;
            box-shadow: 0 0 1rem 0.02rem rgba(39, 69, 44, 0.25); }
          .page-banner-lfs .page-banner__content .col-lg-6:first-child .page-banner__cta a:after {
            display: none; }
        @media (min-width: 992px) {
          .page-banner-lfs .page-banner__content .col-lg-6:first-child .page-banner__cta {
            text-align: left; } }
        .page-banner-lfs .page-banner__content .col-lg-6:first-child .page-banner__cta a:first-child {
          margin-bottom: 1rem; }
          @media (min-width: 544px) {
            .page-banner-lfs .page-banner__content .col-lg-6:first-child .page-banner__cta a:first-child {
              margin-bottom: 0; } }
        @media (min-width: 544px) {
          .page-banner-lfs .page-banner__content .col-lg-6:first-child {
            padding: 3rem 0 3rem; } }
        @media (min-width: 1200px) {
          .page-banner-lfs .page-banner__content .col-lg-6:first-child {
            padding: 4rem 0 4rem; } }
      .page-banner-lfs .page-banner__content .col-lg-6:nth-child(2) img {
        margin: 0 auto;
        display: block;
        max-height: 133px; }
        @media (min-width: 380px) {
          .page-banner-lfs .page-banner__content .col-lg-6:nth-child(2) img {
            max-height: 186px; } }
        @media (min-width: 459px) {
          .page-banner-lfs .page-banner__content .col-lg-6:nth-child(2) img {
            max-height: 230px; } }
        @media (min-width: 544px) {
          .page-banner-lfs .page-banner__content .col-lg-6:nth-child(2) img {
            max-height: 278px; } }
        @media (min-width: 768px) {
          .page-banner-lfs .page-banner__content .col-lg-6:nth-child(2) img {
            max-height: 490px;
            max-width: none; } }
        @media (min-width: 1200px) {
          .page-banner-lfs .page-banner__content .col-lg-6:nth-child(2) img {
            max-height: 490px; } }
        @media (min-width: 992px) {
          .page-banner-lfs .page-banner__content .col-lg-6:nth-child(2) img.homepage--personal-loan {
            position: relative;
            right: 27%; } }

.byr-disclaimer {
  margin: 0 0 1rem 0; }
  @media (min-width: 992px) {
    .byr-disclaimer {
      position: absolute; } }

.page-banner--has-card.block-bg--brand-gradient {
  background: #4465ad;
  background: linear-gradient(to right, #6e368c 0%, #4465ad 50%, #88cdd3 100%); }

@media (max-width: 767px) {
  .page-banner__content {
    background: #4465ad;
    background: linear-gradient(to right, #6e368c 0%, #4465ad 50%, #88cdd3 100%);
    margin-left: 0px; } }

.page-banner__content__disclaimer {
  margin-top: 20px; }

.page-banner.no-nav, .no-nav.page-banner--app {
  min-height: 350px; }

.h-4.text--invert sup {
  font-size: small; }

/* CAMPAIGN BANNERS */
.flexslider .slides img.banner-logo {
  width: auto;
  height: 80px;
  display: inline-block;
  margin-right: 40px; }
  @media (max-width: 767px) {
    .flexslider .slides img.banner-logo {
      display: none; } }

img.banner-logo {
  width: 140px;
  height: auto;
  display: inline-block;
  margin-right: 40px; }
  @media (max-width: 767px) {
    img.banner-logo {
      display: none; } }

@media (min-width: 544px) {
  p.h-3.mobile-white, p.h-4.mobile-white {
    color: #000; } }

@media (max-width: 767px) {
  h1.h-page.mobile-white, p.h-3.mobile-white, p.h-4.mobile-white {
    color: #fff; } }

header.page-banner.hits, header.hits.page-banner--app {
  padding: 0 0 20px 0; }
  @media (max-width: 767px) {
    header.page-banner.hits, header.hits.page-banner--app {
      color: #fff;
      min-height: 270px;
      padding-top: 270px;
      background-size: auto 350px;
      background-position: top right 26%;
      background-repeat: no-repeat; } }

.page-banner__content.hits {
  background: url("/media/campaign-banner/white-postit.png") no-repeat;
  background-position: -35px 5px;
  padding: 20px 0 15px 20px;
  background-size: 460px 494px; }
  @media (max-width: 767px) {
    .page-banner__content.hits {
      background-image: none;
      background: #4465ad;
      background: linear-gradient(to right, #6e368c 0%, #4465ad 50%, #88cdd3 100%); } }

.page-banner__content.hits.loans {
  background-position: -35px 15px;
  background-size: 460px 540px; }
  @media (max-width: 767px) {
    .page-banner__content.hits.loans {
      background-position: inherit;
      background-size: inherit; } }

.page-banner--survival {
  position: relative;
  background: #4768ae;
  background: linear-gradient(20deg, #5c4c9b, #4768ae, #6090bd);
  background-image: url("/media/banner-survival-with-logo-exp.jpg");
  background-position: top right;
  background-size: auto;
  background-repeat: no-repeat; }
  .page-banner--survival .survival-header {
    color: white;
    font-weight: 900 !important; }
    @media (min-width: 768px) {
      .page-banner--survival .survival-header {
        color: #abd489;
        background: -webkit-linear-gradient(180deg, #abd489, #7ac077);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; } }

.page-banner .page-banner__content .page-banner__cta .col-sm-6 .flex-icon, .page-banner--app .page-banner__content .page-banner__cta .col-sm-6 .flex-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 0; }
  .page-banner .page-banner__content .page-banner__cta .col-sm-6 .flex-icon a, .page-banner--app .page-banner__content .page-banner__cta .col-sm-6 .flex-icon a {
    background: transparent;
    color: #fff;
    text-align: left;
    display: inline;
    border: none;
    padding: 0; }

.page-banner-lfs--bg {
  border-bottom: none;
  background: linear-gradient(#004a95, #006ac6);
  padding: 30px 0 0;
  min-height: 0;
  position: relative; }
  .page-banner-lfs--bg .page-banner__content {
    background: transparent;
    padding-bottom: 0;
    position: relative; }
  .page-banner-lfs--bg .first-slide a {
    border-radius: 0 !important;
    background: #006ac6;
    color: #fff;
    padding: .75em;
    text-align: left;
    margin-bottom: 30px;
    display: inline-block;
    border: 1px solid #fff;
    position: relative;
    transition: background-color .5s ease-in-out;
    width: 100%; }
    .page-banner-lfs--bg .first-slide a.lfs-apply-now-btn {
      background: #218732;
      padding: .75em 1em;
      border: 1px solid #218732;
      outline: #218732;
      box-shadow: 0 0 1rem 0.02rem rgba(39, 69, 44, 0.25); }
    .page-banner-lfs--bg .first-slide a:after {
      display: none; }

.page-banner-disclaimer {
  margin: 0 0 1rem 0; }
  @media (min-width: 992px) {
    .page-banner-disclaimer {
      position: absolute; } }

.up {
  width: 0px;
  height: 0px;
  border-style: inset;
  border-width: 1px 193px 181.2px 170px;
  border-color: transparent transparent #fc0d07 transparent;
  float: right;
  position: absolute;
  top: -31px;
  right: -125px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg); }

.up p {
  text-align: center;
  top: 62px;
  left: -64px;
  position: relative;
  width: 150px;
  height: 101px;
  margin: 0px;
  font-size: 20px;
  line-height: 1.4;
  font-weight: bold; }

/* Accordion */
.accordion__head {
  font-weight: normal; }
  .accordion__head.is-open {
    background: #969696; }

.accordion__content {
  box-shadow: none; }
  .accordion__content.is-open {
    border: 1px solid #969696; }

.accordion--mobile-page > .accordion__head {
  border-bottom: 1px solid #969696;
  background: #efefef;
  color: #4465ad;
  margin-top: 0; }
  .accordion--mobile-page > .accordion__head:first-of-type {
    border-top: 1px solid #969696; }
  .accordion--mobile-page > .accordion__head.is-open {
    background: #fff; }
  @media (min-width: 768px) {
    .accordion--mobile-page > .accordion__head {
      display: none; } }

.accordion--mobile-page > .accordion__content {
  box-shadow: none; }
  .accordion--mobile-page > .accordion__content.is-open {
    border: none; }
  @media (min-width: 768px) {
    .accordion--mobile-page > .accordion__content {
      display: block;
      height: auto;
      overflow: auto; } }
  .accordion--mobile-page > .accordion__content > .accordion__content__inner {
    padding: 0; }

.accordion--controlled .accordion__content {
  border: none; }

/* Needs-chooser */
.needs-chooser__controller__head {
  max-width: 200px;
  font-size: 1rem;
  line-height: 1.444rem;
  color: #fff; }
  .needs-chooser__controller__head.is-open {
    color: #fff; }
    .needs-chooser__controller__head.is-open::after {
      background: #fff; }

.needs-chooser__controller__head__illustration {
  color: #fff;
  background: rgba(255, 255, 255, 0.15);
  width: 95%;
  padding-top: 95%; }
  .needs-chooser__controller__head.is-open > .needs-chooser__controller__head__illustration {
    color: #4465ad;
    background: #fff; }

.needs-chooser__controller__head__illustration__icon {
  width: 75%;
  height: 75%; }

.needs-chooser__head.is-open {
  background: #969696; }

.needs-chooser__head__illustration {
  color: #969696;
  top: 15px; }
  .needs-chooser__head.is-open > .needs-chooser__head__illustration {
    color: #fff; }
  @media (max-width: 543px) {
    .needs-chooser__head__illustration {
      top: 5px; } }

@media (min-width: 768px) {
  .needs-chooser__content {
    background: url("/media/banner-needs-chooser.jpg") no-repeat;
    background-size: cover;
    background-position: center center; } }

.needs-chooser--top-level .needs-chooser__controller__head {
  max-width: none; }
  @media (min-width: 768px) {
    .needs-chooser--top-level .needs-chooser__controller__head {
      border: 2px solid #fff;
      padding: 0; }
      .needs-chooser--top-level .needs-chooser__controller__head.is-open {
        background: #fff;
        color: #4465ad;
        border: 2px solid #88cdd3; }
        .needs-chooser--top-level .needs-chooser__controller__head.is-open::after {
          background: #fff;
          border-bottom: 2px solid #88cdd3;
          border-right: 2px solid #88cdd3;
          bottom: -1px; } }

.needs-chooser--top-level .needs-chooser__controller__head__illustration {
  width: 55%;
  padding-top: 55%;
  margin-top: 30px;
  border: 2px solid #88cdd3;
  border-radius: 50%;
  margin-bottom: 20px; }

.needs-chooser--top-level .needs-chooser__controller__head__illustration__icon {
  color: #969696;
  width: 60%;
  height: 60%; }

.needs-chooser--top-level .needs-chooser__controller__head.is-open .needs-chooser__controller__head__illustration {
  color: #fff;
  background: #4465ad;
  border-radius: 50%;
  border: 2px solid #4465ad; }

.needs-chooser--top-level .needs-chooser__controller__head__text {
  padding-top: 0; }
  @media (min-width: 768px) {
    .needs-chooser--top-level .needs-chooser__controller__head__text {
      max-width: 8.25em; } }

.needs-chooser--top-level .needs-chooser__head {
  background: #fff; }
  .needs-chooser--top-level .needs-chooser__head.is-open {
    background: #969696; }

.needs-chooser--top-level .needs-chooser__content {
  background: #f6f7f7; }

.needs-chooser--bg-page .needs-chooser__controller__head {
  color: #666666; }
  .needs-chooser--bg-page .needs-chooser__controller__head.is-open {
    color: #4465ad; }

.needs-chooser--bg-page .needs-chooser__controller__head__illustration {
  background: #fff;
  color: #666666;
  border: 2px solid #efefef; }
  .is-open .needs-chooser--bg-page .needs-chooser__controller__head__illustration {
    color: #4465ad; }

/* List components */
.section-num, .styled-list--ordered > li::before {
  border-radius: 0;
  background: #88cdd3;
  width: 1.35em;
  height: 1.35em;
  padding: 0.3em 0.18em 0.18em 0.12em;
  font-weight: normal;
  margin-bottom: 0; }

.main-lfs .styled-list__icon {
  fill: #006ac6; }

.styled-list__sub-title {
  margin-left: -2em;
  margin-top: 1rem; }

/* Breadcrumb */
/* Article link */
.article-link__text {
  background: #969696; }
  .article-link:hover > .article-link__text {
    background: #666666; }

/* Feature rate */
.rate-range {
  max-width: 640px;
  margin: auto; }

.rate-range__col {
  width: 100%;
  max-width: none;
  border: 2px solid #88cdd3;
  padding: 2rem 1.4rem;
  margin-bottom: 30px; }
  @media (min-width: 544px) {
    .rate-range__col {
      padding: 4rem 5rem 5rem 5rem; } }
  .rate-range__col > .rate-range__col__content {
    color: #666666;
    background-image: none;
    padding-top: 0; }

.rate-range__col__content__text-half__content-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-pack: center;
      justify-content: center; }

.rate-range__col__content__text__break {
  width: 10%;
  text-align: center;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  font-size: 1em;
  margin: 0.2em; }
  @media (min-width: 544px) {
    .rate-range__col__content__text__break {
      font-size: 1.5em; } }

.rate-range__col__content__text-half--inline {
  padding: 0px;
  width: auto;
  position: static; }
  .rate-range__col__content__text-half--inline .rate-range__col__content__text-half__content {
    position: static;
    transform: none; }

.feature-rate__rate {
  padding-right: 1.1em; }

.feature-rate__rate__value {
  line-height: 1;
  font-size: 2em; }
  @media (min-width: 544px) {
    .feature-rate__rate__value {
      font-size: 3em; } }
  @media (min-width: 768px) {
    .feature-rate__rate__value {
      font-size: 2.8em; } }

.feature-rate__rate__percentage {
  position: absolute;
  top: 0.1em;
  right: 5px;
  font-size: 1em; }
  @media (min-width: 544px) {
    .feature-rate__rate__percentage {
      right: 0px;
      font-size: 1.65em; } }
  @media (min-width: 768px) {
    .feature-rate__rate__percentage {
      font-size: 1.25em; } }
  @media (min-width: 992px) {
    .feature-rate__rate__percentage {
      font-size: 1.65em; } }

/* Side scroller */
.side-scroller__button {
  background: #88cdd3; }
  .side-scroller__button.is-disabled {
    background: rgba(136, 205, 211, 0.5); }

.side-scroller--showcase .side-scroller__scroller {
  outline: 2px solid #88cdd3; }

/* scroll-tracker */
.scroll-tracker__header__content__home {
  width: 75px;
  height: auto; }

.scroll-tracker__bar {
  border-top: none;
  background: #efefef;
  box-shadow: 0 0.1rem 0.3rem 0 rgba(75, 75, 75, 0.4); }
  .scroll-tracker.is-fixed > .scroll-tracker__bar {
    background: linear-gradient(to right, rgba(110, 54, 140, 0.9) 0%, rgba(68, 101, 173, 0.9) 50%, rgba(136, 205, 211, 0.9) 100%); }
    .scroll-tracker.is-fixed > .scroll-tracker__bar .scroll-tracker__link {
      color: #fff; }
      .scroll-tracker.is-fixed > .scroll-tracker__bar .scroll-tracker__link:hover, .scroll-tracker.is-fixed > .scroll-tracker__bar .scroll-tracker__link.is-active {
        background: #3B4382; }

.scroll-tracker__link {
  color: #4465ad; }
  .scroll-tracker__link:hover, .scroll-tracker__link.is-active {
    background: #fff; }

.scroll-tracker__link__text {
  padding: 0.82em; }

/* Styling for tables */
.styled-table td {
  font-weight: normal; }

.styled-table th, .styled-table td {
  background: #efefef; }

.styled-table tr:nth-of-type(2n) th, .styled-table tr:nth-of-type(2n) td {
  background: #f6f7f7; }

.styled-table--comparisons th {
  background: #c3e6ea; }

.styled-table--comparisons td {
  background: #efefef; }
  @media (min-width: 768px) {
    .styled-table--comparisons td {
      font-size: 1.4rem; } }

.styled-table--comparisons .styled-table__span-heading {
  font-size: 1rem;
  background: #f6f7f7; }

/* article actions */
.article-actions {
  border-width: 1px 0 0 0; }

.article-actions__action__link:hover {
  color: #88cdd3; }

/* Tooltip */
.tooltip__bubble, .tooltip__modal {
  border: 2px solid #88cdd3; }
  .tooltip__bubble::before, .tooltip__modal::before {
    border-color: #88cdd3;
    border-style: solid;
    left: -0.85rem; }

.tooltip__icon {
  width: 1rem;
  height: 1rem; }

@media (max-width: 767px) {
  .nav-tabs.is-expanded {
    padding-top: 85px; } }

/* rate-illustration */
.rate-illustration {
  border: 2px solid #88cdd3;
  background-image: none;
  width: 100vw;
  height: 100vw;
  max-width: 300px;
  max-height: 300px;
  padding-top: 0;
  margin: 0 10px;
  margin-bottom: 30px;
  -ms-flex-pack: start;
      justify-content: flex-start;
  padding-top: 4rem; }
  @media (min-width: 768px) {
    .rate-illustration {
      min-width: 300px;
      min-height: 300px; } }
  @media (min-width: 992px) {
    .rate-illustration {
      width: 14vw;
      height: 14vw;
      min-width: 250px;
      min-height: 250px; } }

.rate-illustration-outer {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.rate-illustration__rate__value {
  font-size: 2.8em; }

.rate-illustration__rate__right-group {
  text-align: left; }

@media (min-width: 544px) {
  .rate-illustration__desc {
    font-size: 1.3rem; } }

@media (min-width: 768px) {
  .rate-illustration__desc {
    font-size: 1.2rem; } }

@media (min-width: 992px) {
  .rate-illustration__desc {
    font-size: 1.1rem; } }

.rate-illustration__rate__percentage {
  font-size: 1.4em; }

.rate-illustration__rate__recurrence {
  font-size: 0.9em; }

/* Loader */
/* content select */
/* Budget planner */
.video-placeholder__icon {
  width: 8rem;
  height: 8rem;
  margin-top: -4rem;
  margin-left: -4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  fill: #218732; }
  .video-placeholder__icon:hover {
    fill: #006AC6; }

.byr-main .illustration__icon {
  height: 55%;
  width: 55%; }

.byr-main h3 {
  margin-bottom: 48px; }
  @media (min-width: 768px) {
    .byr-main h3 {
      margin-bottom: 43px; } }

.byr-main .styled-list--unordered--grey > li:before, .byr-main .styled-list--unordered > li:before {
  content: "\2022";
  color: #006ac6;
  margin-right: .5em;
  position: absolute;
  top: 0;
  left: 0; }

.byr-main .styled-list--unordered--grey > li:before {
  color: #65686b; }

.byr-main .styled-list--unordered--grey > li, .byr-main .styled-list--unordered > li {
  position: relative;
  padding-left: 1.75em; }

.byr-main .styled-list__icon {
  fill: #006ac6; }

.byr-main .styled-list--illustrated {
  font-size: .9rem; }

.byr-main .fees-charges__circle {
  background: #fff;
  border-radius: 50%;
  margin: 10px auto;
  box-shadow: 0 7px 9px 0 rgba(0, 0, 0, 0.06);
  border-image-slice: 1;
  width: 170px;
  height: 170px; }

.byr-main .fees-charges__circle__content {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: 75%;
  max-width: 170px; }
  .byr-main .fees-charges__circle__content p {
    color: #666666;
    font-size: .9rem;
    margin-bottom: 0;
    text-align: center;
    font-weight: normal; }
    .byr-main .fees-charges__circle__content p > span {
      font-family: "Lexia Ad", "Lexia", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
      display: block;
      font-size: 1.2rem;
      color: #006ac6;
      line-height: 1.4rem; }

.byr-need-to-know {
  padding-bottom: 0; }

.byr-contact {
  padding-bottom: 0; }
  @media (min-width: 992px) {
    .byr-contact {
      padding-top: 0; }
      .byr-contact .col-lg-6:nth-child(2) {
        padding-top: 160px; } }
  .byr-contact .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse; }
    @media (min-width: 992px) {
      .byr-contact .row {
        display: block; } }

.byr-img {
  margin: 0 auto;
  display: block;
  max-height: 133px; }
  @media (min-width: 380px) {
    .byr-img {
      max-height: 186px; } }
  @media (min-width: 459px) {
    .byr-img {
      max-height: 230px; } }
  @media (min-width: 544px) {
    .byr-img {
      max-height: 278px; } }
  @media (min-width: 768px) {
    .byr-img {
      max-height: 490px;
      max-width: none; } }
  @media (min-width: 1200px) {
    .byr-img {
      max-height: 490px; } }

.frl-img {
  margin: 0 auto;
  display: block;
  max-height: 133px; }

@media (min-width: 380px) {
  .frl-img {
    max-height: 186px; } }

@media (min-width: 459px) {
  .frl-img {
    max-height: 230px; } }

@media (min-width: 544px) {
  .frl-img {
    max-height: 278px; } }

@media (min-width: 768px) {
  .frl-img {
    max-height: 350px;
    max-width: none; } }

@media (min-width: 1200px) {
  .frl-img {
    max-height: 350px; } }

.frl-strapimg {
  position: absolute;
  top: 0px;
  right: 0px; }

.text--grey {
  color: #666666; }

.mobile-app h1,
.mobile-app h2,
.mobile-app h3,
.mobile-app h4,
.mobile-app h5 {
  font-family: Lexia, Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif; }

@media (max-width: 767px) {
  .mobile-app .mobile-app__header {
    background: linear-gradient(20deg, #5c4c9b, #4768ae, #6090bd); } }

.page-banner--app {
  padding-bottom: 50px;
  overflow: hidden;
  background-image: url("/media/app-background.jpg"); }

@media (min-width: 544px) and (max-width: 767px) {
  .page-banner--app {
    padding-top: 0 !important; } }
  @media (min-width: 544px) {
    .page-banner--app {
      background-size: cover; } }
  .page-banner--app h1 {
    line-height: 1.2;
    margin-top: 100px;
    font-family: Lexia, Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif; }

@media (min-width: 544px) and (max-width: 767px) {
  .page-banner--app h1 {
    line-height: 1; } }
    @media (min-width: 768px) {
      .page-banner--app h1 {
        margin-top: 150px; } }
  .page-banner--app .font-small {
    text-align: center;
    font-size: 0.85rem; }
    @media (min-width: 544px) {
      .page-banner--app .font-small {
        text-align: left; } }
  .page-banner--app:before {
    content: '';
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    background-image: linear-gradient(to right, #4768ae 0%, rgba(125, 185, 232, 0) 100%); }
  .page-banner--app:after {
    content: '';
    background-image: url(/media/app-hand-nz.png);
    position: absolute;
    background-size: cover;
    width: 315px;
    height: 300px;
    top: 50px; }
    @media (min-width: 544px) {
      .page-banner--app:after {
        right: 0;
        top: unset;
        left: unset;
        bottom: -20px; } }
    @media (min-width: 768px) {
      .page-banner--app:after {
        right: 10%;
        width: 420px;
        height: 400px; } }
  @media (min-width: 768px) and (min-width: 992px) {
    .page-banner--app:after {
      right: 25%; } }

#setup-use .numbered-list {
  counter-reset: p;
  list-style-type: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  #setup-use .numbered-list p {
    position: relative;
    padding: 5px 0 5px 50px;
    font-size: 1rem;
    width: 100%; }
    #setup-use .numbered-list p:before {
      content: counter(p);
      counter-increment: p;
      height: 35px;
      width: 35px;
      border: 2px solid #4465ad;
      border-radius: 50%;
      color: #4465ad;
      text-align: center;
      position: absolute;
      left: 0;
      font-weight: bold;
      font-size: 1.1rem;
      line-height: 1.5; }

.section--purple {
  background: linear-gradient(20deg, #5c4c9b, #4768ae, #6090bd); }

.feature-benefits__holder {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 2.75rem; }
  .feature-benefits__holder .col-xs-12:last-of-type .feature-benefit__container {
    margin-bottom: 0; }
  .feature-benefits__holder .feature-benefit__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 20px; }
    .feature-benefits__holder .feature-benefit__container .feature-benefits__icon {
      border-radius: 100%;
      border: 1px dashed #666666;
      width: 100%;
      max-width: 85px;
      height: 60px; }
    .feature-benefits__holder .feature-benefit__container .feature-benefit__content {
      display: -ms-flexbox;
      display: flex; }
      .feature-benefits__holder .feature-benefit__container .feature-benefit__content p {
        margin: 0;
        -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center;
        width: 100%; }
        @media (min-width: 768px) {
          .feature-benefits__holder .feature-benefit__container .feature-benefit__content p {
            text-align: center; } }

@media print {
  .site-header,
  .breadcrumb,
  .article-actions,
  .article-link,
  .site-footer__primary,
  .site-footer__secondary__nav__links {
    display: none; }
  body {
    padding-top: 0 !important; }
  .page-banner, .page-banner--app, .pane {
    padding: 0; } }

@media (min-width: 992px) {
  .vertically-centered-lg {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%); } }

/*# sourceMappingURL=sourcemaps/styles-nz.css.map */