/******************************************************************
Stylesheet: Variables
******************************************************************/
/* CHROME */
@import url("https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i");
.clrBlack {
  color: black !important; }

.clrWhite {
  color: #ffffff !important; }

.clrDark {
  color: #172934 !important; }

.clrGreen {
  color: #84BD00 !important; }

/******************************************************************
Stylesheet: Mixins
******************************************************************/
/*********************
CLEARFIXIN'
*********************/
/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix {
  zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: "";
    display: table; }
  .clearfix:after {
    clear: both; }

/*********************
TOOLS
*********************/
/* http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/ */
.image-replacement {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

/* 
use the best ampersand 
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif;
  font-style: italic; }

/* text alignment */
.text-left {
  text-align: left; }

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

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

/* alerts & notices */
.alert {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid; }

.help {
  border-color: #e8dc59;
  background: #ebe16f; }

.error {
  border-color: #f8cdce;
  background: #fbe3e4; }

.success {
  border-color: #deeaae;
  background: #e6efc2; }

/*********************
BORDER RADIUS
*********************/
/* @include borderRadius(4px); */
/* @include borderTopRadius(4px); */
/* @include borderRightRadius(4px); */
/* @include borderBottomRadius(4px); */
/* @include borderLeftRadius(4px); */
/*********************
TRANSITION
*********************/
/* @include transition(all,2s,ease-out); */
/*********************
CSS3 GRADIENTS
Be careful with these since they can 
really slow down your CSS. Don't overdue it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SHADOW
*********************/
/* @include boxShadow(0 0 4px #444); */
body {
  font-size: 100%;
  line-height: 1.5;
  color: #000000;
  background-color: #ddd;
  -webkit-font-smoothing: antialiased; }

.thestage {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  background: white;
  position: relative;
  overflow: hidden; }

.page {
  position: relative;
  width: 90%;
  margin: auto;
  background: white;
  min-height: 200px;
  margin-left: 5%;
  margin-right: 5%;
  z-index: 1; }

.innerPage {
  background: white;
  width: 90%;
  position: absolute;
  margin-right: 5%;
  margin-left: 5%;
  top: 0;
  bottom: 0; }

.outerPage {
  background: white; }

.is-page-content {
  padding-left: calc(5% - 15px);
  padding-right: calc(5% - 15px); }

.wrap {
  margin: 0 auto;
  margin-left: 5%;
  margin-right: 5%; }

.negativeMarginTop {
  margin-top: -1em; }

.negativeMarginTopLess {
  margin-top: -.7em; }

.tickBoxAddOnFocus {
  height: 1px;
  width: 30px;
  margin-left: 10px;
  background-color: gray;
  margin-top: -.4em; }

/* Sticky Top Element */
.stickyTopElement {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  width: 100%;
  /* background-color: lightgray; */
  height: 77px;
  opacity: 0; }

.stickyTopContainer {
  height: 65px;
  width: 100%; }

@media (max-width: 29.99em) {
  .col-xxs-12 {
    width: 100%; } }

@media (max-width: 29.99em) {
  .col-xxs-6 {
    width: 50%; } }

.panel-inset-light, .panel-inset {
  margin: 2em 0 0 0;
  padding: 2em;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  background-color: white;
  color: #172934;
  min-height: 20em;
  position: relative; }
  .panel-inset-light div, .panel-inset div {
    height: 80px; }
  .panel-inset-light h2, .panel-inset h2 {
    position: relative;
    font-size: 1.375em;
    color: #172934;
    margin-bottom: 1em;
    margin-top: 1em;
    line-height: 30px }
    .panel-inset-light h2:before, .panel-inset h2:before {
      content: '\A';
      height: 1px;
      width: 2em;
      position: absolute;
      background: #30e8d4;
      top: -0.5em; }
  .panel-inset-light .btn, .panel-inset-light .btnBlue, .panel-inset-light .btnWhite, .panel-inset-light .btnPurple, .panel-inset-light .btnGreen, .panel-inset-light .btnGreenDMA, .panel-inset-light .button, .panel-inset .btn, .panel-inset .btnBlue, .panel-inset .btnWhite, .panel-inset .btnPurple, .panel-inset .btnGreen, .panel-inset .btnGreenDMA, .panel-inset .button {
    position: absolute;
    bottom: 1.5em;
    float: right;
    right: 1em; }
  .panel-inset-light p, .panel-inset p {
    color: #172934; }

.panel-inset {
  margin-top: 30px;
  padding: 25px;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  min-height: 20em;
  /* max-height: 400px; */
  background-color: white; }

.panel-inset-last {
  margin-right: 0; }
@media (min-width: 768px) and (max-width: 991px){
  .panel-inset > h2.heading{
  font-size: 20px;
}}
@media (min-width: 768px) and (max-width: 991px){
  .panel-inset p{
  font-size: 14px;
}}
.panel-inset a{
  right: 20px;
}
.panel-inset a:hover{
  right: 20px;
}

.header {
  background-color: #FFFFFF;
  background-image: radial-gradient(center bottom, ellipse cover, #fffcfc, #FFFFFF);
  background-image: -o-radial-gradient(center bottom, ellipse cover, #fffcfc, #FFFFFF);
  background-image: -ms-radial-gradient(center bottom, ellipse cover, #fffcfc, #FFFFFF);
  background-image: -moz-radial-gradient(center bottom, ellipse cover, #fffcfc, #FFFFFF);
  background-image: -webkit-radial-gradient(center bottom, ellipse cover, #fffcfc, #FFFFFF);
  border-bottom: solid 5px #172934; }

.logo {
  width: 47%;
  float: left;
  margin: 6px 0 0 0; }
  .logo a {
    color: #FFFFFF; }
  .logo img {
    max-width: 200px; }

.heroBackgroundImage {
  width: 100%;
  height: 100%;
  /* min-height: 400px; */
  padding: 1.5em 0 6em 0;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  background-position-x: 50%; }
  .heroBackgroundImage .umb-grid {
    margin: auto;
    top: 1em;
    height: 50%;
    width: 100%;
    padding: 0px !important;}
    /* padding-left: calc(10% - 15px);
    padding-right: calc(10% - 15px);  */

.neo-max-width {
  max-width: 1440px !important; }

.sectionHeader {
  background-color: #FFFFFF;
  background-image: radial-gradient(center bottom, ellipse cover, #fffcfc, #FFFFFF);
  background-image: -o-radial-gradient(center bottom, ellipse cover, #fffcfc, #FFFFFF);
  background-image: -ms-radial-gradient(center bottom, ellipse cover, #fffcfc, #FFFFFF);
  background-image: -moz-radial-gradient(center bottom, ellipse cover, #fffcfc, #FFFFFF);
  background-image: -webkit-radial-gradient(center bottom, ellipse cover, #fffcfc, #FFFFFF); }
  .sectionHeader ul {
    padding: 0; }
  .sectionHeader .hero-image {
    display: none; }
  .sectionHeader .hero-mobile-image {
    display: block;
    max-width: 255px; }
  .sectionHeader .nero-hero {
    background: none !important; }

.breadcrumb {
  padding-top: 1em;
  font-size: 0.675em;
  color: #FFFFFF; }
  .breadcrumb a, .breadcrumb a:visited, .breadcrumb a:active, .breadcrumb a:focus {
    color: #FFFFFF;
    text-decoration: none; }
  .breadcrumb a:hover {
    color: #FFFFFF;
    text-decoration: underline; }
  .breadcrumb li {
    float: left;
    list-style: none; }
  .breadcrumb .divider {
    margin: 0 3px; }

.newBreadcrumb {
  height: 50px;
  background-color: #ccc;
  position: relative;
  top: -50px;
  padding-left: 5vw; }

.newBreadcrumb:before {
  content: "";
  position: absolute;
  left: 4.5%;
  width: 45%;
  height: 16px;
  top: -15px;
  background-color: #ccc;
  -webkit-transform: skew(40deg);
  -moz-transform: skew(40deg);
  -o-transform: skew(40deg);
  -ms-transform: skew(40deg);
  transform: skew(40deg); }

.newBreadcrumb:after {
  content: "";
  position: absolute;
  right: 4.5%;
  width: 45%;
  height: 16px;
  top: -15px;
  background-color: #ccc;
  -webkit-transform: skew(-40deg);
  -moz-transform: skew(-40deg);
  -o-transform: skew(-40deg);
  -ms-transform: skew(-40deg);
  transform: skew(-40deg); }

.site-menu {
  display: none; }

.content {
  margin-top: 1.5em;
  padding: 0 7px; }

.page-item .btn, .page-item .btnBlue, .page-item .btnWhite, .page-item .btnPurple, .page-item .btnGreen, .page-item .btnGreenDMA {
  margin: 0; }

.button, .button:visited {
  padding: 10px 30px;
  margin-right: 10px;
  display: inline-block;
  text-decoration: none !important;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  text-shadow: none;
  color: #172934; }
  .button span, .button:visited span {
    text-shadow: none; }

.homepage .section-gradient {
  overflow: auto;
  background-color: #C8C9CB;
  background-image: linear-gradient(to bottom, #C8C9CB, #949599); }

.homepage .cta {
  padding-top: 20px; }

.homepage-legal {
  padding-top: 10px;
  text-align: center; }

.neo-hero {
  color: white;
  min-height: 90px; }

.about-card-neo-hero {
  background: none; }

.neo-hero, .about-card-neo-hero {
  color: #000000; }
  .neo-hero .neo-max-width, .about-card-neo-hero .neo-max-width {
    max-width: 1000px;
    margin: 0 auto; }
  .neo-hero .neo-hero-title, .about-card-neo-hero .neo-hero-title {
    padding: 10px; }
    .neo-hero .neo-hero-title h1, .neo-hero .neo-hero-title h2, .about-card-neo-hero .neo-hero-title h1, .about-card-neo-hero .neo-hero-title h2 {
      font-size: 1.5em;
      color: #172934;
      text-align: center; }
    .neo-hero .neo-hero-title h1, .neo-hero .neo-hero-title h2, .neo-hero .neo-hero-title h3, .neo-hero .neo-hero-title h4, .neo-hero .neo-hero-title h5, .neo-hero .neo-hero-title h6, .about-card-neo-hero .neo-hero-title h1, .about-card-neo-hero .neo-hero-title h2, .about-card-neo-hero .neo-hero-title h3, .about-card-neo-hero .neo-hero-title h4, .about-card-neo-hero .neo-hero-title h5, .about-card-neo-hero .neo-hero-title h6 {
      margin: 0; }
  .neo-hero .neo-hero-background, .about-card-neo-hero .neo-hero-background {
    padding-top: 0%;
    min-height: 286px; }
    .neo-hero .neo-hero-background .neo-hero-logo, .about-card-neo-hero .neo-hero-background .neo-hero-logo {
      text-align: center; }
      .neo-hero .neo-hero-background .neo-hero-logo img, .about-card-neo-hero .neo-hero-background .neo-hero-logo img {
        max-width: 526px;
        width: 80%;
        padding-bottom: 1%;
        padding-left: 10px; }
  .neo-hero .mobile-full-width, .about-card-neo-hero .mobile-full-width {
    width: 100%;
    margin-bottom: 17px;
    text-align: center; }
    .neo-hero .mobile-full-width span, .about-card-neo-hero .mobile-full-width span {
      font-size: 1.375em; }

.find-out-more h2 {
  font-size: 1em;
  font-weight: 600; }

.find-out-more img {
  margin-top: 7%;
  max-width: 70px;
  float: left; }

.find-out-more .find-text {
  margin-left: 80px; }

.find-out-more a {
  text-decoration: none; }

.find-blue-light {
  color: #11B5E8; }

.find-blue-dark {
  color: #1889B2; }

.find-lime {
  color: #A7C038; }

.find-orange-light {
  color: #F6872C; }

.find-orange-dark {
  color: #F15F2C; }

.find-green {
  color: #7BC142; }

.find-purple {
  color: #6E287A; }

.find-pink {
  color: #DA1A8F; }

.find-cyan {
  color: #1889B2; }

@media (max-width: 29.99em) {
  .hide-mobile {
    display: none; } }

@media (min-width: 30em) and (max-width: 61.99em) {
  .hide-tablet {
    display: none; } }

@media (min-width: 62em) {
  .hide-desktop {
    display: none; } }

@media (max-width: 29.99em) {
  .mobile-only {
    display: block; } }

@media (min-width: 30em) {
  .mobile-only {
    display: none; } }

@media (max-width: 61.99em) {
  .desktop-only {
    display: none; } }

@media (min-width: 62em) {
  .desktop-only {
    display: block; } }

.application-carousel {
  color: #FFFFFF; }
  .application-carousel a, .application-carousel a:visited {
    color: #FFFFFF; }
    .application-carousel a:hover, .application-carousel a:focus, .application-carousel a:visited:hover, .application-carousel a:visited:focus {
      color: #bfbfbf; }
    .application-carousel a:link, .application-carousel a:visited:link {
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }
  .application-carousel .neo-hero-logo {
    margin-bottom: 3px;
    margin-top: 3px; }
  .application-carousel .neo-hero-background {
    padding-top: 0px; }
  .application-carousel .things3-container {
    padding: 8px 8px 8px 10px;
    background-color: #282828;
    min-width: 300px;
    max-width: 315px;
    border-radius: 4px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1) inset, 0 3px 8px rgba(0, 0, 0, 0.33);
    margin: 0 auto; }
    .application-carousel .things3-container .things3-copy {
      float: none;
      width: auto; }
    .application-carousel .things3-container .number3 {
      font-size: 6em;
      float: left;
      line-height: 0.875em; }
    .application-carousel .things3-container .header3 {
      text-transform: uppercase;
      font-size: 1.125em;
      padding-top: 10px; }
    .application-carousel .things3-container .list3 {
      margin-top: 5px;
      line-height: 2.5em;
      padding-top: 10px;
      font-size: 0.75em;
      clear: both; }
      .application-carousel .things3-container .list3 ul {
        list-style-position: inside;
        padding: 0;
        margin: 0; }
  .application-carousel .questions-apr {
    text-align: center; }
    .application-carousel .questions-apr .pull-small {
      font-size: 1.125em; }
    .application-carousel .questions-apr .pull-big {
      font-size: 2.125em; }

.summary-box-container {
  margin-top: 10px;
  max-width: 100%;
  font-size: 0.7em;
  box-shadow: 1px 0 0 0 #000, 0 1px 0 0 #000, 1px 1px 0 0 #000, 1px 0 0 0 #000 inset, 0 1px 0 0 #000 inset;
  border-collapse: collapse; }
  .summary-box-container table {
    width: 100%; }
  .summary-box-container .summary-box-margin {
    box-shadow: 1px 0 0 0 #000, 0 1px 0 0 #000, 1px 1px 0 0 #000, 1px 0 0 0 #000 inset, 0 1px 0 0 #000 inset;
    border-collapse: collapse;
    width: 15%;
    padding-left: 5px; }
  .summary-box-container .summary-box-content {
    width: 90%;
    height: 1px;
    margin: 0px;
    box-shadow: 1px 0 0 0 #000, 0 1px 0 0 #000, 1px 1px 0 0 #000, 1px 0 0 0 #000 inset, 0 1px 0 0 #000 inset;
    border-collapse: collapse; }
    .summary-box-container .summary-box-content table {
      width: 100%; }
      .summary-box-container .summary-box-content table tr {
        margin: 0px;
        padding: 0px;
        height: 100%; }
      .summary-box-container .summary-box-content table td {
        margin: 0px;
        padding: 8px;
        height: 100%; }
      .summary-box-container .summary-box-content table tr:not(:last-child) {
        border-bottom: 1px solid #000000; }
      .summary-box-container .summary-box-content table td:not(:last-child) {
        border-right: 1px solid #000000; }

.section-image-fix img {
  position: relative;
  top: 20px; }

.selectfield div {
  float: left; }

.selectfield div + div {
  position: relative;
  top: 5px;
  padding: 5px; }

@media (max-width: 29.99em) {
  .application-form .input-group {
    display: block; } }

@media (max-width: 29.99em) {
  .application-form .input-group .input-group-btn button {
    width: 100%;
    top: 1px;
    right: 10px; } }

@media (min-width: 62em) {
  .phone div div p {
    font-size: 15px; } }

@media (min-width: 48em) and (max-width: 62em) {
  .format-col-xs-6 .col-xs-6 {
    width: 100%; } }

.ui-widget-content a {
  color: #006edc; }

.noScroll {
  overflow: hidden;
  position: fixed; }

/*****Hide Additional Questions*****/
.additional-questions {
  display: none; }

/***PrePop Form*/
.hide-section-t {
  border-top: none !important;
  margin-top: -2em; }
  @media (max-width: 47.99em) {
    .hide-section-t {
      padding: 1.6em 1em !important; } }
  @media (min-width: 62em) {
    .hide-section-t {
      padding: 1.8em 3.5em !important; } }

.hide-section-tb {
  border-top: none !important;
  border-bottom: none !important;
  margin-top: -4.5em; }
  @media (max-width: 47.99em) {
    .hide-section-tb {
      padding: 1.6em 1em !important; } }
  @media (min-width: 62em) {
    .hide-section-tb {
      padding: 1.8em 3.5em !important; } }

.hide-section-b {
  border-bottom: none !important;
  margin-top: -2em; }
  @media (max-width: 47.99em) {
    .hide-section-b {
      padding: 1.6em 1em !important; } }
  @media (min-width: 62em) {
    .hide-section-b {
      padding: 1.8em 3.5em !important; } }

.prepop-edited {
  display: none; }

.prepop-error {
  display: none; }

.css-checkbox[type="checkbox"] {
  height: initial;
  width: 20px;
  height: 20px; }

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box; }

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

/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
  display: block; }

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */
audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/*
 * Prevents modern browsers from displaying 'audio' without controls
 * Remove excess height in iOS5 devices
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */
[hidden] {
  display: none; }

/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */
html, button, input, select, textarea {
  font-family: sans-serif; }

body {
  margin: 0;
  background: #EEE;
  overflow-x: hidden; }

/* =============================================================================
   Links
   ========================================================================== */
/*
 * Addresses outline displayed oddly in Chrome
 */
a:focus {
  outline: thin dotted; }

/*
 * Improves readability when focused and also mouse hovered in all browsers
 */
a:hover, a:active {
  outline: 0; }

/* =============================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
 */
h1 {
  font-size: 2em;
  margin: 0; }

h2 {
  font-size: 1.5em;
  margin: 0; }

h3 {
  font-size: 1.17em;
  margin: 0; }

h4 {
  font-size: 1em;
  margin: 0; }

h5 {
  font-size: 0.83em;
  margin: 0; }

h6 {
  font-size: 0.75em;
  margin: 0; }

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */
abbr[title] {
  border-bottom: 1px dotted; }

/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/
b,
strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

/*
 * Addresses styling not present in S5, Chrome
 */
dfn {
  font-style: italic; }

/*
 * Addresses styling not present in IE6/7/8/9
 */
mark {
  background: #ff0;
  color: #000; }

/*
 * Addresses margins set differently in IE6/7
 */
p,
pre {
  margin: 1em 0; }

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 */
pre, code, kbd, samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

/*
 * Improves readability of pre-formatted text in all browsers
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */
/* 1 */
q {
  quotes: none; }

/* 2 */
q:before, q:after {
  content: '';
  content: none; }

small {
  font-size: 75%; }

/*
 * Prevents sub and sup affecting line-height in all browsers
 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* =============================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE6/7
 */
dl, menu, ol, ul {
  margin: 1em 0; }

dd {
  margin: 0 0 0 40px; }

/*
 * Addresses paddings set differently in IE6/7
 */
menu, ol, ul {
  padding: 0 0 0 2.1em; }

/*
 * Corrects list images handled incorrectly in IE7
 */
nav ul, nav ol {
  list-style: none;
  list-style-image: none; }

/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

/*
 * Corrects overflow displayed oddly in IE9
 */
svg:not(:root) {
  overflow: hidden; }

/* =============================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */
figure {
  margin: 0; }

/* =============================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7
 */
form {
  margin: 0; }

/*
 * Define consistent border, margin, and padding
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3
 * 3. Corrects alignment displayed oddly in IE6/7
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
  font-size: 1.0em; }

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */
button, input, select, textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */
button, input {
  line-height: normal;
  /* 1 */ }

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */
button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  /* 1 */
  -webkit-appearance: button;
  /* 2 */
  *overflow: visible;
  /* 3 */ }

/*
 * Re-set default cursor for disabled elements
 */
button[disabled], input[disabled] {
  cursor: default; }

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; }

/*
 * Removes inner padding and border in FF3+
 */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* =============================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

.container {
  padding-left: 0;
  padding-right: 0;
  max-width: 100%; }

.col-md-12 {
  padding-left: 0;
  padding-right: 0;
  margin-right: 0px;
  margin-left: 0px; }

.col-md-8 {
  padding-left: 0; }

@media (min-width: 62em) {
  .col-md-6 {
    width: 50%;
    float: left; } }

.label {
  color: black; }

@media (min-width: 1200px) {
  .container {
    width: 100%; } }

@media (min-width: 992px) {
  .container {
    width: 100%; } }

@media (min-width: 768px) {
  .container {
    width: 100%; } }

.sectionHeader {
  -webkit-box-shadow: none;
  box-shadow: none; }

.row {
  margin: 0px; }

hr {
  padding: 0; }

p {
  margin: 0; }

/******************************************************************
Stylesheet: Typography
******************************************************************/
.panel-inset-light p, .panel-inset p, body, .light, .homepage_slideshow, .disclaimer, .homepage_body, .homepage_icons_descriptions, .section_header, .section_text, .ui-widget, .footer .row {
  font-family: "Lato", serif;
  font-weight: 400; }

.regular, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .legals, .h1_home_hero, .footer_section, .h2_home_content, .h1_section_hero, .h2_section_content, .h3_section_content, .h4_section_content, .footer_promo_headline, .h5_section_footer, .people_number, .primary_navigation_link, .secondary_navigation_link, .btn, .btnBlue, .btnWhite, .btnPurple, .btnGreen, .btnGreenDMA, .navbarTop, .navbar-nav, .footerBlock {
  font-family: "Lato", serif;
  font-weight: 400; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  color: #172934;
  text-rendering: optimizelegibility;
  font-weight: 500; }
  h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {
    text-decoration: none; }

h1, .h1 {
  font-size: 2.5em; }

h2, .h2 {
  font-size: 1.75em;
  margin-bottom: 0.375em; }

h3, .h3 {
  font-size: 1.125em; }

h4, .h4 {
  font-size: 1.1em;
  font-weight: 700; }

h5, .h5 {
  font-size: 0.846em;
  text-transform: uppercase;
  letter-spacing: 2px; }

.font25bigger {
  font-size: 1.25em; }

.font20bigger {
  font-size: 1.20em; }

.font15bigger {
  font-size: 1.15em; }

.font10bigger {
  font-size: 1.10em; }

.font5bigger {
  font-size: 1.05em; }

.font5smaller {
  font-size: 0.95em; }

.font10smaller {
  font-size: 0.90em; }

.font15smaller {
  font-size: 0.85em; }

.font20smaller {
  font-size: 0.80em; }

.font25smaller {
  font-size: 0.75em; }

body {
  font-size: 3.7vw;
  color: #172934; }
  @media (min-width: 30em) {
    body {
      font-size: 2.5vw; } }
  @media (min-width: 48em) {
    body {
      font-size: 2vw; } }
  @media (min-width: 62em) {
    body {
      font-size: 1.32vw; } }
  @media (min-width: 90em) {
    body {
      font-size: 19px; } }

.homepage_slideshow {
  font-size: 1em; }
  @media (min-width: 30em) {
    .homepage_slideshow {
      font-size: 1em; } }
  @media (min-width: 62em) {
    .homepage_slideshow {
      font-size: 1em; } }
  @media (min-width: 90em) {
    .homepage_slideshow {
      font-size: 1em; } }

.disclaimer {
  font-size: 1em;
  color: #172934; }
  @media (min-width: 30em) {
    .disclaimer {
      font-size: 1em;
      margin-top: 30px; } }
  @media (min-width: 62em) {
    .disclaimer {
      font-size: 1em;
    margin-top: 40px; } }
  @media (min-width: 90em) {
    .disclaimer {
      font-size: 1em; } }
  @media (max-width: 29.99em) {
    .disclaimer {
      margin-bottom: -1em;
    margin-top: 0px; } }


.homepage_body {
  font-size: 1.15em;
  color: #172934; }
  @media (min-width: 30em) {
    .homepage_body {
      font-size: 1.2em; } }
  @media (min-width: 62em) {
    .homepage_body {
      font-size: 1.3em; } }
  @media (min-width: 90em) {
    .homepage_body {
      font-size: 1.3em; } }

.homepage_icons_descriptions {
  font-size: 1.15em;
  color: #172934; }
  @media (min-width: 30em) {
    .homepage_icons_descriptions {
      font-size: 1.2em; } }
  @media (min-width: 62em) {
    .homepage_icons_descriptions {
      font-size: 1.3em; } }
  @media (min-width: 90em) {
    .homepage_icons_descriptions {
      font-size: 1.3em; } }

.section_header {
  font-size: 1.15em;
  color: #172934; }
  @media (min-width: 30em) {
    .section_header {
      font-size: 1.15em; } }
  @media (min-width: 62em) {
    .section_header {
      font-size: 1.1em; } }
  @media (min-width: 90em) {
    .section_header {
      font-size: 1.1em; } }

.section_text {
  font-size: 1.15em;
  color: #172934; }
  @media (min-width: 30em) {
    .section_text {
      font-size: 1.2em; } }
  @media (min-width: 62em) {
    .section_text {
      font-size: 1.1em; } }
  @media (min-width: 90em) {
    .section_text {
      font-size: 1.1em; } }

.legals {
  font-size: 0.85em;
  color: #172934; }
  @media (min-width: 30em) {
    .legals {
      font-size: 0.85em; } }
  @media (min-width: 62em) {
    .legals {
      font-size: 0.65em; } }
  @media (min-width: 90em) {
    .legals {
      font-size: 0.65em; } }

.h1_home_hero {
  font-size: 2.15em;
  font-weight: 700; }
  @media (min-width: 30em) {
    .h1_home_hero {
      font-size: 2.2em;
      font-weight: 700; } }
  @media (min-width: 62em) {
    .h1_home_hero {
      font-size: 3.7em;
      font-weight: 700; } }
  @media (min-width: 90em) {
    .h1_home_hero {
      font-size: 3.7em;
      font-weight: 700; } }

.footer_section {
  font-size: 1.3em;
  color: #172934;
  text-rendering: optimizelegibility;
  font-weight: 700; }
  @media (min-width: 30em) {
    .footer_section {
      font-size: 1.3em; } }
  @media (min-width: 62em) {
    .footer_section {
      font-size: 1.3em; } }
  @media (min-width: 90em) {
    .footer_section {
      font-size: 1.3em; } }

.h2_home_content {
  font-size: 1.75em;
  line-height: 1.2; }
  @media (min-width: 30em) {
    .h2_home_content {
      font-size: 1.75em; } }
  @media (min-width: 62em) {
    .h2_home_content {
      font-size: 2.5em; } }
  @media (min-width: 90em) {
    .h2_home_content {
      font-size: 2.5em; } }

.h1_section_hero {
  font-size: 2.15em;
  text-align: center;
  color: white; }
  @media (min-width: 30em) {
    .h1_section_hero {
      font-size: 2.15em; } }
  @media (min-width: 48em) {
    .h1_section_hero {
      font-size: 3.1em; } }
  @media (min-width: 90em) {
    .h1_section_hero {
      font-size: 3.1em; } }

.footer_section {
  font-size: 1.3em;
  margin-bottom: 1em; }
  @media (min-width: 30em) {
    .footer_section {
      font-size: 1.3em; } }
  @media (min-width: 62em) {
    .footer_section {
      font-size: 1.3em; } }
  @media (min-width: 90em) {
    .footer_section {
      font-size: 1.3em; } }

.h2_section_content {
  font-size: 1.8em;
  padding-top: 1em;
  position: relative; }
  @media (min-width: 30em) {
    .h2_section_content {
      font-size: 1.8em; } }
  @media (min-width: 62em) {
    .h2_section_content {
      font-size: 2.15em; } }
  @media (min-width: 90em) {
    .h2_section_content {
      font-size: 2.15em; } }
  @media (max-width: 61.99em) {
    .h2_section_content {
      text-align: center; } }

.h2_section_content:before {
  content: '\A';
  height: 1px;
  width: 2em;
  position: absolute;
  /* background: #30e8d4; */
  top: 24px; }

.h3_section_content {
  font-size: 1.45em; }
  @media (min-width: 30em) {
    .h3_section_content {
      font-size: 1.45em; } }
  @media (min-width: 62em) {
    .h3_section_content {
      font-size: 1.6em; } }
  @media (min-width: 90em) {
    .h3_section_content {
      font-size: 1.6em; } }

.h4_section_content {
  font-size: 1.1em; }
  @media (min-width: 30em) {
    .h4_section_content {
      font-size: 1.1em; } }
  @media (min-width: 62em) {
    .h4_section_content {
      font-size: 1.1em; } }
  @media (min-width: 90em) {
    .h4_section_content {
      font-size: 1.1em; } }

.footer_promo_headline {
  font-size: 1.45em;
  color: #91BD55; }
  @media (min-width: 30em) {
    .footer_promo_headline {
      font-size: 1.45em; } }
  @media (min-width: 62em) {
    .footer_promo_headline {
      font-size: 1.6em; } }
  @media (min-width: 90em) {
    .footer_promo_headline {
      font-size: 1.6em; } }

.h5_section_footer {
  font-size: 1.2em; }
  @media (min-width: 30em) {
    .h5_section_footer {
      font-size: 1.2em; } }
  @media (min-width: 62em) {
    .h5_section_footer {
      font-size: 1.1em; } }
  @media (min-width: 90em) {
    .h5_section_footer {
      font-size: 1.1em; } }

.people_number {
  font-size: 2.4em;
  color: #84BD00; }
  @media (min-width: 30em) {
    .people_number {
      font-size: 2.4em; } }
  @media (min-width: 62em) {
    .people_number {
      font-size: 3.7em; } }
  @media (min-width: 90em) {
    .people_number {
      font-size: 3.7em; } }

.primary_navigation_link {
  font-size: 0.7em;
  padding: 1em; }
  @media (min-width: 30em) {
    .primary_navigation_link {
      font-size: 0.7em; } }
  @media (min-width: 62em) {
    .primary_navigation_link {
      font-size: 0.8em; } }
  @media (min-width: 90em) {
    .primary_navigation_link {
      font-size: 0.8em; } }

.secondary_navigation_link {
  font-size: 0.7em;
  padding: 1em; }
  @media (min-width: 30em) {
    .secondary_navigation_link {
      font-size: 0.7em; } }
  @media (min-width: 62em) {
    .secondary_navigation_link {
      font-size: 0.8em; } }
  @media (min-width: 90em) {
    .secondary_navigation_link {
      font-size: 0.8em; } }

.ui-helper-reset {
  line-height: 1.5; }

@media (max-width: 89.99em) {
  td, th {
    padding: 2vw; } }

@media (min-width: 90em) {
  td, th {
    padding: 28.8px; } }

.btn, .btnBlue, .btnWhite, .btnPurple, .btnGreen, .btnSecondary, .btnPrimary {
  position: relative;
  display: inline-block;
  /* min-height: 50px;
  min-width: 150px; */
  padding: 0.75em 1.2em;
  color: white;
  text-transform: unset;
  text-align: center;
  box-shadow: 1.5px 2.598px 5px 0px rgba(0, 0, 0, 0.2);
  border: 0px;
  margin: 0.5em 0.5em 0.5em 0em;
  line-height: 1.5em;
  line-height: calc(50px - 1.5em);
  white-space: nowrap;
  border-radius: 25px;
  text-decoration: unset;
 }
@media (max-width: 478px) {
 .btn, .btnBlue, .btnWhite, .btnPurple, .btnGreen, .btnSecondary, .btnPrimary{
  /* width: 2em !important; */
  line-height: unset !important;
  padding: 0.6em 1.4em;
 }}

 .btnGreenDMA{
  position: relative;
  display: inline-block;
  min-height: 50px;
  min-width: 150px;
  padding: 0.75em;
  color: white;
  text-transform: lowercase;
  text-align: center;
  box-shadow: 1.5px 2.598px 5px 0px rgba(0, 0, 0, 0.2);
  border: 0px;
  margin: 0.5em 0.5em 0.5em 0em;
  line-height: 1.5em;
  line-height: calc(50px - 1.5em);
  white-space: nowrap;

 }

.btnWrapper {
  height: 75px;
  line-height: 16px; }
  /* .btnWrapper a {
    line-height: 2em !important; } */

/* .btn:focus, .btnBlue:focus, .btnWhite:focus, .btnPurple:focus, .btnGreen:focus, .btnGreenDMA:focus, .btn:hover, .btnBlue:hover, .btnWhite:hover, .btnPurple:hover, .btnGreen:hover, .btnGreenDMA:hover {
  text-decoration: none;
  opacity: 0.8;
  color: white; } */

.btn.fixedWidth, .fixedWidth.btnBlue, .fixedWidth.btnWhite, .fixedWidth.btnPurple, .fixedWidth.btnGreen, .fixedWidth.btnGreenDMA {
  min-width: 6em; }

.btn:before, .btnBlue:before, .btnWhite:before, .btnPurple:before, .btnGreen:before, .btnGreenDMA:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 75%;
  height: 100%;
  /* background-image: url("/images/background/buttontriangle.png"); */
  background-repeat: no-repeat;
  background-size: 100% 100%; }

.btnBlue {
  color: white;
  background-image: -moz-linear-gradient(90deg, #4a80b2 0%, #5992c6 100%);
  background-image: -webkit-linear-gradient(90deg, #4a80b2 0%, #5992c6 100%);
  background-image: -ms-linear-gradient(90deg, #4a80b2 0%, #5992c6 100%); }

.btnWhite {
  border: solid 1px;
  border-radius: 25px;
  color: #006edc;
  box-shadow: unset !important;
  font-weight: 500;
 }

.btnWhite:focus, .btnWhite:hover {
  color: black; }

/* .btnPurple {
  color: white;
  background-image: -moz-linear-gradient(90deg, #006edc 1%, #006edc 100%);
  background-image: -webkit-linear-gradient(90deg, #006edc 1%, #006edc 100%);
  background-image: -ms-linear-gradient(90deg, #006edc 1%, #006edc 100%); 
  border-radius: 25px;
 } */

/* .btnGreen {
  color: white !important;
  background-image: -moz-linear-gradient(90deg, #006edc 0%, #006edc 100%);
  background-image: -webkit-linear-gradient(90deg, #006edc 0%, #006edc 100%);
  background-image: -ms-linear-gradient(90deg, #006edc 0%, #006edc 100%);
  border-radius: 25px;
 } */
  

.btnGreenDMA {
  color: white !important;
  background-image: -moz-linear-gradient(90deg, #006edc 0%, #006edc 100%);
  background-image: -webkit-linear-gradient(90deg, #006edc 0%, #006edc 100%);
  background-image: -ms-linear-gradient(90deg, #006edc 0%, #006edc 100%);
  display: inline-block;
  height: 50px;
  float: right;
  margin-top: 0;
  margin-right: 0;
  min-width: 0;
  padding: 0 0.75em 0 0.75em;
  line-height: initial; }
  .btnGreenDMA:before {
    width: 0;
    height: 0; }

.baseBtn, .btnLogin, .btnPayCard, .btnHamburger {
  height: 3em;
  background: grey;
  line-height: 3em;
  /* text-transform: uppercase; */
  background: grey;
  color: white;
  border: none;
  padding: 8px; }
  .baseBtn span, .btnLogin span, .btnPayCard span, .btnHamburger span {
    top: -8px;
    left: 2px; }

.baseBtn:focus, .btnLogin:focus, .btnPayCard:focus, .btnHamburger:focus, .baseBtn:hover, .btnLogin:hover, .btnPayCard:hover, .btnHamburger:hover {
  text-decoration: none;
  opacity: 0.8;
  color: white; }

  .btnLogin {
    background: none;
    width: 7em; }
    @media (min-width: 62em) {
      .btnLogin {
        padding-right: 1em !important;
        color: #ffffff !important;
        background-color: #172934;
        border-radius: 6px;
        padding: 12px 12px 12px 0px; } }
    @media (max-width: 61.99em) {
      .btnLogin {
        padding: 0; } }
    .btnLogin:hover {
      text-decoration: underline; }

  .btnPayCard {
    background: none;
    width: 10em; }
    @media (min-width: 62em) {
      .btnPayCard {
        padding-right: 1em !important;
        color: #ffffff !important;
        background-color: #172934;
        border-radius: 6px;
        padding: 12px; } }
    @media (max-width: 61.99em) {
      .btnPayCard {
        padding: 0; } }
    .btnPayCard:hover {
      text-decoration: underline; }

.btnHamburger {
  background: white;
  color: white !important;
  padding: 0;
  margin-top: 0;
  line-height: 2.5; }
  .btnHamburger.collapsed {
    color: black !important; }
  .btnHamburger span {
    top: -1em; }

.btnHamburger:focus, .btnHamburger:hover {
  opacity: 0.8;
  color: black; }

.btnRadio.btnIncome label {
  width: 25%; }

.btnRadio label, .btnRadioSmall label, .btnRadioAddress label {
  padding-bottom: 1em;
  padding-top: 1em;
  font-size: 0.9em;
  border: 1px solid #a3b1c0;
  margin-right: 1%;
  width: 100%;
  display: inline-block;
  cursor: pointer;
  color: #172934;
  text-align: center;
  border-radius: 6px; }

.btnRadioAddress input {
  opacity: 0.01;
  z-index: -100;
  position: absolute; }
  .btnRadioAddress input:hover ~ label {
    background: #edf4e1; }

.btnRadioAddress label {
  width: 100%;
  margin: 0;
  border: none;
  text-align: left;
  padding-top: .5em;
  padding-bottom: .5em;
  padding-left: .5em; }

.btnRadio input, .btnRadioSmall input {
  opacity: 0.01;
  z-index: -100;
  position: absolute; }
  .btnRadio input:hover ~ label, .btnRadioSmall input:hover ~ label {
    background: #edf4e1; }
  .btnRadio input:focus ~ label, .btnRadioSmall input:focus ~ label {
    background: #edf4e1; }

.btnRadioSmall label {
  width: 100%; }

@media (max-width: 29.99em) {
  .btnRadio label {
    width: 100%; }
  .btnRadioSmall label {
    width: 100%; } }

@media (max-width: 61.99em) {
  .btnRadio label {
    width: 100%; }
  .btnRadioSmall label {
    width: 100%; } }

.btnRadio input[type="radio"]:not([checked="False"]):checked ~ label,
.btnRadio input[type="radio"][checked="True"] ~ label,
.btnRadio input[type="checkbox"]:not([checked="False"]):checked ~ label,
.btnRadio input[type="checkbox"][checked="True"] ~ label {
  background: #ddeac7; }

/* START creating the toggle styling on the radio buttons */
span.btnRadio.btnIncome:first-of-type label {
  margin-right: 0;
  border-radius: 10px 0 0 10px; }

.btnRadio input[type="checkbox"]:not(checked) ~ label {
  background: white; }

span.btnRadio.btnIncome:nth-of-type(2) label {
  margin-left: -1%;
  border-radius: 0 10px 10px 0; }

/* END creating the toggle styling on the radio buttons */
.btnRadioSmall input[type="radio"]:checked ~ label,
.btnRadioSmall input[type="checkbox"]:checked ~ label {
  background: #ddeac7; }

.btnRadioAddress input[type="radio"]:checked ~ label,
.btnRadioAddress input[type="checkbox"]:checked ~ label {
  background: #ddeac7; }

.navbar-default .navbar-toggle .icon-bar {
  background-color: black;
  width: 75%;
  margin: auto;
  margin-top: 0.3em; }

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
  background: none; }

.material-icons {
  vertical-align: top;
  line-height: 2;
  margin-right: 0.4em; }

.material-icons.md-18 {
  font-size: 18px; }

.material-icons.md-24 {
  font-size: 24px; }

.material-icons.md-36 {
  font-size: 36px; }

.material-icons.md-48 {
  font-size: 48px; }

.navPanelButtons:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  pointer-events: none;
  width: 250px;
  height: 100%;
  /* background-image: url("/images/background/buttontriangle.png"); */
  background-repeat: no-repeat; }

  .navPanelButtons {
    position: relative;
    z-index: 600;
    margin-top: 10px;
    margin-right: 5%;
    margin-left: 15px;
    border-radius: 2px;
    background: -moz-linear-gradient(45deg, #172934 0%, #172934 100%);
    /* ff3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #172934), color-stop(100%, #172934));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(45deg, #172934 0%, #172934 100%);
    /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(45deg, #172934 0%, #172934 100%);
    /* opera 11.10+ */
    background: -ms-linear-gradient(45deg, #172934 0%, #172934 100%);
    /* ie10+ */
    background: linear-gradient(45deg, #172934 0%, #172934 100%);
    /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91bd55 ', endColorstr='#7fa64a ',GradientType=1 );
    /* ie6-9 */
    /* -webkit-box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);  */
  }

@media (max-width: 61.99em) {
  .btnLogin, .btnPayCard {
    line-height: 1em;
    width: 3em;
    background: none;
    color: white;
    font-size: 1.5em; }
    .btnLogin.collapsed, .btnPayCard.collapsed {
      color: white;
      background-color: #172934; }
    .btnLogin span, .btnPayCard span {
      display: none; }
    .btnLogin i > span, .btnPayCard i > span {
      display: block;
      font-family: Lato;
      font-size: 12px;
      font-weight: 600; }
  .btnHamburger {
    font-size: 1.5em;
    margin-top: 3px; }
    .btnHamburger i > span {
      display: block;
      font-family: Lato;
      font-size: 12px;
      font-weight: 600; }
  .navPanelButtonsSmall {
    background: none;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
    padding-left: 3%;
    padding-right: 0em;
    margin-top: 4px;
    text-align: center; }
  .fa-lock {
    padding-left: 0 !important;
    padding-right: 0 !important; } }

.btnRocketContainer {
  position: fixed;
  /* Fixed/sticky position due to parent being fixed */
  z-index: 99;
  /* Make sure it does not overlap */
  bottom: 0px; }
  @media (max-width: 89.99em) {
    .btnRocketContainer {
      margin-left: 95vw; } }
  @media (min-width: 90em) {
    .btnRocketContainer {
      margin-left: 1368px; } }

.btnRocket {
  display: none;
  /* Hidden by default */
  position: relative;
  /* Fixed/sticky position due to parent being fixed */
  bottom: 20px;
  /* Place the button at the bottom of the page */
  right: 15px;
  /* Place the arrow point in the middle */
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-bottom: 30px solid #00324F; }

ul.arrows {
  list-style: none; }
  ul.arrows li {
    position: relative; }
    ul.arrows li p {
      padding-left: 1.4em; }
  ul.arrows > li:before {
    content: "";
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent #30e8d4;
    position: absolute;
    top: 0.5em;
    left: -1.5em; }

.ticks {
  list-style-type: none; }
  .ticks li:before {
    border: none;
    left: -1em;
    top: 0;
    content: "\2713\0020"; }

.formCheckBox input[type=checkbox] {
  visibility: visible;
  position: absolute;
  height: 0;
  width: 0;
  cursor: pointer; }

.formCheckBox input[type=checkbox]:checked ~ label {
  background: #a9c977;
  background-image: url("/images/icon_tick.png");
  background-position: 8px 10px;
  background-repeat: no-repeat; }

.formCheckBox label {
  background: white;
  height: 40px;
  width: 40px;
  display: block;
  margin: 5px;
  box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  cursor: pointer; }

#btnFindAddress, #btnFindPreviousAddress {
  height: 50px;
  border-radius: 0px 6px 6px 0px; }

#dmAccessBtn {
  right: 0;
  position: absolute; }

#dmAccessLandingBtn {
  right: 0;
  position: relative;
  margin: 0; }

/*
    Mobile Menu Core Style
*/
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.25em 0.625em;
  /*padding: 0.438em 0.625em 0.438em 0.625em;*/
  line-height: 1.125em;
  cursor: pointer; }

.slicknav_menu .slicknav_menutxt {
  display: block;
  line-height: 1.188em;
  float: left; }

.slicknav_menu .slicknav_icon {
  float: left;
  margin: 0.188em 0 0 0.438em; }

.slicknav_menu .slicknav_no-text {
  margin: 0; }

.slicknav_menu .slicknav_icon-bar {
  display: block;
  width: 1.125em;
  height: 0.125em;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
  margin-top: 0.188em; }

.slicknav_nav {
  clear: both; }

.slicknav_nav ul,
.slicknav_nav li {
  display: block; }

.slicknav_nav .slicknav_arrow {
  font-size: 0.8em;
  margin: 0 0 0 0.4em;
  color: #FFFFFF; }

.slicknav_nav .slicknav_item {
  cursor: pointer; }

.slicknav_nav .slicknav_row {
  display: block; }

.slicknav_nav a {
  display: block; }

.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
  display: inline; }

.slicknav_menu:before,
.slicknav_menu:after {
  content: " ";
  display: table; }

.slicknav_menu:after {
  clear: both; }

/* IE6/7 support */
.slicknav_menu {
  *zoom: 1; }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/
.slicknav_menu {
  width: 60%;
  float: right; }

/* Button */
.slicknav_btn {
  border: solid 3px #231F20;
  margin: 5px 5px 6px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.29804); }

/* Button Text */
.slicknav_menu .slicknav_menutxt {
  color: #FFFFFF;
  font-weight: bold;
  text-shadow: 0 1px 3px #000000; }

/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #231F20; }

.slicknav_menu {
  color: #FFFFFF;
  padding: 5px; }

.slicknav_nav {
  color: #FFFFFF;
  margin: 0;
  padding: 0;
  font-size: 0.875em; }

.slicknav_nav, .slicknav_nav ul {
  list-style: none;
  overflow: hidden; }

.slicknav_nav ul {
  border-radius: 4px;
  padding: 0;
  margin: 0 0 0 20px;
  background-color: #7d8c94; }
  .slicknav_nav ul a {
    color: #FFFFFF; }

.slicknav_nav .slicknav_row {
  padding: 5px 10px;
  margin: 2px 5px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #424b50; }
  .slicknav_nav .slicknav_row a {
    color: #FFFFFF; }

.slicknav_nav a {
  padding: 5px 10px;
  margin: 2px 5px;
  text-decoration: none;
  color: #FFFFFF; }

.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
  padding: 0;
  margin: 0; }

.slicknav_parent li {
  border-bottom: 1px solid #FFFFFF; }

.slicknav_nav .slicknav_row:hover {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #59656c;
  color: #FFFFFF; }

.slicknav_nav a:hover {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #59656c;
  color: #FFFFFF !important; }

.slicknav_nav .slicknav_txtnode {
  margin-left: 15px; }

/* HIDE the APPLY button */
.slicknav_nav .button-apply {
  display: none; }

.carousel {
  max-width: 1440px;
  margin: auto;
  z-index: 1; }
  /* .carousel .btnGreen:hover, .carousel .btnWhite:hover, .carousel .btnPurple:hover {
    opacity: 1; } */
  .carousel .btnGreen:hover {
    background-color: #006edc;
    opacity: 0.8; }
  /* .carousel .btnPurple:hover {
    background-image: moz-linear-gradient(90deg, #8e53aa 1%, #a175b6 100%);
    background-image: -webkit-linear-gradient(90deg, #8e53aa 1%, #a175b6 100%);
    background-image: -ms-linear-gradient(90deg, #8e53aa 1%, #a175b6 100%); }
  .carousel .btnWhite:hover {
    background-image: moz-linear-gradient(90deg, #fafafa 0%, white 100%);
    background-image: -webkit-linear-gradient(90deg, #fafafa 0%, white 100%);
    background-image: -ms-linear-gradient(90deg, #fafafa 0%, white 100%); } */

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  width: 100%;
  margin: auto; }

.carousel-inner > .item {
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center center;
  height: 40em; }

/* Carousel Fading slide */
.carousel-fade .carousel-inner .item .background {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: .6s;
  transition-duration: .6s;
  transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  opacity: 0;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  background-position-x: 50%; }

.carousel-fade .carousel-inner .item .slideBreakout {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: .6s;
  transition-duration: .6s;
  transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  opacity: 0; }

.carousel-fade .carousel-inner .item .slideContent {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: .6s;
  transition-duration: .6s;
  transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  opacity: 0; }

.carousel-fade .carousel-inner .item.active .background {
  opacity: 1; }

.carousel-fade .carousel-inner .item.active .slideBreakout {
  opacity: 1; }

.carousel-fade .carousel-inner .item.active .slideContent {
  opacity: 1; }

.carousel-fade .carousel-inner .item.active.right .background {
  opacity: 0; }

.carousel-fade .carousel-inner .item.active.right .slideBreakout {
  opacity: 0; }

.carousel-fade .carousel-inner .item.active.right .slideContent {
  opacity: 0; }

.carousel-fade .carousel-inner .item.active.left .background {
  opacity: 0; }

.carousel-fade .carousel-inner .item.active.left .slideBreakout {
  opacity: 0; }

.carousel-fade .carousel-inner .item.active.left .slideContent {
  opacity: 0; }

.carousel-fade .carousel-inner .next.left .background {
  opacity: 1; }

.carousel-fade .carousel-inner .next.left .slideBreakout {
  opacity: 1; }

.carousel-fade .carousel-inner .next.left .slideContent {
  opacity: 1; }

.carousel-fade .carousel-inner .prev.right .background {
  opacity: 1; }

.carousel-fade .carousel-inner .prev.right .slideBreakout {
  opacity: 1; }

.carousel-fade .carousel-inner .prev.right .slideContent {
  opacity: 1; }

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.carousel-fade .carousel-control {
  z-index: 2; }

.carousel-indicators {
  position: inherit;
  margin: 0px;
  padding: 0px;
  text-align: left; }

.carousel-indicators .active {
  background: white;
  border: none;
  border-radius: 0px;
  width: 2em;
  height: 4px;
  margin: 0.2em; }

.carousel-indicators li {
  background: #aaa;
  border: none;
  border-radius: 0px;
  width: 2em;
  height: 4px;
  margin: 0.2em; }

@media (max-width: 61.99em) {
  .carouselControls {
    display: none; } }

.carouselControls {
  position: absolute;
  width: 220px;
  min-height: 40px;
  bottom: 0;
  left: 5vw;
  padding: 4px;
  border: 0px;
  background: none;
  z-index: 20; }

.glyphicon, .glyphicon-pause {
  font-size: 1.5em; }

.slideContent {
  position: absolute;
  width: 100%;
  bottom: 20%;
  margin: auto;
  margin-left: 2.5%;
  color: black;
  z-index: 1000; }
  .slideContent .container {
    max-width: 1440px;
    padding: 0;
    margin: 0; }
    @media (min-width: 30em) {
      .slideContent .container {
        margin-left: 5%; } }

@media (max-width: 29.99em) {
  .slideContent {
    width: 70%; } }

.carouselbtn {
  background: none;
  color: white;
  border: none;
  margin-left: -0.5em; }

.topTriangles {
  position: relative;
  pointer-events: none;
  bottom: 410px;
  width: 100%;
  height: 818px;
  z-index: 17; }

/* @media (max-width: 89.99em) {
  .frameUpLeft {
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14.25vw 67vw 0vw 33.33333vw;
    border-color: transparent transparent transparent #296ba5;
    bottom: 0vw; } }

@media (min-width: 90em) {
  .frameUpLeft {
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 205.2px 960px 0vw 480px;
    border-color: transparent transparent transparent #296ba5;
    bottom: 0vw; } } */

/* @media (max-width: 89.99em) {
  .frameUpRight {
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 28.5vw 67vw 0vw 33.33333vw;
    border-color: transparent rgba(255, 255, 255, 0.75) transparent transparent;
    bottom: 0vw; } } */

/* @media (min-width: 90em) {
  .frameUpRight {
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 410px 965px 0vw 480px;
    border-color: transparent rgba(255, 255, 255, 0.75) transparent transparent;
    bottom: 0vw; } } */

/* @media (max-width: 89.99em) {
  .frameDownLeft {
    position: absolute;
    left: -5vw;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0vw 67vw 14.25vw 33.33333vw;
    border-color: transparent transparent transparent #296ba5; } }

@media (min-width: 90em) {
  .frameDownLeft {
    position: absolute;
    left: -72px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0vw 965px 205.2px 480px;
    border-color: transparent transparent transparent #296ba5; } } */

/* @media (max-width: 89.99em) {
  .frameDownRight {
    position: absolute;
    left: -5vw;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0vw 67vw 28.5vw 33.33333vw;
    border-color: transparent #f5f9fc transparent transparent; } }

@media (min-width: 90em) {
  .frameDownRight {
    position: absolute;
    left: -72px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0vw 965px 410px 480px;
    border-color: transparent #f5f9fc transparent transparent; } } */

@media (max-width: 29.99em) {
  .topTriangles {
    width: 700px;
    bottom: 200px; } }

.slideBreakout {
  position: absolute;
  z-index: 900;
  padding: 1em;
  margin-right: 2.25em;
  padding: 0.8em 1.3em;
  bottom: 0;
  right: 0;
  width: 40%;
  z-index: 1; }

@media (max-width: 61.99em) {
  .slideBreakout {
    width: 100%;
    background: rgba(255, 255, 255, 1);
    margin-right: 0;
 } }

/**** Cards Form*****/
.cards {
  padding: 0px !important; }

.cards label {
  width: 100%;
  font-weight: normal;
  text-align: center;
  font-size: 1em;
  border: 4px solid transparent; }

.card-section {
  padding: 0; }

.cards label img {
  border: 4px solid #fff; }

.card-chosen {
  text-align: center;
  visibility: hidden;
  height: 0px;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear; }

.card-chosen.selected {
  visibility: visible;
  height: 100%;
  padding-top: 1em;
  padding-bottom: 1em;
  opacity: 1; }

.card-chosen img {
  margin-left: auto;
  margin-right: auto;
  min-height: 148px; }

.cards input[type="radio"]:empty,
.cards input[type="checkbox"]:empty {
  display: none; }

.cards input[type="radio"]:empty ~ label,
.cards input[type="checkbox"]:empty ~ label {
  position: relative;
  margin-top: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.cards input[type="radio"]:hover:not(:checked) ~ label,
.cards input[type="checkbox"]:hover:not(:checked) ~ label {
  color: #888; }

.cards input[type="radio"]:checked ~ label,
.cards input[type="checkbox"]:checked ~ label {
  color: #a9a957; }

.cards input[type="radio"]:checked ~ label img,
.cards input[type="checkbox"]:checked ~ label img {
  border: 4px solid #a9a957; }

.cards input[type="radio"]:focus ~ label:before,
.cards input[type="checkbox"]:focus ~ label:before {
  box-shadow: 0 0 0 3px #999; }

.cards-success input[type="radio"]:checked ~ label:before,
.cards-success input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5cb85c; }

.card-section img {
  display: block;
  margin: 0 auto; }

.cards-title {
  font-size: 0.7em; }

.formWrapper .contentArea {
  padding: 0.5em 0; }

.contentArea .contentSection {
  padding-bottom: 15px; }

.contentArea .mainContent {
  padding-top: 2em; }

.formWrapper .stepTracker {
  margin-top: 15px;
  margin-bottom: 10px;
  display: block;
  text-align: center; }

.formWrapper .stepTracker.fixed .stepTrackerInner {
  position: fixed;
  top: 10px;
  z-index: 11;
  width: 100%;
  left: 0; }

.dj_chrome .formWrapper .stepTracker.fixed .stepTrackerInner {
  transform: translate3d(0, 0, 0); }

.formWrapper .stepTracker.fixed .posMarker {
  height: 42px; }

.formWrapper .stepTracker .steps {
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-top: 1px solid #f5f5f5;
  background-color: #FFF;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.5);
  display: inline-block;
  overflow: hidden; }

.mdr_boxshadow .formWrapper .stepTracker .steps {
  border: none;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5); }

.ie9ab .formWrapper .stepTracker .steps {
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFECF1F8');";
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFECF1F8');
  zoom: 1; }

.formWrapper .stepTracker .steps:after {
  visibility: hidden;
  clear: both;
  content: ".";
  height: 0;
  display: block; }

.ie6 .formWrapper .stepTracker .steps, .ie7 .formWrapper .stepTracker .steps {
  zoom: 1; }

.mdr_no-boxshadow .formWrapper .stepTracker .steps {
  border: 2px solid #CCC; }

.formWrapper .stepTracker .steps ul {
  padding-left: 0px;
  list-style: none;
  font-size: 0px; }

.formWrapper .stepTracker .steps ul li {
  position: relative;
  line-height: 1;
  font-size: 14px;
  color: #787878;
  display: inline-block; }

.formWrapper .stepTracker .steps ul li:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 5px;
  width: 1px;
  height: 32px;
  background-color: none; }

.formWrapper .stepTracker .steps ul li:last-child:after {
  display: none; }

.formWrapper .stepTracker .steps ul li span {
  display: block;
  padding-left: 40px;
  padding-right: 8px;
  padding-top: 14px;
  padding-bottom: 14px;
  background: url(/images/background/checkbox-unchecked.png) no-repeat scroll 10px 10px; }

.formWrapper .stepTracker .steps ul li.checked span {
  background-image: url(/images/background/checkbox-checked.png); }

.formWrapper .stepTracker .steps ul li.current {
  color: #13457e;
  background-color: #c6d99b;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#cae06f), to(#c6d99b));
  background-image: -webkit-linear-gradient(top, #c6d99b, #c6d99b);
  background-image: -moz-linear-gradient(top, #c6d99b, #c6d99b);
  background-image: -o-linear-gradient(top, #c6d99b, #c6d99b);
  background-image: linear-gradient(to bottom, #c6d99b, #c6d99b); }

.ie9ab .formWrapper .stepTracker .steps ul li.current {
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFCAE06F', endColorstr='#FFB5D334');";
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFCAE06F', endColorstr='#FFB5D334');
  zoom: 1; }

.progressPanel {
  position: relative;
  background: white;
  padding: 0;
  padding-top: 5em; }

@media (max-width: 61.99em) {
  .progressPanel {
    display: none !important; } }

.horizontalTrackerBackground {
  background-color: #EBEFF2;
  height: 4px;
  border-bottom-color: #DEE2E5;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  position: absolute;
  margin-top: 1.2em;
  left: 0;
  width: 75%;
  margin-left: 12.5%;
  margin-right: 12.5%; }

.horizontalTracker {
  width: 20%;
  float: left; }

.horizontalTracker .formSectionNumberLabel {
  left: 0;
  top: 0; }

.formSectionNumberLabel {
  display: inline-block;
  background: #f8fafc;
  border-radius: 100%;
  height: 2.75em;
  line-height: 2.75em;
  width: 2.75em;
  text-align: center;
  position: relative;
  left: -1.325em;
  top: 3.5em;
  z-index: 1;
  box-shadow: 2px 2px 4px #a3b1c0; }
  @media (max-width: 61.99em) {
    .formSectionNumberLabel {
      height: 2.25em;
      line-height: 2.25em;
      width: 2.25em;
      left: 0.675em;
      top: 1.125em; } }

.formSectionNumberLabel.mobile {
  left: 0;
  top: 0; }

.formSectionNumberLabel.current {
  background: #13457e;
  color: white; }

.formSectionNumberLabel.checked {
  background: #ddeac7; }

.formSectionNumberLabel.errorProgress {
  border: 2px solid red; }

@media (max-width: 61.99em) {
  .verticalTracker {
    display: none; } }

@media (min-width: 62em) {
  .verticalTracker {
    display: block; } }

.verticalTracker.current {
  background: #f8fafc; }

.verticalTracker.current .progressNumber, .verticalTracker.current .progressNumberRound {
  background: #5e7a93;
  color: white; }

.verticalTracker i {
  display: none;
  line-height: 2em;
  padding: 0;
  padding-right: 2em;
  float: right; }

.verticalTracker.checked i.fa-check {
  display: inline-block;
  color: #ddeac7;
  margin-top: 1.4em; }

.verticalTracker.errorProgress i.fa-exclamation {
  display: inline-block;
  color: red; 
  margin-top: 1.6em;}

.verticalTracker.checked {
  color: #ddeac7;
  background: white; }

.verticalTracker.checked .progressNumber {
  background: #ddeac7;
  color: #a9a957; }

.verticalTrackerSection1 {
  width: 10%;
  margin-right: 0 !important;
  float: left; }

.verticalTrackerSection2 {
  width: 75%;
  float: left;
  padding: 2.5%; }

.verticalTrackerSection3 {
  width: 10%;
  float: left; }

.mobileProgressTracker {
  width: 100%;
  text-align: center;
  background-color: transparent !important; }

@media (max-width: 61.99em) {
  .mobileProgressTracker {
    display: block;
    margin: 10px 0px;
    padding: 20px 0px;
    width: 123%; } }

@media (min-width: 62em) {
  .mobileProgressTracker {
    display: none !important; } }

.progressNumber, .progressNumberLong {
  margin-right: 1em;
  background: #f8fafc;
  height: 5em;
  width: 2em;
  line-height: 5em;
  display: inline-block;
  text-align: center;
  color: black; }

.progressNumberLong {
  height: 2em;
  line-height: 2em; }

.progressNumberRound {
  background: #f8fafc;
  display: inline-block;
  text-align: center;
  color: black; }

/******************************
1) GENERAL STYLES
*******************************/
/******************************
2) LAYOUT & GRID STYLES
*******************************/
/******************************
3) LINK STYLES
*******************************/
/******************************
4) H1, H2, H3, H4, H5 STYLES
*******************************/
/******************************
5) HEADER STYLES
*******************************/
/******************************
6) NAVIGATION STYLES
*******************************/
/******************************
7) POSTS & CONTENT STYLES
*******************************/
/******************************
8) FOOTER STYLES
*******************************/
.featurebox {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background-color: #F8F8F8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#F8F8F8));
  background-image: -webkit-linear-gradient(top, #dfdfdf, #F8F8F8);
  background-image: -moz-linear-gradient(top, #dfdfdf, #F8F8F8);
  background-image: -o-linear-gradient(top, #dfdfdf, #F8F8F8);
  background-image: -ms-linear-gradient(top, #dfdfdf, #F8F8F8);
  background-image: linear-gradient(top, #dfdfdf, #F8F8F8);
  padding: 7px;
  text-align: center;
  overflow: auto; }

.bluegradient {
  background-color: #0078C9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#22B3E2), to(#0078C9));
  background-image: -webkit-linear-gradient(top, #22B3E2, #0078C9);
  background-image: -moz-linear-gradient(top, #22B3E2, #0078C9);
  background-image: -o-linear-gradient(top, #22B3E2, #0078C9);
  background-image: -ms-linear-gradient(top, #22B3E2, #0078C9);
  background-image: linear-gradient(top, #22B3E2, #0078C9);
  -webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2);
  color: #FFFFFF;
  border-bottom: solid 48px #004183; }

.whitefeature {
  background-color: #FFFFFF;
  color: #000000;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  -o-border-radius: 14px;
  border-radius: 14px;
  margin: 10px;
  padding: 7px 0; }

.sitemap ul {
  list-style-type: none; }

.featurebox ul {
  list-style-position: inside; }

.featurebox H2:before {
  content: "\2713   "; }

.footer H2:after {
  content: "  \270E"; }

.nav {
  margin-top: 1em;
  float: right;
  width: 100%; }
  .nav ul {
    padding-left: 0.25em; }
  .nav .upperLinks {
    display: none; }
  .nav img {
    display: none; }
  .nav .mainLinks {
    display: none;
    margin-bottom: 0; }
    .nav .mainLinks li > span {
      padding-top: 0.6em;
      padding-bottom: 0.6em;
      display: block; }
    .nav .mainLinks a, .nav .mainLinks a:hover, .nav .mainLinks a:active, .nav .mainLinks a:focus, .nav .mainLinks a:visited {
      color: #000000; }
    .nav .mainLinks li:last-child > a {
      color: #172934; }
  .nav .is-active span .is-active-text {
    color: #000000;
    text-shadow: 0 1px 3px #646466; }
  .nav .is-active {
    background-image: linear-gradient(to bottom, white, white); }
    .nav .is-active span .is-active-text {
      color: #000000;
      text-shadow: 0 1px 3px #646466; }
  .nav .home-link-icon {
    display: none; }
  /* .nav .dropdown .caret {
    position: relative;
    border: none;
    top: -4px; } */
  /* .nav .dropdown .caret:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-top: 5px solid grey;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent; } */
  /* .nav .dropdown .caret:after {
    content: '';
    position: absolute;
    left: 1px;
    top: 0;
    border-top: 4px solid #f2f7fb;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent; } */
  .nav .dropdown.open .caret:before {
    border-top: 5px solid #f2f7fb; }
  .nav .dropdown.open .caret:after {
    border-top: 4px solid #256397; }
  .nav .dropdown.active .caret:before {
    border-top: 5px solid grey; }
  .nav .dropdown.active .caret:after {
    border-top: 4px solid #f2f7fb; }
  @media (max-width: 61.99em) {
    .nav .dropdown .caret:before {
      border-top: 5px solid #f2f7fb; }
    .nav .dropdown .caret:after {
      border-top: 4px solid #286BA4; }
    .nav .dropdown.open .caret:before {
      border-top: 5px solid #a9c977; }
    .nav .dropdown.open .caret:after {
      border-top: 4px solid #256397; }
    .nav .dropdown.active .caret:before {
      border-top: 5px solid #f2f7fb; }
    .nav .dropdown.active .caret:after {
      border-top: 4px solid #286BA4; } }
  .nav .dropdown .dropdown-menu {
    min-height: 0;
    /*max-height: 0;
               display: block;
               padding-top: 0;
               padding-bottom: 0;
               overflow: hidden;
               transition-property: all;
               transition-duration: .25s;
               transition-timing-function: ease-in-out;*/ }
  .nav .dropdown.open .dropdown-menu {
    /*padding-top: 5px;
                  padding-bottom: 5px;
                  max-height: 1000px;*/ }

.sub-nav {
  display: none; }
  .sub-nav .is-active-text {
    position: relative;
    z-index: 1; }
  .sub-nav .is-active:after {
    content: "";
    display: block;
    position: relative;
    width: 90%;
    left: 5%;
    top: 6px;
    background-image: linear-gradient(to bottom, white, white);
    height: 35px;
    padding: 0;
    margin-top: -35px;
    border-radius: 4px 4px 4px 4px;
    background-clip: padding-box;
    z-index: 0; }
  .sub-nav .is-active:hover {
    background-image: none; }

.header {
  border-bottom: 0px; }

.navbar-default .navbar-toggle .icon-bar {
  background-color: black;
  width: 75%;
  margin: auto;
  margin-top: 0.3rem; }

.navbar-toggle {
  position: relative;
  z-index: 600;
  margin: 3px 0 0 0;
  height: 2em; }
  .navbar-toggle .fa-close {
    display: inline-block; }
    .navbar-toggle .fa-close:before {
      content: "\2716"; }
  .navbar-toggle .fa-bars {
    display: none; }
  .navbar-toggle.collapsed .fa-close {
    display: none; }
  .navbar-toggle.collapsed .fa-bars {
    display: inline-block; }
  .navbar-toggle.collapsed .fa-lock {
    display: inline-block; }
  .navbar-toggle.collapsed .fa-credit-card {
    display: inline-block; }

.navbar-nav .open .dropdown-menu > li > a {
  padding: 0.9em;
  text-decoration: unset;
  font-size: 15px; }

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
  color: #9cc06b;
  text-decoration: none;
  background: none; }

.dropdown-menu {
  position: absolute;
  width: 1440px;
  background-color: #2c516e;
  font-size: 1.0em; }
.dropdown-menu li a {
  color: #172934;
  width: 30%;
  text-transform: inherit;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 1em; }
.nav {
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  color: #172934;
  z-index: 100;
  margin-bottom: -5px;
  margin-left: 20% !important;
  padding-left: 20%; }

.navbarTop {
  height: 0px; }

.navbar-nav {
  background: #fafafa;
  border-bottom: 0px; }
  .navbar-nav .fa-close {
    display: inline-block;
    width: 24px;
    height: 24px;
    font-size: 1.25em; }
    .navbar-nav .fa-close:before {
      content: "\2716"; }

.navbar-elements {
  background: white !important;
  color: #172934;
  width: 100%; }

.navbar-default {
  background: white; }

.navbar-default .navbar-nav > li > a {
  color: white;
  line-height: 1.5em; }

.navbar {
  margin-bottom: 5px;
  border: 0px;
  font-size: 16px; }

.navbar-collapse {
  padding: 0px;
  z-index: 500; }
@media (max-width: 991px) {
.logoTriangleBack {
  position: absolute;
  top: 2px;
  pointer-events: none;
  background-repeat: no-repeat;
}}
@media (min-width: 992px) {
.logoTriangleBack {
  position: absolute;
  top: 3px;
  pointer-events: none;
  background-repeat: no-repeat;
}}
@media (max-width: 352px) {
.logoTriangleBack {
  background-image: url(https://cdn-p.vanquis.co.uk/media/2104488/vanquis-logo-mobile-final.png);
  width: 430px;
  height: 190px;
  margin-left: 27px; } }
@media (min-width: 353px) and (max-width: 476px) {
.logoTriangleBack {
  background-image: url(https://cdn-p.vanquis.co.uk/media/2104491/vanquis-logo-tablet-final.png);
  width: 210px;
  height: 95px; 
  margin-left: 31px; } }
@media (min-width: 477px) and (max-width: 991px) {
  .logoTriangleBack {
    background-image: url(https://cdn-p.vanquis.co.uk/media/2104491/vanquis-logo-tablet-final.png);
    width: 210px;
    height: 95px; 
    margin-left: 55px; } }
  
@media (min-width: 992px) {
.logoTriangleBack {
  background-image: url(https://cdn-p.vanquis.co.uk/media/2104489/vanquis-logo-desktop-final.png);
  width: 430px;
  height: 190px;
  margin-left: 47px; } }
  

/* .logoLink {
  position: absolute;
  pointer-events: all;
  width: 110px;
  height: 57px;
  top: 0;
  left: 0; }
  @media (min-width: 30em) and (max-width: 61.99em) {
    .logoLink {
      width: 180px;
      height: 57px;
      margin-left: 15px; } }
  @media (min-width: 62em) {
    .logoLink {
      width: 270px;
      height: 60px;
      left: 40px; } } */

.navLogo {
  position: absolute;
  pointer-events: none;
  background: none;
  padding: 0px; }
  .navLogo img {
    max-width: 428px; }

.navbar-default .navbar-nav > li > a {
  color: #172934 !important;
  text-transform: capitalize;
  font-size: 18px;
  text-decoration: unset !important;}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
  border-left: 0.5em solid white;
  color: #172934 !important;
  font-weight: 600; }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
  background: none;
  color: #172934 !important; }
  @media (max-width: 991px){
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
  background: none;
  color: #172934 !important; }}
  /* .navbar-default .navbar-nav > .active > a:before, .navbar-default .navbar-nav > .active > a:focus:before, .navbar-default .navbar-nav > .active > a:hover:before {
    border-bottom: 4px solid #30e8d4;
    content: "";
    position: absolute;
    bottom: 0;
    width: 85%;
    margin: auto; } */

.navCloseIcon {
  position: absolute;
  margin-right: 5%;
  right: 0px; }

.upperLinks, .upperLinksCollapsed {
  position: relative;
  z-index: 600;
  margin-top: 25px;
  position: relative; }
  @media (max-width: 61.99em) {
    .upperLinks, .upperLinksCollapsed {
      font-size: 0.75em;
      margin-top: 0px; } }
  .upperLinks a, .upperLinksCollapsed a {
    color: #172934; }
  .upperLinks span, .upperLinksCollapsed span {
    padding: 3px; }

@media (min-width: 62em) {
  .applyLinkCollapsed {
    display: none !important; } }

.applyLinkCollapsed a {
  color: #fff !important;
  border-bottom: solid #26679d;
  border-width: 1.5px; }

.upperLinksCollapsed a {
  color: white !important;
  padding-top: 5px;
  padding-bottom: 5px; }

.primary_navigation_link a {
  margin-right: .5em;
  margin-left: 0;
  text-decoration: unset;
  font-weight: 500; }

@media (max-width: 61.99em) {
  .navbar {
    min-height: 57px; }
  .navLogo {
    z-index: 100; }
  .navbar-collapse {
    position: absolute;
    border-top: none; }
  .upperLinks {
    display: none; }
  .upperLinks-navOnly {
    display: block;
    font-size: 1.0em;
    margin-top: 1.0em; }
  .navCloseIcon {
    display: none; }
  .navPanelButtons {
    display: none; }
  .navPanelButtonsSmall {
    display: block;
    color: #c0a4ce; }
    .navPanelButtonsSmall.collapsed {
      color: #846497; }
  .navbar-toggle {
    display: block;
    float: right;
    margin-right: 15px; }
  .navbar-collapse.collapse {
    display: none !important; }
  .navbar-header {
    float: none; }
  .navbar-left, .navbar-right {
    float: none !important; }
  .navbar-collapse {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px; }
  .navbar-collapse.collapse {
    display: none !important;
    border-top: none; }
  .navbar-nav {
    float: none !important;
    margin-top: 7.5px;
    color: white !important; }
  .navbar-nav > li {
    float: none; }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px; }
  .collapse.in {
    display: table !important;
    border-top: none; }
  .collapsing {
    overflow-x: hidden;
    border-top: none; }
  .nav {
    margin-left: calc(100vw - 20em) !important;
    padding-left: 0% !important;
    width: 20em; }
  .nav-overlay {
    background-color: #172934;
    width: 100%;
    height: 100%;
    opacity: 0.75;
    position: fixed;
    overflow: visible;
    z-index: -1;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden; }
  .nav-darkoverlay {
    margin-left: calc(100vw - 20em) !important;
    background-color: #172934;
    width: 20em;
    height: 100%;
    position: fixed;
    /*z-index: -1;*/
    top: 0;
    left: 0;
    -webkit-box-shadow: 150px 0px 150px 150px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 150px 0px 150px 150px rgba(0, 0, 0, 0.75);
    box-shadow: 150px 0px 150px 150px rgba(0, 0, 0, 0.75);
    -webkit-backface-visibility: hidden; }
  .logoLink img {
    width: 100px; }
  .navDropDown {
    background: #286BA4;
    margin: 0px;
    overflow-y: scroll;
    height: 140vw;
    max-height: 140vw;
    -webkit-overflow-scrolling: touch; }
    .navDropDown .dropdown-toggle {
      color: white !important;
      border-bottom: solid #26679D;
      border-width: 1.5px; }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: white; }
  .dropdown {
    font-size: 0.9em; }
  .navbar-nav .open .dropdown-menu {
    padding-left: 0; } }

@media (min-width: 62em) {
  .navbar {
    min-height: 72px; }
  .navLogo {
    z-index: 1000000; }
  .navbar-collapse {
    position: relative; }
  .upperLinks {
    display: block; }
  .upperLinksCollapsed {
    display: none !important; }
  .upperLinks-navOnly {
    margin-right: calc(5% - 15px); }
  .navPanelButtonsSmall {
    display: none; }
  .navbar-nav > li > .dropdown-menu {
    padding-left: 20%; }
  .navbar-toggle {
    display: none; }
  .nav {
    margin-left: 50% !important;
    padding-left: 0% !important; }
  .nav {
    padding-left: 21vw !important; }
    .nav > li {
      position: static; }
      .nav > li > a {
        padding: 0.8em; }
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    border-left: none; }
    .navbar-default .navbar-nav > .open > a:before, .navbar-default .navbar-nav > .open > a:focus:before, .navbar-default .navbar-nav > .open > a:hover:before {
      /* border-bottom: 2px solid white; */
      content: "";
      position: absolute;
      bottom: 0;
      width: 85%;
      margin: auto; }
  ul.navbar-nav li {
    padding-right: 0.65em; } }

.fa {
  padding: 8px; }

.breadcrumb {
  color: #828282;
  font-size: 1em;
  line-height: 2em;
  background: none; }

  .breadcrumb>.active {
  color: #777;
  font-weight: 600;
}

.breadcrumb > li + li:before {
  content: "";
  padding: 0; }

.breadcrumb a, .breadcrumb a:visited, .breadcrumb a:active, .breadcrumb a:focus {
  color: #828282;
  text-decoration: none;
  font-weight: 400; }
@media (max-width: 991px){
  .breadcrumbTab {
    display: none; }}
@media (min-width: 992px){
.breadcrumbTab {
  position: absolute;
  height: 4em;
  bottom: 0;
  width: 100%;
  left: 0; }}

.breadcrumbTabLeft, .breadcrumbTabRight {
  float: left;
  width: 45%;
  height: 4em;
  background-color: #fafafa; }

.breadcrumbTabRight {
  background-color: #fafafa;}
  /* margin-right: 5%; } */

@media (min-width: 992px) {
  .breadcrumbTabRightSlash {
    position: absolute;
    background: linear-gradient(162deg, transparent 80px, white 0px) bottom left;
    width: 240px;
    right: 0px;
    height: 84px;
    z-index: 1;
    margin-right: 5%; } }

/* .breadcrumbTabLeft {
  margin-left: 5%; } */

.breadcrumbTabBottom {
  height: 4em;
  position: absolute;
  margin-right: 5%;
  margin-left: 4.7em; }

@media (max-width: 991px) {
  .breadcrumbTabBottom {
    display: none; } }

.ui-state-default {
  border: none;
  background: #f2f7fb;
  color: black; }

.ui-accordion-header-active {
  background: #f1f5de;
  color: green; }

.ui-accordion-content, .ui-accordion-header {
  border: none !important;
  outline: none !important; }

.sectionTitle {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  position: relative;
  margin-top: 0.5em; }
  @media (max-width: 29.99em) {
    .sectionTitle {
      text-align: left; } }

.sectionTitle:before {
  content: '\A';
  height: 1px;
  width: 2em;
  position: absolute;
  background: #30e8d4;
  top: 0; }
  @media (max-width: 29.99em) {
    .sectionTitle:before {
      left: 40%; } }

container-fluid {
  padding-right: 0;
  padding-left: 0; }

/* @media (max-width: 89.99em) {
  .homeFooterSpacer {
    margin-top: 15vw; } } */
    @media (max-width: 479px){
    .homeFooterSpacer {
        margin-top: 30vw;
    }}
    @media (min-width: 480px) and (max-width: 991px) {
  .homeFooterSpacer {
    margin-top: 15vw; } }

    @media (min-width: 992px) and (max-width: 1339px) {
  .homeFooterSpacer {
    margin-top: unset !important; } }

/* @media (min-width: ) {
  .homeFooterSpacer {
    margin-top: -216px; } } */

.footer {
  position: relative;
  z-index: 50;
  padding-top: 1%;
  margin-right: 5%;
  margin-left: 5%;
  margin-bottom: 5%; }

.footerContainer {
  margin: 0;
  padding: 0; }

.footerContainer a {
  color: #23354D;
  font-weight: 500;
text-decoration: unset; }

.footerContainer a:hover {
  color: #4A80B2; }

a.footerContainer:link {
  color: #4A80B2; }

@media (min-width: 48em) {
  .footerContainer:nth-child(3n+2) {
    padding-right: 1%;
    padding-left: 1%; } }

.footerInner, .footerBlock {
  padding: 2em;
  background: #fafafa;
  margin-bottom: 1em;
  height: 19em;
  border-radius: 4px; }

.footerBlock {
  height: 100%; }

@media (max-width: 29.99em) {
  .footerInner {
    height: 100%; } }

.footerBack {
  position: absolute;
  width: 100%;
  height: 100%; }

.footerBowTie {
  position: absolute;
  width: 100%; }

/* @media (max-width: 89.99em) {
  .footerframeRight {
    position: absolute;
    bottom: 0px;
    right: 0;
    border-bottom: 30vw solid #296ba5;
    border-left: 60vw solid transparent;
    display: block; }
  .footerframeLeft {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 0;
    height: 0;
    border-bottom: 20vw solid #296ba5;
    border-right: 40vw solid transparent; }
  .footerframeLeftBottom {
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-top: 20vw #296ba5 solid;
    border-right: 40vw transparent solid; }
  .footerframeRightBottom {
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    border-top: 30vw #296ba5 solid;
    border-left: 60vw transparent solid; } }

@media (min-width: 90em) {
  .footerframeRight {
    position: absolute;
    bottom: 0px;
    right: 0;
    border-bottom: 432px solid #296ba5;
    border-left: 864px solid transparent;
    display: block; }
  .footerframeLeft {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 0;
    height: 0;
    border-bottom: 288px solid #296ba5;
    border-right: 576px solid transparent; }
  .footerframeLeftBottom {
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-top: 288px #296ba5 solid;
    border-right: 576px transparent solid;
    z-index: 1; }
  .footerframeRightBottom {
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    border-top: 432px #296ba5 solid;
    border-left: 864px transparent solid; } } */

@media (max-width: 61.99em) {
  img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto; } }

@media (min-width: 62em) {
  .copyrighttext {
    float: right; } }

@media (max-width: 61.99em) {
  .copyrighttext {
    padding: 20px;
    text-align: center; } }

.page-item {
  position: relative;
  width: 100%;
  z-index: 1; }

.page-content {
  margin-top: auto;
  margin-bottom: auto;
  text-align: center;
  min-height: 25vw;
  top: 0;
  bottom: 0;
  /*transform: translateZ(-8px) scale(1);
    -webkit-transform-origin-y: 100% 100% 0px;
    -moz-transform-origin: 100% 100% 0px;
    -ms-transform-origin: 100% 100% 0px;
    transform-origin: 100% 100% 0px;*/ }

.spacerTop {
  padding-top: 28%;
  /* forces 1:1 aspect ratio */ }

.spacer {
  padding-top: 8%;
  /* forces 1:1 aspect ratio */ }

.bowtie-container {
  pointer-events: none;
  position: relative;
  text-align: center;
  /* Align center inline elements */
  font: 0/0 a;
  z-index: -1; }
  @media (max-width: 89.99em) {
    .bowtie-container {
      width: 100vw;
      margin-left: -5vw; } }
  @media (min-width: 90em) {
    .bowtie-container {
      width: 1440px;
      margin-left: -72px; } }

.bowtie-container .bowtie-spacer {
  vertical-align: middle;
  max-width: 100%;
  /* <-- Set maximum width to 100% of its parent */ }

.bowtie-container .bowtie {
  position: absolute;
  vertical-align: middle;
  bottom: -4px;
  left: 0;
  right: 0;
  max-width: 100%;
  /* <-- Set maximum width to 100% of its parent */
  margin-left: auto;
  margin-right: auto;
  min-height: 200%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom; }

.triangle-container {
  position: relative;
  text-align: center;
  /* Align center inline elements */
  font: 0/0 a;
  z-index: -2; }

.triangle-container .centerer {
  display: inline-block;
  height: 100%;
  top: 0%; }

.triangle-container .triangle {
  position: absolute;
  width: 1440px;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 100%;
  /* <-- Set maximum width to 100% of its parent */
  pointer-events: none; }

input {
  height: 50px; }

.application-form input, .application-form select {
  background-color: #F8F8F8;
  padding: 12px 15px;
  color: #000000; }

.application-form input {
  background: white;
  border: 1px solid #a3b1c0;
  box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
  height: 50px;}

.application-form input[type=text], .application-form input[type=tel], .application-form input[type=email], .application-form input[type=password], .application-form input[type=datetime], .application-form input[type=date], .application-form input[type=number] {
  width: 100%; }

.application-form input[type=checkbox] {
  padding: 0px !important;
  cursor: pointer; }

.application-form input:focus, .application-form select:focus {
  box-shadow: none;
  background-color: #FFFFFF; }

.application-form .field-validation-error {
  color: #ee1848;
  display: inline-block;
  padding: 0 0 0 5px;
  font-style: italic; }

.application-form #previousAddress .field-validation-error,
.application-form #currentAddress .field-validation-error {
  width: 100%; }

.application-form .required {
  color: #007DC6; }

.application-form .sectionTitle {
  font-size: 1.375em;
  margin-bottom: 16px; }

.application-form .check input, .application-form .checkGroup input {
  background-color: transparent; }

.application-form .card-item {
  max-width: 220px;
  text-align: center;
  font-size: 0.625em; }
  .application-form .card-item input {
    margin-right: 11px; }
  .application-form .card-item img {
    margin-bottom: 7px;
    padding: 0 4px; }
  .application-form .card-item label {
    padding: 7px; }

.application-form .card-design {
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.3) inset;
  background: #f2f2f2;
  display: block;
  padding: 10px 0; }

.application-form .radio-wrapper {
  padding: 10px 5px 10px 10px;
  overflow: auto;
  margin: 0 auto; }

.application-form .formRow {
  padding-left: 0;
  min-height: 2em;
  margin-top: 1em; }
  .application-form .formRow .label {
    text-align: left;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0px;
    font-size: 1em;
    white-space: normal;
    line-height: 1.5;
    color: #172934; }
  .application-form .formRow .dropDownLabel {
    text-align: center;
    padding-top: 0px;
    padding-bottom: 12px; }
  .application-form .formRow .field {
    padding-bottom: 5px; }
  .application-form .formRow .fieldPaddedTop {
    text-align: center;
    padding-bottom: 5px;
    padding-top: 12px; }
  .application-form .formRow .input-validation-error {
    border: 2px solid #ee1848; }
  .application-form .formRow .input-validation-error:focus {
    outline: none;
    border: 2px solid #78A0DF; }
  .application-form .formRow .tip {
    font-size: 0.8em;
    margin: 0;
    padding-left: 10px;
    width: 300px; }
    .application-form .formRow .tip span {
      font-weight: bold; }
  .application-form .formRow .actions {
    vertical-align: middle;
    display: inline-block; }
  .application-form .formRow .actionsPrevious {
    vertical-align: middle;
    display: inline-block; }
  .application-form .formRow .address-not-listed-button {
    background: 0;
    border: 0;
    color: #004084;
    font-size: 0.8em;
    text-decoration: underline;
    cursor: pointer;
    padding: 0px;
    text-align: center;
    width: 210px;
    box-shadow: 0 0; }
  .application-form .formRow .address-not-listed-button-previous {
    background: 0;
    border: 0;
    color: #004084;
    font-size: 0.8em;
    text-decoration: underline;
    cursor: pointer;
    padding: 0px;
    text-align: center;
    width: 210px;
    box-shadow: 0 0; }
  .application-form .formRow .previousAddress-error {
    color: red;
    display: none; }
  .application-form .formRow .address-error {
    color: red;
    display: none; }
  .application-form .formRow .previousName {
    display: none; }
  .application-form .formRow .invalidDate {
    display: none; }

.application-form .section-divider {
  clear: both; }

.application-form .formSubmit {
  margin: 13px 0;
  text-align: center; }

.application-form .terms {
  padding: 1.875em;
  font-size: 0.825em;
  line-height: 18px;
  height: 20em; }
  .application-form .terms.preContract {
    height: 40em; }

.application-form .preContract terms {
  height: 40em; }

.application-form .preContract li {
  list-style-type: none;
  background: none;
  padding: 0 0 17px 0; }

.application-form .terms {
  height: 20em;
  overflow-y: scroll;
  margin-bottom: 27px;
  border: 1px solid #ccc; }
  .application-form .terms tr {
    vertical-align: top; }
  .application-form .terms td {
    padding: 5px; }

.application-form .accept {
  background-color: #286ba4;
  margin-bottom: 20px;
  padding: 10px;
  color: white; }
  .application-form .accept input {
    width: 50px;
    height: 50px;
    margin: 0; }
  .application-form .accept label {
    vertical-align: top; }

.application-form .accept.checked {
  background-color: #f1f5dd;
  color: #c4db9e; }

.application-form .indent {
  padding-left: 60px; }

.application-form .acceptTerms {
  padding: 0;
  background-color: #fff;
  font-size: 0.875em;
  font-weight: bold;
  overflow: auto;
  margin-bottom: 20px; }

.application-form .addressFinderRow {
  margin-left: 0%; }

.application-form .addressFinder {
  margin-bottom: 20px;
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 20em;
  background-color: white;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.21);
  clear: both; }

.application-form .addressFinderInner {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  position: relative; }

.application-form .additionalAddress {
  display: none; }

.application-form .previousAddress {
  display: none; }

.application-form fieldset {
  float: left;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }
  .application-form fieldset legend {
    padding-bottom: 10px;
    width: 100%; }

.application-form .contactContent {
  margin: 0px;
  padding: 0px; }

.application-form .contactCheckGroup {
  float: left; }
  .application-form .contactCheckGroup label {
    padding: 0 0 0 10px;
    margin-right: 1em; }

.application-form .incomeicon-annual, .application-form .incomeicon-monthly {
  width: 35px;
  height: 35px;
  position: relative;
  bottom: 13px; }

.application-form .household-income input {
  width: 25%;
  min-width: 96px; }

.application-form .household-income.input-validation-warning .field-validation-error {
  display: none; }

.application-form .household-income.input-validation-warning .personalMonthlyAnnualIncome {
  color: #ee1848; }

.application-page p {
  line-height: 1.125; }

.application-page .importantInfo {
  background: none repeat scroll 0 0 padding-box #FFFFFF;
  box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1) inset, 0 3px 8px rgba(0, 0, 0, 0.33);
  padding: 1.1875em; }
  .application-page .importantInfo .header {
    color: #FFFFFF;
    line-height: 1.5;
    padding: 4px 2px 2px;
    text-transform: uppercase; }

/**** DM Access Form*****/
/* .dmaccess, .dmaccess-landing {
  position: absolute;
  z-index: 100;
  color: black !important;
  padding-top: 3em;
  padding-bottom: 4em;
  right: 0;
  margin-top: 210px; } */

.dmaccess input, .dmaccess-landing input {
  display: inline-block;
  width: 7em;
  height: 50px;
  background: white;
  border: 1px solid #a3b1c0;
  box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.15); }

.dmaccess-landing {
  padding-top: 1em;
  padding-bottom: 1em; }
  .dmaccess-landing .codeInputGroup {
    margin: auto;
    width: 300px; }
    .dmaccess-landing .codeInputGroup .inputCode {
      width: 150px;
      float: left; }
      .dmaccess-landing .codeInputGroup .inputCode input {
        width: 100%;
        text-align: center;
        border-radius: 6px 0px 0px 6px; }
    .dmaccess-landing .codeInputGroup .submitCode {
      width: 144px;
      display: inline-block;
      float: left; }
      .dmaccess-landing .codeInputGroup .submitCode .btnGreenCode {
        color: #fff !important;
        background-image: -moz-linear-gradient(90deg, #006edc 0%, #006edc 100%);
        background-image: -webkit-linear-gradient(90deg, #006edc 0%, #006edc 100%);
        box-shadow: 1.5px 2.598px 5px 0 rgba(0, 0, 0, 0.2);
        border: 0;
        background-image: -ms-linear-gradient(90deg, #006edc 0%, #006edc 100%);
        height: 50px;
        position: relative;
        width: 100%;
        font-family: "Lato",serif;
        font-weight: 400;
        text-transform: uppercase;
        border-radius: 0px 6px 6px 0px; }

.input-group .form-control {
  border-radius: 0; }


input#PreviousPostcode {
    border-radius: 6px 0px 0px 6px;
}

/* START Add the pound symbol before the amount */
.application-form .currencySymbol input {
  width: calc(100% - 16px);
  position: relative;
  left: 3px;
  font-weight: normal;
  border-radius: 0px 6px 6px 0px !important; }

.application-form .inlineElem {
  display: inline; }

.application-form .vertical-spacer {
  height: 20px; }

.application-form .currencyContainer {
  display: inline-block;
  max-width: 145px;
  white-space: nowrap; }
  .application-form .currencyContainer div.currencySymbol {
    height: 50px;
    display: inline-block;
    border-radius: 6px 6px 6px 6px;
    background-color: #172934;
    color: white;
    font-weight: bold;
    width: 25%;
    min-width: 115px;
    margin: 0;
    font-size: 0.9em; }
    .application-form .currencyContainer div.currencySymbol .currencyIcon {
      width: 10px;
      padding: 0;
      margin: 0;
      display: inline-block;
      padding-left: 3px; }

.application-form #financialCircumstancesContainer {
  overflow: hidden; }

.application-form .formCheckBox input[type="checkbox"] {
  width: 1px;
  height: 1px; }

#application-form.prepop .formSectionContainer:not(.prepopError):not(.alwaysDisplay):not(.stdDisplay) {
  display: none; }

#application-form.prepop .formSectionContainer.prepopError:not(.circumstancesChange) .formField:not(.prepopError):not(.alwaysDisplay):not(.stdDisplay) {
  display: none; }

span.currencySymbol {
  height: 50px;
  display: inline-block;
  border-radius: 3px 0 0 3px;
  background-color: #000000;
  color: white;
  padding: 0 0 0 6px;
  font-weight: bold;
  width: 25%;
  min-width: 115px;
  margin: 0;
  font-size: 0.9em; }

/* END*/
/* START creating the toggle styling on the radio buttons */
span.btnRadio.btnIncome:first-of-type label {
  margin-right: 0;
  border-radius: 10px 0 0 10px; }

span.btnRadio.btnIncome:nth-of-type(2) label {
  margin-left: -1%;
  border-radius: 0 10px 10px 0; }

input[type="radio"]:not(:checked) ~ label {
  background-color: white; }

/* END creating the toggle styling on the radio buttons */
/* START information block */
.informationBlock,
.warningBlock {
  background-color: #F8F8F8;
  margin: 2em -2em;
  padding: 2.2em 2em 1em 2em;
  position: relative; }

.warningBlock {
  background-color: #172934;
  clear: both;
  color: white;
  padding-top: 1em;
  border-radius: 6px; }

.informationBlock .m-all,
.warningBlock .m-all {
  text-align: center; }

.informationBlock .floatLeft {
  float: left;
  display: inline-block; }

.informationBlock .floatRight {
  float: right;
  display: inline-block; }

.informationBlock .breakdownRow,
.informationBlock .totalRow {
  overflow: hidden;
  padding-bottom: 1em; }

.informationBlock .totalRow {
  font-weight: bold;
  border-top: 0.15em dashed #004183;
  padding-top: 1em;
  padding-bottom: 0; }

.iconContainer {
  background: white;
  border: 0.15em solid #F8F8F8;
  margin: auto;
  width: 2.25em;
  height: 2.25em;
  border-radius: 1.15em;
  position: absolute;
  top: -1.15em;
  left: calc(50% - 1.15em); }

.warningBlock .iconContainer {
  border: 0.15em solid #172934; }

.iconContainer .fa {
  color: #172934;
  font-size: 1.8em;
  padding: 0.06em 0 0 0.1em; }

.warningBlock .iconContainer .fa {
  font-size: 1.4em;
  padding: 0.15em 0 0 0.2em; }

/* END information block */
/* START Contact details block */
#formSection-contact .orDivider {
  text-decoration: underline;
  text-align: center; }

#formSection-contact .dividerWorkPhoneNumber {
  border-top: 1px solid #a3b1c0;
  min-height: 0; }

#formSection-contact .personalTel {
  overflow: hidden; }

/* END Contact details block */
.dmaccess .input-group, .dmaccess-landing .input-group {
  display: table; }
  @media (min-width: 62em) {
    .dmaccess .input-group, .dmaccess-landing .input-group {
      float: right; } }
  @media (max-width: 61.99em) {
    .dmaccess .input-group, .dmaccess-landing .input-group {
      display: inline-block; } }

@media (min-width: 62em) {
  .dmaccess .bar, .dmaccess-landing .bar {
    height: 3px;
    /* width: 2em; */
    /* position: absolute; */
    background: #12e8d4;
    top: 1.75em;
    width: 8em;
    left: -1.25em;
    position: relative;
    top: -1.76em;
    display: inline-block; } }

    @media (max-width: 500px) {
      .dmaccess .bar, .dmaccess-landing .bar {
        height: 3px;
        /* width: 2em; */
        /* position: absolute; */
        background: #12e8d4;
        width: 11em;
        left: 5.75em;
        position: relative;
        top: -0.76em;
        display: inline-block; } }

.dmform-title {
  /*font-size: 1.5em;*/
  text-align: right;
  font-size: 1.6em; }

.dmform-error {
  font-size: 1em !important;
  color: #ffffff; }
  @media (min-width: 62em) {
    .dmform-error {
      text-align: center; } }

@media (max-width: 61.99em) {
  /* .dmaccess, .dmaccess-landing {
    text-align: center; } */
    .dmaccess input, .dmaccess-landing input {
      width: 100%; }
  .dmform-title {
    text-align: center; } }

.dmaccess input[type=submit], .dmaccess-landing input[type=submit] {
  padding: 0px; }

/**** Progress Form Bar  ****/
#stepTracker {
  text-align: center; }

.formContainer {
  position: relative;
  padding-left: 5vw;
  padding-right: 5vw;
  background: white;
  z-index: 100;
  margin: 0; }
  @media (max-width: 61.99em) {
    .formContainer {
      padding-left: 0;
      padding-right: 0; } }

.formSection {
  border: 1px solid #a3b1c0;
  padding: 2em 3.5em;
  margin-bottom: 0;
  overflow: hidden;
  clear: both;
  color: #172934;
  border-radius: 4px; }
  @media (max-width: 61.99em) {
    .formSection {
      padding: 2em 1em;
      border-width: 1px 0 0 0; } }


  /* don't change color to white - see > enquiry/in-principle  */
.formSection p {
  margin-bottom: 1em;
  margin-top: 1em;
  color: #172934 !important; }

.formSection .password-text {
  display: block;
  margin-bottom: 1em; }

.formSection li p {
  margin: 0; }

.formWrapper {
  clear: both;
  background: white; }

.mandatoryLabel {
  float: right;
  color: #8c8c8c; }

.exclamation-circle {
  background: url("/images/icon_important.png");
  height: 50px;
  width: 50px;
  background-repeat: no-repeat; }

.checked i.exclamation-circle {
  background: url("/images/icon_important_green.png"); }

.addressConfirmationWrapper {
  clear: both; }

.additionalSection p {
  margin-bottom: 1em;
  margin-top: .5em; }

.noBorderAndPaddingTopAndBottom {
  padding-bottom: 0em;
  padding-top: .5em;
  padding-left: 15px; }

#breakdownMonthlyExpenses label {
  margin-bottom: 0;
  padding-bottom: 0;
  margin-top: 0.8em; }

#breakdownMonthlyExpenses p {
  padding-top: 0;
  margin-top: 0;
  padding-bottom: 0;
  margin-bottom: 0; }

.horizontalBannerContainer {
  background-color: white; }

.banner-vertical, .banner-horizontal {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #fafafa;
  margin-right: 10%;
  margin-left: 10%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 2em;
  padding-left: 10%;
  padding-right: 10%;
  color: #000000; }
  .banner-vertical h3, .banner-horizontal h3 {
    font-size: 1.625em;
    margin-top: 0;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px; }
  .banner-vertical .pull-text, .banner-horizontal .pull-text {
    padding-bottom: 10px;
    padding-left: 10px; }
  .banner-vertical .pull-small, .banner-horizontal .pull-small {
    font-size: 1.125em; }
  .banner-vertical .pull-big, .banner-horizontal .pull-big {
    font-size: 2em; }
  .banner-vertical .feature-list, .banner-horizontal .feature-list {
    text-align: left;
    padding-right: 10px;
    padding-left: 10px; }
    .banner-vertical .feature-list ul, .banner-horizontal .feature-list ul {
      padding: 0; }
      .banner-vertical .feature-list ul li, .banner-horizontal .feature-list ul li {
        background: url(/content/neo/Images/tick.png) no-repeat left 7px;
        list-style: none;
        padding: 0 0 10px 23px;
        line-height: 18px; }

.banner-vertical {
  background: none; }
  .banner-vertical .banner-background {
    margin-bottom: 5px; }
  .banner-vertical img {
    padding: 5px;
    margin: 35px 0 10px; }

.banner-horizontal {
  clear: both;
  overflow: auto;
  margin: 30px 0;
  margin-bottom: 20px;
  margin-left: 5%;
  margin-right: 5%;
  position: relative;
  z-index: 3; }
  .banner-horizontal .pull-text {
    text-align: center;
    width: 100%;
    float: left;
    padding-bottom: 30px; }
  .banner-horizontal .feature-list {
    max-width: 100%;
    float: left;
    padding-left: 20px; }
  .banner-horizontal .banner-background {
    text-align: right; }
  .banner-horizontal .banner-apply {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    max-width: 100%; }
  .banner-horizontal img {
    margin: 0 0 10px 10px; }
  .banner-horizontal .banner-image-m {
    padding-right: 10px; }
    .banner-horizontal .banner-image-m img {
      max-width: 300px;
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin: 0 auto; }
  .banner-horizontal .banner-image-d {
    display: none; }

button.accordion {
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  background: url(/images/show.png) right 0 no-repeat; }

button.accordion.active {
  background: url(/images/hide.png) right 0 no-repeat; }

button.accordion:after {
  background: url(/images/hide.png) right 0 no-repeat;
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px; }

button.accordion.active:after {
  background: url(/images/hide.png) right 0 no-repeat; }

div.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out; }

.accordion-pullup {
  position: relative;
  bottom: 40px; }

/***Accordian Vanquis*/
button.accordion-vanquis {
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  background: url(/images/show_arrow.png) 250px no-repeat; }

button.accordion-vanquis.active {
  background: url(/images/hide_arrow.png) 250px no-repeat; }

button.accordion-vanquis:after {
  background: url(/images/hide_arrow.png) 250px no-repeat;
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px; }

button.accordion-vanquis.active:after {
  background: url(/images/hide_arrow.png) 250px no-repeat; }

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, 1em);
    transform: translate(0, 1em); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes bounce {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, 1em);
    transform: translate(0, 1em); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

.bounce {
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite; }

@media print {
  /******************************************************************
Stylesheet: Print Stylesheet
******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2, h3 {
    page-break-after: avoid; } }





 /* 2020 REBRAND */

 /* HERO */
/* moves hero txt and buttons up on smaller screens */
 @media (max-width: 992px) {
  .slideContent {
    bottom: 40%;
    width: 100%;
     } }

 

 /* lefts aligns APR message on smaller screens & therefore overrides inline umbraco style p tags */
  @media (max-width: 61.99em) {
    .slideBreakout p[style] {
    text-align: left !important;
    }}


  @media (min-width: 992px) {
  .frameUpRight {
    position: absolute;
    left: 0;
    right: 0vw;
    bottom: 0vw;
    height: 0;
    border-style: solid;
    border-width: 487px 965px 0vw 392px;
    border-color: transparent rgba(255, 255, 255, 0.75) transparent transparent;
   } }

    
    .logoLink {
      position: absolute;
      pointer-events: all;
      width: 110px;
      height: 57px;
      top: 0;
      left: 0; }
      @media (max-width: 305px) {
        .logoLink {
          width: 50px;
          height: 57px;
          margin-left: 5px; } }
      @media (min-width: 306px) and (max-width: 29em) {
        .logoLink {
          width: 130px;
          height: 57px;
          margin-left: 5px; } }
      @media (min-width: 30em) and (max-width: 61.99em) {
        .logoLink {
          width: 180px;
          height: 57px;
          margin-left: 15px; } }
      @media (min-width: 62em) {
        .logoLink {
          width: 270px;
          height: 60px;
          left: 40px; } }


    /* Breadcrumb */
    @media(max-width: 992px){
    .breadcrumb{
        display: none !important;
      }}
    @media (max-width: 992px){
    .breadcrumbTabLeft, .breadcrumbTabRight{
        display: none !important;
      }}
    .breadcrumbTabLeft {
        float: left;
        width: 100%;
        height: 4em;
        background-color: #fafafa; }
    .breadcrumbTabRight {
        display:none !important; }
    .breadcrumbTabRightSlash {
       display:none !important;
        }


    /* Disclaimer hidden large screen*/
    @media (min-width: 992px){
    .slideBreakout {
      display: none !important;
    }}

    /* Disclaimer hidden */
    @media (min-width: 992px){
    .frameUpRight {
      display: none !important;
    }}

    /* Disclaimer hidden small screen*/
    /* @media (max-width: 992px){
      .disclaimer {
        display: none !important;
      }} */

      /* DMcode on smaller device */
      @media (min-width: 435px) and (max-width: 478px){
      .dmaccess, .dmaccess-landing {
        /* position: absolute; */
        z-index: 100;
        color: black !important;
        /* padding-top: 1em;
        padding-bottom: 4em; */
        right: 18px;
        /* margin-top: 142px;  */
        float: left;
        margin-left: 3.5em;
      }}

        /* DMcode on xsmaller device */
      @media (min-width: 0px) and (max-width: 434px){
        .dmaccess, .dmaccess-landing {
          /* position: absolute; */
          z-index: 100;
          color: black !important;
          /* padding-top: 1em;
          padding-bottom: 4em; */
          /* right: 18px; */
          /* margin-top: 70px;  */
          /* float: left;
          margin-left: 2em; */
        }}

      /* DMcode on tablet */
      @media (min-width: 479px) and (max-width: 992px) {
      .dmaccess, .dmaccess-landing {
        /* position: absolute; */
        z-index: 100;
        color: black !important;
        /* padding-top: 3em;
        padding-bottom: 4em; */
        right: 0;
        /* margin-top: 210px; */
        text-align: center; 
        float: left;
        margin-left: 3.5em;
      }}

      /* DMcode on smaller device */
      @media (min-width: 993px){
      .dmaccess, .dmaccess-landing {
        /* position: absolute; */
        z-index: 100;
        color: black !important;
        /* padding-top: 3em;
        padding-bottom: 4em; */
        right: 0;
        /* margin-top: 210px;  */
        float: left;
        margin-left: 5em;
      }}


    .dmform-title{
      font-size: 1.2em;
    }

    @media (max-width: 768px){
    .landing_herotext_mobile{
       width: 60%;
    }}
  
    @media (min-width: 1000px){
      .slideContent{
        top: 50px;
    }}


    /* Buttons */
    .btnPrimary{
      border-radius: 25px;
      color: white;
      background-color: #006edc;
      box-shadow: unset !important;
      font-weight: 500;
      text-decoration: unset;
    }
    .btnPrimary:hover{
      border-radius: 25px;
      color: white;
      background-color: #172934;
      box-shadow: unset !important;
      font-weight: 500;
      text-decoration: none !important;
    }
    /* Primary for globals as we cannot change HTML*/
    .btnGreen {
      border-radius: 25px;
      color: white;
      background-color: #006edc;
      box-shadow: unset !important;
      font-weight: 500;
     }
     /* Primary for globals as we cannot change HTML*/
     .btnGreen:hover {
      border-radius: 25px;
      color: white;
      background-color: #172934;
      box-shadow: unset !important;
      font-weight: 500;
      text-decoration: none !important;
      opacity: 1 !important;
     }
     /* Primary for globals as we cannot change HTML*/
    .btnPurple {
      border-radius: 25px;
      color: white;
      background-color: #006edc;
      box-shadow: unset !important;
      font-weight: 500;
     }
     /* Primary for globals as we cannot change HTML*/
     .btnPurple:hover {
      border-radius: 25px;
      color: white;
      background-color: #172934;
      box-shadow: unset !important;
      font-weight: 500;
      text-decoration: none !important;
      opacity: 1 !important;
     }
      /* Primary for globals as we cannot change HTML*/
     a.btnPurple {
      border-radius: 25px;
      color: white;
      background-color: #006edc;
      box-shadow: unset !important;
      font-weight: 500;
     }
     /* Primary for globals as we cannot change HTML*/
      a.btnPurple:hover {
      border-radius: 25px;
      color: white;
      background-color: #172934;
      box-shadow: unset !important;
      font-weight: 500;
      text-decoration: none !important;
      opacity: 1 !important;
     }
    .btnSecondary{
      border: solid 1px;
      border-radius: 25px;
      color: #006edc;
      box-shadow: unset !important;
      font-weight: 500;
      text-decoration: unset;
    }
    @media (min-width: 320px) and (max-width: 380px){
      .btnSecondary{
      padding: 12px 10px;
      font-size: 1.2em;
      line-height: unset !important;
      min-height: 50px;
      /* max-width: 50px; */
      max-height: 18px;
      }}
    
    .btnSecondary:hover{
      border-radius: 25px;
      color: white;
      background-color: #006edc;
      box-shadow: unset !important;
      font-weight: 500;
      text-decoration: none !important;
      opacity: 1 !important;
    }
    .btnSecondary_long{
      border: solid 1px;
      border-radius: 25px;
      color: #006edc;
      box-shadow: unset !important;
      padding: 10px 19px;
      font-weight: 500;
      text-decoration: unset;
    }
    .btnSecondary_long:hover{
      border-radius: 25px;
      color: white;
      background-color: #006edc;
      box-shadow: unset !important;
      font-weight: 500;
      text-decoration: none !important;
      opacity: 1 !important;
    }
    /* Secondary for globals as we cannot change HTML*/
    .btnWhite{
      border: solid 1px;
      border-radius: 25px;
      color: #006edc;
      box-shadow: unset !important;
      font-weight: 500;
    }
    /* Secondary for globals as we cannot change HTML*/
    .btnWhite:hover{
      border-radius: 25px;
      color: white;
      background-color: #006edc;
      box-shadow: unset !important;
      font-weight: 500;
      text-decoration: none !important;
      opacity: 1 !important;
    }
    .btnHero2020 {
      color: #172934 !important;
      background-color: white;
      border-radius: 25px;
      font-weight: 500;
      padding: 10px 20px;
      text-decoration: unset;
    }
    .btnHero2020:hover {
      color: white !important;
      background-color: #006edc;
      border-radius: 25px;
      font-weight: 500;
      padding: 10px 20px;
      text-decoration: unset;
      opacity: 1 !important;
    }
    @media (max-width: 799px){
      .btnHelp_homepage {
        position: relative;
        top: 55px !important;
      }}
    @media (min-width: 800px) and (max-width: 991px){
      .btnHelp_homepage {
        position: relative;
        top: 35px !important;
      }}
    @media (min-width: 992px){
    .btnHelp_homepage {
      position: relative;
      top: -55px !important;
    }}
    /* unsets the button border radius for CC FAQ search bar */
    button.btnSearch.btnGreen.search-btn-inline {
      position: relative;
      display: inline-block;
      min-height: 50px;
      min-width: 150px;
      padding: unset !important;
      color: white;
      text-transform: unset;
      text-align: center;
      box-shadow: 1.5px 2.598px 5px 0px rgba(0, 0, 0, 0.2);
      border: 0px;
      margin: 0.5em 0.5em 0.5em 0em;
      line-height: 1.5em;
      line-height: calc(50px - 1.5em);
      white-space: nowrap;
      border-radius: unset !important;}
    /* unsets the button border radius for 'address field' in CC application form */
    button#btnFindAddress {
     border-radius: 0px 6px 6px 0px;}



    /* Cards */
    @media (min-width: 992px){
    .card_2020_hidedesktop{
      display: none !important;
    }}
    @media (max-width: 991px){
    .card_2020_hidemobile{
      display: none !important;
    }}
    /* @media (min-width: 900px) and (max-width: 1200px){
    .card_time{
     font-size: 10px !important;
    }} */

   /* removes top margin and padding on heading of ways to pay cards */
    div.card_2020_payments > h2.sectionTitle {
      margin-top: unset;
      padding-top: unset;
    }




    @media (max-width: 767px){
      .card_2020 {
        margin-top: 30px;
        padding: 25px;
        box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
        border-radius: 4px;
        min-height: 300px;
        max-height: 300px;
        background-color: white;
      }}
      @media (min-width: 768px) and (max-width: 991px){
        .card_2020 {
        margin-top: 30px;
        padding: 25px;
        box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
        border-radius: 4px;
        min-height: 400px;
        max-height: 400px;
        background-color: white;
        }}
      @media (min-width: 992px){
      .card_2020 {
        margin-top: 30px;
        padding: 25px;
        box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
        border-radius: 4px;
        min-height: 300px;
        max-height: 300px;
        background-color: white;
      }}










      .app_badge_banner_payments {
        position: relative;
        max-height: 82px;
        min-height: 40px;
        width: 100%;
        /* max-width: 223px; */
      }
      @media (min-width: 769px) and (max-width: 991px){
      .app_badge_banner_payments{
        position: relative;
        max-height: 82px;
        min-height: 40px;
        width: 100%;
      }}
      @media (max-width: 320px){
        .card_2020_payments {
          margin-top: 30px;
          padding: 25px;
          box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
          border-radius: 4px;
          min-height: 500px;
          max-height: 500px;
          background-color: white;
        }}
        @media (min-width: 321px) and (max-width: 460px){
          .card_2020_payments {
            margin-top: 30px;
            padding: 25px;
            box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
            border-radius: 4px;
            min-height: 512px;
            max-height: 512px;
            background-color: white;
          }}
      @media (min-width: 461px) and (max-width: 768px){
        .card_2020_payments {
          margin-top: 30px;
          padding: 25px;
          box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
          border-radius: 4px;
          min-height: 555px;
          max-height: 555px;
          background-color: white;
        }}
      @media (min-width: 769px) and (max-width: 991px){
        .card_2020_payments {
          margin-top: 30px;
          padding: 25px;
          box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
          border-radius: 4px;
          min-height: 560px;
          max-height: 560px;
          background-color: white;
        }}
        @media (min-width: 992px){
          .card_2020_payments {
            margin-top: 30px;
            padding: 25px;
            box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
            border-radius: 4px;
            min-height: 538px;
            max-height: 538px;
            background-color: white;
          }}




      /* Cards */
      @media (max-width: 319px){
        .card_2020_contact {
          margin-top: 30px;
          padding: 25px;
          box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
          border-radius: 4px;
          min-height: 370px;
          max-height: 370px;
          background-color: white;
        }
        .card_2020_contact p{
          font-size: 12px;
        }}
      
        @media (min-width: 320px) and (max-width: 767px){
          .card_2020_contact {
            margin-top: 30px;
            padding: 25px;
            box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
            border-radius: 4px;
            min-height: 360px;
            max-height: 360px;
            background-color: white;
          }}
      /* @media (min-width: 500px) and (max-width: 767px){
        .card_2020_contact {
          margin-top: 30px;
          padding: 25px;
          box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
          border-radius: 4px;
          min-height: 358px;
          max-height: 358px;
          background-color: white;
        }} */
        @media (min-width: 768px) and (max-width: 991px){
          .card_2020_contact {
          margin-top: 30px;
          padding: 25px;
          box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
          border-radius: 4px;
          min-height: 400px;
          max-height: 400px;
          background-color: white;
          }}
      @media (min-width: 992px){
        .card_2020_contact {
          margin-top: 30px;
          padding: 25px;
          box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
          border-radius: 4px;
          min-height: 400px;
          max-height: 400px;
          background-color: white;
        }}


        /* Cards */
      @media (max-width: 320px){
        .card_2020_rating {
          margin-top: 30px;
          padding: 25px;
          box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
          border-radius: 4px;
          min-height: 200px;
          max-height: 200px;
          background-color: white;
        }
        .card_2020_rating p{
          font-size: 12px;
        }}
      
      @media (min-width: 321px) and (max-width: 767px){
        .card_2020_rating {
          margin-top: 30px;
          padding: 25px;
          box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
          border-radius: 4px;
          min-height: 200px;
          max-height: 200px;
          background-color: white;
        }}
        @media (min-width: 768px) and (max-width: 991px){
          .card_2020_rating {
          margin-top: 30px;
          padding: 25px;
          box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
          border-radius: 4px;
          min-height: 200px;
          max-height: 270px;
          background-color: white;
          }}
      @media (min-width: 992px){
        .card_2020_rating {
          margin-top: 30px;
          padding: 25px;
          box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
          border-radius: 4px;
          min-height: 200px;
          max-height: 240px;
          background-color: white;
        }}
    
        .card_2020_heading {
          font-size: 24px !important;
          color: #172934 !important;
          font-weight: 600 !important;
        }
        @media (min-width: 768px) and (max-width: 1100px){
        .card_2020_heading {
          line-height: 1.3;
          font-size: 1.3em !important;
        }}

        @media (max-width: 500px){
          .card_2020_heading{
            font-size: 1.5em !important; 
        }}
        .card_2020_heading_rating {
          font-size: 50px !important;
          font-weight: 900 !important;
        }
        @media (max-width: 500px){
          .card_2020_heading_rating{
            font-size: 1.5em !important; 
        }}
        .card_link_arrow {
          background-image: url(https://cdn-p.vanquis.co.uk/media/2104456/sullyarrow.png);
          display: inline-block;
          background-size: 13px 16px;
          width: 13px;
          /* height: 14px; */
          content: "";
          background-repeat: no-repeat;
          background-position: right;
          margin-left: 11px;
        }
        .card-arrow {
          font-size: 16px !important;
          position: absolute;
          color: #006edc !important;
          font-weight: 500 !important;
          bottom: 20px;
          right: 20px;
          display: inline-flex;
        }


        .card_2020_link a:hover{
          font-weight: 600;
        }
        .col-lg-6 .card_2020_sub_heading {
          padding: 0px !important;
        }
        .card_2020_sub_heading {
          font-weight: 400;
          font-size: 16px;
          margin-top: 18px;
        }
        /* removes global sully line from cards */
        .panel-inset-light h2:before, .panel-inset h2:before{
          display: none !important;
        }
        .panel-inset a {
          bottom: 20px !important;
        }
        /* @media (min-width: 768px) and (max-width: 991px){
        .panel-inset a {
          font-size: 14px !important;
        }} */
        @media (min-width: 1000px) {
        p .homepage_hero_sub{
          font-size: 26px !important;
        }}


        /* Disclaimer */
        .disclaimer_apr {
          color: #172934; }
          @media (max-width: 478px) {
            .disclaimer_apr {
              margin-bottom: 2em;
              margin-top: 2em;
              font-size: 0.8em;
            } }
        @media (min-width: 479px) and (max-width: 767px) {
          .disclaimer_apr {
            margin-bottom: 2em;
            margin-top: 2em;
            font-size: 1em;
          } }
        @media (min-width: 768px) and (max-width: 991px) {
          .disclaimer_apr {
            font-size: 1em;
            margin-top: 2em;
          } }
        @media (min-width: 992px) and (max-width: 1430px){
          .disclaimer_apr {
            font-size: 1em;
            margin-top: 3em;
          } }
        @media (min-width: 1431px) {
          .disclaimer_apr {
            font-size: 18px;
            margin-top: 3em;
          } }



    /* .grey_row{
      background-image: url(https://cdn-p.vanquis.co.uk/media/2104374/greyblock.png);
    }

    .page .grey_row{
      width: 100% !important;
    } */



    /* Hide content on devices */
    @media (min-width: 1000px){
      .hidedesktop{
        display: none;
      }}

    @media (min-width: 768px){
      .hidetablet{
        display: none;
      }}

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

    /* Hide hero content on devices */
    @media (max-width: 767px){
      .hide-hero-mobile{
        display: none !important;
      }}
    @media (min-width: 768px){
      .hide-hero-desktop{
        display: none !important;
      }}


      .hero-2020 img{
        width: 100%;
        height: auto; 
      }




      .hero-small{
        width: 100%;
      }
      @media (min-width: 768px) and (max-width: 991px){
        .hero-small{
          width: 100%;
          height: 17em;
      }}



      .hero-credit-cards{
        width: 100%;
      }

      @media (min-width: 768px) and (max-width: 991px){
        img.hero-credit-cards{
          width: auto;
          height: 26em;
          object-fit: none;
          object-fit: fill;
          object-position: -5em -1em;
      }}
      @media (min-width: 992px) and (max-width: 1430px){
        img.hero-credit-cards{
          width: auto;
          height: 34em;
          object-fit: fill;
      }}
      @media (min-width: 1431px){
        img.hero-credit-cards{
          width: auto;
          height: 34em;
          object-fit: fill;
      }}




      .hero_two_btn{
        display: block;
      }
      .hero_two_btn a#buttonEligibity2{
        float: left;
      }
      @media (max-width: 438px){
        a#buttonEligibity2.m_left{
          margin-left: unset;
          margin-top: 12px;
        }}
      @media (min-width: 439px){
      a#buttonEligibity2.m_left{
        margin-left: 16px;
      }}
      @media (min-width: 366px) and (max-width: 438px){
        a#buttonEligibity2.m_left{
          margin-top: unset !important;
        }}



    /* Make image responsive */
    .imgresponsive{
      max-width: 100%;
      height: auto;
    }




    /* text */
    p.h2_home_content{
      font-weight: 600 !important;
    }
    .h2_home_content.clrWhite{
      color: #172934 !important;
    }
    .h2_home_content.clrWhite{
      color: white !important;
    }
    p {
      color: #172934;
    }
    .footerContainer a{
      color: #172934 !important;
    }
    .dropdown-toggle a{
      color: #172934 !important;
    }



    .remove-new{
      display: none !important;
    }


    /* Reduces large margins between components when > 2000px wide */
    .page-content{
      margin-top: auto;
      margin-bottom: auto;
      text-align: center;
      min-height: 8vw;
      top: 0;
      bottom: 0;
    }



    /* Removes the 'paymycard' CTA from the topnav */
    .btnPayCard{
      display: none !important;
    }



    /* These 2 code classes allows you to rename the Login button on desktop only*/
    /* @media (min-width: 992px){ */
    .btnLogin{
      visibility: hidden !important;
      text-decoration: unset;
    }
    /* .btnLogin .fa-lock{
      visibility: hidden !important;
      margin-top: 10px;
    } */
    /* @media (min-width: 992px){ */
    .btnLogin::after{
      content:'Log in to Online Banking' !important;
      visibility: visible !important;
      background-color: #172934 !important;
      padding: 9px 17px 11px 17px;
      border-radius: 6px;
      font-weight: 500;}
    @media (max-width: 991px){
    .btnLogin::after{
      content:'Log In' !important;
      font-size: 12px;
      margin-top: 9px;
      right: 75px;
      /* position: fixed; */
      display: inline-table;
      padding: 5px 27px !important;
    }}

  /* removes padding on fresh start hero */
    .hero-full-width .col-sm-12.column {
      padding: unset !important;
  }

  /* freh start hero */
  @media (max-width: 478px){
    .hero-centred-text-image{
    width: 100%;
    height: 14em;
  }}
  @media (min-width: 479px) and (max-width: 767px){
    .hero-centred-text-image{
    width: 100%;
    height: 17em;
  }}
  @media (min-width: 768px) and (max-width: 991px){
    .hero-centred-text-image{
    width: 100%;
    height: 18em;
  }}
  @media (min-width: 992px) and (max-width: 1430px){
    .hero-centred-text-image{
    width: 100%;
    height: 26em;
  }}
  @media (min-width: 1431px){
    .hero-centred-text-image{
      width: 100%;
      height: 27em;
  }}




  @media (max-width: 478px){
  .fresh-start-cta{
    margin-top: 8px;
    font-size: 1.8em;
  }}
  @media (min-width: 479px) and (max-width: 767px){
    .fresh-start-cta{
      
      font-size: 1.1em;
  }}
  @media (min-width: 768px) and (max-width: 991px){
    .fresh-start-cta{
      
      font-size: 1.3em;
  }}
  @media (min-width: 992px) and (max-width: 1430px){
    .fresh-start-cta{
      
      font-size: 1.3em;
  }}
  @media (min-width: 1431px){
    .fresh-start-cta{
      
      font-size: 1.3em;
  }}



    
    
    /* hero other pages - removes left and right padding on desktop */
    .hero-full-width.hide-hero-mobile .col-sm-12.column {
      padding-left: unset !important;
      padding-right: unset !important;
    }
    .hero-full-width.hide-hero-desktop .col-sm-12.column {
      padding-left: unset !important;
      padding-right: unset !important;
    }



    /* Hero small */
    @media (max-width: 478px){
      .hero-text-small{
        margin-top: -11em;
        font-size: 3vw;
        padding-left: 5vw;
        width: 70vw;
    }}
    @media (min-width: 479px) and (max-width: 767px){
      .hero-text-small{
        width: 64vw;
        margin-top: -12em;
        font-size: 2.5vw;
        margin-left: 40px;
    }}
    @media (min-width: 768px) and (max-width: 991px){
      .hero-text-small{
        width: 58vw;
        margin-top: -17em;
        padding-left: 5vw;
        font-size: 1.6vw;
    }}
    @media (min-width: 992px) and (max-width: 1430px){
      .hero-text-small{
        width: 39em;
        padding-left: 5vw;
        font-size: 1.3vw;
        margin-top: -18em;
    }}
    @media (min-width: 1431px){
      .hero-text-small{
        max-width: 42em;
        margin-left: 60px;
        font-size: 18px;
        margin-top: -19em;
        max-height: 19em;
    }}


    @media (max-width: 478px){
    .heromobile-image-small{
      height: 12em;
      width: 100%;
      object-fit: cover;
    }}
    @media (min-width: 479px) and (max-width: 767px){
    .heromobile-image-small{
      height: 15em;
      width: 100%;
      object-fit: cover;
    }}
    @media (min-width: 768px){
    .heromobile-image-small{
      height: 17em;
      width: 100%;
      object-fit: cover;
    }}





    @media (min-width: 768px) and (max-width: 991px){
      img.hero-nopadding-small{
      height: 17em;
      width: 100% !important;
      object-fit: cover;
    }}
    @media (min-width: 991px) and (max-width: 1400px){
      img.hero-nopadding-small{
      height: 22em;
      width: 100% !important;
      object-fit: cover;
    }}
    @media (min-width: 1400px){
      img.hero-nopadding-small{
      height: 22em;
      width: 100% !important;
      object-fit: cover;
    }}

    


    /* Hero text */
      @media (max-width: 478px){
        .hero-text{
          margin-top: -15em;
          font-size: 3vw;
          padding-left: 5vw;
          width: 70vw;
      }}
      @media (min-width: 479px) and (max-width: 767px){
        .hero-text{
          width: 64vw;
          margin-top: -14em;
          font-size: 2.5vw;
          margin-left: 40px;
      }}
      @media (min-width: 768px) and (max-width: 991px){
        .hero-text{
          width: 58vw;
          margin-top: -15em;
          padding-left: 5vw;
          font-size: 1.6vw;
      }}
      @media (min-width: 992px) and (max-width: 1430px){
        .hero-text{
          width: 39em;
          padding-left: 5vw;
          font-size: 1.3vw;
          margin-top: -20em;
      }}
      @media (min-width: 1431px){
        .hero-text{
          max-width: 42em;
          margin-left: 60px;
          font-size: 18px;
          margin-top: -21em;
          max-height: 19em;
      }}




      /* Hero text */
      @media (max-width: 479px){
        .hero-text-medium{
          margin-top: -18em;
          font-size: 0.8em;
          padding-left: 5vw;
          width: 66vw;
      }}
      @media (min-width: 478px) and (max-width: 767px){
        .hero-text-medium{
          width: 58vw;
          margin-top: -17em;
          font-size: 2.4vw;
          padding-left: 5vw;
      }}
      @media (min-width: 768px) and (max-width: 925px){
        .hero-text-medium{
          width: 52vw;
          margin-top: -29vw;
          padding-left: 3vw;
          font-size: 1.6vw;
      }}
      @media (min-width: 926px) and (max-width: 1430px){
        .hero-text-medium{
          width: 50vw;
          padding-left: 5vw;
          font-size: 1.3vw;
          margin-top: -22em;
      }}
      @media (min-width: 1431px){
        .hero-text-medium{
          width: 42vw;
          padding-left: 4vw;
          font-size: 18px;
          margin-top: -24em;
      }}






    /* Hero text with CTA */
    @media (max-width: 478px){
      .hero-text-cta{
        margin-top: -17em;
        font-size: 3vw;
        padding-left: 5vw;
        width: 74vw;
    }}
    @media (min-width: 479px) and (max-width: 767px){
      .hero-text-cta{
        width: 64vw;
        margin-top: -17em;
        font-size: 2.5vw;
        margin-left: 40px;
    }}
    @media (min-width: 768px) and (max-width: 991px){
      .hero-text-cta{
        width: 58vw;
        margin-top: -21em;
        padding-left: 5vw;
        font-size: 1.6vw;
    }}
    @media (min-width: 992px) and (max-width: 1430px){
      .hero-text-cta{
        width: 39em;
        padding-left: 5vw;
        font-size: 1.3vw;
        margin-top: -26em;
    }}
    @media (min-width: 1431px){
      .hero-text-cta{
        margin-top: -27em;
        max-width: 42em;
        margin-left: 60px;
        font-size: 18px;
        max-height: 19em;
    }}



/* Hero text centre aligned with CTA - fresh start page as an example*/
@media (max-width: 478px){
  .hero-middle-cta{
    margin-top: -24em;
    font-size: 2vw;
}}
@media (min-width: 479px) and (max-width: 767px){
  .hero-middle-cta{
    margin-top: -17em;
    font-size: 2.4vw;
   
}}
@media (min-width: 768px) and (max-width: 991px){
  .hero-middle-cta{
    margin-top: -20em;
    font-size: 1.6vw;
}}
@media (min-width: 992px) and (max-width: 1430px){
  .hero-middle-cta{
    font-size: 1.3vw;
    margin-top: -24em;
}}
@media (min-width: 1431px){
  .hero-middle-cta{
    margin-top: -26em;
    font-size: 18px;
    max-height: 19em;
}}


/* Hero text with CTA */
@media (max-width: 478px){
  .hero-banner-medium{
    font-size: 1em;
    padding-left: 5vw;
    width: 74vw;
    margin: 30px 0px;
}}
@media (min-width: 479px) and (max-width: 767px){
  .hero-banner-medium{
    width: 64vw;
    /* margin-top: -17em; */
    font-size: 1.2em;
    margin: 40px 40px;
}}
@media (min-width: 768px) and (max-width: 991px){
  .hero-banner-medium{
    width: 58vw;
    padding-left: 5vw;
    font-size: 0.9em;
    margin: 40px 0px;
}}
@media (min-width: 992px) and (max-width: 1430px){
  .hero-banner-medium{
    width: 46em;
    padding-left: 5vw;
    font-size: 1.3vw;
    /* margin-top: -26em; */
    margin: 3em 0px 9vw 0px;
}}
@media (min-width: 1431px){
  .hero-banner-medium{
    max-width: 42em;
    margin-left: 60px;
    font-size: 18px;
    margin: 3em 0px 100px 60px;
}}





/* Hero text with CTA */
@media (max-width: 478px){
  .hero-banner-dmcode{
    font-size: 0.9em;
    padding-left: 5vw;
    /* width: 74vw; */
    margin: 30px 0px;
}}
@media (min-width: 479px) and (max-width: 767px){
  .hero-banner-dmcode{
    /* width: 64vw; */
    /* margin-top: -17em; */
    font-size: 0.9em;
    margin: 40px 40px;
}}
@media (min-width: 768px) and (max-width: 991px){
  .hero-banner-dmcode{
    /* width: 58vw; */
    padding-left: 5vw;
    font-size: 0.7em;
    margin: 40px 0px;
}}
@media (min-width: 992px) and (max-width: 1430px){
  .hero-banner-dmcode{
    /* width: 46em; */
    padding-left: 5vw;
    font-size: 0.9em;
    /* margin-top: -26em; */
    margin: 3em 0px 2em 0px;
}}
@media (min-width: 1431px){
  .hero-banner-dmcode{
    /* max-width: 42em; */
    margin-left: 60px;
    font-size: 0.8em;
    margin: 3em 0px 2em 60px;
}}



/* Removes the hero padding on smaller devices */
@media (max-width: 478px){
  div#heroBackgroundImage {
    min-height: 17em;
  }}

@media (min-width: 479px) and (max-width: 768px){
div#heroBackgroundImage {
  min-height: 20em;
}}

@media (min-width: 769px) and (max-width: 991px){
div#heroBackgroundImage {
  min-height: 18em;
}}






/* Enquiry hero responsive margins so hack the breadcrumb overlap on desktop */
/* Hero text with CTA */
@media (max-width: 478px){
  .hero-enquiry{
    font-size: 3vw;
    padding-left: 5vw;
    width: 74vw;
    margin: 30px 0px;
}}
@media (min-width: 479px) and (max-width: 767px){
  .hero-enquiry{
    width: 64vw;
    /* margin-top: -17em; */
    font-size: 2.5vw;
    margin: 40px 40px;
}}
@media (min-width: 768px) and (max-width: 991px){
  .hero-enquiry{
    width: 58vw;
    padding-left: 5vw;
    font-size: 1.6vw;
    margin: 40px 0px;
}}
@media (min-width: 992px) and (max-width: 1430px){
  .hero-enquiry{
    width: 39em;
    padding-left: 5vw;
    font-size: 1.3vw;
    /* margin-top: -26em; */
    margin: 3em 0px 9vw 0px;
}}
@media (min-width: 1431px){
  .hero-enquiry{
    max-width: 42em;
    margin-left: 60px;
    font-size: 18px;
    margin: 3em 0px 100px 60px;
}}





/* Enquiry hero responsive margins so hack the breadcrumb overlap on desktop */
/* Hero text with CTA */
@media (max-width: 478px){
  .hero-enquiry-dynamic{
    font-size: 3vw;
    padding-left: 5vw;
    width: 80vw;
    margin: 20px 0px 2vw 0px;
}}
@media (min-width: 479px) and (max-width: 767px){
  .hero-enquiry-dynamic{
    width: 76vw;
    /* margin-top: -17em; */
    font-size: 2.5vw;
    margin: 20px 0px 2vw 2em;
}}
@media (min-width: 768px) and (max-width: 991px){
  .hero-enquiry-dynamic{
    width: 58vw;
    padding-left: 5vw;
    font-size: 1.6vw;
    margin: 20px 0px 2vw 0px;
}}
@media (min-width: 992px) and (max-width: 1430px){
  .hero-enquiry-dynamic{
    width: 39em;
    padding-left: 5vw;
    font-size: 1.3vw;
    /* margin-top: -26em; */
    margin: 20px 0px 2vw 0px;
}}
@media (min-width: 1431px){
  .hero-enquiry-dynamic{
    max-width: 42em;
    margin-left: 60px;
    font-size: 18px;
    margin: 20px 0px 2vw 60px;
}}




/* Enquiry hero responsive margins so hack the breadcrumb overlap on desktop */
/* Hero text with CTA */
@media (max-width: 478px){
  .hero-enquiry-dynamic-top{
    font-size: 3vw;
    padding-left: 5vw;
    width: 62vw;
    margin: 20px 0px 2vw 0px;
}}
@media (min-width: 479px) and (max-width: 767px){
  .hero-enquiry-dynamic-top{
    width: 57vw;
    /* margin-top: -17em; */
    font-size: 2.5vw;
    margin: 20px 0px 2vw 2em;
}}
@media (min-width: 768px) and (max-width: 991px){
  .hero-enquiry-dynamic-top{
    width: 35em;
    padding-left: 5vw;
    font-size: 1.6vw;
    margin: 20px 0px 2vw 0px;
}}
@media (min-width: 992px) and (max-width: 1430px){
  .hero-enquiry-dynamic-top{
    width: 39em;
    padding-left: 5vw;
    font-size: 1.3vw;
    /* margin-top: -26em; */
    margin: 3em 0px 1em 0px;
}}
@media (min-width: 1431px){
  .hero-enquiry-dynamic-top{
    max-width: 42em;
    margin-left: 60px;
    font-size: 18px;
    margin: 3em 0px 1em 60px;
}}



/* Enquiry hero responsive margins so hack the breadcrumb overlap on desktop */
/* Hero text with CTA */
@media (max-width: 478px){
  .hero-enquiry-dynamic-bottom{
    font-size: 3vw;
    padding-left: 5vw;
    width: 62vw;
    margin: 20px 0px 2vw 0px;
}}
@media (min-width: 479px) and (max-width: 767px){
  .hero-enquiry-dynamic-bottom{
    width: 57vw;
    /* margin-top: -17em; */
    font-size: 2.5vw;
    margin: 20px 0px 2vw 2em;
}}
@media (min-width: 768px) and (max-width: 991px){
  .hero-enquiry-dynamic-bottom{
    width: 58vw;
    padding-left: 5vw;
    font-size: 1.6vw;
    margin: 20px 0px 2vw 0px;
}}
@media (min-width: 992px) and (max-width: 1430px){
  .hero-enquiry-dynamic-bottom{
    width: 39em;
    padding-left: 5vw;
    font-size: 1.3vw;
    /* margin-top: -26em; */
    margin: 0em 0px 7em 0px;
}}
@media (min-width: 1431px){
  .hero-enquiry-dynamic-bottom{
    max-width: 42em;
    margin-left: 60px;
    font-size: 18px;
    margin: 0em 0px 7em 60px;
}}











/* Hero text with CTA */
@media (max-width: 478px){
  .hero-text-icons{
    margin-top: -20em;
    font-size: 3vw;
    padding-left: 5vw;
    width: 70vw;
}}
@media (min-width: 479px) and (max-width: 767px){
  .hero-text-icons{
    width: 64vw;
    margin-top: -19em;
    font-size: 2.5vw;
    margin-left: 40px;
}}
@media (min-width: 768px) and (max-width: 991px){
  .hero-text-icons{
    width: 58vw;
    margin-top: -21em;
    padding-left: 5vw;
    font-size: 1.6vw;
}}
@media (min-width: 992px) and (max-width: 1430px){
  .hero-text-icons{
    width: 39em;
    padding-left: 5vw;
    font-size: 1.3vw;
    margin-top: -26em;
}}
@media (min-width: 1431px){
  .hero-text-icons{
    max-width: 42em;
    margin-left: 60px;
    font-size: 18px;
    margin-top: -27em;
    max-height: 19em;
}}



/* Hero text with CTA */
@media (max-width: 478px){
  .hero-text-credit-cards{
    margin-top: -31em;
    font-size: 3vw;
    padding-left: 5vw;
    width: 70vw;
}}
@media (min-width: 479px) and (max-width: 767px){
  .hero-text-credit-cards{
    width: 64vw;
    margin-top: -34em;
    font-size: 2vw;
    margin-left: 40px;
}}
@media (min-width: 768px) and (max-width: 991px){
  .hero-text-credit-cards{
    width: 58vw;
    margin-top: -31em;
    padding-left: 5vw;
    font-size: 1.6vw;
}}
@media (min-width: 992px) and (max-width: 1430px){
  .hero-text-credit-cards{
    width: 39em;
    padding-left: 5vw;
    font-size: 1.3vw;
    margin-top: -32em;
}}
@media (min-width: 1431px){
  .hero-text-credit-cards{
    max-width: 42em;
    margin-left: 60px;
    font-size: 18px;
    margin-top: -33em;
    max-height: 19em;
}}



/* Hero text with CTA */
@media (max-width: 478px){
  .hero-text-credit-cards-mid{
    margin-top: -27em;
    font-size: 3vw;
    padding-left: 5vw;
    width: 70vw;
}}
@media (min-width: 479px) and (max-width: 767px){
  .hero-text-credit-cards-mid{
    width: 64vw;
    margin-top: -30em;
    font-size: 2vw;
    margin-left: 40px;
}}
@media (min-width: 768px) and (max-width: 991px){
  .hero-text-credit-cards-mid{
    width: 58vw;
    margin-top: -27em;
    padding-left: 5vw;
    font-size: 1.6vw;
}}
@media (min-width: 992px) and (max-width: 1430px){
  .hero-text-credit-cards-mid{
    width: 39em;
    padding-left: 5vw;
    font-size: 1.3vw;
    margin-top: -28em;
}}
@media (min-width: 1431px){
  .hero-text-credit-cards-mid{
    max-width: 42em;
    margin-left: 60px;
    font-size: 18px;
    margin-top: -28em;
    max-height: 19em;
}}


/* Hero text with CTA */
@media (max-width: 478px){
  .hero-text-credit-cards-bottom{
    margin-top: -10em;
    font-size: 3vw;
    padding-left: 5vw;
    width: 70vw;
}}
@media (min-width: 479px) and (max-width: 767px){
  .hero-text-credit-cards-bottom{
    width: 64vw;
    margin-top: -13em;
    font-size: 2vw;
    margin-left: 40px;
}}
@media (min-width: 768px) and (max-width: 991px){
  .hero-text-credit-cards-bottom{
    width: 58vw;
    margin-top: -11em;
    padding-left: 5vw;
    font-size: 1.6vw;
}}
@media (min-width: 992px) and (max-width: 1430px){
  .hero-text-credit-cards-bottom{
    width: 39em;
    padding-left: 5vw;
    font-size: 1.3vw;
    margin-top: -14em;
}}
@media (min-width: 1431px){
  .hero-text-credit-cards-bottom{
    max-width: 42em;
    margin-left: 60px;
    font-size: 18px;
    margin-top: -15em;
    max-height: 19em;
}}











      /* Centred hero text */
      @media (max-width: 260px){
        .hero-text-centre{
          width: 185px;
          margin-top: calc(5% - 412px) !important;
          font-size: 12px !important;
          padding-left: 1vw;
        }}
      @media (min-width: 261px) and (max-width: 320px){
        .hero-text-centre{
          width: 219px;
          margin-top: calc(5% - 412px) !important;
          font-size: 12px !important;
          padding-left: 1vw;
        }}
      @media (min-width: 321px) and (max-width: 530px){
        .hero-text-centre{
          width: 278px;
          margin-top: calc(5% - 412px) !important;
          font-size: 12px !important;
          padding-left: 1vw;
        }}
      @media (min-width: 531px) and (max-width: 767px){
        .hero-text-centre{
          width: 405px;
          margin-top: calc(5% - 398px) !important;
          padding-left: 30px;
          font-size: 14px;
          margin-left: 9vw;
        }}
        @media (min-width: 768px) and (max-width: 850px){
          .hero-text-centre{
          width: 493px;
          margin-top: -20em;
          padding-left: 30px;
          font-size: 14px;
          }}
      @media (min-width: 851px) and (max-width: 991px){
        .hero-text-centre{
          width: 558px;
          padding-left: 3vw;
          font-size: 16px;
          top: -19em;
          position: absolute;
        }}
      @media (min-width: 992px) and (max-width: 1350px){
        .hero-text-centre{
          width: 612px;
          padding-left: 4em;
          position: absolute;
          top: -26em;
        }}
      @media (min-width: 1351px){
        .hero-text-centre{
          width: 762px;
          margin-top: -25em !important;
          padding-left: 72px;
          font-size: 20px;
        }}




   /* card on existing customers page */
   @media (min-width: 480px) and (max-width: 991px){
   .existing-cards.panel-inset-light{
     min-height: 22em;
   }}







    @media (max-width: 320px) and (min-width: 261px){
      .hero-text-icons.EnquiryStandardForm{
        width: 219px;
        margin-top: calc(5% - 412px) !important;
        font-size: 12px !important;
        padding-left: 8vw;
        position: absolute;

      }}
     
    
      .h1_section_hero{
        font-weight: 700 !important;
      }
      .hero-text-heading-white{
        color: white
      }
      .hero-text-heading-midnight{
        color: #172934;
      }



/* MOBILE hero image with text only */
      @media (max-width: 478px){
      .heromobile-image {
        height: 18em;
        width: 114%;
        object-fit: cover;
      }}
      @media (min-width: 479px) and (max-width: 767px){
        .heromobile-image {
        height: 19em;
        width: 100%;
        object-fit: cover;
      }}
      



    
      /* MOBILE hero image with cta */
      @media (max-width: 478px){
      .heromobile-image-cta{
        height: 18em;
        width: 100%;
        object-fit: cover;
      }}
      @media (min-width: 479px) and (max-width: 767px){
      .heromobile-image-cta{
        width: 100%;
        height: 19em;
        object-fit: cover;
      }}


      /* MOBILE hero image with icons/badges */
      @media (max-width: 478px){
        .heromobile-image-icons{
          height: 18em;
          width: 100%;
          object-fit: cover;
        }}
        @media (min-width: 479px) and (max-width: 767px){
        .heromobile-image-icons{
          width: 100%;
          height: 22em;
          object-fit: cover;
        }}



      /* MOBILE hero image with icons/badges */
      @media (max-width: 478px){
      .heromobile-image-cc{
        height: 27em;
        width: 100%;
        object-fit: cover;
      }}
      @media (min-width: 479px) and (max-width: 767px){
      .heromobile-image-cc{
        width: 100%;
        height: 29em;
        object-fit: cover;
      }}






      @media (max-width: 260px){
        .heromobile-image-badges {
          height: 425px;
          width: 100%;
          object-fit: cover;
        }}
      @media (min-width: 261px) and (max-width: 320px){
      .heromobile-image-badges {
        height: 385px;
        width: 100%;
        object-fit: cover;
      }}
      /* hero image with cta */
      @media (min-width: 321px) and (max-width: 530px){
      .heromobile-image-badges{
        height: 404px;
        width: 100%;
        object-fit: cover;
      }}
      @media (min-width: 531px) and (max-width: 700px){
      .heromobile-image-badges{
        width: 100%;
        height: 523px;
        object-fit: cover;
        }}
      @media (min-width: 701px){
      .heromobile-image-badges{
        width: 100%;
        height: 464px;
        object-fit: cover;
      }}
          

    
      /* Hero - Used to bring the text inline with banner image*/
      .hero-text-padding{
        margin-top: -500px;
      }
      /* removes padding */
      /* .heroBackgroundImage:not(.post-header-enhanced) {
        padding: 0px;
    } */



    /* Home page carousel height change responsive */
    @media (max-width: 478px){
      .carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right{
        height: 77vw;
      }}
    @media (min-width: 479px) and (max-width: 767px){
      .carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right{
        height: 66vw;
      }}
    @media (min-width: 768px) and (max-width: 999px){
      .carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right{
        height: 50vw;
      }}
    @media (min-width: 1000px) and (max-width: 1430px){
    .carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right{
        height: 32em;
      }}
    @media (min-width: 1431px){
      .carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right{
        height: 30.8em;
      }}
      
    




    .background.carouselBackgroundImage-1 {
      max-height: 582px;
    }



    /* Check Eligibility banner full width page */
    @media (max-width: 479px){
      .background-banner{
        background-image: url(https://cdn-p.vanquis.co.uk/media/2225051/background-banner-mobile-opt.jpg);
        min-height: 700px;
        background-size: 100%;
        margin-right: -72px;
        margin-left: -72px;
        padding: 0px 75px;
        background-repeat: no-repeat;
      }}
      @media (min-width: 480px) and (max-width: 767px){
        .background-banner{
          background-image: url(https://cdn-p.vanquis.co.uk/media/2225052/background-banner-tablet-opt.jpg);
          min-height: 620px;
          background-size: 107%;
          margin-right: -72px;
          margin-left: -72px;
          padding: 0px 75px;
          background-repeat: no-repeat;
        }}
        @media (min-width: 768px)  and (max-width: 991px){
          .background-banner{
            background-image: url(https://cdn-p.vanquis.co.uk/media/2225053/cta-banner-new-desktop-opt.jpg);
            min-height: 400px;
            background-size: 110%;
            margin-right: -72px;
            margin-left: -72px;
            padding: 0px 75px;
            background-repeat: no-repeat;
          }}
    @media (min-width: 992px){
      .background-banner{
        background-image: url(https://cdn-p.vanquis.co.uk/media/2225053/cta-banner-new-desktop-opt.jpg);
        min-height: 400px;
        background-size: 100%;
        margin-right: -72px;
        margin-left: -72px;
        padding: 0px 75px;
        background-repeat: no-repeat;
      }}



      /* Page vanquis app banner full width */

      @media (max-width: 479px){
        .app-banner{
          background-image: url(https://cdn-p.vanquis.co.uk/media/2225071/app-banner-mobile-opt.jpg);
          min-height: 68em;
          background-size: 100%;
          margin-right: -72px;
          margin-left: -72px;
          padding: 0px 75px;
          background-repeat: no-repeat;
        }}
    
      @media (min-width: 480px) and (max-width: 767px){
        .app-banner{
          background-image: url(https://cdn-p.vanquis.co.uk/media/2225072/app-banner-tablet-opt.jpg);
          min-height: 68em;
          background-size: 100%;
          margin-right: -72px;
          margin-left: -72px;
          padding: 0px 75px;
          background-repeat: no-repeat;
        }}
        
      @media (min-width: 768px) and (max-width: 991px) {
        .app-banner{
          background-image: url(https://cdn-p.vanquis.co.uk/media/2225073/app-banner-desktop-opt.jpg);
          min-height: 25em;
          background-size: 110%;
          margin-right: -72px;
          margin-left: -72px;
          padding: 0px 75px;
          background-repeat: no-repeat;
        }}
        /* https://cdn-p.vanquis.co.uk/media/2104438/onlinebanking-2.png */
        @media (min-width: 992px) {
          .app-banner{
            background-image: url(https://cdn-p.vanquis.co.uk/media/2225073/app-banner-desktop-opt.jpg);
            min-height: 585px;
            background-size: 100%;
            margin-right: -72px;
            margin-left: -72px;
            max-height: 400px !important;
            padding: 0px 75px;
            background-repeat: no-repeat;
          }}






          @media (max-width: 340px){
            .app-banner-content{
              padding-top: 20px;
            }}
            @media (min-width: 341px) and (max-width: 380px){
              .app-banner-content{
                padding-top: 20px;
              }}
          @media (min-width: 381px) and (max-width: 479px){
            .app-banner-content{
              padding-top: 20px;
            }}
          @media (min-width: 480px) and (max-width: 767px){
            .app-banner-content{
              padding-top: 20px;
              font-size: 1.2em;
            }}
            
          @media (min-width: 768px) and (max-width: 991px) {
            .app-banner-content{
              
            }}
            /* https://cdn-p.vanquis.co.uk/media/2104438/onlinebanking-2.png */
            @media (min-width: 992px) {
              .app-banner-content{
                padding-top: 20px;
              }}






      @media (max-width: 767px){
        .banner-smile-honeybee{
          background-image: url(https://cdn-p.vanquis.co.uk/media/2225059/smile-banner-mobile-opt.png);
          min-height: 465px;
          background-size: 100%;
          margin-right: -72px;
          margin-left: -72px;
          padding: 0px 75px 0px 75px;
          position: relative;
          object-fit: contain;
          background-repeat: no-repeat;
        }}
      @media (min-width: 768px){
      .banner-smile-honeybee{
        background-image: url(https://cdn-p.vanquis.co.uk/media/2225055/smile-banner-honeybee-opt.png);
        min-height: 436px;
        background-size: 100%;
        margin-right: -72px;
        margin-left: -72px;
        padding: 0px 75px 0px 75px;
        position: relative;
        object-fit: contain;
        background-repeat: no-repeat;
      }}


      @media (max-width: 767px){
        .banner-smile-right-sully{
          background-image: url(https://cdn-p.vanquis.co.uk/media/2225060/smile-banner-mobile-sully-right-opt.png);
          min-height: 465px;
          background-size: 100%;
          margin-right: -72px;
          margin-left: -72px;
          padding: 0px 75px 0px 75px;
          position: relative;
          object-fit: contain;
          background-repeat: no-repeat;
      }}
      @media (min-width: 768px){
      .banner-smile-right-sully{
        background-image: url(https://cdn-p.vanquis.co.uk/media/2225056/smile-banner-sully-right-opt.png);
        min-height: 436px;
        background-size: 100%;
        margin-right: -72px;
        margin-left: -72px;
        padding: 0px 75px 0px 75px;
        position: relative;
        object-fit: contain;
        background-repeat: no-repeat;
      }}




      /* @media (max-width: 799px){
        .banner-smile-sully{
          background-image: url(https://cdn-p.vanquis.co.uk/media/2104433/banner-sully-mob.png);
          min-height: 465px;
          background-size: 100%;
          margin-right: -72px;
          margin-left: -72px;
          padding: 0px 75px 0px 75px;
          position: relative;
          object-fit: contain;
          background-repeat: no-repeat;
        }}
      @media (min-width: 800px){
      .banner-smile-sully{
        background-image: url(https://cdn-p.vanquis.co.uk/media/2104432/smile-banner-sully.png);
        min-height: 436px;
        background-size: 100%;
        margin-right: -72px;
        margin-left: -72px;
        padding: 0px 75px 0px 75px;
        position: relative;
        object-fit: contain;
        background-repeat: no-repeat;
      }}
      @media (max-width: 799px){
        .banner-chart-slushpuppy{
          background-image: url();
          min-height: 465px;
          background-size: 100%;
          margin-right: -72px;
          margin-left: -72px;
          padding: 0px 75px 0px 75px;
          position: relative;
          object-fit: contain;
          background-repeat: no-repeat;
        }}
      @media (min-width: 800px){
        .banner-chart-slushpuppy{
        background-image: url(https://cdn-p.vanquis.co.uk/media/2104434/banner-chart-slushpuppy.png);
        min-height: 436px;
        background-size: 100%;
        margin-right: -125px;
        margin-left: -125px;
        padding: 0px 75px 0px 75px;
        margin-top: -150px;
        object-fit: contain;
        background-repeat: no-repeat;
      }}
      @media (min-width: 800px){
        .banner-chart-slushpuppy-empty{
        background-image: url();
        min-height: 436px;
        background-size: 100%;
        margin-right: -125px;
        margin-left: -125px;
        padding: 0px 75px 0px 75px;
        margin-top: -150px;
        object-fit: contain;
        background-repeat: no-repeat;
      }}
      @media (min-width: 800px){
        .banner-honeybee-wide{
        background-image: url(https://cdn-p.vanquis.co.uk/media/2104414/smile-banner-3.png);
        min-height: 436px;
        background-size: 100%;
        margin-right: -125px;
        margin-left: -125px;
        padding: 0px 75px 0px 75px;
        margin-top: -150px;
        object-fit: contain;
        background-repeat: no-repeat;
      }} */




      /* @media (min-width: 480px) and (max-width: 767px){
      .app_badge_banner{
        display: none !important; 
        /* max-width: 223px; */
      }} */
      .app_badge_banner{
        position: relative;
        max-height: 82px; 
        min-height: 40px; 
        width: 100%; 
        /* max-width: 223px; */
      }

      /* Responsive app store badges within full width banners */
      @media (max-width: 479px){
        .apple_badge_banner{
          height: 3em;
          width: auto;
        }}
      @media (min-width: 480px) and (max-width: 767px){
        .apple_badge_banner{
          height: 4em;
          width: auto;
        }}
      @media (min-width: 768px) and (max-width: 991px){
        .apple_badge_banner{
          height: 3em;
          width: auto;
        }}
      @media (min-width: 992px){
      .apple_badge_banner{
        height: 60px;
        width: auto;
        padding-top: 2px;
        }}

      @media (max-width: 479px){
      .google_badge_banner{
        height: 3em;
        width: auto;
        padding-bottom: 1px;
      }}
      @media (min-width: 480px) and (max-width: 767px){
      .google_badge_banner{
        height: 4em;
        padding-bottom: 3px;
        width: auto;
        }}
      @media (min-width: 768px) and (max-width: 991px){
      .google_badge_banner{
        height: 3em;
        width: auto;
        padding-bottom: 2px;
      }}
      @media (min-width: 992px){
      .google_badge_banner{
        height: 59px;
        width: auto;
        margin-left: 4px;
      }}


      @media (max-width: 479px){
        .apple_badge_hero{
          height: 3em;
          width: auto;
      }}
      @media (min-width: 480px) and (max-width: 759px){
        .apple_badge_hero{
          height: 3em;
          width: auto;
      }}
      @media (min-width: 760px) and (max-width: 991px){
        .apple_badge_hero{
          height: 3em;
          width: auto;
      }}
      @media (min-width: 992px){
      .apple_badge_hero{
        height: 3em;
        width: auto;
        padding-top: 2px;
      }}

      @media (max-width: 479px){
      .google_badge_hero{
        height: 3em;
        width: auto;
        margin-left: 0.5em;
      }}
      @media (min-width: 480px) and (max-width: 759px){
      .google_badge_hero{
        height: 3em;
        width: auto;
        margin-left: 6px;
      }}
      @media (min-width: 760px) and (max-width: 991px){
      .google_badge_hero{
        height: 3em;
        width: auto;
        margin-left: 10px;
      }}
      @media (min-width: 992px){
      .google_badge_hero{
        height: 3em;
        width: auto;
        margin-left: 10px;
      }}


      .banner_2020_full_width{
        width: 100%;
      }
      /* removes 'hidden' lock icon in top nav */
      i.fa.fa-lock {
        display: none;}
    
      /* covid alert hyperlink 'click here' style */
        a.alert-link {
        font-weight: 600;
        color: #006edc;
        text-decoration: underline;}

      /* covid alert hyperlink 'click here' style */
      .alert-text {
        font-weight: 400 !important;
        color: #586971 !important;}

      /* Home page Hero text margin */
      .landing_hero_new{
        margin-left: -30px !important;
      }
      @media (max-width: 478px){
      .landing_hero_new{
        margin-left: 8px !important;
        position: absolute;
        font-size: 0.8em;
        margin-top: -12em;
        width: 20em;
      }}
      @media (min-width: 479px) and (max-width: 767px){
      .landing_hero_new{
        margin-left: -16px !important;
        position: absolute;
        margin-top: -29vw;
        width: 26em;
        
      }}
      @media (min-width: 768px) and (max-width: 999px){
      .landing_hero_new{
        margin-left: -16px !important;
        position: absolute;
        margin-top: -25vw;
        width: 42vw;
      }}
      @media (min-width: 1000px) and (max-width: 1430px){
        .landing_hero_new{
        margin-left: -16px !important;
        position: absolute;
        margin-top: 1em;
        width: 42vw;
      }}
      @media (min-width: 1431px){
        .landing_hero_new{
        margin-left: -16px !important;
        position: absolute;
        margin-top: 2em;
        max-width: 35em;
        font-size: 18px;
      }}
  

      /* FAQ Page */
      h2.sectionTitle.h2_content_header{
        font-size: 2em;
        font-weight: 600;
      }
      .sectionTitle:before {
        content: '\A';
        height: 1px;
        width: 2em;
        position: absolute;
        background: unset !important;
        top: 0;}
        /* accordium */
        .ui-state-default {
          border: none;
          background: #ffffff;
          color: black;}
        .ui-accordion .ui-accordion-header {
          display: block;
          cursor: pointer;
          position: relative;
          margin: 9px 0 0 0;
          padding: .5em .5em .5em .7em;
          min-height: 35px;
          font-size: 100%;
          box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1);
          line-height: 35px;
        border-radius: 6px !important;}
        .ui-accordion-header-active{
          background-color: #006edc;
          color: white;
          }
        .ui-accordion .ui-accordion-icons {
          padding-left: 2.2em !important;}
        .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
          padding-bottom: 30px;
          background-size: 1em;
          position: absolute;
          background-position-y: -6em;
          left: 0.5em;
          padding-right: 30px;
          top: 55%;
          margin-top: -11px;
          background-image: url(https://cdn-p.vanquis.co.uk/media/2225074/accordium-arrow.png);}
        .ui-icon-triangle-1-e {
          background-position: unset !important;}
        .sectionTitle {
          padding-bottom: 0.5em;
          padding-top: 0.5em;
          position: relative;
          margin-top: 0.5em;
          font-size: 2em;
          font-weight: 600;
        }
        /* Accordion icon on click */
        @media (max-width: 478px){
        .ui-icon-triangle-1-s {
          background-position: unset !important;
          width: 20px !important;
          height: 20px !important;
          position: absolute !important;
          margin-left: -13px !important;
          top: 26px !important;
          margin-top: -12px !important;
          background-image: url(https://cdn-p.vanquis.co.uk/media/2225074/accordium-arrow.png) !important;
          transform: rotate(90deg) !important;
        }}
        @media (min-width: 479px) and (max-width: 767px){
        .ui-icon-triangle-1-s {
          background-position: unset !important;
          width: 20px !important;
          height: 20px !important;
          position: absolute !important;
          left: -0.5vh !important;
          top: 26px !important;
          margin-top: -12px !important;
          background-image: url(https://cdn-p.vanquis.co.uk/media/2225074/accordium-arrow.png) !important;
          transform: rotate(90deg) !important;
        }}
        @media (min-width: 768px) and (max-width: 991px){
          .ui-icon-triangle-1-s {
            background-position: unset !important;
            width: 20px !important;
            height: 20px !important;
            position: absolute !important;
            left: 0.2em !important;
            top: 26px !important;
            margin-top: -12px !important;
            background-image: url(https://cdn-p.vanquis.co.uk/media/2225074/accordium-arrow.png) !important;
            transform: rotate(90deg) !important;
          }}
        @media (min-width: 992px){
          .ui-icon-triangle-1-s {
            background-position: unset !important;
            width: 20px !important;
            height: 20px !important;
            top: 26px !important;
            margin-left: -10px !important;
            margin-top: -12px !important;
            background-image: url(https://cdn-p.vanquis.co.uk/media/2225074/accordium-arrow.png) !important;
            transform: rotate(90deg) !important;
          }}

        /* Navbar dropdown menu */
        .dropdown-menu {
          position: absolute;
          top: 100%;
          left: 0;
          z-index: 1000;
          display: none;
          float: left;
          min-width: 160px;
          padding: 5px 0;
          margin: 2px 0 0;
          font-size: 14px;
          text-align: left;
          list-style: none;
          background-color: #fff;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          border: unset !important;
          border: unset !important;
          border-radius: 4px;
          -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
        }
        li.dropdown.open {
          background-color: white;
     
        }
        /* nav headings on hover */
        a.dropdown-toggle:hover{
          font-weight: 600 !important;
        }
        .navbar-nav .open .dropdown-menu > li > a:hover{
          /* text-decoration: underline; */
          color: #172934;
          /* font-weight: 600; */
        }
        .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
          text-decoration: underline;
          color: #172934;
          font-weight: 600; }
        .navbar-nav .open .dropdown-menu > li > a:active{
          text-decoration: underline;
          color: #172934;
          font-weight: 600;
        }
        @media (min-width: 992px){
        a.dropdown-toggle {
          padding: 11px 27px !important;
          margin: 0px !important;
        }}
        @media (min-width: 62em){
        ul.navbar-nav li {
          padding-right: unset !important;
        }}
        @media (min-width: 992px){
        .navbar-default .navbar-nav > .active > a:before, .navbar-default .navbar-nav > .active > a:focus:before, .navbar-default .navbar-nav > .active > a:hover:before {
          border-bottom: 4px solid #30e8d4;
          content: "";
          position: absolute;
          bottom: 0;
          width: 100%;
          margin: auto;
          right: 0;
          left: 0; }}
          .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
            background-color: unset !important;
            
          }
          /* arrows */
          .nav .dropdown.active .caret:before {
          border-top: 5px solid grey;
          }
          /* .nav .dropdown .caret:before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          border-top: 5px solid grey;
          border-left: 5px solid transparent;
          border-right: 5px solid transparent;
          }
          .nav .dropdown.open .caret:before {
            border-top: 5px solid grey;
          }
          .nav .dropdown.open .caret:after {
          content: '';
          position: absolute;
          left: 1px;
          top: 0;
          border-top: 4px solid #f2f7fb;
          border-left: 4px solid transparent;
          border-right: 4px solid transparent;
          } */
          /* removed this so that online banking bullet list isnt all lowercase */
          /* li:first-child{
            text-transform: lowercase !important;
          } */
          .dropdown-menu li:first-child{
            text-transform: lowercase !important;
          }
          /* i.fa.fa-close::before{
            right: 2em;
          } */
          /* navy drop down with radius nav */
          /* @media (min-width: 992px){
          .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
            background-color: #172934 !important;
            border-radius: 0px 26px 0px 0px;
          }} */


          /* navbar dropdown mobile */
          .applyLinkCollapsed a {
            color: #000 !important;
            border-bottom: unset !important;
            border-width: 1.5px;
            font-weight: 600;
          }
          .navDropDown .dropdown-toggle{
            border-bottom: unset !important;
            background-color: #fafafa;
          }
          @media (max-width: 61.99em){
          .nav-darkoverlay {
            margin-left: calc(100vw - 20em) !important;
            background-color: white;
            width: 20em;
            height: 100%;
            color: black !important;
            position: fixed;
            /* z-index: -1; */
            top: 0;
            left: 0;
            -webkit-box-shadow: 150px 0px 150px 150px rgba(0, 0, 0, 0.75);
            -moz-box-shadow: 150px 0px 150px 150px rgba(0, 0, 0, 0.75);
            box-shadow: 150px 0px 150px 150px rgba(0, 0, 0, 0.75);
            -webkit-backface-visibility: hidden;
            }}
          @media (max-width: 61.99em){
          .navDropDown .dropdown-toggle {
            color: #172934 !important;
            border-bottom: solid #26679D;
            border-width: 1.5px;
            }}
            i.fa.fa-close{
              color: #172934;
            }
          li.upperLinksCollapsed > a{
            font-size: 14px !important;
            color: #172934 !important;
          }
          li.upperLinksCollapsed:hover > a{
            font-weight: 600;
          }
          .heroBackgroundImage.hero.post-header{
            padding: 0px 0px 40px 0px !important;
          }
          /* div#heroBackgroundImage .umb-grid {
            padding: 1.5em 0 6em 0 !important;
        } */
        @media (max-width: 991px){
        .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
            /* background: none; */
            color: #172934 !important;
        }}
        
        .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
            background-color: fafafa !important;
            color: #172934 !important;
        }
        .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
            color: #555;
            background-color: #fafafa;
        }
        @media (max-width: 991px){
        .navbar-default .navbar-nav > .active > a:before, .navbar-default .navbar-nav > .active > a:focus:before, .navbar-default .navbar-nav > .active > a:hover:before {
          /* border-bottom: 2px solid #30e8d4; */
          content: "";
          position: absolute;
          bottom: 0;
          width: 100%;
          margin: auto;
          right: 0;
          left: 0;
        }}
        @media (max-width: 991px){
        .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
          background: #256397;
          border-left: .3em solid #006edc;
          color: #172934 !important;
        }}
        @media (max-width: 991px){
          .navbar-default .navbar-nav .open .dropdown-menu > li > a {
            color: #172934;
        }}
        @media (max-width: 991px){
        .navbar-elements {
          background: white !important;
          color: #172934 !important;
          width: 100%;
        }}
        @media (max-width: 61.99em){
        .navDropDown {
        background: #286BA4;
        margin: 0px;
        overflow-y: scroll;
        height: 160vw;
        max-height: 170vw;
        -webkit-overflow-scrolling: touch;
        }}
        @media (max-width: 61.99em){
        .nav .dropdown.open .dropdown-menu {
          border-left: 0.4em solid #006edc !important;
        }}
        .dropdown-menu{
          border-radius: unset !important;
        }
        @media (max-width: 991px){
        ul.dropdown-menu.navbar-elements {
          padding-left: 16px !important;
        }}
        /* @media (max-width: 991px){
        .nav .dropdown .caret:after {
          content: '';
          position: absolute;
          left: 1px;
          top: 0;
          border-top: 4px solid #f2f7fb;
          border-left: 4px solid transparent;
          border-right: 4px solid transparent;
        }}
        @media (max-width: 991px){
        .nav .dropdown.active .caret:after {
          content: '';
          position: absolute;
          left: 1px;
          top: 0;
          border-top: 4px solid #f2f7fb;
          transform: rotate(180deg);
          transition: transform 1s linear;
        }} */
        .nav .dropdown .caret {
          border: none;
          border: solid #172934;
          display: inline-block;
          padding: 3px;
          border-width: 0 2px 2px 0;
          transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          margin: 0 0 5px 8px;
      }

        /* History page */
        .spacer_sully{
          z-index: 1;
          text-align: center;
          position: relative;
          padding: 30px 0px;
        }
        .spacer_sully:after{
          border-bottom: solid 2px #30e8d4;
          content: "";
          width: 200px;
          left: 50%;
          margin-left: -50%;
          bottom: 0;
          position: absolute;
        }

        /* Fresh start page */
        h3.heading_6.clrDrk {
          line-height: 1.6;
        }
        /* Apply for cc page - sticky cta */
        p > a#buttonEligibity3{
          margin: 20px;
        }
        p{
          font-weight: 400;
        }
        a {
          color: #006edc;
          font-weight: 600;
          text-decoration: underline;
        }
        li {
          font-weight: 400;
        }
        h3.sectionTitle {
          font-size: 1.6em !important;
        }
        /* changes hero sub headings to 400 weight */
        p.homepage_body.clrWhite {
          font-weight: 400;
        }
        /* reduced upperlink weights on menu drop down in mobile */
        li.upperLinksCollapsed a {
          font-weight: 400;
        }
        /* h1.h1_section_hero.clrWhite {
          font-size: max(2.7em);
        } */
        /* .bullet_list_2020{
          line-height: 1;
        } */

        /* global text links doesnt work as it also targets CTA's */
        /* p > a {
          text-decoration: underline !important;
        } */


        button#btnFindPreviousAddress {
          border-radius: 0px 6px 6px 0px;
        }
        .application-form .controlRow {
          padding-left: 0;
          margin-top: .5em;
        }
        /* removes main page padding */
        .is-page-content{
          padding-left: unset !important;
          padding-right: unset !important;
        }
        /* Pushes body content down on certain screen sizes - stops from overlapping hero */
        /* removed this because you had a big gap between hero and body on small screens, see onlineb page for e.g */
        /* @media (max-width: 530px){
          article.maincontent.is-page-content {
            margin-top: 170px;
          }}
        @media (min-width: 531px) and (max-width: 767px){
        article.maincontent.is-page-content {
          margin-top: 60px;
        }} */


        /* Enquiry page - sticky progress bar */
        .mobileProgressTracker.grid.formWrapper.sticky2.cloned2 .horizontalTrackerBackground {
          width: 60%;
        }

    /* These 2 code classes allows you to rename the Login button on desktop only*/
    /* @media (min-width: 992px){
    .btnLogin{
      visibility: hidden !important;
    }}
    @media (min-width: 992px){
    .btnLogin:after{
      content:'Online Banking' !important;
      visibility: visible !important;
      position: relative !important;
      background-color: #172934 !important;
      padding: 9px 27px;
      border-radius: 6px;
    }} */

/* Clickable answer boxes for the application form */
    .btnRadio input[type="radio"]:not([checked="False"]):checked ~ label, .btnRadio input[type="radio"][checked="True"] ~ label, .btnRadio input[type="checkbox"]:not([checked="False"]):checked ~ label, .btnRadio input[type="checkbox"][checked="True"] ~ label{
      background-color: #172934;
      color: white;
    }

    .btnRadioSmall input[type="radio"]:checked ~ label, .btnRadioSmall input[type="checkbox"]:checked ~ label {
      background: #172934;
      color: white;
  }

/* application form Input field rest */
    .application-form input[type=text], .application-form input[type=tel], .application-form input[type=email], .application-form input[type=password], .application-form input[type=datetime], .application-form input[type=date], .application-form input[type=number]{
      border-radius: 6px;
    }

/* application form Input address field */
    div#currentAddress input[type=text], .application-form {
      width: 100%;
      border-radius: 6px 0px 0px 6px;
  }



  /* indented bullet points on  */
  ul.arrows.section_text.clrWhite {
    margin-left: 1.6em;
  }

  li.arrows.section_text.homepage_body.clrWhite{
    margin-left: 1.6em;
  }




  /* Home page hero image position */
  @media (max-width: 478px){
    .background.carouselBackgroundImage-1 {
      background-position: -7em 0em !important;
  }}
  @media (min-width: 479px) and (max-width: 767px){
  .background.carouselBackgroundImage-1 {
    background-position: left !important;
  }}
  @media (min-width: 992px) and (max-width: 1430px){
    .background.carouselBackgroundImage-1 {
      background-position: 0em -2em !important;
  }}
  @media (min-width: 1431px) {
    .background.carouselBackgroundImage-1 {
      background-position: 0em -2em !important;
  }}




/* Adds padding to hero seen on enquiry/in-principle */
/* @media (max-width: 991px) {
  div#heroBackgroundImage {
    padding-bottom: 1em !important;
 }}
 @media (min-width: 992px) {
  div#heroBackgroundImage {
    padding-bottom: 4em !important;
}} */


/* Home page heros new idea */

/* h1.h1_home_hero{
  color: white;
}

p.homepage_hero_sub {
  color: white !important;
} */



/* @media screen and (max-width: 479px){
  .carouselBackgroundImage-1 {
      background: url(https://cdn-p.vanquis.co.uk/media/2104503/home-hero-mobile.png);
  }}
@media screen (min-width: 480px) and (max-width: 767px){
  .carouselBackgroundImage-1 {
      background: url(https://cdn-p.vanquis.co.uk/media/2104505/hero-home-1280x705.png);
  }}

@media screen and (min-width: 480px){
  .carouselBackgroundImage-1 {
      background: url(https://cdn-p.vanquis.co.uk/media/2104504/hero-home-new-scale.png);
  }} */



/* Sandbox to UAT Bug fixes */

.navPanelButtons {
  position: relative;
  z-index: 600;
  margin-top: 10px;
  margin-right: 5%;
  margin-left: 15px;
  border-radius: 2px;
  background: unset !important;
  /* ff3.6+ */
  background: unset !important;
  /* safari4+,chrome */
  background: unset !important;
  /* safari5.1+,chrome10+ */
  background: unset !important;
  /* opera 11.10+ */
  background: unset !important;
  /* ie10+ */
  background: unset !important;
  /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91bd55 ', endColorstr='#7fa64a ',GradientType=1 );
  /* ie6-9 */
  -webkit-box-shadow: unset !important;
  -moz-box-shadow: unset !important;
  box-shadow: unset !important; 
  }

.navPanelButtons:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  pointer-events: none;
  width: 250px;
  height: 100%;
  background-image: unset !important;
  background-repeat: no-repeat;
}



@media (max-width: 89.99em){
  .frameUpRight {
    display: none !important;
  }}

@media (max-width: 89.99em){
.frameUpLeft {
  display: none !important;
}}
@media (min-width: 90em){
  .frameUpLeft {
    display: none !important;
  }}

@media (max-width: 89.99em){
.frameDownRight {
  display: none !important;
}}
@media (min-width: 90em){
  .frameDownRight {
    display: none !important;
  }}

@media (max-width: 89.99em){
.frameDownLeft {
    display: none !important;
}}
@media (min-width: 90em){
.frameDownLeft {
  display: none !important;
}}
@media (min-width: 90em){
.footerframeLeft {
  display: none !important;
}}
@media (min-width: 90em){
  .footerframeRight {
    display: none !important;
  }}
@media (min-width: 90em){
  .footerframeLeftBottom {
    display: none !important;
  }}
@media (min-width: 90em){
  .footerframeRightBottom {
    display: none !important;
  }}

@media (max-width: 89.99em){
.footerframeRight {
  display: none !important;
}}
@media (max-width: 89.99em){
  .footerframeLeft {
    display: none !important;
  }}
@media (max-width: 89.99em){
  .footerframeRightBottom {
    display: none !important;
  }}
@media (max-width: 89.99em){
  .footerframeLeftBottom {
    display: none !important;
  }}



.btn:before, .btnBlue:before, .btnWhite:before, .btnPurple:before, .btnGreen:before, .btnGreenDMA:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 75%;
  height: 100%;
  background-image: unset !important;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.btnGreen {
  color: #fff !important;
  background-image: unset !important;
  background-image: unset !important;
  background-image: unset !important;
}
.nav .dropdown .caret:before {
  display: none !important;
}
.nav .dropdown .caret:after {
  display: none !important;
}
.nav .dropdown .caret {
  top: unset !important;
}
.baseBtn, .btnLogin, .btnPayCard, .btnHamburger {
  text-transform: unset !important;
}
.breadcrumbTabLeft {
  margin-left: unset !important;
}
.btnPurple {
  color: #fff;
  background-image: unset !important;
  background-image: unset !important;
  background-image: unset !important;
}

.breadcrumbTabLeft, .breadcrumbTabRight {
    background: #fafafa !important;
}

.navbar-default .navbar-nav>.active>a:before, .navbar-default .navbar-nav>.active>a:focus:before, .navbar-default .navbar-nav>.active>a:hover:before {
  border-bottom: unset !important;
}

.btn, .btnBlue, .btnWhite, .btnPurple, .btnGreen, .btnGreenDMA {
  min-height: unset !important;
  min-width: unset !important;
}
.h2_section_content:before {
  background: unset !important;
}
.btnWrapper a {
  line-height: unset !important;
}
.btnWhite {
  background-image:  unset !important;
  background-image:  unset !important;
  background-image: unset !important;
}
@media (max-width: 479px){
.homeFooterSpacer {
  margin-top: 6em !important;
}}
@media (min-width: 480px) and (max-width: 991px) {
.homeFooterSpacer {
  margin-top: 6em !important;
}}

@media (min-width: 992px) and (max-width: 1339px) {
.homeFooterSpacer {
  margin-top: -3em !important; 
}}
@media (min-width: 1340px) {
.homeFooterSpacer {
  margin-top: -3em !important; 
}}

/* warning block when type in £1 in finance section of /enquiry form */
div#netPersonalIncomeTooLow p {
  color: white !important;
}

/* changes w/c 11 may 2021 */

/* experian banner */
@media (max-width: 479px){
  .experian-banner{
    background-image: url(https://cdn-p.vanquis.co.uk/media/2225094/experian-small.png);
    min-height: 700px;
    background-size: 100%;
    margin-right: -72px;
    margin-left: -72px;
    padding: 0px 75px;
    background-repeat: no-repeat;
  }}
  @media (min-width: 480px) and (max-width: 767px){
    .experian-banner{
      background-image: url(https://cdn-p.vanquis.co.uk/media/2225093/experian-medium.png);
      min-height: 620px;
      background-size: 107%;
      margin-right: -72px;
      margin-left: -72px;
      padding: 0px 75px;
      background-repeat: no-repeat;
  }}
  @media (min-width: 768px)  and (max-width: 991px){
    .experian-banner{
      background-image: url(https://cdn-p.vanquis.co.uk/media/2225097/experian-large.png);
      min-height: 400px;
      background-size: 110%;
      margin-right: -72px;
      margin-left: -72px;
      padding: 0px 75px;
      background-repeat: no-repeat;
  }}
  @media (min-width: 992px){
    .experian-banner{
      background-image: url(https://cdn-p.vanquis.co.uk/media/2225097/experian-large.png);
      min-height: 400px;
      background-size: 100%;
      margin-right: -72px;
      margin-left: -72px;
      padding: 0px 75px;
      background-repeat: no-repeat;
  }}

  /* Promo banner seen at footer of pages headline h1  */
  p.footer_promo_headline{
    color: #172934;
  }

  
  /* cat ad banner */
@media (max-width: 479px){
  .cat-advert-banner{
    background-image: url(https://cdn-p.vanquis.co.uk/media/2395278/cat-banner-sm.jpg);
    min-height: 700px;
    background-size: 100%;
    margin-right: -72px;
    margin-left: -72px;
    padding: 0px 75px;
    background-repeat: no-repeat;
  }}
  @media (min-width: 480px) and (max-width: 767px){
    .cat-advert-banner{
      background-image: url(https://cdn-p.vanquis.co.uk/media/2395279/cat-banner-md.jpg);
      min-height: 620px;
      background-size: 107%;
      margin-right: -72px;
      margin-left: -72px;
      padding: 0px 75px;
      background-repeat: no-repeat;
  }}
  @media (min-width: 768px)  and (max-width: 991px){
    .cat-advert-banner{
      background-image: url(https://cdn-p.vanquis.co.uk/media/2395280/cat-banner-lg.jpg);
      min-height: 400px;
      background-size: 110%;
      margin-right: -72px;
      margin-left: -72px;
      padding: 0px 75px;
      background-repeat: no-repeat;
  }}
  @media (min-width: 992px){
    .cat-advert-banner{
      background-image: url(https://cdn-p.vanquis.co.uk/media/2395280/cat-banner-lg.jpg);
      min-height: 400px;
      background-size: 100%;
      margin-right: -72px;
      margin-left: -72px;
      padding: 0px 75px;
      background-repeat: no-repeat;
  }}

  .btnPrimary-invert{
    border-radius: 25px;
    color: white;
    background-color: #006edc;
    box-shadow: unset !important;
    font-weight: 500;
    text-decoration: unset;
  }
  .btnPrimary-invert:hover{
    border-radius: 25px;
    color: #172934;
    background-color: white;
    box-shadow: unset !important;
    font-weight: 500;
    text-decoration: unset;
  }
  .btn, .btnBlue, .btnWhite, .btnPurple, .btnGreen, .btnSecondary, .btnPrimary, , .btnPrimary-invert {
    position: relative;
    display: inline-block;
    /* min-height: 50px;
    min-width: 150px; */
    padding: 0.75em 1.2em;
    color: white;
    text-transform: unset;
    text-align: center;
    box-shadow: 1.5px 2.598px 5px 0px rgba(0, 0, 0, 0.2);
    border: 0px;
    margin: 0.5em 0.5em 0.5em 0em;
    line-height: 1.5em;
    line-height: calc(50px - 1.5em);
    white-space: nowrap;
    border-radius: 25px;
    text-decoration: unset;
   }
  @media (max-width: 478px) {
   .btn, .btnBlue, .btnWhite, .btnPurple, .btnGreen, .btnSecondary, .btnPrimary, .btnPrimary-invert{
    /* width: 2em !important; */
    line-height: unset !important;
    padding: 0.6em 1.4em;
   }}
   @media (min-width: 479px) {
    .btnPrimary-invert{
     /* width: 2em !important; */
     line-height: unset !important;
     padding: 0.6em 1.4em;
    }}
    @media (min-width: 992px) and (max-width: 1200px){
      .nav{
        padding-left: 9vw !important;
      }}
    @media (min-width: 1500px){
      .nav{
        padding-left: 15em !important;
      }}
    @media (min-width: 62em){
      .nav{
        padding-left: 13vw !important;
      }}