@charset "UTF-8";
.header__holder,
.main__holder,
.general-info__holder,
.footer__holder {
  box-sizing: border-box;
  padding: 0 1.5em;
  width: 100%; }

.ui-widget.ui-button, .ui-widget.ui-datalist .ui-accordion-header, .ui-input .ui-input__label, .ui-input .ui-input__line, .wizard-form .tab-obligatory .ui-select__label, .wizard-form .tab-obligatory .ui-select__line, .attachments-form__clear-button {
  transition: all .2s; }

.index, .info, .contacts, .faq, .repayment, .login, .activity, .newclient, .bank_id, .pujcka-na-mesic, .pujcka-pred-vyplatou, .kratkodoba-pujcka, .rychla-pujcka-na-ucet, .nebankovni-pujcka-ihned, .pujcka-100000 {
  display: flex;
  flex-flow: column nowrap; }

.activity .application-part .app-list__actions .accounts-details {
  background-color: #fff;
  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  padding: 1em;
  width: 100%; }

/* Grid */
@font-face {
  font-family: "Montserrat-Regular";
  font-weight: normal;
  font-style: normal;
  src: url("/javax.faces.resource/fonts/montserrat/Montserrat-Regular.eot.xhtml");
  src: url("/javax.faces.resource/fonts/montserrat/Montserrat-Regular.eot.xhtml?#iefix") format("embedded-opentype"),url("/javax.faces.resource/fonts/montserrat/Montserrat-Regular.woff.xhtml") format("woff"),url("/javax.faces.resource/fonts/montserrat/Montserrat-Regular.ttf.xhtml") format("truetype"); }

@font-face {
  font-family: "Montserrat-SemiBold";
  font-weight: 600;
  font-style: normal;
  src: url("/javax.faces.resource/fonts/montserrat/Montserrat-SemiBold.eot.xhtml");
  src: url("/javax.faces.resource/fonts/montserrat/Montserrat-SemiBold.eot.xhtml?#iefix") format("embedded-opentype"),url("/javax.faces.resource/fonts/montserrat/Montserrat-SemiBold.woff.xhtml") format("woff"),url("/javax.faces.resource/fonts/montserrat/Montserrat-SemiBold.ttf.xhtml") format("truetype"); }

@font-face {
  font-family: "Montserrat-Bold";
  font-weight: bold;
  font-style: normal;
  src: url("/javax.faces.resource/fonts/montserrat/Montserrat-Bold.eot.xhtml");
  src: url("/javax.faces.resource/fonts/montserrat/Montserrat-Bold.eot.xhtml?#iefix") format("embedded-opentype"),url("/javax.faces.resource/fonts/montserrat/Montserrat-Bold.woff.xhtml") format("woff"),url("/javax.faces.resource/fonts/montserrat/Montserrat-Bold.ttf.xhtml") format("truetype"); }

@font-face {
  font-family: "Montserrat-Black";
  font-weight: 900;
  font-style: normal;
  src: url("/javax.faces.resource/fonts/montserrat/Montserrat-Black.eot.xhtml");
  src: url("/javax.faces.resource/fonts/montserrat/Montserrat-Black.eot.xhtml?#iefix") format("embedded-opentype"),url("/javax.faces.resource/fonts/montserrat/Montserrat-Black.woff.xhtml") format("woff"),url("/javax.faces.resource/fonts/montserrat/Montserrat-Black.ttf.xhtml") format("truetype"); }

@font-face {
  font-family: "Montserrat-Medium";
  font-weight: 500;
  font-style: normal;
  src: url("/javax.faces.resource/fonts/montserrat/Montserrat-Medium.eot.xhtml");
  src: url("/javax.faces.resource/fonts/montserrat/Montserrat-Medium.eot.xhtml?#iefix") format("embedded-opentype"),url("/javax.faces.resource/fonts/montserrat/Montserrat-Medium.woff.xhtml") format("woff"),url("/javax.faces.resource/fonts/montserrat/Montserrat-Medium.ttf.xhtml") format("truetype"); }

* {
  margin: 0;
  outline: none !important;
  padding: 0; }

html,
body,
.wrapper {
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  min-height: 100%;
  min-width: 320px;
  width: 100%; }

body {
  align-items: center;
  background-color: #f5f5f5;
  color: #4d4d4d;
  font: 16px / normal Montserrat-Regular, sans-serif;
  flex-grow: 1;
  opacity: 1;
  transition: all .2s; }
  .samsung-browser body {
    background-image: none; }
  body main {
    flex-grow: 1;
    padding-bottom: 4.37em; }

.wrapper {
  align-items: center;
  flex-grow: 1; }

.environment-info {
  position: fixed;
  top: 0;
  background-color: #ff000040;
  color: #ce1127;
  font-family: Montserrat-SemiBold, sans-serif;
  z-index: 999;
  pointer-events: none;
  flex-shrink: 0;
  font-size: 1em;
  letter-spacing: .5em;
  text-align: center;
  text-transform: uppercase;
  width: 100%; }
  @media (min-width: 641px) {
    .environment-info {
      font-size: 1.5em; } }

.shown {
  display: block !important; }

.hidden {
  display: none !important; }

.not-scrolled {
  overflow: hidden !important; }

a,
.ui-link {
  color: #ce1127;
  text-decoration: none; }
  a:hover,
  .ui-link:hover {
    text-decoration: underline; }

.discard {
  border: none;
  width: 0; }
  @media only screen and (max-width: 959px) {
    .discard_md {
      width: 100%; } }
  @media only screen and (max-width: 640px) {
    .discard_sm {
      width: 100%; } }

.header__holder {
  margin-top: 3.12em; }
  @media only screen and (max-width: 640px) {
    .header__holder {
      margin: 0;
      padding: 0; } }
  .header__holder_fixed {
    margin-top: 0;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 500; }
  .header__holder_small .header {
    padding: .5em 2.28em; }

.content {
  display: flex;
  flex-flow: column nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  width: 100%; }

.main__holder {
  flex-grow: 1; }

.general-info__holder,
.footer__holder {
  background-color: #fff; }

.preloader {
  background: #fff url("/javax.faces.resource/theme/preloader.svg.xhtml") center no-repeat;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 5000; }

.hidden-content {
  position: absolute;
  text-indent: -99999px; }

.nowrap {
  white-space: nowrap; }

.font_black {
  font-family: Montserrat-Black, sans-serif; }

.font_blue {
  color: #0054a6; }

.font_bold {
  font-weight: bold; }

input[type="text"],
input[type="tel"] {
  border-radius: 0; }

.page-title, .info__section__title {
  font-family: Montserrat-Medium, sans-serif;
  font-size: 1.25em;
  margin: 3.7em auto 2.75em;
  text-align: center;
  transition: all .2s; }
  @media only screen and (max-width: 959px) {
    .page-title, .info__section__title {
      margin: 2em auto 1.5em auto; } }
  @media only screen and (max-width: 480px) {
    .page-title, .info__section__title {
      margin: 1.34em auto 1em auto; } }

/* Commons */
.ui-widget {
  /* &.ui-blockui-content {
    box-shadow: $boxShadow;
    height: 100%;
    left: 50%;
    padding: 1em;
    position: fixed;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 1000 !important;
  } */ }
  .ui-widget.ui-button {
    border: none;
    cursor: pointer;
    display: inline-block;
    font-family: Montserrat-SemiBold, sans-serif;
    font-size: 1em;
    margin: 0;
    overflow: hidden;
    padding: .7em 2em;
    position: relative;
    text-decoration: none !important;
    text-align: center;
    width: 100%;
    zoom: 1; }
    .ui-widget.ui-button_product-change {
      width: 32%;
      padding: .6em .2em;
      background-color: #0054a6;
      color: #fff; }
      .ui-widget.ui-button_product-change.ui-state-default {
        border: none;
        box-shadow: none;
        opacity: 0.6; }
      .ui-widget.ui-button_product-change.ui-state-hover {
        box-shadow: 0 0 0.3em #0054a6; }
      .ui-widget.ui-button_product-change[disabled] {
        opacity: 1 !important;
        box-shadow: none; }
    .ui-widget.ui-button_blue {
      background-color: #0054a6;
      color: #fff; }
      .ui-widget.ui-button_blue:hover {
        box-shadow: 0 0 0.3em #0054a6; }
      .ui-widget.ui-button_blue-light {
        background-color: #fff;
        border: 1px solid #0054a6;
        color: #0054a6; }
        .ui-widget.ui-button_blue-light:hover {
          box-shadow: 0 0 0.3em #0054a6; }
    .ui-widget.ui-button_gray {
      background-color: #e4e4e4;
      color: #4d4d4d; }
      .ui-widget.ui-button_gray:hover {
        box-shadow: 0 0 0.3em #e4e4e4; }
      .ui-widget.ui-button_gray-light {
        background-color: #fff;
        border: 1px solid #e4e4e4;
        color: #4d4d4d; }
        .ui-widget.ui-button_gray-light:hover {
          box-shadow: 0 0 0.3em #e4e4e4; }
    .ui-widget.ui-button_red {
      background-color: #ce1127;
      color: #fff; }
      .ui-widget.ui-button_red:hover {
        box-shadow: 0 0 0.3em #ce1127; }
      .ui-widget.ui-button_red-light {
        background-color: #fff;
        border: 1px solid #ce1127;
        color: #ce1127; }
        .ui-widget.ui-button_red-light:hover {
          box-shadow: 0 0 0.3em #ce1127; }
    .ui-widget.ui-button_white {
      background-color: #fff;
      box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
      color: #4d4d4d; }
      .ui-widget.ui-button_white:hover {
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.1); }
    .ui-widget.ui-button_orange {
      background-color: #fec601;
      box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
      color: #000; }
      .ui-widget.ui-button_orange:hover {
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.1); }
    .ui-widget.ui-button_inline {
      background-color: transparent;
      border: none;
      color: #ce1127;
      display: inline-block;
      padding: 0;
      width: auto; }
      .ui-widget.ui-button_inline:hover {
        text-decoration: underline !important; }
      .ui-widget.ui-button_inline_gray {
        color: #4d4d4d; }
      .ui-widget.ui-button_inline_orange {
        color: #ce1127; }
    .ui-widget.ui-button[disabled] {
      opacity: .4; }
      .ui-widget.ui-button[disabled] + .repay-sum__button__text {
        opacity: .4; }
    .ui-widget.ui-button.ui-state-disable {
      box-shadow: none;
      opacity: .3; }
    .ui-widget.ui-button::-moz-focus-inner {
      border: 0;
      padding: 0; }
    .ui-widget.ui-button .ui-button-text {
      display: block;
      line-height: normal;
      padding: 0; }
  .ui-widget.ui-datalist {
    width: 100%; }
    .ui-widget.ui-datalist .ui-datalist-item:first-child .section__title {
      margin-top: 0; }
    .ui-widget.ui-datalist .section__title {
      font-family: Montserrat-SemiBold, sans-serif;
      font-size: 1.05em;
      margin: 2.75em 0 1em 0;
      padding-left: 1.8em; }
    .ui-widget.ui-datalist .ui-accordion {
      background-color: #dbdbdb; }
      .ui-widget.ui-datalist .ui-accordion-header {
        background-color: #fff;
        color: #4f4f4f;
        font-family: Montserrat-Medium, sans-serif;
        font-size: .88em;
        margin-top: 1px;
        padding: .7em 3em .7em 2.2em; }
        .ui-widget.ui-datalist .ui-accordion-header .ui-icon {
          width: 16px;
          height: 16px;
          left: auto;
          right: 1.5em;
          background-image: url("/javax.faces.resource/theme/icons_16x16.svg.xhtml");
          background-position: -16px 0; }
        .ui-widget.ui-datalist .ui-accordion-header.ui-state-active .ui-icon {
          background-position: 0 0; }
        .ui-widget.ui-datalist .ui-accordion-header:hover {
          font-family: Montserrat-Medium, sans-serif;
          font-size: .88em; }
      .ui-widget.ui-datalist .ui-accordion-content {
        font-family: Montserrat-Medium, sans-serif;
        font-size: .88em;
        padding: .7em 2.2em;
        color: #707070;
        background-color: #fff;
        transition: none;
        text-align: justify; }
        .chrome.mobile .ui-widget.ui-datalist .ui-accordion-content {
          text-align: left; }
        .ui-widget.ui-datalist .ui-accordion-content ul {
          list-style: disc inside; }
  .ui-widget.ui-slider {
    background-color: #fff;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
    height: 32px;
    position: relative;
    width: 100%; }
    @media only screen and (max-width: 480px) {
      .ui-widget.ui-slider {
        height: 3.44em; } }
    .ui-widget.ui-slider .ui-slider-range {
      background: url("/javax.faces.resource/theme/slider_bg.png.xhtml") left top repeat fixed;
      display: block;
      height: 100%;
      position: absolute;
      width: 0; }
    .ui-widget.ui-slider .ui-slider-handle {
      background-color: #fec601;
      bottom: -20px;
      cursor: pointer;
      height: 13px;
      margin-left: -7px;
      position: absolute;
      top: auto;
      touch-action: none;
      width: 14px;
      z-index: 1; }
      @media only screen and (max-width: 480px) {
        .ui-widget.ui-slider .ui-slider-handle {
          bottom: -40px;
          height: 26px;
          margin-left: -15px;
          width: 26px; } }
      .ui-widget.ui-slider .ui-slider-handle:before {
        border: 7px solid transparent;
        border-top-width: 0;
        border-bottom-color: #fec601;
        content: "";
        height: 0;
        width: 0;
        position: absolute;
        top: -7px;
        left: 0; }
        @media only screen and (max-width: 480px) {
          .ui-widget.ui-slider .ui-slider-handle:before {
            border-width: 13px;
            border-top-width: 0;
            top: -12px; } }
  .ui-widget.ui-selectonemenu {
    border: 1px solid #fec601;
    box-sizing: border-box;
    color: #4d4d4d;
    cursor: pointer;
    display: inline-block;
    height: 100%;
    min-width: auto !important;
    overflow: hidden;
    padding-right: 1em;
    position: relative;
    transition: all .2s;
    vertical-align: top;
    width: 100%; }
    .ui-widget.ui-selectonemenu:hover {
      box-shadow: 0 0 0.3em #fec601; }
    .ui-widget.ui-selectonemenu .ui-helper-hidden-accessible {
      border: 0;
      clip: rect(0 0 0 0);
      display: none;
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px; }
    .ui-widget.ui-selectonemenu .ui-selectonemenu-label {
      box-sizing: border-box;
      display: -moz-box;
      font-size: .81em;
      padding: .7em 0 .7em 2em;
      text-align: center;
      text-overflow: ellipsis; }
    .ui-widget.ui-selectonemenu .ui-selectonemenu-items-wrapper {
      overflow: auto; }
    .ui-widget.ui-selectonemenu .ui-selectonemenu-trigger {
      border: none;
      height: 16px;
      margin-top: -8px;
      padding: 0;
      position: absolute;
      right: 0;
      top: 50%;
      width: 16px; }
      .ui-widget.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
        background: transparent url("/javax.faces.resource/theme/icons_16x16.svg.xhtml") -80px top no-repeat;
        height: 16px;
        width: 16px; }
    .ui-widget.ui-selectonemenu-panel {
      background-color: #fff;
      box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
      font-size: .75em;
      height: auto;
      position: absolute; }
      .ui-widget.ui-selectonemenu-panel .ui-selectonemenu-list {
        font-size: 1em;
        margin: 0;
        line-height: 1.5em;
        list-style: none;
        padding: .5em; }
        .ui-widget.ui-selectonemenu-panel .ui-selectonemenu-list-item {
          border: 0 none;
          margin: 0;
          padding: .5em;
          text-align: left;
          transition: all .2s;
          white-space: nowrap; }
          .ui-widget.ui-selectonemenu-panel .ui-selectonemenu-list-item.ui-state-highlight, .ui-widget.ui-selectonemenu-panel .ui-selectonemenu-list-item.ui-state-hover {
            background-color: #4d4d4d;
            color: #fff; }
  .ui-widget.ui-datagrid .ui-datagrid-content {
    clear: both;
    margin: 0;
    padding: 0; }
  .ui-widget.ui-datagrid .ui-datagrid-column {
    box-sizing: border-box;
    float: none;
    padding: 0;
    width: 100%; }
  .ui-widget.ui-datagrid .ui-g {
    display: flex;
    flex-wrap: wrap; }
  .ui-widget.ui-selectoneradio {
    border-spacing: 0 0.5em;
    width: 100%; }
    .ui-widget.ui-selectoneradio.select-radio-grid td {
      align-items: center;
      display: flex; }
    .ui-widget.ui-selectoneradio.select-radio-grid label {
      cursor: pointer;
      display: inline-block;
      margin: 0 0 0 .5em;
      vertical-align: middle; }
  .ui-widget.ui-panel {
    padding: 0; }
    .ui-widget.ui-panel .ui-panel-content {
      background: 0;
      border: 0;
      padding: 0; }
  .ui-widget.ui-helper-hidden {
    display: none; }
  .ui-widget.ui-radiobutton {
    display: inline-block;
    line-height: 16px;
    margin: 0;
    vertical-align: middle;
    width: auto; }
    .ui-widget.ui-radiobutton .ui-radiobutton-box {
      border: 1px solid #0054a6;
      border-radius: 50%;
      box-sizing: border-box;
      cursor: pointer;
      display: block;
      height: 1.5em;
      line-height: 16px;
      padding: 2px;
      width: 1.5em; }
      .ui-widget.ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon {
        display: block; }
    .ui-widget.ui-radiobutton .ui-radiobutton-icon {
      background-color: #0054a6;
      border-radius: 50%;
      display: none;
      height: 100%;
      margin: 0;
      width: 100%; }
  .ui-widget.ui-chkbox {
    display: block;
    vertical-align: middle;
    padding-right: .5em; }
    .ui-widget.ui-chkbox .ui-chkbox-box {
      border: 1px solid #ce1127;
      border-radius: 2px;
      box-sizing: border-box;
      cursor: pointer;
      display: block;
      height: 1.5em;
      padding: 2px;
      width: 1.5em; }
      .ui-widget.ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon {
        display: block; }
      .ui-widget.ui-chkbox .ui-chkbox-box.ui-state-error {
        background: rgba(206, 17, 39, 0.2); }
    .ui-widget.ui-chkbox .ui-chkbox-icon {
      background-color: #ce1127;
      display: none;
      height: 100%;
      width: 100%; }

.ui-input {
  margin-top: 1em;
  position: relative; }
  .ui-input .ui-inputfield {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #bcbec0;
    box-sizing: border-box;
    font-size: 1em;
    font-weight: normal;
    margin: auto;
    outline: medium none;
    padding: .4em;
    width: 100%; }
    .ui-input .ui-inputfield.placeholder {
      color: #b0b1b3; }
    .ui-input .ui-inputfield:-moz-placeholder {
      color: #b0b1b3; }
    .ui-input .ui-inputfield::-moz-placeholder {
      color: #b0b1b3; }
    .ui-input .ui-inputfield:-ms-input-placeholder {
      color: #b0b1b3; }
    .ui-input .ui-inputfield::-webkit-input-placeholder {
      color: #b0b1b3; }
    .ui-input .ui-inputfield:-webkit-autofill {
      -webkit-box-shadow: inset 0 0 0 50px #fff !important; }
    .ui-input .ui-inputfield.empty ~ .ui-input__label {
      color: #b0b1b3;
      font-size: .9em;
      transform: translateY(0); }
    .ui-input .ui-inputfield.empty ~ .ui-input__line {
      transform: scale(0, 1); }
    .ui-input .ui-inputfield.empty.placeholder {
      color: transparent; }
    .ui-input .ui-inputfield.empty:-moz-placeholder {
      color: transparent; }
    .ui-input .ui-inputfield.empty::-moz-placeholder {
      color: transparent; }
    .ui-input .ui-inputfield.empty:-ms-input-placeholder {
      color: transparent; }
    .ui-input .ui-inputfield.empty::-webkit-input-placeholder {
      color: transparent; }
    .ui-input .ui-inputfield:focus ~ .ui-input__label {
      color: #000;
      font-size: .75em;
      transform: translateY(-2em); }
    .ui-input .ui-inputfield:focus ~ .ui-input__line {
      background-color: #000;
      transform: scale(1, 1); }
    .ui-input .ui-inputfield.ui-state-error {
      border-color: #ce1127; }
      .ui-input .ui-inputfield.ui-state-error ~ .ui-input__label {
        color: #ce1127; }
    .ui-input .ui-inputfield.ui-state-disabled {
      cursor: default !important;
      opacity: 0.25;
      filter: alpha(opacity=25); }
    .ui-input .ui-inputfield.ui-state-focus ~ .ui-input__label {
      font-size: .75em;
      transform: translateY(-2em); }
  .ui-input .ui-input__label {
    color: #bcbec0;
    font-size: .75em;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: .75em;
    transform: translateY(-2em); }
    .ui-input .ui-input__label .ui-outputlabel-rfi {
      display: none;
      margin-left: .4em; }
  .ui-input .ui-input__line {
    background-color: #bcbec0;
    border: none;
    bottom: 0;
    height: 2px;
    left: 0;
    position: absolute;
    transform: scale(0, 1);
    width: 100%; }
  .ui-input .ui-autocomplete {
    box-shadow: none;
    cursor: pointer;
    display: block;
    position: relative;
    width: 100%; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.slick-slide {
  height: auto; }

@media only screen and (max-width: 959px) {
  .slick-dots {
    transform: translateX(-50%);
    width: -moz-max-content;
    width: max-content;
    left: 50%;
    bottom: -48px; } }

.slick-dots li {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: auto; }
  @media only screen and (max-width: 959px) {
    .slick-dots li {
      height: 48px;
      width: 48px; } }
  .slick-dots li button {
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: #e4e4e4;
    padding: 0; }
    .slick-dots li button::before {
      font-size: 0;
      height: 100%;
      width: 100%; }

.slick-dots .slick-active button {
  background-color: #424e56; }

.wizard-loader-spinner {
  right: 1px;
  top: 1px;
  width: 40px;
  height: 40px;
  position: fixed; }

.error-message {
  background-color: #fff;
  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  display: none;
  font-size: .75em;
  margin-bottom: 2.75em;
  padding: 1em;
  text-align: justify;
  width: 100%; }
  .error-message .error {
    color: #ce1127; }

.header {
  align-items: center;
  background-color: #fec601;
  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  font-family: Montserrat-SemiBold, sans-serif;
  justify-content: space-around;
  margin: auto;
  max-width: 56.25em;
  padding: 1.5em 2.28em;
  transition: all .2s; }
  @media only screen and (max-width: 480px) {
    .header {
      padding: .5em 2.28em; } }
  .header__logo {
    max-width: 136px; }
    .header__logo-link {
      align-items: center;
      display: flex; }
    .header__logo-img {
      width: 100%; }
    .header__logo_naked {
      margin: 1.5em 0; }
  .header__cabinet {
    align-items: center;
    display: flex; }
    @media only screen and (max-width: 640px) {
      .header__cabinet {
        display: none; } }
  .header .mainmenu {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    font-size: .75em;
    justify-content: center;
    list-style: none; }
    @media only screen and (max-width: 640px) {
      .header .mainmenu {
        display: none; } }
    .header .mainmenu__item {
      display: inline-block;
      margin: 0 .56em;
      text-transform: uppercase; }
      .header .mainmenu__item__link {
        color: #4d4d4d;
        text-decoration: none;
        transition: all .2s; }
        @media only screen and (max-width: 640px) {
          .header .mainmenu__item__link {
            padding: 1.5em 0; } }
        .header .mainmenu__item__link:hover {
          color: #ce1127;
          text-decoration: underline; }
        .header .mainmenu__item__link.color-link {
          font-family: Montserrat-Black, sans-serif; }
  .header .login__button {
    font-size: .81em;
    padding: .68em 2.5em;
    text-transform: uppercase; }
  .header .language {
    margin-left: 1.43em;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none; }
    @media only screen and (max-width: 640px) {
      .header .language {
        right: 1.5em;
        top: 1.5em; } }
    .header .language__button {
      font-size: .81em;
      padding: .68em;
      text-transform: uppercase; }
  .header__mobile-switch {
    flex-grow: 1;
    display: none;
    text-align: right; }
    @media only screen and (max-width: 640px) {
      .header__mobile-switch {
        display: block; } }
    .header__mobile-switch__hamburger {
      background: url("/resources/theme/icons/hamburger.svg") left top/cover no-repeat;
      cursor: pointer;
      display: inline-block;
      height: 2.18em;
      width: 2.18em; }
  .header__mobile-menu {
    align-items: center;
    background: #fff;
    box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-flow: column;
    height: 100%;
    justify-content: center;
    max-width: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    transition: all .2s;
    width: 75%; }
    .header__mobile-menu_opened {
      max-width: 60%;
      /* &:before {
          border: 6px solid transparent;
          border-left-color: $buttonColorGray;
          content: "";
          display: block;
          height: 0;
          left: 0;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          width: 0;
        } */ }
      @media only screen and (max-width: 480px) {
        .header__mobile-menu_opened {
          max-width: 100%; } }
    .header__mobile-menu__holder {
      background-color: rgba(0, 0, 0, 0.1);
      display: none;
      height: 100%;
      position: fixed;
      right: 0;
      top: 0;
      width: 100%;
      z-index: 10; }
    .header__mobile-menu .language {
      position: absolute;
      right: 3.12em;
      top: 3.12em; }
      @media only screen and (max-height: 480px) and (orientation: landscape) {
        .header__mobile-menu .language {
          right: 1em;
          top: 1em; } }
    .header__mobile-menu__links {
      max-width: 80%;
      width: 100%; }
      .header__mobile-menu__links .mainmenu {
        align-items: center;
        display: flex;
        flex-flow: column;
        font-size: 1em;
        margin-top: 2em; }
        @media only screen and (max-height: 640px) and (orientation: landscape) {
          .header__mobile-menu__links .mainmenu {
            margin-top: 0; } }
        .header__mobile-menu__links .mainmenu__item {
          width: 100%; }
          .header__mobile-menu__links .mainmenu__item__link {
            border-bottom: 1px solid #dbdbdb;
            display: block;
            padding: 2.75em 0; }
            @media only screen and (max-width: 640px) {
              .header__mobile-menu__links .mainmenu__item__link {
                padding: 1.5em 0; } }
            @media only screen and (max-height: 640px) and (orientation: landscape) {
              .header__mobile-menu__links .mainmenu__item__link {
                padding: 1.75em 0; } }
            @media only screen and (max-height: 480px) and (orientation: landscape) {
              .header__mobile-menu__links .mainmenu__item__link {
                padding: 1em 0; } }
            .header__mobile-menu__links .mainmenu__item__link.color-link {
              color: #ce1127;
              font-family: Montserrat-SemiBold, sans-serif; }
          .header__mobile-menu__links .mainmenu__item:last-child {
            border: none; }

.links {
  color: #808285;
  font-family: Montserrat-Medium, sans-serif;
  margin: auto;
  max-width: 56.25em;
  padding-top: 1.43em; }
  .links__block {
    display: flex;
    text-align: left;
    width: 100%; }
    @media only screen and (max-width: 640px) {
      .links__block {
        flex-direction: column;
        text-align: center; } }
    .links__block__item {
      flex-grow: 1; }
  .links__section-title {
    font-size: 0.69em; }
    @media only screen and (max-width: 959px) {
      .links__section-title {
        padding: 1.4em 0; } }
  .links__pages {
    list-style: none; }
    .links__pages__item {
      line-height: 1.2em; }
    .links__pages__link {
      color: #808285;
      font-size: 0.69em;
      text-decoration: none;
      display: inline-block; }
      @media only screen and (max-width: 959px) {
        .links__pages__link {
          padding: 1.4em 0; } }
      .links__pages__link:hover {
        color: #ce1127;
        text-decoration: underline; }
      .links__pages__link.font_blue {
        color: #0054a6; }
      .links__pages__link.font_red {
        color: #ce1127; }
      .links__pages__link.font_underline {
        text-decoration: underline; }
  .links__phone {
    list-style: none;
    text-align: right; }
    @media only screen and (max-width: 640px) {
      .links__phone {
        flex-direction: column;
        margin-top: 1em;
        text-align: center; } }
    .links__phone__title {
      font-size: 0.69em; }
    .links__phone__link {
      color: #ce1127;
      font-size: 1.25em;
      line-height: 2.1em;
      text-decoration: none;
      padding: 0.2em 0;
      display: inline-block; }
      .links__phone__link:hover {
        text-decoration: underline; }
  .links__divider {
    border-color: #dbdbdb;
    margin: 1.43em auto 0;
    width: 100%; }

.about {
  color: #808285;
  font-family: Montserrat-Medium, sans-serif;
  margin: auto;
  max-width: 56.25em;
  padding-top: 1.43em; }
  .about__text {
    text-align: justify;
    font-size: .56em; }
  .about__divider {
    border-color: #dbdbdb;
    margin: 1.43em auto 0;
    width: 100%; }

.footer {
  display: flex;
  font-family: Montserrat-Medium, sans-serif;
  margin: auto;
  max-width: 56.25em;
  padding: .87em 0; }
  .footer__item {
    flex-grow: 1; }
  .footer__copyright {
    color: #4d4d4d;
    font-size: .69em;
    text-align: left; }
  .footer__cards {
    flex-shrink: 0;
    text-align: right; }
    .footer__cards__img {
      margin-right: 1em; }

.cookie {
  animation: show-cookies .2s ease 0s 1 normal forwards;
  font-size: 14px;
  overflow: hidden;
  position: fixed;
  bottom: 5%;
  right: 5%;
  width: 100%;
  max-width: 605px;
  border-radius: 8px;
  z-index: 1500; }
  @media only screen and (max-width: 640px) {
    .cookie {
      right: 0;
      bottom: 0; } }
  .cookie_hide {
    animation: hide-cookies .2s ease 0s 1 normal forwards; }
  .cookie__content {
    align-items: center;
    background-color: rgba(67, 70, 86, 0.8);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    justify-content: center;
    padding: 32px 16px 16px;
    width: 100%; }
  .cookie__text, .cookie__link {
    color: #fff; }
  .cookie__text {
    -webkit-text-size-adjust: 100%;
       -moz-text-size-adjust: 100%;
            text-size-adjust: 100%; }
    .cookie__text a {
      color: #fff;
      text-decoration: underline; }
      .cookie__text a:hover {
        text-decoration: none; }
  .cookie__footer {
    display: flex;
    width: 100%;
    -moz-column-gap: 16px;
         column-gap: 16px; }
    @media only screen and (max-width: 640px) {
      .cookie__footer {
        flex-direction: column;
        row-gap: 16px; } }
  .cookie__link:hover {
    color: #fff;
    text-decoration: none; }
  .cookie__button {
    width: 100%;
    background: none;
    border: 1px solid #fff;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    font-weight: 600;
    padding: 8px;
    transition: all .2s; }
    .cookie__button:hover {
      background-color: #4d4d4d; }
    .cookie__button_blue {
      border: none;
      background-color: #5E95EA; }
      .cookie__button_blue:hover {
        background-color: #67A4FF; }

@keyframes show-cookies {
  from {
    max-height: 0; }
  to {
    max-height: 555px; } }

@keyframes hide-cookies {
  from {
    max-height: 555px; }
  to {
    max-height: 0; } }

.product-button {
  display: inline-block;
  padding: .5em; }
  .product-button .ui-button {
    font-size: 1.18em;
    padding: .84em 2.63em; }
  .product-button__holder {
    animation: hide-product-button .2s ease 0s 1 normal forwards;
    background: url("/javax.faces.resource/theme/main_bg.jpg.xhtml") center top repeat fixed;
    bottom: 0;
    box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    left: 0;
    min-height: 0;
    position: fixed;
    text-align: center;
    width: 100%; }
    .product-button__holder_open {
      animation: show-product-button .2s ease 0s 1 normal forwards; }

@keyframes show-product-button {
  from {
    max-height: 0; }
  to {
    max-height: 100px; } }

@keyframes hide-product-button {
  from {
    max-height: 100px; }
  to {
    max-height: 0; } }

.reminder {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  height: 100%;
  justify-content: center;
  left: 0;
  min-height: 320px;
  min-width: 320px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1100; }
  .reminder__container {
    align-items: center;
    background: url("/javax.faces.resource/theme/main_bg.jpg.xhtml") center top repeat fixed;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 30%;
    justify-content: space-around;
    max-height: 240px;
    max-width: 640px;
    padding: 1em;
    position: relative;
    width: 80%; }
    @media only screen and (max-width: 959px) {
      .reminder__container {
        max-width: 450px; } }
    @media only screen and (min-width: 960px) and (max-width: 1199px) {
      .reminder__container {
        height: 35%;
        width: 90%; } }
    @media only screen and (min-width: 1200px) {
      .reminder__container {
        height: 35%;
        width: 90%; } }
  .reminder__close {
    background: transparent url("/javax.faces.resource/images/iconsSet.svg.xhtml") -120px -120px no-repeat;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px; }
    .reminder__close:hover {
      transform: rotate(90deg); }
  .reminder .three_row__text {
    font-family: Montserrat-Regular, sans-serif;
    font-size: 2.62em;
    text-align: center;
    transition: all .2s; }
    @media only screen and (max-width: 640px) {
      .reminder .three_row__text {
        font-size: 2.06em; } }
    @media only screen and (max-width: 480px) {
      .reminder .three_row__text {
        font-size: 1.5em; } }
    .reminder .three_row__text .accent {
      font-family: Montserrat-Bold, sans-serif; }
  .reminder .three_row__button .ui-button {
    font-size: 1.18em;
    padding: .84em 2.63em; }
    @media only screen and (max-width: 480px) {
      .reminder .three_row__button .ui-button {
        font-size: .9em; } }
  .reminder .draw .item {
    margin: 8px 0; }
  .reminder .draw__img {
    max-width: 528px; }
    .reminder .draw__img img {
      width: 100%; }
  .reminder .draw__header {
    font-size: 2.5em;
    color: #0054A6;
    font-family: Montserrat-Black;
    text-align: center;
    text-transform: uppercase;
    margin-top: 8px; }
    @media only screen and (max-width: 480px) {
      .reminder .draw__header {
        font-size: 2em;
        margin-top: 24px; } }
  .reminder .draw__body {
    font-size: 1em;
    text-align: center;
    max-width: 24em;
    margin-top: 8px; }
    @media only screen and (max-width: 480px) {
      .reminder .draw__body {
        font-size: 0.875em;
        margin-top: 16px; } }
  .reminder .draw__footnote {
    color: #0054A6;
    text-decoration: underline;
    margin-top: 12px; }
    @media only screen and (max-width: 480px) {
      .reminder .draw__footnote {
        margin-top: 20px;
        font-size: 0.875em; } }
    .reminder .draw__footnote:hover {
      text-decoration: none; }
  .reminder .draw__button {
    margin-top: 8px; }
    @media only screen and (max-width: 480px) {
      .reminder .draw__button {
        align-self: normal;
        margin-top: 16px; } }
    .reminder .draw__button .ui-button {
      font-size: 1.18em;
      padding: 1.27em 7.2em;
      background-color: #fec601;
      color: #373742;
      box-shadow: 4px 4px 0px #9a9a9a; }
      @media only screen and (max-width: 480px) {
        .reminder .draw__button .ui-button {
          padding: 1.27em 2em; } }
      .reminder .draw__button .ui-button:hover {
        background-color: #e5b201;
        box-shadow: 0px 0px 0px #9a9a9a; }
  .reminder .draw.reminder__container {
    background: #ffffff;
    max-height: none;
    height: auto;
    width: 95%;
    max-width: 800px;
    border-radius: 8px;
    padding: 2.5em 1em 1.5em; }
  .reminder .draw .reminder__close {
    background-position: -5px -35px; }
  .reminder .draw-result .item {
    margin: 4px 0; }
  .reminder .draw-result__img {
    max-width: 38.75em; }
    @media only screen and (max-width: 480px) {
      .reminder .draw-result__img {
        width: 130%; } }
    .reminder .draw-result__img img {
      width: 100%; }
  .reminder .draw-result__header {
    font-size: 2.5em;
    color: #0054A6;
    font-family: Montserrat-Black;
    text-align: center;
    text-transform: uppercase; }
    @media only screen and (max-width: 480px) {
      .reminder .draw-result__header {
        font-size: 2.125em;
        margin-top: 32px; } }
  .reminder .draw-result__body {
    font-size: 2em;
    color: #0054A6;
    text-align: center;
    font-weight: 600; }
    @media only screen and (max-width: 480px) {
      .reminder .draw-result__body {
        font-size: 1.5em;
        margin-top: 16px; } }
  .reminder .draw-result__footnote {
    color: #0054A6;
    text-decoration: underline; }
    .reminder .draw-result__footnote:hover {
      text-decoration: none; }
  .reminder .draw-result__button {
    margin-top: 16px; }
    @media only screen and (max-width: 480px) {
      .reminder .draw-result__button {
        align-self: normal; } }
    .reminder .draw-result__button .ui-button {
      font-size: 1.18em;
      padding: 1.27em 7.2em;
      background-color: #fec601;
      color: #373742;
      box-shadow: 4px 4px 0px #9a9a9a;
      border: none;
      font-family: Montserrat-SemiBold;
      text-decoration: none;
      transition: all 0.2s;
      display: block;
      width: auto; }
      @media only screen and (max-width: 480px) {
        .reminder .draw-result__button .ui-button {
          padding: 1.27em 2em; } }
      .reminder .draw-result__button .ui-button:hover {
        background-color: #e5b201;
        box-shadow: 0px 0px 0px #9a9a9a; }
  .reminder .draw-result.reminder__container {
    background: #ffffff;
    max-height: none;
    height: auto;
    max-width: 800px;
    width: 95%;
    overflow: hidden;
    border-radius: 8px;
    padding: 2em 1em; }
  .reminder .draw-result .reminder__close {
    background-position: -5px -35px; }

.cabinet-notifications {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  min-width: 320px;
  position: fixed;
  top: 0;
  width: 100%; }
  .cabinet-notifications__content {
    box-shadow: 3px 3px 0.5em rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    max-width: 404px;
    position: relative; }
    @media only screen and (max-width: 480px) {
      .cabinet-notifications__content {
        max-width: 90%; } }
  .cabinet-notifications__text {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 32px; }
  .cabinet-notifications__img_block {
    color: #4d4d4d;
    background-color: #fff;
    padding: 56px 48px 32px; }
    @media only screen and (max-width: 480px) {
      .cabinet-notifications__img_block {
        padding: 48px 32px 24px; } }
  .cabinet-notifications__img_loyalty_1 {
    width: 100%;
    max-width: 308px;
    display: block;
    margin: 0 auto 1em; }
  .cabinet-notifications__popup_col {
    color: #4d4d4d;
    background-color: #fff;
    padding: 34px 24px 24px; }
    .cabinet-notifications__popup_col p {
      margin-top: 12px; }
    .cabinet-notifications__popup_col .accent {
      font-family: Montserrat-Black, sans-serif; }
    .cabinet-notifications__popup_col .title {
      font-size: 20px;
      text-align: center;
      font-family: Montserrat-Black, sans-serif; }
  .cabinet-notifications__img_popup_col {
    width: 72px;
    display: block;
    margin: 0 auto 16px; }
  .cabinet-notifications__close {
    background: transparent url("/resources/images/iconsSet.svg") -120px -120px no-repeat;
    height: 20px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 20px; }
    .cabinet-notifications__close:hover {
      transform: rotate(90deg); }

.wrapper {
  transition: filter .2s; }

.wrapper_blurred {
  filter: blur(0.15em); }

/* Blocks */
.calc-form {
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  min-width: 17em;
  width: 100%; }
  .calc-form__sum {
    align-items: center;
    background-color: #fff;
    box-sizing: border-box;
    color: #000;
    display: flex;
    font-family: Montserrat-Black, sans-serif;
    font-size: 1.25em;
    justify-content: center;
    padding: .81em 1.37em;
    position: relative;
    text-align: center; }
    @media only screen and (max-width: 640px) {
      .calc-form__sum {
        font-size: 1.5em;
        height: 2.29em;
        padding: 0;
        width: 50%; } }
    @media only screen and (max-width: 480px) {
      .calc-form__sum {
        font-size: 1.4em;
        height: 2.45em; } }
    .calc-form__sum:after {
      border: 16px solid transparent;
      border-bottom-width: 0;
      border-top-color: #fff;
      bottom: -16px;
      content: "";
      height: 0;
      left: 50%;
      margin-left: -16px;
      position: absolute;
      width: 0; }
  .calc-form .calc-form__range {
    height: 2.71em;
    margin-top: 1.75em; }
    @media only screen and (max-width: 640px) {
      .calc-form .calc-form__range {
        height: 2.72em; } }
    @media only screen and (max-width: 480px) {
      .calc-form .calc-form__range {
        margin-top: 1.31em; } }
  .calc-form__info {
    color: #808285;
    display: flex;
    font-family: Montserrat-Medium, sans-serif;
    font-size: .75em;
    margin-top: 2em;
    width: 100%; }
    @media only screen and (max-width: 480px) {
      .calc-form__info {
        margin-top: 4em; } }
    .calc-form__info__sum {
      flex-grow: 1; }
      .calc-form__info__sum_min {
        text-align: left; }
      .calc-form__info__sum_max {
        text-align: right; }
  .calc-form__buttons_panel {
    display: flex;
    justify-content: space-between;
    width: 100%;
    min-height: 1.71em;
    margin-top: 1.75em; }
  .calc-form .calc-form__button {
    font-size: 1.18em;
    margin-top: 2.50em;
    padding: .84em 2.63em; }
    @media only screen and (max-width: 640px) {
      .calc-form .calc-form__button {
        margin-top: 2em; } }

.calculation-form {
  position: relative;
  background-color: #fff;
  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  display: flex;
  padding: 2.81em; }
  .calculation-form::before {
    border-color: transparent;
    border-style: solid;
    border-width: 16px;
    border-left-width: 0;
    border-right-color: #f1f1f1;
    content: "";
    height: 0;
    left: 0;
    margin: -8px 0 0 -16px;
    position: absolute;
    top: 50%;
    width: 0; }
    @media only screen and (max-width: 959px) {
      .calculation-form::before {
        border-color: transparent;
        border-width: 16px;
        border-top-width: 0;
        border-bottom-color: #f1f1f1;
        left: 50%;
        margin: -16px 0 0 -8px;
        top: 0; } }
  .calculation-form__holder {
    flex-grow: 1;
    padding: 0;
    padding-left: 1.5em; }
    @media only screen and (max-width: 959px) {
      .calculation-form__holder {
        padding: 0;
        padding-top: 1.5em; } }
  .calculation-form-info {
    display: flex;
    flex-grow: 1;
    font-family: Montserrat-SemiBold, sans-serif;
    font-size: .81em; }
    @media only screen and (max-width: 640px) {
      .calculation-form-info {
        flex-direction: column; } }
    .calculation-form-info__item {
      flex-grow: 1; }
    .calculation-form-info__title {
      box-sizing: border-box;
      color: #808285;
      display: block;
      padding: .5em 0;
      text-align: center; }
      @media only screen and (max-width: 640px) {
        .calculation-form-info__title {
          padding: .5em; } }
    .calculation-form-info__list {
      line-height: 2.5em;
      list-style: none; }
      .calculation-form-info__list .list__item {
        border-top: 1px solid #dbdbdb; }

.benefits-form {
  position: relative;
  align-items: center;
  background-color: #f1f1f1;
  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  padding: 2.81em;
  position: relative; }
  .benefits-form::before {
    border-color: transparent;
    border-style: solid;
    border-width: 16px;
    border-left-width: 0;
    border-right-color: #f1f1f1;
    content: "";
    height: 0;
    left: 0;
    margin: -8px 0 0 -16px;
    position: absolute;
    top: 50%;
    width: 0; }
    @media only screen and (max-width: 959px) {
      .benefits-form::before {
        border-color: transparent;
        border-width: 16px;
        border-top-width: 0;
        border-bottom-color: #f1f1f1;
        left: 50%;
        margin: -16px 0 0 -8px;
        top: 0; } }
  @media only screen and (max-width: 959px) {
    .benefits-form {
      padding: 2.81em 0; } }
  .benefits-form__item {
    flex-grow: 1;
    text-align: left; }
    @media only screen and (max-width: 959px) {
      .benefits-form__item {
        text-align: center; } }
  .benefits-form__info__title {
    font-family: Montserrat-Medium, sans-serif;
    font-size: 1.56em; }
  .benefits-form__info__item {
    color: #808285;
    font-family: Montserrat-SemiBold, sans-serif;
    font-size: 0.75em;
    margin: 0.67em 0; }
    .benefits-form__info__item_acсent {
      color: #4d4d4d;
      font-family: Montserrat-Black, sans-serif; }
  .benefits-form__slider {
    margin: auto;
    margin-top: 1.87em;
    width: 190px; }
    .benefits-form__slider__figcaption {
      font-family: Montserrat-Medium, sans-serif;
      font-size: 1.25em;
      margin-top: 1.75em;
      text-align: center; }
    .benefits-form__slider__img {
      background-image: url("/javax.faces.resource/theme/benefits.svg.xhtml");
      height: 60px;
      margin: auto;
      width: 190px; }
      .benefits-form__slider__img.product977 {
        background-image: url("/javax.faces.resource/theme/benefits_977.svg.xhtml"); }
      .benefits-form__slider__img.product1004 {
        background-image: url("/javax.faces.resource/theme/benefits.svg.xhtml"); }
      .benefits-form__slider__img.benefit-1 {
        background-position: 0 0; }
      .benefits-form__slider__img.benefit-2 {
        background-position: -190px 0; }
      .benefits-form__slider__img.benefit-3 {
        background-position: 0 -60px; }
      .benefits-form__slider__img.benefit-4 {
        background-position: -190px -60px; }
      .benefits-form__slider__img.benefit-5 {
        background-position: 0 -120px; }
      .benefits-form__slider__img.benefit-6 {
        background-position: -190px -120px; }
      .benefits-form__slider__img.benefit-7 {
        background-position: 0 -180px; }
      .benefits-form__slider__img.benefit-8 {
        background-position: -190px -180px; }
      @media only screen and (max-width: 959px) {
        .benefits-form__slider__img {
          width: 100%;
          max-width: 290px; } }
    .benefits-form__slider__text {
      font-size: 2.5em;
      text-align: center; }
  @media only screen and (max-width: 959px) {
    .benefits-form__image {
      margin-top: 1em; } }
  .benefits-form__image__img {
    width: 100%;
    max-width: 280px;
    height: 100%; }

.repayment-form__title {
  font-family: Montserrat-Medium, sans-serif;
  font-size: 1.25em;
  margin: 3.7em auto 2.75em;
  text-align: center; }

.repayment-form__contract {
  margin: auto;
  max-width: 31.8em; }
  .repayment-form__contract-info {
    margin: 4.62em auto auto; }

.repayment-form__next {
  max-width: 20.6em; }
  .repayment-form__next-holder {
    margin-top: 2.81em;
    text-align: center; }

.login-form {
  margin: auto;
  max-width: 28em;
  width: 100%; }
  .login-form__message {
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    display: none;
    font-family: Montserrat-Medium, sans-serif;
    font-size: .75em;
    margin-bottom: 2.75em;
    padding: 1.62em;
    text-align: justify; }
    .login-form__message .error {
      color: #ce1127; }
  .login-form__fieldset {
    border: none; }
  .login-form .ui-input {
    margin-bottom: 2.75em; }
    .login-form .ui-inputfield {
      font-size: 1.25em; }
  .login-form__forgot-password {
    margin-top: .75em;
    text-align: left; }
  .login-form__link {
    color: #4d4d4d;
    font-family: Montserrat-Medium, sans-serif;
    font-size: .75em; }
  .login-form .code-form__message {
    margin-top: 2em; }

.forgot-pass-form {
  margin: auto;
  max-width: 28em; }
  .forgot-pass-form__message {
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    display: none;
    margin-bottom: 2.75em;
    padding: 1.62em;
    text-align: justify; }
    .forgot-pass-form__message .error {
      color: #ce1127; }
  .forgot-pass-form__description {
    font-family: Montserrat-Medium, sans-serif;
    font-size: 0.75em;
    background-color: #fff;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
    padding: 1.7em;
    margin-bottom: 2.75em; }
  .forgot-pass-form__fieldset {
    border: none; }
  .forgot-pass-form .ui-input {
    margin-bottom: 2.75em; }
  .forgot-pass-form__forgot-password {
    margin-top: 1.25em;
    text-align: right; }
  .forgot-pass-form__link {
    font-size: .75em; }

.wizard-form .tab-mobile__holder {
  position: relative; }

.wizard-form .tab-mobile__fields .ui-input {
  margin-bottom: 1.5em; }
  .wizard-form .tab-mobile__fields .ui-input__last {
    margin-bottom: 1em; }

.wizard-form .tab-mobile .code-form__message {
  margin-top: 2em; }
  .wizard-form .tab-mobile .code-form__message a {
    color: #4d4d4d; }
  .wizard-form .tab-mobile .code-form__message span {
    color: #0054a6;
    font-weight: bold; }

.wizard-form .tab-mobile .code-form__error {
  margin-top: 2em; }

.wizard-form .tab-mobile__login {
  font-size: .75em;
  margin-top: 1.5em;
  text-align: left; }

.wizard-form .tab-mobile__checkbox {
  background-color: #fff;
  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
  font-size: .75em;
  list-style: none;
  padding: 1em;
  text-align: justify; }
  .wizard-form .tab-mobile__checkbox__item {
    align-items: center;
    display: flex; }
  .wizard-form .tab-mobile__checkbox .ui-commandlink {
    color: #ce1127; }

.wizard-form .tab-mobile__notification {
  font-size: .75em;
  padding: 1em;
  text-align: justify; }

.wizard-form .tab-obligatory .ui-input {
  margin-bottom: 1.5em; }
  .wizard-form .tab-obligatory .ui-inputfield {
    font-family: Arial, serif; }

.wizard-form .tab-obligatory .ui-select {
  margin-bottom: 1.5em;
  position: relative; }
  .wizard-form .tab-obligatory .ui-selectonemenu {
    border: none;
    border-bottom: 1px solid #bcbec0; }
    .wizard-form .tab-obligatory .ui-selectonemenu:hover {
      box-shadow: none; }
    .wizard-form .tab-obligatory .ui-selectonemenu-label {
      color: #000;
      font-size: 1em;
      padding: .4em;
      text-align: left; }
    .wizard-form .tab-obligatory .ui-selectonemenu[aria-expanded="true"] ~ .ui-select__line {
      background-color: #000;
      transform: scale(1, 1); }
    .wizard-form .tab-obligatory .ui-selectonemenu.ui-state-error {
      border-bottom-color: #ce1127; }
      .wizard-form .tab-obligatory .ui-selectonemenu.ui-state-error ~ .ui-select__label {
        color: #ce1127; }
  .wizard-form .tab-obligatory .ui-select__label {
    color: #bcbec0;
    font-size: .75em;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: .75em;
    transform: translateY(-2em); }
    .wizard-form .tab-obligatory .ui-select__label .ui-outputlabel-rfi {
      display: none; }
  .wizard-form .tab-obligatory .ui-select__line {
    background-color: #bcbec0;
    border: none;
    bottom: 0;
    height: 2px;
    left: 0;
    position: absolute;
    transform: scale(0, 1);
    width: 100%; }

.otp-form {
  display: flex;
  flex-flow: row nowrap; }
  .otp-form .ui-input {
    margin: .5em; }
    .otp-form .ui-inputfield {
      text-align: center; }

.attachments-form {
  background-color: #fff;
  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  font-family: Montserrat-Medium, sans-serif;
  padding: 1em;
  width: 100%; }
  .attachments-form__title {
    font-size: .75em;
    font-weight: normal;
    padding-bottom: 1em;
    text-align: center; }
  .attachments-form__description {
    color: #808285;
    font-size: .75em; }
  .attachments-form__data {
    display: flex;
    flex-flow: row wrap;
    justify-content: center; }
  .attachments-form__file {
    align-items: center;
    border: 1px solid #dbdbdb;
    box-sizing: border-box;
    display: flex;
    height: 80px;
    justify-content: center;
    margin: .5em;
    overflow: hidden;
    padding: .1em;
    position: relative;
    width: 80px; }
    .attachments-form__file:hover .attachments-form__clear-button {
      opacity: 1; }
      .attachments-form__file:hover .attachments-form__clear-button .ui-button {
        display: block; }
    .attachments-form__file img {
      width: 100%; }
  .attachments-form .attachments-form__button {
    border: 1px solid #dbdbdb;
    box-sizing: border-box;
    height: 80px;
    margin: .5em;
    width: 80px; }
    .attachments-form .attachments-form__button .ui-button {
      background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjJweCIgaGVpZ2h0PSIyMnB4IiB2aWV3Qm94PSIwIDAgMjIgMjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIyIDIyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I2NlMTEyNzt9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTguMywxMEgxMlYzLjdjMC0wLjYtMC40LTEtMS0xcy0xLDAuNC0xLDFWMTBIMy43Yy0wLjYsMC0xLDAuNC0xLDFzMC40LDEsMSwxSDEwdjYuM2MwLDAuNiwwLjQsMSwxLDFzMS0wLjQsMS0xVjEyaDYuM2MwLjYsMCwxLTAuNCwxLTFTMTguOSwxMCwxOC4zLDEweiIvPjwvc3ZnPg==") center no-repeat;
      height: 100%;
      padding: 0;
      width: 100%; }
      .attachments-form .attachments-form__button .ui-button-text {
        display: none; }
  .attachments-form__clear-button {
    align-items: center;
    background-color: rgba(0, 0, 0, 0.05);
    display: flex;
    font-size: 0;
    justify-content: center;
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%; }
    .attachments-form__clear-button .ui-button {
      background: #fff url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjJweCIgaGVpZ2h0PSIyMnB4IiB2aWV3Qm94PSIwIDAgMjIgMjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIyIDIyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0NFMTEyNzt9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTEuOSwxMWwzLjktMy45YzAuMy0wLjMsMC4zLTAuNywwLTAuOWMtMC4zLTAuMy0wLjctMC4zLTAuOSwwTDExLDEwLjFMNy4xLDYuMmMtMC4zLTAuMy0wLjctMC4zLTAuOSwwcy0wLjMsMC43LDAsMC45bDMuOSwzLjlsLTMuOSwzLjljLTAuMywwLjMtMC4zLDAuNywwLDAuOUM2LjMsMTUuOSw2LjUsMTYsNi43LDE2czAuMy0wLjEsMC41LTAuMmwzLjktMy45bDMuOSwzLjljMC4xLDAuMSwwLjMsMC4yLDAuNSwwLjJjMC4yLDAsMC4zLTAuMSwwLjUtMC4yYzAuMy0wLjMsMC4zLTAuNywwLTAuOUwxMS45LDExeiIvPjwvc3ZnPg==");
      border-radius: 50%;
      display: none;
      height: 22px;
      width: 22px; }

.code-form {
  align-items: center;
  display: flex;
  margin: auto; }
  .code-form__error {
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    display: none;
    font-family: Montserrat-Regular, sans-serif;
    font-size: .75em;
    margin-bottom: 0.75em;
    padding: 1em;
    text-align: center; }
  .code-form__label {
    color: #b0b1b3;
    font-size: .9em;
    white-space: nowrap; }
    @media only screen and (max-width: 480px) {
      .code-form__label {
        white-space: normal; } }
  .code-form__otp-holder {
    width: 100%; }
  .code-form .code-form__clear-otp {
    background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICB4PSIwcHgiIHk9IjBweCIKICB2aWV3Qm94PSIwIDAgMTcgOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTcgOTsiCiAgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiNiY2JlYzAiIGQ9Ik0xNi41LDBoLTEyQzQuNCwwLDQuMywwLjEsNC4yLDAuMWwtNC4xLDRDMCw0LjMsMCw0LjYsMC4xLDQuOGw0LjEsNEM0LjMsOC45LDQuNCw5LDQuNSw5aDEyIEMxNi44LDksMTcsOC44LDE3LDguNXYtOEMxNywwLjIsMTYuOCwwLDE2LjUsMHogTTE2LDhINC44TDEuMiw0LjVMNC44LDFIMTZWOHogTTcuOSw3QzgsNy4xLDguMiw3LjIsOC4zLDcuMnMwLjMsMCwwLjQtMC4xbDEuOC0xLjggTDEyLjMsN2MwLjEsMC4xLDAuMiwwLjEsMC40LDAuMXMwLjMsMCwwLjQtMC4xYzAuMi0wLjIsMC4yLTAuNSwwLTAuN2wtMS44LTEuOEwxMywyLjZjMC4yLTAuMiwwLjItMC41LDAtMC43cy0wLjUtMC4yLTAuNywwIGwtMS44LDEuOEw4LjYsMS45Yy0wLjItMC4yLTAuNS0wLjItMC43LDBzLTAuMiwwLjUsMCwwLjdsMS44LDEuOEw3LjksNi4zQzcuNyw2LjUsNy43LDYuOCw3LjksN3oiLz4KPC9zdmc+") no-repeat;
    flex-shrink: 0;
    height: 16px;
    padding: 0;
    width: 30px; }
  .code-form__send-again {
    display: none;
    font-size: .75em;
    text-align: center; }
  .code-form__message {
    background-color: #fff;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
    font-size: .75em;
    padding: 1em;
    text-align: center; }

.cards-form {
  margin: auto;
  max-width: 26em;
  width: 100%; }
  .cards-form__cards-type {
    margin-bottom: .5em; }
  .cards-form .cards-type {
    align-items: center;
    display: flex; }
    .cards-form .cards-type__icons {
      margin: .5em; }
    .cards-form .cards-type__icon {
      vertical-align: middle; }
  .cards-form .ui-add-card {
    font-size: .81em; }

.about-loan {
  background-color: #fff;
  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  max-width: 31.87em;
  padding: 2.68em 4em;
  width: 100%; }
  @media only screen and (max-width: 959px) {
    .about-loan {
      padding: 2em 1em; } }
  .about-loan__title {
    font-family: Montserrat-Medium, sans-serif;
    font-size: 1.25em;
    text-align: center; }
  .about-loan__data-list {
    font-family: Montserrat-SemiBold, sans-serif;
    font-size: .81em;
    margin-top: 2.81em;
    table-layout: fixed;
    width: 100%; }
    .about-loan__data-list tr:last-child td {
      border: none; }
    .about-loan__data-list td {
      border-bottom: 1px solid #dbdbdb;
      padding: 1em .75em; }
    .about-loan__data-list__section-title {
      text-align: center; }
    .about-loan__data-list__title {
      color: #808285;
      text-align: right; }
    .about-loan__data-list__data {
      color: #4d4d4d;
      text-align: left; }

.actions-holder {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  width: 100%; }
  .actions-holder .repay-info {
    background-color: #fff;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
    padding: 2.68em; }
    .actions-holder .repay-info__title {
      text-align: center;
      font-family: Montserrat-Medium, sans-serif;
      font-size: 1.25em; }
    .actions-holder .repay-info__sum {
      display: block;
      margin: 1.87em auto 0;
      max-width: 13.75em; }
      .actions-holder .repay-info__sum .ui-inputfield {
        box-sizing: border-box;
        border: 1px solid #4d4d4d;
        height: 100%;
        font-family: Montserrat-Black, sans-serif;
        font-size: 1.25em;
        padding: .65em;
        text-align: center;
        width: 100%; }
        .actions-holder .repay-info__sum .ui-inputfield.ui-state-error {
          border: 1px solid #ce1127; }
  .actions-holder .repay-sum {
    margin: .5em 0; }
    .actions-holder .repay-sum__button {
      position: relative;
      margin-bottom: .68em; }
      .actions-holder .repay-sum__button:last-child {
        margin-bottom: 0; }
      .actions-holder .repay-sum__button__text {
        height: 100%;
        font-size: .93em;
        line-height: 2.98em;
        left: 0;
        pointer-events: none;
        position: absolute;
        text-align: center;
        top: 0;
        width: 100%;
        z-index: 1; }
        .actions-holder .repay-sum__button__text__title {
          color: #4d4d4d;
          font-family: Montserrat-SemiBold, sans-serif;
          text-transform: uppercase; }
        .actions-holder .repay-sum__button__text__sum {
          color: #ce1127;
          font-family: Montserrat-SemiBold, sans-serif;
          margin: auto; }
      .actions-holder .repay-sum__button .ui-button {
        color: transparent;
        font-size: 0;
        padding: 22px; }
  .actions-holder__buttons .refuse {
    margin-top: .75em;
    text-align: left; }
    .actions-holder__buttons .refuse .ui-button {
      font-size: .75em; }

.contract-info {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between; }
  @media only screen and (max-width: 959px) {
    .contract-info {
      justify-content: center; } }
  .contract-info-form {
    display: flex;
    flex-flow: column nowrap;
    max-width: 31.87em;
    width: 100%; }
    @media only screen and (max-width: 959px) {
      .contract-info-form {
        margin-bottom: 1em; } }
    .contract-info-form__info {
      background-color: #fff;
      box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
      box-sizing: border-box;
      padding: 2.68em 4em; }
      @media only screen and (max-width: 640px) {
        .contract-info-form__info {
          margin-bottom: 1em;
          padding: 1em; } }
    .contract-info-form__title {
      font-family: Montserrat-Black, sans-serif;
      font-size: 1.25em;
      text-align: center; }
    .contract-info-form__delno {
      font-family: Montserrat-Medium, sans-serif;
      font-size: 1.56em;
      margin: 1.08em;
      text-align: center; }
    .contract-info-form__fio {
      font-family: Montserrat-Black, sans-serif;
      font-size: 1.25em;
      text-align: center;
      padding-bottom: 1.3em; }
    .contract-info-form__data-table {
      border-collapse: collapse;
      font-family: Montserrat-SemiBold, sans-serif;
      font-size: .81em;
      table-layout: fixed;
      width: 100%; }
      .contract-info-form__data-table tr:last-child {
        border: none; }
      .contract-info-form__data-table td {
        border-bottom: 1px solid #dbdbdb;
        padding: 1em .75em; }
      .contract-info-form__data-table__title {
        color: #808285;
        text-align: right; }
      .contract-info-form__data-table__data {
        color: #4d4d4d;
        text-align: left; }
  .contract-info .actions-holder {
    max-width: 21.25em; }
    @media only screen and (max-width: 959px) {
      .contract-info .actions-holder {
        max-width: 31.87em; } }

.notify-panel__container {
  background-color: rgba(0, 0, 0, 0.1);
  height: 100%;
  left: 0;
  position: fixed;
  text-align: center;
  top: 0px;
  width: 100%;
  z-index: 100; }
  .notify-panel__container:before, .notify-panel__container:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0; }

.notify-panel__data {
  box-sizing: border-box;
  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  display: inline-block;
  max-width: 415px;
  padding: 1.5em;
  text-align: center;
  vertical-align: middle;
  width: 95%; }

.notify-panel__message {
  color: #4d4d4d;
  font-size: .8em;
  margin: 1em 0 1.5em 0; }

.notify-panel .notify-panel__button {
  margin-top: .5em; }

.ui-widget.ui-dialog:not(.ui-confirm-dialog) {
  width: 100% !important;
  height: 100% !important;
  background: transparent; }

.ui-widget.ui-dialog .ui-dialog-titlebar {
  display: none; }

.ui-widget.ui-dialog .ui-dialog-content {
  height: 100% !important; }

.ui-widget.ui-dialog .ui-dialog-content {
  background: none;
  border: 0;
  flex-grow: 1;
  overflow: hidden;
  padding: 0;
  position: relative;
  zoom: 1; }

.dialog-full-screen {
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  width: 100%; }

.dialog__header {
  align-items: center;
  background: #fff;
  box-sizing: border-box;
  display: flex;
  height: 2.81em;
  padding: .5em; }
  .dialog__header__text {
    flex-grow: 1;
    font-size: .87em;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: "…";
    white-space: nowrap;
    width: 100%; }
  .dialog__header__close-button {
    border: none;
    background: transparent url("/javax.faces.resource/images/close-button.png.xhtml");
    background-repeat: no-repeat;
    cursor: pointer;
    width: 24px;
    height: 24px; }

.dialog__content {
  background-color: #fff;
  flex-grow: 1;
  width: 100%; }
  .dialog__content__text {
    text-align: justify;
    -moz-text-align-last: center;
         text-align-last: center; }

.dialog.application-in-progress {
  background-color: rgba(0, 0, 0, 0.5); }

/* &-application,
  &-unpaid {
    .dialog {
      display: flex;
      box-shadow: none;
      align-content: center;
      align-items: center;
      flex-flow: column wrap;
      flex-grow: 1;
      justify-content: center;
      width: 100%;
      &__data {
        box-shadow: 0 0 10px rgba(0, 0, 0, .5);
        max-width: 600px;
        width: 290px;
      }
      &-content {
        box-sizing: border-box;
        padding: .5em;
      }
      .ui-button {
        display: block;
        margin: 1em auto 0;
      }
    }
  } */
/* .ui {
  &-confirm-dialog-message {
    display: inline-block;
    margin: 0;
  }

  &-dialog {
    &-overlay {
      background: rgba(0, 0, 0, .5);
      height: 100%;
      left: 0;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 1000;
      @include opacity(1);
    }
    & &-titlebar {
      background: $white;
      border: 0;
      color: $textColor;
      padding: .4em;
      position: relative;
      &-close {
        cursor: pointer;
        float: none;
        margin: -8px 0 0 0;
        padding: 0;
        position: absolute;
        right: 5px;
        top: 50%;
        @include state {
          &-hover {
            background: none;
            transform: rotate(90deg);
          }
          &-focus {
            background: none;
            border: none;
            box-shadow: none;
          }
        }
        &thick {
          background-position: -96px -128px;
        }
      }
    }
    & &-title {
      float: none;
      margin: 0;
      text-shadow: none;
    }
    & &-content {
      background: none;
      border: 0;
      color: $textColor;
      overflow: auto;
      padding: 1em;
      position: relative;
      zoom: 1;
      .ui-icon {
        display: inline-block;
        float: none;
        margin-right: .2em;
        vertical-align: middle;
        &-alert {
          background-position: 0 -144px;
        }
      }
    }
    & &-buttonpane {
      background: none;
      margin: .5em 0 0 0;
      padding: .5em;
      text-align: center;
      .dialog-button {
        display: inline-block;
        margin: 0 .5em;
        .ui {
          &-button {
            margin: 0;
          }
          &-icon {
            background: none;
            display: none;
          }
        }
      }
    }
  }
} */
.one-czk {
  background-color: #fff;
  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  font-family: Montserrat-Medium, sans-serif;
  padding: 1em;
  width: 100%; }
  .one-czk__holder {
    max-width: 26em; }
  .one-czk__pretext {
    font-size: .75em;
    margin: 2.9em auto;
    text-align: center; }
  .one-czk__title {
    font-size: .75em;
    font-weight: normal;
    padding-bottom: 1em;
    text-align: center; }

.popap {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  min-width: 300px;
  padding: 2.5em;
  position: relative;
  text-align: center;
  width: 500px;
  z-index: 10; }
  .popap__bg {
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 5; }
  .popap__holder {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    padding: 1em;
    position: absolute;
    top: 0;
    width: 100%; }
    @media only screen and (max-width: 959px) {
      .popap__holder {
        position: fixed; } }
  .popap__buttons {
    margin-top: 1em;
    text-align: left; }
  .popap .marketing-decline {
    font-family: Montserrat-Medium, sans-serif;
    font-size: .75em;
    margin-top: 1em; }
  .popap__close {
    background-image: url("/javax.faces.resource/images/iconsSet.svg.xhtml");
    background-position: -120px -120px;
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: .2em;
    top: .2em;
    width: 20px; }

.money-details {
  background-color: #fff;
  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  font-family: Montserrat-Medium, sans-serif;
  padding: 1em; }
  .money-details__holder {
    max-width: 26em; }
  .money-details__pretext {
    font-size: .75em;
    margin: 2.9em auto;
    text-align: center; }
  .money-details .ui-selectonemenu {
    margin-bottom: .5em; }
    .money-details .ui-selectonemenu-label {
      text-overflow: clip !important; }
  .money-details__accounts-grid {
    display: block;
    width: 100%; }
    .money-details__accounts-grid tbody,
    .money-details__accounts-grid tr,
    .money-details__accounts-grid td {
      display: block; }

.sokordia {
  margin-top: 1em;
  background-color: #fff;
  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  font-family: Montserrat-Medium, sans-serif;
  padding: 1em; }
  .sokordia__holder {
    max-width: 26em; }
  .sokordia__or {
    text-align: center;
    margin: 1.5em 0em; }
  .sokordia__banks {
    padding-top: 3em;
    margin-top: 1em;
    background-color: #f8f8f8;
    border: 1px solid #e4e4e4; }
  .sokordia__title {
    text-align: center; }
  .sokordia__bank-list {
    display: flex;
    flex-wrap: wrap;
    padding: 1em;
    justify-content: space-between; }
    .sokordia__bank-list .bank-button {
      width: 47%;
      border: 1px solid #e4e4e4;
      margin: 0.6em 0.2em;
      text-align: center;
      padding: 0.5em;
      box-sizing: border-box;
      font-size: 0.88em;
      text-decoration: none;
      color: #4d4d4d;
      display: flex;
      flex-direction: column; }
      .sokordia__bank-list .bank-button__img {
        height: 80px;
        display: flex;
        justify-content: center;
        align-items: center; }
        .sokordia__bank-list .bank-button__img svg {
          height: 100%; }
      .sokordia__bank-list .bank-button hr {
        border-color: #e4e4e4; }
      .sokordia__bank-list .bank-button__text {
        margin: 1em 0;
        display: flex;
        flex-grow: 1;
        justify-content: center;
        align-items: center; }
  .sokordia__modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 999;
    align-items: center;
    display: flex;
    justify-content: center;
    transition: all 0.2s; }
    @media only screen and (max-width: 640px) {
      .sokordia__modal {
        font-size: 0.8em; } }
    @media screen and (max-height: 600px) {
      .sokordia__modal {
        overflow-y: scroll;
        align-items: normal; } }
    .sokordia__modal__content {
      max-width: 640px;
      padding: 1em;
      position: relative; }
    .sokordia__modal__title {
      color: #5199d0;
      text-align: center; }
    .sokordia__modal__logo {
      margin: 2em 0;
      text-align: center; }
      @media only screen and (max-width: 640px) {
        .sokordia__modal__logo {
          margin: 1em 0; } }
      .sokordia__modal__logo img {
        width: 150px; }
    .sokordia__modal__text {
      text-align: justify; }
    .sokordia__modal__checkbox {
      margin: 1em 0;
      display: flex; }
    .sokordia__modal .sokordia__modal__button {
      width: auto; }
      .sokordia__modal .sokordia__modal__button-holder {
        text-align: center;
        margin-top: 1em; }
    .sokordia__modal__close {
      background: transparent url("/resources/images/iconsSet.svg") -120px -120px no-repeat;
      height: 20px;
      position: absolute;
      right: 5px;
      top: 5px;
      width: 20px;
      border: none;
      transition: all 0.2s;
      cursor: pointer; }
      .sokordia__modal__close:hover {
        transform: rotate(90deg); }

.other-loan {
  background-color: #fff;
  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  font-size: .75em;
  padding: 1em;
  text-align: center;
  width: 100%;
  margin-bottom: 1em; }
  @media only screen and (max-width: 640px) {
    .other-loan {
      text-align: justify; } }

.instantor {
  background-color: #fff;
  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  padding: 1em; }
  @media only screen and (max-width: 400px) {
    .instantor {
      min-width: 352px;
      transform-origin: 0 0; } }
  .instantor__data {
    margin-top: 1.2em; }
  .instantor__pretext {
    font-size: .75em;
    margin: 2.9em auto;
    text-align: center; }
  .instantor #instantor_content {
    min-height: 671px;
    min-width: 320px; }
  .instantor .bank-chooser-section {
    margin: 0; }
  .instantor .btn-group {
    max-width: none; }
  .instantor .selector {
    background-color: #0054a6;
    border: none;
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 11px 32px;
    text-align: center;
    width: 100%; }
  .instantor .selector .caret {
    top: 20px; }

.app-banner__container {
  /*position: absolute;
    top: 0;*/
  display: flex;
  flex-shrink: 0;
  align-items: center;
  width: 100%;
  height: 66px;
  background: #e1e1e1;
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1); }

.app-banner__box-close {
  height: inherit;
  padding: 10px 3px 0px 5px; }

.app-banner__helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.app-banner__logo {
  height: 52px;
  vertical-align: middle;
  margin-right: 5px; }

.app-banner__text, .app-banner__text__title {
  color: #373742;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  margin: 0; }
  .app-banner__text__title {
    font-size: 15px;
    font-weight: 600;
    line-height: 15px;
    margin: 0 0 2px; }
  .app-banner__text__bold {
    font-weight: bold; }

.app-banner__box-text {
  flex-grow: 1; }

.app-banner__box-button {
  text-align: right;
  padding-right: 5px; }

.app-banner__button {
  color: #fff;
  background-color: #3175c9;
  border: 1px solid #dddcdc;
  border-radius: 0px;
  font-weight: 400;
  padding: 3px 10px;
  min-height: 28px; }

.app-banner__close {
  border: none;
  border-radius: 15px;
  width: 15px;
  height: 15px;
  line-height: 15px;
  color: #373742;
  background: #ffffff;
  font-weight: 600; }

.app-banner_hide {
  animation: hide-app-banner .2s ease 0s 1 normal forwards; }

@keyframes show-app-banner {
  from {
    max-height: 0; }
  to {
    max-height: 100px; } }

@keyframes hide-app-banner {
  from {
    max-height: 100px; }
  to {
    max-height: 0; } }

/* Pages */
.index {
  margin: auto;
  max-width: 56.25em; }
  .index__title {
    font-family: Montserrat-Regular, sans-serif;
    font-size: 2.62em;
    margin: 1.78em 0;
    text-align: center; }
    @media only screen and (max-width: 640px) {
      .index__title {
        font-size: 2.5em;
        margin: 2em 0; } }
    @media only screen and (max-width: 480px) {
      .index__title {
        font-size: 1.5em;
        margin: 1.25em 0; } }
    .index__title .accent {
      color: #ce1127;
      font-family: Montserrat-Bold, sans-serif; }
  .index .calc__content {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  .index .calc-holder {
    flex-grow: 0;
    max-width: 34em; }
    @media only screen and (max-width: 640px) {
      .index .calc-holder {
        flex-grow: 1; } }
  .index .benefits-holder {
    flex-grow: 1;
    padding: 0;
    padding-left: 1.5em; }
    @media only screen and (max-width: 959px) {
      .index .benefits-holder {
        flex-grow: 0;
        padding: 0;
        padding-top: 2em; } }
  .index .text__content {
    font-size: 14px;
    margin-top: 64px; }
    @media only screen and (max-width: 640px) {
      .index .text__content {
        margin-top: 24px; } }
    .index .text__content .section {
      margin-top: 16px; }
      .index .text__content .section__title {
        font-size: 24px;
        font-weight: 600;
        text-align: center; }
        @media only screen and (max-width: 640px) {
          .index .text__content .section__title {
            font-size: 20px; } }
        .index .text__content .section__title .accent {
          color: #ce1127; }
      .index .text__content .section__content__text {
        display: flex;
        flex-direction: column;
        row-gap: 16px; }
      .index .text__content .section .margin__top {
        margin-top: 16px; }
  .index__faq__content .ui-widget.ui-datalist .ui-accordion-header {
    color: #ce1127;
    font-family: Montserrat-SemiBold, sans-serif;
    font-size: 20px;
    padding: 16px 40px 16px 24px; }
    @media only screen and (max-width: 640px) {
      .index__faq__content .ui-widget.ui-datalist .ui-accordion-header {
        font-size: 16px; } }
    .index__faq__content .ui-widget.ui-datalist .ui-accordion-header h3 {
      font-size: 1em; }
    .index__faq__content .ui-widget.ui-datalist .ui-accordion-header .ui-icon {
      right: 24px; }
    .index__faq__content .ui-widget.ui-datalist .ui-accordion-header:hover {
      font-family: Montserrat-SemiBold, sans-serif;
      font-size: 20px; }
      @media only screen and (max-width: 640px) {
        .index__faq__content .ui-widget.ui-datalist .ui-accordion-header:hover {
          font-size: 16px; } }
  .index__faq__content .ui-widget.ui-datalist .ui-accordion-content {
    font-family: Montserrat-Regular, sans-serif;
    font-size: 14px;
    text-align: left;
    padding: 0 24px 16px; }
    .index__faq__content .ui-widget.ui-datalist .ui-accordion-content p:not(:first-child) {
      margin-top: 16px; }
    .index__faq__content .ui-widget.ui-datalist .ui-accordion-content ul {
      margin-left: 20px;
      list-style: none; }
    .index__faq__content .ui-widget.ui-datalist .ui-accordion-content li {
      margin-top: 16px;
      position: relative; }
      .index__faq__content .ui-widget.ui-datalist .ui-accordion-content li:before {
        content: '\2022';
        position: absolute;
        left: -12px; }
    .index__faq__content .ui-widget.ui-datalist .ui-accordion-content h4 {
      font-family: Montserrat-Medium, sans-serif;
      font-size: 16px;
      color: #4d4d4d;
      margin-top: 16px; }
      @media only screen and (max-width: 640px) {
        .index__faq__content .ui-widget.ui-datalist .ui-accordion-content h4 {
          font-size: 14px; } }

.info {
  font-family: Montserrat-Medium, sans-serif;
  margin: auto;
  max-width: 56.25em; }
  .info__section {
    text-align: justify; }
  .info__loan__content {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  .info__loan .calc-holder {
    flex-grow: 0; }
    @media only screen and (max-width: 480px) {
      .info__loan .calc-holder {
        flex-grow: 1; } }
  .info__loan .calculation-holder {
    flex-grow: 1;
    padding: 0;
    padding-left: 1.5em; }
    @media only screen and (max-width: 959px) {
      .info__loan .calculation-holder {
        padding: 0;
        padding-top: 1.5em; } }
  .info__loan-example__content {
    font-size: .87em; }
    .info__loan-example__content p {
      padding: .5em 0; }
  .info__loan-example__trust {
    list-style-position: inside; }
    .info__loan-example__trust li {
      padding: .5em 0; }
  .info__loan-extension__content {
    font-family: Montserrat-SemiBold, sans-serif;
    font-size: 1.06em; }
  .info__loan-extension__steps {
    display: flex;
    flex-wrap: wrap;
    font-family: Montserrat-SemiBold, sans-serif;
    justify-content: space-around;
    list-style: none;
    margin-top: 6.25em; }
    .info__loan-extension__steps .step {
      width: 120px; }
      .info__loan-extension__steps .step__block {
        background-color: #a6a8ab;
        color: #fff;
        display: flex;
        flex-flow: column nowrap;
        height: 80px;
        text-align: center;
        text-transform: uppercase; }
        .info__loan-extension__steps .step__block_active {
          background: url("/javax.faces.resource/theme/loan_step_bg.png.xhtml") left top repeat-x; }
          .info__loan-extension__steps .step__block_active .step__loan {
            color: #4d4d4d; }
      .info__loan-extension__steps .step__loan {
        align-items: center;
        display: flex;
        font-size: 1.06em;
        flex-grow: 1;
        justify-content: center; }
      .info__loan-extension__steps .step__use {
        background-color: #4d4d4d;
        font-size: .68em;
        padding: 0.5em; }
      .info__loan-extension__steps .step__text {
        margin-top: 1.25em;
        text-align: center; }
  .info__loan-process__content {
    display: flex;
    flex-wrap: wrap; }
    .info__loan-process__content__item {
      flex-grow: 1; }
      @media only screen and (max-width: 959px) {
        .info__loan-process__content__item:last-child {
          margin-top: 2.5em; } }
  .info__loan-process .process__title {
    font-family: Montserrat-SemiBold, sans-serif;
    font-size: 1.06em; }
  .info__loan-process .process__list {
    color: #dbdbdb;
    font-size: .87em;
    line-height: 2em;
    list-style-position: inside;
    margin-top: 2.5em; }
    .info__loan-process .process__list__item:last-child {
      color: #4d4d4d;
      font-family: Montserrat-SemiBold, sans-serif;
      font-size: 1.21em; }
    .info__loan-process .process__list span {
      color: #4d4d4d; }
  .info__loan-requirements__content {
    font-size: .87em; }
  .info__loan-requirements .requirements__item {
    align-items: center;
    display: flex;
    margin-bottom: 1.14em; }
  .info__loan-requirements .requirements__list {
    list-style: none; }
  .info__loan-requirements .requirements__icon {
    background-image: url("/javax.faces.resource/theme/requirements.svg.xhtml");
    flex-shrink: 0;
    height: 36px;
    margin-right: 1em;
    width: 36px; }
    .info__loan-requirements .requirements__icon.requirement-1 {
      background-position: 0 0; }
    .info__loan-requirements .requirements__icon.requirement-2 {
      background-position: -36px 0; }
    .info__loan-requirements .requirements__icon.requirement-3 {
      background-position: -72px 0; }
    .info__loan-requirements .requirements__icon.requirement-4 {
      background-position: -108px 0; }
    .info__loan-requirements .requirements__icon.requirement-5 {
      background-position: -144px 0; }

.contacts {
  margin: auto;
  max-width: 56.25em; }
  .contacts__content {
    display: flex;
    flex-wrap: wrap; }
  .contacts__item {
    width: 50%; }
    @media only screen and (max-width: 959px) {
      .contacts__item {
        width: 100%; } }
  .contacts .contact {
    display: flex;
    margin-bottom: 2.5em; }
    .contacts .contact__figure {
      margin-right: .5em; }
      @media only screen and (max-width: 959px) {
        .contacts .contact__figure {
          flex-grow: 1;
          text-align: right; } }
      @media only screen and (max-width: 480px) {
        .contacts .contact__figure {
          flex-grow: 0; } }
    .contacts .contact__img {
      background: url("/javax.faces.resource/theme/contacts.svg.xhtml") left top no-repeat;
      display: inline-block;
      height: 40px;
      width: 40px; }
      .contacts .contact__img.contact-1 {
        background-position: 0 0; }
      .contacts .contact__img.contact-2 {
        background-position: -40px 0; }
      .contacts .contact__img.contact-3 {
        background-position: -80px 0; }
      .contacts .contact__img.contact-4 {
        background-position: -120px 0; }
      .contacts .contact__img.contact-5 {
        background-position: -160px 0; }
      .contacts .contact__img.contact-6 {
        background-position: 0 -40px; }
      .contacts .contact__img.contact-7 {
        background-position: -40px -40px; }
      .contacts .contact__img.contact-8 {
        background-position: -80px -40px; }
      .contacts .contact__img.contact-9 {
        background-position: -120px -40px; }
      .contacts .contact__img.contact-10 {
        background-position: -160px -40px; }
    .contacts .contact__title {
      color: #b0b1b3;
      font-family: Montserrat-Medium, sans-serif;
      font-size: .75em; }
    .contacts .contact__content {
      flex-grow: 1; }
      @media only screen and (max-width: 959px) {
        .contacts .contact__content {
          width: 50%; } }
    .contacts .contact__list {
      list-style: none; }
      .contacts .contact__list__item {
        font-family: Montserrat-SemiBold, sans-serif;
        line-height: 1.5em; }
        .contacts .contact__list__item .phone-link,
        .contacts .contact__list__item .socials-link {
          text-decoration: none; }
          .contacts .contact__list__item .phone-link:hover,
          .contacts .contact__list__item .socials-link:hover {
            text-decoration: underline; }
        .contacts .contact__list__item.socials-link {
          margin-bottom: 0.5em; }
          .contacts .contact__list__item.socials-link:last {
            margin-bottom: none; }
        .contacts .contact__list__item .phone-link {
          color: #ce1127; }
    .contacts .contact__requisites {
      text-align: justify; }
      @media only screen and (max-width: 959px) {
        .contacts .contact__requisites {
          text-align: left; } }
      .contacts .contact__requisites .contact__list__item {
        margin-bottom: 1em; }
  .contacts__discard {
    width: 0; }
    @media only screen and (max-width: 640px) {
      .contacts__discard {
        width: 100%; } }

.faq {
  margin: auto;
  max-width: 56.25em; }

.repayment {
  margin: auto;
  max-width: 56.25em; }
  .repayment__divider {
    border-color: #dbdbdb;
    margin: 4em 0; }
  .repayment .else-pay__title {
    font-size: 1.25em;
    margin: 3.7em auto 2.75em;
    text-align: center;
    transition: all .2s; }
  .repayment .else-pay__list {
    color: #dbdbdb;
    font-size: .87em;
    line-height: 2em;
    list-style: none; }
    .repayment .else-pay__list__item span {
      color: #4d4d4d; }
  .repayment .else-pay__link {
    color: #000;
    font-weight: bold; }
  .repayment .else-pay__banks {
    list-style: none; }
    .repayment .else-pay__banks__list {
      align-items: center;
      display: flex;
      flex-flow: row wrap;
      justify-content: space-around; }
    .repayment .else-pay__banks__fig {
      max-width: 9.75em;
      padding: .8em; }
      @media only screen and (max-width: 480px) {
        .repayment .else-pay__banks__fig {
          padding: .8em .2em;
          width: 5.30em; } }
      .repayment .else-pay__banks__fig img {
        width: 100%; }

.login {
  margin: auto;
  max-width: 56.25em; }

.activity {
  margin: auto;
  max-width: 56.25em; }
  .activity .application-part__notification {
    margin: 2.18em auto 0;
    max-width: 26em; }
    .activity .application-part__notification__item {
      background-color: #fff;
      box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
      box-sizing: border-box;
      font-size: .75em;
      padding: 1em;
      width: 100%; }
    .activity .application-part__notification .accent {
      font-family: Montserrat-Black, sans-serif; }
  .activity .application-part .page-title, .activity .application-part .info__section__title {
    margin: 1.44em auto; }
  .activity .application-part .attachments {
    margin: auto;
    margin-top: 3em;
    max-width: 26em; }
    .activity .application-part .attachments-form {
      margin: 0 auto 3em; }
  .activity .application-part .cards-form {
    background-color: #fff;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    padding: 1em;
    width: 100%; }
  .activity .application-part .app-list {
    height: 100%;
    max-width: 26em; }
    @media only screen and (max-width: 959px) {
      .activity .application-part .app-list {
        max-width: 31.87em; } }
    .activity .application-part .app-list__holder {
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      position: relative; }
      @media only screen and (max-width: 959px) {
        .activity .application-part .app-list__holder {
          justify-content: center; } }
      .activity .application-part .app-list__holder.no-empty {
        margin-top: 2.18em; }
    .activity .application-part .app-list__data {
      display: flex;
      flex-flow: column;
      height: 100%; }
    .activity .application-part .app-list__actions, .activity .application-part .app-list__calculation {
      flex-grow: 1; }
    .activity .application-part .app-list__actions {
      display: flex;
      flex-flow: column nowrap;
      justify-content: space-between;
      max-width: 26em;
      width: 100%; }
    .activity .application-part .app-list__calculation {
      display: flex;
      justify-content: flex-end; }
      @media only screen and (max-width: 959px) {
        .activity .application-part .app-list__calculation {
          margin-top: 1em;
          max-width: 26em; } }
    .activity .application-part .app-list__approve {
      margin-top: 1.25em; }
      .activity .application-part .app-list__approve__text {
        font-size: .75em;
        text-align: justify; }
      .activity .application-part .app-list__approve__button {
        margin-top: 1.25em; }
    .activity .application-part .app-list .code-form__error {
      font-size: .75em;
      margin-top: 1.25em; }
    .activity .application-part .app-list .code-form__message {
      margin-top: 2em; }
    .activity .application-part .app-list .code-form__denied {
      font-size: .75em;
      margin-top: 1em;
      text-align: left; }
    .activity .application-part .app-list__marketing {
      align-items: center;
      display: flex;
      font-size: .75em;
      margin-bottom: 1em; }
      .activity .application-part .app-list__marketing .proposal-text {
        text-align: justify; }
  .activity .signing-agreement .application-part__notification {
    max-width: none; }
    @media only screen and (max-width: 959px) {
      .activity .signing-agreement .application-part__notification {
        max-width: 26em; } }
    .activity .signing-agreement .application-part__notification__item, .activity .signing-agreement .application-part__notification__confirmation {
      line-height: 1.5em;
      text-align: center; }
      @media only screen and (max-width: 959px) {
        .activity .signing-agreement .application-part__notification__item, .activity .signing-agreement .application-part__notification__confirmation {
          max-width: 34.66em; } }
    .activity .signing-agreement .application-part__notification__confirmation {
      font-family: Montserrat-SemiBold;
      font-size: 1.25em; }
      .activity .signing-agreement .application-part__notification__confirmation b {
        color: #0054a6;
        font-family: Montserrat-Black, sans-serif; }
  .activity .signing-agreement .app-list__holder {
    justify-content: space-between; }
    @media only screen and (max-width: 959px) {
      .activity .signing-agreement .app-list__holder {
        justify-content: center; } }
    .activity .signing-agreement .app-list__holder .app-list__actions {
      max-width: 23em;
      width: 100%; }
      @media only screen and (max-width: 959px) {
        .activity .signing-agreement .app-list__holder .app-list__actions {
          max-width: 26em; } }
    .activity .signing-agreement .app-list__holder .cards-form {
      background: none;
      box-shadow: none;
      padding: 0; }
      .activity .signing-agreement .app-list__holder .cards-form .cards-type__select {
        border: none;
        border-bottom: 1px solid #bcbec0; }
        .activity .signing-agreement .app-list__holder .cards-form .cards-type__select:hover {
          box-shadow: none; }
        .activity .signing-agreement .app-list__holder .cards-form .cards-type__select .ui-selectonemenu-label {
          color: #4d4d4d;
          padding-left: 0;
          text-align: left; }
      .activity .signing-agreement .app-list__holder .cards-form .ui-add-card {
        background-color: #fff;
        box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
        color: #4d4d4d; }
        .activity .signing-agreement .app-list__holder .cards-form .ui-add-card:hover {
          box-shadow: 0 0 0 rgba(0, 0, 0, 0.1); }
  .activity .deals-part .deals {
    margin-top: 3.7em; }
  .activity .deals-part__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media only screen and (max-width: 959px) {
      .activity .deals-part__content {
        justify-content: center; } }
  @media only screen and (max-width: 959px) {
    .activity .deals-part .about-loan {
      margin-top: 1em; } }
  .activity .deals-part .actions-holder {
    max-width: 21.25em; }
    @media only screen and (max-width: 959px) {
      .activity .deals-part .actions-holder {
        max-width: 31.87em; } }
  .activity .deals-part .doc-link {
    color: #ce1127;
    text-decoration: underline;
    /*&:hover {
      text-decoration: underline;
    }*/ }

.newclient {
  margin: auto;
  max-width: 56.25em; }
  .newclient-page-title {
    font-family: Montserrat-Medium, sans-serif;
    font-size: 1.25em;
    margin: 3.7em auto 2.75em;
    text-align: center;
    transition: all .2s; }
    @media only screen and (max-width: 959px) {
      .newclient-page-title {
        font-size: 1.1em;
        margin: 1.5em auto; } }
    @media only screen and (max-width: 480px) {
      .newclient-page-title {
        font-size: 1.1em;
        margin: 1em auto; } }
  .newclient-header__holder {
    background: #fec601;
    box-sizing: border-box;
    margin: auto;
    max-width: 56.25em;
    width: 100%;
    padding: 1.5em 2.28em; }
    @media only screen and (max-width: 480px) {
      .newclient-header__holder {
        padding: .5em 2.28em; } }
  .newclient-header__logo {
    max-width: 8.43em; }
    .newclient-header__logo-img {
      vertical-align: middle;
      width: 100%; }
  .newclient__wizard {
    margin: auto;
    max-width: 28em;
    width: 100%; }

.bank_id {
  margin: auto;
  max-width: 56.25em; }
  .bank_id-page-title {
    font-family: Montserrat-Medium, sans-serif;
    font-size: 1.25em;
    margin: 0.7em auto 2.75em;
    text-align: center;
    transition: all .2s; }
    @media only screen and (max-width: 959px) {
      .bank_id-page-title {
        font-size: 1.1em;
        margin: 1.5em auto; } }
    @media only screen and (max-width: 480px) {
      .bank_id-page-title {
        font-size: 1.1em;
        margin: 1em auto; } }
  .bank_id-header__holder {
    background: #fec601;
    box-sizing: border-box;
    margin: auto;
    max-width: 56.25em;
    width: 100%;
    padding: 1.5em 2.28em; }
    @media only screen and (max-width: 480px) {
      .bank_id-header__holder {
        padding: .5em 2.28em; } }
  .bank_id-header__logo {
    max-width: 8.43em; }
    .bank_id-header__logo-img {
      vertical-align: middle;
      width: 100%; }
  .bank_id__wizard {
    margin: auto;
    max-width: 28em;
    width: 100%; }

.forgot-pass {
  margin: auto;
  max-width: 56.25em; }

.unsubscribe {
  background-color: #fff;
  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
  font-size: .75em;
  margin: 2em auto;
  max-width: 28em;
  padding: 1em;
  text-align: center;
  width: 100%; }

.leadxgroup__content {
  flex-grow: 1; }

.leadxgroup__iframe {
  border: none;
  width: 100%;
  height: 100%; }
  @media only screen and (max-width: 900px) {
    .leadxgroup__iframe {
      min-height: 450px; } }
  @media only screen and (max-width: 575px) {
    .leadxgroup__iframe {
      min-height: 750px; } }

.leadxgroup__footer {
  background-color: #f8f8f8;
  padding: 2em 1em 4em;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media only screen and (max-width: 640px) {
    .leadxgroup__footer {
      flex-direction: column-reverse; } }

.leadxgroup__img {
  max-width: 400px;
  width: 100%;
  margin-left: 1em; }
  @media only screen and (max-width: 640px) {
    .leadxgroup__img {
      margin-left: 0;
      margin-bottom: 1em; } }

.trip-to-summer {
  width: 100%;
  max-width: 80em;
  padding-top: 40px;
  margin: auto; }
  @media only screen and (max-width: 959px) {
    .trip-to-summer {
      padding-top: 8px; } }
  .trip-to-summer .title {
    font-size: 32px;
    font-family: Montserrat-Black;
    text-transform: uppercase;
    text-align: center; }
    @media only screen and (max-width: 959px) {
      .trip-to-summer .title {
        font-size: 24px; } }
  .trip-to-summer .trip-to-summer__button {
    color: #373742;
    background-color: #fec601;
    width: auto;
    padding: 23px 46px;
    box-shadow: 4px 4px 0px #9a9a9a;
    margin-top: 8px;
    font-size: 19px;
    width: 100%;
    max-width: 341px; }
    .trip-to-summer .trip-to-summer__button:hover {
      background-color: #e5b201;
      box-shadow: 0px 0px 0px #9a9a9a; }
  .trip-to-summer__welcome {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px; }
    @media only screen and (max-width: 959px) {
      .trip-to-summer__welcome {
        flex-direction: column;
        row-gap: 8px; } }
    .trip-to-summer__welcome__img {
      display: flex;
      justify-content: center;
      align-items: center; }
      .trip-to-summer__welcome__img img {
        width: 100%; }
    .trip-to-summer__welcome__info {
      text-align: center;
      max-width: 408px; }
    .trip-to-summer__welcome__line1 {
      font-size: 24px;
      font-weight: 600; }
      @media only screen and (max-width: 959px) {
        .trip-to-summer__welcome__line1 {
          font-size: 16px;
          margin-top: 8px; } }
    .trip-to-summer__welcome__line2 {
      font-weight: 600;
      color: #0054a6;
      margin-top: 40px; }
      @media only screen and (max-width: 959px) {
        .trip-to-summer__welcome__line2 {
          font-size: 14px;
          margin-top: 8px; } }
    .trip-to-summer__welcome__line3 {
      font-family: Montserrat-Black;
      font-size: 40px;
      color: #0054a6;
      margin-top: 8px; }
      @media only screen and (max-width: 959px) {
        .trip-to-summer__welcome__line3 {
          font-size: 32px; } }
    .trip-to-summer__welcome__line4 {
      margin-top: 40px; }
      @media only screen and (max-width: 959px) {
        .trip-to-summer__welcome__line4 {
          margin-top: 8px;
          font-weight: 600; } }
  .trip-to-summer__howDoIt {
    margin: 80px auto auto;
    max-width: 827px; }
    @media only screen and (max-width: 959px) {
      .trip-to-summer__howDoIt {
        margin: 40px auto auto;
        padding: 0 16px; } }
    .trip-to-summer__howDoIt__items {
      display: flex;
      flex-direction: column;
      counter-reset: num;
      list-style: none;
      gap: 40px;
      margin-top: 40px; }
      @media only screen and (max-width: 959px) {
        .trip-to-summer__howDoIt__items {
          gap: 24px;
          margin-top: 24px; } }
      .trip-to-summer__howDoIt__items__item {
        font-size: 20px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 16px;
        flex-grow: 1;
        width: 100%; }
        @media only screen and (max-width: 959px) {
          .trip-to-summer__howDoIt__items__item {
            font-size: 16px; }
            .trip-to-summer__howDoIt__items__item:nth-child(3n) {
              align-items: flex-start; } }
        .trip-to-summer__howDoIt__items__item:before {
          counter-increment: num;
          content: counter(num) ".";
          display: flex;
          width: 80px;
          height: 80px;
          background-color: #0054a6;
          border-radius: 50%;
          align-items: center;
          justify-content: center;
          color: #fff;
          flex-shrink: 0;
          font-size: 32px;
          font-family: Montserrat-SemiBold; }
          @media only screen and (max-width: 959px) {
            .trip-to-summer__howDoIt__items__item:before {
              width: 64px;
              height: 64px;
              font-size: 24px; } }
        .trip-to-summer__howDoIt__items__item_text {
          display: block; }
        .trip-to-summer__howDoIt__items__item:nth-child(2n):before {
          background-color: #fec601; }
  .trip-to-summer__prize {
    margin: 80px auto auto;
    padding: 0 16px; }
    @media only screen and (max-width: 959px) {
      .trip-to-summer__prize {
        margin: 40px auto auto; } }
    .trip-to-summer__prize__banner {
      max-width: 1024px;
      display: flex;
      justify-content: space-around;
      margin: 24px auto auto;
      background-color: #F1F1F1;
      color: #0054a6; }
      @media only screen and (max-width: 959px) {
        .trip-to-summer__prize__banner {
          flex-direction: column-reverse; } }
      .trip-to-summer__prize__banner__img {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 24px; }
        @media only screen and (max-width: 959px) {
          .trip-to-summer__prize__banner__img {
            margin-top: 16px; } }
        .trip-to-summer__prize__banner__img img {
          width: 100%; }
          @media only screen and (max-width: 959px) {
            .trip-to-summer__prize__banner__img img {
              max-width: 289px; } }
      .trip-to-summer__prize__banner__info {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center; }
        @media only screen and (max-width: 959px) {
          .trip-to-summer__prize__banner__info {
            margin-top: 24px; } }
    .trip-to-summer__prize__line1 {
      font-size: 48px;
      font-family: Montserrat-Black; }
      @media only screen and (max-width: 959px) {
        .trip-to-summer__prize__line1 {
          font-size: 40px; } }
    .trip-to-summer__prize__line2 {
      font-size: 32px;
      font-weight: 600;
      text-transform: uppercase;
      margin-top: 8px; }
      @media only screen and (max-width: 959px) {
        .trip-to-summer__prize__line2 {
          font-size: 24px; } }
    .trip-to-summer__prize__line3 {
      font-size: 32px;
      font-weight: 600;
      margin-top: 16px; }
      @media only screen and (max-width: 959px) {
        .trip-to-summer__prize__line3 {
          font-size: 24px; } }
    .trip-to-summer__prize__line4 {
      font-size: 64px;
      font-family: Montserrat-Black;
      color: #fec601;
      margin-top: 16px; }
      @media only screen and (max-width: 959px) {
        .trip-to-summer__prize__line4 {
          font-size: 48px; } }
      .trip-to-summer__prize__line4 span {
        font-size: 32px;
        font-family: 'Montserrat-SemiBold'; }
        @media only screen and (max-width: 959px) {
          .trip-to-summer__prize__line4 span {
            font-size: 24px; } }
    .trip-to-summer__prize__notes {
      display: flex;
      justify-content: space-between;
      list-style: none;
      color: #0054a6;
      margin: 80px auto 0;
      gap: 32px; }
      @media only screen and (max-width: 959px) {
        .trip-to-summer__prize__notes {
          flex-direction: column;
          margin: 40px auto 0;
          gap: 24px;
          max-width: -moz-fit-content;
          max-width: fit-content; } }
      .trip-to-summer__prize__notes__item {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        width: 100%;
        border-left: 6px solid #fec601;
        padding: 0 0 0 24px; }
        @media only screen and (max-width: 959px) {
          .trip-to-summer__prize__notes__item {
            width: auto; } }
        .trip-to-summer__prize__notes__item_title {
          font-size: 32px;
          font-family: Montserrat-Black; }
          @media only screen and (max-width: 959px) {
            .trip-to-summer__prize__notes__item_title {
              font-size: 24px; } }
        .trip-to-summer__prize__notes__item_text {
          font-size: 24px; }
          @media only screen and (max-width: 959px) {
            .trip-to-summer__prize__notes__item_text {
              font-size: 16px; } }
    .trip-to-summer__prize .trip-to-summer__prize__button {
      display: block;
      margin: 80px auto 0; }
      @media only screen and (max-width: 959px) {
        .trip-to-summer__prize .trip-to-summer__prize__button {
          margin: 40px auto 0; } }
  .trip-to-summer__chance {
    background-color: #0054A6;
    font-size: 32px;
    font-family: Montserrat-Black;
    padding: 80px 16px;
    margin-top: 80px;
    color: #ffffff;
    text-align: center; }
    @media only screen and (max-width: 959px) {
      .trip-to-summer__chance {
        padding: 40px 16px;
        margin: 40px auto auto;
        font-size: 24px;
        text-align: center; } }
  .trip-to-summer__winner {
    margin: 80px auto auto;
    text-align: center; }
    @media only screen and (max-width: 959px) {
      .trip-to-summer__winner {
        margin: 40px auto auto;
        padding: 0 16px; } }
    .trip-to-summer__winner__text {
      font-size: 24px;
      font-weight: 600;
      text-transform: uppercase; }
      @media only screen and (max-width: 959px) {
        .trip-to-summer__winner__text {
          font-size: 16px; } }
    .trip-to-summer__winner__terms {
      margin: 80px auto auto;
      text-align: center; }
      @media only screen and (max-width: 959px) {
        .trip-to-summer__winner__terms {
          margin: 40px auto auto;
          font-size: 14px; } }
  .trip-to-summer__yt {
    margin: 24px auto 0; }
    @media only screen and (max-width: 959px) {
      .trip-to-summer__yt {
        margin: 16px auto 0; } }
    .trip-to-summer__yt__frame {
      width: 100%;
      max-width: 562px;
      height: 319px;
      margin: auto;
      display: block; }
      @media only screen and (max-width: 640px) {
        .trip-to-summer__yt__frame {
          max-width: 320px;
          height: 186px; } }

.privacy-policy {
  margin: auto;
  max-width: 900px;
  flex-grow: 1;
  line-height: 1.5em;
  padding-bottom: 4.5em;
  font-size: 14px; }
  @media only screen and (max-width: 959px) {
    .privacy-policy {
      padding: 0 1em 1em; } }
  .privacy-policy-header__holder {
    background: #fec601;
    box-sizing: border-box;
    margin: auto;
    max-width: 56.25em;
    width: 100%;
    padding: 1.5em 2.28em; }
    @media only screen and (max-width: 480px) {
      .privacy-policy-header__holder {
        padding: .5em 2.28em; } }
  .privacy-policy-header__logo {
    max-width: 8.43em; }
    .privacy-policy-header__logo-img {
      vertical-align: middle;
      width: 100%; }
  .privacy-policy hr {
    border-color: #4d4d4d;
    margin: 0.5em 0;
    width: 50%; }
  .privacy-policy .content {
    text-align: justify;
    list-style-position: inside;
    margin-top: 1em;
    counter-reset: main-order; }
    .privacy-policy .content__item {
      counter-increment: main-order; }
      .privacy-policy .content__item::marker {
        font-weight: bold; }
      .privacy-policy .content__item h2 {
        display: inline;
        font-size: 1em; }
      .privacy-policy .content__item__content {
        margin: 1em 0; }
        .privacy-policy .content__item__content > ul {
          list-style: disc inside;
          margin: 1em 0; }
          .privacy-policy .content__item__content > ul li {
            margin: 1em 0; }
        .privacy-policy .content__item__content ul.letter {
          counter-reset: list; }
        .privacy-policy .content__item__content ul.letter > li {
          list-style: none; }
          .privacy-policy .content__item__content ul.letter > li::before {
            counter-increment: list;
            content: counter(list, lower-alpha) ") "; }
        .privacy-policy .content__item__content > ol {
          list-style: none;
          counter-reset: order; }
          .privacy-policy .content__item__content > ol > li {
            counter-increment: order;
            margin: 1em 0; }
            .privacy-policy .content__item__content > ol > li::before {
              content: counter(main-order) "." counter(order) ". ";
              margin-right: 0.5em; }
            .privacy-policy .content__item__content > ol > li > ul {
              margin: 1em 0; }
            .privacy-policy .content__item__content > ol > li ul {
              list-style: disc inside;
              padding-left: 0.5em; }
              .privacy-policy .content__item__content > ol > li ul ul {
                padding-left: 1em; }
  .privacy-policy .date-from {
    text-align: right;
    margin: 1em 0; }
  .privacy-policy .anchor {
    text-decoration: none;
    font-size: 0.8em; }
  .privacy-policy sup {
    padding: 0.1em 0.4em;
    background-color: #ce1127;
    color: #fff;
    font-size: 8px; }
  .privacy-policy #footnote {
    list-style: none;
    counter-reset: order; }
    .privacy-policy #footnote li {
      counter-increment: order; }
      .privacy-policy #footnote li:before {
        content: counter(order) " ";
        padding: 0.1em 0.2em 0.1em 0.5em;
        background-color: #ce1127;
        color: #fff;
        font-size: 8px;
        vertical-align: super;
        margin-right: 0.5em; }

.pujcka-na-mesic {
  margin: auto;
  max-width: 56.25em; }
  @media only screen and (max-width: 640px) {
    .pujcka-na-mesic {
      padding-bottom: 24px; } }
  .pujcka-na-mesic .page-title, .pujcka-na-mesic .info__section__title {
    font-size: 42px;
    font-weight: 600;
    margin: 40px auto; }
    @media only screen and (max-width: 640px) {
      .pujcka-na-mesic .page-title, .pujcka-na-mesic .info__section__title {
        font-size: 24px;
        margin: 24px auto; } }
  .pujcka-na-mesic .red {
    color: #ce1127; }
  .pujcka-na-mesic .calc__content {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  .pujcka-na-mesic .calc-holder {
    flex-grow: 0;
    max-width: 34em; }
    @media only screen and (max-width: 640px) {
      .pujcka-na-mesic .calc-holder {
        flex-grow: 1; } }
  .pujcka-na-mesic .benefits-holder {
    flex-grow: 1;
    padding: 0;
    padding-left: 1.5em; }
    @media only screen and (max-width: 959px) {
      .pujcka-na-mesic .benefits-holder {
        flex-grow: 0;
        padding: 0;
        padding-top: 2em; } }
  .pujcka-na-mesic .text__content {
    font-size: 14px;
    margin-top: 40px; }
    @media only screen and (max-width: 640px) {
      .pujcka-na-mesic .text__content {
        margin-top: 24px; } }
    .pujcka-na-mesic .text__content .intro {
      text-align: justify; }
    .pujcka-na-mesic .text__content .section {
      margin-top: 16px; }
      .pujcka-na-mesic .text__content .section__title {
        font-size: 24px;
        font-weight: 600;
        color: #ce1127;
        text-align: center;
        margin: 16px auto; }
        @media only screen and (max-width: 640px) {
          .pujcka-na-mesic .text__content .section__title {
            font-size: 20px; } }
      .pujcka-na-mesic .text__content .section__subtitle {
        font-size: 20px;
        font-weight: 600;
        margin: 16px auto; }
        @media only screen and (max-width: 640px) {
          .pujcka-na-mesic .text__content .section__subtitle {
            font-size: 16px; } }
      .pujcka-na-mesic .text__content .section__content {
        display: flex;
        row-gap: 16px;
        -moz-column-gap: 24px;
             column-gap: 24px; }
        @media only screen and (max-width: 640px) {
          .pujcka-na-mesic .text__content .section__content {
            flex-direction: column; } }
        .pujcka-na-mesic .text__content .section__content__image {
          text-align: center; }
        .pujcka-na-mesic .text__content .section__content__text {
          display: flex;
          flex-direction: column;
          row-gap: 16px; }
          .pujcka-na-mesic .text__content .section__content__text ul {
            margin-left: 18px; }
          .pujcka-na-mesic .text__content .section__content__text li:not(:last-child) {
            margin-bottom: 16px; }
  .pujcka-na-mesic .margin__top {
    margin-top: 16px; }

.pujcka-pred-vyplatou {
  margin: auto;
  max-width: 56.25em; }
  @media only screen and (max-width: 640px) {
    .pujcka-pred-vyplatou {
      padding-bottom: 24px; } }
  .pujcka-pred-vyplatou .page-title, .pujcka-pred-vyplatou .info__section__title {
    font-size: 42px;
    font-weight: 600;
    margin: 40px auto; }
    @media only screen and (max-width: 640px) {
      .pujcka-pred-vyplatou .page-title, .pujcka-pred-vyplatou .info__section__title {
        font-size: 24px;
        margin: 24px auto; } }
  .pujcka-pred-vyplatou .red {
    color: #ce1127; }
  .pujcka-pred-vyplatou .calc__content {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  .pujcka-pred-vyplatou .calc-holder {
    flex-grow: 0;
    max-width: 34em; }
    @media only screen and (max-width: 640px) {
      .pujcka-pred-vyplatou .calc-holder {
        flex-grow: 1; } }
  .pujcka-pred-vyplatou .benefits-holder {
    flex-grow: 1;
    padding: 0;
    padding-left: 1.5em; }
    @media only screen and (max-width: 959px) {
      .pujcka-pred-vyplatou .benefits-holder {
        flex-grow: 0;
        padding: 0;
        padding-top: 2em; } }
  .pujcka-pred-vyplatou .text__content {
    font-size: 14px;
    margin-top: 40px; }
    @media only screen and (max-width: 640px) {
      .pujcka-pred-vyplatou .text__content {
        margin-top: 24px; } }
    .pujcka-pred-vyplatou .text__content .intro {
      text-align: justify; }
    .pujcka-pred-vyplatou .text__content .section {
      margin-top: 16px; }
      .pujcka-pred-vyplatou .text__content .section__title {
        font-size: 24px;
        font-weight: 600;
        color: #ce1127;
        text-align: center;
        margin: 16px auto; }
        @media only screen and (max-width: 640px) {
          .pujcka-pred-vyplatou .text__content .section__title {
            font-size: 20px; } }
      .pujcka-pred-vyplatou .text__content .section__subtitle {
        font-size: 20px;
        font-weight: 600; }
        @media only screen and (max-width: 640px) {
          .pujcka-pred-vyplatou .text__content .section__subtitle {
            font-size: 16px; } }
      .pujcka-pred-vyplatou .text__content .section__content {
        display: flex;
        row-gap: 16px;
        -moz-column-gap: 24px;
             column-gap: 24px;
        margin-top: 16px; }
        @media only screen and (max-width: 640px) {
          .pujcka-pred-vyplatou .text__content .section__content {
            flex-direction: column; } }
        .pujcka-pred-vyplatou .text__content .section__content__image {
          text-align: center; }
        .pujcka-pred-vyplatou .text__content .section__content__text {
          display: flex;
          flex-direction: column;
          row-gap: 16px; }
          .pujcka-pred-vyplatou .text__content .section__content__text ul {
            margin-left: 18px; }
          .pujcka-pred-vyplatou .text__content .section__content__text li:not(:last-child) {
            margin-bottom: 16px; }
  .pujcka-pred-vyplatou .margin__top {
    margin-top: 16px; }
  .pujcka-pred-vyplatou .margin__zero {
    margin: 0; }

.kratkodoba-pujcka {
  margin: auto;
  max-width: 56.25em; }
  @media only screen and (max-width: 640px) {
    .kratkodoba-pujcka {
      padding-bottom: 24px; } }
  .kratkodoba-pujcka .page-title, .kratkodoba-pujcka .info__section__title {
    font-size: 42px;
    font-weight: 600;
    margin: 40px auto; }
    @media only screen and (max-width: 640px) {
      .kratkodoba-pujcka .page-title, .kratkodoba-pujcka .info__section__title {
        font-size: 24px;
        margin: 24px auto; } }
  .kratkodoba-pujcka .red {
    color: #ce1127; }
  .kratkodoba-pujcka .calc__content {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  .kratkodoba-pujcka .calc-holder {
    flex-grow: 0;
    max-width: 34em; }
    @media only screen and (max-width: 640px) {
      .kratkodoba-pujcka .calc-holder {
        flex-grow: 1; } }
  .kratkodoba-pujcka .benefits-holder {
    flex-grow: 1;
    padding: 0;
    padding-left: 1.5em; }
    @media only screen and (max-width: 959px) {
      .kratkodoba-pujcka .benefits-holder {
        flex-grow: 0;
        padding: 0;
        padding-top: 2em; } }
  .kratkodoba-pujcka .text__content {
    font-size: 14px;
    margin-top: 40px; }
    @media only screen and (max-width: 640px) {
      .kratkodoba-pujcka .text__content {
        margin-top: 24px; } }
    .kratkodoba-pujcka .text__content .intro {
      display: flex;
      flex-direction: column;
      row-gap: 16px;
      text-align: justify; }
    .kratkodoba-pujcka .text__content .section {
      margin-top: 16px; }
      .kratkodoba-pujcka .text__content .section__title {
        font-size: 24px;
        font-weight: 600;
        color: #ce1127;
        text-align: center;
        margin: 16px auto; }
        @media only screen and (max-width: 640px) {
          .kratkodoba-pujcka .text__content .section__title {
            font-size: 20px; } }
      .kratkodoba-pujcka .text__content .section__subtitle {
        font-size: 20px;
        font-weight: 600; }
        @media only screen and (max-width: 640px) {
          .kratkodoba-pujcka .text__content .section__subtitle {
            font-size: 16px; } }
      .kratkodoba-pujcka .text__content .section__content {
        display: flex;
        row-gap: 16px;
        -moz-column-gap: 24px;
             column-gap: 24px;
        margin-top: 16px; }
        @media only screen and (max-width: 640px) {
          .kratkodoba-pujcka .text__content .section__content {
            flex-direction: column; } }
        .kratkodoba-pujcka .text__content .section__content__image {
          text-align: center; }
        .kratkodoba-pujcka .text__content .section__content__text {
          display: flex;
          flex-direction: column;
          row-gap: 16px; }
          .kratkodoba-pujcka .text__content .section__content__text ul {
            margin-left: 18px; }
          .kratkodoba-pujcka .text__content .section__content__text li:not(:last-child) {
            margin-bottom: 16px; }
  .kratkodoba-pujcka .margin__top {
    margin-top: 16px; }
  .kratkodoba-pujcka .margin__zero {
    margin: 0; }
  .kratkodoba-pujcka .align__center {
    text-align: center; }
    @media only screen and (max-width: 640px) {
      .kratkodoba-pujcka .align__center {
        text-align: left; } }

.rychla-pujcka-na-ucet {
  margin: auto;
  max-width: 56.25em; }
  @media only screen and (max-width: 640px) {
    .rychla-pujcka-na-ucet {
      padding-bottom: 24px; } }
  .rychla-pujcka-na-ucet .page-title, .rychla-pujcka-na-ucet .info__section__title {
    font-size: 42px;
    font-weight: 600;
    margin: 40px auto; }
    @media only screen and (max-width: 640px) {
      .rychla-pujcka-na-ucet .page-title, .rychla-pujcka-na-ucet .info__section__title {
        font-size: 24px;
        margin: 24px auto; } }
  .rychla-pujcka-na-ucet .red {
    color: #ce1127; }
  .rychla-pujcka-na-ucet .calc__content {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  .rychla-pujcka-na-ucet .calc-holder {
    flex-grow: 0;
    max-width: 34em; }
    @media only screen and (max-width: 640px) {
      .rychla-pujcka-na-ucet .calc-holder {
        flex-grow: 1; } }
  .rychla-pujcka-na-ucet .benefits-holder {
    flex-grow: 1;
    padding: 0;
    padding-left: 1.5em; }
    @media only screen and (max-width: 959px) {
      .rychla-pujcka-na-ucet .benefits-holder {
        flex-grow: 0;
        padding: 0;
        padding-top: 2em; } }
  .rychla-pujcka-na-ucet .text__content {
    font-size: 14px;
    margin-top: 40px; }
    @media only screen and (max-width: 640px) {
      .rychla-pujcka-na-ucet .text__content {
        margin-top: 24px; } }
    .rychla-pujcka-na-ucet .text__content .intro {
      text-align: justify; }
    .rychla-pujcka-na-ucet .text__content .section {
      margin-top: 16px; }
      .rychla-pujcka-na-ucet .text__content .section__title {
        font-size: 24px;
        font-weight: 600;
        color: #ce1127;
        text-align: center;
        margin: 16px auto; }
        @media only screen and (max-width: 640px) {
          .rychla-pujcka-na-ucet .text__content .section__title {
            font-size: 20px; } }
      .rychla-pujcka-na-ucet .text__content .section__subtitle {
        font-size: 20px;
        font-weight: 600;
        text-align: center; }
        @media only screen and (max-width: 640px) {
          .rychla-pujcka-na-ucet .text__content .section__subtitle {
            font-size: 16px;
            text-align: left; } }
      .rychla-pujcka-na-ucet .text__content .section__content {
        display: flex;
        row-gap: 16px;
        -moz-column-gap: 16px;
             column-gap: 16px;
        margin-top: 16px; }
        @media only screen and (max-width: 640px) {
          .rychla-pujcka-na-ucet .text__content .section__content {
            flex-direction: column; } }
        .rychla-pujcka-na-ucet .text__content .section__content__image {
          text-align: center; }
          @media only screen and (max-width: 640px) {
            .rychla-pujcka-na-ucet .text__content .section__content__image_img {
              max-width: 280px;
              max-height: 314px; } }
        .rychla-pujcka-na-ucet .text__content .section__content__text {
          display: flex;
          flex-direction: column;
          row-gap: 16px; }
          .rychla-pujcka-na-ucet .text__content .section__content__text ul {
            margin-left: 18px; }
          .rychla-pujcka-na-ucet .text__content .section__content__text li:not(:last-child) {
            margin-bottom: 16px; }
  .rychla-pujcka-na-ucet .margin__top {
    margin-top: 16px; }
  .rychla-pujcka-na-ucet .margin__zero {
    margin: 0; }

.nebankovni-pujcka-ihned {
  margin: auto;
  max-width: 56.25em; }
  @media only screen and (max-width: 640px) {
    .nebankovni-pujcka-ihned {
      padding-bottom: 24px; } }
  .nebankovni-pujcka-ihned .page-title, .nebankovni-pujcka-ihned .info__section__title {
    font-size: 42px;
    font-weight: 600;
    margin: 40px auto; }
    @media only screen and (max-width: 640px) {
      .nebankovni-pujcka-ihned .page-title, .nebankovni-pujcka-ihned .info__section__title {
        font-size: 24px;
        margin: 24px auto; } }
  .nebankovni-pujcka-ihned .red {
    color: #ce1127; }
  .nebankovni-pujcka-ihned .calc__content {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  .nebankovni-pujcka-ihned .calc-holder {
    flex-grow: 0;
    max-width: 34em; }
    @media only screen and (max-width: 640px) {
      .nebankovni-pujcka-ihned .calc-holder {
        flex-grow: 1; } }
  .nebankovni-pujcka-ihned .benefits-holder {
    flex-grow: 1;
    padding: 0;
    padding-left: 1.5em; }
    @media only screen and (max-width: 959px) {
      .nebankovni-pujcka-ihned .benefits-holder {
        flex-grow: 0;
        padding: 0;
        padding-top: 2em; } }
  .nebankovni-pujcka-ihned .text__content {
    font-size: 14px;
    margin-top: 40px; }
    @media only screen and (max-width: 640px) {
      .nebankovni-pujcka-ihned .text__content {
        margin-top: 24px; } }
    .nebankovni-pujcka-ihned .text__content .intro {
      text-align: left; }
    .nebankovni-pujcka-ihned .text__content .section {
      margin-top: 16px; }
      .nebankovni-pujcka-ihned .text__content .section__title {
        font-size: 24px;
        font-weight: 600;
        color: #ce1127;
        text-align: center;
        margin: 16px auto; }
        @media only screen and (max-width: 640px) {
          .nebankovni-pujcka-ihned .text__content .section__title {
            font-size: 20px; } }
      .nebankovni-pujcka-ihned .text__content .section__subtitle {
        font-size: 20px;
        font-weight: 600; }
        @media only screen and (max-width: 640px) {
          .nebankovni-pujcka-ihned .text__content .section__subtitle {
            font-size: 16px; } }
      .nebankovni-pujcka-ihned .text__content .section__content {
        display: flex;
        row-gap: 16px;
        -moz-column-gap: 16px;
             column-gap: 16px;
        margin-top: 16px; }
        @media only screen and (max-width: 640px) {
          .nebankovni-pujcka-ihned .text__content .section__content {
            flex-direction: column; } }
        .nebankovni-pujcka-ihned .text__content .section__content__image {
          text-align: center; }
        .nebankovni-pujcka-ihned .text__content .section__content__text {
          display: flex;
          flex-direction: column;
          row-gap: 16px; }
          .nebankovni-pujcka-ihned .text__content .section__content__text ul {
            margin-left: 18px; }
          .nebankovni-pujcka-ihned .text__content .section__content__text li:not(:last-child) {
            margin-bottom: 16px; }
  .nebankovni-pujcka-ihned .margin__top {
    margin-top: 16px; }
  .nebankovni-pujcka-ihned .margin__zero {
    margin: 0; }
  .nebankovni-pujcka-ihned .align__center {
    text-align: center; }
    @media only screen and (max-width: 640px) {
      .nebankovni-pujcka-ihned .align__center {
        text-align: left; } }

.pujcka-100000 {
  margin: auto;
  max-width: 56.25em; }
  @media only screen and (max-width: 640px) {
    .pujcka-100000 {
      padding-bottom: 24px; } }
  .pujcka-100000 .page-title, .pujcka-100000 .info__section__title {
    font-size: 42px;
    font-weight: 600;
    margin: 40px auto; }
    @media only screen and (max-width: 640px) {
      .pujcka-100000 .page-title, .pujcka-100000 .info__section__title {
        font-size: 24px;
        margin: 24px auto; } }
  .pujcka-100000 .red {
    color: #ce1127; }
  .pujcka-100000 .calc__content {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  .pujcka-100000 .calc-holder {
    flex-grow: 0;
    max-width: 34em; }
    @media only screen and (max-width: 640px) {
      .pujcka-100000 .calc-holder {
        flex-grow: 1; } }
  .pujcka-100000 .benefits-holder {
    flex-grow: 1;
    padding: 0;
    padding-left: 1.5em; }
    @media only screen and (max-width: 959px) {
      .pujcka-100000 .benefits-holder {
        flex-grow: 0;
        padding: 0;
        padding-top: 2em; } }
  .pujcka-100000 .text__content {
    font-size: 14px;
    margin-top: 40px; }
    @media only screen and (max-width: 640px) {
      .pujcka-100000 .text__content {
        margin-top: 24px; } }
    .pujcka-100000 .text__content .intro {
      text-align: left; }
    .pujcka-100000 .text__content .section {
      margin-top: 16px; }
      .pujcka-100000 .text__content .section__title {
        font-size: 24px;
        font-weight: 600;
        color: #ce1127;
        text-align: center;
        margin: 16px auto; }
        @media only screen and (max-width: 640px) {
          .pujcka-100000 .text__content .section__title {
            font-size: 20px; } }
      .pujcka-100000 .text__content .section__subtitle {
        font-size: 20px;
        font-weight: 600; }
        @media only screen and (max-width: 640px) {
          .pujcka-100000 .text__content .section__subtitle {
            font-size: 16px;
            text-align: left; } }
      .pujcka-100000 .text__content .section__content {
        display: flex;
        row-gap: 16px;
        -moz-column-gap: 16px;
             column-gap: 16px;
        margin-top: 16px; }
        @media only screen and (max-width: 640px) {
          .pujcka-100000 .text__content .section__content {
            flex-direction: column; } }
        .pujcka-100000 .text__content .section__content__image {
          text-align: center; }
          @media only screen and (max-width: 640px) {
            .pujcka-100000 .text__content .section__content__image_img {
              max-width: 280px;
              max-height: 314px; } }
        .pujcka-100000 .text__content .section__content__text {
          display: flex;
          flex-direction: column;
          row-gap: 16px; }
          .pujcka-100000 .text__content .section__content__text ul {
            margin-left: 18px; }
          .pujcka-100000 .text__content .section__content__text li:not(:last-child) {
            margin-bottom: 16px; }
  .pujcka-100000 .margin__top {
    margin-top: 16px; }
  .pujcka-100000 .margin__zero {
    margin: 0; }
  .pujcka-100000 .align__center {
    text-align: center; }
    @media only screen and (max-width: 640px) {
      .pujcka-100000 .align__center {
        text-align: left; } }


/*# sourceMappingURL=/resources/bundle/css/index.css.map*/