@charset "UTF-8";
/* Dark Background Color */
/* hovers */
/* gradient */
/*376px*/
/*480px*/
/*720px*/
/*955px*/
/*960px*/
/*991*/
/*1044*/
/*1280px*/
/*1500px*/
@font-face {
  font-family: "OpenSans-Regular";
  src: url("/Client_Theme/fonts/opensans-regular-webfont.eot?") format("eot"), url("/Client_Theme/fonts/opensans-regular-webfont.woff2") format("woff2"), url("/Client_Theme/fonts/opensans-regular-webfont.woff") format("woff"), url("/Client_Theme/fonts/opensans-regular-webfont.ttf") format("truetype"), url("/Client_Theme/fonts/opensans-regular-webfont.svg#OpenSans-Regular") format("svg"); }

@font-face {
  font-family: "OpenSans-Italic";
  src: url("/Client_Theme/fonts/opensans-italic-webfont.eot?") format("eot"), url("/Client_Theme/fonts/opensans-italic-webfont.woff2") format("woff2"), url("/Client_Theme/fonts/opensans-italic-webfont.woff") format("woff"), url("/Client_Theme/fonts/opensans-italic-webfont.ttf") format("truetype"), url("/Client_Theme/fonts/opensans-italic-webfont.svg#OpenSans-Italic") format("svg"); }

@font-face {
  font-family: "OpenSans-Light";
  src: url("/Client_Theme/fonts/opensans-light-webfont.eot?") format("eot"), url("/Client_Theme/fonts/opensans-light-webfont.woff2") format("woff2"), url("/Client_Theme/fonts/opensans-light-webfont.woff") format("woff"), url("/Client_Theme/fonts/opensans-light-webfont.ttf") format("truetype"), url("/Client_Theme/fonts/opensans-light-webfont.svg#OpenSans-Light") format("svg"); }

@font-face {
  font-family: "OpenSans-LightItalic";
  src: url("/Client_Theme/fonts/opensans-lightitalic-webfont.eot?") format("eot"), url("/Client_Theme/fonts/opensans-lightitalic-webfont.woff2") format("woff2"), url("/Client_Theme/fonts/opensans-lightitalic-webfont.woff") format("woff"), url("/Client_Theme/fonts/opensans-lightitalic-webfont.ttf") format("truetype"), url("/Client_Theme/fonts/opensans-lightitalic-webfont.svg#OpenSans-LightItalic") format("svg"); }

@font-face {
  font-family: "OpenSans-Semibold";
  src: url("/Client_Theme/fonts/opensans-semibold-webfont.eot?") format("eot"), url("/Client_Theme/fonts/opensans-semibold-webfont.woff2") format("woff2"), url("/Client_Theme/fonts/opensans-semibold-webfont.woff") format("woff"), url("/Client_Theme/fonts/opensans-semibold-webfont.ttf") format("truetype"), url("/Client_Theme/fonts/opensans-semibold-webfont.svg#OpenSans-Semibold") format("svg"); }

@font-face {
  font-family: "OpenSans-SemiboldItalic";
  src: url("/Client_Theme/fonts/opensans-semibolditalic-webfont.eot?") format("eot"), url("/Client_Theme/fonts/opensans-semibolditalic-webfont.woff2") format("woff2"), url("/Client_Theme/fonts/opensans-semibolditalic-webfont.woff") format("woff"), url("/Client_Theme/fonts/opensans-semibolditalic-webfont.ttf") format("truetype"), url("/Client_Theme/fonts/opensans-semibolditalic-webfont.svg#OpenSans-SemiboldItalic") format("svg"); }

@font-face {
  font-family: "OpenSans-Bold";
  src: url("/Client_Theme/fonts/opensans-bold-webfont.eot?") format("eot"), url("/Client_Theme/fonts/opensans-bold-webfont.woff2") format("woff2"), url("/Client_Theme/fonts/opensans-bold-webfont.woff") format("woff"), url("/Client_Theme/fonts/opensans-bold-webfont.ttf") format("truetype"), url("/Client_Theme/fonts/opensans-bold-webfont.svg#OpenSans-Bold") format("svg"); }

@font-face {
  font-family: "OpenSans-BoldItalic";
  src: url("/Client_Theme/fonts/opensans-bolditalic-webfont.eot?") format("eot"), url("/Client_Theme/fonts/opensans-bolditalic-webfont.woff2") format("woff2"), url("/Client_Theme/fonts/opensans-bolditalic-webfont.woff") format("woff"), url("/Client_Theme/fonts/opensans-bolditalic-webfont.ttf") format("truetype"), url("/Client_Theme/fonts/opensans-bolditalic-webfont.svg#OpenSans-BoldItalic") format("svg"); }

@font-face {
  font-family: "OpenSans-ExtraBold";
  src: url("/Client_Theme/fonts/OpenSans-ExtraBold-webfont.eot?") format("eot"), url("/Client_Theme/fonts/OpenSans-ExtraBold-webfont.woff2") format("woff2"), url("/Client_Theme/fonts/OpenSans-ExtraBold-webfont.woff") format("woff"), url("/Client_Theme/fonts/OpenSans-ExtraBold-webfont.ttf") format("truetype"), url("/Client_Theme/fonts/OpenSans-ExtraBold-webfont.svg#OpenSans-ExtraBold") format("svg"); }

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

/* @include transition(all,2s,ease-out); */
/* Scale zoom image*/
/*
Animations
*/
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.f-regular {
  font-family: "OpenSans-Regular";
  font-weight: 400; }

.f-bold {
  font-family: "OpenSans-Bold";
  font-weight: 700; }

.f-italic {
  font-family: "OpenSans-Italic";
  font-weight: 400; }

.f-light {
  font-family: "OpenSans-Light";
  font-weight: 300; }

.f-light-italic {
  font-family: "OpenSans-LightItalic";
  font-weight: 300; }

.f-semi-bold {
  font-family: "OpenSans-Semibold";
  font-weight: 600; }

.f-semi-bold-italic {
  font-family: "OpenSans-SemiboldItalic";
  font-weight: 700; }

.f-bold-italic {
  font-family: "OpenSans-BoldItalic";
  font-weight: 700; }

.responsive-f-50 {
  font-size: 1.438rem;
  line-height: 2.3rem; }
  @media screen and (min-width: 45em) {
    .responsive-f-50 {
      font-size: 2.313rem;
      line-height: 3.7rem; } }
  @media screen and (min-width: 60em) {
    .responsive-f-50 {
      font-size: 3.125rem;
      line-height: 5rem; } }

.responsive-f-40 {
  font-size: 1.563rem;
  line-height: 2.5rem; }
  @media screen and (min-width: 45em) {
    .responsive-f-40 {
      font-size: 1.875rem;
      line-height: 3rem; } }
  @media screen and (min-width: 60em) {
    .responsive-f-40 {
      font-size: 3.05rem;
      line-height: 4.05rem; } }

.responsive-f-30 {
  font-size: 1.5rem;
  line-height: 2.4rem; }
  @media screen and (min-width: 45em) {
    .responsive-f-30 {
      font-size: 1.625rem;
      line-height: 2.6rem; } }
  @media screen and (min-width: 60em) {
    .responsive-f-30 {
      font-size: 1.875rem;
      line-height: 3rem; } }

.responsive-f-25 {
  font-size: 1.125rem;
  line-height: 1.8rem; }
  @media screen and (min-width: 45em) {
    .responsive-f-25 {
      font-size: 1.375rem;
      line-height: 2.2rem; } }
  @media screen and (min-width: 60em) {
    .responsive-f-25 {
      font-size: 1.563rem;
      line-height: 2.5rem; } }

.responsive-f-20 {
  font-size: 1.125rem;
  line-height: 1.8rem; }
  @media screen and (min-width: 45em) {
    .responsive-f-20 {
      font-size: 1.188rem;
      line-height: 1.9rem; } }
  @media screen and (min-width: 60em) {
    .responsive-f-20 {
      font-size: 1.2rem;
      line-height: 2rem; } }

.responsive-f-16 {
  font-size: 1rem;
  line-height: 1.6rem; }
  @media screen and (min-width: 60em) {
    .responsive-f-16 {
      font-size: 1.125rem;
      line-height: 1.8rem; } }

.responsive-f-14 {
  font-size: 0.875rem;
  line-height: 1.4rem; }

.responsive-f-13 {
  font-size: 0.8125rem;
  line-height: 1.3rem; }

.responsive-f-12 {
  font-size: 0.75rem;
  line-height: 1.2rem; }

h1 {
  font-size: 1.563rem;
  line-height: 2.5rem; }
  @media screen and (min-width: 45em) {
    h1 {
      font-size: 2.5rem;
      line-height: 4rem; } }
  @media screen and (min-width: 60em) {
    h1 {
      font-size: 5rem;
      line-height: 5.5rem; } }

h2 {
  font-size: 1.563rem;
  line-height: 2.5rem; }
  @media screen and (min-width: 45em) {
    h2 {
      font-size: 1.875rem;
      line-height: 3rem; } }
  @media screen and (min-width: 60em) {
    h2 {
      font-size: 3.05rem;
      line-height: 4.05rem; } }

h3 {
  font-size: 1.5rem;
  line-height: 2.4rem; }
  @media screen and (min-width: 45em) {
    h3 {
      font-size: 1.625rem;
      line-height: 2.6rem; } }
  @media screen and (min-width: 60em) {
    h3 {
      font-size: 1.875rem;
      line-height: 3rem; } }

h4 {
  font-size: 1.125rem;
  line-height: 1.8rem; }
  @media screen and (min-width: 45em) {
    h4 {
      font-size: 1.188rem;
      line-height: 1.9rem; } }
  @media screen and (min-width: 60em) {
    h4 {
      font-size: 1.2rem;
      line-height: 2rem; } }

a {
  color: #1C2841; }

p a {
  color: #99A1AE; }

a:hover {
  text-decoration: none;
  color: #2B3A5A; }

.p0 {
  padding: 0px; }

.p10 {
  padding: 625em; }

.p20 {
  padding: 1.25em; }

.p30 {
  padding: 1.875em; }

.p40 {
  padding: 2.5em; }

.p50 {
  padding: 3.125em; }

.p-t-5 {
  padding-top: 5px; }

.p-t-10 {
  padding-top: 10px; }

.p-t-20 {
  padding-top: 20px; }

.p-t-30 {
  padding-top: 30px; }

.p-t-40 {
  padding-top: 40px; }

.p-l-10 {
  padding-left: 10px; }

.p-l-20 {
  padding-left: 20px; }

.p-l-30 {
  padding-left: 30px; }

.p-l-40 {
  padding-left: 40px; }

.p-r-10 {
  padding-right: 10px; }

.p-r-20 {
  padding-right: 20px; }

.p-r-30 {
  padding-right: 30px; }

.p-r-40 {
  padding-right: 40px; }

.p-b-10 {
  padding-bottom: 10px; }

.p-b-20 {
  padding-bottom: 20px; }

.p-b-30 {
  padding-bottom: 30px; }

.p-b-40 {
  padding-bottom: 40px; }

.p-t-0 {
  padding-top: 0px; }

.p-l-0 {
  padding-left: 0px; }

.p-r-0 {
  padding-right: 0px; }

.p-b-0 {
  padding-bottom: 0px; }

.m0 {
  margin: 0px; }

.m10 {
  margin: 10px; }

.m20 {
  margin: 20px; }

.m30 {
  margin: 30px; }

.m-t-10 {
  margin-top: 10px; }

.m-t-20 {
  margin-top: 20px; }

.m-t-30 {
  margin-top: 30px; }

.m-t-40 {
  margin-top: 40px; }

.m-l-10 {
  margin-left: 10px; }

.m-l-20 {
  margin-left: 20px; }

.m-l-30 {
  margin-left: 30px; }

.m-l-40 {
  margin-left: 40px; }

.m-r-10 {
  margin-right: 10px; }

.m-r-20 {
  margin-right: 20px; }

.m-r-30 {
  margin-right: 30px; }

.m-r-40 {
  margin-right: 40px; }

.m-b-10 {
  margin-bottom: 10px; }

.m-b-20 {
  margin-bottom: 20px; }

.m-b-30 {
  margin-bottom: 30px; }

.m-b-40 {
  margin-bottom: 40px; }

.m-t-0 {
  margin-top: 0px; }

.m-l-0 {
  margin-left: 0px; }

.m-r-0 {
  margin-right: 0px; }

.m-b-0 {
  margin-bottom: 0px; }

.black {
  color: #343434; }

.white {
  color: #FAFAFB; }

.grey {
  color: #2f3839; }

.primaryColor {
  color: #1C2841; }

.secondaryColor {
  color: #96785D; }

.slate {
  color: #231f20; }

.dark-grey {
  color: #231f20; }

.light-grey {
  color: #ffffff; }

.bg-black {
  background-color: #343434; }

.bg-white {
  background-color: #FAFAFB; }

.bg-grey {
  background-color: #2f3839; }

.bg-darkgreen,
.bg-primary {
  background-color: #1C2841 !important; }

.bg-secondary {
  background-color: #96785D !important; }

.bg-slate {
  background-color: #231f20; }

.bg-dark-grey {
  background-color: #231f20; }

.bg-text-color {
  background-color: #2f3839; }

.bg-primary-hover {
  background-color: #99A1AE; }

.bg-tertiary {
  background-color: #2B3A5A; }

.bg-secondary-hover {
  background-color: #7d644d; }

.bg-black {
  background-color: #343434; }

.bg-light-grey {
  background-color: #ffffff; }

.bdr {
  border: 1px solid #ffffff; }

.bdr-top {
  border-top: 1px solid #ffffff; }

.bdr-bottom {
  border-bottom: 1px solid #ffffff; }

.bdr-rounded {
  border-radius: 0; }

.no-flex,
.no-flex.row {
  flex-wrap: inherit;
  display: inherit; }

.h-100p {
  height: 100%; }

.w-100p {
  width: 100%; }

.btn-primary {
  color: #FAFAFB;
  border-color: #96785D;
  background-color: #96785D;
  background-image: none; }

.btn {
  cursor: pointer;
  border-radius: 35px;
  width: 100%;
  margin-bottom: 20px;
  font-family: "OpenSans-Semibold";
  border-radius: 0;
  box-shadow: none; }

.btn-primary-active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not([disabled]):not(.disabled).active,
.btn-primary:not([disabled]):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  background-color: #99A1AE !important;
  z-index: 999;
  box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.15);
  transform: none;
  color: #FAFAFB;
  border-color: #99A1AE !important; }

.btn-secondary {
  color: #96785D;
  background-color: #FAFAFB;
  border-color: #96785D; }

.btn-secondary-active,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary:not([disabled]):not(.disabled).active,
.btn-secondary:not([disabled]):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
  color: #FAFAFB;
  background-color: #1C2841;
  border-color: #1C2841;
  box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.15); }

.btn-tertiary,
.btn-dark {
  color: #99A1AE;
  background-color: rgba(255, 255, 255, 0.4);
  border-color: #99A1AE; }

.btn-default {
  color: #FAFAFB;
  border-color: #96785D;
  background-color: #96785D;
  background-image: none;
  padding: .45em 1em; }

.btn-default:hover {
  background-color: #99A1AE !important;
  z-index: 999;
  box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.15);
  transform: none;
  color: #FAFAFB;
  border-color: #99A1AE !important; }

.btn-tertiary-active,
.btn-dark-active,
.btn-tertiary:hover,
.btn-dark:hover,
.btn-tertiary:focus,
.btn-dark:focus,
.btn-tertiary:active,
.btn-dark:active,
.btn-tertiary:not([disabled]):not(.disabled).active,
.btn-dark:not([disabled]):not(.disabled).active,
.btn-tertiary:not([disabled]):not(.disabled):active,
.btn-dark:not([disabled]):not(.disabled):active,
.show > .btn-tertiary.dropdown-toggle,
.show > .btn-dark.dropdown-toggle {
  color: #2f3839;
  background-color: rgba(255, 255, 255, 0.6);
  border: 0; }

.btn-text-link {
  color: #99A1AE;
  background-color: #FAFAFB;
  border-color: transparent; }

.btn-text-link-active,
.btn-text-link:hover,
.btn-text-link:focus,
.btn-text-link:active,
.btn-text-link:not([disabled]):not(.disabled).active,
.btn-text-link:not([disabled]):not(.disabled):active,
.show > .btn-text-link.dropdown-toggle {
  color: #2B3A5A;
  background-color: #FAFAFB; }

.btn-lg {
  box-shadow: none;
  overflow: hidden;
  padding: .8em 1em;
  font-size: 1.5rem;
  line-height: 2.4rem;
  border-radius: 0;
  transform: none;
  min-width: 160px; }
  @media screen and (min-width: 45em) {
    .btn-lg {
      font-size: 1.625rem;
      line-height: 2.6rem; } }
  @media screen and (min-width: 60em) {
    .btn-lg {
      font-size: 1.875rem;
      line-height: 3rem; } }

.btn-md {
  box-shadow: none;
  overflow: hidden;
  padding: .5em 1em;
  font-weight: normal;
  font-size: 1.125rem;
  line-height: 1.8rem;
  border-radius: 0;
  transform: none;
  min-width: 160px; }
  @media screen and (min-width: 45em) {
    .btn-md {
      font-size: 1.188rem;
      line-height: 1.9rem; } }
  @media screen and (min-width: 60em) {
    .btn-md {
      font-size: 1.2rem;
      line-height: 2rem; } }

.btn-sm {
  box-shadow: none;
  overflow: hidden;
  padding: 5px 15px;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.4rem;
  border-radius: 0;
  transform: none; }

.btn-xs {
  box-shadow: none;
  overflow: hidden;
  padding: 1px 10px;
  font-weight: normal;
  font-size: 0.75rem;
  line-height: 1.2rem;
  border-radius: 0;
  transform: none; }

@media screen and (min-width: 45em) {
  .btn {
    width: auto;
    margin-bottom: 10px; } }

.break-word {
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word; }

.align-middle {
  display: inline-block;
  vertical-align: middle;
  max-width: 95%; }

.breadcrumb {
  list-style: none;
  background: none;
  margin: 0;
  margin: 0 auto;
  max-width: 1140px;
  padding: .75rem 1rem; }
  @media screen and (min-width: 80em) {
    .breadcrumb {
      padding: .75rem 0; } }
  .breadcrumb li {
    display: inline-block;
    font-size: 0.875rem;
    margin: 0;
    padding: 0;
    line-height: 2.6em;
    color: #2f3839; }
    .breadcrumb li a {
      padding-bottom: 2px;
      line-height: 2.5;
      border-bottom: 1px solid #99A1AE;
      color: #99A1AE;
      text-decoration: none;
      transition: color ease .3s;
      overflow-wrap: break-word;
      word-wrap: break-word;
      -ms-word-break: break-all;
      word-break: break-word;
      -webkit-font-smoothing: antialiased; }
  .breadcrumb li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0"; }

xmp {
  word-wrap: break-word;
  width: 100%;
  white-space: normal;
  padding: 10px;
  font-size: 14px;
  color: #bd4147;
  background-color: #ffffff;
  border-radius: .25rem; }

.nav-tabs .nav-link {
  border-bottom: 1px solid #96785D;
  background: #96785D;
  color: #FAFAFB;
  border: 0px; }

.nav-tabs .nav-item .nav-link.active {
  border-bottom: 1px solid #1C2841;
  background: #ffffff;
  color: #96785D; }

.nav-tabs > li > a:hover {
  color: #FAFAFB;
  background: #96785D; }

.tab-content {
  padding: 20px; }

.form-control,
select.form-control:not([size]):not([multiple]) {
  border: 1px solid #2f3839;
  height: calc(3.25rem + 2px);
  border-radius: 10px;
  font-size: 1.2rem;
  color: #343434; }

.form-control:focus,
.inputfocus {
  border-color: #1C2841;
  outline: 0;
  box-shadow: 0 0 0 0.1rem rgba(105, 107, 109, 0.25); }

.checkbox-custom,
.radio-custom {
  opacity: 0;
  position: absolute; }

.checkbox-custom,
.checkbox-custom-label,
.radio-custom,
.radio-custom-label {
  display: inline-block;
  vertical-align: middle;
  margin: 5px;
  cursor: pointer; }

.checkbox-custom-label,
.radio-custom-label {
  position: relative;
  padding-left: 0px; }

.checkbox-custom + .checkbox-custom-label:before,
.radio-custom + .radio-custom-label:before {
  content: '';
  background: #fff;
  border: 2px solid #1C2841;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  padding: 2px;
  margin-right: 10px;
  text-align: center; }

.checkbox-custom:checked + .checkbox-custom-label:before {
  background: #1C2841;
  box-shadow: inset 0px 0px 0px 4px #fff; }

.radio-custom + .radio-custom-label:before {
  border-radius: 50%; }

.form-check-label {
  padding-left: 0px; }

.radio-custom:checked + .radio-custom-label:before {
  background: #1C2841;
  box-shadow: inset 0px 0px 0px 4px #fff; }

.checkbox-custom:focus + .checkbox-custom-label,
.radio-custom:focus + .radio-custom-label {
  outline: 1px solid #ddd;
  /* focus style */ }

.modal-dialog {
  max-height: 400px;
  overflow-y: auto; }

.page-header {
  padding-top: 0;
  position: relative;
  background-size: cover;
  background-position: center;
  border-bottom: 0;
  padding-bottom: 0;
  min-height: 400px;
  margin: 0;
  background-color: #1C2841; }
  @media screen and (min-width: 1280px) {
    .page-header {
      min-height: 350px; } }
  .page-header:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: -moz-linear-gradient(135deg, rgba(7, 88, 119, 0.7) 0%, rgba(7, 88, 119, 0.7) 35%, rgba(7, 88, 119, 0.7) 100%);
    background: -webkit-linear-gradient(135deg, rgba(7, 88, 119, 0.7) 0%, rgba(7, 88, 119, 0.7) 35%, rgba(7, 88, 119, 0.7) 100%);
    background: -o-linear-gradient(135deg, rgba(7, 88, 119, 0.7) 0%, rgba(7, 88, 119, 0.7) 35%, rgba(7, 88, 119, 0.7) 100%);
    background: -ms-linear-gradient(135deg, rgba(7, 88, 119, 0.7) 0%, rgba(7, 88, 119, 0.7) 35%, rgba(7, 88, 119, 0.7) 100%);
    background: linear-gradient(135deg, rgba(7, 88, 119, 0.7) 0%, rgba(7, 88, 119, 0.7) 45%, rgba(7, 88, 119, 0.7) 100%); }
  .page-header .page-header-content {
    position: absolute;
    left: 0;
    right: 0;
    padding: 0 1em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 4;
    color: #343434;
    text-align: left;
    margin-right: 20px; }
    .page-header .page-header-content h1 {
      font-size: 1.438rem;
      line-height: 2.3rem;
      margin-bottom: 0.5rem;
      line-height: 4rem;
      font-family: "OpenSans-Regular";
      color: #FAFAFB; }
      @media screen and (min-width: 45em) {
        .page-header .page-header-content h1 {
          font-size: 2.313rem;
          line-height: 3.7rem; } }
      @media screen and (min-width: 60em) {
        .page-header .page-header-content h1 {
          font-size: 3.125rem;
          line-height: 5rem; } }
    .page-header .page-header-content p {
      font-size: 1.125rem;
      line-height: 1.8rem;
      font-family: "OpenSans-Semibold";
      color: #FAFAFB; }
      @media screen and (min-width: 45em) {
        .page-header .page-header-content p {
          font-size: 1.188rem;
          line-height: 1.9rem; } }
      @media screen and (min-width: 60em) {
        .page-header .page-header-content p {
          font-size: 1.2rem;
          line-height: 2rem; } }
    @media screen and (max-width: 45em) {
      .page-header .page-header-content {
        padding: 10px 20px; } }

@media screen and (min-width: 45em) {
  .page-header.dark:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(135deg, rgba(7, 88, 119, 0.7) 0%, rgba(7, 88, 119, 0.7) 35%, rgba(7, 88, 119, 0.7) 100%);
    background: -webkit-linear-gradient(135deg, rgba(7, 88, 119, 0.7) 0%, rgba(7, 88, 119, 0.7) 35%, rgba(7, 88, 119, 0.7) 100%);
    background: -o-linear-gradient(135deg, rgba(7, 88, 119, 0.7) 0%, rgba(7, 88, 119, 0.7) 35%, rgba(7, 88, 119, 0.7) 100%);
    background: -ms-linear-gradient(135deg, rgba(7, 88, 119, 0.7) 0%, rgba(7, 88, 119, 0.7) 35%, rgba(7, 88, 119, 0.7) 100%);
    background: linear-gradient(135deg, rgba(7, 88, 119, 0.7) 0%, rgba(7, 88, 119, 0.7) 45%, rgba(7, 88, 119, 0.7) 100%); }
  .page-header.light:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.65);
    background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0));
    background: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0));
    background: -o-linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0));
    background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0));
    background: linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(3, 36, 49, 0)); }
  .page-header .page-header-content {
    margin-right: auto;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto; } }

.page-top {
  cursor: pointer;
  right: 100px;
  display: inline-block;
  background-color: #1C2841;
  border: none;
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 13px;
  margin: auto;
  z-index: 999;
  border-radius: 4px;
  visibility: hidden;
  opacity: 0;
  margin-bottom: -100px;
  transition: ease .5s 0s;
  text-align: center;
  border-radius: 25px; }
  .page-top span {
    font-size: 1.5em;
    color: #FAFAFB;
    display: block; }

.visible {
  visibility: visible;
  opacity: 1; }

.visible,
.fade-out {
  margin-bottom: 0;
  transition: ease .3s 0s; }

.ql-wrapper {
  height: auto; }
  @media screen and (min-width: 45em) {
    .ql-wrapper {
      min-height: 130px; } }
  .ql-wrapper .quick-links-bar {
    margin: auto;
    max-width: 1200px;
    clear: both;
    float: none; }
    .ql-wrapper .quick-links-bar li {
      box-sizing: border-box;
      float: none;
      font-family: "OpenSans-Semibold";
      list-style: outside none none;
      margin: 0;
      text-align: left;
      text-indent: 0;
      height: 60px; }
      @media screen and (max-width: 45em) {
        .ql-wrapper .quick-links-bar li {
          width: 49%;
          display: inline-block;
          vertical-align: top;
          height: 130px; } }
      @media screen and (min-width: 30em) {
        .ql-wrapper .quick-links-bar li {
          text-align: center; } }
      .ql-wrapper .quick-links-bar li a {
        box-sizing: border-box;
        color: #96785D;
        display: block;
        height: 60px;
        padding: 0;
        text-decoration: none;
        background-color: transparent; }
        .ql-wrapper .quick-links-bar li a div {
          display: inline-block;
          height: 60px;
          line-height: 60px; }
          @media screen and (min-width: 30em) {
            .ql-wrapper .quick-links-bar li a div {
              padding-left: 0;
              line-height: 1rem; } }
          .ql-wrapper .quick-links-bar li a div:before {
            display: inline-block;
            color: #96785D;
            font-size: 1.5rem; }
            @media screen and (min-width: 30em) {
              .ql-wrapper .quick-links-bar li a div:before {
                font-size: 3.438rem; } }
        .ql-wrapper .quick-links-bar li a .quicklink-mockup-icon {
          display: inline-block;
          height: 60px;
          width: 35px;
          padding: 0;
          line-height: 60px; }
          @media screen and (min-width: 30em) {
            .ql-wrapper .quick-links-bar li a .quicklink-mockup-icon {
              padding-left: 15px;
              width: auto; } }
          @media screen and (min-width: 45em) {
            .ql-wrapper .quick-links-bar li a .quicklink-mockup-icon {
              padding-left: 0; } }
        .ql-wrapper .quick-links-bar li a .body-text {
          display: none; }
          @media screen and (min-width: 30em) {
            .ql-wrapper .quick-links-bar li a .body-text {
              font-size: 0.8rem;
              display: block;
              color: #2f3839;
              font-family: verdana;
              line-height: 1.4rem; } }
          .ql-wrapper .quick-links-bar li a .body-text p {
            display: none; }
            @media screen and (min-width: 30em) {
              .ql-wrapper .quick-links-bar li a .body-text p {
                display: block;
                font-size: 0.8rem;
                color: #2f3839;
                font-family: verdana;
                line-height: 1.4rem;
                padding-left: 0; } }
        .ql-wrapper .quick-links-bar li a .title {
          color: #2f3839;
          font-size: 0.9rem;
          display: inline-block;
          height: 60px;
          width: calc(100% - 65px);
          line-height: 60px;
          vertical-align: top;
          padding-left: 0; }
          @media screen and (min-width: 30em) {
            .ql-wrapper .quick-links-bar li a .title {
              vertical-align: top;
              display: block; } }
      .ql-wrapper .quick-links-bar li a:hover {
        background-color: transparent; }
      @media screen and (min-width: 30em) {
        .ql-wrapper .quick-links-bar li a {
          box-sizing: border-box;
          color: #96785D;
          display: block;
          height: auto;
          text-decoration: none;
          background-color: transparent; } }
  @media screen and (min-width: 30em) and (min-width: 60em) {
    .ql-wrapper .quick-links-bar li a {
      padding: 15px; } }
      @media screen and (min-width: 30em) {
          .ql-wrapper .quick-links-bar li a div {
            display: block;
            width: 100%;
            height: 70px;
            line-height: 60px; }
            .ql-wrapper .quick-links-bar li a div:before {
              display: block;
              color: #99A1AE;
              font-size: 3.438rem; }
          .ql-wrapper .quick-links-bar li a .title {
            display: block;
            height: 100%;
            line-height: 1.3rem;
            text-align: center;
            width: 100%;
            color: #1C2841; }
          .ql-wrapper .quick-links-bar li a [class*="-icon"] {
            padding-bottom: 20px;
            height: auto;
            width: auto; }
        .ql-wrapper .quick-links-bar li a:hover {
          background-color: transparent; } }

.quick-links-bar li,
.quick-links-bar li.singlelink,
.quick-links-bar li.doublelink,
.quick-links-bar li.threelinks,
.quick-links-bar li.fourlinks,
.quick-links-bar li.fivelinks,
.quick-links-bar li.sixlinks,
.quick-links-bar li.sevenlinks,
.quick-links-bar li.eightlinks,
.quick-links-bar li.ninelinks,
.quick-links-bar li.tenlinks {
  width: 100%;
  height: auto; }

@media screen and (min-width: 30em) {
  .quick-links-bar li,
  .quick-links-bar li.singlelink,
  .quick-links-bar li.doublelink,
  .quick-links-bar li.threelinks,
  .quick-links-bar li.fourlinks,
  .quick-links-bar li.fivelinks,
  .quick-links-bar li.sixlinks,
  .quick-links-bar li.sevenlinks,
  .quick-links-bar li.eightlinks,
  .quick-links-bar li.ninelinks,
  .quick-links-bar li.tenlinks {
    width: 49%; } }

.why-choose-us {
  width: 100%;
  margin: 20px auto; }
  @media screen and (min-width: 45em) {
    .why-choose-us .ql-wrapper {
      height: auto; } }
  .why-choose-us .ql-wrapper ul.quick-links-bar {
    list-style: none;
    margin: 0;
    padding: 20px 0;
    text-align: center; }
    @media screen and (min-width: 45em) {
      .why-choose-us .ql-wrapper ul.quick-links-bar {
        padding: 0; } }
    .why-choose-us .ql-wrapper ul.quick-links-bar li {
      display: inline-block; }
      @media screen and (max-width: 45em) {
        .why-choose-us .ql-wrapper ul.quick-links-bar li {
          width: 100%;
          text-align: center; } }
      @media screen and (min-width: 30em) {
        .why-choose-us .ql-wrapper ul.quick-links-bar li {
          text-align: center;
          float: left; } }
      @media screen and (min-width: 45em) {
        .why-choose-us .ql-wrapper ul.quick-links-bar li {
          padding: 0 10px 20px 10px;
          height: auto; } }
      .why-choose-us .ql-wrapper ul.quick-links-bar li a {
        display: block;
        height: auto;
        padding: 0; }
        .why-choose-us .ql-wrapper ul.quick-links-bar li a div {
          display: inline-block;
          color: #2f3839;
          padding: 0;
          font-family: "OpenSans-Regular";
          height: auto;
          line-height: 1rem; }
          .why-choose-us .ql-wrapper ul.quick-links-bar li a div::before {
            vertical-align: top;
            font-size: 1.813rem;
            color: #1C2841;
            -webkit-transition: all 200ms ease-in;
            -webkit-transform: scale(1);
            -ms-transition: all 200ms ease-in;
            -ms-transform: scale(1);
            -moz-transition: all 200ms ease-in;
            -moz-transform: scale(1);
            transition: all 200ms ease-in;
            transform: scale(1);
            display: block;
            margin-right: 10px;
            margin-bottom: 0; }
            .why-choose-us .ql-wrapper ul.quick-links-bar li a div::before:hover::before {
              -webkit-transition: all 200ms ease-in;
              -webkit-transform: scale(1.5);
              -ms-transition: all 200ms ease-in;
              -ms-transform: scale(1.5);
              -moz-transition: all 200ms ease-in;
              -moz-transform: scale(1.5);
              transition: all 200ms ease-in;
              transform: scale(1.5); }
            @media screen and (min-width: 45em) {
              .why-choose-us .ql-wrapper ul.quick-links-bar li a div::before {
                display: block;
                margin-right: 10px;
                font-size: 2.8rem; } }
        .why-choose-us .ql-wrapper ul.quick-links-bar li a .title {
          font-size: 1.125rem;
          color: #1C2841;
          padding: 10px 0px;
          height: auto;
          width: 100%;
          line-height: 1rem;
          margin-bottom: 10px; }
        .why-choose-us .ql-wrapper ul.quick-links-bar li a .body-text {
          display: none; }
          @media screen and (min-width: 45em) {
            .why-choose-us .ql-wrapper ul.quick-links-bar li a .body-text {
              display: block; } }
      @media screen and (min-width: 45em) {
        .why-choose-us .ql-wrapper ul.quick-links-bar li {
          width: 49%;
          height: auto;
          padding: 20px 10px;
          display: inline-block;
          margin: 0;
          box-sizing: border-box;
          margin: 0;
          text-align: center;
          font-size: 0.875rem;
          vertical-align: top;
          min-width: 120px; } }

.ready-to-help {
  width: 100%;
  margin: 0 auto; }
  @media screen and (min-width: 30em) {
    .ready-to-help {
      margin: 20px auto; } }
  .ready-to-help .ql-wrapper ul.quick-links-bar {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center; }
    @media screen and (min-width: 30em) {
      .ready-to-help .ql-wrapper ul.quick-links-bar {
        padding: 20px 0; } }
    .ready-to-help .ql-wrapper ul.quick-links-bar li {
      width: 100%;
      display: block;
      height: auto;
      text-align: left;
      background: transparent;
      padding: 0; }
      @media screen and (min-width: 30em) {
        .ready-to-help .ql-wrapper ul.quick-links-bar li {
          padding: 10px 0; } }
      .ready-to-help .ql-wrapper ul.quick-links-bar li a {
        display: block;
        height: auto;
        padding: 0; }
        .ready-to-help .ql-wrapper ul.quick-links-bar li a .quicklink-mockup-icon {
          width: 30px;
          line-height: 60px;
          padding: 0 20px 0 0; }
          @media screen and (min-width: 30em) {
            .ready-to-help .ql-wrapper ul.quick-links-bar li a .quicklink-mockup-icon {
              width: auto;
              padding: 0; } }
          .ready-to-help .ql-wrapper ul.quick-links-bar li a .quicklink-mockup-icon:before {
            display: inline-block;
            background-color: #99A1AE;
            color: #FAFAFB !important;
            font-size: 1.125rem;
            width: 43px;
            height: 43px;
            line-height: 40px;
            font-size: 1.6rem;
            border-radius: 60px;
            box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.25); }
            @media screen and (min-width: 30em) {
              .ready-to-help .ql-wrapper ul.quick-links-bar li a .quicklink-mockup-icon:before {
                font-size: 2.438rem;
                width: 60px;
                height: 60px;
                line-height: 60px;
                padding: 0px; } }
        .ready-to-help .ql-wrapper ul.quick-links-bar li a .title {
          font-size: 1.25rem;
          color: #FAFAFB; }
        .ready-to-help .ql-wrapper ul.quick-links-bar li a .body-text {
          display: none; }
      @media screen and (min-width: 30em) {
        .ready-to-help .ql-wrapper ul.quick-links-bar li {
          width: 49%;
          height: auto;
          padding: 20px 10px;
          display: inline-block;
          margin: 0;
          box-sizing: border-box;
          margin: 0;
          text-align: center;
          font-size: 0.875rem;
          vertical-align: top; } }
      @media screen and (min-width: 45em) {
        .ready-to-help .ql-wrapper ul.quick-links-bar li {
          min-width: 120px; } }

.home-quicklinks .ql-wrapper {
  height: auto; }
  @media screen and (min-width: 45em) {
    .home-quicklinks .ql-wrapper {
      min-height: 130px;
      min-height: auto; } }
  .home-quicklinks .ql-wrapper .quick-links-bar {
    margin: auto;
    max-width: 1200px;
    clear: both;
    float: none; }
    .home-quicklinks .ql-wrapper .quick-links-bar li {
      display: inline-block; }
      @media screen and (max-width: 45em) {
        .home-quicklinks .ql-wrapper .quick-links-bar li {
          width: 49%; } }
      @media screen and (min-width: 30em) {
        .home-quicklinks .ql-wrapper .quick-links-bar li {
          text-align: center;
          float: left; } }
      .home-quicklinks .ql-wrapper .quick-links-bar li a {
        box-sizing: border-box;
        color: #96785D;
        display: block;
        height: auto;
        text-decoration: none;
        background-color: transparent;
        text-align: center; }
        .home-quicklinks .ql-wrapper .quick-links-bar li a div {
          display: inline-block;
          height: 60px;
          margin: 0 auto; }
          @media screen and (min-width: 30em) {
            .home-quicklinks .ql-wrapper .quick-links-bar li a div {
              padding: 10px 0px;
              line-height: 2rem;
              height: auto; } }
          .home-quicklinks .ql-wrapper .quick-links-bar li a div:before {
            display: inline-block;
            background-color: #99A1AE;
            color: #FAFAFB !important;
            font-size: 1.125rem;
            width: 43px;
            height: 43px;
            line-height: 40px;
            font-size: 1.6rem;
            border-radius: 60px;
            box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.25); }
            @media screen and (min-width: 30em) {
              .home-quicklinks .ql-wrapper .quick-links-bar li a div:before {
                font-size: 2.438rem;
                width: 60px;
                height: 60px;
                line-height: 60px;
                padding: 0px; } }
        .home-quicklinks .ql-wrapper .quick-links-bar li a .quicklink-mockup-icon {
          display: inline-block;
          height: 60px;
          width: 43px;
          padding: 0;
          line-height: 60px; }
          @media screen and (min-width: 30em) {
            .home-quicklinks .ql-wrapper .quick-links-bar li a .quicklink-mockup-icon {
              width: auto;
              height: auto; } }
        .home-quicklinks .ql-wrapper .quick-links-bar li a .title {
          color: #1C2841;
          font-size: 0.9rem;
          display: inline-block;
          height: 60px;
          width: calc(100% - 10px);
          line-height: 18px;
          vertical-align: top;
          padding-left: 0; }
          @media screen and (min-width: 30em) {
            .home-quicklinks .ql-wrapper .quick-links-bar li a .title {
              vertical-align: top;
              display: block;
              height: auto; } }
      .home-quicklinks .ql-wrapper .quick-links-bar li a:hover {
        background-color: transparent; }
        .home-quicklinks .ql-wrapper .quick-links-bar li a:hover .title {
          color: #1C2841; }
      @media screen and (min-width: 30em) {
        .home-quicklinks .ql-wrapper .quick-links-bar li a div {
          display: inline-block; }
          .home-quicklinks .ql-wrapper .quick-links-bar li a div:before {
            font-size: 2.438rem; }
        .home-quicklinks .ql-wrapper .quick-links-bar li a .body-text {
          display: none; }
        .home-quicklinks .ql-wrapper .quick-links-bar li a:hover {
          color: #1C2841;
          background-color: transparent; }
          .home-quicklinks .ql-wrapper .quick-links-bar li a:hover div:before {
            background: #075877;
            background: -moz-linear-gradient(135deg, #075877 0%, #075877 35%, #032431 100%);
            background: -webkit-linear-gradient(135deg, #075877 0%, #075877 35%, #032431 100%);
            background: -o-linear-gradient(135deg, #075877 0%, #075877 35%, #032431 100%);
            background: -ms-linear-gradient(135deg, #075877 0%, #075877 35%, #032431 100%);
            background: linear-gradient(135deg, #075877 0%, #075877 45%, #032431 100%);
            opacity: 1;
            transition: background ease-in-out .3s; } }

@media screen and (min-width: 45em) {
  .why-choose-us .ql-wrapper ul.quick-links-bar li.singlelink,
  .ready-to-help .ql-wrapper ul.quick-links-bar li.singlelink,
  .quick-links-bar li.singlelink {
    width: 100%; }
  .why-choose-us .ql-wrapper ul.quick-links-bar li.doublelink,
  .ready-to-help .ql-wrapper ul.quick-links-bar li.doublelink,
  .quick-links-bar li.doublelink {
    width: 49%;
    float: left;
    box-sizing: border-box; }
  .why-choose-us .ql-wrapper ul.quick-links-bar li.threelinks,
  .ready-to-help .ql-wrapper ul.quick-links-bar li.threelinks,
  .quick-links-bar li.threelinks {
    width: 32.3%;
    float: left;
    box-sizing: border-box; }
  .why-choose-us .ql-wrapper ul.quick-links-bar li.fourlinks,
  .ready-to-help .ql-wrapper ul.quick-links-bar li.fourlinks,
  .quick-links-bar li.fourlinks {
    width: 24%;
    float: left;
    box-sizing: border-box; }
  .why-choose-us .ql-wrapper ul.quick-links-bar li.fivelinks,
  .ready-to-help .ql-wrapper ul.quick-links-bar li.fivelinks,
  .quick-links-bar li.fivelinks {
    width: 19%;
    float: left;
    box-sizing: border-box; }
  .why-choose-us .ql-wrapper ul.quick-links-bar li.sixlinks,
  .ready-to-help .ql-wrapper ul.quick-links-bar li.sixlinks,
  .quick-links-bar li.sixlinks {
    width: 15.67%;
    float: left;
    box-sizing: border-box; }
  .why-choose-us .ql-wrapper ul.quick-links-bar li.sevenlinks,
  .ready-to-help .ql-wrapper ul.quick-links-bar li.sevenlinks,
  .quick-links-bar li.sevenlinks {
    width: 13.28%;
    float: left;
    box-sizing: border-box; }
  .why-choose-us .ql-wrapper ul.quick-links-bar li.eightlinks,
  .ready-to-help .ql-wrapper ul.quick-links-bar li.eightlinks,
  .quick-links-bar li.eightlinks {
    width: 11.5%;
    float: left;
    box-sizing: border-box; }
  .why-choose-us .ql-wrapper ul.quick-links-bar li.ninelinks,
  .ready-to-help .ql-wrapper ul.quick-links-bar li.ninelinks,
  .quick-links-bar li.ninelinks {
    width: 10.11%;
    float: left;
    box-sizing: border-box; }
  .why-choose-us .ql-wrapper ul.quick-links-bar li.tenlinks,
  .ready-to-help .ql-wrapper ul.quick-links-bar li.tenlinks,
  .quick-links-bar li.tenlinks {
    width: 9%;
    float: left;
    box-sizing: border-box; } }

/**
.ql-wrapper .quick-links-bar li:hover a div:before {
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1.4);
}**/
.ultracs-quick-links.dark .ql-wrapper {
  background: #231f20; }

.ultracs-quick-links.dark .ql-wrapper .quick-links-bar li a,
.ultracs-quick-links.dark .ql-wrapper .quick-links-bar li a:before {
  color: #2B3A5A;
  background-color: #231f20; }

.vertical-list {
  width: 100%;
  margin: 20px auto; }
  .vertical-list .ql-wrapper ul.quick-links-bar {
    list-style: none;
    margin: 0;
    text-align: center; }
    .vertical-list .ql-wrapper ul.quick-links-bar li {
      width: 100%;
      display: block;
      height: auto;
      text-align: left;
      background: transparent;
      padding: 10px 0;
      clear: both; }
      .vertical-list .ql-wrapper ul.quick-links-bar li a {
        display: block;
        height: auto;
        padding: 0; }
        .vertical-list .ql-wrapper ul.quick-links-bar li a div {
          display: inline;
          padding: 10px 0px;
          float: left;
          line-height: 1rem; }
          .vertical-list .ql-wrapper ul.quick-links-bar li a div::before {
            vertical-align: top;
            font-size: 1.125rem;
            margin-right: 20px;
            display: inline;
            line-height: 1rem; }
            .vertical-list .ql-wrapper ul.quick-links-bar li a div::before:hover::before {
              -webkit-transform: scale(1);
              -ms-transform: scale(1);
              -moz-transform: scale(1);
              transform: scale(1); }
            @media screen and (min-width: 30em) {
              .vertical-list .ql-wrapper ul.quick-links-bar li a div::before {
                font-size: 1.125rem; } }
            @media screen and (min-width: 45em) {
              .vertical-list .ql-wrapper ul.quick-links-bar li a div::before {
                line-height: 1.3rem; } }
        .vertical-list .ql-wrapper ul.quick-links-bar li a .title {
          font-size: 1.125rem;
          float: left;
          text-align: left;
          width: 80%;
          line-height: 1.6rem; }
          @media screen and (min-width: 45em) {
            .vertical-list .ql-wrapper ul.quick-links-bar li a .title {
              line-height: 1.3rem; } }
        .vertical-list .ql-wrapper ul.quick-links-bar li a .body-text {
          display: none; }

.vertical-list .ql-wrapper .quick-links-bar li:hover a div:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1); }

/* sidebar menu */
.quick-tools {
  width: 100%;
  z-index: 9997; }
  .quick-tools h3 {
    display: none; }
    @media screen and (max-width: 45em) {
      .quick-tools h3 {
        display: block !important;
        width: 24%;
        max-width: 75px;
        position: fixed;
        top: calc(50% - 45px);
        right: 0;
        padding: 0;
        border-radius: 0 0 0 0;
        background: #96785D;
        color: #FAFAFB;
        height: 50px; }
        .quick-tools h3:before {
          content: "\e883";
          font-family: '$icon-font';
          color: #2f3839;
          display: block;
          font-size: 1.6rem;
          padding: 6px 23px;
          font-weight: bold; } }
  @media screen and (max-width: 45em) {
    .quick-tools h3.active:before {
      content: "\e5cd"; } }
  .quick-tools .qt-wrapper-home {
    width: 100%;
    position: absolute;
    bottom: 0;
    background: #231f20;
    z-index: 999;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
    height: 200px; }
    .quick-tools .qt-wrapper-home .quick-tools {
      height: 100%;
      margin: 0px;
      padding: 0px;
      width: 100%;
      z-index: 9997; }
      .quick-tools .qt-wrapper-home .quick-tools li {
        display: inline-block;
        width: 32.25%;
        text-align: center;
        border-right: 1px solid #2f3839;
        margin: 0;
        padding: 15px;
        cursor: pointer;
        list-style: none;
        font-size: 0.70rem;
        font-family: "OpenSans-Semibold"; }
        .quick-tools .qt-wrapper-home .quick-tools li:nth-child(3) {
          border-right: 0; }
        .quick-tools .qt-wrapper-home .quick-tools li:last-child {
          border-right: 0; }
        .quick-tools .qt-wrapper-home .quick-tools li a {
          display: block;
          margin-right: 0;
          color: #2f3839;
          display: inline-block;
          height: 100%;
          width: 100%;
          vertical-align: middle; }
          .quick-tools .qt-wrapper-home .quick-tools li a i {
            color: #2f3839;
            font-size: 1.625rem;
            vertical-align: middle;
            display: block;
            padding-left: 0px; }

@media screen and (min-width: 45em) {
  .quick-tools .qt-wrapper-home {
    width: 24%;
    top: 100px;
    position: fixed;
    left: 0;
    background: #231f20;
    max-width: 85px;
    z-index: 999;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
    height: 100%; }
    .quick-tools .qt-wrapper-home .quick-tools {
      height: 100%;
      margin: 0px;
      padding: 0px;
      width: 100%;
      z-index: 9997; }
      .quick-tools .qt-wrapper-home .quick-tools li {
        display: block;
        width: 100%;
        text-align: center;
        border-right: 0;
        margin: 0;
        max-width: 100%;
        padding: 15px 0;
        cursor: pointer;
        list-style: none;
        font-size: 0.70rem;
        font-family: "OpenSans-Light";
        background-color: #231f20; }
        .quick-tools .qt-wrapper-home .quick-tools li a {
          display: block;
          margin-right: 0;
          color: #2f3839;
          display: inline-block;
          height: 100%;
          width: 100%;
          vertical-align: middle; }
          .quick-tools .qt-wrapper-home .quick-tools li a i {
            color: #2f3839;
            font-size: 1.625rem;
            vertical-align: middle;
            display: block;
            padding-left: 0px; } }

@media screen and (max-width: 45em) {
  .desktop .qt-wrapper-home {
    display: none; } }

@media screen and (min-width: 45em) {
  .mobile .qt-wrapper-home {
    display: none; } }

.qt-wrapper-home.active {
  display: block;
  top: 50%; }

#slide_background,
#slide2_background,
#slide3_background,
#slide4_background,
#slide5_background {
  -webkit-transition: all 0.3s 0.3s;
  -moz-transition: all 0.3s 0.3s;
  -o-transition: all 0.3s 0.3s;
  transition: all 0.3s 0.3s; }

#slide,
#slide2,
#slide3,
#slide4,
#slide5,
#slide_wrapper,
#slid2_wrapper,
#slide3_wrapper,
#slide4_wrapper,
#slide5_wrapper {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }

#slide,
#slide2,
#slide3,
#slide4,
#slide5 {
  -webkit-transform: translateX(0) translateY(-40%);
  -moz-transform: translateX(0) translateY(-40%);
  -ms-transform: translateX(0) translateY(-40%);
  -o-transform: translateX(0) translateY(-40%);
  transform: translateX(0) translateY(-40%);
  display: none;
  background-color: #fff;
  border: none !important;
  border-radius: 8px;
  width: 60%;
  font-size: 1em;
  line-height: 1.5em;
  z-index: 9999;
  position: absolute;
  padding: 0;
  color: #666; }

.popup_content:focus {
  outline: none; }

.popup_visible #slide,
.popup_visible #slide2,
.popup_visible #slide3,
.popup_visible #slide4,
.popup_visible #slide5 {
  -webkit-transform: translateX(0) translateY(0);
  -moz-transform: translateX(0) translateY(0);
  -ms-transform: translateX(0) translateY(0);
  -o-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0); }

.popup_content span[class*="_close"] {
  color: #fff;
  display: block;
  float: right;
  padding: 15px 10px;
  cursor: pointer;
  z-index: 9999;
  position: relative; }

.popup_content h2 {
  padding: 2%;
  color: #fff;
  background-color: #007f6a;
  text-align: center;
  border-radius: 8px 8px 0 0;
  position: relative;
  max-width: none; }

#slide.popup_content h2 {
  background: #007f6a; }

#slide2.popup_content h2 {
  background: #007f6a; }

#slide3.popup_content h2 {
  background: #007f6a; }

#slide4.popup_content h2 {
  background: #007f6a; }

#slide5.popup_content h2 {
  background: #007f6a; }

.popup_content h2:before,
.popup_content h2:after {
  top: 100%;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.popup_content h2:after {
  border-color: rgba(0, 120, 194, 0);
  border-top-color: #ffffff;
  border-width: 10px;
  margin-left: -10px; }

.popup_content .quicklinks-table {
  padding: 30px; }

.popup_content .quicklinks-table table.two-col-layout-cta {
  margin: 0 !important; }

ul.quicklinks-popup {
  width: 100%; }

ul.quicklinks-popup li a {
  color: #007f6a;
  font-size: 16px; }

ul.quicklinks-popup li {
  width: 100%;
  display: block;
  position: relative;
  float: left;
  height: 60px;
  font-size: 20px;
  overflow: hidden;
  margin: 0;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #999; }

ul.quicklinks-popup li p {
  font-size: 14px; }

.qt-wrapper-home .quick-tools li {
  display: block;
  width: 100%;
  text-align: center;
  border-right: 0;
  margin: 0;
  padding: 10px 0; }

.qt-wrapper-home .quick-tools li:last-child,
ul.quicklinks-popup li:last-child {
  border-bottom: none; }

ul.quicklinks-popup li {
  padding: 0;
  height: auto;
  width: 33%;
  min-height: 114px;
  float: none;
  display: inline-block;
  vertical-align: top; }

ul.quicklinks-popup li:nth-child(3n+0) {
  width: 33.3%; }

ul.quicklinks-popup li a {
  padding: 20px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  display: block;
  min-height: 114px; }

ul.quicklinks-popup li:hover,
ul.quicklinks-popup li a:hover {
  background: #f3f2f2;
  color: #333;
  border-radius: 0 0 8px 8px; }

ul.quicklinks-popup li a span {
  margin: 10px 0 0 44px;
  line-height: 21px;
  font-size: 14px;
  color: #7b7b7b;
  display: block; }

ul.quicklinks-popup li a span.title {
  margin: 0 0 0 44px;
  line-height: 18px;
  font-size: 16px;
  color: #007f6a;
  font-family: 'HelveticaNeueLT-Bold', Helvetica, Arial, "Lucida Grande", sans-serif; }

ul.quicklinks-popup li a span.desc {
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif; }

ul.quicklinks-popup li a span.icon-quicklinks {
  position: absolute;
  top: 20px;
  left: 20px;
  margin: 0;
  font-size: 24px;
  line-height: 28px;
  text-transform: none;
  color: #cedb20; }

.navbar-brand {
  line-height: 90px;
  height: 80px; }
  .navbar-brand:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em; }
  .navbar-brand svg {
    width: 245px;
    height: inherit;
    top: 27px; }

@media all and (max-width: 1199px) {
  #logo-landscape .mobile-logo {
    display: none; }
  .navbar-brand svg {
    width: 120px;
    position: absolute;
    top: 8px; }
  .BSB {
    top: 25px !important;
    left: 205px !important; }
  .navbar-header {
    width: 100%; } }

@media all and (max-width: 500px) {
  .navbar-brand svg {
    width: 130px;
    position: absolute; }
  .BSB {
    top: 25px !important;
    left: 185px !important;
    font-size: 12px; } }

.gel-page svg {
  width: 200px;
  height: 100px; }

.logo-landscape {
  display: block; }

.logo-icon {
  display: inline-block; }

.navbar-brand svg.logo-icon {
  width: 50px; }

.navbar-brand {
  height: 50px;
  padding: 7px; }

.modal .modal-header .close {
  cursor: pointer; }

.modal .modal-footer .btn {
  cursor: pointer; }

.productVariantsTableStyle .int-prefix,
.productVariantsTableStyle .com-prefix {
  display: inline-block; }

.product-shortcode.with-suffix {
  max-width: none;
  width: auto;
  display: table;
  margin-bottom: 5px;
  margin-top: 15px; }

.product-shortcode {
  width: 100%;
  margin: 0 auto;
  float: none;
  clear: both; }
  .product-shortcode .interest-rate,
  .product-shortcode .comparison-rate {
    width: 49%;
    display: table-cell;
    text-align: left;
    line-height: 2.2rem;
    padding: 0;
    margin: 0;
    vertical-align: top; }
    .product-shortcode .interest-rate span.int-prefix,
    .product-shortcode .interest-rate span.com-prefix,
    .product-shortcode .comparison-rate span.int-prefix,
    .product-shortcode .comparison-rate span.com-prefix {
      font-size: 0.875rem;
      font-family: "OpenSans-Bold";
      display: block;
      line-height: 1.125rem;
      padding-bottom: 10px; }
    .product-shortcode .interest-rate .product-rate,
    .product-shortcode .comparison-rate .product-rate {
      font-family: "OpenSans-Bold";
      font-weight: bold; }
    .product-shortcode .interest-rate .product-suffix,
    .product-shortcode .comparison-rate .product-suffix {
      font-size: 1.125rem;
      line-height: 1rem;
      display: inline-block; }
      .product-shortcode .interest-rate .product-suffix .product-percent,
      .product-shortcode .comparison-rate .product-suffix .product-percent {
        display: block; }
      .product-shortcode .interest-rate .product-suffix .product-per-annum,
      .product-shortcode .comparison-rate .product-suffix .product-per-annum {
        display: block; }
        .product-shortcode .interest-rate .product-suffix .product-per-annum sup,
        .product-shortcode .comparison-rate .product-suffix .product-per-annum sup {
          top: -30px;
          left: -12px;
          position: relative; }
    .product-shortcode .interest-rate .product-desc,
    .product-shortcode .comparison-rate .product-desc {
      position: relative;
      font-size: 30%;
      display: block;
      line-height: 0.8rem; }

.interest-rate {
  color: #96785D;
  font-size: 2.5rem; }

.comparison-rate {
  color: #343434;
  font-size: 2.5rem; }

@media screen and (min-width: 45em) {
  .interest-rate,
  .comparison-rate {
    font-size: 3.5rem;
    line-height: 2.5rem; }
  .banner-container .interest-rate,
  .banner-container .comparison-rate {
    font-size: 3.2rem; }
  .product-shortcode .interest-rate .product-desc,
  .product-shortcode .comparison-rate .product-desc {
    font-size: 27%;
    line-height: 1.5rem; } }

@media screen and (max-width: 45em) {
  .comparison,
  .interest {
    font-size: 2rem; } }

@media screen and (max-width: 30em) {
  .rates-lg ul {
    padding-left: 0; } }

.carousel-caption .product-shortcode {
  margin: 0;
  max-width: 550px; }
  .carousel-caption .product-shortcode .interest-rate,
  .carousel-caption .product-shortcode .comparison-rate {
    width: 49%;
    display: inline-block;
    text-align: left;
    margin: 0;
    vertical-align: top; }
    @media screen and (min-width: 30em) {
      .carousel-caption .product-shortcode .interest-rate,
      .carousel-caption .product-shortcode .comparison-rate {
        font-size: 5.5rem;
        line-height: 5rem; } }
    .carousel-caption .product-shortcode .interest-rate .product-rate,
    .carousel-caption .product-shortcode .comparison-rate .product-rate {
      font-family: "OpenSans-Bold"; }
    @media screen and (min-width: 30em) {
      .carousel-caption .product-shortcode .interest-rate .product-suffix,
      .carousel-caption .product-shortcode .comparison-rate .product-suffix {
        font-size: 2rem;
        line-height: 2rem; } }
    .carousel-caption .product-shortcode .interest-rate .product-desc,
    .carousel-caption .product-shortcode .comparison-rate .product-desc {
      position: relative;
      font-size: 1rem;
      display: block;
      line-height: 1.4rem; }

.cta-button {
  text-align: center; }

.footnotes-container .footnotes-keys li {
  font-size: 0.5rem; }

sup {
  font-size: 75%; }

.table > tbody > tr:first-child {
  background: #96785D; }

.table > tbody > tr > th {
  padding: 10px 8px;
  background: #96785D;
  color: #f7f7f7; }

.table > tbody > tr > th h5 {
  color: #f7f7f7; }

.table-container {
  width: 100%;
  overflow-y: auto;
  _overflow: auto;
  margin: 0 0 1em;
  margin: 0 auto; }

.ultracs-image-with-text .layout-bottom-text .banneroverlay-content-bottom {
  text-align: center; }

[class*="calculator-app"] {
  width: 100% !important;
  max-width: 800px !important;
  min-width: 0 !important; }

.related-content-box {
  background: #CBCBCB;
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  box-shadow: none;
  border-radius: 0; }
  .related-content-box .related-content-box-title {
    padding: 10px 20px;
    margin: 0;
    color: #FAFAFB;
    display: block;
    background-color: #1C2841;
    height: auto;
    width: 100%;
    position: relative;
    border-radius: 12px 12px 0 0; }
    .related-content-box .related-content-box-title h3 {
      color: #FAFAFB;
      margin-bottom: 0; }
  .related-content-box .related-content-box-list-item {
    list-style: none;
    padding: 0; }
    .related-content-box .related-content-box-list-item li {
      border-bottom: 1px solid #f7f7f7;
      position: relative; }
      .related-content-box .related-content-box-list-item li:last-child {
        border-bottom: 0; }
      .related-content-box .related-content-box-list-item li a {
        display: inline-block;
        padding: 0 10px;
        width: 100%;
        height: 80px;
        line-height: 65px; }
        .related-content-box .related-content-box-list-item li a:after {
          font-size: 1.125rem;
          color: #1C2841;
          font-family: "icomoonclient";
          content: "\e92e";
          display: inline-block;
          font-size: 25px;
          position: relative;
          top: 8px; }
        .related-content-box .related-content-box-list-item li a span {
          font-size: 0.75rem; }
          @media screen and (min-width: 30em) {
            .related-content-box .related-content-box-list-item li a span {
              font-size: 0.85rem; } }
        .related-content-box .related-content-box-list-item li a i {
          width: 100%;
          max-width: 50px;
          padding: 10px;
          height: auto;
          position: relative;
          display: inline-block; }
          .related-content-box .related-content-box-list-item li a i:before {
            font-size: 2rem;
            line-height: 2rem;
            vertical-align: middle; }

.well {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: 0;
  box-shadow: 0;
  text-align: center; }
  .well .control-label {
    text-transform: uppercase;
    font-size: 1.5rem;
    line-height: 2.08rem;
    margin-bottom: 1.1rem;
    font-family: "OpenSans-Semibold";
    color: #96785D; }
  .well .form-column {
    margin: 0 auto; }
  .well .variant-pricing {
    float: none;
    clear: both; }
    .well .variant-pricing .rates-lg {
      width: 100%;
      padding: 0;
      margin: 0;
      box-sizing: border-box;
      display: block; }
      @media screen and (min-width: 61.938em) {
        .well .variant-pricing .rates-lg {
          display: inline-block; } }
      .well .variant-pricing .rates-lg ul {
        list-style: none;
        margin: 0 auto;
        padding: 0;
        max-width: 400px;
        padding-left: 0; }
        .well .variant-pricing .rates-lg ul li {
          width: 100%;
          display: block;
          text-align: center;
          margin: 0;
          font-family: "OpenSans-Bold";
          font-weight: bold;
          margin-bottom: 15px;
          line-height: 3.2rem;
          font-size: 3.8rem;
          color: #96785D; }
          @media screen and (min-width: 30em) {
            .well .variant-pricing .rates-lg ul li {
              text-align: left;
              width: 49%;
              display: inline-block;
              position: relative; } }
          .well .variant-pricing .rates-lg ul li span {
            font-size: 0.8rem;
            display: block;
            line-height: 1.4rem; }
          .well .variant-pricing .rates-lg ul li sup {
            font-size: 40%; }
            @media screen and (min-width: 61.938em) {
              .well .variant-pricing .rates-lg ul li sup {
                top: 0;
                position: absolute; } }

.product-box {
  background: #CBCBCB;
  box-shadow: none;
  border-radius: 0;
  width: 100%;
  margin: 0 auto 30px auto;
  padding: 0;
  border: 0; }
  .product-box .title {
    padding: 10px 20px;
    margin: 0;
    background-color: #1C2841;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    height: auto;
    width: 100%;
    position: relative;
    border-radius: 12px 12px 0 0; }
    .product-box .title h4 {
      margin-bottom: 0; }
      .product-box .title h4 a {
        color: #FAFAFB;
        font-size: 1.2rem; }
  .product-box .caption {
    padding: 20px; }
    .product-box .caption .key-selling-point {
      width: 100%;
      padding: 0;
      margin: 0;
      box-sizing: border-box;
      display: block;
      vertical-align: top; }
      .product-box .caption .key-selling-point ul {
        padding-left: 20px; }
        .product-box .caption .key-selling-point ul li {
          width: 100%;
          font-size: 0.9rem;
          line-height: 1.8rem; }
    .product-box .caption .rates-lg {
      width: 100%;
      padding: 0;
      margin: 0;
      box-sizing: border-box;
      display: block; }
      .product-box .caption .rates-lg span.int-prefix,
      .product-box .caption .rates-lg span.com-prefix {
        font-size: 0.875rem;
        font-family: "OpenSans-Bold";
        display: block;
        line-height: 1.125rem;
        padding-bottom: 5px; }
      @media screen and (min-width: 61.938em) {
        .product-box .caption .rates-lg {
          display: inline-block; } }
      .product-box .caption .rates-lg ul {
        list-style: none;
        margin: 0;
        padding: 0;
        padding-left: 0; }
        .product-box .caption .rates-lg ul li {
          width: 100%;
          display: block;
          text-align: center;
          margin: 0;
          font-family: "OpenSans-Bold";
          font-weight: bold;
          margin-bottom: 15px;
          line-height: 1.5rem;
          font-size: 2.5rem;
          color: #99A1AE; }
          @media screen and (min-width: 30em) {
            .product-box .caption .rates-lg ul li {
              text-align: left;
              width: 49%;
              display: inline-block;
              line-height: 2.8rem;
              font-size: 3rem;
              position: relative; } }
          @media screen and (min-width: 765px) {
            .product-box .caption .rates-lg ul li {
              text-align: center;
              width: 100%;
              display: block; } }
          .product-box .caption .rates-lg ul li .product-rate {
            font-family: "OpenSans-Bold";
            font-weight: bold; }
          .product-box .caption .rates-lg ul li .product-suffix {
            font-size: 1.125rem;
            line-height: 1rem;
            display: inline-block; }
            .product-box .caption .rates-lg ul li .product-suffix .product-percent {
              display: block; }
            .product-box .caption .rates-lg ul li .product-suffix .product-per-annum {
              display: block; }
          .product-box .caption .rates-lg ul li .product-desc {
            position: relative;
            font-size: 25%;
            display: block;
            line-height: 1.25rem; }
          .product-box .caption .rates-lg ul li sup {
            font-size: 30%; }
            @media screen and (min-width: 61.938em) {
              .product-box .caption .rates-lg ul li sup {
                top: -30px;
                left: -12px;
                position: relative; } }
    .product-box .caption .buttons {
      text-align: center; }
      @media screen and (min-width: 61.938em) {
        .product-box .caption .buttons {
          text-align: left; } }
      .product-box .caption .buttons button,
      .product-box .caption .buttons a {
        margin-bottom: 10px;
        width: 100%;
        min-width: 150px; }
        @media screen and (min-width: 45em) {
          .product-box .caption .buttons button,
          .product-box .caption .buttons a {
            width: 100%;
            font-size: 1.1rem;
            line-height: 2rem; } }
        @media screen and (min-width: 61.938em) {
          .product-box .caption .buttons button,
          .product-box .caption .buttons a {
            width: auto; } }

.banner-div {
  height: auto; }

.banner-container {
  min-height: 350px;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  .banner-container .banner-box {
    border-radius: 0;
    min-height: 350px;
    background-color: #1C2841;
    overflow: hidden; }
    .banner-container .banner-box .banner-div {
      top: 50%;
      height: auto;
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      padding: 20px;
      z-index: 3;
      border-radius: 0;
      pointer-events: none; }
      .banner-container .banner-box .banner-div .bannerheading {
        color: #FAFAFB; }
        .banner-container .banner-box .banner-div .bannerheading p,
        .banner-container .banner-box .banner-div .bannerheading h1,
        .banner-container .banner-box .banner-div .bannerheading h2,
        .banner-container .banner-box .banner-div .bannerheading h3,
        .banner-container .banner-box .banner-div .bannerheading h4,
        .banner-container .banner-box .banner-div .bannerheading h5,
        .banner-container .banner-box .banner-div .bannerheading h6,
        .banner-container .banner-box .banner-div .bannerheading sup {
          color: #FAFAFB;
          text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4); }
        .banner-container .banner-box .banner-div .bannerheading h5 {
          margin-bottom: 0; }
        .banner-container .banner-box .banner-div .bannerheading sup {
          font-size: 0.5rem; }
      .banner-container .banner-box .banner-div button, .banner-container .banner-box .banner-div a {
        pointer-events: fill; }
    .banner-container .banner-box .banner-img {
      min-height: 350px;
      border-radius: 0;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      -moz-transform: scale(1);
      transform: scale(1); }
      .banner-container .banner-box .banner-img::before {
        background-color: rgba(28, 40, 65, 0.7);
        border-radius: 0;
        opacity: 1; }

.banner-container:hover .banner-img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1); }

.banner-container:hover .banner-img:before {
  border-radius: 0;
  opacity: 1;
  transition: background ease-in-out .3s; }

.banner-container .interest-rate,
.banner-container .comparison-rate,
.banner-container .product-shortcode {
  color: #FAFAFB; }

.key-features-table.product-shortcode {
  max-width: none; }

@media only screen and (max-width: 990px) and (min-width: 768px) {
  .col-md-4 .banner-container .banner-div .bannerheading h5 {
    font-size: 0.8rem;
    line-height: 1.2rem;
    margin-bottom: 1rem; }
  .col-md-4 .banner-container .banner-div .bannerheading h2 {
    font-size: 1.2rem;
    line-height: 1.8rem;
    margin-bottom: 1rem; }
  .col-md-4 .product-shortcode .interest-rate,
  .col-md-4 .product-shortcode .comparison-rate {
    width: 48%;
    font-size: 1.4rem;
    line-height: 1rem; } }

/* Macro */
.umb-macro-holder .removeMacro,
.removeMacro {
  display: none !important; }

/*Table horizontal scroll start here */
.left-button-table {
  font-size: 20px;
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  border: 0;
  background-color: #1C2841;
  color: #fff;
  cursor: pointer;
  z-index: 9999;
  left: 7px;
  width: 30px;
  height: 70px;
  border-radius: 100px 0px 0 100px;
  float: left; }

.mobile-arrow-container {
  position: relative; }

.right-button-table {
  font-size: 20px;
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  border: 0;
  background-color: #1C2841;
  color: #fff;
  cursor: pointer;
  z-index: 9999;
  right: 4px;
  border-radius: 0px 100px 100px 0px;
  width: 30px;
  height: 70px;
  float: right; }

.arrow-container {
  z-index: 0;
  display: none; }

@media all and (max-width: 640px) {
  .table-container {
    width: 80%;
    max-width: 500px;
    margin: 0 auto; }
  .arrow-container {
    display: block;
    position: absolute;
    width: 100%;
    top: 50%; }
  .table-container table {
    display: inline-table; } }

@media all and (max-width: 440px) {
  .table-container {
    max-width: 300px; } }

/*Table horizontal scroll Ends here */
/*
    Product Collection
*/
.owl-carousel.p-carousel .item .product-box {
  height: auto;
  min-height: 500px; }

.owl-carousel.p-carousel .product-box .caption .buttons {
  text-align: center; }

.owl-carousel.p-carousel .owl-nav {
  position: static; }
  .owl-carousel.p-carousel .owl-nav button.owl-next,
  .owl-carousel.p-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    margin-top: -2rem; }

.owl-carousel.p-carousel .owl-prev {
  left: -30px; }

.owl-carousel.p-carousel .owl-next {
  right: -30px; }

.product-list .product-box .caption .buttons {
  text-align: center; }

/*product Name Style */
.productNameStyle {
  font-size: 1.8rem;
  display: block;
  line-height: 2.88rem;
  margin-bottom: 1.1rem;
  font-family: "OpenSans-Semibold"; }
  @media screen and (min-width: 45em) {
    .productNameStyle {
      font-size: 1.6rem;
      line-height: 2.2rem; } }

/** product carousel**/
/** you need to add the parent class when bug is fixed in CXP-1827 */
.product-box .product-image .img-wrapper {
  min-height: 280px;
  border-radius: 5px 5px 0 0;
  background-position: center;
  background-repeat: no-repeat; }

.product-box .title {
  border-radius: 0; }

.owl-carousel.p-carousel {
  width: 100%;
  margin: 0 auto; }
  .owl-carousel.p-carousel .owl-stage-outer {
    width: 100%;
    margin: 0 auto; }
  .owl-carousel.p-carousel .product-box {
    width: 90%; }
    @media screen and (min-width: 60em) {
      .owl-carousel.p-carousel .product-box {
        width: 100%; } }
  .owl-carousel.p-carousel .owl-prev {
    outline: 0;
    left: -10px !important;
    width: 3rem;
    height: 3rem; }
    @media screen and (min-width: 60em) {
      .owl-carousel.p-carousel .owl-prev {
        left: -20px !important; } }
    @media screen and (min-width: 80em) {
      .owl-carousel.p-carousel .owl-prev {
        left: -75px !important; } }
    .owl-carousel.p-carousel .owl-prev::before {
      content: "\e999";
      font-family: "icomoonclient";
      font-size: 3rem;
      color: #96785D;
      position: relative;
      top: -10px; }
    @media (min-width: 1580px) {
      .owl-carousel.p-carousel .owl-prev {
        width: 4rem;
        height: 4rem; }
        .owl-carousel.p-carousel .owl-prev::before {
          font-size: 4rem;
          color: #96785D;
          position: relative;
          top: -10px; } }
    .owl-carousel.p-carousel .owl-prev span {
      display: none; }
  .owl-carousel.p-carousel .owl-next {
    outline: 0;
    right: -10px !important;
    width: 3rem;
    height: 3rem; }
    @media screen and (min-width: 60em) {
      .owl-carousel.p-carousel .owl-next {
        right: -20px !important; } }
    @media screen and (min-width: 80em) {
      .owl-carousel.p-carousel .owl-next {
        right: -75px !important; } }
    .owl-carousel.p-carousel .owl-next::before {
      content: "\e99a";
      font-family: "icomoonclient";
      font-size: 3rem;
      color: #96785D;
      position: relative;
      top: -10px; }
    @media (min-width: 1580px) {
      .owl-carousel.p-carousel .owl-next {
        width: 4rem;
        height: 4rem; }
        .owl-carousel.p-carousel .owl-next::before {
          top: -16px;
          font-size: 4rem; } }
    .owl-carousel.p-carousel .owl-next span {
      display: none; }
  .owl-carousel.p-carousel .owl-prev.disabled::before,
  .owl-carousel.p-carousel .owl-next.disabled::before {
    color: #ffffff;
    opacity: 0.5; }

/**dropdown**/
.dropdown-list {
  max-width: 590px;
  background-color: #ffffff;
  height: auto;
  margin: 0 auto;
  width: 90%; }
  @media screen and (min-width: 45em) {
    .dropdown-list {
      width: 100%; } }
  .dropdown-list div {
    text-align: center; }
    @media screen and (min-width: 45em) {
      .dropdown-list div {
        text-align: left; } }
  .dropdown-list div.title {
    float: left;
    padding: 31px 0;
    background-color: #ffffff;
    font-family: "OpenSans-Semibold";
    width: 100%;
    border: 1px solid #ffffff;
    height: 90px;
    font-size: 1.125rem; }
    @media screen and (min-width: 45em) {
      .dropdown-list div.title {
        width: 30%;
        text-align: center; } }
  .dropdown-list .dropdown {
    font-size: 1.125rem;
    border: 1px solid #ffffff;
    height: 90px;
    float: right;
    width: 100%;
    background-color: #FAFAFB;
    padding: 0;
    border-radius: 0;
    font-family: "OpenSans-Semibold";
    color: #2f3839; }
    @media screen and (min-width: 45em) {
      .dropdown-list .dropdown {
        width: 70%; } }
    .dropdown-list .dropdown .btn {
      color: #2f3839;
      border: 0;
      width: 100%;
      border-radius: 0;
      box-shadow: none !important;
      height: 100%;
      font-family: "OpenSans-Semibold" !important;
      background-color: transparent;
      margin: 0;
      font-size: 1.125rem; }
      @media screen and (min-width: 45em) {
        .dropdown-list .dropdown .btn {
          margin: 0 15px;
          text-align: left; } }
      .dropdown-list .dropdown .btn:hover {
        background-color: transparent;
        box-shadow: none;
        color: #2f3839; }
    .dropdown-list .dropdown .btn.dropdown-toggle::after {
      font-family: "icomoonclient";
      content: "\e92b";
      color: #343434;
      right: 15px;
      top: 18px;
      left: auto;
      position: absolute;
      background: transparent;
      font-size: 2em;
      width: 50px; }
      .dropdown-list .dropdown .btn.dropdown-toggle::after:hover {
        color: #343434; }
  .dropdown-list .dropdown.show .btn.dropdown-toggle:after {
    font-family: "icomoonclient";
    content: "\e92f";
    color: #343434;
    right: 15px;
    top: 18px;
    left: auto;
    position: absolute;
    background: transparent;
    font-size: 2em;
    width: 50px; }
    .dropdown-list .dropdown.show .btn.dropdown-toggle:after:hover {
      color: #343434; }
  .dropdown-list .dropdown-menu.show {
    width: 100%;
    border: 1px solid #CBCBCB;
    background-color: #CBCBCB;
    padding: 0;
    border-radius: 0; }
    @media screen and (min-width: 45em) {
      .dropdown-list .dropdown-menu.show {
        margin-left: -15px; } }
    .dropdown-list .dropdown-menu.show .dropdown-item {
      padding: 20px;
      color: #343434;
      height: auto !important;
      font-size: 1.125rem; }
    .dropdown-list .dropdown-menu.show .dropdown-item:hover,
    .dropdown-list .dropdown-menu.show .dropdown-item:active {
      background-color: #96785D;
      color: #FAFAFB; }

.news-img-box {
  position: relative;
  top: 0;
  height: 180px;
  overflow: hidden;
  border-radius: 12px 12px 0 0;
  /*.news-img {
        top: 0;
        width: auto !important;
        height: 100%;
        max-width: inherit;
        left: -300%;
        right: -300%;
        margin: auto;
        position: absolute;
        z-index: 0;
    }*/ }

.news-container {
  padding: 20px; }
  .news-container .news-body-box {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    overflow: hidden; }
    .news-container .news-body-box:before {
      content: '';
      height: 100%;
      width: 100%;
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      display: inline-block; }
    .news-container .news-body-box a {
      height: auto; }
      .news-container .news-body-box a h3 {
        font-size: 1.2rem;
        line-height: 1.8rem;
        color: #1C2841; }

.news-readmore-controls .btn-primary {
  background-color: transparent !important;
  border: 0;
  color: #99A1AE;
  padding: 0;
  box-shadow: none; }
  .news-readmore-controls .btn-primary:hover {
    background-color: transparent !important;
    color: #2B3A5A;
    box-shadow: none; }

.news-readmore-controls .btn-primary-active,
.news-readmore-controls .btn-primary:hover,
.news-readmore-controls .btn-primary:focus,
.news-readmore-controls .btn-primary:active,
.news-readmore-controls .btn-primary:not([disabled]):not(.disabled).active,
.news-readmore-controls .btn-primary:not([disabled]):not(.disabled):active,
.news-readmore-controls .show > .btn-primary.dropdown-toggle {
  background-color: transparent !important;
  z-index: 999;
  box-shadow: none;
  transform: none;
  color: #2B3A5A;
  border-color: 0 !important; }

.carousel {
  position: relative;
  height: 75%; }
  .carousel .carousel-indicators li {
    display: inline-block;
    width: 15px;
    height: 5px;
    margin: 1px;
    text-indent: -999px;
    background-color: #FAFAFB;
    opacity: 0.5;
    border-radius: 0;
    cursor: pointer; }
  .carousel .carousel-indicators .active {
    background-color: #2B3A5A;
    opacity: 1; }
  .carousel .carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%; }
    .carousel .carousel-inner .news-img-box {
      position: relative;
      top: 0;
      height: 240px;
      overflow: hidden;
      /*.news-img {
                top: 0;
                width: auto;
                height: 100%;
                max-width: inherit;
                left: -300%;
                right: -300%;
                margin: auto;
                position: absolute;
                z-index: 0;
            }*/ }
    .carousel .carousel-inner:before {
      content: '';
      height: 0;
      width: 0;
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      display: inline-block; }
    .carousel .carousel-inner .news-body-box {
      height: 200px;
      width: 100%;
      position: relative;
      background: transparent;
      box-sizing: border-box;
      overflow: hidden; }
      .carousel .carousel-inner .news-body-box:after {
        content: "";
        text-align: right;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 30%;
        padding-bottom: 20px;
        background: linear-gradient(rgba(255, 255, 255, 0), white 50%); }

.home-page-blog-feed {
  position: relative;
  height: 75%; }
  .home-page-blog-feed .owl-carousel .owl-nav {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 80px;
    background-color: #FAFAFB;
    height: 31px;
    margin-right: 0;
    z-index: 10;
    cursor: pointer;
    border-radius: 0;
    border: 1px solid #96785D;
    display: none !important; }
    .home-page-blog-feed .owl-carousel .owl-nav .owl-next, .home-page-blog-feed .owl-carousel .owl-nav .owl-prev {
      width: 50%;
      height: 30px;
      line-height: 1px; }
    .home-page-blog-feed .owl-carousel .owl-nav .owl-next {
      border-left: 1px solid #96785D; }
  .home-page-blog-feed .owl-carousel .owl-dots {
    display: block !important;
    position: absolute;
    bottom: 10px;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
    .home-page-blog-feed .owl-carousel .owl-dots .owl-dot {
      background: #2B3A5A;
      height: 5px;
      color: inherit;
      border: none;
      padding: 0;
      font: inherit;
      width: 20px;
      margin: 0 1px; }
    .home-page-blog-feed .owl-carousel .owl-dots .owl-dot.active {
      background: #ffffff; }
  .home-page-blog-feed .owl-carousel .owl-stage-outer {
    padding-top: 0;
    padding-bottom: 0;
    min-height: 350px;
    border: 0;
    border-radius: 0;
    background: #CBCBCB;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 100%; }
    .home-page-blog-feed .owl-carousel .owl-stage-outer .owl-item {
      position: relative;
      overflow: hidden;
      width: 100%; }
      .home-page-blog-feed .owl-carousel .owl-stage-outer .owl-item .item {
        position: relative;
        top: 0;
        height: 350px;
        overflow: hidden;
        padding: 0 !important; }
        .home-page-blog-feed .owl-carousel .owl-stage-outer .owl-item .item .list {
          overflow: hidden; }
          .home-page-blog-feed .owl-carousel .owl-stage-outer .owl-item .item .list div {
            padding: 0; }
            .home-page-blog-feed .owl-carousel .owl-stage-outer .owl-item .item .list div .news-img-box {
              height: 120px;
              display: block;
              position: relative;
              /*.news-img {
                                    top: 0;
                                    width: auto;
                                    height: 100%;
                                    max-width: inherit;
                                    left: -300%;
                                    right: -300%;
                                    margin: auto;
                                    position: absolute;
                                    z-index: 0;
                                    overflow: hidden;
                                }*/ }
            .home-page-blog-feed .owl-carousel .owl-stage-outer .owl-item .item .list div .news-container {
              padding: 20px; }
              .home-page-blog-feed .owl-carousel .owl-stage-outer .owl-item .item .list div .news-container .news-body-box {
                width: 100%;
                position: relative;
                box-sizing: border-box;
                overflow: hidden; }
                .home-page-blog-feed .owl-carousel .owl-stage-outer .owl-item .item .list div .news-container .news-body-box a {
                  height: auto; }
                  .home-page-blog-feed .owl-carousel .owl-stage-outer .owl-item .item .list div .news-container .news-body-box a h3 {
                    font-size: 1.2rem;
                    line-height: 1.8rem;
                    color: #1C2841;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    line-height: 24px;
                    max-height: 120px;
                    -webkit-line-clamp: 1;
                    -webkit-box-orient: vertical;
                    margin-bottom: 10px; }
                .home-page-blog-feed .owl-carousel .owl-stage-outer .owl-item .item .list div .news-container .news-body-box p {
                  font-size: 0.875rem;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  display: -webkit-box;
                  line-height: 24px;
                  max-height: 70px;
                  -webkit-line-clamp: 2;
                  -webkit-box-orient: vertical;
                  margin-bottom: 15px; }
                .home-page-blog-feed .owl-carousel .owl-stage-outer .owl-item .item .list div .news-container .news-body-box:before {
                  content: '';
                  height: 100%;
                  width: 100%;
                  position: absolute;
                  z-index: 1;
                  top: 0;
                  left: 0;
                  display: inline-block; }
  .home-page-blog-feed .read-all {
    text-align: center;
    width: 100%; }
    .home-page-blog-feed .read-all a {
      position: relative;
      top: 5px; }

.product-page-blog-feed .news-article-wrapper {
  min-height: 300px;
  margin-bottom: 20px;
  border: 0;
  border-radius: 0;
  background: #CBCBCB;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  .product-page-blog-feed .news-article-wrapper .news-container .news-body-box {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    overflow: hidden; }
    .product-page-blog-feed .news-article-wrapper .news-container .news-body-box a {
      height: auto; }
      .product-page-blog-feed .news-article-wrapper .news-container .news-body-box a h3 {
        font-size: 1.2rem;
        line-height: 1.8rem;
        color: #1C2841;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 24px;
        max-height: 120px;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        margin-bottom: 10px; }
    .product-page-blog-feed .news-article-wrapper .news-container .news-body-box p {
      font-size: 0.875rem;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      line-height: 24px;
      max-height: 70px;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }

.product-page-blog-feed .read-all {
  text-align: center;
  width: 100%;
  margin: 20px auto 0 auto; }

.owl-stage-outer .btn-primary-active,
.owl-stage-outer .btn-primary:hover,
.owl-stage-outer .btn-primary:focus,
.owl-stage-outer .btn-primary:active,
.owl-stage-outer .btn-primary:not([disabled]):not(.disabled).active,
.owl-stage-outer .btn-primary:not([disabled]):not(.disabled):active,
.owl-stage-outer .show > .btn-primary.dropdown-toggle {
  background-color: transparent !important;
  color: #1C2841;
  box-shadow: none; }

.carousel-control-next,
.carousel-control-prev {
  z-index: 9;
  width: 9%; }

.news-carousel .carousel-control-next,
.news-carousel .carousel-control-prev {
  position: absolute;
  top: 92%;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  opacity: .5;
  width: 40px;
  border-top: #96785D;
  border-bottom: #96785D;
  border-left: #96785D;
  border-right: #96785D;
  border-width: 1px;
  border-style: solid;
  background-color: #FAFAFB;
  height: 31px;
  margin-right: 30px;
  z-index: 10; }
  @media screen and (max-width: 45em) {
    .news-carousel .carousel-control-next,
    .news-carousel .carousel-control-prev {
      display: none; } }

.news-carousel .carousel-control-prev {
  left: inherit;
  right: 39px;
  border-radius: 0 0 0 0; }

.news-carousel .carousel-control-next {
  border-radius: 0 0 0 0; }

.news-carousel .icon-keyboard_arrow_right:before,
.news-carousel .icon-keyboard_arrow_left:before {
  font-size: 1.5rem;
  line-height: 2.4rem;
  color: #1C2841; }
  @media screen and (min-width: 45em) {
    .news-carousel .icon-keyboard_arrow_right:before,
    .news-carousel .icon-keyboard_arrow_left:before {
      font-size: 1.625rem;
      line-height: 2.6rem; } }
  @media screen and (min-width: 60em) {
    .news-carousel .icon-keyboard_arrow_right:before,
    .news-carousel .icon-keyboard_arrow_left:before {
      font-size: 1.875rem;
      line-height: 3rem; } }

.carousel-caption {
  position: relative;
  left: 15%;
  right: 15%;
  z-index: 1000;
  color: #ffffff;
  text-align: left;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: auto;
  max-width: 1160px;
  padding: 0 30px;
  display: inline-block;
  margin: 0 auto; }
  .carousel-caption h1,
  .carousel-caption h2,
  .carousel-caption p {
    color: #ffffff;
    margin-bottom: 1rem;
    line-height: 1.75rem; }
  .carousel-caption p.fine-print {
    font-size: 0.8rem; }
  .carousel-caption h1 {
    font-size: 2.2rem;
    line-height: 2.8rem;
    margin-bottom: 0; }
  .carousel-caption h2 {
    font-size: 1.5rem;
    line-height: 2rem; }
  .carousel-caption button {
    text-shadow: none;
    cursor: pointer;
    padding: .7em 2em;
    margin: 1em 0;
    width: 100%;
    font-size: 1.2rem;
    margin-bottom: 20px;
    font-family: "OpenSans-Semibold";
    border-radius: 0;
    box-shadow: none; }
    .carousel-caption button:hover {
      background-color: #99A1AE; }
  @media screen and (min-width: 30em) {
    .carousel-caption button {
      width: auto;
      margin-bottom: 0; } }

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 30px;
  height: 30px;
  font-size: 30px;
  color: #fff; }

.carousel-caption {
  left: auto;
  right: auto;
  padding: 20px 30px; }
  @media screen and (min-width: 30em) {
    .carousel-caption {
      padding: 20px 70px; } }

.page-down {
  display: none; }

.controls {
  bottom: 15px; }

.carousel-indicators {
  margin: 0 auto; }

.carousel-caption {
  text-shadow: 1px 1px 4px #343434; }
  .carousel-caption h1 {
    color: #FAFAFB; }
  .carousel-caption h2,
  .carousel-caption h3 {
    color: #FAFAFB;
    text-shadow: 1px 1px 4px #343434; }

@media all and (min-width: 32.5em) {
  .carousel-caption h1 {
    font-size: 3rem;
    line-height: 3.5rem;
    color: #FAFAFB; } }

@media all and (min-width: 50em) {
  .carousel-control {
    font-size: 3.5em; }
  .carousel-caption h1 {
    font-size: 5rem;
    line-height: 5.5rem;
    margin-bottom: 1rem; }
  .carousel-caption h2 {
    font-size: 2.5rem;
    line-height: 2.4rem;
    font-family: "OpenSans-Regular"; }
  .carousel-caption h3 {
    font-size: 4.5rem;
    line-height: 3.7rem;
    font-family: "OpenSans-Bold"; }
  .controls {
    bottom: 100px; } }

@media all and (min-width: 65.625em) {
  .carousel.rotatorslide {
    background: #2f3839; }
    .carousel.rotatorslide:before, .carousel.rotatorslide:after {
      content: "";
      height: 32px;
      width: 50%;
      background: #fff;
      background: linear-gradient(135deg, transparent 10px, #fff 0) top left, linear-gradient(225deg, transparent 10px, #fff 0) top right, linear-gradient(315deg, transparent 10px, #fff 0) bottom right, linear-gradient(45deg, transparent 10px, #fff 0) bottom left;
      background-size: 100%;
      background-repeat: no-repeat;
      position: absolute;
      bottom: 0; }
    .carousel.rotatorslide:before {
      content: none;
      background-image: none;
      right: 0;
      z-index: 10; }
    .carousel.rotatorslide:after {
      content: none;
      background-image: none;
      left: 0;
      z-index: 10; }
  .carousel-caption {
    left: 10%;
    max-width: calc(1160px - 10%);
    padding: 0 60px; } }

@media (max-width: 32.5em) {
  .carousel-caption .btn {
    margin: 0;
    padding: .5em 1.5em;
    font-size: 1.5rem; } }

@media (min-width: 32.5em) and (max-height: 56em) {
  .carousel-caption .btn {
    margin: 1em 0;
    padding: .5em 1.5em;
    font-size: 1.5rem; }
  .carousel:before, .carousel:after {
    content: none; }
  .carousel-caption h1 {
    font-size: 3rem;
    line-height: 3.5rem; }
  .carousel-caption h2 {
    font-size: 2.5rem;
    line-height: 2.4rem;
    font-family: "OpenSans-Regular"; } }

.news-carousel {
  background: #fff;
  border-radius: 0;
  overflow: hidden; }

.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.vert .carousel-item-next,
.vert .active.carousel-item-right {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100% 0); }

.vert .carousel-item-prev,
.vert .active.carousel-item-left {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0); }

.home-carousel.m-t-20 {
  margin-top: 0; }

.carousel {
  position: relative;
  height: 600px; }
  .carousel .carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%; }
    .carousel .carousel-inner .carousel-item:before {
      content: '';
      height: 100%;
      width: 100%;
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      display: inline-block;
      background-color: rgba(28, 40, 65, 0.7); }
    .carousel .carousel-inner .carousel-item .carousel-img {
      padding-top: 0;
      position: relative;
      background-size: cover;
      background-position: center;
      border-bottom: 0;
      padding-bottom: 0;
      min-height: 600px;
      margin: 0; }
      .carousel .carousel-inner .carousel-item .carousel-img .caption-container {
        position: absolute;
        display: inline-block;
        width: 100%;
        height: 100%; }

.carousel-item .interest-rate, .carousel-item .comparison-rate {
  color: #FAFAFB; }

.home-carousel .carousel-caption h2, .home-carousel .carousel-caption h3 {
  font-size: 2.8rem;
  line-height: 2.8rem; }

@media all and (min-width: 50em) {
  .home-carousel .carousel-caption h1 {
    font-size: 5rem;
    line-height: 5.5rem;
    margin-bottom: 1rem; }
  .home-carousel .carousel-caption h2 {
    font-size: 2.5rem;
    line-height: 2.4rem;
    font-family: "OpenSans-Regular"; }
  .home-carousel .carousel-caption h3 {
    font-size: 4.5rem;
    line-height: 5rem;
    font-family: "OpenSans-Bold"; }
  .home-carousel .controls {
    bottom: 100px; } }

@media all and (max-width: 767px) {
  .home-page-blog-feed .owl-carousel .owl-stage-outer {
    min-height: 400px; }
  .home-page-blog-feed .owl-carousel .owl-stage-outer .owl-item .item .list div .news-img-box .news-img {
    height: auto; }
  .home-page-blog-feed .owl-carousel .owl-stage-outer .owl-item .item .list div .news-img-box {
    height: 200px; } }

.news-img.responsive-img {
  width: auto; }

body .cookie-wrapper {
  top: 0;
  height: auto;
  position: fixed;
  width: 100%;
  z-index: 999; }

body .is-cookies-alert-loaded .mod-notifications.mod-cookies-alert.mod-menu {
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s; }

body .mod-notifications.mod-menu {
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  background-color: #1C2841; }

body .mod-menu {
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  overflow: hidden; }

body .mod-notifications.mod-menu .mod-menu-wrap {
  padding: 10px;
  margin: 0 1em;
  text-align: center;
  color: #fff;
  position: relative; }

body .mod-notifications.mod-menu .content,
body .mod-notifications.mod-menu .mod-button {
  display: inline-block;
  vertical-align: middle; }

body .mod-notifications.mod-menu .mod-button {
  margin-left: 1em;
  cursor: pointer; }

body .mod-menu-wrap:before,
body .mod-menu-wrap:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  margin: -1px 0 0 0;
  clear: both; }

body .mod-notifications.mod-menu p,
body .mod-notifications.mod-menu p span {
  color: #FAFAFB;
  margin-bottom: 0; }
  @media all and (max-width: 700px) {
    body .mod-notifications.mod-menu p,
    body .mod-notifications.mod-menu p span {
      font-size: 12px;
      line-height: 16px; } }

body .mod-cookies-alert {
  height: 0; }

body .mod-button-close i:before {
  font-size: 20px; }

.video--container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden; }

.video--container video {
  position: absolute;
  left: 50%;
  top: 50%;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 0; }

.video--container div {
  position: relative;
  z-index: 1; }

#webchatpanel * {
  font-family: "OpenSans-Regular";
  border: 0; }

#webchatpanel {
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15);
  border: 0;
  border-radius: 10px 0px 0 10px;
  right: 0px;
  position: fixed;
  bottom: 100px;
  z-index: 2000;
  background-color: #FAFAFB;
  color: #343434;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  #webchatpanel #botTitleBar {
    padding: 5px;
    background-color: #96785d;
    border-radius: 10px 0px 0 0px;
    font-weight: bold;
    font-family: "OpenSans-Regular";
    color: #FAFAFB;
    z-index: 1000;
    height: 100px;
    font-size: 1.125rem;
    vertical-align: middle; }
    #webchatpanel #botTitleBar span i.iconclient-chat_answer:before {
      color: #FAFAFB;
      font-size: 1.813rem;
      display: inline-block;
      margin-top: -5px;
      vertical-align: middle; }
    #webchatpanel #botTitleBar span {
      vertical-align: middle; }
  #webchatpanel #webchat {
    width: 100%; }
    #webchatpanel #webchat div ul[role=list] {
      height: 550px; }
    #webchatpanel #webchat div ul .content .message .bubble {
      border: 0; }
      #webchatpanel #webchat div ul .content .message .bubble .markdown {
        padding: 0; }
        #webchatpanel #webchat div ul .content .message .bubble .markdown:before {
          background-image: url(../img/bot/bot.png);
          width: 56px;
          height: 56px;
          content: ' ';
          background-repeat: no-repeat;
          display: inline-block;
          font-size: 2.8rem;
          margin-right: 5px;
          line-height: 2.8rem;
          padding: 5px;
          vertical-align: top;
          border-radius: 100px; }
        #webchatpanel #webchat div ul .content .message .bubble .markdown p {
          display: inline-block;
          background: #CBCBCB;
          border-radius: 0px 10px 10px 10px;
          max-width: 300px;
          color: #1C2841;
          padding: 10px;
          font-size: 1rem; }
          #webchatpanel #webchat div ul .content .message .bubble .markdown p a {
            color: #96785d;
            text-decoration: underline; }
    #webchatpanel #webchat div ul span.timestamp {
      margin-left: 62px;
      padding: 0; }
    #webchatpanel #webchat div .from-user.bubble .webchat__bubble__content:after {
      content: '\e933';
      background-image: url(../img/bot/user.png);
      width: 56px;
      height: 56px;
      content: ' ';
      background-repeat: no-repeat;
      display: inline-block;
      font-size: 2.8rem;
      margin-left: 5px;
      line-height: 2.8rem;
      padding: 5px;
      vertical-align: top;
      border-radius: 100px; }
    #webchatpanel #webchat div .from-user.bubble .webchat__bubble__content span,
    #webchatpanel #webchat div .from-user.bubble .webchat__bubble__content p {
      background: #1C2841;
      border-radius: 10px 0 10px 10px;
      padding: 10px;
      color: #FAFAFB;
      max-width: 300px;
      display: inline-block; }
    #webchatpanel #webchat div span.timestamp {
      margin-right: 62px;
      padding: 0;
      margin-left: 0; }
    #webchatpanel #webchat div[role=complementary] {
      border-bottom-left-radius: 10px; }
      #webchatpanel #webchat div[role=complementary] div[role=form] .css-nil li button {
        border-radius: 10px;
        border: 1px solid #96785d;
        color: #96785d;
        font-family: "OpenSans-Bold";
        transition: 0.3s;
        font-size: 1rem;
        line-height: 1rem;
        padding: 10px;
        font-family: "OpenSans-Semibold" !important; }
        #webchatpanel #webchat div[role=complementary] div[role=form] .css-nil li button:hover {
          background-color: #96785d;
          color: #FAFAFB; }
      #webchatpanel #webchat div[role=complementary] div[role=form] div.slider {
        border: 0; }
        #webchatpanel #webchat div[role=complementary] div[role=form] div.slider:hover {
          background-color: transparent; }
      #webchatpanel #webchat div[role=complementary] div[role=form] ul {
        max-height: 60px; }
      #webchatpanel #webchat div[role=complementary] div[role=form] .main {
        z-index: 2;
        border-bottom-left-radius: 10px; }
        #webchatpanel #webchat div[role=complementary] div[role=form] .main button {
          border: 0; }
        #webchatpanel #webchat div[role=complementary] div[role=form] .main svg {
          fill: #96785d; }
        #webchatpanel #webchat div[role=complementary] div[role=form] .main form {
          padding: 4% 10px; }

#webchatpanel.opened {
  width: 470px;
  background: transparent; }
  #webchatpanel.opened #botTitleBar {
    height: 50px;
    padding: 9px; }
  #webchatpanel.opened #webchat,
  #webchatpanel.opened .botimg,
  #webchatpanel.opened form,
  #webchatpanel.opened svg {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }

#webchatpanel.closed {
  background: transparent;
  height: 80px;
  width: 250px;
  border-radius: 100px 0 0 100px; }
  #webchatpanel.closed #botTitleBar {
    height: 80px;
    padding: 20px 0px 20px 15px;
    border-radius: 100px 5px 5px 100px; }
    #webchatpanel.closed #botTitleBar span i.iconclient-chat_answer:before {
      font-size: 3rem; }
    #webchatpanel.closed #botTitleBar span {
      width: 76px;
      vertical-align: middle;
      display: inline-block; }
    #webchatpanel.closed #botTitleBar span.text {
      width: 150px;
      margin-top: -10px;
      line-height: 21px;
      font-size: 1.563rem; }
  #webchatpanel.closed #webchat,
  #webchatpanel.closed .botimg,
  #webchatpanel.closed form {
    width: 80px;
    height: 80px;
    display: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }

#webchatpanel.closed:hover {
  width: 270px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  right: 0; }
  #webchatpanel.closed:hover #botTitleBar {
    right: 0;
    width: 270px;
    background-color: #7d644d;
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15); }

#webchatpanel.opening #webchat div ul[role=list] li {
  visibility: hidden; }

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

body,
html {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  font-size: 100%;
  font-family: "OpenSans-Regular"; }

.gel-header {
  position: fixed;
  z-index: 9; }

.wrapper {
  margin: 0;
  width: 100%;
  position: relative;
  top: 68px; }
  @media screen and (min-width: 1200px) {
    .wrapper {
      top: 151px; } }

p {
  font-size: 1.125rem;
  line-height: 1.8rem;
  margin-bottom: 2rem; }

h1,
h2,
h3,
h4,
h5,
h6,
p,
label,
li {
  color: #2f3839; }

label {
  cursor: default; }

dl, ol, ul {
  margin-bottom: 2rem; }

h1 {
  color: #1C2841; }

h2,
h3,
h4 {
  margin-right: auto;
  font-style: normal;
  overflow-wrap: break-word;
  color: #99A1AE; }

.masthead h1 {
  max-width: inherit; }

h1 {
  font-size: 2.25rem;
  line-height: 1;
  font-weight: 900;
  margin-bottom: 2rem;
  font-family: "OpenSans-Bold"; }

h2 {
  font-size: 1.8rem;
  line-height: 2.88rem;
  margin-bottom: 1.1rem;
  font-family: "OpenSans-Semibold"; }

h2 span {
  font-family: "OpenSans-Bold"; }

h2:last-child {
  margin-bottom: 1.1rem; }

h3,
h4 {
  font-family: "OpenSans-Semibold"; }

h3 {
  font-size: 1.3rem;
  line-height: 2.08rem;
  margin-bottom: 1.1rem; }

h4 {
  font-size: 1.4rem;
  line-height: 2.24rem;
  margin-bottom: 1.6rem; }

h5 {
  font-size: 1.2rem;
  line-height: 1.9rem;
  margin-bottom: 1.6rem;
  font-family: "OpenSans-Semibold"; }

a {
  color: #99A1AE; }
  a.avoid-click {
    pointer-events: none; }

a:hover {
  color: #2B3A5A; }

img {
  width: 100%;
  height: auto; }

.rich-text-editor img {
  max-width: 100%;
  width: auto; }

.breadcrumb li.no-link {
  color: #ffffff; }

.intro-para {
  font-size: 1.6rem;
  font-family: "OpenSans-Regular";
  line-height: 2.56rem; }

.tag-line {
  font-family: "OpenSans-Semibold";
  color: #96785D; }

h2.title {
  font-family: "OpenSans-Bold";
  color: #343434;
  font-size: 1.6rem;
  line-height: 3.05rem;
  display: inline-block; }

.center, h2.title.center {
  text-align: center; }

.footnotes-container {
  list-style: none;
  padding-left: 0;
  padding-top: 20px; }

.footnotes-container li {
  font-family: "OpenSans-Regular";
  color: #343434;
  font-size: 0.8rem;
  line-height: 1.2rem; }

.footnotes-heading {
  display: none; }

.imagecropper .umb-sortable-thumbnails li img {
  min-width: none !important; }

h1.home-heading {
  margin-top: 3rem;
  text-align: center; }

@media all and (min-width: 61.938em) {
  p,
  li,
  label {
    font-size: 1.125rem; }
  /* this will style the bullets when we can target content block bullets witha  tag*/
  /*ul {
        list-style: none;
        li {
            list-style: none;
            &:before {
                content:'';
                background: red;
                display: inline-block;
                width: 5px;
                height: 5px;
                border-radius: 25%;
            }
        }
    }
*/
  .bullet li {
    font-size: .6rem; }
  h1 {
    font-size: 3rem; }
  h2 {
    font-size: 1.6rem;
    line-height: 2.2rem;
    width: 100%; }
  h3 {
    font-size: 1.5rem; }
  .intro-para,
  .intro-para a {
    font-size: 1.6rem;
    line-height: 2.56rem; }
  .intro-para {
    display: inline-block; }
  h1.home-heading {
    margin-top: 3rem; } }

.accordiondata {
  padding: 1rem 20px; }
  @media all and (min-width: 30em) {
    .accordiondata {
      padding: 1rem 0; } }
  .accordiondata .card {
    border-radius: 0;
    overflow: hidden;
    border: 0;
    background: transparent; }
    .accordiondata .card .card-block {
      padding: 1.25rem 0; }
    .accordiondata .card .card-header {
      background-color: transparent;
      border-bottom: 0;
      padding: 0.75rem 0; }
      .accordiondata .card .card-header:hover {
        background-color: transparent; }
      .accordiondata .card .card-header a {
        color: #99A1AE;
        margin-left: 0 !important;
        font-family: "OpenSans-Semibold"; }
        .accordiondata .card .card-header a:hover {
          text-decoration: none;
          color: #2B3A5A; }
          .accordiondata .card .card-header a:hover:before {
            color: #2B3A5A; }
        .accordiondata .card .card-header a:before {
          font-family: "icomoonclient";
          content: "\e92f";
          color: #99A1AE;
          position: relative;
          font-size: 2rem;
          top: 8px; }
      .accordiondata .card .card-header a.collapsed {
        color: #99A1AE;
        margin-left: 0 !important;
        font-family: "OpenSans-Semibold"; }
        .accordiondata .card .card-header a.collapsed:hover {
          text-decoration: none;
          color: #2B3A5A; }
        .accordiondata .card .card-header a.collapsed:before {
          font-family: "icomoonclient";
          content: "\e92b";
          color: #99A1AE;
          font-size: 2rem;
          position: relative;
          top: 8px; }

.gel-page .row {
  width: 100% !important;
  margin-left: 0 !important;
  padding-top: 0; }

.class-name {
  background-color: #ffffff;
  border-radius: 4px;
  padding: 3px 7px;
  font-weight: 100;
  display: inline-block;
  line-height: 1.5;
  vertical-align: middle;
  font-size: 13px; }

.copy-name {
  background-color: #1C2841;
  border-radius: 4px;
  padding: 3px 7px;
  font-weight: 100;
  display: inline-block;
  line-height: 1.5;
  vertical-align: middle;
  color: #FAFAFB;
  cursor: pointer; }

.color-list li {
  width: 24%;
  display: inline-block;
  vertical-align: top; }
  @media screen and (max-width: 30em) {
    .color-list li {
      width: calc(30%); } }

.color-list .color-base-round {
  display: inline-block;
  width: 76px;
  height: 76px;
  border-radius: 0;
  z-index: 10;
  float: left;
  margin-right: 10px; }

.font-list li {
  width: 25%;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: -1px;
  height: auto;
  padding: 2em; }
  .font-list li:before {
    content: none !important; }
  @media screen and (min-width: 30em) {
    .font-list li {
      margin-left: -5px;
      min-height: 400px; } }
  @media screen and (max-width: 80em) {
    .font-list li {
      width: calc(50%); } }
  @media screen and (max-width: 30em) {
    .font-list li {
      width: 100%;
      height: auto; } }

@media screen and (min-width: 30em) {
  .font-list {
    margin-left: 5px;
    margin-right: -5px; } }

.color-bg-list li {
  width: 25%;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: -1px;
  min-height: 220px;
  padding: 2em; }
  @media screen and (min-width: 30em) {
    .color-bg-list li {
      margin-left: -5px;
      padding: 0;
      text-align: center; } }
  @media screen and (max-width: 80em) {
    .color-bg-list li {
      width: calc(50%); } }
  @media screen and (max-width: 30em) {
    .color-bg-list li {
      width: 100%;
      height: auto; } }

.color-bg-list .color-base-round {
  display: inline-block;
  width: 100%;
  height: 150px;
  border-radius: 0;
  z-index: 10;
  margin-bottom: 1rem; }
  @media screen and (min-width: 30em) {
    .color-bg-list .color-base-round {
      width: 90%; } }

@media screen and (min-width: 30em) {
  .color-bg-list {
    margin-left: 8px; } }

.list-border-4 li,
.list-border-8 li {
  border: 1px solid #1C2841;
  height: 220px; }
  .list-border-4 li:before,
  .list-border-8 li:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .list-border-4 li:first-child,
  .list-border-8 li:first-child {
    border-radius: 0 0 0 0; }
  .list-border-4 li:last-child,
  .list-border-8 li:last-child {
    border-radius: 0 0 0 0; }
  @media screen and (min-width: 30em) {
    .list-border-4 li,
    .list-border-8 li {
      border-right: 1px solid #1C2841 !important; }
      .list-border-4 li:first-child,
      .list-border-8 li:first-child {
        border-radius: 0 0 0 0; }
      .list-border-4 li:last-child,
      .list-border-8 li:last-child {
        border-radius: 0 0 0 0; }
      .list-border-4 li:nth-child(2),
      .list-border-8 li:nth-child(2) {
        border-radius: 0 0 0 0; }
      .list-border-4 li:nth-last-child(2),
      .list-border-8 li:nth-last-child(2) {
        border-radius: 0 0 0 0; } }
  @media screen and (min-width: 80em) {
    .list-border-4 li,
    .list-border-8 li {
      border-right: 1px solid #1C2841 !important;
      min-height: 500px; }
      .list-border-4 li:nth-child(2), .list-border-4 li:nth-last-child(2),
      .list-border-8 li:nth-child(2),
      .list-border-8 li:nth-last-child(2) {
        border-radius: 0; }
      .list-border-4 li:nth-child(4),
      .list-border-8 li:nth-child(4) {
        border-radius: 0 0 0 0; }
      .list-border-4 li:nth-child(5),
      .list-border-8 li:nth-child(5) {
        border-radius: 0 0 0 0; } }
  @media screen and (max-width: 30em) {
    .list-border-4 li,
    .list-border-8 li {
      width: 100%;
      height: auto; }
      .list-border-4 li:first-child,
      .list-border-8 li:first-child {
        border-radius: 0 0 0 0; }
      .list-border-4 li:last-child,
      .list-border-8 li:last-child {
        border-radius: 0 0 0 0; } }

.list-border-4 li:last-child,
.list-border-8 li:last-child {
  border-right: 1px solid #1C2841 !important; }

@media screen and (min-width: 80em) {
  .list-border-4 li {
    min-height: inherit; }
    .list-border-4 li:first-child {
      border-radius: 0 0 0 0; }
    .list-border-4 li:nth-child(2) {
      border-radius: 0; }
    .list-border-4 li:nth-child(4) {
      border-radius: 0 0 0 0; } }

#font-icons li {
  width: 20%;
  display: inline-block;
  vertical-align: middle;
  height: 166px;
  color: #444;
  line-height: 20px;
  text-align: center;
  border: 1px solid #ffffff;
  margin-left: -1px;
  margin-bottom: -1px; }
  #font-icons li:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  #font-icons li .font-round {
    display: inline-block;
    vertical-align: middle;
    font-size: .8rem; }
    #font-icons li .font-round .icon:before {
      font-size: 2rem;
      margin-bottom: .4em;
      display: block; }
    @media screen and (max-width: 45em) {
      #font-icons li .font-round {
        width: 110px;
        height: 110px; } }
    @media screen and (max-width: 30em) {
      #font-icons li .font-round {
        background: transparent;
        width: auto; } }
  @media screen and (max-width: 80em) {
    #font-icons li {
      width: 33.3333%; } }
  @media screen and (max-width: 30em) {
    #font-icons li {
      width: 50%;
      padding-left: 0%; } }

.news-holder-gel {
  padding: 10px; }

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

.container {
  position: relative; }

@media screen and (min-width: 30em) {
  .container.outer {
    padding-top: 30px; } }

.search-container p.search-title {
  color: #FAFAFB;
  font-size: 1.813rem;
  margin-bottom: 1.1rem;
  font-family: "OpenSans-Semibold";
  text-align: center;
  line-height: 2.88rem; }
  @media screen and (min-width: 45em) {
    .search-container p.search-title {
      text-align: left; } }

.container.search {
  padding-top: 30px; }
  @media screen and (min-width: 30em) {
    .container.search {
      padding-top: 100px; } }

.masthead .container, .masthead.container, .container.home-container {
  top: 0; }

.masthead .container .col-md-12 {
  padding: 0; }

.row {
  width: 100%;
  margin: 0 auto; }

.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap; }

.background-margin {
  margin: 20px 0; }

.grid-section .inner-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap; }

.container {
  margin: 0 auto;
  width: 100%;
  max-width: none;
  padding: 0; }

@media (min-width: 576px) {
  .container {
    max-width: none; } }

@media (min-width: 768px) {
  .container {
    max-width: none; } }

@media (min-width: 992px) {
  .container {
    max-width: none; } }

@media (min-width: 1200px) {
  .container {
    max-width: none; } }

.inner-container {
  margin: 0 auto;
  width: 100%;
  max-width: none;
  padding: 0; }
  @media (min-width: 45em) {
    .inner-container {
      padding: 0; } }

@media (min-width: 576px) {
  .inner-container {
    max-width: 540px; } }

@media (min-width: 768px) {
  .inner-container {
    max-width: 720px; } }

@media (min-width: 992px) {
  .inner-container {
    max-width: 960px; } }

@media (min-width: 1200px) {
  .inner-container {
    max-width: 1140px; } }

.column {
  padding-top: 20px;
  padding-bottom: 20px;
  /* 0 padding */ }
  .column.no-pad-top {
    padding-top: 0px; }
  .column.no-pad-bottom {
    padding-bottom: 0px; }
  .column.no-pad-right {
    padding-right: 0px; }
  .column.no-pad-left {
    padding-left: 0px; }

@media (min-width: 45em) {
  .column.col-md-12 {
    padding-left: 0;
    padding-right: 0; } }

.column.col-md-12 h2 {
  padding-left: 15px; }

.column.col-md-12 h2[style="text-align: center;"] {
  padding-left: 0; }

.content {
  padding-left: 0;
  padding-right: 0; }

.umb-grid {
  width: 100%; }

#dark {
  background: #2f3839; }
  #dark h2 {
    color: #1C2841; }
  #dark h3 {
    color: #1C2841; }

.light-grey-background {
  background: #ffffff; }

.footer {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0 auto;
  clear: both;
  float: none;
  top: 60px;
  margin: 0 auto;
  width: 100%;
  background-color: #1C2841;
  text-align: center;
  color: #FAFAFB; }

.footer .accordiondata {
  padding: 0 20px; }
  .footer .accordiondata .card {
    border-radius: 0;
    overflow: hidden;
    border: 0;
    background-color: #1C2841; }
    .footer .accordiondata .card .card-header {
      background-color: #1C2841;
      border-bottom: 0; }
      .footer .accordiondata .card .card-header:hover {
        background-color: #1C2841; }
      .footer .accordiondata .card .card-header a {
        color: #FAFAFB; }
        .footer .accordiondata .card .card-header a:hover {
          text-decoration: none; }

.footer h4, .footer h5, .footer .card-header h5 a, .footer a, .footer .card .card-header a:before {
  color: #FAFAFB; }

.footer a:hover {
  color: #1C2841; }

.footer ul {
  list-style: none;
  padding-left: 20px;
  text-align: left; }

.footer li, .footer p, .footer li a {
  color: #2f3839; }

.footer p {
  text-align: center; }

.social-icons img {
  max-width: 40px;
  height: auto;
  padding: 10px 5px; }

.footer .logo-landscape {
  display: none; }

.footer .logo-icon {
  display: inline-block;
  max-width: 100px; }

.col-lg-fullwidth {
  width: 100% !important;
  flex: unset;
  max-width: 100%; }

@media screen and (min-width: 45em) {
  .footer, .footer p {
    text-align: left; }
  .footer {
    margin: 0;
    width: 100%;
    top: 100px; }
  .footer .logo-landscape {
    display: inline-block;
    width: 150px;
    height: 80px; }
  .footer .logo-icon {
    display: none; } }

.bottom-margin {
  margin-bottom: 40px; }

.accordion-padding {
  padding-left: 0; }

.accordion-side-icon {
  font-size: 70px;
  vertical-align: -30%;
  color: #1C2841;
  font-size: 3rem; }

/* Member Login Style  */
.mem-promotion-block {
  height: 100vh;
  min-height: 500px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }

.mem-login-user-ico,
.mem-toggle-password {
  float: right;
  margin-top: -48px;
  position: relative;
  z-index: 2;
  font-size: 45px;
  cursor: pointer; }

.mem-login-btn-ico {
  font-size: 40px;
  float: right;
  margin-left: 5px;
  position: relative;
  z-index: 2; }

.mem-login-form .form-group {
  max-width: 300px;
  margin-bottom: 20px; }

.mem-promo-contents p, .mem-promo-contents h1, .mem-promo-contents h2, .mem-promo-contents h3, .mem-promo-contents h4, .mem-promo-contents h5, .mem-promo-contents h6 {
  color: #fff; }

.member-logout {
  float: right !important;
  padding: 0.5em 0 0 0; }

/* Member  Login style end */
/* Product Rates Style */
[data-alignment="text-right"] {
  display: block;
  text-align: right; }

[data-alignment="text-center"] {
  display: block;
  text-align: center; }

[data-alignment="text-left"] {
  display: block;
  text-align: left; }

/* Predictive search list results */
ul.predictive-search-result {
  text-align: left;
  width: 48em;
  margin: 10px auto;
  padding: 0; }
  ul.predictive-search-result li a.search-links {
    color: #FAFAFB !important;
    line-height: 0 !important;
    text-transform: none !important;
    font-size: 0.8rem !important;
    padding: 5px !important; }

/*App View Notify*/
.appviewmode-notify {
  z-index: 9;
  background: rgba(255, 165, 0, 0.8);
  position: fixed;
  color: #fff;
  left: 0;
  padding: 2px 10px;
  font-size: 12px; }

@media screen and (min-width: 1200px) {
  .wrapper {
    top: 135px; } }

header {
  background: #fff;
  /*
     * Logo 
    */
  /*
     * Secondary Nav
    */
  /*
     * Search
    */
  /*
     * Main Nav
    */ }
  @media screen and (min-width: 1200px) {
    header {
      min-height: 135px;
      height: 135px; } }
  header.fixed {
    position: fixed;
    z-index: 120;
    width: 100%; }
    @media screen and (max-width: 1199px) {
      header.fixed {
        position: absolute; } }
  @media screen and (max-width: 1199px) {
    header nav {
      width: 100%; } }
  header .navbar-header {
    float: none;
    /* 
            Login dropdown 
        */ }
    @media (min-width: 1200px) {
      header .navbar-header {
        float: left;
        margin-top: 0;
        z-index: 110;
        position: absolute;
        top: 0;
        width: 21%; } }
    header .navbar-header button,
    header .navbar-header .navbar-toggler {
      float: left;
      border-radius: 0;
      margin: 0;
      padding: 20px; }
    header .navbar-header button.login {
      background: #99A1AE;
      float: right;
      padding: 10px 15px; }
    header .navbar-header button.btn-menu {
      background: #1C2841;
      outline: none; }
    header .navbar-header button.search {
      background: transparent;
      float: right;
      padding: 18px 15px; }
    header .navbar-header #myLogin {
      float: right; }
    header .navbar-header .navbar-toggler .icon-bar {
      background-color: #FAFAFB;
      height: 2px;
      width: 20px;
      display: block;
      content: "";
      margin: 5px 0;
      border-radius: 1px;
      transform: rotate(0deg);
      transition: all 0.5s ease-out; }
    header .navbar-header .navbar-toggler.open .menu-icon .icon-bar:nth-child(1) {
      transform: rotate(45deg);
      transform-origin: left;
      transition: all 0.5s ease-in-out;
      margin-left: 20%; }
    header .navbar-header .navbar-toggler.open .menu-icon .icon-bar:nth-child(2) {
      visibility: hidden;
      transition: all 0.1s ease-in-out; }
    header .navbar-header .navbar-toggler.open .menu-icon .icon-bar:nth-child(3) {
      transform: rotate(-45deg);
      transform-origin: left;
      transition: all 0.5s ease-in-out;
      margin-left: 20%; }
    @media (min-width: 1200px) {
      header .navbar-header .login-wrapper.active {
        height: 0 !important; } }
    header .navbar-header .login-wrapper.active {
      height: 100px; }
    header .navbar-header .login-wrapper {
      height: 0px;
      overflow: hidden;
      padding: 0;
      -webkit-transition-duration: 0.8s;
      -moz-transition-duration: 0.8s;
      -o-transition-duration: 0.8s;
      transition-duration: 0.8s;
      -webkit-transition-timing-function: ease-in-out;
      -moz-transition-timing-function: ease-in-out;
      -o-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out;
      position: absolute;
      top: 68px;
      background: #99A1AE;
      right: 0px;
      width: 100%; }
    header .navbar-header .b-b-w {
      border-bottom: 1px solid #ffffff; }
    header .navbar-header .login-wrapper.active .online-banking-mob {
      height: 50px; }
    header .navbar-header .online-banking-mob i {
      display: inline-block;
      float: left;
      font-size: 36px;
      padding-top: 7px;
      padding-left: 10px; }
    header .navbar-header .online-banking-mob a.ibLink {
      font-size: 16px;
      line-height: 50px;
      text-align: left;
      display: flex;
      color: #fff; }
    header .navbar-header .online-banking-mob a i {
      display: inline-block;
      float: left;
      font-size: 36px;
      padding-top: 7px;
      padding-left: 10px; }
    header .navbar-header #mobile-banking-btn {
      background: #99A1AE;
      float: right;
      padding: 6px 15px 10px 10px;
      text-align: center;
      line-height: 50px;
      vertical-align: middle;
      font-weight: normal;
      position: relative;
      cursor: pointer;
      width: 95px; }
      header .navbar-header #mobile-banking-btn .mod-tablet-down {
        color: #fff;
        line-height: 1.7rem;
        font-size: 1rem;
        margin-left: 24px; }
      header .navbar-header #mobile-banking-btn .mod-tablet-down:before {
        color: #fff;
        content: "\e967";
        vertical-align: top; }
      header .navbar-header #mobile-banking-btn .mod-tablet-down:before {
        font-family: "icomoonclient";
        font-size: 1.625rem;
        height: 100%;
        vertical-align: middle;
        margin-top: 13px;
        position: absolute;
        display: inline-block;
        width: 30px;
        margin-left: -27px; }
  @media screen and (min-width: 1200px) {
    header .menu-links {
      position: absolute;
      right: 40px;
      top: 0;
      display: inline-block;
      font-size: 1.1vw; } }
  @media screen and (min-width: 1200px) {
    header .search-link {
      height: 100px;
      position: absolute;
      right: 130px;
      top: 0;
      display: inline-block;
      font-size: 1.1vw; } }
  @media screen and (max-width: 1199px) {
    header .search-link {
      background: #1C2841;
      padding: 20px; }
      header .search-link #search {
        display: none; } }
  @media screen and (min-width: 1200px) {
    header .navbar .navbar-nav li {
      list-style: none; }
    header .navbar .navbar-nav > li {
      float: left; } }
  @media screen and (min-width: 1200px) {
    header .navbar.navbar-default .navbar-nav > li > a {
      color: #1C2841;
      font-family: "OpenSans-Semibold";
      cursor: pointer;
      border-bottom: 0;
      font-size: 1rem;
      padding: 22px 25px; }
      header .navbar.navbar-default .navbar-nav > li > a::before {
        content: '';
        top: -14px;
        bottom: unset;
        left: 0;
        height: 5px;
        background: #99A1AE;
        -moz-transition: all;
        -o-transition: all;
        -webkit-transition: all;
        transition: all;
        -moz-transition-duration: 0.35s;
        -o-transition-duration: 0.35s;
        -webkit-transition-duration: 0.35s;
        transition-duration: 0.35s;
        -moz-transition-timing-function: ease;
        -o-transition-timing-function: ease;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease;
        width: 0px;
        display: inline-block;
        position: absolute; }
      header .navbar.navbar-default .navbar-nav > li > a.active::before {
        width: 100%; }
      header .navbar.navbar-default .navbar-nav > li > a:hover::before {
        width: 100%; } }
  header .navbar.navbar-default .nav-right-links {
    display: none; }
    @media screen and (min-width: 1200px) {
      header .navbar.navbar-default .nav-right-links {
        display: block;
        float: right;
        margin-right: 30px;
        margin-top: 4px; }
        header .navbar.navbar-default .nav-right-links ul {
          list-style: none;
          margin: 0px;
          padding: 0px; }
          header .navbar.navbar-default .nav-right-links ul li {
            display: inline; }
            header .navbar.navbar-default .nav-right-links ul li .btn {
              margin: 0px;
              margin-right: 10px; }
              header .navbar.navbar-default .nav-right-links ul li .btn i {
                vertical-align: middle;
                font-size: 1.813rem; }
              header .navbar.navbar-default .nav-right-links ul li .btn span {
                vertical-align: middle; } }
  @media screen and (min-width: 1200px) {
    header .menu.top {
      z-index: 100;
      box-shadow: none; } }
  @media screen and (min-width: 1200px) and (min-width: 1199px) {
    header .menu.top {
      height: 65px; } }
  @media screen and (min-width: 1200px) and (min-width: 1200px) {
    header .menu.top {
      height: 39px;
      background: #1C2841; } }
  @media screen and (min-width: 1200px) {
      header .menu.top .navbar-nav > li {
        padding-top: 5px;
        padding-left: 30px; }
        header .menu.top .navbar-nav > li a,
        header .menu.top .navbar-nav > li span {
          color: #fff;
          font-size: 1rem; }
        header .menu.top .navbar-nav > li a:hover {
          color: #99A1AE; } }

@media screen and (max-width: 1200px) {
  a:not([href]):not([tabindex]):focus,
  a:not([href]):not([tabindex]):hover {
    color: #fff; } }

.container.search {
  padding-top: 30px; }

.searchfield {
  width: 100%;
  padding: 10px;
  border-radius: 12px;
  border: 2px solid #1C2841; }
  @media screen and (max-width: 1199px) {
    .searchfield {
      margin-bottom: 20px; } }

.search-pop-up .searchresults {
  display: none; }

@media screen and (min-width: 1200px) {
  nav.navbar .main-navbar > li > a.selected {
    overflow: visible;
    color: #99A1AE; }
    nav.navbar .main-navbar > li > a.selected::after {
      content: '';
      top: -14px;
      bottom: unset;
      left: 0;
      height: 5px;
      width: 0;
      background: #99A1AE;
      transition: .35s;
      width: 100%;
      display: inline-block;
      position: absolute; } }

.overlay {
  /*
    ************************************

    Animation Start for menu

    ************************************
    */
  transition: all 0.5s ease-out;
  /*
    ************************************
    Animation End for menu
    ************************************
    */ }
  @media screen and (max-width: 1200px) {
    .overlay {
      padding-left: 10px;
      visibility: hidden;
      max-height: 0px;
      width: 100%;
      opacity: 1;
      width: 100%;
      padding: 0;
      z-index: -1;
      overflow: hidden; }
      .overlay.open {
        visibility: visible;
        max-height: 500px; }
      .overlay .sub-nav {
        position: relative; }
      .overlay .sub-nav.hasdropdown::after {
        right: 25px; } }
  .overlay .second-menu-rte-box {
    visibility: hidden;
    display: none; }
    @media screen and (min-width: 1200px) {
      .overlay .second-menu-rte-box {
        display: block;
        float: left;
        background: #fff;
        width: 27%;
        height: 0;
        -webkit-box-shadow: inset -15px 0 15px -15px rgba(0, 0, 0, 0.5), inset 0 10px 10px -10px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: inset -15px 0 15px -15px rgba(0, 0, 0, 0.5), inset 0 10px 10px -10px rgba(0, 0, 0, 0.15);
        box-shadow: inset -15px 0 15px -15px rgba(0, 0, 0, 0.5), inset 0 10px 10px -10px rgba(0, 0, 0, 0.15); }
        .overlay .second-menu-rte-box .rte-content {
          margin-left: 136px;
          margin-top: 78px;
          margin-right: 100px;
          font-size: 14px;
          color: #1C2841;
          word-wrap: break-word;
          max-height: 400px;
          overflow: hidden; }
          .overlay .second-menu-rte-box .rte-content h1, .overlay .second-menu-rte-box .rte-content h2, .overlay .second-menu-rte-box .rte-content h3, .overlay .second-menu-rte-box .rte-content h4 {
            color: #1C2841;
            font-weight: bold; } }
  @media screen and (max-width: 1199px) {
    .overlay .overlay-menu {
      padding-left: 10px; } }
  .overlay .overlay-menu .dropdown-menu {
    position: relative; }
    .overlay .overlay-menu .dropdown-menu > li > a {
      font-size: 16px; }
      @media screen and (max-width: 1199px) {
        .overlay .overlay-menu .dropdown-menu > li > a {
          padding: 10px;
          color: #fff; } }
      @media screen and (min-width: 1200px) {
        .overlay .overlay-menu .dropdown-menu > li > a {
          font-size: 18px; } }
    @media screen and (max-width: 1200px) {
      .overlay .overlay-menu .dropdown-menu {
        display: block; }
        .overlay .overlay-menu .dropdown-menu li {
          color: #fff; }
          .overlay .overlay-menu .dropdown-menu li a {
            display: block; }
            .overlay .overlay-menu .dropdown-menu li a i {
              display: none; }
          .overlay .overlay-menu .dropdown-menu li.submenu-title {
            display: none; } }
    @media screen and (min-width: 1200px) {
      .overlay .overlay-menu .dropdown-menu {
        padding: 80px 0px 80px 70px; }
        .overlay .overlay-menu .dropdown-menu > li > a:hover::after {
          content: "\e92e";
          font-family: "icomoonclient";
          position: relative;
          top: 3px; }
        .overlay .overlay-menu .dropdown-menu li {
          margin-bottom: 35px; }
          .overlay .overlay-menu .dropdown-menu li.submenu-title {
            margin-bottom: 30px;
            color: #ffffff;
            width: 50%; }
            .overlay .overlay-menu .dropdown-menu li.submenu-title h1, .overlay .overlay-menu .dropdown-menu li.submenu-title h2, .overlay .overlay-menu .dropdown-menu li.submenu-title h3, .overlay .overlay-menu .dropdown-menu li.submenu-title h4 {
              color: #ffffff;
              margin: 0px; }
          .overlay .overlay-menu .dropdown-menu li a:hover {
            color: #99A1AE; }
          .overlay .overlay-menu .dropdown-menu li a.active {
            color: #99A1AE; }
            .overlay .overlay-menu .dropdown-menu li a.active::after {
              content: "\e92e";
              font-family: "icomoonclient";
              position: relative;
              top: 3px; }
          .overlay .overlay-menu .dropdown-menu li a.nav-link {
            padding: 0px; }
          .overlay .overlay-menu .dropdown-menu li a i {
            vertical-align: middle;
            font-size: 30px; }
          .overlay .overlay-menu .dropdown-menu li a span {
            vertical-align: middle; } }
  @media screen and (min-width: 1200px) {
    .overlay.open {
      transition: all 0.5s ease-in; }
      .overlay.open .second-menu-rte-box {
        visibility: visible;
        height: 530px; }
        .overlay.open .second-menu-rte-box .rte-content {
          -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
          -webkit-animation-duration: 1s;
          animation-duration: 1s;
          -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
          -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
          -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
      .overlay.open .overlay-menu li a {
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s; }
      .overlay.open .overlay-menu .submenu-title {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight;
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s; }
      .overlay.open .overlay-second {
        transition: all 0.3s ease-out; }
        .overlay.open .overlay-second.open {
          -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
          -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
          -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
          -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
          -webkit-animation-delay: 0s;
          animation-delay: 0s; } }

.overlay-second {
  visibility: hidden;
  background: #313D58;
  background: -webkit-linear-gradient(legacy-direction(45deg), #313D58, #192339);
  background: linear-gradient(45deg, #313D58, #192339);
  width: 100%;
  max-height: 0;
  opacity: 1;
  width: 100%;
  padding: 0;
  z-index: -1;
  overflow: hidden !important; }
  @media screen and (min-width: 1200px) {
    .overlay-second {
      position: absolute;
      right: 0;
      top: 0;
      width: 50%;
      max-height: 530px;
      height: 0px; } }
  @media screen and (max-width: 1199px) {
    .overlay-second {
      background: none; } }
  .overlay-second.open {
    visibility: visible;
    max-height: 480px; }
    @media screen and (min-width: 60em) {
      .overlay-second.open {
        max-height: 480px; } }
    @media screen and (max-width: 1200px) {
      .overlay-second.open {
        max-height: 500px; } }
    @media screen and (min-width: 1200px) {
      .overlay-second.open {
        height: 530px !important;
        max-height: 530px;
        overflow: hidden !important;
        z-index: 1; } }
  .overlay-second ul {
    margin: 0px;
    margin: 0 auto; }
    @media screen and (max-width: 1200px) {
      .overlay-second ul {
        width: 100%;
        list-style: none;
        padding-left: 20px; } }
    @media screen and (min-width: 1200px) {
      .overlay-second ul {
        padding-top: 70px;
        padding-left: 70px; } }
  .overlay-second li {
    vertical-align: top; }
    .overlay-second li a {
      color: #1C2841;
      font-size: 1rem; }
    .overlay-second li p {
      font-size: 0.875rem; }
    @media screen and (max-width: 81.25em) {
      .overlay-second li {
        width: 45%; } }
    @media screen and (max-width: 1200px) {
      .overlay-second li {
        width: 100%; }
        .overlay-second li i {
          display: none; }
        .overlay-second li a {
          padding: 10px;
          color: #fff; }
        .overlay-second li p {
          display: none; } }

/* IE11 */
/* safari */
/* login menu 
=========================================================*/
.login-menu ul {
  background-color: #3e424d;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px; }
  @media screen and (min-width: 1199px) {
    .login-menu ul {
      background-color: transparent; } }

.login-menu li {
  list-style: none;
  margin: 0;
  background: #3e424d; }

.login-menu a {
  color: #ebebeb;
  position: relative;
  display: block;
  padding: 10px 25px;
  font-family: "OpenSans-Semibold"; }

.login-menu a:hover {
  color: #ebebeb; }

.login-menu li span {
  vertical-align: middle;
  color: #FAFAFB;
  text-decoration: none;
  font-size: 1.3em; }

.login-menu li span {
  vertical-align: middle;
  color: #FAFAFB;
  text-decoration: none;
  font-size: 1.3em; }

.ibLink a span {
  color: #FAFAFB; }

.icon-search:before {
  font-family: "icomoonclient";
  font-size: 1.813rem;
  display: inline;
  height: 100%;
  vertical-align: middle;
  content: "\e9a5";
  color: #1C2841; }

@media screen and (min-width: 1199px) {
  .login-menu {
    z-index: 101;
    position: relative; }
  .login-menu a {
    position: relative;
    display: inline-block;
    font-size: .8rem;
    line-height: 1em;
    height: auto;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    font-weight: normal;
    background-color: #99A1AE; }
  .login-menu a:hover {
    background-color: #2B3A5A;
    text-decoration: none; }
  .login-menu ul {
    height: 100px;
    text-align: right;
    padding-top: 0;
    padding-bottom: 0;
    max-width: none;
    margin: 0;
    padding: 0; }
  .login-menu li {
    display: inline-block;
    line-height: 0;
    margin: 0;
    margin-left: -5px;
    height: 100%;
    background: #FAFAFB;
    width: 100%; }
  .login-menu li:first-child {
    background: transparent;
    /* Old browsers */ }
  .login-menu li a,
  .login-menu li a span:before {
    color: #FAFAFB; } }

.login-menu li:first-child a,
.IB-login a span {
  color: #FAFAFB;
  font-size: 1rem; }

.login-menu li a span:before,
.IB-login a span:before {
  font-family: "icomoonclient";
  color: #FAFAFB;
  content: '\e967';
  font-size: 1.625rem;
  display: block;
  height: 100%;
  vertical-align: middle; }
  @media screen and (min-width: 1200px) {
    .login-menu li a span:before,
    .IB-login a span:before {
      font-size: 1.625rem; } }

.login-menu li:first-child a span:before {
  color: #FAFAFB;
  font-size: 0.875rem; }
  @media screen and (min-width: 1200px) {
    .login-menu li:first-child a span:before {
      font-size: 3rem;
      margin-bottom: 10px; } }
  @media screen and (min-width: 65.625em) {
    .login-menu li:first-child a span:before {
      display: inline; } }

@media (min-width: 1200px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none; }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-bottom: 1px solid #ebebeb; }
  .navbar-default .navbar-collapse.collapse {
    display: inline-block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    border: 0;
    background: #fff;
    color: #1C2841;
    padding: 14px; }
  .navbar-default .navbar-collapse.collapse#mySearch {
    width: 40px;
    right: 155px; }
  .navbar-collapse.collapse.login-menu {
    display: inline-block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    border: 0;
    width: 130px;
    position: absolute;
    top: 0;
    right: 0; }
  .login-menu a {
    padding: 35px 10px 21px 10px; }
  .login-menu ul {
    height: 100px; } }

@media (min-width: 65.625em) {
  .st0 {
    fill: #8C7459; }
  .st1 {
    fill: #004685; }
  .login-menu ul {
    height: 100px; }
  .navbar-default .navbar-collapse.collapse#mySearch {
    right: 130px;
    top: 0; }
  .login-menu li span {
    font-family: "OpenSans-Semibold"; }
  .login-menu a {
    font-size: 1.1rem;
    line-height: 100px;
    padding: 0 20px;
    width: auto;
    height: 100%;
    text-align: center; } }

.menu .nav {
  margin: 0;
  max-width: none;
  display: block;
  font-family: "OpenSans-Semibold"; }
  .menu .nav.sec-nav-mobile {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #CBCBCB; }
    @media screen and (min-width: 1200px) {
      .menu .nav.sec-nav-mobile {
        display: none; } }
    .menu .nav.sec-nav-mobile li a, .menu .nav.sec-nav-mobile li span {
      padding: 10px;
      display: block;
      color: #FAFAFB; }

.navbar-default .login.navbar-toggler:focus,
.navbar-default .login.navbar-toggler:hover {
  background: #2B3A5A;
  outline: none; }

.navbar-default .btn-menu.navbar-toggler:focus,
.navbar-default .btn-menu.navbar-toggler:hover {
  background: #1C2841;
  outline: none; }

.IB-login {
  color: #FAFAFB; }

.navbar {
  padding: 0; }

.nav-pills > li {
  float: left; }

.nav-pills > li > a {
  border-radius: 4px; }

.nav-pills > li + li {
  margin-left: 2px; }

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #FAFAFB;
  background-color: #99A1AE; }

.nav-stacked > li {
  float: none; }

.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0; }

.nav-justified {
  width: 100%; }

.nav-justified > li {
  float: none; }

.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px; }

.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto; }

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  border-color: #1C2841; }

.navbar-nav .dropdown-menu {
  background: transparent;
  margin: 0;
  padding: 0;
  border: 0px; }
  @media screen and (min-width: 60em) {
    .navbar-nav .dropdown-menu {
      display: block; } }

.navbar-default .navbar-nav > li > a {
  color: #FAFAFB;
  padding: 10px; }

.navbar-default .navbar-collapse {
  background: white;
  background: -moz-linear-gradient(white, white);
  background: -webkit-linear-gradient(white, white);
  background: -o-linear-gradient(white, white);
  background: -ms-linear-gradient(white, white);
  background: linear-gradient(white, white);
  padding: 0; }
  .navbar-default .navbar-collapse .nav-wrapper {
    padding: 0; }

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  background: #1C2841;
  color: #FAFAFB; }

.navbar-nav .open .dropdown-menu .dropdown-header,
.navbar-nav .open .dropdown-menu > li > a {
  border-bottom: 1px solid #1C2841; }

.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  right: 20px;
  position: absolute;
  vertical-align: 0;
  font-family: "icomoonclient";
  content: '\e92b';
  font-size: 1.813rem;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  font-size: 12px; }

@media screen and (min-width: 1200px) {
  .dropdown-toggle {
    overflow: visible; }
  .dropdown-toggle::after {
    content: '';
    bottom: -14px;
    top: unset;
    left: 0;
    height: 5px;
    width: 0;
    transition: .35s; }
  .dropdown-toggle:hover::after,
  .dropdown-toggle.active::after {
    width: 100%; } }

@media screen and (max-width: 1199px) {
  .sub-nav.hasdropdown::after {
    display: inline-block;
    width: 0;
    height: 0;
    right: 20px;
    top: 10px;
    position: absolute;
    vertical-align: 0;
    font-family: "icomoonclient";
    content: '\e92b';
    font-size: 1.813rem;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    font-size: 12px; } }

@media (min-width: 1200px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%; }
  .nav-justified > li > a {
    margin-bottom: 0; } }

.nav-tabs-justified {
  border-bottom: 0; }

.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px; }

.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #dddddd; }

@media (min-width: 1200px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 4px 4px 0 0; }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #ffffff; } }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar-collapse.collapse.in {
  overflow-y: auto;
  border-bottom: 1px solid #ccc; }

@media (max-width: 1199px) {
  .navbar {
    z-index: 101;
    width: 100%;
    top: 0; }
    .navbar a.navbar-brand {
      display: none; } }

@media (max-height: 35.5em) {
  .navbar-collapse.collapse.in {
    height: calc(100vh - 48px); } }

@media (min-width: 1200px) {
  .navbar-collapse {
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    padding-left: 0;
    padding-right: 0; }
  .navbar-collapse.in {
    overflow-y: auto; }
  .navbar .dropdown {
    margin: 0; } }

@media (min-width: 1200px) and (min-width: 65.625em) {
  .navbar-collapse.in {
    overflow-y: visible; }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0; } }

@media (min-width: 1200px) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 340px; } }

@media (min-width: 1200px) and (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px; } }

@media (min-width: 1200px) {
  .navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px; } }

@media (min-width: 1200px) and (min-width: 1200px) {
  .navbar-static-top {
    border-radius: 0; } }

@media (min-width: 1200px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030; } }

@media screen and (min-width: 1200px) and (min-width: 1199px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0; } }

@media (min-width: 1200px) {
  .menu-icon {
    display: inline-block;
    margin-left: 5px; }
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px; }
  .navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0; }
  .navbar-brand {
    float: left;
    overflow: hidden; }
    .navbar-brand svg {
      display: inline-block; }
    .navbar-brand:hover, .navbar-brand:focus {
      text-decoration: none; }
    .navbar-brand > img {
      display: block; }
    .navbar-brand.mobile {
      display: none; }
  .navbar-toggler {
    position: relative;
    float: right;
    padding: 13px 15px;
    background-color: transparent;
    border: none;
    margin: 0;
    border-radius: 0;
    display: block; }
  .navbar-toggler .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px; }
  .navbar-toggler .icon-bar + .icon-bar {
    margin-top: 4px; }
  .navbar-nav,
  .navbar-nav > li {
    float: none; }
  .navbar-collapse.collapse.in {
    display: block !important; } }

@media (min-width: 1200px) and (min-width: 1200px) {
  .navbar-toggler {
    display: none; } }

@media (min-width: 1200px) and (max-width: 1200px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    background-color: transparent;
    border: 0;
    box-shadow: none;
    display: inline; }
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px; }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px; }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none; } }

@media (min-width: 1200px) {
  .navbar-form {
    margin: 8px -50px;
    padding: 10px 50px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); } }

@media (min-width: 1200px) and (min-width: 1200px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .navbar-form .form-control-static {
    display: inline-block; }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle; }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto; }
  .navbar-form .input-group > .form-control {
    width: 100%; }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0; }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0; } }

@media (min-width: 1200px) and (max-width: 1199px) {
  .navbar-form .form-group {
    margin-bottom: 5px; }
  .navbar-form .form-group:last-child {
    margin-bottom: 0; } }

@media (min-width: 1200px) and (min-width: 1200px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: none; } }

@media (min-width: 1200px) {
  .navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0; }
  .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    margin-bottom: 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px; }
  .navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px; }
  .navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px; }
  .navbar-text {
    margin-top: 15px;
    margin-bottom: 15px; } }

@media (min-width: 1200px) and (min-width: 1200px) {
  .navbar-text {
    float: left;
    margin-left: 50px;
    margin-right: 50px; } }

@media (min-width: 1200px) and (min-width: 1200px) {
  .navbar-left {
    float: left !important; }
  .navbar-right {
    float: right !important;
    margin-right: -50px; }
  .navbar-right ~ .navbar-right {
    margin-right: 0; } }

@media (min-width: 1200px) {
  .navbar-default .navbar-text {
    color: #777777; }
  .navbar-default .navbar-nav > li > a {
    color: #FAFAFB;
    cursor: pointer; }
  .navbar-default .navbar-nav > li > a .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus {
    color: #FAFAFB;
    background-color: #e7e7e7;
    font-family: "OpenSans-Semibold"; }
  .navbar-default .navbar-nav > .disabled > a,
  .navbar-default .navbar-nav > .disabled > a:hover,
  .navbar-default .navbar-nav > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent; }
  .navbar-default .navbar-link {
    color: #777777; }
  .navbar-default .navbar-link:hover {
    color: #333333; }
  .navbar-default .btn-link {
    color: #777777; }
  .navbar-default .btn-link:hover,
  .navbar-default .btn-link:focus {
    color: #333333; }
  .navbar-default .btn-link[disabled]:hover,
  fieldset[disabled] .navbar-default .btn-link:hover,
  .navbar-default .btn-link[disabled]:focus,
  fieldset[disabled] .navbar-default .btn-link:focus {
    color: #cccccc; }
  .navbar-inverse {
    background-color: #222222;
    border-color: #080808; }
  .navbar-inverse .navbar-text {
    color: #9d9d9d; }
  .navbar-inverse .navbar-nav > li > a {
    color: #9d9d9d; }
  .navbar-inverse .navbar-nav > li > a:hover,
  .navbar-inverse .navbar-nav > li > a:focus {
    color: #ffffff;
    background-color: transparent; }
  .navbar-inverse .navbar-nav > .active > a,
  .navbar-inverse .navbar-nav > .active > a:hover,
  .navbar-inverse .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: #080808; }
  .navbar-inverse .navbar-nav > .disabled > a,
  .navbar-inverse .navbar-nav > .disabled > a:hover,
  .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444444;
    background-color: transparent; }
  .navbar-inverse .navbar-toggler {
    border-color: #333333; }
  .navbar-inverse .navbar-toggler:hover,
  .navbar-inverse .navbar-toggler:focus {
    background-color: #333333; }
  .navbar-inverse .navbar-toggler .icon-bar {
    background-color: #ffffff; }
  .navbar-inverse .navbar-collapse,
  .navbar-inverse .navbar-form {
    border-color: #101010; }
  .navbar-inverse .navbar-nav > .open > a,
  .navbar-inverse .navbar-nav > .open > a:hover,
  .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #080808;
    color: #ffffff; }
  .navbar-inverse .navbar-link {
    color: #9d9d9d; }
  .navbar-inverse .navbar-link:hover {
    color: #ffffff; }
  .navbar-inverse .btn-link {
    color: #9d9d9d; }
  .navbar-inverse .btn-link:hover,
  .navbar-inverse .btn-link:focus {
    color: #ffffff; }
  .navbar-inverse .btn-link[disabled]:hover,
  fieldset[disabled] .navbar-inverse .btn-link:hover,
  .navbar-inverse .btn-link[disabled]:focus,
  fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #444444; } }

@media (min-width: 1200px) and (max-width: 1200px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #444; }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555555;
    background-color: #e7e7e7; }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808; }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
    background-color: transparent; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #080808; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444444;
    background-color: transparent; } }

@media screen and (min-width: 1200px) and (min-width: 1199px) {
  .nav-wrapper.fixed .overlay-menu {
    margin-top: -80px; }
  .navbar-default .open .navbar-nav > li > a,
  .nav-wrapper.fixed .navbar-nav > li > a,
  .internal-wrapper .nav-wrapper .navbar-nav > li > a {
    color: #FAFAFB;
    position: relative; }
  .navbar-default .open .navbar-nav > li > a.dropdown-toggle.active,
  .open a.dropdown-toggle.active:hover,
  .internal-wrapper .nav-wrapper .navbar-nav > li > a.active,
  .internal-wrapper .nav-wrapper .navbar-nav > li > a.selected,
  .navbar-default .fixed .navbar-nav > li > a:hover,
  .navbar-default .open .navbar-nav > li > a:hover,
  .internal-wrapper .navbar-default .navbar-nav > li > a:hover {
    background-color: transparent;
    color: #99A1AE;
    transition: .5s ease;
    background-image: none; }
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:focus {
    color: #FAFAFB; }
  .internal-wrapper .navbar-default .navbar-nav > li > a:focus:hover,
  .internal-wrapper .navbar-default .fixed .navbar-nav > li > a:focus:hover .navbar-default .fixed .navbar-nav > li > a:hover {
    color: #FAFAFB; }
  .navbar-default .fixed .navbar-nav > li > a:focus {
    color: #FAFAFB; }
  .navbar {
    z-index: 110;
    background: #FAFAFB;
    width: 100%;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); }
    .navbar #myNavbar {
      width: 100%; }
  .nav-wrapper {
    transition: none; }
  .fixed-logo {
    position: fixed;
    margin-top: 0;
    background: #FAFAFB; }
  .nav-wrapper.fixed {
    z-index: -1;
    width: 100%;
    right: 0;
    transition: none;
    background: #fff;
    border-bottom: 1px solid #CBCBCB; }
  .search .nav-wrapper {
    border-bottom: 1px solid #CBCBCB; }
  .internal-wrapper .nav-wrapper,
  .nav-wrapper.open {
    background: #FAFAFB; } }

@media (min-width: 1200px) and (min-width: 1200px) {
  .navbar-nav .open .dropdown-menu .dropdown-header,
  .navbar-nav .open .dropdown-menu > li > a {
    border-bottom: 0; } }

@media (min-width: 1200px) and (min-width: 1250px) {
  .navbar-default .navbar-nav > li > a {
    padding: 0 20px; } }

@media (min-width: 1200px) {
  .overlay.open.less-top {
    padding: 0; }
  .overlay-background-open {
    position: absolute;
    height: 100vh;
    width: 100%; }
  .menu .fixed .overlay-background-open {
    background: transparent; }
  .menu .container {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 40%;
    left: 0;
    margin: 0 auto; }
  .menu .container p {
    font-size: 20px; }
  .menu .container a {
    display: inline-block;
    position: relative;
    text-align: center;
    color: #FF5252;
    text-decoration: none;
    font-size: 20px;
    overflow: hidden;
    top: 5px; }
  .menu .container a:after {
    content: '';
    position: absolute;
    background: #FF5252;
    height: 2px;
    width: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    bottom: 0;
    transition: .35s ease; }
  .menu .container a:hover:after,
  .menu .container a:focus:after,
  .menu .container a:active:after {
    width: 100%; }
  .menu .button_container {
    position: fixed;
    top: 5%;
    right: 2%;
    height: 27px;
    width: 35px;
    cursor: pointer;
    z-index: 100;
    transition: opacity .25s ease; }
  .menu .button_container:hover {
    opacity: .7; }
  .menu .button_container.active .top {
    transform: translateY(11px) translateX(0) rotate(45deg);
    -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
    -ms-transform: translateY(11px) translateX(0) rotate(45deg);
    background: #FFF; }
  .menu .button_container.active .middle {
    opacity: 0;
    background: #FFF; }
  .menu .button_container.active .bottom {
    transform: translateY(-11px) translateX(0) rotate(-45deg);
    -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
    -ms-transform: translateY(-11px) translateX(0) rotate(-45deg);
    background: #FFF; }
  .menu .button_container span {
    background: #FF5252;
    border: none;
    height: 5px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer; }
  .menu .button_container span:nth-of-type(2) {
    top: 11px; }
  .menu .button_container span:nth-of-type(3) {
    top: 22px; }
  .menu .dropdown:first-of-type a {
    margin-top: 15px; }
  .menu .overlay {
    max-height: 0;
    overflow: hidden; }
  .menu .overlay.open {
    padding: 0;
    overflow: visible; }
  .login-menu .icon {
    margin-right: 8px; } }

@media (min-width: 1200px) and (max-width: 1200px) {
  .overlay.open.less-top .dropdown-menu {
    position: relative;
    display: block;
    float: none;
    border: none;
    margin: inherit;
    box-shadow: none; } }

@media (min-width: 1200px) and (max-width: 1200px) {
  .menu .overlay.open {
    max-height: 400px; } }

@media (min-width: 1200px) and (min-width: 1200px) {
  .menu .overlay {
    height: 0;
    position: fixed;
    opacity: 1;
    visibility: hidden;
    background: #CBCBCB;
    left: 0;
    width: 100%;
    padding: 0;
    z-index: -1;
    max-height: none;
    top: 134px; } }
  @media screen and (min-width: 1200px) and (min-width: 1200px) and (min-width: 1050px) {
    .menu .overlay {
      top: 135px; } }

@media (min-width: 1200px) and (min-width: 1200px) {
  .menu .overlay.open {
    overflow: hidden;
    height: 530px;
    visibility: visible;
    width: 100%;
    margin-right: 0;
    left: 0;
    background: #1C2841;
    background: #161F31;
    background: -webkit-linear-gradient(legacy-direction(90deg), #161F31, #262F45);
    background: linear-gradient(90deg, #161F31, #262F45);
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5); }
  .menu .fixed .overlay.open {
    top: 152px; }
  .menu .overlay-menu {
    position: relative;
    height: auto;
    width: 73%;
    float: left;
    font-size: 0.9375rem;
    text-align: center;
    color: #fff;
    -webkit-box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.15); }
  .menu .overlay ul li a {
    display: block;
    position: relative;
    color: #fff;
    text-decoration: none;
    overflow: hidden;
    font-weight: 100;
    font-family: "OpenSans-Semibold"; } }
  @media screen and (min-width: 1200px) and (min-width: 1200px) and (max-width: 1336px) {
    .menu .overlay ul li a {
      padding: 0px; } }

@media (min-width: 1200px) and (min-width: 1200px) {
  .dropdown-menu > li > a:hover,
  .dropdown-menu > li > a:focus {
    background-color: transparent; }
  .menu .overlay ul li a:hover:after,
  .menu .overlay ul li a:focus:after,
  .menu .overlay ul li a.active:after {
    width: 100%; }
  .menu .overlay ul li a {
    overflow: visible; }
  .menu .overlay ul li a::after {
    content: '';
    position: absolute;
    bottom: -36px;
    left: 0;
    width: 0;
    height: 5px;
    transition: .35s; }
  .menu .overlay .overlay-second ul li a:after {
    content: none; }
  .menu .dropdown:first-of-type a {
    margin-top: 0; } }

@media (min-width: 1200px) {
  .search-wrapper {
    position: absolute;
    right: 130px;
    top: 0px;
    padding: 30px; }
  .form-wrapper.search-pop-up {
    overflow: hidden;
    padding: 0; }
  .search-pop-up {
    width: 100%; }
  .search-container {
    text-align: left;
    margin: 0 auto;
    padding: 10px 25px 25px 25px;
    color: #FAFAFB; }
  .search-container p.search-title,
  .icon-search.search-control {
    display: none;
    color: #FAFAFB; }
  .searchfield {
    padding: 6px 9px;
    border-radius: 0;
    border: 2px solid #1C2841;
    vertical-align: middle;
    color: #2f3839;
    margin-right: 10px;
    width: calc(100% - 92px);
    max-width: 300px; }
  .searchfield:focus {
    border-color: #2B3A5A;
    outline: 0;
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15); }
  .searchresults {
    padding: 25px 0; }
  .searchresults ul li {
    list-style: none;
    margin-bottom: 2em;
    margin-left: 0;
    padding: 0; }
  .searchresults .heading1 {
    line-height: 2.6rem; }
  .searchresults .heading2 {
    color: #99A1AE;
    font-size: 1rem; } }

@media screen and (min-width: 1200px) and (min-width: 1199px) {
  .form-wrapper.active {
    height: 100% !important;
    background: white; }
  .form-wrapper.search-pop-up {
    height: 0;
    opacity: .98; }
  .search-pop-up {
    -moz-transition: all;
    -o-transition: all;
    -webkit-transition: all;
    transition: all;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    position: fixed;
    width: 100%;
    left: 0; }
    .search-pop-up .searchresults {
      display: none; }
  .search {
    padding-top: 100px; }
  .search-container {
    text-align: center;
    padding: 0;
    position: absolute;
    top: 30%;
    -webkit-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    transform: translateY(-30%);
    margin: auto;
    left: 0;
    right: 0;
    box-sizing: border-box; }
  .search-container p.search-title {
    display: inline-block;
    margin-bottom: 1em; }
  .icon-search.search-control {
    display: inline-block;
    z-index: 110; }
  .searchfield {
    padding: 15px;
    width: inherit;
    min-width: 40%; }
  .search .searchfield {
    min-width: 60%; }
  .searchbtn.btn-sm {
    padding: 18px 30px;
    margin-bottom: 0; }
  .searchresults ul li {
    margin-right: 0; }
  .searchresults {
    padding: 50px 0; }
  .searchresults ul {
    padding-left: 0; } }

.BSB {
  font-family: "OpenSans-Semibold";
  color: #2f3839;
  top: 15px;
  position: absolute;
  left: 125px;
  display: none; }

@media (min-width: 1200px) {
  .BSB {
    left: auto;
    top: 10px;
    right: 185px; } }

@media (min-width: 65.625em) {
  .BSB {
    top: 15px;
    right: 270px;
    display: inline-block; } }

@media (min-width: 1200px) {
  .cookieactive .menu .overlay {
    top: auto; } }
  @media screen and (min-width: 1200px) and (min-width: 1050px) {
    .cookieactive .menu .overlay {
      top: auto; } }

/* calculator fixes */
.master-client .calculator-wrapper {
  z-index: 0; }
  .master-client .calculator-wrapper h1,
  .master-client .calculator-wrapper h2,
  .master-client .calculator-wrapper h3,
  .master-client .calculator-wrapper th,
  .master-client .calculator-wrapper p,
  .master-client .calculator-wrapper .results-title {
    font-family: Helvetica, Verdana, Arial, Sans-serif !important;
    font-weight: bold;
    font-size: 1rem; }
  .master-client .calculator-wrapper span, .master-client .calculator-wrapper a {
    font-family: Helvetica, Verdana, Arial, Sans-serif !important; }
  .master-client .calculator-wrapper h3.results-title,
  .master-client .calculator-wrapper h2.results-title {
    padding: 10px 9px 10px 18px !important;
    text-align: left; }
  .master-client .calculator-wrapper sup {
    vertical-align: super;
    top: 0; }
  .master-client .calculator-wrapper .info-panel.backgroundWith3Icons {
    width: 135px !important;
    min-width: 135px !important; }
  .master-client .calculator-wrapper sup {
    top: 0; }

.master-client .results-wrapper .displayType .ui-buttonset label.ui-state-default {
  background: transparent; }

.master-client .outputs-wrapper .results-box.result {
  height: auto !important; }

.master-client [class*="calculator-app"] h1, .master-client [class*="calculator-app"] h2, .master-client [class*="calculator-app"] h3, .master-client [class*="calculator-app"] th, .master-client [class*="calculator-app"] .results-title {
  font-family: Helvetica, Verdana, Arial, Sans-serif !important;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px; }

.master-client [class*="calculator-app"] span, .master-client [class*="calculator-app"] a, .master-client [class*="calculator-app"] p {
  font-family: Helvetica, Verdana, Arial, Sans-serif !important; }

.master-client [class*="calculator-app"] .title-wrapper, .master-client [class*="calculator-app"] .results-title {
  font-family: Helvetica, Verdana, Arial, Sans-serif !important; }

.master-client [class*="calculator-app"] th {
  background: transparent;
  font-family: Helvetica, Verdana, Arial, Sans-serif !important; }

.master-client [class*="calculator-app"] .results-wrapper .amortization-table .payment-period {
  width: 19% !important;
  padding: 15px 0 0 !important; }

.master-client [class*="calculator-app"] #gbst-savings-plan.gbst-loan-repayment .content .loan-main-view .outputs-wrapper .results-box.result {
  display: block;
  min-height: 220px !important;
  height: 220px !important; }

.master-client [class*="calculator-app"] .title-wrapper, .master-client [class*="calculator-app"] .header a, .master-client [class*="calculator-app"] .header a, .master-client [class*="calculator-app"] .results-title {
  font-family: Helvetica, Verdana, Arial, Sans-serif !important;
  font-weight: bold;
  font-size: 0.875rem; }

.master-client [class*="calculator-app"] .section li .ui-selectmenu {
  height: 26px !important; }

.master-client [class*="calculator-app"] .info-panel.backgroundWith3Icons {
  width: 135px !important; }

.master-client [class*="calculator-app"] .content .inputs-wrapper h1,
.master-client [class*="calculator-app"] .content .inputs-wrapper h2,
.master-client [class*="calculator-app"] .content .inputs-wrapper h3 {
  font-family: Helvetica, Verdana, Arial, Sans-serif !important;
  font-weight: bold;
  font-size: 1rem; }

.master-client [class*="calculator-app"] .content .inputs-wrapper span {
  font-family: Helvetica, Verdana, Arial, Sans-serif !important; }

.master-client [class*="calculator-app"] .content .results-line .results-title,
.master-client [class*="calculator-app"] .content .total-surplus-panel .total-surplus-label,
.master-client [class*="calculator-app"] .content .outputs-table .summary-table thead th,
.master-client [class*="calculator-app"] .content .sub-total-panel .total-wrapper .sub-total-label,
.master-client [class*="calculator-app"] .content .outputs-table .summary-table td.income-cells,
.master-client [class*="calculator-app"] .content .outputs-table .summary-table td.expenses-cells {
  font-family: Helvetica, Verdana, Arial, Sans-serif !important; }

.master-client [class*="calculator-app"] .content .section li.budget-item-input {
  margin: 10px 15px 11px 0;
  max-width: 303px;
  width: 100%; }

.master-client .results-wrapper .stamp-duty-info-box, .master-client .results-wrapper .stamp-duty-info-box .info-box, .master-client .results-wrapper .stamp-duty-info-box p, .master-client .calculator-disclaimer {
  color: #000;
  font-weight: normal; }

.master-client .calculator-wrapper *, .master-client .calculator-wrapper ::after, .master-client .calculator-wrapper ::before {
  box-sizing: unset; }

.master-client .calculator-wrapper .info-panel * {
  box-sizing: border-box; }

.master-client .calculator-wrapper .results-title {
  display: block !important; }

.master-client #information-overlay.modal-overlay .wrapper {
  width: 95%; }

.master-client #information-overlay.modal-overlay .wrapper p, .master-client #information-overlay.modal-overlay .wrapper {
  color: #000;
  font-weight: normal; }

@media print {
  @page {
    .master-client {
      size: A4 landscape;
      margin: 14mm; } }
  .master-client .container {
    width: 1170px; }
  .master-client .visible-desktop {
    display: block; }
  .master-client .visible-mobile {
    display: none; } }

.master-client .calculator-wrapper h3.ui-accordion-header {
  display: block !important; }

.master-client .calculator-wrapper .modal-overlay .modal-overlay-header h2.title {
  box-sizing: border-box; }

.master-client .calculator-wrapper h1, .master-client .calculator-wrapper h2, .master-client .calculator-wrapper h3, .master-client .calculator-wrapper h4, .master-client .calculator-wrapper h5, .master-client .calculator-wrapper h6, .master-client .calculator-wrapper p, .master-client .calculator-wrapper span {
  font-family: Helvetica, Verdana, Arial, Sans-serif !important; }

.master-client .calculator-wrapper .wrapper {
  top: auto; }

.master-client .calculator-wrapper table td:first-child {
  background-color: transparent; }

.master-client .calculator-wrapper table td, .master-client .calculator-wrapper table tr {
  border: 0;
  background-color: transparent; }

.master-client .calculator-wrapper table tr:first-child td {
  border: 0;
  color: #000;
  background-color: transparent; }

.master-client .calculator-wrapper table tr:first-child {
  background-color: transparent; }

.master-client #information-overlay.modal-overlay, .master-client #email-overlay.modal-overlay {
  z-index: 1; }

.master-client .home-page-blog-feed {
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  height: auto; }
  .master-client .home-page-blog-feed .owl-carousel .owl-dots .owl-dot.active {
    background: #99A1AE; }
  .master-client .home-page-blog-feed .owl-carousel .owl-dots .owl-dot {
    width: 17px;
    background: #C9CDD5; }
  .master-client .home-page-blog-feed .owl-carousel .owl-dots .owl-dot.owl-dot.active {
    background: #1C2841; }
  .master-client .home-page-blog-feed .owl-carousel .owl-stage-outer {
    min-height: 280px;
    border-radius: 5px;
    background-color: #ffffff; }
    .master-client .home-page-blog-feed .owl-carousel .owl-stage-outer .news-article-wrapper {
      box-shadow: none; }
      .master-client .home-page-blog-feed .owl-carousel .owl-stage-outer .news-article-wrapper .column.news-container {
        min-height: 200px; }
    .master-client .home-page-blog-feed .owl-carousel .owl-stage-outer .owl-item .item {
      height: auto; }
      .master-client .home-page-blog-feed .owl-carousel .owl-stage-outer .owl-item .item .list div .news-img-box {
        height: 180px; }
      .master-client .home-page-blog-feed .owl-carousel .owl-stage-outer .owl-item .item .list div .news-container .news-body-box {
        width: 100%; }
        .master-client .home-page-blog-feed .owl-carousel .owl-stage-outer .owl-item .item .list div .news-container .news-body-box a h3 {
          vertical-align: middle;
          font-size: 1.25rem;
          height: auto;
          text-align: left;
          display: block;
          font-family: "OpenSans-Regular"; }
        .master-client .home-page-blog-feed .owl-carousel .owl-stage-outer .owl-item .item .list div .news-container .news-body-box p {
          display: block;
          vertical-align: middle;
          font-size: 1rem;
          height: auto;
          text-align: left;
          display: block;
          font-family: "OpenSans-Semibold"; }
      .master-client .home-page-blog-feed .owl-carousel .owl-stage-outer .owl-item .item .list div .news-readmore-controls.btn-group .btn.btn-primary {
        border: 0;
        padding: 0;
        color: #96785D;
        font-family: "OpenSans-Bold" !important;
        text-align: left;
        margin: 10px 0;
        font-size: 1rem; }
        .master-client .home-page-blog-feed .owl-carousel .owl-stage-outer .owl-item .item .list div .news-readmore-controls.btn-group .btn.btn-primary:hover {
          color: #99A1AE;
          background-color: transparent !important;
          border: none !important; }

.master-client .product-page-blog-feed .column {
  padding-top: 0; }

.master-client .product-page-blog-feed .news-article-wrapper {
  min-height: 220px; }
  @media screen and (min-width: 60em) {
    .master-client .product-page-blog-feed .news-article-wrapper {
      min-height: 270px; } }

@media screen and (min-width: 60em) {
  .master-client .product-page-blog-feed .news-readmore-controls {
    position: absolute;
    bottom: 25px; } }

.master-client .product-page-blog-feed .news-readmore-controls .btn.btn-primary {
  border: none;
  color: #96785D;
  font-family: "OpenSans-Bold" !important;
  text-align: left;
  margin: 10px 0;
  font-size: 1rem; }
  .master-client .product-page-blog-feed .news-readmore-controls .btn.btn-primary:hover {
    color: #99A1AE;
    background: transparent !important; }

.master-client .product-page-blog-feed .news-readmore-controls .btn.btn-primary-active,
.master-client .product-page-blog-feed .news-readmore-controls .btn.btn-primary:hover,
.master-client .product-page-blog-feed .news-readmore-controls .btn.btn-primary:focus,
.master-client .product-page-blog-feed .news-readmore-controls .btn.btn-primary:active,
.master-client .product-page-blog-feed .news-readmore-controls .btn.btn-primary:not([disabled]):not(.disabled).active,
.master-client .product-page-blog-feed .news-readmore-controls .btn.btn-primary:not([disabled]):not(.disabled):active,
.master-client .product-page-blog-feed .news-readmore-controls .show > .btn-primary.dropdown-toggle {
  color: #99A1AE;
  background: transparent !important;
  border: 0 !important; }

.master-client .news-article-wrapper {
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15); }
  @media screen and (min-width: 60em) {
    .master-client .news-article-wrapper {
      margin-bottom: 0;
      box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15); } }
  .master-client .news-article-wrapper .column {
    padding-top: 0 !important; }
  .master-client .news-article-wrapper .column.news-container {
    padding: 20px !important; }
    @media screen and (min-width: 45em) {
      .master-client .news-article-wrapper .column.news-container {
        min-height: 303px; } }
    @media screen and (min-width: 1200px) {
      .master-client .news-article-wrapper .column.news-container {
        min-height: 253px; } }
    .master-client .news-article-wrapper .column.news-container .news-body-box p {
      display: inline-block;
      color: #343434;
      margin-bottom: 1rem;
      padding: 0; }
    .master-client .news-article-wrapper .column.news-container .news-body-box a {
      cursor: pointer;
      width: 85%;
      display: inline-block; }
      @media screen and (min-width: 45em) {
        .master-client .news-article-wrapper .column.news-container .news-body-box a {
          width: 80%; } }
      @media screen and (min-width: 60em) {
        .master-client .news-article-wrapper .column.news-container .news-body-box a {
          width: 85%; } }
      @media screen and (min-width: 80em) {
        .master-client .news-article-wrapper .column.news-container .news-body-box a {
          width: 90%; } }
      .master-client .news-article-wrapper .column.news-container .news-body-box a h3 {
        padding: 0;
        vertical-align: middle;
        font-size: 1.25rem;
        height: auto;
        text-align: left;
        display: block;
        font-family: "OpenSans-Regular";
        color: #343434; }
    .master-client .news-article-wrapper .column.news-container .news-body-box:before {
      display: none; }
  .master-client .news-article-wrapper .news-img-box {
    border-radius: 5px 5px 0px 0px;
    height: 360px; }
    .master-client .news-article-wrapper .news-img-box .news-img.responsive-img {
      height: 100%;
      width: auto; }
      @media screen and (min-width: 80em) {
        .master-client .news-article-wrapper .news-img-box .news-img.responsive-img {
          width: 100% !important;
          height: auto; } }

/**** campaign starts****/
.campaign-header .navbar-header {
  width: 100%; }

@media (max-width: 1199px) {
  .campaign-master .navbar a.navbar-brand {
    display: inline-block; }
    .campaign-master .navbar a.navbar-brand img {
      padding-left: 0;
      width: 150px; } }

.campaign-header nav .navbar-brand {
  margin-left: 0;
  width: 380px;
  height: 55px; }

.campaign-master .campaign-header nav .topnav {
  display: inline-block !important;
  right: 0;
  width: auto;
  padding: 0;
  float: right;
  height: 80px; }
  .campaign-master .campaign-header nav .topnav .phone {
    width: auto;
    display: inline-block;
    padding: 29px 10px 0px 0px; }
  .campaign-master .campaign-header nav .topnav div.apply {
    padding: 15px;
    display: inline-block;
    float: right;
    height: 80px;
    background-color: #96785D;
    border: 0;
    padding-top: 29px; }

.campaign-master .campaign-header .top-header {
  height: 80px;
  max-width: 100%;
  display: block;
  position: relative;
  margin: 0 auto;
  background: #fff; }

.campaign-master .carousel-indicators {
  display: none; }

.campaign-demo {
  margin-top: 45px !important; }

.campaign-master .campaign-header {
  min-height: 80px;
  height: 80px; }
  .campaign-master .campaign-header nav .topnav div.apply a {
    color: #ffffff;
    font-family: "OpenSans-Semibold";
    font-size: .8rem;
    text-align: center;
    display: block; }
  .campaign-master .campaign-header nav .topnav div.apply:hover {
    background-color: #99A1AE !important;
    text-decoration: none; }

.campaign-demo .campaign-internal .carousel-caption {
  width: 90%;
  margin: 0 auto;
  display: block;
  padding: 40px;
  left: 0;
  border-radius: 5px; }
  .campaign-demo .campaign-internal .carousel-caption h3 {
    line-height: 1.8rem; }
  .campaign-demo .campaign-internal .carousel-caption button {
    border-radius: 5px;
    border: 0 !important;
    font-weight: bold;
    font-size: 1em;
    line-height: 2rem;
    min-width: 210px;
    margin-left: 0;
    top: 57%; }
  .campaign-demo .campaign-internal .carousel-caption h2 {
    font-size: 2rem;
    line-height: 3rem; }

.campaign-internal .comparison-rate .product-rate,
.campaign-internal .carousel-caption .interest-rate .product-rate {
  font-size: 2.8rem !important;
  font-family: "OpenSans-Bold"; }

.campaign-demo .tab-container .tab-content {
  border: 1px solid #E6E6E7;
  border-radius: 0px 5px 5px 5px; }

.campaign-demo .key-features-table h3 {
  display: none; }

.campaign-demo .home-quicklinks .ql-wrapper .quick-links-bar li a .title {
  color: #ffffff; }

.campaign-demo .white-text {
  color: #ffffff; }

.campaign-demo .carousel-caption h3 {
  line-height: 2rem; }

.campaign-demo .product-shortcode .comparison-rate .product-rate,
.campaign-demo .product-shortcode .interest-rate .product-rate {
  font-size: 2rem !important; }

.campaign-header nav .navbar-brand {
  width: 230px;
  float: left;
  padding-left: 0;
  margin: 0 12px; }
  .campaign-header nav .navbar-brand:before {
    display: none !important; }

.campaign-demo .grid-section .inner-container {
  padding-left: 0; }
  .campaign-demo .grid-section .inner-container .col-md-8.column {
    padding-left: 0; }

.campaign-demo .tab-enabled-check .btn-md {
  margin-top: 10px;
  min-width: 160px; }

.campaign-demo .carousel .carousel-control-next,
.campaign-demo .carousel .carousel-control-prev {
  display: none; }

.campaign-demo .custom-gridsettings .tab-enabled-check img {
  border-radius: 10px !important;
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15);
  background-color: #7d644d; }

.campaign-demo .custom-gridsettings .nav-tabs a {
  font-family: "OpenSans-Regular" !important;
  min-width: 200px;
  text-align: center; }

.campaign-master .footnotes-container {
  padding: 0 20px; }

@media screen and (min-width: 97.265em) {
  .campaign-demo .campaign-internal .carousel-caption h2 {
    font-size: 2.8rem; }
  .campaign-demo .product-shortcode .comparison-rate .product-rate,
  .campaign-demo .product-shortcode .interest-rate .product-rate {
    font-size: 2.8rem !important; } }

@media screen and (max-width: 59.688em) {
  .campaign-master .carousel-caption .product-shortcode .comparison-rate .product-rate {
    font-family: "OpenSans-Bold"; } }

@media screen and (min-width: 60em) {
  .campaign-master .campaign-header nav .topnav div.apply a {
    font-size: 1.125rem; }
  .campaign-demo .campaign-internal .carousel-caption h2 {
    font-size: 2.8rem;
    line-height: 3rem;
    margin-bottom: 20px; }
  .campaign-master .campaign-header nav .topnav div.apply {
    width: 170px;
    padding: 25px 20px; } }

@media screen and (min-width: 45em) {
  .campaign-demo .campaign-internal .carousel-caption {
    width: 90%;
    padding: 40px;
    max-width: 1400px; } }

@media (max-width: 500px) {
  .campaign-master .campaign-header nav .navbar-brand,
  .campaign-master .campaign-header .logo-landscape {
    width: 120px;
    padding-left: 10px; } }

@media (max-width: 376px) {
  .campaign-master .campaign-header nav .navbar-brand,
  .campaign-master .campaign-header .logo-landscape {
    width: 60px; }
  .campaign-demo .campaign-internal .carousel-caption {
    padding: 20px !important; }
    .campaign-demo .campaign-internal .carousel-caption h2 {
      line-height: 2.2rem;
      margin-bottom: 10px; }
    .campaign-demo .campaign-internal .carousel-caption .product-shortcode .product-rate {
      font-size: 1.5rem !important; }
    .campaign-demo .campaign-internal .carousel-caption .product-shortcode .product-desc {
      font-size: 0.7rem; }
    .campaign-demo .campaign-internal .carousel-caption .product-suffix .product-per-annum sup {
      font-size: 11px; } }

@media (max-width: 45em) {
  .campaign-demo .campaign-internal .carousel-caption button {
    max-width: 100%;
    width: 100%; }
  .campaign-demo .campaign-internal .carousel-caption {
    width: 94%;
    padding: 30px; } }

@media (max-width: 420px) {
  .campaign-demo .custom-gridsettings .nav-tabs a,
  .campaign-demo .nav-tabs .nav-item {
    width: 100%; }
  .campaign-demo .custom-gridsettings .nav-tabs li.nav-item:last-child a {
    border-radius: 0; } }

/**** campaign ends****/
.master-client .carousel.rotatorslide {
  background: #1C2841; }

@media screen and (min-width: 80em) {
  .master-client .carousel {
    height: 550px; } }

.master-client .carousel .carousel-inner .carousel-item:before {
  background-color: rgba(28, 40, 65, 0.7); }
  @media screen and (min-width: 45em) {
    .master-client .carousel .carousel-inner .carousel-item:before {
      background-color: transparent;
      background: linear-gradient(to bottom, #1c2841, rgba(28, 40, 65, 0.3)); } }

@media (max-width: 45em) {
  .master-client .carousel .carousel-inner .carousel-item .carousel-img .caption-container {
    text-align: center; } }

.master-client .carousel-caption {
  text-shadow: none;
  max-width: calc(1400px - 10%);
  padding: 0px;
  left: 0;
  display: block;
  text-align: center !important; }
  @media screen and (min-width: 30em) {
    .master-client .carousel-caption {
      padding: 20px 70px; } }
  .master-client .carousel-caption h3 {
    text-shadow: none;
    font-size: 1.5rem;
    line-height: 1rem;
    font-family: "OpenSans-Regular";
    color: #FAFAFB;
    text-align: center !important; }
    @media screen and (min-width: 30em) {
      .master-client .carousel-caption h3 {
        line-height: 2.4rem; } }
  .master-client .carousel-caption h2 {
    text-shadow: none !important;
    font-size: 2.8rem;
    line-height: 2.8rem;
    font-family: "OpenSans-Bold";
    color: #FAFAFB;
    margin-bottom: 40px;
    text-align: center !important; }
  @media screen and (min-width: 45em) {
    .master-client .carousel-caption h3 {
      font-size: 2rem;
      line-height: 2.4rem; }
    .master-client .carousel-caption h2 {
      font-size: 4rem;
      line-height: 4.5rem; } }
  .master-client .carousel-caption h4,
  .master-client .carousel-caption h5,
  .master-client .carousel-caption h6,
  .master-client .carousel-caption p,
  .master-client .carousel-caption li,
  .master-client .carousel-caption span {
    color: #FAFAFB;
    font-family: "OpenSans-Light" !important;
    text-align: center !important; }
    @media screen and (max-width: 30em) {
      .master-client .carousel-caption h4,
      .master-client .carousel-caption h5,
      .master-client .carousel-caption h6,
      .master-client .carousel-caption p,
      .master-client .carousel-caption li,
      .master-client .carousel-caption span {
        padding-left: 30px;
        padding-right: 30px; } }
  .master-client .carousel-caption button {
    border-radius: 10px;
    font-family: "OpenSans-Regular";
    font-size: 1em;
    line-height: 2rem;
    min-width: 210px;
    color: #ffffff;
    background-color: #96785D;
    border: 1px solid #96785D;
    margin: auto;
    padding: .3em 1em;
    text-align: center !important; }
    @media screen and (max-width: 30em) {
      .master-client .carousel-caption button {
        max-width: 280px;
        margin: 0 auto; } }
    .master-client .carousel-caption button:hover {
      color: #ffffff;
      background-color: #99A1AE;
      border: 1px solid #99A1AE; }

.master-client .product-shortcode .interest-rate {
  display: table-cell;
  padding-left: 0; }
  .master-client .product-shortcode .interest-rate .product-rate {
    line-height: 2rem;
    font-size: 2.2rem;
    float: left; }
    @media screen and (min-width: 23.5em) {
      .master-client .product-shortcode .interest-rate .product-rate {
        font-size: 2.5rem; } }
    @media screen and (min-width: 45em) {
      .master-client .product-shortcode .interest-rate .product-rate {
        line-height: 3rem;
        font-size: 3.5rem; } }
  .master-client .product-shortcode .interest-rate .product-suffix {
    float: left;
    left: 0 !important;
    line-height: 2rem;
    font-size: 1rem;
    width: auto; }
    @media screen and (min-width: 23.5em) {
      .master-client .product-shortcode .interest-rate .product-suffix {
        font-size: 1.5rem; } }
    @media screen and (min-width: 45em) {
      .master-client .product-shortcode .interest-rate .product-suffix {
        line-height: 3rem;
        font-size: 2rem; } }
    .master-client .product-shortcode .interest-rate .product-suffix .product-percent {
      float: left;
      display: block; }
    .master-client .product-shortcode .interest-rate .product-suffix .product-per-annum {
      font-size: 15px; }
      .master-client .product-shortcode .interest-rate .product-suffix .product-per-annum sup {
        top: 5px !important;
        left: 0px !important; }
  .master-client .product-shortcode .interest-rate .product-desc {
    width: 100%;
    float: none;
    clear: both; }
    @media screen and (min-width: 45em) {
      .master-client .product-shortcode .interest-rate .product-desc {
        line-height: 1rem;
        font-size: 1rem; } }

.master-client .product-shortcode .comparison-rate {
  display: table-cell;
  margin: 10px;
  padding: 0px; }
  .master-client .product-shortcode .comparison-rate .product-rate {
    line-height: 2rem;
    font-size: 2.2rem;
    float: left; }
    @media screen and (min-width: 23.5em) {
      .master-client .product-shortcode .comparison-rate .product-rate {
        font-size: 2.5rem; } }
    @media screen and (min-width: 45em) {
      .master-client .product-shortcode .comparison-rate .product-rate {
        line-height: 3rem;
        font-size: 3.5rem; } }
  .master-client .product-shortcode .comparison-rate .product-suffix {
    float: left;
    left: 0 !important;
    line-height: 2rem;
    font-size: 1rem;
    width: auto; }
    @media screen and (min-width: 23.5em) {
      .master-client .product-shortcode .comparison-rate .product-suffix {
        font-size: 1.5rem; } }
    @media screen and (min-width: 45em) {
      .master-client .product-shortcode .comparison-rate .product-suffix {
        line-height: 3rem;
        font-size: 2rem; } }
    .master-client .product-shortcode .comparison-rate .product-suffix .product-per-annum {
      font-size: 15px; }
      @media screen and (min-width: 23.5em) {
        .master-client .product-shortcode .comparison-rate .product-suffix .product-per-annum {
          font-size: 20px; } }
      @media screen and (min-width: 45em) {
        .master-client .product-shortcode .comparison-rate .product-suffix .product-per-annum {
          font-size: 30px; } }
      .master-client .product-shortcode .comparison-rate .product-suffix .product-per-annum sup {
        top: 5px !important;
        left: 0px !important; }
  .master-client .product-shortcode .comparison-rate .product-desc {
    float: none;
    clear: both; }
    @media screen and (min-width: 45em) {
      .master-client .product-shortcode .comparison-rate .product-desc {
        line-height: 1rem;
        font-size: 1rem; } }

.master-client .product-shortcode button {
  border-radius: 30px;
  font-family: "OpenSans-Regular";
  font-size: 1em;
  line-height: 2rem;
  min-width: 210px;
  color: #ffffff;
  background-color: #96785D;
  border: 2px solid #96785D;
  margin: auto; }
  .master-client .product-shortcode button:hover {
    color: #ffffff;
    background-color: #99A1AE;
    border: 2px solid #99A1AE; }

.master-client .home-carousel .carousel-caption h2,
.master-client .home-carousel .carousel-caption h3 {
  padding: 0 !important;
  line-height: 1; }

.master-client .carousel-caption .btn-primary:active {
  color: #ffffff;
  background-color: #99A1AE;
  border: 2px solid #99A1AE; }

@media screen and (min-width: 30em) {
  .master-client .carousel-caption .product-shortcode .interest-rate .product-suffix,
  .master-client .carousel-caption .product-shortcode .comparison-rate .product-suffix {
    left: -15px;
    position: relative; } }

.master-client .carousel-caption .carousel-indicators li {
  border-radius: 10px;
  color: #ffffff; }

.master-client .owl-carousel .owl-item img {
  border-radius: 5px 5px 0px 0px; }

.master-client .owl-carousel .product-box .product-image .img-wrapper {
  display: block; }
  .master-client .owl-carousel .product-box .product-image .img-wrapper picture {
    display: block !important; }

.master-client .owl-carousel .product-box .product-image .img-wrapper {
  display: block;
  max-height: 200px;
  min-height: initial;
  overflow: hidden; }
  .master-client .owl-carousel .product-box .product-image .img-wrapper picture {
    display: block !important; }

.master-client .carousel-control-next-icon {
  background-image: none; }
  .master-client .carousel-control-next-icon:before {
    font-family: 'icomoonclient' !important;
    font-size: 2.5rem;
    font-weight: normal;
    content: "\e92e" !important;
    color: #ffffff;
    position: absolute;
    right: 0; }

.master-client .carousel-control-prev-icon {
  background-image: none; }
  .master-client .carousel-control-prev-icon:before {
    font-family: 'icomoonclient' !important;
    font-size: 2.5rem;
    font-weight: normal;
    content: "\e92d" !important;
    color: #ffffff;
    position: absolute;
    left: 0; }

.carousel .carousel-indicators li {
  height: 2px; }

.carousel .carousel-indicators .active {
  background-color: #96785D; }

@media screen and (max-width: 767px) {
  .home-carousel .carousel-control-next-icon:before,
  .home-carousel .carousel-control-prev-icon:before {
    font-size: 2rem;
    font-weight: bold; }
  .owl-carousel.p-carousel .product-box {
    margin-bottom: 10px; }
  .owl-dots {
    display: none; } }

.btn {
  font-family: "OpenSans-Regular";
  font-size: 1rem; }

.btn.btn-default {
  background: #96785D;
  color: #ffffff;
  border-color: #96785D; }
  .btn.btn-default:hover {
    background: #99A1AE;
    color: #ffffff;
    border-color: #99A1AE; }

.btn.btn-primary {
  color: #ffffff;
  background-color: #96785D;
  border: 1px solid #96785D;
  min-width: 20%; }
  .btn.btn-primary:hover {
    color: #ffffff;
    background-color: #99A1AE;
    border: 2px solid #99A1AE; }
  .btn.btn-primary:active {
    color: #ffffff;
    background-color: #99A1AE;
    border: 2px solid #99A1AE; }

.btn-lg {
  border-radius: 10px;
  padding: .5em 2em;
  min-width: 240px !important;
  line-height: 2rem; }

.btn-md {
  border-radius: 10px;
  line-height: 2rem;
  padding: .3em 1em;
  min-width: 200px !important; }

.btn-sm {
  border-radius: 10px;
  min-width: 150px !important; }

.btn-xs {
  border-radius: 10px;
  min-width: auto !important; }

.btn.btn-secondary-active,
.btn.btn-secondary:hover,
.btn.btn-secondary:focus,
.btn.btn-secondary:active,
.btn.btn-secondary:not([disabled]):not(.disabled).active,
.btn.btn-secondary:not([disabled]):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
  background: transparent;
  color: #96785D;
  border: 1px solid #96785D; }

.btn.btn-secondary {
  background: transparent;
  color: #96785D;
  max-width: 100%;
  border: 1px solid #96785D; }
  .btn.btn-secondary:hover {
    background: #99A1AE;
    color: #ffffff;
    border-color: #99A1AE;
    border: 1px solid #99A1AE; }
  .btn.btn-secondary:active {
    background-color: #99A1AE;
    border-color: #99A1AE; }

.dropdown-list div.title {
  background-color: #1C2841;
  color: #ffffff;
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15);
  border: none;
  border-radius: 5px 5px 0px 0; }

.dropdown-list .dropdown {
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15);
  border-radius: 0px 0px 5px 5px;
  border: none; }

.btn-tertiary {
  background: transparent;
  color: #ffffff;
  border: 1px solid #ffffff; }

.btn.btn-tertiary-active,
.btn.btn-tertiary:hover,
.btn.btn-tertiary:focus,
.btn.btn-tertiary:active,
.btn.btn-tertiary:not([disabled]):not(.disabled).active,
.btn.btn-tertiary:not([disabled]):not(.disabled):active,
.show > .btn-tertiary.dropdown-toggle {
  background: #ffffff;
  color: #96785D;
  border: 1px solid #ffffff;
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15); }

.btn-text-link {
  color: #96785D;
  font-family: "OpenSans-Bold";
  background: transparent; }
  .btn-text-link:hover {
    color: #7d644d; }
  .btn-text-link:active {
    color: #7d644d; }

.btn-dark {
  background: transparent;
  color: #ffffff;
  border: 1px solid #ffffff; }
  .btn-dark:hover {
    background: #99A1AE;
    color: #ffffff;
    border-color: #99A1AE; }
  .btn-dark:active {
    background-color: #99A1AE;
    color: #ffffff;
    border-color: #99A1AE;
    border: 2px solid #99A1AE; }

a {
  cursor: pointer;
  color: #96785D; }
  a:hover {
    color: #7d644d; }

.column.col-md-12 h2 {
  padding-left: 0px; }

h2 {
  padding-left: 0px; }

@media all and (min-width: 45em) and (max-width: 1023px) {
  .col,
  .col-1,
  .col-10,
  .col-11,
  .col-12,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-auto,
  .col-lg,
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .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-auto,
  .col-md,
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .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-auto,
  .col-sm,
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .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-auto,
  .col-xl,
  .col-xl-1,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .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-auto {
    padding-right: 5px;
    padding-left: 5px; }
  .masthead .col,
  .masthead .col-1,
  .masthead .col-10,
  .masthead .col-11,
  .masthead .col-12,
  .masthead .col-2,
  .masthead .col-3,
  .masthead .col-4,
  .masthead .col-5,
  .masthead .col-6,
  .masthead .col-7,
  .masthead .col-8,
  .masthead .col-9,
  .masthead .col-auto,
  .masthead .col-lg,
  .masthead .col-lg-1,
  .masthead .col-lg-10,
  .masthead .col-lg-11,
  .masthead .col-lg-12,
  .masthead .col-lg-2,
  .masthead .col-lg-3,
  .masthead .col-lg-4,
  .masthead .col-lg-5,
  .masthead .col-lg-6,
  .masthead .col-lg-7,
  .masthead .col-lg-8,
  .masthead .col-lg-9,
  .masthead .col-lg-auto,
  .masthead .col-md,
  .masthead .col-md-1,
  .masthead .col-md-10,
  .masthead .col-md-11,
  .masthead .col-md-12,
  .masthead .col-md-2,
  .masthead .col-md-3,
  .masthead .col-md-4,
  .masthead .col-md-5,
  .masthead .col-md-6,
  .masthead .col-md-7,
  .masthead .col-md-8,
  .masthead .col-md-9,
  .masthead .col-md-auto,
  .masthead .col-sm,
  .masthead .col-sm-1,
  .masthead .col-sm-10,
  .masthead .col-sm-11,
  .masthead .col-sm-12,
  .masthead .col-sm-2,
  .masthead .col-sm-3,
  .masthead .col-sm-4,
  .masthead .col-sm-5,
  .masthead .col-sm-6,
  .masthead .col-sm-7,
  .masthead .col-sm-8,
  .masthead .col-sm-9,
  .masthead .col-sm-auto,
  .masthead .col-xl,
  .masthead .col-xl-1,
  .masthead .col-xl-10,
  .masthead .col-xl-11,
  .masthead .col-xl-12,
  .masthead .col-xl-2,
  .masthead .col-xl-3,
  .masthead .col-xl-4,
  .masthead .col-xl-5,
  .masthead .col-xl-6,
  .masthead .col-xl-7,
  .masthead .col-xl-8,
  .masthead .col-xl-9,
  .masthead .col-xl-auto {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 45em) {
  .column.col-md-12 {
    padding-left: 15px;
    padding-right: 15px; } }

.wrapper {
  position: inherit; }
  @media screen and (min-width: 48em) {
    .wrapper {
      top: 135px; } }
  @media screen and (min-width: 1050px) {
    .wrapper {
      top: 150px; } }

h1.home-heading, h2 {
  font-size: 2.2rem;
  font-family: "OpenSans-Semibold";
  padding-top: 1.2rem;
  line-height: 2.5rem;
  padding-bottom: 1.2rem;
  margin-bottom: 0 !important; }
  @media screen and (max-width: 30em) {
    h1.home-heading, h2 {
      padding: 0 15px; } }

h1.home-heading {
  font-size: 2.1rem;
  max-width: 1024px;
  margin: auto;
  line-height: 2.7rem;
  padding-top: 2rem;
  padding-bottom: 2rem; }
  @media screen and (max-width: 45em) {
    h1.home-heading {
      font-size: 1.438rem;
      padding: 0 15px; } }

h3 {
  font-size: 1.625rem;
  font-family: "OpenSans-Semibold"; }

h4 {
  font-size: 1.25rem;
  font-family: "OpenSans-Semibold"; }

h5 {
  font-size: 1.375rem;
  font-family: "OpenSans-Regular"; }

h6 {
  font-size: 1.125rem;
  font-family: "OpenSans-Regular"; }

.display {
  line-height: 4rem;
  font-size: 5rem;
  font-family: "OpenSans-Bold"; }

h2,
h3,
h4,
h5,
h6 {
  color: #343434; }

.white {
  color: #ffffff !important; }

.bronze {
  color: #96785D !important; }

.inner-container {
  padding: 0; }
  @media (min-width: 45em) {
    .inner-container {
      padding: 0 10px; } }

@media (min-width: 768px) {
  .inner-container {
    max-width: 810px; } }

@media (min-width: 992px) {
  .inner-container {
    max-width: 1100px; } }

@media (min-width: 1200px) {
  .inner-container {
    max-width: 1400px; } }

ul {
  list-style: none;
  padding-left: 0; }

.btn.btn-primary-active,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary:not([disabled]):not(.disabled).active,
.btn.btn-primary:not([disabled]):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  background-color: #99A1AE !important;
  border: 1px solid #99A1AE !important; }

@media (max-width: 30em) {
  .col,
  .col-1,
  .col-10,
  .col-11,
  .col-12,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-auto,
  .col-lg,
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .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-auto,
  .col-md,
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .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-auto,
  .col-sm,
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .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-auto,
  .col-xl,
  .col-xl-1,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .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-auto {
    padding-left: 0;
    padding-right: 0; }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p {
    padding: 0 15px; } }

@media screen and (min-width: 45em) {
  .dropdown-list .dropdown .btn {
    margin: 0;
    padding: 0 15px;
    border: 1px solid #ffffff;
    background: #ffffff;
    border-radius: 0px 5px 5px 0px; }
  .dropdown-list .dropdown-menu.show {
    margin-left: 0; }
  .master-client .dropdown-list .dropdown {
    border-radius: 0 5px 5px 0; }
  .master-client .dropdown-list div.title {
    border-radius: 5px 0 0 5px; } }

.dropdown-list .dropdown-menu.show {
  z-index: 2;
  border-radius: 5px;
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15);
  border: none;
  background: #ffffff; }
  .dropdown-list .dropdown-menu.show .dropdown-item:hover {
    background: #99A1AE;
    color: #ffffff;
    border-radius: 0; }
  .dropdown-list .dropdown-menu.show .dropdown-item:last-child:hover {
    border-radius: 0 0 5px 5px; }
  .dropdown-list .dropdown-menu.show .dropdown-item:first-child:hover {
    border-radius: 5px 5px 0 0; }

p,
label,
li {
  color: #343434; }

h4 {
  font-size: 1.5rem;
  line-height: 2rem;
  margin-bottom: 1rem; }

img {
  width: 100%;
  height: auto; }

@media (max-width: 768px) {
  .btn {
    max-width: 80%; } }

/***TABLE STYLES***/
.table td,
.table th {
  border-top: 0; }

button.right-button-table,
button.left-button-table {
  background-color: #1C2841;
  height: 45px;
  min-width: 10px !important; }

.left-button-table {
  left: 4px; }

.table-container {
  border-radius: 5px;
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15); }

.rich-text-editor table {
  border: 0; }
  .rich-text-editor table tr:first-child {
    border: 1px solid #96785D; }
  .rich-text-editor table tr {
    border: 1px solid #ffffff; }
    .rich-text-editor table tr td {
      padding: .75rem;
      vertical-align: top;
      border: 0px;
      font-family: "OpenSans-Regular";
      color: #2f3839;
      background-color: #ffffff;
      border-bottom: 1px solid #C9CDD5; }
  .rich-text-editor table tr:last-child td {
    border-bottom: 0; }
  .rich-text-editor table tr:first-child td:first-child {
    border-top-left-radius: 5px; }
  .rich-text-editor table tr:first-child td:last-child {
    border-top-right-radius: 5px; }
  .rich-text-editor table tr:first-child td {
    font-size: 1.125rem;
    background-color: #1C2841 !important;
    color: #ffffff;
    font-family: "OpenSans-Bold"; }
  .rich-text-editor table tr:last-child td:first-child {
    border-bottom-left-radius: 5px; }
  .rich-text-editor table tr:last-child td:last-child {
    border-bottom-right-radius: 5px; }

.rich-text-editor table.alternate-rows tr {
  border: 0; }

.rich-text-editor table.alternate-rows tr td {
  border-bottom: none; }

.rich-text-editor table.alternate-rows tr:nth-child(even) td {
  background-color: #d2d5db; }

.rich-text-editor table.border tr {
  border: 1px solid #C9CDD5 !important; }

.rich-text-editor table.no-border tr td {
  border-bottom: none; }

.rich-text-editor table.no-heading tr:first-child {
  border: 1px solid #ffffff;
  border-bottom: 1px solid #C9CDD5; }
  .rich-text-editor table.no-heading tr:first-child td {
    background-color: #ffffff !important;
    font-size: 1rem;
    padding: .75rem;
    vertical-align: top;
    border: 0px;
    font-family: "OpenSans-Regular";
    color: #2f3839; }

.rich-text-editor table.row-and-column-heading tr td:first-child {
  background-color: #2B3A5A;
  color: #f7f7f7;
  border-bottom: 1px solid #2B3A5A;
  border-left: 1px solid #2B3A5A; }

.rich-text-editor table.row-and-column-heading tr td:last-child {
  border-right: 1px solid #ffffff; }

.rich-text-editor table.row-and-column-heading tr:first-child td:first-child {
  border-left: 1px solid #1C2841; }

.rich-text-editor table.row-heading tr {
  border: none; }
  .rich-text-editor table.row-heading tr td {
    display: table-cell; }

.rich-text-editor table.row-heading tr:first-child td {
  background-color: #ffffff !important;
  font-size: 1rem;
  padding: .75rem;
  vertical-align: top;
  border: 0px;
  font-family: "OpenSans-Regular";
  color: #2f3839; }

.rich-text-editor table.row-heading tr:first-child td:first-child {
  background-color: #96785D !important;
  color: #f7f7f7;
  border-bottom: none; }

.rich-text-editor table.row-heading tr td:first-child {
  background-color: #96785D;
  color: #f7f7f7;
  font-family: "OpenSans-Bold";
  font-size: 1.125rem;
  border-bottom: 1px solid #FAFAFB; }

.rich-text-editor table.row-heading tr td:last-child {
  border-right: 1px solid #ffffff; }

.rich-text-editor table.row-heading tr:last-child td {
  border-bottom: 1px solid #ffffff; }

.rich-text-editor table.row-heading tr td:first-child {
  border-bottom: none; }

@media (max-width: 45em) {
  .column {
    padding: 0px !important;
    margin-bottom: 10px; }
  .btn {
    max-width: 67%;
    min-width: 90%;
    margin: 10px auto;
    display: block; }
  h2 {
    font-size: 1.5rem;
    line-height: 2rem;
    margin: 10px auto; }
  h5,
  p {
    margin-bottom: 0; } }

@media (max-width: 30em) {
  .btn {
    max-width: 100%; } }

p {
  margin-bottom: 1rem;
  font-family: "OpenSans-Regular" !important; }

li p {
  margin-bottom: 0.4rem;
  text-align: left; }

ol {
  padding-left: 30px; }

.column .column {
  margin-bottom: 10px; }
  .column .column .column {
    margin-bottom: 20px; }

/* tab styles starts */
.master-client .nav-tabs {
  width: 100%;
  border-bottom: 0; }
  .master-client .nav-tabs .nav-link {
    background: #ffffff;
    padding: 0.7rem 3rem;
    color: #343434;
    font-family: "OpenSans-Regular";
    font-size: 1.125rem;
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15); }
  .master-client .nav-tabs .nav-link.active {
    background-color: #FAFAFB !important;
    z-index: 2;
    position: relative;
    color: #96785D !important; }

.custom-gridsettings .tab-content {
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15);
  z-index: 3;
  position: relative;
  border-radius: 5px;
  background: #fff; }

.master-client .tab-content.tab-vertical {
  padding-top: 20px !important;
  padding: 20px; }

.tab-container .nav-tabs.tab-horizontal .nav-item {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center; }

@media screen and (min-width: 60em) {
  .master-client .tab-container .nav-tabs.tab-vertical {
    max-width: 30%; }
  .master-client .tab-content.tab-vertical {
    max-width: 70%;
    width: 70% !important; } }

.master-client .tab-container .nav-tabs.tab-vertical {
  width: 100%;
  border: 0;
  float: left; }

.master-client .tab-container .nav-tabs.tab-vertical .nav-item {
  display: block;
  width: 100%; }

.master-client .tab-content.tab-vertical {
  display: block;
  width: 100%; }

.tab-content.tab-horizontal {
  padding-left: 0px;
  padding-right: 0; }

@media (max-width: 768px) {
  .nav-tabs .nav-item {
    width: 100%;
    flex-basis: unset !important; }
  .tab-content.tab-vertical,
  .tab-content.tab-horizontal {
    width: 100% !important;
    padding-top: 10px !important;
    padding: 0px; } }

.master-client .nav-tabs.tab-horizontal {
  display: flex; }

.master-client .nav-tabs.tab-horizontal li {
  display: flex;
  flex: 1; }

.master-client .nav-tabs.tab-horizontal li a {
  flex: 1; }

.master-client .custom-gridsettings .nav-tabs a {
  line-height: 20px; }

/* tab styles ends */
.productRatesSuffixStyle .interest-rate .product-suffix .product-percent,
.productRatesSuffixStyle .comparison-rate .product-suffix .product-percent,
.productRatesSuffixStyle .interest-rate .product-suffix .product-per-annum,
.productRatesSuffixStyle .comparison-rate .product-suffix .product-per-annum {
  font-size: 15px !important; }

@media screen and (max-width: 767px) {
  .btn-secondary {
    padding: 10px; }
  .breadcrumb li + li.active:before {
    padding-left: 0;
    padding-right: 0; } }

.rich-text-editor ul li {
  font-size: 17px; }

.master-client .search-container {
  text-align: center; }
  .master-client .search-container p.search-title {
    text-align: center; }
  .master-client .search-container h2 {
    text-align: left;
    max-width: 790px; }
  .master-client .search-container ul.predictive-search-result {
    width: 315px; }
    @media screen and (min-width: 45em) {
      .master-client .search-container ul.predictive-search-result {
        width: 590px; } }
    @media screen and (min-width: 1199px) {
      .master-client .search-container ul.predictive-search-result {
        width: 775px; } }
  .master-client .search-container .searchfield {
    border-radius: 0;
    border: 0;
    color: #231f20;
    background: transparent;
    padding-left: 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #ffffff;
    color: #ffffff;
    width: 80%;
    display: inline-block; }
    @media (min-width: 30em) {
      .master-client .search-container .searchfield {
        margin: 0; } }
  .master-client .search-container .searchbtn.btn-sm {
    padding: 15px 30px;
    margin-bottom: 0; }

.master-client .navbar-header button.search {
  padding: 19px 15px; }

.master-client .searchresults .heading2 {
  color: #1C2841; }

.master-client .searchresults .heading1 {
  color: #96785D; }
  .master-client .searchresults .heading1:hover {
    color: #99A1AE; }

.master-client .searchresults ul li {
  margin-bottom: 10px; }

.master-client .container.search {
  padding: 30px;
  padding-top: 40px !important; }
  .master-client .container.search .btn {
    max-width: 100%;
    padding: 13px; }

.master-client .searchfield {
  border: none;
  border-radius: 0;
  color: #231f20;
  background: #ffffff;
  margin-bottom: 20px;
  border-bottom: 1px solid #1C2841; }
  @media (min-width: 30em) {
    .master-client .searchfield {
      margin: 0;
      margin-right: 20px; } }
  .master-client .searchfield:focus {
    box-shadow: none;
    outline: none; }

.master-client .search-container {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  .master-client .search-container h2 {
    text-align: left;
    max-width: 790px;
    width: 100%; }
  .master-client .search-container .searchbtn.btn-sm {
    width: 40px;
    height: 40px;
    display: inline-block;
    background: transparent;
    min-width: 40px !important;
    border: 0;
    color: #fff;
    padding: 0px;
    margin-bottom: 0; }
    .master-client .search-container .searchbtn.btn-sm span.search-icon:before {
      font-size: 1.375rem;
      font-weight: bold;
      content: "\e9a5" !important;
      color: #fff;
      font-family: "icomoonclient"; }
    .master-client .search-container .searchbtn.btn-sm:hover {
      background: transparent !important; }
      .master-client .search-container .searchbtn.btn-sm:hover span.search-icon:before {
        color: #96785D; }

@media screen and (min-width: 45em) and (min-width: 48em) {
  .master-client .search-container {
    max-width: 900px;
    min-height: 290px;
    top: 35%; }
  .master-client .searchfield {
    min-width: 75%;
    max-width: none;
    width: 37%;
    display: inline-block; } }

.master-client .navbar-brand:before {
  display: none; }

.master-client .navbar-brand {
  height: 55px; }

@media screen and (max-width: 1199px) {
  .master-client header .navbar-header {
    height: 60px; }
  .master-client .navbar-brand {
    height: 55px;
    padding: 0;
    width: 119px;
    margin-right: 0;
    margin-top: 0; } }

@media screen and (min-width: 1199px) {
  .master-client .navbar-brand svg.logo-icon {
    display: none !important; } }

@media screen and (max-width: 1199px) {
  .master-client {
    /*ib link */
    /* secondary navigations collapsed into mobile styling.*/ }
    .master-client header .navbar-header .login-wrapper {
      background: #96785D; }
    .master-client .logo-landscape {
      display: none; }
    .master-client header .menu-links {
      right: 0; }
    .master-client header .search-link {
      right: 0;
      padding: 0;
      background: linear-gradient(to bottom, rgba(12, 21, 29, 0.97), rgba(43, 58, 90, 0.97)); }
    .master-client header .navbar-toggler {
      line-height: 0.8; }
    .master-client header #mobile-banking-btn {
      line-height: 54px;
      background: #96785D; }
      .master-client header #mobile-banking-btn .mod-tablet-down:before {
        margin-top: 18px;
        font-size: 1.25rem;
        height: 20px;
        line-height: 1.25rem;
        margin-right: 10px; }
    .master-client header.fixed .menu.top {
      position: relative; }
    .master-client header.fixed nav.navbar {
      top: 0px;
      background: #1C2841; }
    .master-client header .menu.top .navbar-nav > li a,
    .master-client header .menu.top .navbar-nav > li span {
      font-family: "OpenSans-Regular" !important;
      color: #1C2841;
      text-transform: none; }
      .master-client header .menu.top .navbar-nav > li a:hover,
      .master-client header .menu.top .navbar-nav > li span:hover {
        color: #99A1AE; }
    .master-client header .menu.top .navbar-nav > li span {
      font-family: "OpenSans-Regular" !important;
      color: #2f3839; } }
  @media screen and (max-width: 1199px) and (max-width: 48em) {
    .master-client .search-link {
      background: #FAFAFB;
      padding: 20px; }
      .master-client .search-link #search {
        display: none; } }

@media screen and (max-width: 1199px) {
    .master-client .searchresults ul li {
      margin-bottom: 10px; }
    .master-client .container.search {
      padding: 30px;
      padding: 15px 30px;
      margin-bottom: 0; }
      .master-client .container.search .btn {
        max-width: 100%;
        padding: 13px;
        padding: 15px 30px;
        margin-bottom: 0; }
    .master-client .form-wrapper.search-pop-up {
      padding: 30px;
      top: auto;
      margin-top: 50px; } }
    @media screen and (max-width: 1199px) and (max-width: 30em) {
      .master-client .form-wrapper.search-pop-up {
        min-height: 400px;
        margin-top: 0; } }

@media screen and (max-width: 1199px) {
    .master-client .form-wrapper.search-pop-up.active {
      padding: 30px;
      top: auto;
      margin-top: 50px;
      opacity: 1; }
    .master-client .overlay {
      padding-left: 0; }
      .master-client .overlay .overlay-menu {
        padding-left: 0; }
        .master-client .overlay .overlay-menu .dropdown-menu > li > a {
          text-transform: none;
          padding: 10px;
          font-weight: bold;
          background: #ffffff; }
    .master-client .overlay-second {
      transition: all .3s ease-in-out; }
      .master-client .overlay-second ul {
        padding-left: 0; }
      .master-client .overlay-second li {
        width: 100%; }
        .master-client .overlay-second li a {
          padding: 15px;
          padding-left: 15px;
          padding-right: 15px;
          color: #1C2841;
          border-bottom: 1px solid #4c669f;
          background: #ffffff; }
        .master-client .overlay-second li a.nav-link {
          background: #FAFAFB;
          text-transform: none;
          color: #343434;
          font-weight: bold; }
        .master-client .overlay-second li p {
          line-height: 1.4rem; }
    .master-client .login-wrapper a {
      background-color: #96785D; }
    .master-client .icon-search:before {
      font-size: 2rem;
      font-weight: bold;
      content: "\e9a5" !important;
      color: #1C2841; }
    .master-client .login-wrapper li:first-child a,
    .master-client .IB-login a span {
      color: #CBCBCB;
      font-family: "OpenSans-Semibold";
      line-height: 1.7rem; }
    .master-client .login-wrapper li a span:before,
    .master-client .IB-login a span:before {
      color: #CBCBCB;
      content: "\e936";
      display: inline-block;
      vertical-align: top;
      font-size: 2rem;
      padding-right: 6px; }
    .master-client .login-wrapper li:first-child a span:before {
      color: #CBCBCB; }
    .master-client .login-wrapper li:first-child a:hover span:before,
    .master-client .login-wrapper li:first-child a:hover span {
      color: #FAFAFB; }
    .master-client .navbar-header button.login {
      padding: 0; }
    .master-client .IB-login .ibLink {
      color: #CBCBCB;
      padding: 20px 10px;
      width: auto;
      display: inline-block;
      background-color: #96785D; }
    .master-client header .navbar-default .navbar-nav > li > a {
      padding: 15px;
      font-size: 1.125rem;
      background: #1C2841;
      text-transform: none; }
      .master-client header .navbar-default .navbar-nav > li > a:hover {
        background: #2B3A5A; }
      .master-client header .navbar-default .navbar-nav > li > a:active {
        background: #2B3A5A; }
      .master-client header .navbar-default .navbar-nav > li > a:focus {
        background: #2B3A5A; }
    .master-client .navbar-nav .open .dropdown-menu .dropdown-header,
    .master-client .navbar-nav .open .dropdown-menu > li > a {
      border-bottom: 1px solid #4c669f;
      color: #1C2841;
      font-size: 1rem;
      text-transform: none; }
    .master-client .navbar-nav .open .overlay-menu .dropdown-menu > li > a {
      color: #1C2841;
      text-transform: none;
      font-weight: bold; }
      .master-client .navbar-nav .open .overlay-menu .dropdown-menu > li > a:after {
        background: #96785D; }
      .master-client .navbar-nav .open .overlay-menu .dropdown-menu > li > a:hover {
        color: #96785D; }
      .master-client .navbar-nav .open .overlay-menu .dropdown-menu > li > a.active {
        color: #96785D; }
    .master-client .navbar-nav .open .overlay-menu .dropdown-menu.show > li > a.active ul li:first-child a {
      padding: 10px !important; }
    .master-client .login-wrapper div a.ibLink {
      background-color: #96785D;
      font-family: "OpenSans-Regular"; }
      .master-client .login-wrapper div a.ibLink span {
        padding-left: 10px;
        color: #FAFAFB;
        font-family: "OpenSans-Regular"; }
        .master-client .login-wrapper div a.ibLink span:before {
          color: #FAFAFB; }
    .master-client .dropdown-toggle::after {
      right: 40px;
      top: 15px;
      content: '\e92b';
      font-size: 1rem;
      font-weight: bold; }
    .master-client .dropdown-toggle.active::after {
      content: '\e92f'; } }
  @media screen and (max-width: 1199px) and (min-width: 65.625em) {
    .master-client .navbar-collapse.collapse.login-wrapper {
      width: 250px; } }

@media screen and (max-width: 1199px) {
    .master-client .logo-landscape {
      display: inline-block;
      top: 10px; }
    .master-client .footnotes-wrapper div:first-child {
      position: relative;
      padding: 0 0 40px 0; }
    .master-client .footnotes-wrapper div .footnotes-container {
      padding: 10px 20px 0;
      max-width: 1400px;
      margin: 0 auto; }
    .master-client .footnotes-wrapper.move-internal div:first-child {
      height: auto;
      top: 0px;
      padding-bottom: 20px;
      position: relative; }
    .master-client .footnotes-wrapper.move-internal .footnotes-container {
      padding: 10px 20px 0 25px; }
    .master-client .overlay-second ul {
      width: 100%; }
    .master-client .menu .overlay.open {
      max-height: none;
      background: #FAFAFB;
      box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15); }
    .master-client .overlay-second.open {
      max-height: none;
      transition: all .5s ease-in-out; } }
  @media screen and (max-width: 1199px) and (-ms-high-contrast: active) {
    .master-client .dropdown-menu.show .overlay-second {
      top: auto; }
    .master-client .overlay-second .open {
      top: 10px; } }

@media screen and (max-width: 1199px) {
    .master-client .menu .nav.sec-nav-mobile {
      background-color: #2B3A5A;
      margin: 0;
      padding: 0; }
      .master-client .menu .nav.sec-nav-mobile li a {
        background-color: #2B3A5A; }
      .master-client .menu .nav.sec-nav-mobile li span {
        padding: 15px; }
      .master-client .menu .nav.sec-nav-mobile li:first-child span {
        padding: 0;
        background-color: #2B3A5A;
        line-height: 3.5rem; }
        .master-client .menu .nav.sec-nav-mobile li:first-child span:before {
          color: #96785D;
          font-size: 36px;
          display: inline-block;
          font-family: "icomoonclient";
          content: "\e9cc";
          position: relative;
          top: -1px;
          left: 16px;
          height: 58px;
          vertical-align: middle;
          margin-right: 20px; }
    .master-client .menu .nav.sec-nav li:first-child span {
      padding: 0 20px;
      line-height: 100px; }
      .master-client .menu .nav.sec-nav li:first-child span:before {
        font-size: 2.2rem;
        color: #96785D;
        display: inline-block;
        font-family: "icomoonclient";
        content: "\e914";
        position: relative;
        top: -1px;
        height: auto;
        vertical-align: middle; }
      .master-client .menu .nav.sec-nav li:first-child span span:before {
        color: #96785D; } }

.form-wrapper.active {
  background: linear-gradient(to bottom, rgba(12, 21, 29, 0.97), rgba(43, 58, 90, 0.97)); }

.master-client .overlay .overlay-menu .dropdown-menu li a i {
  font-size: 1.25rem;
  margin-right: 10px; }

@media screen and (max-width: 1199px) {
  .navbar-brand img {
    width: 70px;
    padding-left: 10px;
    margin-top: -20px; } }

@media screen and (min-width: 1200px) {
  .overlay-second li {
    width: 100%; }
  .logo-landscape {
    display: none; }
  header .menu-links.collapse {
    height: auto;
    padding-top: 5px; }
  .overlay .overlay-menu .dropdown-menu li a i.iconclient-laptop-phone {
    font-size: 20px !important;
    padding-left: 5px; }
  .master-client .nav-link {
    padding-top: 0.6rem; }
  .master-client .icon-search {
    padding-top: 1rem !important; }
  .master-client .form-wrapper.active {
    height: 430px !important;
    margin-top: 89px; } }
  @media screen and (min-width: 1200px) and (min-width: 1199px) and (max-width: 1710px) {
    .master-client .form-wrapper.active {
      margin-top: 72px; } }
  @media screen and (min-width: 1200px) and (min-width: 60em) {
    .master-client .form-wrapper.active {
      margin-top: 65px; } }

@media screen and (min-width: 1200px) {
  .search-link a:before {
    display: none; }
  header .menu.top .navbar-nav li a,
  header .menu.top .navbar-nav li span,
  header .menu.top .navbar-nav li {
    font-family: "OpenSans-Regular";
    font-size: 0.875rem; }
  .overlay .overlay-menu .dropdown-menu li {
    margin-bottom: 20px; }
  header .navbar.navbar-default .nav-right-links {
    margin-top: 0px;
    margin-right: 0; }
  a.icon-search {
    border-top: 5px solid transparent; }
  header .navbar.navbar-default .navbar-nav li a::before {
    top: 0; }
  header {
    background: transparent;
    min-height: 120px; }
    header .icon-search:before {
      color: #fff; }
    header .navbar-default .navbar-collapse.collapse,
    header .navbar {
      background: transparent;
      -webkit-transition: all 1.2s ease;
      -moz-transition: all 1.2s ease;
      -o-transition: all 1.2s ease;
      transition: all 1.2s ease;
      color: #ffffff;
      box-shadow: none; }
    header .navbar.navbar-default .navbar-nav li a {
      -webkit-transition: all 1.2s ease;
      -moz-transition: all 1.2s ease;
      -o-transition: all 1.2s ease;
      transition: all 1.2s ease;
      color: #ffffff; }
    header .navbar-brand img.site-logo.scroll {
      display: none; }
    header.scrolltop .navbar-brand img.site-logo.scroll, header.menuopen .navbar-brand img.site-logo.scroll {
      display: block; }
    header.scrolltop .navbar-brand img.site-logo.load, header.menuopen .navbar-brand img.site-logo.load {
      display: none; }
    header.scrolltop .icon-search:before, header.menuopen .icon-search:before {
      color: #1C2841; }
    header.scrolltop .navbar.navbar-default .navbar-nav li a, header.menuopen .navbar.navbar-default .navbar-nav li a {
      color: #1C2841; }
    header.scrolltop .navbar.navbar-default ul.dropdown-menu li a, header.menuopen .navbar.navbar-default ul.dropdown-menu li a {
      color: #ffffff;
      padding-left: 0; }
    header.scrolltop .menu.top, header.menuopen .menu.top {
      background: #1C2841; }
    header.scrolltop .navbar-default .navbar-collapse.collapse,
    header.scrolltop .navbar, header.menuopen .navbar-default .navbar-collapse.collapse,
    header.menuopen .navbar {
      box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15);
      background: #ffffff; }
  .navbar-default .navbar-collapse.collapse {
    padding: 0 14px; }
  .navbar-brand img {
    height: 57px;
    padding: 0;
    width: 215px;
    transition: all 0.3s ease; }
  .navbar-brand #logo-icon {
    display: none; }
  header .navbar.navbar-default ul.main-navbar li a {
    padding: 27px 20px 20px 22px; }
  header .navbar.navbar-default ul.dropdown-menu li a {
    padding-top: 0px; }
  header .navbar.navbar-default .navbar-nav li a::before {
    background: #96785D; }
  header .navbar.navbar-default .navbar-nav li a:hover,
  header .navbar.navbar-default .navbar-nav li a:active,
  header .navbar.navbar-default .navbar-nav li a.active,
  header .navbar.navbar-default .navbar-nav li a.active:hover,
  header .navbar-default .open .navbar-nav li a.dropdown-toggle.active {
    color: #96785D !important; }
  .nav-right-links ul li .btn i {
    line-height: 1.25rem;
    font-size: 1.25rem !important;
    margin-right: 10px; }
  .nav-right-links .btn {
    border-radius: 100px;
    padding: 5px 15px 8px; }
    .nav-right-links .btn span {
      font-family: "OpenSans-Semibold";
      font-size: 1rem; }
  .nav-right-links .btn-secondary {
    background: #2B3A5A;
    border-color: #2B3A5A;
    color: #ffffff; }
    .nav-right-links .btn-secondary:hover, .nav-right-links .btn-secondary:focus, .nav-right-links .btn-secondary:active {
      background: #99A1AE !important;
      border-color: #99A1AE !important;
      color: #ffffff !important; }
    .nav-right-links .btn-secondary i.iconclient-support {
      font-size: 1.25rem !important;
      margin-right: 10px; }
  .menu .overlay {
    opacity: 0.98;
    top: 113px; }
  .menu .overlay.open {
    height: 430px !important; } }
  @media screen and (min-width: 1200px) and (min-width: 1199px) and (max-width: 1720px) {
    .menu .overlay.open {
      height: 530px !important; } }

@media screen and (min-width: 1200px) {
  .overlay .second-menu-rte-box {
    width: 33%; }
    .overlay .second-menu-rte-box .rte-content {
      margin-right: auto;
      margin-left: auto;
      max-width: 350px; } }
    @media screen and (min-width: 1200px) and (min-width: 1600px) {
      .overlay .second-menu-rte-box .rte-content {
        max-width: 500px; } }

@media screen and (min-width: 1200px) {
  .overlay .overlay-menu {
    width: 67%; }
    .overlay .overlay-menu .dropdown-menu {
      padding-left: 60px; }
      .overlay .overlay-menu .dropdown-menu li.submenu-title {
        color: #99A1AE;
        font-size: 1rem; }
      .overlay .overlay-menu .dropdown-menu li a.active::after,
      .overlay .overlay-menu .dropdown-menu li a:hover::after {
        display: none; }
      .overlay .overlay-menu .dropdown-menu li a.active,
      .overlay .overlay-menu .dropdown-menu li a:hover {
        color: #96785D;
        transition: 0.3s; }
        .overlay .overlay-menu .dropdown-menu li a.active:before, .overlay .overlay-menu .dropdown-menu li a.active:after,
        .overlay .overlay-menu .dropdown-menu li a:hover:before,
        .overlay .overlay-menu .dropdown-menu li a:hover:after {
          color: #96785D; }
      .overlay .overlay-menu .dropdown-menu li a.hasdropdown::after {
        display: inline-block;
        content: "\e92e";
        font-weight: bold;
        font-family: "icomoonclient";
        position: relative;
        top: 0px;
        margin-left: 4px;
        width: auto;
        vertical-align: middle;
        height: auto;
        font-size: 1rem; }
  .overlay .overlay-second ul {
    padding-left: 60px;
    padding-right: 60px; } }

@media screen and (min-width: 1200px) and (max-width: 767px) {
  .site-map .Vertical-tick-list-darkbg .ql-wrapper ul.quick-links-bar li a .title {
    text-align: center !important;
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important; }
  .site-map .Vertical-tick-list-darkbg .ql-wrapper ul.quick-links-bar li a div {
    text-align: center;
    float: none !important;
    width: 100% !important;
    display: block !important;
    padding-bottom: 0 !important; }
  .site-map .accordiondata .card h5 {
    margin-bottom: 5px; }
  .footer .footer-logos svg.logo-landscape-white {
    width: 230px !important; }
  header .navbar-header #mobile-banking-btn {
    background: #96785D; } }

@media screen and (min-width: 1200px) {
  .master-client .navbar-brand svg {
    display: none; } }

.master-client .footer {
  display: block;
  top: 0;
  padding-top: 10px;
  background-color: #1C2841; }
  @media screen and (max-width: 45em) {
    .master-client .footer .col-md-3 {
      max-width: 100% !important; } }
  @media screen and (min-width: 48em) and (max-width: 1199px) {
    .master-client .footer .col-md-3 {
      max-width: 50% !important; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .master-client .footer {
      top: -7px; } }
  .master-client .footer .footer-logo {
    margin: 0 auto;
    display: block;
    margin-bottom: 20px; }
    @media screen and (min-width: 45em) {
      .master-client .footer .footer-logo {
        margin-right: 0;
        text-align: right; } }
    .master-client .footer .footer-logo img {
      height: auto;
      width: auto; }
      @media screen and (max-width: 30em) {
        .master-client .footer .footer-logo img {
          width: auto;
          max-width: 100%;
          margin-bottom: 20px; } }
      @media screen and (min-width: 45em) and (max-width: 80em) {
        .master-client .footer .footer-logo img {
          width: 100%; } }
  .master-client .footer .ultracs-quick-links .col-lg-12 {
    padding: 0; }
  .master-client .footer ul {
    padding-left: 0; }
    .master-client .footer ul li.iconclient-linkedin {
      text-align: right; }
      @media screen and (max-width: 30em) {
        .master-client .footer ul li.iconclient-linkedin {
          text-align: center; } }
      .master-client .footer ul li.iconclient-linkedin:before {
        font-size: 2rem; }
  .master-client .footer .footertext {
    border-top: 1px solid #ffffff;
    padding-top: 20px; }
    @media (min-width: 61.938em) {
      .master-client .footer .footertext {
        margin: 0 10px; } }
  .master-client .footer .social-icons {
    text-align: center; }
    @media (min-width: 61.938em) {
      .master-client .footer .social-icons {
        text-align: right; } }
    .master-client .footer .social-icons i:before {
      color: #ffffff;
      font-size: 1.813rem; }
  .master-client .footer .iconclient-icon_ui-facebook1:before {
    content: "\e949"; }
  .master-client .footer .iconclient-icon_ui-LinkedIn1:before {
    content: "\e9c6"; }
  .master-client .footer .iconclient-icon_ui-instagram1:before {
    content: "\e9be"; }
  .master-client .footer .logo-icon {
    display: none; }
  .master-client .footer .footer-logos {
    text-align: center; }
    @media (min-width: 61.938em) {
      .master-client .footer .footer-logos {
        text-align: left; } }
    .master-client .footer .footer-logos svg.logo-landscape-white {
      width: 186px;
      height: 31px; }

.master-client .footer h4,
.master-client .footer h5,
.master-client .footer .card-header h5 a,
.master-client .footer a,
.master-client .footer .card .card-header a:before {
  color: #ffffff;
  font-family: "OpenSans-Semibold"; }

.master-client .footer a:hover {
  color: #C9CDD5; }

.master-client .footer li,
.master-client .footer p,
.master-client .footer li a {
  color: #ffffff; }

.master-client .footer p span {
  font-size: 13px;
  color: #ffffff; }

.master-client .site-map {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0 auto;
  clear: both;
  float: none;
  margin: 0 auto;
  width: 100%;
  background-color: #2B3A5A;
  text-align: center;
  color: #ffffff; }
  @media (min-width: 45em) {
    .master-client .site-map {
      text-align: left; } }
  .master-client .site-map h1,
  .master-client .site-map h2,
  .master-client .site-map h3,
  .master-client .site-map h4,
  .master-client .site-map h5,
  .master-client .site-map h6,
  .master-client .site-map p,
  .master-client .site-map label,
  .master-client .site-map li {
    color: #ffffff; }

.master-client .site-map .accordiondata {
  padding: 0 20px; }
  .master-client .site-map .accordiondata .card {
    border-radius: 0;
    overflow: hidden;
    border: 0;
    background-color: #2B3A5A; }
    .master-client .site-map .accordiondata .card h5 {
      color: #ffffff !important;
      line-height: 1.3rem; }
    .master-client .site-map .accordiondata .card li a {
      color: #ffffff; }
      .master-client .site-map .accordiondata .card li a:hover {
        color: #C9CDD5; }
    .master-client .site-map .accordiondata .card .card-header {
      background-color: #2B3A5A;
      border-bottom: 0; }
      .master-client .site-map .accordiondata .card .card-header:hover {
        background-color: #2B3A5A; }
      .master-client .site-map .accordiondata .card .card-header a {
        color: #ffffff; }
        .master-client .site-map .accordiondata .card .card-header a:hover {
          color: #C9CDD5;
          text-decoration: none; }
        .master-client .site-map .accordiondata .card .card-header a:after {
          font-family: "icomoonclient";
          content: '\e92f';
          color: #ffffff;
          position: relative;
          font-size: 1rem;
          font-weight: bold;
          margin-left: 5px; }
      .master-client .site-map .accordiondata .card .card-header a.collapsed:after {
        content: '\e92b'; }
    .master-client .site-map .accordiondata .card .rich-text-editor ul {
      list-style-type: none;
      margin-left: 0; }

.master-client .site-map .accordiondata {
  padding: 0; }
  @media screen and (min-width: 45em) {
    .master-client .site-map .accordiondata .col-md-2 {
      flex: 0 0 20%;
      max-width: 20%;
      padding: 20px 5px; }
    .master-client .site-map .accordiondata .col-md-2:last-child {
      flex: 0 0 50%;
      max-width: 50%;
      padding: 20px 0; } }
  @media screen and (min-width: 60em) {
    .master-client .site-map .accordiondata .col-md-2 {
      flex: 0 0 15.666667%;
      max-width: 15.666667%;
      padding: 20px 5px; }
    .master-client .site-map .accordiondata .col-md-2:last-child {
      flex: 0 0 20.666667%;
      max-width: 20.666667%;
      padding: 20px 0; } }
  .master-client .site-map .accordiondata .card .card-header {
    padding: 0px; }

.master-client .site-map h5 {
  font-size: 1.125rem;
  font-family: "OpenSans-Semibold";
  margin-bottom: 1rem; }

.master-client .site-map a {
  color: #ffffff;
  font-size: 1rem; }
  .master-client .site-map a::before {
    display: none; }
  .master-client .site-map a:hover {
    color: #C9CDD5; }

.master-client .site-map li.doublelink {
  padding: 0; }
  .master-client .site-map li.doublelink .title {
    color: #ffffff; }

@media screen and (min-width: 45em) {
  .master-client .site-map #headingTwo h5 {
    padding-left: 15px; } }

.footnotes-container {
  padding-top: 0 !important; }

.key-features-table.product-shortcode h5 {
  margin-bottom: 0; }

.interest-rate,
.comparison-rate {
  color: #1C2841;
  text-align: center;
  min-width: 150px; }
  .interest-rate .int-prefix,
  .interest-rate .com-prefix,
  .comparison-rate .int-prefix,
  .comparison-rate .com-prefix {
    display: block;
    font-size: 1.25rem; }
  .interest-rate .product-rate,
  .comparison-rate .product-rate {
    font-size: 1.8rem; }
  .interest-rate .product-suffix .product-per-annum,
  .interest-rate .product-suffix .product-percent,
  .comparison-rate .product-suffix .product-per-annum,
  .comparison-rate .product-suffix .product-percent {
    font-size: 1rem; }
  @media screen and (min-width: 45em) {
    .interest-rate,
    .comparison-rate {
      min-width: 230px; } }
  @media screen and (min-width: 30em) {
    .interest-rate .product-rate,
    .comparison-rate .product-rate {
      font-size: 2.5rem; }
    .interest-rate .product-suffix .product-per-annum,
    .interest-rate .product-suffix .product-percent,
    .comparison-rate .product-suffix .product-per-annum,
    .comparison-rate .product-suffix .product-percent {
      font-size: 1.5rem; } }

.productSummaryStyle .key-selling-point ul,
.productSummaryStyleNoRates .key-selling-point ul {
  list-style: none; }

.productSummaryStyle .title,
.productSummaryStyleNoRates .title {
  border-radius: 5px 5px 0px 0px;
  background-color: #1C2841;
  top: -8px; }
  .productSummaryStyle .title sup,
  .productSummaryStyleNoRates .title sup {
    color: #ffffff; }

.productSummaryStyle .caption .rates-lg ul li.comparison sup,
.productSummaryStyleNoRates .caption .rates-lg ul li.comparison sup {
  top: -10px;
  left: -10px; }

.product-suffix {
  width: auto;
  font-size: 1.8rem;
  font-weight: bold;
  color: #1C2841; }
  .product-suffix .product-percent {
    float: left; }
  .product-suffix .product-per-annum {
    display: flex !important;
    font-size: 30px;
    padding-left: 5px; }
    .product-suffix .product-per-annum sup {
      top: -10px !important;
      font-size: 15px; }

.tile-box-product {
  padding: 20px;
  background: #CBCBCB;
  text-align: center;
  border-radius: 5px;
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15);
  background: #ffffff; }
  .tile-box-product p {
    min-height: 5.1rem; }
  @media screen and (min-width: 45em) {
    .tile-box-product {
      text-align: left; } }
  .tile-box-product .icon-tile {
    color: #1C2841;
    font-size: 4rem; }
  .tile-box-product .btn {
    padding: 10px;
    margin-top: 20px; }

.tile-box-featureproduct {
  padding: 30px;
  padding-top: 40px; }
  .tile-box-featureproduct .icon-tile {
    color: #1C2841;
    font-size: 30px;
    float: left;
    color: #99A1AE;
    padding-right: 10px;
    line-height: 33px; }
  .tile-box-featureproduct h3 {
    color: #FAFAFB !important;
    padding-bottom: 20px; }
  .tile-box-featureproduct .title {
    font-size: 17px;
    line-height: 32px;
    color: #FAFAFB;
    display: flex; }
  .tile-box-featureproduct p {
    color: #FAFAFB !important; }
  .tile-box-featureproduct .btn {
    padding: 10px;
    margin-top: 20px; }
  .tile-box-featureproduct .title p,
  .tile-box-featureproduct .title div,
  .tile-box-featureproduct .title span {
    color: #FAFAFB; }
  .tile-box-featureproduct ins {
    text-decoration: none; }
  .tile-box-featureproduct .interest-rate,
  .tile-box-featureproduct .product-suffix,
  .tile-box-featureproduct .comparison-rate {
    color: #FAFAFB; }
  .tile-box-featureproduct .product-shortcode.with-suffix {
    margin: 0; }
  .tile-box-featureproduct .product-shortcode .interest-rate .product-desc,
  .tile-box-featureproduct .product-shortcode .comparison-rate .product-desc {
    padding-top: 10px; }
  @media all and (max-width: 767px) {
    .tile-box-featureproduct .product-shortcode .interest-rate,
    .tile-box-featureproduct .product-shortcode .comparison-rate {
      width: 100%;
      margin: 0 auto;
      display: block;
      padding-bottom: 20px; }
    .tile-box-featureproduct .button-div {
      width: 80%;
      margin: 0 auto;
      display: block; }
    .tile-box-featureproduct h3 {
      text-align: center;
      padding-bottom: 0px; }
    .tile-box-featureproduct .icon-tile {
      font-size: 24px; } }
  @media screen and (min-width: 60em) {
    .tile-box-featureproduct {
      max-height: 350px;
      padding: 20px 30px; }
      .tile-box-featureproduct p {
        margin: 10px auto; } }
  @media screen and (min-width: 60em) {
    .tile-box-featureproduct {
      max-height: 350px;
      padding: 20px 30px; }
      .tile-box-featureproduct p {
        margin: 10px auto; } }

.product-box {
  border-radius: 5px;
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15);
  background: #ffffff; }
  .product-box h4 a {
    font-size: 1.5rem; }
  .product-box .caption .key-selling-point ul {
    list-style: none;
    margin-bottom: 10px;
    margin-left: 0;
    padding-left: 0px;
    margin: 16px auto; }
    .product-box .caption .key-selling-point ul li {
      font-size: 1.125rem !important;
      line-height: 2.5rem;
      color: #2f3839;
      display: flex; }
    .product-box .caption .key-selling-point ul li:before {
      font-size: 1.813rem;
      margin-right: 0;
      display: inline;
      line-height: 1.813rem;
      color: #1C2841;
      margin-right: 10px;
      content: "\e997";
      font-family: "icomoonclient";
      padding: 0px;
      border-radius: 50%;
      position: relative;
      top: 5px;
      margin-left: -5px; }
  .product-box .caption .btn {
    margin: 0 auto;
    display: block;
    max-width: 250px;
    margin-bottom: 10px !important;
    box-shadow: none; }

.product-box .caption .rates-lg ul li {
  color: #1C2841; }
  .product-box .caption .rates-lg ul li .product-desc {
    font-size: 1rem;
    font-family: "OpenSans-Regular";
    font-weight: normal;
    color: #1C2841; }
    @media screen and (max-width: 30em) {
      .product-box .caption .rates-lg ul li .product-desc {
        margin: 5px 0px; } }
  .product-box .caption .rates-lg ul li .product-rate {
    color: #1C2841; }

.product-box .caption .rates-lg ul li.comparison {
  margin-left: 12px; }

.key-features-table.product-shortcode .table-container {
  background-color: #ffffff;
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  max-width: none;
  width: 100%; }

.key-features-table.product-shortcode .table {
  box-shadow: none; }

.key-features-table.product-shortcode h5 {
  color: #ffffff !important; }

.product-macro-wrapper .table {
  background-color: #ffffff;
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15);
  border-radius: 5px; }
  .product-macro-wrapper .table tbody {
    border-radius: 10px; }
    .product-macro-wrapper .table tbody tr {
      border-bottom: 1px solid #C9CDD5; }
    .product-macro-wrapper .table tbody tr:last-child {
      border-bottom: none; }
    .product-macro-wrapper .table tbody th {
      background-color: #1C2841; }
      .product-macro-wrapper .table tbody th:first-child {
        border-top-left-radius: 5px; }
      .product-macro-wrapper .table tbody th:last-child {
        border-top-right-radius: 5px; }

.well .variant-pricing .rates-lg ul li span {
  text-align: center; }

.productVariantsStyle {
  min-height: 170px;
  display: block; }
  @media (max-width: 768px) {
    .productVariantsStyle {
      width: 90%;
      margin: 0 auto; } }
  .productVariantsStyle .add-button {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    width: 100%;
    float: left; }
    .productVariantsStyle .add-button .form-column {
      width: 100%;
      margin: unset;
      flex: 100%;
      max-width: 90%; }
      .productVariantsStyle .add-button .form-column .control-label {
        color: #231f20;
        text-align: left;
        width: 100%;
        font-size: 18px;
        font-family: "OpenSans-Regular";
        padding-bottom: 0;
        margin-bottom: 10px;
        text-transform: none; }
      .productVariantsStyle .add-button .form-column .form-group.product-variants-dropdown {
        background: url("/Client_Theme/imgs/Ui-icons/icon_ui-arrow-down.png") no-repeat #CBCBCB;
        background-size: 20px;
        background-position: 95% 30px;
        border-radius: 5px; }
      .productVariantsStyle .add-button .form-column .product-variants-dropdown select {
        background: transparent;
        border: 1px solid #CBCBCB;
        color: #1C2841;
        font-weight: bold;
        border-radius: 0;
        padding: 20px;
        border-radius: 5px;
        -webkit-appearance: none; }
      .productVariantsStyle .add-button .form-column .interest-rate,
      .productVariantsStyle .add-button .form-column .comparison-rate {
        color: #1C2841;
        text-align: center; }
      .productVariantsStyle .add-button .form-column .rates-lg ul li {
        color: #1C2841;
        text-align: center; }
        .productVariantsStyle .add-button .form-column .rates-lg ul li span {
          text-align: center; }
    @media (max-width: 768px) {
      .productVariantsStyle .add-button {
        max-width: 100%;
        -ms-flex: 100%;
        flex: 100%;
        margin: 0 auto;
        float: none; }
        .productVariantsStyle .add-button .form-column {
          max-width: 100%; }
          .productVariantsStyle .add-button .form-column .control-label {
            text-align: center; } }
  .productVariantsStyle .variant-pricing {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    float: left;
    clear: inherit;
    padding-top: 1%;
    width: 30%; }
    @media (max-width: 768px) {
      .productVariantsStyle .variant-pricing {
        max-width: 100%;
        -ms-flex: 100%;
        flex: 100%;
        margin: 0 auto;
        float: none;
        width: 100%; } }
    .productVariantsStyle .variant-pricing .interest-rate,
    .productVariantsStyle .variant-pricing .comparison-rate {
      color: #1C2841;
      text-align: center; }
    .productVariantsStyle .variant-pricing .rates-lg ul li {
      color: #1C2841;
      text-align: center; }
      @media (max-width: 80em) {
        .productVariantsStyle .variant-pricing .rates-lg ul li {
          width: 100%; } }
      .productVariantsStyle .variant-pricing .rates-lg ul li span {
        text-align: center; }
    @media (max-width: 59.688em) {
      .productVariantsStyle .variant-pricing .rates-lg ul li.comparison {
        margin-left: 8px; } }

@media (max-width: 59.688em) {
  .product-macro-wrapper .well .variant-pricing .rates-lg ul li.comparison {
    margin-left: 8px; } }

.FeaturedproductSummaryStyle,
.FeaturedproductSummaryStyleNoRates {
  min-height: 350px;
  color: #1C2841;
  padding: 0px;
  border-radius: 5px; }
  .FeaturedproductSummaryStyle .title,
  .FeaturedproductSummaryStyleNoRates .title {
    padding: 20px auto;
    background-color: #1C2841;
    border-radius: 5px 5px 0px 0px; }
    .FeaturedproductSummaryStyle .title a,
    .FeaturedproductSummaryStyleNoRates .title a {
      font-size: 2.2rem;
      font-family: "OpenSans-Bold"; }
  .FeaturedproductSummaryStyle .caption p.summary,
  .FeaturedproductSummaryStyleNoRates .caption p.summary {
    display: none; }
  .FeaturedproductSummaryStyle .caption .key-selling-point ul,
  .FeaturedproductSummaryStyleNoRates .caption .key-selling-point ul {
    margin-bottom: 10px;
    margin-left: 0;
    padding-left: 0;
    text-indent: 0;
    display: block; }
    @media all and (min-width: 30em) {
      .FeaturedproductSummaryStyle .caption .key-selling-point ul,
      .FeaturedproductSummaryStyleNoRates .caption .key-selling-point ul {
        display: flex; } }
    .FeaturedproductSummaryStyle .caption .key-selling-point ul li,
    .FeaturedproductSummaryStyleNoRates .caption .key-selling-point ul li {
      display: flex;
      width: 100%;
      color: #1C2841;
      vertical-align: top;
      padding: 10px 10px 10px 0;
      line-height: 1.3rem;
      font-size: 1rem !important; }
      .FeaturedproductSummaryStyle .caption .key-selling-point ul li::before,
      .FeaturedproductSummaryStyleNoRates .caption .key-selling-point ul li::before {
        display: block;
        font-size: 1.813rem;
        line-height: 1.125rem;
        color: #1C2841;
        margin-right: 10px;
        content: "\e997";
        font-family: "icomoonclient";
        float: left;
        padding-top: 0px;
        height: 50px;
        background-color: transparent;
        margin-top: -5px; }
  .FeaturedproductSummaryStyle .caption .rates-lg ul,
  .FeaturedproductSummaryStyleNoRates .caption .rates-lg ul {
    margin-bottom: 10px; }
    .FeaturedproductSummaryStyle .caption .rates-lg ul li,
    .FeaturedproductSummaryStyleNoRates .caption .rates-lg ul li {
      color: #1C2841;
      display: block;
      width: 200px;
      margin: 20px auto;
      left: auto;
      transform: none; }
      @media screen and (max-width: 30em) {
        .FeaturedproductSummaryStyle .caption .rates-lg ul li,
        .FeaturedproductSummaryStyleNoRates .caption .rates-lg ul li {
          width: 200px;
          margin: 5px auto; } }
      .FeaturedproductSummaryStyle .caption .rates-lg ul li .product-per-annum,
      .FeaturedproductSummaryStyle .caption .rates-lg ul li .product-percent,
      .FeaturedproductSummaryStyle .caption .rates-lg ul li .product-suffix,
      .FeaturedproductSummaryStyleNoRates .caption .rates-lg ul li .product-per-annum,
      .FeaturedproductSummaryStyleNoRates .caption .rates-lg ul li .product-percent,
      .FeaturedproductSummaryStyleNoRates .caption .rates-lg ul li .product-suffix {
        color: #1C2841; }
      .FeaturedproductSummaryStyle .caption .rates-lg ul li .product-desc,
      .FeaturedproductSummaryStyleNoRates .caption .rates-lg ul li .product-desc {
        line-height: 2rem;
        color: #1C2841; }
      .FeaturedproductSummaryStyle .caption .rates-lg ul li .product-rate,
      .FeaturedproductSummaryStyleNoRates .caption .rates-lg ul li .product-rate {
        color: #1C2841; }
  .FeaturedproductSummaryStyle .caption .buttons a,
  .FeaturedproductSummaryStyleNoRates .caption .buttons a {
    display: inline-block;
    min-width: 180px;
    margin: 0 10px;
    width: 100%; }
    @media (min-width: 490px) {
      .FeaturedproductSummaryStyle .caption .buttons a,
      .FeaturedproductSummaryStyleNoRates .caption .buttons a {
        width: 48%; } }
  .FeaturedproductSummaryStyle .caption .buttons .btn-secondary:hover,
  .FeaturedproductSummaryStyleNoRates .caption .buttons .btn-secondary:hover {
    border: 1px solid #ffffff; }
  @media (min-width: 60em) {
    .FeaturedproductSummaryStyle .caption .key-selling-point ul,
    .FeaturedproductSummaryStyleNoRates .caption .key-selling-point ul {
      margin-bottom: 10px; }
      .FeaturedproductSummaryStyle .caption .key-selling-point ul li,
      .FeaturedproductSummaryStyleNoRates .caption .key-selling-point ul li {
        width: 100%; }
    .FeaturedproductSummaryStyle .rates-lg ul,
    .FeaturedproductSummaryStyleNoRates .rates-lg ul {
      margin-bottom: 10px; }
      .FeaturedproductSummaryStyle .rates-lg ul li,
      .FeaturedproductSummaryStyleNoRates .rates-lg ul li {
        margin: 0px 30px 10px 0 !important;
        display: inline-block !important; } }

/* No rates included in product boxes */
.productSummaryStyleNoRates .caption .rates-lg, .FeaturedproductSummaryStyleNoRates .caption .rates-lg {
  display: none; }

.FeaturedproductSummaryStyleNoRates .caption .key-selling-point ul li {
  padding: 30px 10px 40px 0; }

@media (max-width: 45em) {
  .related-content-box .related-content-box-list-item {
    margin-bottom: 0; }
  .product-shortcode.with-suffix {
    margin: 0 auto 10px !important; }
  .tile-box-featureproduct .title p {
    text-align: left; }
  .interest-rate,
  .comparison-rate {
    display: block;
    width: 100%; } }

.related-content-box {
  background: #ffffff;
  border-radius: 5px;
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15); }
  .related-content-box .related-content-box-title {
    border-radius: 0;
    background-color: #1C2841;
    border-radius: 5px 5px 0px 0px; }
  .related-content-box .related-content-box-list-item li a:before {
    color: #1C2841; }
  .related-content-box .related-content-box-list-item li span {
    color: #1C2841; }

@media all and (min-width: 45em) and (max-width: 1023px) {
  /* related Product iPad size */
  .related-content-box .related-content-box-list-item li span {
    font-size: 0.8rem;
    width: 70%; } }

@media all and (min-width: 1024px) and (max-width: 1200px) {
  .related-content-box .related-content-box-list-item li span {
    font-size: 1rem;
    line-height: 1.4rem;
    width: 70%; }
  .related-content-box .related-content-box-list-item li a {
    padding: 5px 5px 5px 0; }
  .related-content-box .related-content-box-list-item li i {
    width: 15px; } }

.related-content-box .related-content-box-list-item li a:after {
  content: "\eb9b";
  right: 0;
  float: right;
  font-size: 1rem;
  color: #1C2841;
  font-size: 1rem;
  top: 0;
  vertical-align: middle;
  line-height: 3.8rem; }

.related-content-box .related-content-box-list-item li a {
  height: auto;
  padding: 10px;
  display: inline-block;
  line-height: 1rem; }
  .related-content-box .related-content-box-list-item li a i {
    color: #1C2841;
    padding: 5px;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    width: 20%;
    line-height: 3rem;
    margin-right: 10px;
    height: 60px; }
  .related-content-box .related-content-box-list-item li a i:before {
    font-size: 2rem;
    line-height: 1rem;
    vertical-align: middle;
    background-color: #5672ae;
    height: 48px;
    border-radius: 50%;
    width: 48px;
    padding: 10px 10px; }

.related-content-box .related-content-box-list-item li span {
  font-size: 1rem;
  font-weight: bold;
  width: 75%;
  vertical-align: middle;
  display: inline-block; }
  @media screen and (min-width: 30em) {
    .related-content-box .related-content-box-list-item li span {
      font-size: 1rem; } }

@media all and (max-width: 65.265em) {
  /* feature box iPad Size */
  .FeaturedproductSummaryStyle .caption,
  .FeaturedproductSummaryStyleNoRates .caption {
    padding: 14px 20px; }
    .FeaturedproductSummaryStyle .caption .key-selling-point ul li:before,
    .FeaturedproductSummaryStyleNoRates .caption .key-selling-point ul li:before {
      line-height: 0.6rem;
      padding-top: 5px;
      height: 20px; }
    .FeaturedproductSummaryStyle .caption .rates-lg ul,
    .FeaturedproductSummaryStyleNoRates .caption .rates-lg ul {
      text-align: left; } }
    @media all and (max-width: 65.265em) and (max-width: 45em) {
      .FeaturedproductSummaryStyle .caption .rates-lg ul,
      .FeaturedproductSummaryStyleNoRates .caption .rates-lg ul {
        text-align: center; } }

@media all and (max-width: 65.265em) {
      .FeaturedproductSummaryStyle .caption .rates-lg ul li,
      .FeaturedproductSummaryStyleNoRates .caption .rates-lg ul li {
        display: inline-block; } }
    @media all and (max-width: 65.265em) and (max-width: 45em) {
      .FeaturedproductSummaryStyle .caption .rates-lg ul li.interest,
      .FeaturedproductSummaryStyleNoRates .caption .rates-lg ul li.interest {
        margin-left: -12px; } }
    @media all and (max-width: 65.265em) and (max-width: 45em) {
      .FeaturedproductSummaryStyle .caption .rates-lg ul li.comparison,
      .FeaturedproductSummaryStyleNoRates .caption .rates-lg ul li.comparison {
        margin-left: 12px; } }

@media all and (max-width: 65.265em) {
    .FeaturedproductSummaryStyle .caption .buttons,
    .FeaturedproductSummaryStyleNoRates .caption .buttons {
      text-align: left; } }
    @media all and (max-width: 65.265em) and (max-width: 45em) {
      .FeaturedproductSummaryStyle .caption .buttons,
      .FeaturedproductSummaryStyleNoRates .caption .buttons {
        text-align: center; } }

@media all and (max-width: 65.265em) {
  .FeaturedproductSummaryStyle .caption .key-selling-point ul,
  .FeaturedproductSummaryStyleNoRates .caption .key-selling-point ul {
    margin-bottom: 10px;
    margin-left: 0;
    padding-left: 0;
    text-indent: 0; } }

.master-client .ql-wrapper {
  min-height: auto; }
  .master-client .ql-wrapper .quick-links-bar {
    height: auto;
    display: inline-block;
    float: none;
    vertical-align: top;
    max-width: 100%; }
    .master-client .ql-wrapper .quick-links-bar li {
      text-align: center; }
      .master-client .ql-wrapper .quick-links-bar li a {
        padding: 0;
        height: auto; }
        @media all and (min-width: 30em) {
          .master-client .ql-wrapper .quick-links-bar li a {
            margin-bottom: 0px; } }
        .master-client .ql-wrapper .quick-links-bar li a div {
          height: auto; }
          .master-client .ql-wrapper .quick-links-bar li a div .font-img {
            margin: 10px auto;
            display: block;
            max-width: 110px;
            height: 50px;
            width: auto !important; }
      .master-client .ql-wrapper .quick-links-bar li .body-text {
        display: inline-block; }
        .master-client .ql-wrapper .quick-links-bar li .body-text p {
          text-align: center;
          color: #1C2841;
          display: inline-block;
          font-size: 0.875rem;
          line-height: 1.5rem; }
        .master-client .ql-wrapper .quick-links-bar li .body-text a {
          display: inline;
          padding: 0; }
      .master-client .ql-wrapper .quick-links-bar li .title {
        font-size: 1.125rem;
        padding-bottom: 10px; }
        @media screen and (max-width: 30em) {
          .master-client .ql-wrapper .quick-links-bar li .title {
            line-height: 30px; } }
      .master-client .ql-wrapper .quick-links-bar li .body-text {
        font-size: 1rem; }
      .master-client .ql-wrapper .quick-links-bar li .quicklink-mockup-icon {
        padding: 0;
        margin: auto;
        width: auto; }
        @media screen and (max-width: 30em) {
          .master-client .ql-wrapper .quick-links-bar li .quicklink-mockup-icon {
            display: block; } }

.master-client .site-map .Vertical-tick-list-darkbg .row,
.master-client .site-map .Vertical-tick-list-darkbg .ql-wrapper,
.master-client .site-map .Vertical-tick-list .row,
.master-client .site-map .Vertical-tick-list .ql-wrapper {
  margin: 0;
  padding: 0; }

.master-client .vertical-tick-list .ql-wrapper ul.quick-links-bar li a div:before,
.master-client .horizontal-tick-list .ql-wrapper ul.quick-links-bar li a div:before {
  color: #1C2841; }

.master-client .vertical-tick-list .ql-wrapper ul.quick-links-bar .title,
.master-client .horizontal-tick-list .ql-wrapper ul.quick-links-bar .title {
  color: #2f3839; }

.master-client .horizontal-tick-list-darkbg .ql-wrapper h3,
.master-client .Vertical-tick-list-darkbg .ql-wrapper h3 {
  color: #ffffff;
  font-size: 1.125rem;
  font-family: "OpenSans-Semibold";
  text-align: left;
  margin-bottom: 10px;
  line-height: 1.5rem; }

.master-client .horizontal-tick-list-darkbg .ql-wrapper ul.quick-links-bar li a div:before,
.master-client .Vertical-tick-list-darkbg .ql-wrapper ul.quick-links-bar li a div:before {
  color: #ffffff; }

.master-client .horizontal-tick-list-darkbg .ql-wrapper ul.quick-links-bar .title,
.master-client .Vertical-tick-list-darkbg .ql-wrapper ul.quick-links-bar .title {
  color: #ffffff; }

.master-client .vertical-tick-list,
.master-client .Vertical-tick-list-darkbg {
  margin-bottom: 0;
  margin-top: 0;
  width: 100%;
  margin: 0 auto; }
  .master-client .vertical-tick-list .ql-wrapper h3,
  .master-client .Vertical-tick-list-darkbg .ql-wrapper h3 {
    font-size: 1.125rem;
    font-family: "OpenSans-Semibold";
    text-align: left;
    margin-bottom: 10px;
    line-height: 1.5rem; }
  .master-client .vertical-tick-list .ql-wrapper ul.quick-links-bar,
  .master-client .Vertical-tick-list-darkbg .ql-wrapper ul.quick-links-bar {
    list-style: none;
    margin: 0;
    text-align: center; }
    .master-client .vertical-tick-list .ql-wrapper ul.quick-links-bar li,
    .master-client .Vertical-tick-list-darkbg .ql-wrapper ul.quick-links-bar li {
      width: 100%;
      display: block;
      height: auto;
      text-align: left;
      background: transparent;
      padding: 10px 0;
      padding-bottom: 0;
      padding-top: 0;
      clear: both; }
      .master-client .vertical-tick-list .ql-wrapper ul.quick-links-bar li a,
      .master-client .Vertical-tick-list-darkbg .ql-wrapper ul.quick-links-bar li a {
        display: inline-block;
        width: auto;
        float: left;
        height: auto;
        font-family: "OpenSans-Regular";
        padding: 0; }
        @media screen and (max-width: 45em) {
          .master-client .vertical-tick-list .ql-wrapper ul.quick-links-bar li a,
          .master-client .Vertical-tick-list-darkbg .ql-wrapper ul.quick-links-bar li a {
            width: 100%;
            text-align: center; } }
        .master-client .vertical-tick-list .ql-wrapper ul.quick-links-bar li a div,
        .master-client .Vertical-tick-list-darkbg .ql-wrapper ul.quick-links-bar li a div {
          display: inline;
          padding: 10px 0px;
          float: left;
          line-height: 1rem;
          height: auto;
          padding-top: 2px;
          width: auto; }
          @media screen and (max-width: 45em) {
            .master-client .vertical-tick-list .ql-wrapper ul.quick-links-bar li a div,
            .master-client .Vertical-tick-list-darkbg .ql-wrapper ul.quick-links-bar li a div {
              width: 100%;
              text-align: center;
              display: block;
              padding: 0 !important; }
              .master-client .vertical-tick-list .ql-wrapper ul.quick-links-bar li a div:before,
              .master-client .Vertical-tick-list-darkbg .ql-wrapper ul.quick-links-bar li a div:before {
                font-size: 1.813rem; } }
          @media screen and (min-width: 45em) {
            .master-client .vertical-tick-list .ql-wrapper ul.quick-links-bar li a div,
            .master-client .Vertical-tick-list-darkbg .ql-wrapper ul.quick-links-bar li a div {
              float: left; } }
          .master-client .vertical-tick-list .ql-wrapper ul.quick-links-bar li a div::before,
          .master-client .Vertical-tick-list-darkbg .ql-wrapper ul.quick-links-bar li a div::before {
            vertical-align: top;
            font-size: 1.375rem;
            margin-right: 0;
            display: inline;
            line-height: 1.375rem; }
            .master-client .vertical-tick-list .ql-wrapper ul.quick-links-bar li a div::before:hover::before,
            .master-client .Vertical-tick-list-darkbg .ql-wrapper ul.quick-links-bar li a div::before:hover::before {
              -webkit-transform: scale(1);
              -ms-transform: scale(1);
              -moz-transform: scale(1);
              transform: scale(1); }
        .master-client .vertical-tick-list .ql-wrapper ul.quick-links-bar li a div.iconclient-envelope_closed,
        .master-client .vertical-tick-list .ql-wrapper ul.quick-links-bar li a div.iconclient-phone_contact,
        .master-client .Vertical-tick-list-darkbg .ql-wrapper ul.quick-links-bar li a div.iconclient-envelope_closed,
        .master-client .Vertical-tick-list-darkbg .ql-wrapper ul.quick-links-bar li a div.iconclient-phone_contact {
          padding-right: 10px; }
        .master-client .vertical-tick-list .ql-wrapper ul.quick-links-bar li a .title,
        .master-client .Vertical-tick-list-darkbg .ql-wrapper ul.quick-links-bar li a .title {
          font-size: 1rem;
          float: left;
          display: block;
          text-align: left;
          line-height: 1.6rem;
          font-family: "OpenSans-Regular";
          width: calc(100% - 35px);
          margin-left: 10px;
          text-transform: none;
          height: auto; }
          @media screen and (max-width: 45em) {
            .master-client .vertical-tick-list .ql-wrapper ul.quick-links-bar li a .title,
            .master-client .Vertical-tick-list-darkbg .ql-wrapper ul.quick-links-bar li a .title {
              width: 100%;
              text-align: center;
              display: block;
              padding: 0 !important;
              margin: 0 0 15px 0; } }
          @media screen and (min-width: 30em) and (max-width: 1034px) {
            .master-client .vertical-tick-list .ql-wrapper ul.quick-links-bar li a .title,
            .master-client .Vertical-tick-list-darkbg .ql-wrapper ul.quick-links-bar li a .title {
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis; } }
          .master-client .vertical-tick-list .ql-wrapper ul.quick-links-bar li a .title .title,
          .master-client .Vertical-tick-list-darkbg .ql-wrapper ul.quick-links-bar li a .title .title {
            margin: 0;
            padding: 0;
            width: 100%; }
          @media screen and (min-width: 45em) {
            .master-client .vertical-tick-list .ql-wrapper ul.quick-links-bar li a .title,
            .master-client .Vertical-tick-list-darkbg .ql-wrapper ul.quick-links-bar li a .title {
              line-height: 1.5rem; } }
    .master-client .vertical-tick-list .ql-wrapper ul.quick-links-bar .body-text,
    .master-client .Vertical-tick-list-darkbg .ql-wrapper ul.quick-links-bar .body-text {
      display: none !important; }

.footer-quicklinks {
  margin-bottom: 0;
  margin-top: 0;
  width: 100%;
  margin: 0 auto; }
  .footer-quicklinks .ql-wrapper ul.quick-links-bar {
    list-style: none;
    margin: 0;
    text-align: center; }
    .footer-quicklinks .ql-wrapper ul.quick-links-bar li {
      width: 100%;
      display: block;
      height: auto;
      text-align: left;
      background: transparent;
      padding: 10px 0;
      padding-bottom: 0;
      padding-top: 0;
      clear: both; }
      @media screen and (max-width: 45em) {
        .footer-quicklinks .ql-wrapper ul.quick-links-bar li {
          text-align: center; } }
      .footer-quicklinks .ql-wrapper ul.quick-links-bar li a {
        display: block;
        height: auto;
        padding: 0; }
        @media screen and (max-width: 45em) {
          .footer-quicklinks .ql-wrapper ul.quick-links-bar li a {
            margin: auto;
            width: 100%;
            display: inline-block; } }
        .footer-quicklinks .ql-wrapper ul.quick-links-bar li a div {
          display: inline;
          padding: 10px 0px;
          float: left;
          line-height: 1rem;
          height: auto;
          padding-top: 2px;
          width: auto; }
          @media screen and (min-width: 45em) {
            .footer-quicklinks .ql-wrapper ul.quick-links-bar li a div {
              float: left; } }
          .footer-quicklinks .ql-wrapper ul.quick-links-bar li a div::before {
            font-size: 2.2rem;
            margin-right: 0;
            display: inline;
            line-height: 1.125rem;
            color: #ffffff; }
            .footer-quicklinks .ql-wrapper ul.quick-links-bar li a div::before:hover::before {
              -webkit-transform: scale(1);
              -ms-transform: scale(1);
              -moz-transform: scale(1);
              transform: scale(1); }
        .footer-quicklinks .ql-wrapper ul.quick-links-bar li a .title {
          font-size: 1.125rem;
          float: none;
          display: block;
          line-height: 1.6rem;
          font-family: "OpenSans-Semibold";
          width: 100%;
          text-align: left;
          margin: 0px auto;
          text-transform: none;
          height: auto;
          color: #ffffff; }
          .footer-quicklinks .ql-wrapper ul.quick-links-bar li a .title:before {
            content: "\e915";
            font-family: "icomoonclient";
            font-size: 1.375rem;
            margin-right: 10px;
            display: inline;
            line-height: 1.125rem;
            color: #fff; }
          @media screen and (max-width: 45em) {
            .footer-quicklinks .ql-wrapper ul.quick-links-bar li a .title {
              width: auto;
              text-align: center; } }
          .footer-quicklinks .ql-wrapper ul.quick-links-bar li a .title .title {
            margin: 0;
            padding: 0; }
            @media screen and (max-width: 45em) {
              .footer-quicklinks .ql-wrapper ul.quick-links-bar li a .title .title {
                width: auto; } }
          @media screen and (min-width: 45em) {
            .footer-quicklinks .ql-wrapper ul.quick-links-bar li a .title {
              line-height: 1.5rem; } }
    .footer-quicklinks .ql-wrapper ul.quick-links-bar .body-text {
      display: block !important;
      padding-bottom: 20px; }
      @media screen and (max-width: 45em) {
        .footer-quicklinks .ql-wrapper ul.quick-links-bar .body-text {
          clear: both;
          display: block;
          text-align: center;
          width: 100%; } }
      .footer-quicklinks .ql-wrapper ul.quick-links-bar .body-text p {
        line-height: 1.188rem;
        text-align: left;
        color: #ffffff; }
        @media screen and (max-width: 45em) {
          .footer-quicklinks .ql-wrapper ul.quick-links-bar .body-text p {
            text-align: center;
            font-size: 1rem;
            line-height: 1.375rem; } }
        @media screen and (max-width: 45em) {
          .footer-quicklinks .ql-wrapper ul.quick-links-bar .body-text p {
            padding: 0; } }

.horizontal-tick-list,
.horizontal-tick-list-darkbg {
  margin: 0 auto; }
  @media (max-width: 768px) {
    .horizontal-tick-list,
    .horizontal-tick-list-darkbg {
      padding-left: 0px; } }
  .horizontal-tick-list .ql-wrapper h3,
  .horizontal-tick-list-darkbg .ql-wrapper h3 {
    color: #ffffff;
    font-size: 1.125rem;
    font-family: "OpenSans-Semibold";
    text-align: left;
    margin-bottom: 10px;
    line-height: 1.5rem; }
  .horizontal-tick-list .ql-wrapper ul.quick-links-bar,
  .horizontal-tick-list-darkbg .ql-wrapper ul.quick-links-bar {
    list-style: none;
    margin: 0;
    text-align: center; }
    .horizontal-tick-list .ql-wrapper ul.quick-links-bar li,
    .horizontal-tick-list-darkbg .ql-wrapper ul.quick-links-bar li {
      width: 100%;
      display: block;
      height: auto;
      text-align: left;
      background: transparent;
      padding: 5px 0;
      clear: both; }
      @media screen and (min-width: 45em) {
        .horizontal-tick-list .ql-wrapper ul.quick-links-bar li,
        .horizontal-tick-list-darkbg .ql-wrapper ul.quick-links-bar li {
          display: inline-block;
          float: none !important;
          text-align: left; } }
      .horizontal-tick-list .ql-wrapper ul.quick-links-bar li a div,
      .horizontal-tick-list-darkbg .ql-wrapper ul.quick-links-bar li a div {
        display: table-cell;
        padding: 10px 0px;
        float: left;
        line-height: 1rem;
        height: auto;
        top: 0; }
        @media screen and (min-width: 30em) {
          .horizontal-tick-list .ql-wrapper ul.quick-links-bar li a div,
          .horizontal-tick-list-darkbg .ql-wrapper ul.quick-links-bar li a div {
            float: left; } }
        @media screen and (min-width: 45em) {
          .horizontal-tick-list .ql-wrapper ul.quick-links-bar li a div,
          .horizontal-tick-list-darkbg .ql-wrapper ul.quick-links-bar li a div {
            float: left; } }
        .horizontal-tick-list .ql-wrapper ul.quick-links-bar li a div::before,
        .horizontal-tick-list-darkbg .ql-wrapper ul.quick-links-bar li a div::before {
          vertical-align: middle;
          font-size: 1.375rem;
          margin-right: 0;
          display: inline;
          line-height: 1rem; }
          .horizontal-tick-list .ql-wrapper ul.quick-links-bar li a div::before:hover::before,
          .horizontal-tick-list-darkbg .ql-wrapper ul.quick-links-bar li a div::before:hover::before {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            -moz-transform: scale(1);
            transform: scale(1); }
          @media screen and (min-width: 45em) {
            .horizontal-tick-list .ql-wrapper ul.quick-links-bar li a div::before,
            .horizontal-tick-list-darkbg .ql-wrapper ul.quick-links-bar li a div::before {
              float: none; } }
      .horizontal-tick-list .ql-wrapper ul.quick-links-bar li a .title,
      .horizontal-tick-list-darkbg .ql-wrapper ul.quick-links-bar li a .title {
        font-size: 0.875rem;
        vertical-align: middle;
        display: inline-block;
        text-align: left;
        margin-left: 10px;
        text-transform: none;
        font-size: 1rem;
        font-family: "OpenSans-Regular";
        width: calc(100% - 40px);
        line-height: 1.5rem; }
        .horizontal-tick-list .ql-wrapper ul.quick-links-bar li a .title .title,
        .horizontal-tick-list-darkbg .ql-wrapper ul.quick-links-bar li a .title .title {
          margin-left: 0;
          padding: 0; }
      .horizontal-tick-list .ql-wrapper ul.quick-links-bar li a .body-text,
      .horizontal-tick-list-darkbg .ql-wrapper ul.quick-links-bar li a .body-text {
        display: none;
        padding: 0; }
    @media (min-width: 93.75em) {
      .horizontal-tick-list .ql-wrapper ul.quick-links-bar,
      .horizontal-tick-list-darkbg .ql-wrapper ul.quick-links-bar {
        display: inline-flex; } }

.home-quicklink .quick-links-bar li,
.blue2-quicklinks .quick-links-bar li,
.blue-quicklinks .quick-links-bar li,
.bronze-quicklinks .quick-links-bar li,
.grey-quicklinks .quick-links-bar li,
.white-quicklinks .quick-links-bar li,
.image-title .quick-links-bar li {
  display: inline-block;
  height: auto;
  float: none;
  vertical-align: top;
  text-align: center; }
  .home-quicklink .quick-links-bar li a div,
  .blue2-quicklinks .quick-links-bar li a div,
  .blue-quicklinks .quick-links-bar li a div,
  .bronze-quicklinks .quick-links-bar li a div,
  .grey-quicklinks .quick-links-bar li a div,
  .white-quicklinks .quick-links-bar li a div,
  .image-title .quick-links-bar li a div {
    display: inline-block;
    padding: 0;
    text-align: center;
    height: auto;
    width: 100%;
    transition: all .2s ease-in-out; }
    .home-quicklink .quick-links-bar li a div::before,
    .blue2-quicklinks .quick-links-bar li a div::before,
    .blue-quicklinks .quick-links-bar li a div::before,
    .bronze-quicklinks .quick-links-bar li a div::before,
    .grey-quicklinks .quick-links-bar li a div::before,
    .white-quicklinks .quick-links-bar li a div::before,
    .image-title .quick-links-bar li a div::before {
      vertical-align: middle;
      font-size: 2.5rem;
      display: inline-block;
      line-height: 1rem;
      color: #1C2841;
      background-color: none;
      font-weight: normal;
      text-align: center; }
  .home-quicklink .quick-links-bar li .iconclient-register:before,
  .blue2-quicklinks .quick-links-bar li .iconclient-register:before,
  .blue-quicklinks .quick-links-bar li .iconclient-register:before,
  .bronze-quicklinks .quick-links-bar li .iconclient-register:before,
  .grey-quicklinks .quick-links-bar li .iconclient-register:before,
  .white-quicklinks .quick-links-bar li .iconclient-register:before,
  .image-title .quick-links-bar li .iconclient-register:before {
    padding-left: 14px; }
  .home-quicklink .quick-links-bar li .title,
  .blue2-quicklinks .quick-links-bar li .title,
  .blue-quicklinks .quick-links-bar li .title,
  .bronze-quicklinks .quick-links-bar li .title,
  .grey-quicklinks .quick-links-bar li .title,
  .white-quicklinks .quick-links-bar li .title,
  .image-title .quick-links-bar li .title {
    line-height: 1.25rem;
    line-height: 1.5rem;
    display: block;
    width: 100%;
    padding-top: 10px; }

.home-quicklink .ql-wrapper .quick-links-bar li {
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15);
  min-height: 200px;
  padding: 30px 20px !important;
  box-sizing: content-box;
  text-align: center;
  background: #ffffff;
  transition: all 300ms ease-in-out;
  margin-bottom: 15px;
  border-radius: 5px; }
  @media screen and (min-width: 45em) {
    .home-quicklink .ql-wrapper .quick-links-bar li {
      min-height: 350px; } }
  @media screen and (min-width: 60em) {
    .home-quicklink .ql-wrapper .quick-links-bar li {
      min-height: 500px; } }
  @media screen and (min-width: 61.938em) {
    .home-quicklink .ql-wrapper .quick-links-bar li {
      min-height: 400px; } }
  @media screen and (min-width: 80em) {
    .home-quicklink .ql-wrapper .quick-links-bar li {
      min-height: 350px; } }
  .home-quicklink .ql-wrapper .quick-links-bar li div::before {
    font-size: 3rem;
    line-height: 5rem;
    background-color: transparent;
    color: #96785D;
    display: block; }
  .home-quicklink .ql-wrapper .quick-links-bar li:hover {
    transform: scale(1.1); }
  .home-quicklink .ql-wrapper .quick-links-bar li div.title {
    padding: 0;
    padding-bottom: 20px;
    display: block;
    margin: auto; }
  .home-quicklink .ql-wrapper .quick-links-bar li div.body-text {
    text-align: center; }
    .home-quicklink .ql-wrapper .quick-links-bar li div.body-text p {
      display: block; }
      @media screen and (min-width: 45em) {
        .home-quicklink .ql-wrapper .quick-links-bar li div.body-text p:first-child {
          min-height: 225px; } }
    .home-quicklink .ql-wrapper .quick-links-bar li div.body-text a {
      display: block;
      font-weight: bold;
      margin-top: 20px; }

.blue2-quicklinks .quick-links-bar li div.quicklink-mockup-icon:before {
  color: #2B3A5A; }

.blue-quicklinks .quick-links-bar li div.quicklink-mockup-icon:before {
  color: #1C2841; }

.bronze-quicklinks .quick-links-bar li div.quicklink-mockup-icon:before {
  color: #96785D; }

.grey-quicklinks .quick-links-bar li div.quicklink-mockup-icon:before {
  color: #99A1AE; }

.white-quicklinks h3 {
  color: #FAFAFB; }

.white-quicklinks .quick-links-bar li a div::before {
  color: #FAFAFB;
  transition: all 200ms ease-in-out; }

.white-quicklinks .quick-links-bar li a div:hover:before {
  transform: scale(1.1); }

.white-quicklinks .quick-links-bar li a .title {
  color: #FAFAFB; }

.white-quicklinks .quick-links-bar li .body-text p {
  color: #FAFAFB; }

.home-quicklink .ql-wrapper .quick-links-bar li,
.home-quicklink .ql-wrapper .quick-links-bar li.singlelink,
.home-quicklink .ql-wrapper .quick-links-bar li.doublelink,
.home-quicklink .ql-wrapper .quick-links-bar li.threelinks,
.home-quicklink .ql-wrapper .quick-links-bar li.fourlinks,
.home-quicklink .ql-wrapper .quick-links-bar li.fivelinks,
.home-quicklink .ql-wrapper .quick-links-bar li.sixlinks,
.home-quicklink .ql-wrapper .quick-links-bar li.sevenlinks,
.home-quicklink .ql-wrapper .quick-links-bar li.eightlinks,
.home-quicklink .ql-wrapper .quick-links-bar li.ninelinks,
.home-quicklink .ql-wrapper .quick-links-bar li.tenlinks {
  width: 85%;
  margin: 15px auto;
  display: block; }

@media screen and (min-width: 45em) {
  .home-quicklink .ql-wrapper ul.quick-links-bar li,
  .home-quicklink .ql-wrapper ul.quick-links-bar li.singlelink,
  .home-quicklink .ql-wrapper ul.quick-links-bar li.doublelink,
  .home-quicklink .ql-wrapper ul.quick-links-bar li.threelinks,
  .home-quicklink .ql-wrapper ul.quick-links-bar li.fourlinks,
  .home-quicklink .ql-wrapper ul.quick-links-bar li.fivelinks,
  .home-quicklink .ql-wrapper ul.quick-links-bar li.sixlinks,
  .home-quicklink .ql-wrapper ul.quick-links-bar li.sevenlinks,
  .home-quicklink .ql-wrapper ul.quick-links-bar li.eightlinks,
  .home-quicklink .ql-wrapper ul.quick-links-bar li.ninelinks,
  .home-quicklink .ql-wrapper ul.quick-links-bar li.tenlinks {
    width: 38%;
    margin: 2.7%;
    display: inline-block; } }

@media screen and (min-width: 60em) {
  .image-title .ql-wrapper ul.quick-links-bar li,
  .blue2-quicklinks .ql-wrapper ul.quick-links-bar li,
  .blue-quicklinks .ql-wrapper ul.quick-links-bar li,
  .horizontal-tick-list .ql-wrapper ul.quick-links-bar li,
  .horizontal-tick-list-darkbg .ql-wrapper ul.quick-links-bar li {
    vertical-align: top;
    padding: 15px; }
  .blue2-quicklinks .ql-wrapper ul.quick-links-bar li.singlelink,
  .blue-quicklinks .ql-wrapper ul.quick-links-bar li.singlelink,
  .horizontal-tick-list .ql-wrapper ul.quick-links-bar li.singlelink,
  .horizontal-tick-list-darkbg .ql-wrapper ul.quick-links-bar li.singlelink,
  .image-title .ql-wrapper ul.quick-links-bar li.singlelink {
    width: 100%; }
  .blue2-quicklinks .ql-wrapper ul.quick-links-bar li.doublelink,
  .blue-quicklinks .ql-wrapper ul.quick-links-bar li.doublelink,
  .horizontal-tick-list .ql-wrapper ul.quick-links-bar li.doublelink,
  .horizontal-tick-list-darkbg .ql-wrapper ul.quick-links-bar li.doublelink,
  .image-title .ql-wrapper ul.quick-links-bar li.doublelink {
    width: 49.8%;
    float: left;
    box-sizing: border-box; }
  .blue2-quicklinks .ql-wrapper ul.quick-links-bar li.threelinks,
  .blue-quicklinks .ql-wrapper ul.quick-links-bar li.threelinks,
  .horizontal-tick-list .ql-wrapper ul.quick-links-bar li.threelinks,
  .horizontal-tick-list-darkbg .ql-wrapper ul.quick-links-bar li.threelinks,
  .image-title .ql-wrapper ul.quick-links-bar li.threelinks {
    width: 33.3%;
    float: left;
    box-sizing: border-box; }
  .blue2-quicklinks .ql-wrapper ul.quick-links-bar li.fourlinks,
  .blue-quicklinks .ql-wrapper ul.quick-links-bar li.fourlinks,
  .horizontal-tick-list .ql-wrapper ul.quick-links-bar li.fourlinks,
  .horizontal-tick-list-darkbg .ql-wrapper ul.quick-links-bar li.fourlinks,
  .image-title .ql-wrapper ul.quick-links-bar li.fourlinks {
    width: 24.9%;
    float: left;
    box-sizing: border-box; }
  .blue2-quicklinks .ql-wrapper ul.quick-links-bar li.fivelinks,
  .blue-quicklinks .ql-wrapper ul.quick-links-bar li.fivelinks,
  .horizontal-tick-list .ql-wrapper ul.quick-links-bar li.fivelinks,
  .horizontal-tick-list-darkbg .ql-wrapper ul.quick-links-bar li.fivelinks,
  .image-title .ql-wrapper ul.quick-links-bar li.fivelinks {
    width: 19.9%;
    float: left;
    box-sizing: border-box; }
  .blue2-quicklinks .ql-wrapper ul.quick-links-bar li.sixlinks,
  .blue-quicklinks .ql-wrapper ul.quick-links-bar li.sixlinks,
  .horizontal-tick-list .ql-wrapper ul.quick-links-bar li.sixlinks,
  .horizontal-tick-list-darkbg .ql-wrapper ul.quick-links-bar li.sixlinks,
  .image-title .ql-wrapper ul.quick-links-bar li.sixlinks {
    width: 16.6%;
    float: left;
    box-sizing: border-box; }
  .blue2-quicklinks .ql-wrapper ul.quick-links-bar li.sevenlinks,
  .blue-quicklinks .ql-wrapper ul.quick-links-bar li.sevenlinks,
  .horizontal-tick-list .ql-wrapper ul.quick-links-bar li.sevenlinks,
  .horizontal-tick-list-darkbg .ql-wrapper ul.quick-links-bar li.sevenlinks,
  .image-title .ql-wrapper ul.quick-links-bar li.sevenlinks {
    width: 14.2%;
    float: left;
    box-sizing: border-box; }
  .blue2-quicklinks .ql-wrapper ul.quick-links-bar li.eightlinks,
  .blue-quicklinks .ql-wrapper ul.quick-links-bar li.eightlinks,
  .horizontal-tick-list .ql-wrapper ul.quick-links-bar li.eightlinks,
  .horizontal-tick-list-darkbg .ql-wrapper ul.quick-links-bar li.eightlinks,
  .image-title .ql-wrapper ul.quick-links-bar li.eightlinks {
    width: 12.5%;
    float: left;
    box-sizing: border-box; }
  .blue2-quicklinks .ql-wrapper ul.quick-links-bar li.ninelinks,
  .blue-quicklinks .ql-wrapper ul.quick-links-bar li.ninelinks,
  .horizontal-tick-list .ql-wrapper ul.quick-links-bar li.ninelinks,
  .horizontal-tick-list-darkbg .ql-wrapper ul.quick-links-bar li.ninelinks,
  .image-title .ql-wrapper ul.quick-links-bar li.ninelinks {
    width: 10.11%;
    float: left;
    box-sizing: border-box; }
  .blue2-quicklinks .ql-wrapper ul.quick-links-bar li.tenlinks,
  .blue-quicklinks .ql-wrapper ul.quick-links-bar li.tenlinks,
  .horizontal-tick-list .ql-wrapper ul.quick-links-bar li.tenlinks,
  .horizontal-tick-list-darkbg .ql-wrapper ul.quick-links-bar li.tenlinks,
  .image-title .ql-wrapper ul.quick-links-bar li.tenlinks {
    width: 9%;
    float: left;
    box-sizing: border-box; }
  .image-title .ql-wrapper ul.quick-links-bar li,
  .home-quicklink .ql-wrapper ul.quick-links-bar li,
  .blue2-quicklinks .ql-wrapper ul.quick-links-bar li,
  .blue-quicklinks .ql-wrapper ul.quick-links-bar li,
  .horizontal-tick-list .ql-wrapper ul.quick-links-bar li,
  .horizontal-tick-list-darkbg .ql-wrapper ul.quick-links-bar li {
    vertical-align: top;
    padding: 15px; }
  .home-quicklink .ql-wrapper ul.quick-links-bar li.singlelink {
    width: 100%; }
  .home-quicklink .ql-wrapper ul.quick-links-bar li.doublelink {
    width: 40.8%;
    margin: 15px 4%;
    float: left;
    box-sizing: border-box; }
  .home-quicklink .ql-wrapper ul.quick-links-bar li.threelinks {
    width: 30.3%;
    margin: 15px 1.5%;
    float: left;
    box-sizing: border-box; }
  .home-quicklink .ql-wrapper ul.quick-links-bar li.fourlinks {
    width: 20.9%;
    margin: 15px 2%;
    float: left;
    box-sizing: border-box; }
  .home-quicklink .ql-wrapper ul.quick-links-bar li.fivelinks {
    width: 13.9%;
    margin: 15px 1.5%;
    float: left;
    box-sizing: border-box; }
  .home-quicklink .ql-wrapper ul.quick-links-bar li.sixlinks {
    width: 14.6%;
    margin: 15px 1%;
    float: left;
    box-sizing: border-box; }
  .home-quicklink .ql-wrapper ul.quick-links-bar li.sevenlinks {
    width: 12.2%;
    margin: 15px 1%;
    float: left;
    box-sizing: border-box; }
  .home-quicklink .ql-wrapper ul.quick-links-bar li.eightlinks {
    width: 10.5%;
    margin: 15px 1%;
    float: left;
    box-sizing: border-box; }
  .home-quicklink .ql-wrapper ul.quick-links-bar li.ninelinks {
    width: 8.11%;
    margin: 15px 1%;
    float: left;
    box-sizing: border-box; }
  .home-quicklink .ql-wrapper ul.quick-links-bar li.tenlinks {
    width: 7%;
    margin: 15px 1%;
    float: left;
    box-sizing: border-box; } }

.related-content {
  margin-bottom: 0;
  margin-top: 0;
  width: 100%;
  margin: 0 auto;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15); }
  .related-content .quicktooldata {
    padding: 0; }
  .related-content .ql-wrapper {
    padding: 0; }
    .related-content .ql-wrapper h3 {
      background-color: #1C2841;
      border-radius: 5px 5px 0px 0px;
      padding: 10px 20px;
      color: #ffffff;
      margin-bottom: 0;
      font-size: 1.25rem; }
    .related-content .ql-wrapper ul.quick-links-bar {
      list-style: none;
      margin: 0;
      text-align: center;
      padding: 5px 0; }
      .related-content .ql-wrapper ul.quick-links-bar li {
        width: 100%;
        display: flex;
        height: auto;
        text-align: left;
        background: transparent;
        padding: 10px 0;
        padding-bottom: 0;
        padding-top: 0;
        clear: both;
        border-bottom: 1px solid #e6e3e3; }
        @media screen and (min-width: 60em) {
          .related-content .ql-wrapper ul.quick-links-bar li {
            height: 78px; } }
        .related-content .ql-wrapper ul.quick-links-bar li:last-child {
          border-bottom: 0; }
        .related-content .ql-wrapper ul.quick-links-bar li a {
          height: auto;
          padding: 15px;
          display: block; }
          .related-content .ql-wrapper ul.quick-links-bar li a div {
            vertical-align: middle;
            display: inline-block;
            padding: 10px 0px;
            line-height: 1rem;
            height: auto;
            padding-top: 2px;
            padding: 0; }
            .related-content .ql-wrapper ul.quick-links-bar li a div::before {
              font-size: 2.8rem;
              vertical-align: middle;
              border-radius: 100%;
              color: #96785D; }
          .related-content .ql-wrapper ul.quick-links-bar li a .title {
            font-size: 1rem;
            vertical-align: middle;
            display: inline-block;
            text-align: left;
            font-family: "OpenSans-Semibold";
            width: calc(100% - 75px);
            margin-left: 20px;
            text-transform: none;
            height: auto;
            padding: 15px 0;
            color: #343434; }
            @media screen and (min-width: 45em) {
              .related-content .ql-wrapper ul.quick-links-bar li a .title {
                margin-left: 10px;
                line-height: 1.125rem;
                padding: 0; } }
            .related-content .ql-wrapper ul.quick-links-bar li a .title::after {
              font-family: "icomoonclient";
              content: "\e92e";
              color: #1C2841;
              font-size: 2rem;
              font-weight: bold;
              right: 5px;
              position: absolute; }
          .related-content .ql-wrapper ul.quick-links-bar li a .body-text {
            display: none; }

.col-lg-12.iconclient-icon_ui-tick.quicklink-mockup-icon {
  margin-right: 10px; }

.mixin-dark-green,
.mixin-yellow {
  width: 100%;
  margin: 0 auto; }
  @media screen and (min-width: 30em) {
    .mixin-dark-green,
    .mixin-yellow {
      margin: 20px auto; } }
  .mixin-dark-green .ql-wrapper ul.quick-links-bar,
  .mixin-yellow .ql-wrapper ul.quick-links-bar {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    max-width: 100%; }
    @media screen and (min-width: 30em) {
      .mixin-dark-green .ql-wrapper ul.quick-links-bar,
      .mixin-yellow .ql-wrapper ul.quick-links-bar {
        padding: 20px 0; } }
    .mixin-dark-green .ql-wrapper ul.quick-links-bar li,
    .mixin-yellow .ql-wrapper ul.quick-links-bar li {
      width: 100%;
      display: block;
      height: auto;
      text-align: left;
      padding: 0; }
      @media screen and (min-width: 30em) {
        .mixin-dark-green .ql-wrapper ul.quick-links-bar li,
        .mixin-yellow .ql-wrapper ul.quick-links-bar li {
          padding: 10px 0; } }
      .mixin-dark-green .ql-wrapper ul.quick-links-bar li a,
      .mixin-yellow .ql-wrapper ul.quick-links-bar li a {
        display: block;
        height: auto;
        padding: 0; }
        .mixin-dark-green .ql-wrapper ul.quick-links-bar li a .quicklink-mockup-icon,
        .mixin-yellow .ql-wrapper ul.quick-links-bar li a .quicklink-mockup-icon {
          width: 30px;
          line-height: 60px;
          padding: 0 20px 0 0; }
          @media screen and (min-width: 30em) {
            .mixin-dark-green .ql-wrapper ul.quick-links-bar li a .quicklink-mockup-icon,
            .mixin-yellow .ql-wrapper ul.quick-links-bar li a .quicklink-mockup-icon {
              width: auto;
              padding: 0; } }
          .mixin-dark-green .ql-wrapper ul.quick-links-bar li a .quicklink-mockup-icon:before,
          .mixin-yellow .ql-wrapper ul.quick-links-bar li a .quicklink-mockup-icon:before {
            display: inline-block;
            font-size: 1.125rem;
            width: 43px;
            height: 43px;
            line-height: 40px;
            font-size: 1.6rem;
            border-radius: 60px;
            box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.25); }
            @media screen and (min-width: 30em) {
              .mixin-dark-green .ql-wrapper ul.quick-links-bar li a .quicklink-mockup-icon:before,
              .mixin-yellow .ql-wrapper ul.quick-links-bar li a .quicklink-mockup-icon:before {
                font-size: 2.438rem;
                width: 60px;
                height: 60px;
                line-height: 60px;
                padding: 0px; } }
        .mixin-dark-green .ql-wrapper ul.quick-links-bar li a .title,
        .mixin-yellow .ql-wrapper ul.quick-links-bar li a .title {
          font-size: 1.25rem; }
        .mixin-dark-green .ql-wrapper ul.quick-links-bar li a .body-text,
        .mixin-yellow .ql-wrapper ul.quick-links-bar li a .body-text {
          display: none; }
      @media screen and (min-width: 30em) {
        .mixin-dark-green .ql-wrapper ul.quick-links-bar li,
        .mixin-yellow .ql-wrapper ul.quick-links-bar li {
          width: 49%;
          height: auto;
          padding: 20px 10px;
          display: inline-block;
          margin: 0;
          box-sizing: border-box;
          margin: 0;
          text-align: center;
          font-size: 0.875rem;
          vertical-align: top; } }
      @media screen and (min-width: 45em) {
        .mixin-dark-green .ql-wrapper ul.quick-links-bar li,
        .mixin-yellow .ql-wrapper ul.quick-links-bar li {
          min-width: 120px; } }

@media screen and (min-width: 45em) {
  .mixin-dark-green .ql-wrapper ul.quick-links-bar li.singlelink,
  .mixin-yellow .ql-wrapper ul.quick-links-bar li.singlelink {
    width: 100%; }
  .mixin-dark-green .ql-wrapper ul.quick-links-bar li.doublelink,
  .mixin-yellow .ql-wrapper ul.quick-links-bar li.doublelink {
    width: 49%;
    float: left;
    box-sizing: border-box; }
  .mixin-dark-green .ql-wrapper ul.quick-links-bar li.threelinks,
  .mixin-yellow .ql-wrapper ul.quick-links-bar li.threelinks {
    width: 32.3%;
    float: left;
    box-sizing: border-box; }
  .mixin-dark-green .ql-wrapper ul.quick-links-bar li.fourlinks,
  .mixin-yellow .ql-wrapper ul.quick-links-bar li.fourlinks {
    width: 24%;
    float: left;
    box-sizing: border-box; }
  .mixin-dark-green .ql-wrapper ul.quick-links-bar li.fivelinks,
  .mixin-yellow .ql-wrapper ul.quick-links-bar li.fivelinks {
    width: 19%;
    float: left;
    box-sizing: border-box; }
  .mixin-dark-green .ql-wrapper ul.quick-links-bar li.sixlinks,
  .mixin-yellow .ql-wrapper ul.quick-links-bar li.sixlinks {
    width: 16.6%;
    float: left;
    box-sizing: border-box; }
  .mixin-dark-green .ql-wrapper ul.quick-links-bar li.sevenlinks,
  .mixin-yellow .ql-wrapper ul.quick-links-bar li.sevenlinks {
    width: 13.28%;
    float: left;
    box-sizing: border-box; }
  .mixin-dark-green .ql-wrapper ul.quick-links-bar li.eightlinks,
  .mixin-yellow .ql-wrapper ul.quick-links-bar li.eightlinks {
    width: 11.5%;
    float: left;
    box-sizing: border-box; }
  .mixin-dark-green .ql-wrapper ul.quick-links-bar li.ninelinks,
  .mixin-yellow .ql-wrapper ul.quick-links-bar li.ninelinks {
    width: 10.11%;
    float: left;
    box-sizing: border-box; }
  .mixin-dark-green .ql-wrapper ul.quick-links-bar li.tenlinks,
  .mixin-yellow .ql-wrapper ul.quick-links-bar li.tenlinks {
    width: 9%;
    float: left;
    box-sizing: border-box; } }

@media screen and (max-width: 768px) {
  .blue2-quicklinks .ql-wrapper ul.quick-links-bar li.fourlinks {
    width: 49% !important; } }

.mixin-dark-green ul.quick-links-bar li {
  color: #FAFAFB; }

.mixin-dark-green ul.quick-links-bar li a .quicklink-mockup-icon:before {
  color: #FAFAFB; }

.mixin-dark-green ul.quick-links-bar li a .title {
  color: #FAFAFB; }

.mixin-yellow ul.quick-links-bar li {
  color: #FAFAFB; }

.mixin-yellow ul.quick-links-bar li a .quicklink-mockup-icon:before {
  color: #FAFAFB; }

.mixin-yellow ul.quick-links-bar li a .title {
  color: #FAFAFB; }

.horizontal-tick-list-darkbg {
  color: #ffffff; }

.Vertical-tick-list-darkbg {
  color: #ffffff; }

body {
  background-color: #ffffff; }

.page-header {
  background-color: #243353; }

.master-client {
  overflow-x: hidden;
  /***TABS STYLES***/
  /*ib link */ }
  .master-client .mod-notifications.mod-menu {
    background-color: #2B3A5A; }
  .master-client .tab-container .nav-item .nav-link {
    font-family: "OpenSans-Regular" !important; }
  .master-client p.primary {
    color: #1C2841; }
  .master-client p.secondary {
    color: #96785D; }
  .master-client .grid-section .custom-gridsettings .tab-enabled-check .rich-text-editor {
    margin-top: 0px; }
  .master-client .outer .umb-grid .grid-section .rich-text-editor h5 {
    color: #2f3839; }
  @media screen and (max-width: 1199px) {
    .master-client header .navbar-header .navbar-toggler {
      padding: 22px 15px; }
    .master-client .IB-login .ibLink {
      padding: 22px 10px 21px !important; } }
  .master-client a {
    cursor: pointer;
    color: #96785D; }
    .master-client a:hover {
      color: #99A1AE; }
  .master-client .column.col-md-12 h2 {
    padding-left: 0px; }
  .master-client h2 {
    padding-left: 0px; }
  .master-client .image-title .ql-wrapper ul.quick-links-bar li .title {
    width: 100%; }
  .master-client div[background-color="#075877"].custom-gridsettings h2 {
    color: #FAFAFB; }
  .master-client .banner-img-transparent .banner-container:hover .banner-img {
    filter: none; }
    .master-client .banner-img-transparent .banner-container:hover .banner-img::before {
      background-color: transparent;
      border-radius: 5px; }
  .master-client .blue-overlay .banner-container .banner-box .banner-img:before {
    background-color: rgba(28, 40, 65, 0.7);
    background-blend-mode: none; }
  .master-client .gradient-overlay .banner-container .banner-box .banner-img:before {
    background-image: url(/Client_Theme/imgs/banner-gradient.png);
    background-size: cover; }
  .master-client .gradient-overlay .banner-container:hover .banner-box .banner-img:before {
    background: url(/Client_Theme/imgs/bannerhover.png) !important;
    background-size: cover; }
  .master-client .gradient-overlay .banner-container .banner-box,
  .master-client .blue-overlay .banner-container .banner-box,
  .master-client .subpromos .banner-container .banner-box {
    border-radius: 5px;
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15);
    background-color: transparent; }
    @media screen and (max-width: 30em) {
      .master-client .gradient-overlay .banner-container .banner-box,
      .master-client .blue-overlay .banner-container .banner-box,
      .master-client .subpromos .banner-container .banner-box {
        height: 450px; } }
    .master-client .gradient-overlay .banner-container .banner-box .banner-img,
    .master-client .blue-overlay .banner-container .banner-box .banner-img,
    .master-client .subpromos .banner-container .banner-box .banner-img {
      background-blend-mode: overlay;
      border-radius: 5px;
      -webkit-filter: none;
      filter: none; }
    .master-client .gradient-overlay .banner-container .banner-box .banner-div,
    .master-client .blue-overlay .banner-container .banner-box .banner-div,
    .master-client .subpromos .banner-container .banner-box .banner-div {
      padding: 20px 30px;
      position: absolute;
      border-radius: 0;
      top: 50%;
      pointer-events: none;
      height: 100%; }
      @media screen and (max-width: 30em) {
        .master-client .gradient-overlay .banner-container .banner-box .banner-div,
        .master-client .blue-overlay .banner-container .banner-box .banner-div,
        .master-client .subpromos .banner-container .banner-box .banner-div {
          height: 450px; } }
      .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading,
      .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading,
      .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading {
        margin-top: 40px;
        min-height: 100px;
        margin-bottom: 15px; }
        @media screen and (min-width: 30em) and (max-width: 60em) {
          .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading,
          .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading,
          .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading {
            margin-top: 30px; } }
        @media screen and (min-width: 60em) {
          .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading,
          .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading,
          .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading {
            margin-top: 60px; } }
        .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading p,
        .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading h1,
        .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading h2,
        .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading h3,
        .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading h4,
        .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading h5,
        .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading h6,
        .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading sup,
        .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading p,
        .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading h1,
        .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading h2,
        .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading h3,
        .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading h4,
        .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading h5,
        .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading h6,
        .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading sup,
        .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading p,
        .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading h1,
        .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading h2,
        .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading h3,
        .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading h4,
        .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading h5,
        .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading h6,
        .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading sup {
          text-shadow: none;
          font-family: "OpenSans-Regular";
          margin-bottom: 0; }
        .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading h2,
        .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading h2,
        .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading h2 {
          padding-left: 15px; }
          @media screen and (min-width: 45em) {
            .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading h2,
            .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading h2,
            .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading h2 {
              padding-left: 0; } }
        .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode,
        .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode,
        .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode {
          margin: 0; }
          .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate,
          .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate,
          .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate,
          .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate,
          .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate,
          .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate {
            display: inline-block;
            min-width: 100%;
            width: 100%;
            margin: 0;
            margin-left: 5px; }
            @media screen and (min-width: 80em) {
              .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate,
              .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate,
              .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate,
              .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate,
              .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate,
              .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate {
                min-width: 48%;
                width: 48%; } }
            .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-rate,
            .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-rate,
            .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-rate,
            .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-rate,
            .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-rate,
            .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-rate {
              font-size: 2.5rem;
              height: 2.2rem;
              line-height: 2.5rem;
              color: #ffffff;
              display: inline-block; }
              @media screen and (min-width: 45em) {
                .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-rate,
                .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-rate,
                .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-rate,
                .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-rate,
                .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-rate,
                .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-rate {
                  font-size: 1.563rem; } }
              @media screen and (min-width: 60em) {
                .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-rate,
                .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-rate,
                .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-rate,
                .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-rate,
                .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-rate,
                .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-rate {
                  font-size: 2.5rem;
                  height: 1.2rem; } }
            .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-suffix,
            .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-percent,
            .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-per-annum,
            .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-suffix,
            .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-percent,
            .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-per-annum,
            .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-suffix,
            .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-percent,
            .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-per-annum,
            .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-suffix,
            .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-percent,
            .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-per-annum,
            .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-suffix,
            .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-percent,
            .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-per-annum,
            .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-suffix,
            .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-percent,
            .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-per-annum {
              font-size: 1.438rem;
              height: 2.2rem;
              line-height: 2.5rem;
              color: #ffffff;
              font-family: "OpenSans-Regular";
              font-weight: normal;
              display: inline-block; }
              .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-suffix sup,
              .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-percent sup,
              .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-per-annum sup,
              .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-suffix sup,
              .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-percent sup,
              .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-per-annum sup,
              .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-suffix sup,
              .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-percent sup,
              .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-per-annum sup,
              .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-suffix sup,
              .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-percent sup,
              .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-per-annum sup,
              .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-suffix sup,
              .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-percent sup,
              .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-per-annum sup,
              .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-suffix sup,
              .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-percent sup,
              .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-per-annum sup {
                top: 10px !important; }
              @media screen and (min-width: 60em) {
                .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-suffix,
                .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-percent,
                .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-per-annum,
                .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-suffix,
                .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-percent,
                .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-per-annum,
                .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-suffix,
                .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-percent,
                .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-per-annum,
                .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-suffix,
                .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-percent,
                .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-per-annum,
                .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-suffix,
                .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-percent,
                .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-per-annum,
                .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-suffix,
                .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-percent,
                .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-per-annum {
                  height: 1.2rem; } }
            .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-desc,
            .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-desc,
            .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-desc,
            .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-desc,
            .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-desc,
            .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-desc {
              display: block;
              width: auto;
              clear: both; }
              @media screen and (min-width: 45em) {
                .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-desc,
                .master-client .gradient-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-desc,
                .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-desc,
                .master-client .blue-overlay .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-desc,
                .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-desc,
                .master-client .subpromos .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-desc {
                  display: inline-block; } }
      .master-client .gradient-overlay .banner-container .banner-box .banner-div .btn,
      .master-client .blue-overlay .banner-container .banner-box .banner-div .btn,
      .master-client .subpromos .banner-container .banner-box .banner-div .btn {
        white-space: normal;
        min-width: 210px;
        font-size: 1em;
        line-height: 2em;
        position: absolute;
        top: 0px;
        right: 0;
        background: transparent;
        border: transparent;
        width: auto;
        min-width: auto !important;
        padding: 10px 20px 0 25px;
        text-align: right;
        font-family: "OpenSans-Bold"; }
        .master-client .gradient-overlay .banner-container .banner-box .banner-div .btn:before,
        .master-client .blue-overlay .banner-container .banner-box .banner-div .btn:before,
        .master-client .subpromos .banner-container .banner-box .banner-div .btn:before {
          content: "\e989";
          font-family: "icomoonclient";
          font-size: 1rem;
          position: absolute;
          left: 0;
          top: 11px;
          font-weight: bold; }
  .master-client .gradient-overlay .banner-container:hover .bannerheading h2,
  .master-client .gradient-overlay .banner-container:hover .bannerheading h3,
  .master-client .gradient-overlay .banner-container:hover .bannerheading h5,
  .master-client .gradient-overlay .banner-container:hover .bannerheading h6,
  .master-client .gradient-overlay .banner-container:hover .bannerheading p,
  .master-client .gradient-overlay .banner-container:hover .bannerheading span,
  .master-client .gradient-overlay .banner-container:hover .bannerheading h4,
  .master-client .gradient-overlay .banner-container:hover .bannerheading .product-suffix,
  .master-client .gradient-overlay .banner-container:hover .bannerheading .product-percent,
  .master-client .gradient-overlay .banner-container:hover .bannerheading .product-per-annum,
  .master-client .gradient-overlay .banner-container:hover .bannerheading .product-rate,
  .master-client .gradient-overlay .banner-container:hover .bannerheading sup,
  .master-client .blue-overlay .banner-container:hover .bannerheading h2,
  .master-client .blue-overlay .banner-container:hover .bannerheading h3,
  .master-client .blue-overlay .banner-container:hover .bannerheading h5,
  .master-client .blue-overlay .banner-container:hover .bannerheading h6,
  .master-client .blue-overlay .banner-container:hover .bannerheading p,
  .master-client .blue-overlay .banner-container:hover .bannerheading span,
  .master-client .blue-overlay .banner-container:hover .bannerheading h4,
  .master-client .blue-overlay .banner-container:hover .bannerheading .product-suffix,
  .master-client .blue-overlay .banner-container:hover .bannerheading .product-percent,
  .master-client .blue-overlay .banner-container:hover .bannerheading .product-per-annum,
  .master-client .blue-overlay .banner-container:hover .bannerheading .product-rate,
  .master-client .blue-overlay .banner-container:hover .bannerheading sup,
  .master-client .subpromos .banner-container:hover .bannerheading h2,
  .master-client .subpromos .banner-container:hover .bannerheading h3,
  .master-client .subpromos .banner-container:hover .bannerheading h5,
  .master-client .subpromos .banner-container:hover .bannerheading h6,
  .master-client .subpromos .banner-container:hover .bannerheading p,
  .master-client .subpromos .banner-container:hover .bannerheading span,
  .master-client .subpromos .banner-container:hover .bannerheading h4,
  .master-client .subpromos .banner-container:hover .bannerheading .product-suffix,
  .master-client .subpromos .banner-container:hover .bannerheading .product-percent,
  .master-client .subpromos .banner-container:hover .bannerheading .product-per-annum,
  .master-client .subpromos .banner-container:hover .bannerheading .product-rate,
  .master-client .subpromos .banner-container:hover .bannerheading sup {
    color: #ffffff;
    transition: ease .5s 0s; }
  .master-client .gradient-overlay .banner-container:hover .banner-img,
  .master-client .blue-overlay .banner-container:hover .banner-img,
  .master-client .subpromos .banner-container:hover .banner-img {
    transform: none;
    -webkit-filter: blur(2px);
    filter: blur(2px); }
  .master-client .gradient-overlay .banner-container:hover .bannerheading h3,
  .master-client .blue-overlay .banner-container:hover .bannerheading h3,
  .master-client .subpromos .banner-container:hover .bannerheading h3 {
    color: #ffffff; }
  .master-client .gradient-overlay .banner-container:hover .bannerheading h4,
  .master-client .blue-overlay .banner-container:hover .bannerheading h4,
  .master-client .subpromos .banner-container:hover .bannerheading h4 {
    color: #ffffff; }
  .master-client .gradient-overlay .banner-container:hover .banner-img::before,
  .master-client .blue-overlay .banner-container:hover .banner-img::before,
  .master-client .subpromos .banner-container:hover .banner-img::before {
    background-color: rgba(153, 161, 174, 0.9);
    background: rgba(153, 161, 174, 0.9); }
  .master-client .gradient-overlay .banner-container:hover .btn:hover,
  .master-client .blue-overlay .banner-container:hover .btn:hover,
  .master-client .subpromos .banner-container:hover .btn:hover {
    display: block;
    background-color: transparent !important;
    border-color: transparent !important;
    color: #1C2841;
    box-shadow: none; }
  @media screen and (max-width: 45em) {
    .master-client .white-banner .banner-container {
      height: 320px; } }
  .master-client .white-banner .banner-container .banner-box {
    min-height: 100px;
    background-color: transparent; }
    @media screen and (min-width: 45em) {
      .master-client .white-banner .banner-container .banner-box {
        min-height: 310px; } }
    @media screen and (min-width: 60em) {
      .master-client .white-banner .banner-container .banner-box {
        min-height: 350px; } }
    .master-client .white-banner .banner-container .banner-box .banner-img {
      display: none; }
      .master-client .white-banner .banner-container .banner-box .banner-img::before {
        background-color: transparent;
        -webkit-filter: none;
        filter: none; }
    .master-client .white-banner .banner-container .banner-box .banner-img::before {
      background-color: transparent; }
    .master-client .white-banner .banner-container .banner-box .banner-div {
      padding: 20px 30px;
      position: absolute;
      border-radius: 0;
      pointer-events: none;
      height: 100%; }
      .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading {
        color: #343434;
        min-height: 100px;
        margin-top: 20px;
        margin-bottom: 20px; }
        @media screen and (min-width: 45em) {
          .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading {
            margin-top: 0px; } }
        @media screen and (min-width: 1199px) {
          .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading {
            margin-top: 20%; } }
        .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading p,
        .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading h1,
        .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading h2,
        .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading h3,
        .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading h4,
        .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading h5,
        .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading h6,
        .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading sup {
          text-shadow: none;
          margin-bottom: 0;
          color: #343434; }
        .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode {
          margin: 0; }
          .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate,
          .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate {
            display: inline-block;
            min-width: 100%;
            width: 100%;
            margin: 0;
            margin-left: 5px; }
            @media screen and (min-width: 80em) {
              .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate,
              .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate {
                min-width: 48%;
                width: 48%; } }
            .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-rate,
            .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-rate {
              font-size: 2.5rem;
              height: 2.2rem;
              line-height: 2.5rem;
              color: #ffffff;
              display: inline-block; }
              @media screen and (min-width: 45em) {
                .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-rate,
                .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-rate {
                  font-size: 1.563rem; } }
              @media screen and (min-width: 60em) {
                .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-rate,
                .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-rate {
                  font-size: 2.5rem;
                  height: 1.2rem; } }
            .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-suffix,
            .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-percent,
            .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-per-annum,
            .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-suffix,
            .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-percent,
            .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-per-annum {
              font-size: 1.438rem;
              height: 2.2rem;
              line-height: 2.5rem;
              color: #ffffff;
              font-family: "OpenSans-Regular";
              font-weight: normal;
              display: inline-block; }
              .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-suffix sup,
              .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-percent sup,
              .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-per-annum sup,
              .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-suffix sup,
              .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-percent sup,
              .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-per-annum sup {
                top: 10px !important; }
              @media screen and (min-width: 60em) {
                .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-suffix,
                .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-percent,
                .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-per-annum,
                .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-suffix,
                .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-percent,
                .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-per-annum {
                  height: 1.2rem; } }
            .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-desc,
            .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-desc {
              display: block;
              width: auto;
              clear: both; }
              @media screen and (min-width: 45em) {
                .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .interest-rate .product-desc,
                .master-client .white-banner .banner-container .banner-box .banner-div .bannerheading span.product-macro-wrapper .product-shortcode .comparison-rate .product-desc {
                  display: inline-block; } }
  .master-client .login-menu a {
    background-color: #96785D; }
  .master-client .icon-search:hover:before {
    color: #96785D; }
  @media screen and (min-width: 1199px) {
    .master-client .icon-search:hover,
    .master-client .icon-search.active {
      border-top: 5px solid #96785D; }
      .master-client .icon-search:hover:before,
      .master-client .icon-search.active:before {
        color: #96785D; } }
  .master-client .icon-search:before {
    font-size: 1.375rem;
    font-weight: bold;
    content: "\e9a5" !important; }
  @media screen and (min-width: 45em) {
    .master-client .login-menu a:hover,
    .master-client .login-menu li:first-child a:hover {
      background-color: #99A1AE !important;
      text-decoration: none; } }
  .master-client .login-menu li:first-child a,
  .master-client .IB-login a span {
    color: #CBCBCB;
    font-family: "OpenSans-Semibold";
    line-height: 1.7rem; }
    @media screen and (min-width: 1199px) {
      .master-client .login-menu li:first-child a,
      .master-client .IB-login a span {
        line-height: 100px; } }
  .master-client .login-menu li a span:before,
  .master-client .IB-login a span:before {
    color: #CBCBCB;
    content: "\e936";
    display: inline-block;
    vertical-align: top;
    font-size: 2rem;
    padding-right: 6px; }
  .master-client .login-menu li:first-child a span:before {
    color: #CBCBCB; }
  .master-client .login-menu li:first-child a:hover span:before,
  .master-client .login-menu li:first-child a:hover span {
    color: #FAFAFB; }
  @media (min-width: 65.625em) {
    .master-client .login-menu li span {
      font-family: "OpenSans-Regular"; } }
  .master-client .navbar-header button.login {
    padding: 0; }
  .master-client .IB-login .ibLink {
    color: #CBCBCB;
    padding: 20px 10px;
    width: auto;
    display: inline-block;
    background-color: #96785D; }
    @media screen and (min-width: 1199px) {
      .master-client .IB-login .ibLink {
        padding: 0 10px; } }
  .master-client .login-menu li:first-child a.ibLink {
    background-color: #96785D; }
    .master-client .login-menu li:first-child a.ibLink span {
      color: #FAFAFB; }
      .master-client .login-menu li:first-child a.ibLink span:before {
        color: #FAFAFB; }
  @media screen and (max-width: 1199px) {
    .master-client .sub-nav.hasdropdown::after {
      right: 40px;
      top: 10px;
      font-size: 1rem;
      font-weight: bold;
      content: '\e92b'; }
    .master-client .sub-nav.hasdropdown.active::after {
      content: '\e92f'; } }
  @media (min-width: 65.625em) {
    .master-client .navbar-collapse.collapse.login-menu {
      width: 250px; } }

.breadcrumb {
  background-color: transparent;
  padding: 0px !important;
  border-radius: 0px;
  margin: auto;
  margin-bottom: 10px; }
  @media (min-width: 30em) {
    .breadcrumb {
      border-radius: 5px;
      max-width: 690px; } }
  @media (min-width: 59.688em) {
    .breadcrumb {
      border-radius: 5px;
      max-width: 970px;
      margin-bottom: 33px; } }
  @media (min-width: 65.265em) {
    .breadcrumb {
      max-width: 1350px;
      border-radius: 5px;
      margin-bottom: 20px; } }
  @media (max-width: 80em) {
    .breadcrumb {
      margin-left: 20px; } }
  @media (min-width: 80em) {
    .breadcrumb {
      margin-left: auto; } }
  .breadcrumb li {
    color: #343434; }
    .breadcrumb li a {
      border-bottom: 0;
      color: #96785D;
      font-family: "OpenSans-Regular"; }
      .breadcrumb li a:hover {
        color: #96785D; }
  .breadcrumb li.active {
    color: #343434; }

.breadcrumb li + li:before {
  font-family: "icomoonclient";
  color: #343434;
  font-size: 0.7rem;
  font-weight: bold;
  content: "\e92e";
  position: relative; }

.accordiondata {
  padding-top: 0; }
  .accordiondata .card .card-header {
    padding-bottom: 0; }
    .accordiondata .card .card-header a {
      color: #1C2841;
      font-size: 1.188rem; }
      .accordiondata .card .card-header a:hover, .accordiondata .card .card-header a:hover:before {
        color: #99A1AE; }
      .accordiondata .card .card-header a:before {
        content: "\e96c";
        font-weight: bold;
        top: 0;
        font-size: 1rem;
        color: #1C2841; }
    .accordiondata .card .card-header a.collapsed {
      color: #1C2841; }
      .accordiondata .card .card-header a.collapsed:hover, .accordiondata .card .card-header a.collapsed:hover:before {
        color: #99A1AE; }
      .accordiondata .card .card-header a.collapsed:before {
        content: "\e989";
        font-weight: bold;
        color: #1C2841;
        top: 0;
        font-size: 1rem; }

.page-top {
  cursor: pointer;
  right: 100px;
  display: inline-block;
  background-color: #96785D;
  border: none;
  position: fixed;
  width: 70px;
  height: 70px;
  bottom: 13px;
  margin: auto;
  z-index: 999;
  border-radius: 4px;
  visibility: hidden;
  opacity: 0;
  margin-bottom: -100px;
  transition: ease .5s 0s;
  text-align: center;
  border-radius: 50%; }
  .page-top .top-box span.iconclient-icon_ui-arrow-up1:before {
    color: #ffffff;
    font-size: 19px;
    margin-top: -13px; }
  .page-top span {
    color: #ffffff;
    font-size: 3rem;
    margin-top: -10px; }
  .page-top .text {
    color: #ffffff;
    display: none;
    font-size: 13px;
    padding-top: 5px;
    margin-top: -20px; }
  .page-top:hover {
    background-color: #99A1AE; }
    .page-top:hover span {
      color: #ffffff; }
    .page-top:hover .text {
      color: #ffffff; }

.page-top.visible {
  visibility: visible !important;
  opacity: 1 !important; }

.page-top.visible,
.page-top.fade-out {
  margin-bottom: 20px !important;
  transition: ease .3s 0s !important;
  padding: 0; }

.tile-box-product {
  padding: 20px;
  background: #CBCBCB;
  text-align: center;
  border-radius: 5px;
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15);
  background: #ffffff; }
  .tile-box-product p {
    min-height: 5.1rem; }
  @media screen and (min-width: 45em) {
    .tile-box-product {
      text-align: left; } }
  .tile-box-product .icon-tile {
    color: #1C2841;
    font-size: 2.5rem;
    padding: 10px;
    display: inline-block; }
  .tile-box-product .btn {
    padding: 10px;
    margin-top: 20px; }

.tile-box-featureproduct {
  padding: 30px;
  padding-top: 40px; }
  .tile-box-featureproduct .icon-tile {
    color: #1C2841;
    font-size: 30px;
    float: left;
    color: #99A1AE;
    padding-right: 10px;
    line-height: 33px; }
  .tile-box-featureproduct h3 {
    color: #FAFAFB !important;
    padding-bottom: 20px; }
  .tile-box-featureproduct .title {
    font-size: 17px;
    line-height: 32px;
    color: #FAFAFB;
    display: flex; }
  .tile-box-featureproduct p {
    color: #FAFAFB !important; }
  .tile-box-featureproduct .btn {
    padding: 10px;
    margin-top: 20px; }
  .tile-box-featureproduct .title p,
  .tile-box-featureproduct .title div,
  .tile-box-featureproduct .title span {
    color: #FAFAFB; }
  .tile-box-featureproduct ins {
    text-decoration: none; }

.page-header {
  background-color: #243353; }

.page-header.dark:before {
  background: linear-gradient(to bottom, #1c2841, rgba(28, 40, 65, 0.3)); }

@media screen and (min-width: 45em) {
  .page-header .page-header-content {
    max-width: 1400px;
    padding: 0 1.25em; }
    .page-header .page-header-content h1 {
      font-size: 2.2rem; } }

@media screen and (min-width: 1199px) {
  .page-header .page-header-content {
    margin-top: 40px; } }

.iconclient-icon_loans_car1:before {
  font-family: "icomoonclient";
  content: "\e913";
  font-size: 1.5rem !important;
  color: #1C2841;
  width: 100%;
  height: 100%;
  margin-top: 9px; }

.iconclient-icon_account_everyday_saver1:before {
  font-family: "icomoonclient";
  content: "\e90e";
  font-size: 1.5rem !important;
  color: #1C2841;
  width: 100%;
  height: 100%;
  margin-top: 16px; }

.iconclient-icon_insurance1:before {
  font-family: "icomoonclient";
  content: "\e909";
  font-size: 1.5rem !important;
  color: #1C2841;
  width: 100%;
  height: 100%;
  margin-top: 16px; }

.iconclient-icon_ui_calculators1:before {
  font-family: "icomoonclient";
  content: "\e90f";
  font-size: 1.5rem !important;
  color: #1C2841;
  width: 100%;
  height: 100%;
  margin-top: 16px; }

.iconclient-icon_interest_calculated1:before {
  font-family: "icomoonclient";
  content: "\e917";
  font-size: 1.5rem !important;
  color: #1C2841;
  width: 100%;
  height: 100%;
  margin-top: 16px; }

.custom-gridsettings .tab-enabled-check {
  padding: 0 20px;
  border-radius: 0; }
  .custom-gridsettings .tab-enabled-check img {
    box-shadow: none; }
  .custom-gridsettings .tab-enabled-check .ultracs-image-link img {
    border-radius: 5px; }
  @media screen and (min-width: 45em) {
    .custom-gridsettings .tab-enabled-check {
      padding: 0 5px; } }
  @media screen and (min-width: 60em) {
    .custom-gridsettings .tab-enabled-check {
      padding: 0; } }

select::-ms-expand {
  display: none; }

.rich-text-editor {
  margin-top: 30px; }
  @media screen and (max-width: 30em) {
    .rich-text-editor p, .rich-text-editor h1, .rich-text-editor h2, .rich-text-editor h3, .rich-text-editor h4, .rich-text-editor h5, .rich-text-editor h6, .rich-text-editor span {
      padding: 0; } }
  .rich-text-editor table td {
    padding: 10px; }
  .rich-text-editor p a {
    color: #96785D; }
    .rich-text-editor p a:hover {
      color: #7d644d;
      text-decoration: underline; }
  .rich-text-editor ul {
    list-style-type: disc;
    margin-left: 30px; }

.map-icon-fix:before {
  width: 100%;
  display: block;
  font-size: 3.438rem; }

select.form-control:not([size]):not([multiple]) {
  height: 100%; }

@media (max-width: 1000px) {
  .page-top {
    right: 10px;
    width: 60px;
    height: 60px; }
    .page-top span.iconclient-icon_ui-arrow-up1:before {
      font-size: 13px !important;
      margin-top: -10px !important; }
    .page-top .text {
      margin-top: 17px; } }

.breadcrumb li.no-link {
  color: #1C2841; }

.related-content-box .related-content-box-list-item li a:after {
  content: "\e92e";
  color: #99A1AE;
  font-size: 2rem;
  font-weight: bold; }

@media (max-width: 45em) {
  .banner-container {
    margin-bottom: 10px; }
  .page-header {
    min-height: 350px; }
    .page-header .page-header-content {
      text-align: center; }
      .page-header .page-header-content h1 {
        line-height: 2.5rem;
        font-size: 2.2rem; }
      .page-header .page-header-content p {
        font-family: "OpenSans-Regular"; }
  .breadcrumb li::before {
    padding: 1px; }
  .rich-text-editor {
    padding: 10px 0;
    margin-top: 0px; } }

.rich-text-editor img {
  width: auto !important;
  max-width: 100%; }

.rich-text-editor .rte-padding {
  padding: 5px 20px; }

.col-lg-12.iconclient-icon_ui-tick.quicklink-mockup-icon {
  margin-right: 10px; }

.column h2 {
  padding-left: 0px; }

p.fine-print {
  font-size: 0.8rem;
  line-height: 1.2rem;
  text-decoration: none; }

.accordiondata .card {
  background: transparent; }

/* print css */
@media print {
  .card .collapse {
    display: block; } }

@media (min-width: 1200px) {
  .login-wrapper.active {
    height: 0 !important; } }

.login-wrapper.active {
  height: 100px; }

.login-wrapper {
  height: 0px;
  overflow: hidden;
  padding: 0;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  position: absolute;
  top: 72px;
  background: #96785D;
  right: 0px;
  width: 100%; }
  .login-wrapper span {
    color: #ffffff; }

.b-b-w {
  border-bottom: none; }

.login-wrapper.active .online-banking-mob {
  height: 50px; }

.online-banking-mob i {
  display: inline-block;
  float: left;
  font-size: 36px;
  padding-top: 7px;
  padding-left: 10px; }

#mobile-banking-btn .mod-tablet-down {
  color: #ffffff;
  font-family: "OpenSans-Semibold";
  line-height: 1.7rem;
  font-size: 1rem;
  margin-left: 20px;
  -ms-margin-left: 0px; }

#mobile-banking-btn .mod-tablet-down:before {
  font-family: "icomoonclient";
  font-size: 1.5rem;
  height: 100%;
  vertical-align: middle;
  margin-top: 13px;
  position: absolute;
  display: inline-block;
  width: 30px;
  margin-left: -27px;
  -webkit-margin-left: -27px;
  -moz-margin-left: -27px;
  -o-margin-left: -27px;
  -ms-margin-left: 0px;
  color: #ffffff;
  content: "\e967";
  vertical-align: top; }

.page-top span {
  font-size: 2rem;
  margin-top: 0; }

.iconclient-keyboard_arrow_up:before {
  font-family: "icomoonclient";
  content: "\e92f";
  font-weight: bold;
  font-size: 2rem; }

/* Content Type Style */
@media (min-width: 45em) {
  .column.col-md-12,
  .col-lg-12.accordiondata {
    padding-left: 15px;
    padding-right: 15px; } }

.mod-notifications.mod-cookies-alert a span {
  color: #99A1AE !important;
  font-size: 1.125rem !important; }
  .mod-notifications.mod-cookies-alert a span:hover {
    text-decoration: underline; }

.collapse .rich-text-editor ul li a {
  color: #96785D; }
  .collapse .rich-text-editor ul li a:hover {
    color: #99A1AE; }

iframe {
  border: 0; }

@media screen and (max-width: 30em) {
  .container.outer {
    padding-top: 20px; } }

/* Ipad only Resolution */
@media screen and (width: 768px) {
  .breadcrumb {
    margin-left: 32px; }
  .page-header .page-header-content {
    padding-left: 32px !important; } }

@media screen and (max-width: 767px) {
  .Vertical-tick-list-darkbg {
    padding-top: 10px; }
  .ultracs-quick-links.dropdown-list .dropdown {
    margin-bottom: 10px; }
  .custom-gridsettings .col-md-6:last-child .news-article-wrapper {
    margin-bottom: 0px; }
  .custom-gridsettings .news-article-wrapper {
    margin-bottom: 20px; }
  .ultracs-quick-links.related-content .quicktooldata {
    margin-bottom: 10px; }
  .breadcrumb li {
    line-height: 23px; }
  .breadcrumb li a {
    line-height: 0; }
  .banner-container .banner-box .banner-div .bannerheading {
    min-height: 50px; }
  #gbst-loan-calculator .title {
    text-align: left; }
  .home-carousel .carousel-caption .product-shortcode {
    max-width: none;
    width: 75%;
    display: block;
    margin: 0 auto !important;
    text-align: center; }
  .product-shortcode.with-suffix {
    padding-left: 40px; } }

.inner-search-list form {
  width: 100%; }