.splash {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
}

.splash .loading-wrapper {
  position: relative;
  text-align: center;
}

.splash .loading-spinner {
  position: relative;
  display: inline-block;
  top: auto;
  left: auto;
  transform: none;
}

.splash .loading-counter {
  position: absolute;
  width: 90px;
  height: 90px;
  display: inline-block;
  top: auto;
  left: auto;
  transform: none;
}

.splash .loading-counter .count {
  line-height: 90px;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
}

.splash-container {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 800px;
  max-width: 95%;
  transform: translate(-50%, -50%);
}

.splash .splash-content {
  color: #fff;
}

.splash-cta {
  margin-top: 30px;
  text-align: center;
}

.splash-cta .btn {
  width: auto;
}

.header-container .site-navigation.site-navigation {
  position: absolute;
  right: 0;
  flex: none;
  width: auto;
}

@media screen and (min-width: 768px) {
  .site-header .header-content {
    position: relative;
  }
  .site-header .header-content .site-logo a {
    position: relative;
    z-index: 99;
  }
  .header-container .site-navigation.site-navigation {
    position: absolute;
    width: 100%;
    flex: none;
    right: 0;
  }
  .site-header.site-header .menu {
    background: none;
  }
  .site-header.site-header .site-navigation li a {
    border: none;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
  }
  .site-navigation .current_page_item {
    display: none;
  }
  .site-navigation li.consumerloan a:before {
    font-family: FontAwesome;
    font-weight: normal;
    content: "\f0d6";
    margin-right: 10px;
  }
  .site-navigation li.creditcard a:before {
    font-family: FontAwesome;
    font-weight: normal;
    content: "\f09d";
    margin-right: 10px;
  }
}
@media screen and (max-width: 768px) {
  .site-header.has-product-menu .responsive-nav {
    display: none;
  }
  .site-header.has-product-menu #menu-primary {
    display: block;
  }
}
.credit_cards .content-column {
  border: 1px solid #fff;
  border-radius: 8px;
  padding: 30px;
  background: rgba(0, 0, 0, 0.1);
}
.credit_cards .content-column h3 {
  text-align: center;
  font-size: 1.4rem;
  margin-bottom: 30px;
}
.credit_cards .content-column h2 {
  font-size: 1.8rem;
  color: #fff;
  margin-top: 5px;
  margin-bottom: 30px;
}
.credit_cards .content-column h5 {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
}
.credit_cards .content-column ul {
  padding: 8px 0;
}
.credit_cards .content-column ul li {
  font-size: 1.1rem;
  list-style: none;
}
.credit_cards .content-column ul li:before {
  font-family: FontAwesome;
  content: "\f00c";
  margin-right: 5px;
  color: #61E6CE;
}
.credit_cards .content-column h6 {
  font-weight: normal;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.5);
}
.credit_cards .content-column img {
  display: block;
  max-height: 160px;
  width: auto;
  text-align: center;
  margin: 0 auto;
}

@media screen and (max-width: 989px) {
  .credit_cards .content-column {
    padding: 15px;
  }
}
@media screen and (max-width: 767px) {
  .credit_cards .content-column {
    margin: 15px 0;
  }
}
@media screen and (min-width: 768px) {
  .credit_cards .content-column {
    flex: 1;
    max-width: none;
    margin: 0 15px;
  }
  .credit_cards .content-column:first-child {
    margin-left: 0;
  }
  .credit_cards .content-column:last-child {
    margin-right: 0;
  }
}
body {
  margin: 0;
}

#page {
  --primary-100: #fff9e6;
  --primary-rgb-100: 255, 249, 230;
  --primary-200: #ffe187;
  --primary-rgb-200: 255, 225, 135;
  --primary-300: #ffdb6d;
  --primary-rgb-300: 255, 219, 109;
  --primary-500: #25B077;
  --primary-rgb-500: 255, 193, 7;
  --primary-700: #ba8b00;
  --primary-rgb-700: 186, 139, 0;
  --primary-900: #876500;
  --primary-rgb-900: 135, 101, 0;
  --secondary-100: #fdeee9;
  --secondary-rgb-100: 253, 238, 233;
  --secondary-200: #f3aa91;
  --secondary-rgb-200: 243, 170, 145;
  --secondary-300: #f1987a;
  --secondary-rgb-300: 241, 152, 122;
  --secondary-500: #e7511e;
  --secondary-rgb-500: 231, 81, 30;
  --secondary-700: #a73812;
  --secondary-rgb-700: 167, 56, 18;
  --secondary-900: #79280d;
  --secondary-rgb-900: 121, 40, 13;
  --success-100: #e5f8f4;
  --success-rgb-100: 229, 248, 244;
  --success-200: #80dbca;
  --success-rgb-200: 128, 219, 202;
  --success-300: #00caa6;
  --success-rgb-300: 0, 202, 166;
  --success-500: #00b695;
  --success-rgb-500: 0, 182, 149;
  --success-700: #009277;
  --success-rgb-700: 0, 146, 119;
  --success-900: #006d59;
  --success-rgb-900: 0, 109, 89;
  /* TO-BE CHECKED/REMOVED */
  --green-300: #86BD47;
  --green-rgb-300: 134, 189, 71;
  --danger-100: #fdeee9;
  --danger-rgb-100: 253, 238, 233;
  --danger-200: #f3aa91;
  --danger-rgb-200: 243, 170, 145;
  --danger-300: #f1987a;
  --danger-rgb-300: 241, 152, 122;
  --danger-500: #e7511e;
  --danger-rgb-500: 231, 81, 30;
  --danger-700: #a73812;
  --danger-rgb-700: 167, 56, 18;
  --danger-900: #79280d;
  --danger-rgb-900: 121, 40, 13;
  --warning-100: #fff9e6;
  --warning-rgb-100: 255, 249, 230;
  --warning-200: #ffe187;
  --warning-rgb-200: 255, 225, 135;
  --warning-300: #ffdb6d;
  --warning-rgb-300: 255, 219, 109;
  --warning-500: #ffc107;
  --warning-rgb-500: 255, 193, 7;
  --warning-700: #ba8b00;
  --warning-rgb-700: 186, 139, 0;
  --warning-900: #876500;
  --warning-rgb-900: 135, 101, 0;
  --info-100: #eef6ff;
  --info-rgb-100: 238, 246, 255;
  --info-200: #bad9fd;
  --info-rgb-200: 186, 217, 253;
  --info-300: #98c7fc;
  --info-rgb-300: 152, 199, 252;
  --info-500: #53a1fa;
  --info-rgb-500: 83, 161, 250;
  --info-700: #4281c8;
  --info-rgb-700: 66, 129, 200;
  --info-900: #326196;
  --info-rgb-900: 50, 97, 150;
  --light-100: #fcfcfc;
  --light-rgb-100: 252, 252, 252;
  --light-200: #f8f8f8;
  --light-rgb-200: 248, 248, 248;
  --light-300: #f4f4f4;
  --light-rgb-300: 244, 244, 244;
  --light-400: #e3e3e3;
  --light-rgb-400: 227, 227, 227;
  --light-500: #cfcfcf;
  --light-rgb-500: 207, 207, 207;
  --light-600: #b5b5b5;
  --light-rgb-600: 181, 181, 181;
  --light-700: #9c9c9c;
  --light-rgb-700: 156, 156, 156;
  --light-900: #848484;
  --light-rgb-900: 132, 132, 132;
  --grey-100: white;
  --grey-rgb-100: 255, 255, 255;
  --dark-100: #828d98;
  --dark-rgb-100: 130, 141, 152;
  --dark-200: #25B077;
  --dark-rgb-200: 90, 101, 112;
  --dark-300: #4e5862;
  --dark-rgb-300: 78, 88, 98;
  --dark-500: #363d43;
  --dark-rgb-500: 54, 61, 67;
  --dark-700: #212529;
  --dark-rgb-700: 33, 37, 41;
  --dark-900: black;
  --dark-rgb-900: 0, 0, 0;
  --white-100: white;
  --white-rgb-100: 255, 255, 255;
  --white-200: white;
  --white-rgb-200: 255, 255, 255;
  --white-300: var(--light-300);
  --white-rgb-300: var(--light-rgb-300);
  --white-500: var(--light-500);
  --white-rgb-500: var(--light-rgb-500);
  --white-700: var(--light-700);
  --white-rgb-700: var(--light-rgb-700);
  --white-900: var(--light-900);
  --white-rgb-900: var(--light-rgb-900);
  /* Aliases */
  --primary-color: var(--primary-500);
  --secondary-color: var(--secondary-500);
  --black-color: var(--dark-900);
  --text-color: var(--dark-900);
  --white-color: var(--white-100);
  --success-color: var(--success-500);
  --danger-color: var(--danger-500);
  --danger-light-color: var(--danger-100);
  --info-color: var(--info-500);
  /* BORDERS */
  --border-radius: 25px;
  /* INPUT FIELDS ELEVATION */
  --box-shadow-base: 0 0 0 2px;
  --box-shadow: 0 0 0 2px rgba(171, 171, 171, 0.2);
  --box-shadow-danger: 0 0 0 2px rgba(167, 56, 18, 0.1);
  --box-shadow-success: 0 0 0 2px rgba(var(--success-rgb-500), 0.3);
  /* ELEVATION */
  --bottom-container-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
  --bottom-container-spread: 0 0 10px 0 rgba(0,0,0,.1);
  /* PADDING */
  --padding-small-1: 4px;
  --padding-small-2: 8px;
  --padding-small-3: 12px;
  --padding-small-4: 16px;
  --padding-medium-1: 20px;
  --padding-medium-2: 24px;
  --padding-medium-3: 32px;
  --padding-medium-4: 40px;
  --padding-large-1: 48px;
  --padding-large-2: 64px;
  --padding-large-3: 80px;
  /* MARGIN */
  --margin-small-1: 4px;
  --margin-small-2: 8px;
  --margin-small-3: 12px;
  --margin-small-4: 16px;
  --margin-medium-1: 20px;
  --margin-medium-2: 24px;
  --margin-medium-3: 32px;
  --margin-medium-4: 40px;
  --margin-large-1: 48px;
  --margin-large-2: 64px;
  --margin-large-3: 80px;
  /* FONT SIZES */
  --font-small-1: 12px;
  --font-small-2: 14px;
  --font-small-3: 16px;
  --font-medium-1: 18px;
  --font-medium-2: 20px;
  --font-medium-3: 24px;
  --font-medium-4: 32px;
  --font-large-1: 40px;
  --font-large-2: 48px;
  --font-large-3: 60px;
  /* CTAS FONT SIZE */
  --cta-button-font-size: 18px;
  /* FONT WEIGHTS */
  --font-weight-normal: normal;
  /* OLD ONES */
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  /* FONTS */
  --font-family-heading: "Montserrat", Georgia, Times, serif;
  --font-family-content: "Montserrat", Arial, Helvetica, Sans-Serif;
  /* LINE HEIGHTS */
  --line-height-heading: 125%;
  --line-height-content: 150%;
  /* BREAKPOINTS */
  --breakpoint-small: 480px;
  --breakpoint-mobile: 576px;
  --breakpoint-medium: 768px;
  --breakpoint-large: 1200px;
}

/***********************************************************************************************************************
*  1.  Font Stuff
************************************************************************************************************************/
h1, h2,
input[type=submit],
label {
  text-transform: uppercase;
}

/***********************************************************************************************************************
*  1.  Form
************************************************************************************************************************/
.axo-form {
  position: relative;
  z-index: 99;
}

.axo-form .loan-data {
  color: #fff !important;
}

.loan-data .input-wrapper {
  margin-top: 30px;
}

.content-under-button {
  margin: 10px 0;
}

#sliderAmountValue.slider-value:before {
  content: attr(data-unit);
  margin-right: 5px;
}

#sliderAmountValue.slider-value:after {
  content: none;
}

#axoMonthlyPayment.monthly-payment .value:before {
  content: attr(data-unit);
  margin-right: 5px;
}

#axoMonthlyPayment.monthly-payment .value:after {
  content: none;
}

.axo-form .loan-example {
  margin-top: 0;
  padding: 20px;
  background-color: #fff;
}

.axo-form-full {
  min-height: 300px;
}

.axo-form-full .content-axoform {
  color: #0c3038;
}

.axo-form .input-range-wrapper {
  width: 75%;
  margin: auto 2%;
  display: inline-block;
  vertical-align: middle;
}

.axo-form .input-min,
.axo-form .input-max {
  width: 9%;
  display: inline-block;
  line-height: 24px;
  vertical-align: middle;
}

.axo-form .input-max {
  text-align: right;
}

/********************************************************
OVERRIDES FOR AXO FULL FORM
*********************************************************/
#axo-root {
  --border-radius: 8px;
}

#sp_110_content font,
div[class^=StepperDesktop-module_stepLabel] {
  color: #fff !important;
}

div[class^=_step_] div[class^=_stepLabel_] {
  color: #fff !important;
}

.content-axoform .sv_p_title {
  font-size: 1.25rem;
  color: #0c3038;
}

div[class^=_box_] h3 {
  color: #0c3038;
}

div[class^=_progressbarContainer_] {
  border-radius: 8px;
}

div[class^=_progressbarContainer_] h2 {
  color: #0c3038;
}

article[class^=_trustpilot] {
  border-radius: 8px;
  background-color: #fff;
}

button[class^=_Button_] {
  border-radius: 40px;
}

.container-axoform label {
  text-transform: none;
}

@media screen and (min-width: 768px) and (max-width: 990px) {
  .axo-form .loan-data:after {
    content: "";
    display: table;
    clear: both;
  }
  .axo-form .loan-data .input-wrapper:first-child {
    margin-left: 0;
  }
  .axo-form .loan-data .input-wrapper:after {
    content: "";
    display: table;
    clear: both;
  }
  .axo-form .monthly-payment {
    width: 100%;
    margin-top: 30px;
  }
}
@media screen and (min-width: 990px) and (max-width: 1200px) {
  .creditcard .axo-form .input-wrapper .slider-label,
  .creditcard .axo-form .input-wrapper .slider-value {
    font-size: 1.35rem;
  }
}
@media screen and (max-width: 768px) {
  .axo-form .loan-data {
    padding: 0;
  }
}
@media screen and (max-width: 500px) {
  .axo-form .input-wrapper .slider-label,
  .axo-form .input-wrapper .slider-value,
  .axo-form .monthly-payment .value {
    font-size: 1.25rem;
  }
  .axo-form .input-wrapper .input-min,
  .axo-form .input-wrapper .input-max {
    display: none;
  }
  .axo-form .input-wrapper .input-range-wrapper {
    width: 100%;
  }
}
/***********************************************************************************************************************
*  2.  Loading Spinner
************************************************************************************************************************/
.axo-form:after {
  transition: all ease-in 0.3s;
}

.axo-form.loading .applicant-data:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
  transition: all ease-in 0.3s;
}

.axo-form .loading-wrapper {
  display: none;
}

.axo-form.loading .loading-wrapper {
  display: block;
}

.loading-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}

.loading-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 90px;
  height: 90px;
}

.loading-spinner div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 90px;
  height: 90px;
  border: 6px solid #25B077;
  border-radius: 50%;
  animation: loading-spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #25B077 transparent transparent transparent;
}

.loading-spinner div:nth-child(1) {
  animation-delay: -0.45s;
}

.loading-spinner div:nth-child(2) {
  animation-delay: -0.3s;
}

.loading-spinner div:nth-child(3) {
  animation-delay: -0.15s;
}

@media screen and (min-width: 768px) {
  /*.axo-form.loading:after,
  .axo-form.loading .loading-wrapper {
      flex: 0 0 41.6666666667%;
      max-width: 41.6666666667%;
      margin-left: 58.3333333333%;
  }*/
}
/***********************************************************************************************************************
    Kredittkort Page Content
***********************************************************************************************************************/
.creditcard .page-title {
  margin: 0 0 30px 0;
  padding: 0;
}

.creditcard .page-title h1 {
  font-size: 60px;
  font-weight: bold;
  text-align: left;
  line-height: 1em;
}

.creditcard .page-title h1,
.creditcard .page-title h2,
.creditcard .page-title h3 {
  margin-bottom: 0.5em;
}

.creditcard .page-title li {
  list-style: none;
  margin-bottom: 10px;
  vertical-align: center;
}

.creditcard .page-title li h4 {
  display: inline-block;
  margin: 0;
  line-height: 60px;
}

.creditcard .page-title li:before {
  display: inline-block;
  width: 45px;
  height: 45px;
  font-family: FontAwesome;
  font-size: 1.7rem;
  text-align: center;
  line-height: 45px;
  content: "\f00c";
  margin-right: 5px;
  color: #25B077;
  border: 1px solid #25B077;
  border-radius: 50%;
}

.creditcard .page-container {
  margin: 90px auto;
}

@media screen and (min-width: 800px) {
  .creditcard .page-title {
    margin-top: 60px;
  }
}
@media screen and (max-width: 989px) {
  .creditcard .page-title h1 {
    font-size: 40px;
  }
  .creditcard .page-container {
    margin: 60px auto;
  }
}
@media screen and (max-width: 500px) {
  .creditcard .page-title h1 {
    font-size: 32px;
  }
}
/***********************************************************************************************************************
*  3.  Submission Failed Popup
************************************************************************************************************************/
.axo-form .submit-failed {
  padding: 30px;
  width: 95%;
  max-width: 650px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  color: #0c3038;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
.axo-form .submit-failed h1, .axo-form .submit-failed h2, .axo-form .submit-failed h3, .axo-form .submit-failed h4, .axo-form .submit-failed h5, .axo-form .submit-failed h6 {
  color: #0c3038;
}

/***********************************************************************************************************************
*  3.  Loading Form
************************************************************************************************************************/
#axoFormShort input[type=submit] {
  transition: all ease-in 0.3s;
}

#axoFormShort input[type=submit]:disabled {
  background-color: #999 !important;
  opacity: 0.5;
  transition: all ease-in 0.3s;
}

@keyframes loading-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=axo-form.css.map */