@charset "UTF-8";
/* (max-width: 360px)
 * Odpowiednik dla @include media-breakpoint-down(xs)
 */
/* (min-width: 361px)
 * Odpowiednik dla @include media-breakpoint-up(sm)
 */
/* (min-width: 361px) and (max-width: 600px)
 * Odpowiednik dla @include media-breakpoint-between(sm,sm);
 */
/* (max-width: 600px)
 * Odpowiednik dla @include media-breakpoint-down(sm)
 */
/* (min-width: 601px)
 * Odpowiednik dla @include media-breakpoint-up(md)
 */
/* (max-width: 960px)
 * Odpowiednik dla @include media-breakpoint-down(md)
 */
/* (min-width: 601px) and (max-width: 960px)
 * Odpowiednik dla @include media-breakpoint-only(md)
 */
/* (min-width: 961px)
 * Odpowiednik dla @include media-breakpoint-up(lg)
 */
/* (min-width: 361px) and (max-width: 1280px)
 * Odpowiednik dla @include media-breakpoint-between(sm,lg)
 */
/* (max-width: 1280px)
 * Odpowiednik @include media-breakpoint-down(lg)
 */
/* (min-width: 961px)
 * Odpwiednik @include media-breakpoint-up(lg)
 */
/* (min-width: 361px) and (max-width: 1280px)
 * Niestandardowy breakpoint. Brak obsługi po stronie bootstrapa
 */
/**
  1. Colors
  2. Border
  3. Font
  4. Elementy interface
  5. Space
  6. z-index
  7. Button
  8. Shadows
  9. Icon
  10. Transitions
  11. Component variables

**/
/**
  * 1. Colors
*/
/**
  * 3. Font
*/
/**
  * 4. Elementy interface
*/
/* Line height's PING */
/* Header PWA */
/**
  * 5. Space
*/
/* Spacers PING */
/**
  * 6. z-index
*/
/**
  * 6. Button
*/
/**
  * 8. Shadows
*/
/* Box shadows */
/**
  * 9. Icon
*/
/* Icon sizes */
/**
  * 10. Transitions
*/
/**
  * 11. Component variables
*/
/* Ripple */
/** Component **/
/*Paddingi na strone główną, dla zajawek i karuzeli akutalności*/
/* Motion design
 * - Hover - dostępny wyłącznie min-width: 601 - założenie koncepcyjne
 */
@font-face {
  font-family: "web-fonts";
  src: url("/_static/web-fonts//web-fonts.eot?#iefix") format("eot"), url("/_static/web-fonts//web-fonts.ttf") format("ttf"), url("/_static/web-fonts//web-fonts.woff") format("woff");
}
.cpl__submit .web-icon:before, .cpl__error:before, .cpl__selectComposite:after, .cpl__inputClear:before, .cpl__inputDecor:before {
  font-family: "web-fonts";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
}

body.state-zoom400 .rate-filters div[role=radio] {
  padding: 4px 10px;
}

@font-face {
  font-family: "web-fonts";
  src: url("/_static/web-fonts//web-fonts.eot?#iefix") format("eot"), url("/_static/web-fonts//web-fonts.ttf") format("ttf"), url("/_static/web-fonts//web-fonts.woff") format("woff");
}
.cpl__submit .web-icon:before, .cpl__error:before, .cpl__selectComposite:after, .cpl__inputClear:before, .cpl__inputDecor:before {
  font-family: "web-fonts";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
}

@font-face {
  font-family: "ING-Display";
  font-style: normal;
  font-weight: 700;
  src: url("/_static/user-component/leasenow/INGdisplay-Bold.aa999879594564e500ac.woff2") format("woff2"), url("/_static/user-component/leasenow/INGdisplay-Bold.aa999879594564e500ac.woff") format("woff");
}
.layout_section.leasenow-header .layout_container {
  max-width: 815px;
}
.layout_section.leasenow-header {
  background-color: #89D6FD;
}
.layout_section.leasenow-header .component.content {
  padding: 80px 0 40px;
}
@media (max-width: 960px) {
  .layout_section.leasenow-header .component.content {
    padding: 64px 0 24px;
  }
}
.layout_section.leasenow-header .component.content {
  color: #111010;
}
.layout_section.leasenow-header .component.content .content_area {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.layout_section.leasenow-header .component.content .content_area p {
  margin-bottom: 8px;
}
@media (max-width: 960px) {
  .layout_section.leasenow-header .component.content .content_area p {
    font-size: 19px;
  }
}
.layout_section.leasenow-header .component.content .content_area p {
  font-size: 24px;
  line-height: 1.5;
  font-weight: 700;
}
.layout_section.leasenow-header .component.content .content_area h2 {
  font-family: ING-Display, INGme, Helvetica, Arial, Sans-serif, Helvetica, Arial, Sans-serif;
  margin-bottom: 0;
  font-size: 64px;
  line-height: 1.1;
  color: #4D0020;
}
.layout_section.leasenow-header .component.block_how_to_start {
  padding-top: 16px;
  padding-bottom: 119px;
}
@media (max-width: 960px) {
  .layout_section.leasenow-header .component.block_how_to_start {
    padding-top: 32px;
    padding-bottom: 64px;
  }
}
.layout_section.leasenow-header .component.block_how_to_start .content_area p {
  margin-bottom: 0;
}
.layout_section.leasenow-header .component.block_how_to_start .headTitle {
  margin-bottom: 0;
}
.layout_section.leasenow-header .wrapper.horizontal .step_numberValue {
  background-color: var(--color-ingWhite);
  border-color: var(--color-ingWhite);
  color: #525199;
}
.layout_section.leasenow-header .wrapper.horizontal .step_number::after {
  opacity: 1;
  border-color: var(--color-ingWhite);
}

.layout_section.leasenow-content:not(.leasenow-content--oneProduct) {
  background-color: #F7F4F1;
}
#outlet-content .layout_section.leasenow-content .user_component {
  padding: 80px 0;
}
@media (max-width: 960px) {
  #outlet-content .layout_section.leasenow-content .user_component {
    padding: 32px 0 29px;
  }
}

.layout_section.leasenow-content {
  position: relative;
}
.layout_section.leasenow-content .layout_column {
  position: static;
}

.cpl {
  max-width: 815px;
  margin: 0 auto;
}
.cpl--oneProduct .cpl__items,
.cpl--oneProduct .cpl__subheader {
  display: none;
}
.cpl__items {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding: 16px 0;
}
.cpl__item {
  width: 191px;
  flex: 0 0 auto;
}
@media (max-width: 960px) {
  .cpl__item {
    width: calc(50% - 8px);
  }
}
.cpl__item {
  margin: 0;
  border-radius: 4px;
  padding: 16px 16px 20px;
  background-color: var(--color-ingWhite);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px -2px rgba(0, 0, 0, 0.1215686275), 0px 2px 2px 0px rgba(0, 0, 0, 0.1411764706);
}
.cpl__itemImage {
  display: block;
  margin: 0 auto 16px;
}
.cpl__itemName {
  display: block;
  padding-bottom: 23px;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 22px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
.cpl__item input {
  position: absolute;
  width: 0px;
  height: 0px;
  margin: 0px;
  border: 0;
  padding: 0;
  overflow: hidden;
}
.cpl__item input:focus {
  outline: none;
}
.cpl__itemRadio {
  margin-bottom: 2px;
  display: flex;
  justify-content: center;
  gap: 8px;
}
.cpl__itemRadioIndicator {
  position: relative;
  top: 1px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  box-shadow: rgb(213, 213, 213) 0px 2px 2px 0px inset;
  border: 1px solid rgb(105, 105, 105);
  display: flex;
  align-items: center;
  justify-content: center;
}
.cpl__item input:checked ~ .cpl__itemRadio .cpl__itemRadioIndicator::before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: var(--color-ingOrange);
}
.cpl__item input:focus-visible ~ .cpl__itemRadio .cpl__itemRadioIndicator {
  outline: 2px solid #335D7D;
  outline-offset: -1px;
  box-shadow: inset 0 0 0 2px var(--color-ingWhite);
}
.cpl:not(.cpl--oneProduct) .cpl__header {
  margin-bottom: 0;
  font-family: ING-Display, INGme, Helvetica, Arial, Sans-serif, Helvetica, Arial, Sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 1.2;
  color: #0D0804;
}
.cpl.cpl--oneProduct .cpl__header, .cpl__subheader {
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.5;
}
.cpl__form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.cpl__formItem {
  display: flex;
  align-items: baseline;
  gap: 24px;
}
@media (max-width: 960px) {
  .cpl__formItem {
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
  }
}
.cpl__formItem--static .cpl__field {
  display: block;
  max-width: 274px;
  font-weight: 700;
  text-align: right;
}
@media (max-width: 960px) {
  .cpl__formItem--static .cpl__field {
    text-align: left;
  }
}
.cpl__formItem--button {
  padding-top: 52px;
}
@media (max-width: 960px) {
  .cpl__formItem--button {
    padding-top: 32px;
    align-items: center;
  }
}
.cpl--oneProduct .cpl__formItem--button {
  padding-top: 16px;
}
.cpl__label {
  width: 290px;
  margin: 0;
  flex: 0 0 auto;
  line-height: 1.5;
  text-align: right;
}
@media (max-width: 960px) {
  .cpl__label {
    width: auto;
    text-align: left;
  }
}
.cpl__labelHelper {
  display: block;
  font-size: 14px;
  color: #696969;
}
.cpl__field {
  flex: 1 1 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.cpl__field--item {
  position: relative;
}
.cpl__inputComposite {
  flex: 1 1 0;
  position: relative;
  display: flex;
  max-width: 328px;
}
.cpl__input ::-ms-clear {
  display: none;
}
.cpl__input ::-webkit-search-decoration,
.cpl__input ::-webkit-search-cancel-button,
.cpl__input ::-webkit-search-results-button,
.cpl__input ::-webkit-search-results-decoration {
  display: none;
}
.cpl__input {
  height: 40px;
  border: 1px solid #696969;
  border-radius: 4px;
  box-shadow: 0px 2px 2px 0px #D5D5D5 inset, 0px 5px 5px 20px #FFF inset;
  padding: 0 12px;
}
.cpl__input:focus {
  outline: none;
}
.cpl__input:focus-visible {
  outline: 2px solid #335D7D;
  border-color: var(--color-ingWhite);
  z-index: 0;
}
.cpl__input--item {
  height: 40px;
  border: 1px solid #696969;
  border-radius: 4px;
  box-shadow: 0px 2px 2px 0px #D5D5D5 inset, 0px 5px 5px 20px #FFF inset;
  padding: 0 12px;
}
.cpl__input--item:focus {
  outline: none;
}
.cpl__input--item:focus-visible {
  outline: 2px solid #335D7D;
  border-color: var(--color-ingWhite);
  z-index: 0;
}
.cpl__input--item:focus:placeholder-shown {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.cpl__input--item:not(:placeholder-shown) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.cpl__input {
  color: var(--color-fg-default);
  width: 100%;
}
.cpl__inputDecor {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  box-shadow: none;
  color: var(--color-fg-default);
  padding: 0;
  height: 40px;
  border: 1px solid #696969;
  border-radius: 4px;
  box-shadow: 0px 2px 2px 0px #D5D5D5 inset, 0px 5px 5px 20px #FFF inset;
}
.cpl__inputDecor:focus {
  outline: none;
}
.cpl__inputDecor:focus-visible {
  outline: 2px solid #335D7D;
  border-color: var(--color-ingWhite);
  z-index: 0;
}
.cpl__inputDecor {
  display: flex;
  width: 40px;
  background-color: var(--color-ingWhite);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
}
.cpl__inputDecor:before {
  content: "\E05A";
}
.cpl__inputDecor::before {
  font-size: 24px;
  color: var(--color-ingOrange);
}
.cpl__inputDecor {
  cursor: default;
}
.cpl__inputClear {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  box-shadow: none;
  color: var(--color-fg-default);
  padding: 0;
  height: 40px;
  border: 1px solid #696969;
  border-radius: 4px;
  box-shadow: 0px 2px 2px 0px #D5D5D5 inset, 0px 5px 5px 20px #FFF inset;
}
.cpl__inputClear:focus {
  outline: none;
}
.cpl__inputClear:focus-visible {
  outline: 2px solid #335D7D;
  border-color: var(--color-ingWhite);
  z-index: 0;
}
.cpl__inputClear {
  display: flex;
  width: 40px;
  background-color: var(--color-ingWhite);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
}
.cpl__inputClear:before {
  content: "\E018";
}
.cpl__inputClear::before {
  font-size: 18px;
  color: var(--color-ingOrange);
}
.cpl__inputClear {
  display: none;
}
.cpl__input:not(:focus) + .cpl__inputDecor {
  position: absolute;
  right: 0;
  height: 100%;
  border-color: transparent;
  background-color: transparent;
  box-shadow: none;
}
.cpl__input:not(:placeholder-shown) ~ .cpl__inputDecor {
  display: none;
}
.cpl__input:not(:placeholder-shown) ~ .cpl__inputClear {
  display: block;
}
.cpl__input--value {
  width: 195px;
  font-weight: 700;
  text-align: right;
}
.cpl__select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 108px;
  height: 40px;
  border: 1px solid #696969;
  border-radius: 4px;
  box-shadow: 0px 2px 2px 0px #D5D5D5 inset, 0px 5px 5px 20px #FFF inset;
  padding: 0 12px;
}
.cpl__select:focus {
  outline: none;
}
.cpl__select:focus-visible {
  outline: 2px solid #335D7D;
  border-color: var(--color-ingWhite);
  z-index: 0;
}
.cpl__select {
  box-shadow: none;
  background-color: var(--color-ingWhite);
}
.cpl__selectComposite {
  position: relative;
}
.cpl__selectComposite:after {
  content: "\E002";
  position: absolute;
  right: 7px;
  bottom: 4px;
  font-size: 24px;
  transform: rotate(180deg);
  transition: 0.2s ease all;
  pointer-events: none;
  color: #696969;
}
.cpl__input.state-error, .cpl__select.state-error {
  border-color: #D70000;
}
.cpl__autocomplete {
  display: none;
  position: absolute;
  top: 42px;
  width: 328px;
  max-height: 200px;
  overflow-y: auto;
  border-radius: 4px;
  background-color: var(--color-ingWhite);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px -2px rgba(0, 0, 0, 0.1215686275), 0px 2px 2px 0px rgba(0, 0, 0, 0.1411764706);
  z-index: 1;
}
.cpl__autocomplete.state-visible {
  display: block;
}
.cpl__autocomplete button {
  display: block;
  width: 100%;
  border: 0;
  padding: 8px 12px;
  background-color: var(--color-ingWhite);
  text-align: left;
  font-weight: bold;
  line-height: 1.5;
}
.cpl__autocomplete button[data-id=""] {
  cursor: default;
}
.cpl__autocomplete button:not([data-id=""]):hover {
  background-color: #DFEDF8;
}
.cpl__autocomplete button:focus {
  outline: 2px solid #335D7D;
  outline-offset: -2px;
}
.cpl__autocomplete mark {
  background: none;
  font-weight: 400;
}
.cpl__error:empty {
  display: none;
}
.cpl__error {
  width: 100%;
}
.cpl__error:before {
  content: "\E02A";
  position: relative;
  top: 4px;
  margin-right: 4px;
  line-height: 0;
  font-size: 20px;
  color: #D70000;
}
.cpl__submit {
  position: relative;
  padding: 0;
  border: 0;
  background-color: transparent;
  font-size: 19px;
  font-weight: 700;
  color: var(--color-ingWhite);
}
.cpl__submit:disabled {
  opacity: 0.4;
}
.cpl__submit > span {
  position: absolute;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.cpl__submit .web-icon:before {
  content: "\E017";
}
.cpl__submit .web-icon {
  line-height: 0;
  font-size: 1.25em;
  vertical-align: middle;
}
.cpl__submit svg {
  color: #4D0020;
}
.cpl__submit:hover svg, .cpl__submit:active svg {
  color: #5b1431;
}
.cpl__submit.prepared {
  margin-top: -2px;
  margin-bottom: -2px;
}
.cpl__submit.prepared svg + svg {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
}
.cpl__submit.prepared:focus-visible {
  outline: none;
}
.cpl__submit.prepared:focus-visible svg:first-child {
  transform: scale(1.03, 1.13);
}
.cpl__submit.prepared:focus-visible svg:first-child path {
  stroke: black;
  stroke-width: 2px;
  fill: var(--color-ingWhite);
}
.cpl__submit.prepared:focus-visible svg + svg {
  display: block;
}
.cpl--oneProduct .cpl__submit svg {
  color: var(--color-ingOrange);
}
.cpl--oneProduct .cpl__submit:hover svg, .cpl--oneProduct .cpl__submit:active svg {
  color: rgb(255, 129.4, 51);
}
.cpl__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.25);
}
.cpl__overlayContent {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  overflow: hidden;
}
.cpl__waitBlock {
  width: 226px;
  height: 140px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: var(--color-ingWhite);
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2392156863);
}
.cpl__waitBlock p {
  font-size: 19px;
  margin: 16px 0 0;
}
.cpl__errorBlock {
  display: flex;
  align-items: baseline;
  width: 280px;
  border-radius: 4px;
  background-color: var(--color-ingWhite);
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2392156863);
  border: 2px solid #FF6200;
}
.cpl__errorBlockIcon {
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  width: 34px;
}
.cpl__errorBlockIcon svg {
  position: relative;
  top: 3px;
}
.cpl__errorBlock p {
  margin: 6px 0 10px;
}
.cpl__errorBlock button {
  margin-bottom: 14px;
  height: 32px;
  padding: 0 12px;
  border: 2px solid #0D0804;
  border-radius: 16px;
  background-color: var(--color-ingWhite);
  font-size: 15px;
  font-weight: 700;
}
.cpl__spinner {
  display: inline-block;
  width: 42px;
  height: 42px;
  border: 5px solid var(--color-ingOrange);
  border-bottom-color: transparent;
  border-radius: 50%;
  -webkit-animation: rotation 1s linear infinite;
          animation: rotation 1s linear infinite;
}

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

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}