html {
                scroll-behavior: smooth;
              }
              
              #Nuance-chat-anchored {
                /*  display : none !important;*/
              }
             
             .calc-tooltip {
                cursor: not-allowed;
             }
            
             .error-border {
                border: 3px solid red !important;
             }
            
             .tooltip-edit {
                display: none;
                position: absolute;
                background: white;
                padding: 10px;
                width: 100px;
                z-index: 9999;  
                font-size: 14px;
                font-weight: 400;
                color: #4F5668;
                text-align: left;
                line-height: normal;
                margin: 0 0 4px 0;
                font-family: "NimbusSan",Arial,Sans-serif;      
                box-shadow: 0px 6px 14px -6px rgba(8, 8, 10, 0.08), 0px 10px 32px -4px rgba(8, 8, 10, 0.08);
                opacity: 0;
                transition: all 0.5s ease-in-out;
              }
            
            
            .tile-wrapper {
                position: relative; /* Ensure the cover is positioned relative to tile-wrapper */
            }
            
            .cover {
                position: absolute;
                z-index: 99;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                background: rgba(0, 0, 0, 0); /* Semi-transparent background */
                display: flex;
                justify-content: center;
                align-items: center;
                cursor: not-allowed;
                
            
            }
            
            .cover .cover-error{
                font-size: 44px;
                font-weight: 700;
                color: 08080a;
                z-index: 999;
                text-align: center;
                opacity: 0;
                transition: all 0.5s ease-in-out;
                line-height: 1.2;
            }
            
            
            #uver-step-1.focus-here {
                border: 1px solid red; 
                transform: scale(1.05);
            }
            
            
            
            #uver-step-1 {
                border: 1px solid #fff; 
                transition: all 0.5s ease-in-out;
            }
            
            
             #max-vyska-uveru, #max-splatka-fix, #trvanie-custom-period, #max-splatka {
                width: 120px;
                margin-bottom: 3px;
             }
             
             .vypocet-blok.disabled .ponuka-outer_wrapper {
                opacity: 0.4;
                filter: grayscale(1);    
            }
            
            .disabled .vypocet--prijem_text {
                opacity: 0.4;
            }
            
             
            /*     
             #max-vyska-uveru, #trvanie-splacania {
                padding: 19px 0 0 0;
                font-size: 32px;
             }
            
              #trvanie-splacania {
                padding: 8px 0 2px 0;
                font-size: 32px;
             }
            
             #max-vyska-uveru {
                padding: 0 0 20px 0;
                margin: 4px 0 0 0;
             } */
            
             .tile-bckgr {
                background-image: url(pobocka.png);
                height: 150px;
                width: 100%;
                background-size: cover;
                background-repeat: no-repeat;
             }
            
            
             .tile-bckgr.dialog {
                background-image: url(dialog.png);
            ;
             }
            
            
            
             #trvanie-custom-period::placeholder, #max-vyska-custom-amount::placeholder,  #trvanie-custom-period::placeholder{
                font-size: 24px;
                line-height: 32px;
                font-weight: 700;
                color: #fff;
                margin: 0 0 5px 0;
              }
             #trvanie-custom-period.green::placeholder{  
                color: #858EA3;
              }
            
             #trvanie-custom-period:focus, #max-vyska-custom-amount:focus,  
             #trvanie-custom-period:focus,
             #trvanie-custom-period:focus-visible, #max-vyska-custom-amount:focus-visible,  
             #trvanie-custom-period:focus-visible {
                
                outline: none;
                /* border: 2px solid  #fff; */
              }
            
             #trvanie-custom-period, #max-vyska-custom-amount {
                background-color: transparent;
                padding: 4px 12px;
                font-size: 32px;
                line-height: 32px;
                font-weight: 700;
                color: #fff;
                margin: 0 0 16px 0;     
                text-align: right;    
                width: 120px;
                box-sizing: border-box;    text-align: left;     
                border-radius: 4px;
                border: 1px solid  #fff;
                flex-grow: 1;
                margin-right: 24px;
            }
            
            
             #trvanie-custom-period.green {
              border: 1px solid #19B18C;
              color: #1B1C22;  
            }
            
            .ponuka-outer_wrapper {
                display: flex;
                flex-direction: column;
                align-items: center;
                width: 100%;
            } 
            
            .ponuka-main {
                font-size: 24px;
                line-height: 32px;
                font-weight: 700;
                color: #1B1C22;
                margin: 0 0 5px 0;  
            }
            
            .ponuka-block.top .ponuka-main ,
            .ponuka-block.middle .ponuka-main {
                font-size: 32px;
                line-height: 38px;
                font-weight: 700;
                color: #fff;
                margin: 8px 0 16px 0;  
            }
            
            .ponuka-block.doba {
                margin-top: 15px;
            }
            
            .ponuka-block.doba.blue {
                margin-bottom: 14px;
            }
            
            .ponuka-tile {
                margin-top: 0;
                overflow: hidden;
            }
            
            .green .ponuka-tile {
                border: 1px solid #19B18C;
            }
            
            .ponuka-block {
                text-align: left;
                width: 100%;
                border-bottom:1px solid #0047f8;
            }
            
            .green .ponuka-block {
                border-bottom:none;
            }
            
            
            
            .ponuka-row-block {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
                position: relative;
            }
            
            
            .ponuka-block.top {
                background-color: #0047f8;
                padding: 20px 20px 0 20px;
                margin-top: -10px;
                box-sizing: content-box;
            }
            
            .ponuka-block.middle {
                padding: 20px 20px 8px 20px;  
                box-sizing: content-box;
                text-align: left;
                width: 100%;
                margin-top: -10px;
                background-color: #0047f8;
                border-bottom: 1px solid #0047f8;
                font-size: 32px;
                line-height: 38px;
                font-weight: 700;
                color: #fff;
                margin: 8px 0 16px 0;
            }
            
            
            .green .ponuka-block.middle {    
                background-color: #19B18C;    
            }
            
            
            
            .green .ponuka-block.top {
                background-color: #19B18C;
            }
            
            
             .main-screen {
                display: flex;
                flex-direction: row; 
                justify-content: center;
                max-width: 1234px;
                margin: 0 auto;
                background-color: #F4F4F5;
                padding: 20px;
             }
            
             .ponuka-unit {
                font-size: 16px ;
                line-height: 24px;
                color: #0047f8;
                font-weight: 700;
             }
            
             .green .ponuka-unit {
                color: #19B18C;
             }
            
             .green .middle .ponuka-unit {
                color: #fff;
             }
            
             .ponuka-block.top .ponuka-unit {
                color: #fff;
             }
            
            
             #uver-step-1 {
                width: 30%;
                min-width: 30%;
                background-color: #fff;
                min-width: 350px;
             }
             #uver-step-2, #uver-step-3 {
                width: 70%;
                min-width: 70%;
                
             }
            
             #uver-step-3 .prepocet-uveru {
                width: 100%;
             }
             #uver-step-3 {
                display: none;
             }
            
            .prepocet-uveru p.bsu-calc-p{
                font-size: 18px;
                line-height: 1.4;
            }
            
            
            .bsu-calculator-wrapper {
                height: auto;
                position: relative;   
                overflow: hidden;
                transition: all 0.5s ease-in-out;
            }
            
            .step-back {
                display: flex;
                flex-direction: row;
                align-items: center;
                position: relative;
                left: -10px;    
                cursor: pointer;
                align-self: flex-start;
                padding: 4px 30px 4px 10px;
                border-bottom:1px solid #fff; 
                margin-bottom: 20px ;
                
                border-radius: 8px;
            }
            
            .step-back:hover  {
                border-bottom:1px solid #0047f8;   
            }
            
            
            
            
            i.icon {
                display: inline-block;
                width: 30px;
                height: 30px;
                background-image: url(https://www.tatrabanka.sk/images/digimar/webflow/sprites2xtiny.png);
                background-size: 360px 210px;
            }
            
            i.icon.blue-info {
                background-position: top left -60px;
                transform: scale(0.65);
                cursor: pointer;
                position: absolute;
                top: -4px;
            }
            
            #custom-uver i.icon.blue-info {
                background-position: top left -60px;
                transform: scale(0.55);
                cursor: pointer;
                position: absolute;
                top: -7px;
                right: -30px;
            }
            
            i.icon.white-arrow-right {
                background-position: top -90px left -300px;
            }
            
            i.icon.blue-arrow-left {
                background-position: top left -330px;
            }
            
            i.icon.blue-close {
                background-position: top left -90px;
                position: absolute;
                top: 15px;
                right: 15px;
                cursor: pointer;
            }
            
            .prepocet-uveru {    
                font-family: "NimbusSan",Arial,Sans-serif;      
                margin: 0px auto;      
                overflow: hidden;
                background-color: #fff;  
            
            }
            
            
            
            
            .vypocet-blok{
                padding: 20px;
                display: flex;
                flex-direction: column;
               
            }
            .prepocet-uveru.transparent,
            .vypocet-blok.transparent{
                background-color: transparent
            }
            
            /* .vypocet-blok.dis.disabled{
               opacity: 0.6;
               filter: grayscale(1);
            } */
            
            .vypocet-blok.transparent{
               height: 100%;
               justify-content: space-between;
            }
            
            .prepocet-uveru.transparent {
                margin: 0 10px;
            }
            
            .prepocet-uveru.form {
                margin: 0 40px;
            }
            .vypocet-blok.inner-form {
                padding: 20px 0;
            }
            
            .info-blok{
                background-color: #fff;
                padding: 64px 40px 14px 40px;
            }
            
            .info-blok.grey{
                background-color: #F4F4F5;
            }
            
            
            p.info-blok-text {
                font-size: 16px;
                line-height: 16px;
            }   
            .vypocet-row_form {       
                display: flex;
                flex-direction: column;
                align-self: center;
                width: 100%;
            }
            
            .vypocet-label {
                font-size: 14px;
                color: #9FA4B2;
                position: relative;
            }
            
            .prepocet-uveru p.bsu-disclaimer {
                font-size: 14px;
                line-height: 1.2;
                color: #9FA4B2;
                position: relative;
            }
            
            .vypocet--vydavky_inside {   
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                align-items: stretch;
                flex: 1 0;
            }
            
            
            .range-wrapper input,
            .vypocet--vydavky_inside select,
            .vypocet--vydavky_inside input {
                font-size: 16px;
                color: #08080a ;
                padding: 12px 16px;
                background: #FFFFFF;
                border: 1px solid rgba(133, 142, 163, 0.3);
                border-radius: 3px;    
            }
            
            .info-blok .range-wrapper input[type=range]{
                border: none;
            
            }
            
            .range-wrapper input:not([type=range]) {
                max-width: 100%;
                min-width: auto;
                padding-right: 40px;    
                box-sizing: border-box;
            }
            .range-wrapper .mes input:not([type=range]) {
                /* max-width: 100%; */
                    padding-right: 115px;    
            }
            
            
            
            .range-wrapper-input::after {
               content: "€";
               font-size: 20px;
               font-weight: 700;
               font-family: Arial, Helvetica, sans-serif;
               position: absolute;
               top: 15px;
               right: 10px;
               color: #0047f8;
            }
            
            .range-wrapper-input.mes::after {
                content: "mesiacov";
                
             }
            
            .range-wrapper-input{
                display: inline-block;
                width: 25%;
                position: relative;
            }
            
            
            
            .vypocet--vydavky_inside select,   
            .vypocet--vydavky_inside input {    
                margin-top: 5px;
            }
            
            .vypocet--vydavky_inside {    
                margin-top: 40px;
            }
            .vypocet--vydavky_inside.first {    
                margin-top: 10px;
            }
            
            .vypocet--vydavky_text {
                margin-top: 40px;
            }
            
            p.vypocet-headline {
                font-weight: 700;
                font-size: 32px;
                font-weight: 28px;
            
            }
            .modal-upper {
                max-width: 100%;
            }
            
            
            .ponuka-tile_parent {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: flex-start;
                padding: 0px;
                background: #DEDFE2;
                border: 1px solid #DEDFE2;
                box-sizing: border-box;
                border-radius: 12px;
                flex: 1 0 0;
                border: 1px solid #DEDFE2;
                box-shadow: 0px 6px 14px -6px rgba(8, 8, 10, 0.08), 0px 10px 32px -4px rgba(8, 8, 10, 0.08);
                width: 100%;
                
            }
            
            .ponuka-tile_parent.client {
                padding: 0;   
                padding-bottom: 40px;
                background-color: #F4F4F5;
                text-align: center;
                display: flex;
                flex-direction: column;
                overflow: hidden;
                align-items: center;
            
            
            
            }
            .ponuka-tile_parent.client:hover {   
                background-color: #DEDFE2;
            }
            
            
            .ponuka-tile_parent:before {
                content: "rýchle splatenie";
                text-align: center;
                align-self: center;
                position: absolute;
                top: -30px;
                font-size: 16px;
                font-weight: bold;
                text-transform: uppercase;
            }
            .ponuka-tile_parent.one-and-half:before {
                content: "optimálna ponuka";
            }
            .ponuka-tile_parent.custom-choice:before {
                content: "vlastná voľba";   
            }
            
            .ponuka-tile_parent {
                position: relative;
             
            }
            
            .ponuka-tile_splatky {
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: flex-start;
                padding: 20px 20px 20px;
                width: 100%; 
                background: #F4F4F5;
                border-radius: 12px 12px 0px 0px;
                box-sizing: border-box;
                justify-content: space-between;
            }
            
            .ponuka-tile_uroky {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: flex-start;
                padding: 20px 20px 10px;
                width: 100%; 
                background: #fff;
                border-radius: 0 0 12px 12px;
                box-sizing: border-box;
                justify-content: space-between;
            }
            
            .ponuka-tile_splatky-inner {
                min-width: 40%;
            
            }
            
            .info-row {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                width: 100%;
                margin: 10px 0 ;
            }
            
            .info-row:last-of-type{
                /* margin-top: 0; */
                border-bottom: 1px solid #DEDFE2;
                padding-bottom: 20px;
            }
            .one-and-half .info-row:last-of-type{   
                border-bottom: 1px solid #0047f8;
               
            }
            
            span.popis-maly.mensi.link {
                color: #0047f8;
                text-decoration: underline;
                cursor: pointer;
            }
            
            
            
            p.popis-maly, span.popis-maly {
                font-size: 16px;
                line-height: 20px;
                color: #858EA3;
            }
            
            p.popis-maly.mensi, span.popis-maly.mensi {
                font-size: 14px;
                line-height: 20px;
                color: #858EA3;
            }
            
            h3.modal-heading {
                font-size: 18px;
                line-height: 21px;
                color: #858EA3;
            }
            
            
            span.popis-maly-uroky{ 
                font-size: 18px;
                font-weight: 700;
                line-height: 20px;
                color: #4F5668;
                text-align: right;
            }
            
            .tile-divider {
                width: 30px;
                max-width: 30px;
            }
            
            
            .tile-wrapper {
                display: flex;
                flex-direction: row;
                margin: 40px 0;
                justify-content: center;
            
            }
            
            .prepocet-uveru p.tile-heading {
                font-family: Nimbus Sans D OT;
                font-size: 20px;
                font-style: normal;
                font-weight: 400;
                line-height: 28px;
                letter-spacing: 0.01em;
                text-align: center;
                margin: 15px 0;
                padding: 0 15px;
                text-align: center;
                width: 100%;
                box-sizing: border-box;
            }
            
            .prepocet-uveru p.tile-heading .max-mozna-splatka {
                font-size: 22px;
                font-weight: 700;
                font-family: "NimbusSan",Arial,Sans-serif;
                
            }
            
            .one-and-half .tile-heading {
                color: #fff;
            }
            .client p.tile-heading {
                text-align: left;
                padding-left: 0;
                margin-bottom: 20px;
                margin-top: 30px;
                font-family: "NimbusSan",Arial,Sans-serif;
                font-size: 24px;
                font-weight: 700;
                text-align: center;
            }
            
            span.tile-suma, p.tile-suma {
                font-size: 16px;
                font-weight: 400;
            }
            
            span.tile-suma-bigger {
                font-size: 26px;
                line-height: 38px;
                font-weight: 700;
            }
            
            span.tile-time-bigger {
                font-size: 26px;
                line-height: 38px;
                font-weight: 400;
            }
            
            
            a.bsu-link{
                color: #0047f8;
                text-decoration: none;
            }
            
            ul.bsu-list > li {
                margin: 10px;
                font-size: 14px;
                line-height: 20px;
                color: #858EA3;
            }
            
            .client ul.bsu-list > li {
                margin: 10px;
                font-size: 16px;
                line-height: 20px;
                color: #4F5668;
                font-weight: 700;
            }
            
            .client ul.bsu-list {
                padding-left: 10px;
                
            }
            
            /* MODAL */
            
            .modal-wrapper {
                position: relative;
                z-index: 9999;
                display: none;
            }
            
            .modal-backdrop {
                position: fixed;
                left: 0%;
                top: 0%;
                right: 0%;
                bottom: 0%;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                background-color: rgba(13, 13, 13, 0.55);
                color: rgba(13, 13, 13, 0.55);
            }
            
            .modal-custom {
                position: relative;
                overflow: auto;
                width: 50%;
                max-height: 100%;
                max-width: 400px;
                padding: 40px;
                background-color: #fff; 
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-pack: justify;
                -webkit-justify-content: space-between;
                -ms-flex-pack: justify;
                justify-content: space-between;
                -webkit-box-align: start;
                -webkit-align-items: flex-start;
                -ms-flex-align: start;
                align-items: flex-start;
                border-radius: 8px;
            }
            
            span.circle{
                display: inline-block;
                height: 24px;
                width: 24px;
                border: 2px solid #858EA3;
                position: relative;
                top: 14px;
                border-radius: 50%;
                margin-right: 15px;
                flex-shrink: 0;
            }
            .selected span.circle{   
            
                border: 2px solid #0047f8;
            
            }
            
            .selected span.circle::after {
                content: "";
                display: inline-block;
                height: 16px;
                width: 16px;
                background-color: #0047f8;
                position: absolute;
                top: 2px;
                left: 2px;
                border-radius: 50%;
                margin-right: 15px;
            }
            
            .error-message { 
                margin-top: 3px;
                display: inline-block;
                font-size: 12px;
                color: #e14c4c;
               
            }
            
            .warning-icon {
                display: inline-block;
                margin-right: 3px;
                width: 16px;
                height: 16px;
                position: relative;
                top: 3px;
            }            
            
            .vypocet-label > b {
                color: #e14c4c;  
                font-size: 18px;  
            }
            
            .warning-message {
                display: none;
            }
            
            .err-msg .warning-message {
                display: block;
            }
            
            .center-message {
                text-align: center;
                display: block;
            }
            
            
            .button-one{
                text-align: center;
                padding: 0 0 20px 0;
            }
            
            .button-one i.icon.white-arrow-right {
                position: absolute;
                top: 11px;
                right: 3px;
            }
            
            /* ---- TOOLTOIP START ---- */
            
            .tooltip-custom {    
                z-index: 99999;        
                margin-top: 0px;
                margin-bottom: 0px;
                padding: 40px 30px;
                border-radius: 8px;
                background-color: #3a3e4b;
                box-shadow: 0 25px 25px -8px rgba(8, 8, 10, 0.5);
                color: #fff;
                max-width: 330px;
                width: calc( 100% - 40px);
                position: absolute;           
                box-sizing: border-box;
                display: none;
            }
            
            .tooltip-opened::after{
                content: "";
                display: block;
                position: absolute;
                width: 15px;
                height: 15px;
                background-color: #3a3e4b;
                transform: rotate(45deg);
                left: calc( 50% - 7px );
                top: -20px;
            }   
            
            .tooltip-heading-wrapper {    
                position: absolute;
                right: 10px;
                top: 10px;
                transform: scale(0.75);
            }
            
            .tooltip-opened::after {
                content: "";
                display: block;
                position: absolute;
                width: 15px;
                height: 15px;
                background-color: #3a3e4b;
                transform: rotate(45deg);
                left: calc( 50% - 7px );
                top: -20px;
            }
            
            .tooltip-close {
                display: inline-block;
                text-align: right;
                cursor: pointer;
            }
            
            .calc-uestrene-wrapper.mobile .tooltip-opened::after{
                content: "";
                display: none;     
            }   
            
            .tooltip-icon{
                position: relative;
                white-space: nowrap;
            }
            
            .tooltip-paragraph{
                font-size: 14px;
                font-weight: 300;
                line-height: 1.5;
                margin: 0;
                color: #fff;
            }
            
            /* ---- TOOLTOIP END ---- */
            /* ---- custom choice START ---- */
            
            /*
            .ponuka-tile_parent.custom-choice{
               
            }
            
            .custom-choice .tile-heading{
              color: #fff;
            }
            
            
            
            } */
            
            #trvanie-custom-period:focus {
                outline:none
            }
            
            /* #trvanie-custom-period {
                background-color: #fff;
                padding: 10px;
                border: 1px solid #4F5668;
                border-radius: 6px;
                font-size: 22px;
                color: #4F5668;
                text-align: right;
                line-height: 22px;
                width: 30px;
                text-align: center;
                box-sizing: content-box;
            }
            
            #trvanie-custom-period::placeholder{
                color: #e2e2e2;
                font-size: 24px;
                
              } */
              
            .custom-choice_inner-wrapper {
                display: flex;
                flex-direction: row;
                align-items: center;
                min-width: 100%;
                max-width: 100%;
                padding: 0 15px;
                box-sizing: border-box;
                position: relative;
            }
            
            .custom-choice p.tile-heading {
                padding: 0;
                width: 30%;
            
            }
            
            .period-wrapper {
                position: relative;
                display: flex;
                flex-direction: row;
                align-items: center;
            }
            
            
            .custom-month{
                display: flex;
                flex-direction: row;
                align-items: center;
                height: 37px;
                margin-top: 10px;
                margin-bottom: 8px;
            }
            
            
            
            
            /* ---- custom choice END ---- */
            
            
            /* ---- dropdown START ---- */
            
            .dropdown {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                width: 100%;
                max-width: 40px;
                padding: 5px 10px 5px 5px;
                -webkit-box-pack: start;
                -webkit-justify-content: flex-start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                border-style: solid;
                border-width: 1px;
                border-color: #b0b4bf;
                border-radius: 5px;
                background-color: #fff;
                font-family: 'Nimbus sans d ot', sans-serif;
                font-size: 18px;
                text-decoration: none;
                cursor: pointer;
                margin-top: 16px;
            }
            
            .dropdown >.dropdown-button-text{
                margin: 0;
                padding: 0px;
                margin-bottom: 0;
            }
            
            .dropdown-list-wrapper {
                position: absolute;
                z-index: 11;
                display: none;
                overflow: visible;
                width: auto;
                
                border-right: 1px solid #b0b4bf;
                border-bottom: 2px solid #b0b4bf;
                border-left: 1px solid #b0b4bf;
                -o-object-fit: none;
                object-fit: none;
                max-height: 200px;
                overflow-y: scroll;
            }
            
            .dropdown-list {
                margin-bottom: 0px;
                background-color: #fff;
            }
            
            .dropdown-item {
                padding-top: 0px;
                padding-bottom: 0px;
                padding-left: 0px;
                border-bottom: 1px solid #b0b4bf;
                cursor: pointer;
            }
            
            .dropdown-wrapper.open .dropdown-list-wrapper {
                display: block;
            }
            
            #mesiace-dd .dropdown-item-text {
                margin-top: 0px;
                margin-bottom: 0px;
                margin-left: 10px;
                padding-top: 5px;
                padding-bottom: 5px;
                font-family: 'Nimbus sans d ot', sans-serif;
                color: #0d0d0d;
                font-size: 16px;
                line-height: 24px;
            }
            
            .dropdown-list-wrapper > ul.dropdown-list {
                padding-left: 0;
                list-style: none;
                margin-top: 0;
                width: 50px;
            }
            /* ---- dropdown END ---- */
            /* napoveda */
            
            .relative-hack{
                position: relative;
                width: 70%;
                display: flex;
                flex-direction: row;
                align-items: center;
            }
            
            .period-wrapper .relative-hack{
                width: 60px;
            }
            
            .napoveda {
                position: absolute;
                top: -25px;
                padding: 7px;
                background-color: #24a3fb;
                border-radius: 3px;
                color: #fff;
                display: none;
                width: 200px;
                text-align: center;
                right: 0;
                left: 0;
                overflow: visible;
                white-space: nowrap;
                width: 0px;
                margin: 0 auto;
            }
            
            .napoveda-text{
                padding: 7px;
                background-color: #858ea3;
                border-radius: 3px;
                color: #fff;
                text-align: center;
                width: 200px;
                position: absolute;
                left: -100px;
                bottom: 0;
                font-size: 13px;
            }
            
            #uver-step-3 .ponuka-tile_parent:before  {
                content: none;
            }
            
            .napoveda-text::after{
                content: "";
                width: 12px;
                height: 12px;
                background-color: #858ea3;
                position: absolute;
                bottom: -5px;
                left: calc( 50% - 8px);
                display: block;
                transform: rotate(45deg);
                
            }
            
            #max-vyska-custom-amount:focus + .napoveda ,
            #trvanie-custom-period:focus + .napoveda {
                display: block;
            }
            
            
            /* krokovac */
            
            .guide-wrapper_steps {
                counter-reset: section;
                display: flex;
                flex-direction: row;
                align-items: center;
                padding: 16px;
                box-sizing: border-box;
                max-width: 670px;
                margin: 0 auto;
            
            }
            
            
            .guide-step_opener {
                display: none;
            }
            
            .guide-step_separator {
                border-top: 1px dashed #656E85;
                flex-grow: 1;
                margin: 0 24px;
            }
            
            .guide-step::before {
                content: "";
                height: 16px;
                width: 16px;
                border: 1px solid #656E85;
                border-radius: 50%;
                font-family: "Nimbus Sans", Arial, sans-serif;
                font-style: normal;
                font-weight: bold;
                font-size: 22px;
                line-height: 28px;
                text-align: center;
            }
            
            .guide-step.active::before{
                background-color: #0047f8;
                border: 1px solid #0047f8;
                color: #fff;
            }
            
            .guide-step.pass::before {
                content: "✓";
                background-color: #21BC87;
                border: 1px solid #21BC87;
                color: #fff;
                font-size: 12px;
                line-height: 17px;
            }
            
            
            .guide-step.active>span {
                color: #656E85;
            }
            
            .guide-step.pass>span {
                color: #AEB3C1;
            }
            
            .guide-step>span {
                font-size: 12px;
                color: #AEB3C1;
                margin: 0 10px;
                white-space: nowrap;
                font-family: "Nimbus Sans", Arial, sans-serif;
            }
            
            .guide-step {
                display: flex;
                flex-direction: row;
                align-items: center;
            }
            
            .guide-step_opener {
                display: none;
            }
            
            .guide-step_separator {
                border-top: 2px solid #656E85;
                flex-grow: 1;
                margin: 0 10px 0 0;
            }
            
            /* krokovac - koniec*/
            
            
            
            /* redesign */
            
            .ponuka-tile {
                display: flex;
                flex-direction: column;
                border: 1px solid #0047f8;
                border-radius: 12px;
                max-width: 270px;  
                align-items: center; 
                padding: 10px 20px 30px 20px;    
                margin: 10px;
                width: 100%;
                min-width: calc( 100% - 40px);    
            }
            
            
            
            p.ponuka-suma {
                color: #0047f8;
                font-size: 24px;
                font-weight: 700;
                margin: 20px 0;
            }
            
            
            p.ponuka-splatka {
                font-size: 32px;
                font-weight: 700;
                color: #656E85;
                margin: 20px 0;
            }
            
            .ponuka-small {
                font-size: 14px;
                font-weight: 400;
                color: #4F5668;
                text-align: left;
                line-height: normal;
                margin: 0 0 4px 0;
                position: relative;
            }
            
            #final-step .ponuka-small {
                font-size: 14px;
                font-weight: 400;
                color: #656E85;
                text-align: left;
                line-height: normal;
                margin: 0 0 8px 0;
            }

            #final-step .ponuka-detail_riadok > .ponuka-small {
                margin: 0;
            }

            #final-step .ponuka-detail_riadok  {
                margin: 8px 0 0 0;
            }

            .ponuka-detail_riadok > div {
                line-height: 0;
            }
            
            
            .ponuka-block.top .ponuka-small {
                color: #1B1C22;
            }
            
            #final-step .ponuka-small.white {  
                color: #fff;   
                font-size: 14px;
                font-weight: 400; ;
                text-align: left;
                line-height: normal;
                margin: 0 0 8px 0;
            
            }
            .ponuka-small.strong {            
                font-weight: 700;
                
            }
            
            .ponuka-divider {
                border-top: 1px solid #0047f8;
                width: 100% ;            
            }
            
            
            
            .ponuka-detail {
                width: 100%;    
                margin: 10px 0 20px 0 ;        
            }
            
            .ponuka-detail_riadok {
                display: flex;
                flex-direction: row;
                width: 100%;
                justify-content: space-between;
                margin: 0;
                align-items: center;
            }
            
            .ponuka-button {
                font-size: 18px;
                font-weight: 400;
                color: #fff;
                background-color: #0047f8;
                padding: 10px 20px;
                border-radius: 4px;
                text-decoration: none;
                line-height: 24px;
                display: block;
                cursor: pointer;  
                text-align: center; 
                
            }
            
            .bsu-calc_wrapper a.ponuka-button:focus {
                color: #fff;
            }
            
            .ponuka-button:hover {  
                color: #fff;
               
            }
            
            .ponuka-button.tile,
            .ponuka-button.form {
                display: inline-block;
                position: relative;
                padding: 10px 60px 10px 26px;    
            }
            
            .ponuka-button.tile {
                margin-top: 50px;
            }
            
            .button-one.form {
                text-align: left;
            }
            .ponuka-tile_parent  i.icon.white-arrow-right,
            .button-one i.icon.white-arrow-right {    
                position: absolute;
                top: 7px;
                right: 8px;
                transform: scale(0.8);
            }
            
            .ponuka-button:hover{
                opacity: 0.8;
            }
            
            .green .ponuka-button {
                background-color: #19B18C;
            }
            
            
            
            #som-klient:checked + label > span {
                background-color: #0047f8;
                border: 1px solid #0047f8;
            }
            
            #som-klient + label {
               color: #808080;
               font-size: 16px;
               display: flex;
            }
            
            #som-klient {
                display: none;
            }
            
            .ponuka-checkbox p.check-klient {
                display: inline-block;
                font-size: 16px;
                line-height: 1;
                margin: 0;
            }
            
            .ponuka-checkbox p.check-klient span {
                font-size: 12px;      
                opacity: 0.7;  
            }
            
            .check-checkbox{
                display: inline-block;
                width: 20px;
                height: 20px;
                border: 1px solid #656E85;
                border-radius: 4px;
                position: relative;    
                margin-right: 10px;
                color: #fff;
                text-align: center;
                font-size: 20px;
                font-weight: 700;
                font-weight: 700;
                line-height: 20px;
            }
            
            .ponuka-checkbox {
                margin: 40px 0 30px 0;
            }
            
            p.info-blok-povinne {
                font-size: 16px;
                color: #656E85;
                font-weight: 300;
            }
            
            .vypocet-headline {
                margin-top: 10px;
            }
            
            
            .prepocet-uveru p.outer-heading {
                text-align: center;
                color: #0047f8;
                font-size: 19px;
            }
            
            .green  p.outer-heading {
                color: #19B18C;
            }
            
            #final-step{
                padding-top: 32px;
                padding-bottom: 16px;
                margin: 40px auto;
            }
            
            #final-step > .text-normal{
                padding: 0 0 0 20px;
            }
            
            
            
            /* redesign END */
            
            @media only screen and (max-width: 900px) {   
            
                body {
                    margin: 0;
                }
            
                .ponuka-checkbox{
                    margin: 20px 0 20px 0;
                }
            
            .tile-wrapper {
                flex-direction: row;
                overflow-x: scroll;
                justify-content: flex-start;
            }
            
            .disabled .tile-wrapper {
                overflow-x: hidden;
                
            }
            
            
            
            
            .ponuka-outer_wrapper { 
                width: 80%;
                min-width: 80%;
                margin: 0 0 0 20px;
            }
            
            .ponuka-outer_wrapper.green { 
                width: 80%;
                min-width: 80%;
                margin: 0 20px 0 20px;
            }
            .button-one.form {
                text-align: center;
            } 
            
            
            .prepocet-uveru p {
                font-family: "NimbusSan",Arial,Sans-serif;
                font-size: 14px;
                line-height: 22px;
                color: #4F5668;
                margin-bottom: 8px;
                font-weight: 300;
                margin-top: 5px;
            }
            
            p.ponuka-suma {
                color: #0047f8;
                font-size: 24px;
                font-weight: 700;
                margin: 20px 0;
            }
            
            p.ponuka-splatka {
                font-size: 32px;
                font-weight: 700;
                color: #656E85;
                margin: 20px 0;
            }
                
            #uver-step-1, #uver-step-2, #uver-step-3 {
                width: 100%;
                
            }
            
            #uver-step-1 {
                min-width: auto;
                width: calc( 100% - 32px);
            }
            
            .main-screen {
                width: 100%;
                flex-direction: column;
                box-sizing: border-box;
                padding: 0px;
            }
            
            #uver-step-1 {
                margin: 16px;
                box-sizing: border-box;
            }
            
            .prepocet-uveru.form {
                margin: 0 16px;
            }
            
            .ponuka-tile {
                margin: 20px 0;
                overflow: hidden;
                width: calc(100% - 40px);
                max-width: none;
            }
             
            
            .ponuka-tile_parent {
                flex-basis: auto;
            
            }
            
                .prepocet-uveru {                
                    width: auto;
                    margin: 20px auto;
                }
            
                .vypocet-row_form {
                    display: flex;
                    flex-direction: column;
                    align-self: stretch;
                    width: 100%;
                }
            
                .vypocet-blok {
                    padding: 16px 0;
                  
                }
            
                .prepocet-uveru.transparent {
                    margin: 0;
                }
            
            
                .vypocet--vydavky_inside.left select, .vypocet--vydavky_inside.left input {
                    margin-right: 0;
                }
            
                
                .vypocet--vydavky_inside {
                    margin-top: 15px;   
                }
            
                .vypocet--vydavky_text {
                    margin-top: 20px;
                }
            
                .info-blok {      
                    padding: 20px;
                }
            
                .info-row {        
                    margin: 5px 0;
                }
            
                p.info-blok-text {
                    font-size: 14px;
                    line-height: 20px;
                }
                .ponuka-tile_splatky {        
                    padding: 10px 20px;       
                }
            
                .info-row {
                    display: flex;
                    flex-direction: row;
                    justify-content: space-between;
                    width: 100%;
                    margin: 10px 0;
                }
            
                .ponuka-button {        
                    padding: 10px 30px;
                    margin: 8px 0 10px 0px;
                    display: block;
                    position: relative;        
                }
            
                .vypocet--prijem_text > p ,
                .vypocet--vydavky_text  > p {
                    font-size: 22px;
                }  
                
                
                .vypocet--prijem_text > p.info-blok-text {
                    font-size: 14px;
                }
                    
                .vypocet--prijem_text {
                    padding: 0 16px ;
                  }
            
                .ponuka-tile_uroky {      
                    padding: 10px 20px 10px;
                    
                }
            
                /* .tile-wrapper {        
                    flex-direction: column;        
                } */
            
                .tile-divider {
                    width: 0;
                    height: 50px;
                }
            
                .prepocet-uveru p.tile-heading{
                    margin: 10px 0;
                }
            
                p.popis-maly, span.popis-maly {
                    font-size: 14px;
                    margin-bottom: 0;        
                }
            
                .ponuka-tile_parent.client {
                    padding: 0;
                    padding-bottom: 20px;
                    flex-direction: column;
                    background-color: #F4F4F5;
                }
            
                .client ul.bsu-list > li {
                    margin: 8px;
                    font-size: 14px;
                    line-height: 18px;
                    color: #4F5668;
                    font-weight: 700;
                }
            
                .client ul.bsu-list {
                    margin: 5px;
                }
            
                .modal-custom {        
                    width: 90%;
                    max-height: 100%;
                    max-width: 100%;
                    box-sizing: border-box;        
                }
            
                .custom-choice_inner-wrapper {
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    min-width: 100%;
                    max-width: 100%;
                    padding: 0 35px;
                    box-sizing: border-box;
                    position: relative;
                }
            
            
                /* krokovac */
            
                .guide-wrapper_steps {
                    padding: 16px;
                }
            
                .guide-wrapper_steps {
                    justify-content: center;
                }
            
                .guide-wrapper_steps {
                    position: relative;
                    flex-direction: column;
                    align-items: flex-start;
                }
            
                .guide-step_opener {
                    display: block;
                    position: absolute;
                    top: 30px;
                    right: 15px;
                    height: 10px;
                    width: 10px;
                    border-top: 2px solid #656E85;
                    border-left: 2px solid #656E85;
                    transform: rotate(45deg);
                }
            
                .collapsed .guide-step_opener {
                    transform: rotate(225deg);
                }
            
                .guide-step_separator {
                    height: 15px;
                    margin: 5px 20px;
                }
            
                .guide-wrapper_steps {
                    justify-content: center;
                }
            
                .guide-wrapper_steps {
                    position: relative;
                    flex-direction: column;
                    align-items: flex-start;
                }
            
                .guide-step_opener {
                    display: block;
                    position: absolute;
                    top: 30px;
                    right: 15px;
                    height: 10px;
                    width: 10px;
                    border-top: 2px solid #656E85;
                    border-left: 2px solid #656E85;
                    transform: rotate(45deg);
                }
            
                .collapsed .guide-step_opener {
                    transform: rotate(225deg);
                }
            
                /* .collapsed .guide-step {
                    visibility: hidden;
                    height: 0px;
                } */
            
                /* .collapsed .guide-step_separator {
                    display: none;
                } */
            
                .guide-step.active {
                    height: auto;
                    visibility: visible;
                }
            
                .guide-step_separator {
                    border-left: 2px solid #656E85;
                    height: 24px;
                    margin: 0 8px;
                }
            /* krokovac - koniec*/
                
              }
            
            
            
              input.calc-slider-select {
                font-size: 16px;
                padding: 12px 28px 12px 16px;
                background: #FFFFFF;
                border: 1px solid rgba(133, 142, 163, 0.3);
                border-radius: 3px;
                margin: 0 8px;
                font-family: "NimbusSan",Arial,Sans-serif;  
                color: #0047f8;    
                font-weight: 700;
                text-align: right;
                width: 220px;
                box-sizing: border-box;
            }
            
            .slider-wrapper_select {
                display: flex;
                flex-direction: row;
                align-items: center;
            }
            
            .slider-wrapper_select #dlzka-splacania {
                padding-right: 28px;
                
            }
            
            .slider-wrapper_select .plus, 
            .slider-wrapper_select .minus  {
                font-size: 22px;
                line-height: 18px;
                font-weight: 400;
                padding: 12px 16px;
                background: #FFFFFF;
                border: 1px solid rgba(133, 142, 163, 0.3);
                border-radius: 3px;
                display: inline-block;
                font-family: "NimbusSan",Arial,Sans-serif;  
                color: #0047f8;    
                min-width: 50px;
                box-sizing: border-box;
                cursor: pointer;
                text-align: center;
                user-select: none;
                -webkit-user-select: none; /* Chrome, Safari, Opera */
                -moz-user-select: none; /* Firefox */
                -ms-user-select: none; /* IE 10+ */
            }
            
            .pseudo-text::after {
                content: attr(data-text);
                position: absolute;
                top: 13px;
                right: 16px;   
                pointer-events: none;
                font-family: "NimbusSan",Arial,Sans-serif;  
                color: #0047f8;    
                font-weight: 700;
                font-size: 16px;
            }
            
            .pseudo-text {    
                position: relative;
            
            }
            
            .slider-wrapper_select .slider {
                width: 300px;
                min-width: 300px;
                height: 20px;
                background: transparent;
                position: relative;
                margin-right: 32px;
            }
            
            .slider-wrapper_select .slider .handle {
                width: 12px;
                height: 12px;
                background: #fff;
                position: absolute;
                cursor: pointer;
                border-radius: 50%;
                border : 3px solid #0047f8;
                box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.5);         
            
            }
            
            .slider-wrapper_select .bar{
                background-color: #C7CAD1;
                height: 4px;
                top: 7px;
                position: absolute;
                left: 0;
                right: 0px;
            }
            
            
            .slider-wrapper_select .bar-filled{
                background-color: #A9DCFF;
                height: 4px;
                top: 0px;
                position: absolute;
                width: 10px;
            }
            
            .slider-wrapper_select .slider-wrapper{
                margin: 50px;
            }
            .slider-wrapper_select .controls-wrapper{
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: stretch;
                width: 100%;
            }
            
            
            @media screen and (max-width: 900px) {
              
                .slider-wrapper_select {        
                    flex-direction: column;
                    
                }
                
                .bsu-calc_progress, .bsu-calc_vypocet {
                    padding: 20px 20px 20px 20px;
                }
            
            
                .slider-wrapper_select .slider {
                    width:calc(100% - 6px);
                    min-width: auto;
                    z-index: 9;
                    left: 14px;
                    margin-top: 12px;
                    margin-bottom: 12px;
                    order: 2;
                }
            
                .slider-wrapper_select .controls-wrapper{
                    width: 100%;
                   max-width: 100%;
                   overflow: hidden;
                }
                
            
                input.calc-slider-select {
                  width: calc(100% - 16px);
                }
            
                .pseudo-text{
                    width: calc(100% - 64px - 40px);
                }
            
                .bsu-calc_wrapper .divider {
                    height: 1px;
                    border-bottom: 1px solid rgba(133, 142, 163, 0.3);
                    margin-bottom: 24px;
                }
            
            }
            
            
            
            #step2,
            #step3,
            #final-step {
                display: none;
            }
            
            
            
            
            
            .bsu-calc_wrapper, .bsu-calc_wrapper p {
                color: #656E85;
                font-family: "Nimbus Sans", Arial, sans-serif;
                font-size: 22px;
                font-style: normal;
            }
            
            
            .bsu-calc_wrapper h3.text-normal {
                font-size: 22px;
                font-weight: 700;
                line-height: 24px;
                margin: 0 0 24px 0;
            }
            
            .bsu-calc_wrapper .text-normal {
                font-size: 16px;
                font-weight: 400;
                line-height: 24px;
            }
            
            .bsu-calc_wrapper h2.text-normal {
                font-size: 32px;
                font-weight: 400;
                line-height: 36px;
            }
            
            .bsu-calc_wrapper .text-normal.mandatory {
                margin-top: 20px;
            }
            
            .bsu-calc_wrapper .text-normal-18 {
                font-size: 18px;
                font-weight: 400;
                line-height: 24px;
            }
            
            .bsu-calc_wrapper .text-normal > span {
                font-weight: 700;    
            }
            
            .bsu-calc_wrapper .text-subhead {
                font-size: 16px;
                font-weight: 400;
                line-height: 24px;
            }
            
            .bsu-calc_wrapper .text-info {
                font-size: 14px;
                font-weight: 400;
                line-height: 20px;
                margin: 4px 0;
            }
            
            
            .bsu-calc_inner {
                width: calc(100% - 40px);
                background-color: #fff;
                border: 1px solid rgba(133, 142, 163, 0.30);
                box-shadow: 0px 10px 32px -4px rgba(8, 8, 10, 0.08), 0px 6px 14px -6px rgba(8, 8, 10, 0.08);
                margin: -20px 20px 20px 20px;    
            }
            
            .bsu-calc_progress, .bsu-calc_vypocet {
                padding: 40px 40px 40px 40px;
            
            }
            
            .bsu-calc_wrapper {
                display: flex;
                flex-direction: column;
                margin: 40px auto;
                max-width: 826px;
                align-items: flex-start;
                background: #F4F4F5;
            }
            
            
            .bsu-calc_wrapper hr {
                border: none;
                height: 1px;
                background-color: rgba(133, 142, 162, 0.6); /* Change to desired color */
                
            }
            
            .bsu-calc_wrapper .button-next {
               display: flex;
               flex-direction: row;
               align-items: center;
               justify-content: flex-end;
                
            }
            
            .button-next .ponuka-button,
            .bsu-calc_cta .ponuka-button {
                display: flex;
                flex-direction: row;
                align-items: center;
                min-width: 200px;
                box-sizing: border-box;
                position: relative;
            }
            
            
            .button-next .ponuka-button.back {
               min-width: auto;
               border: 1px solid #0047f8;
               background-color: transparent;
               color: #656E85;
               margin-right: 16px;
               padding: 9px 20px;;
                
            }
            
            
            .button-next i.icon.white-arrow-right {
                position: absolute;
                top: 7px;
                right: 8px;
                transform: scale(0.8);
            }
            
            .bsu-calc_wrapper .divider {
                height: 36px;
            }
            
            .bsu-calc_cta {
                padding: 40px;
                margin-top: 20px;
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
            }
            
            
            .bsu-calc_inner.bottom {
                margin-top: 0;
            }
            
            .ponuka-button.green {
                background-color: #19B18C;
                padding: 10px 26px 10px 60px;
            }
            
            #custom-uver .ponuka-button {     
                padding: 10px ;
            }
            
            .ponuka-button.green > svg {
                position: absolute;
                left: 30px;
            }
            
            .bsu-calc_wrapper .progress-bars {
                width: 100%;
                height: 4px;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
            }
            
            .bsu-calc_wrapper .progress-bars > .progress-bar {
                background-color: #DEDFE2;
                height: 100%;
                width: calc(100% / 3 - 6px);
            }
            
            .bsu-calc_wrapper .progress-bars > .progress-bar.fill {
                background-color: #0047f8;
            }
            
            .bsu-calc_wrapper .progress-bars > .progress-bar.filled {
                background-color: #19B18C;
                
            }
            
            .bsu-calc_vypocet .vypocet-row_form {    
                    display: flex;
                    flex-direction: row;
                    align-self: flex-start;
                    justify-content: space-between;
                    width: 100%;   
            
            }
            
            .bsu-calc_vypocet .vypocet--vydavky_inside.first ,
            .bsu-calc_vypocet .vypocet--vydavky_inside{
                margin-top: 0;
                max-width: calc(100% / 2 - 15px);
                align-items: flex-start;
            }
            
            
            
            .bsu-calc_vypocet .vypocet--vydavky_inside input,   
            .bsu-calc_vypocet .vypocet--vydavky_inside select {   
                width: 100%;
                box-sizing: border-box;
                text-align: right;
            }
            
            #typ-prijmu {
                text-align: left;
            }
            
            
            
            #final-step .back-to-calc{
                color: #0047f8;
                text-align: left;
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: 24px; 
                display: flex;
                flex-direction: row;
                align-items: center;
                cursor: pointer;
                margin-left: 20px;
            }
            
            #step2 input,
            #step2 select,
            #step3 input{
                color: #0047f8 !important;
                font-weight: 700;
            }
            
            #step2 input::placeholder,
            #step2 select::placeholder,
            #step3 input::placeholder{
                color: #0047f8 !important;
                font-weight: 700;
            }
            
            #step2 input:-webkit-autofill,
            #step2 select,
            #step3 input:-webkit-autofill{
                color: #0047f8 !important;
                font-weight: 700;
                font-size: 16px;
            }
            
            #step2 .vypocet-label,
            #step3 .vypocet-label {
                margin-bottom: 6px;
            }
            
            #step2 input,
            #step2 select,
            #step3 input {
                margin-top: 0;    
            }
            
             input::-webkit-input-placeholder, /* Chrome/Opera/Safari */
             input::-moz-placeholder, /* Firefox 19+ */
             input:-ms-input-placeholder, /* IE 10+ */
             input:-moz-placeholder{ 
                color: #0047f8;
            }
            
            
            #celkove-zavazky-wrapper #celkove-zavazky,
            #mesacny-prijem-wrapper #mesacny-prijem{
                    padding-right: 30px;
            }
            
            #step2 .pseudo-text,
            #step3 .pseudo-text{
                width: 100%;
            }
            
            option:disabled {
                color: #9FA4B2;
                font-weight: 400;
            }
            
            
            #final-step .bsu-calc_inner.bottom-cta {
                position: relative;
                margin: 16px;
                padding: 16px;
                width: calc(100% - 32px);
                box-sizing: border-box;
            
            }
            
            #final-step .bsu-calc_inner.bsu-calc_inner.bottom-cta  h3.text-bigger {
                font-size: 22px;
                line-height: 28px;
                color: #191919;
            }
            
            #final-step .bsu-calc_inner.bsu-calc_inner.bottom-cta  h3.text-bigger {
                font-size: 22px;
                line-height: 28px;    
            }
            
            #final-step .bsu-calc_inner.bsu-calc_inner.bottom-cta  h3.text-normal {
                font-size:18px;
                line-height: 22px;    
                text-align: center;
                margin-bottom: 0;
            }
            
            
            #final-step .bsu-calc_inner.bottom-cta  .text-thin {
                font-size: 18px;
                line-height: 28px;
                font-weight: 300;
                margin-bottom: 36px;
            }
            
            
            #final-step .bsu-calc_cta .ponuka-button.green > span {
                display: inline;
            }
            
            .hor-line{
                border-top: 1px solid rgba(133, 142, 163, 0.60);
                width: calc(100% + 48px);
                margin-left: -24px;
            }
            
            .hor-line:last-child{
                padding-bottom: 12px;
            }
            
            #final-step .bottom-cta .bsu-calc_cta {
                flex-direction: row;
                align-items: center;
                /* border-top: 1px solid rgba(133, 142, 163, 0.60); */
                border-radius: 0;
                padding: 36px 16px;
                margin-top: 0;
            }
            
            
            #final-step .bsu-calc_inner.bottom-cta {
                border: 1px solid rgba(133, 142, 163, 0.60);
                padding: 24px;
            }
            
            #final-step .bsu-calc_cta .ponuka-button.gray{
                background-color: #656E85; 
                width: auto;
                min-width: auto;
                padding: 10px 16px;
            }
            
            #final-step .bsu-calc_cta .ponuka-button > span{
               margin-left: 10px;
            }
            
               .bsu-calc_inner.bottom {
                    position: static;
                    
                }
            
            
            
            @media screen and (max-width: 900px) {
            
                #final-step{     
                    margin: 40px -20px;
                }
                
            
                #final-step .bsu-calc_inner.bsu-calc_inner.bottom-cta  h3.text-normal {
                    font-size:18px;
                    line-height: 22px;    
                    text-align: center;
                    margin-bottom: 24px;
                }
                
                #final-step .bsu-calc_cta .ponuka-button.green {
                    padding: 10px 16px;
                    }
                
                #final-step .bottom-cta .bsu-calc_cta {
                    flex-direction: column;
                    border-radius: 0;
                    padding: 36px 0;
                }
                
                .bsu-calc_wrapper .divider {
                    height: 1px;
                    border-bottom: none;
                    margin-bottom: 16px;
                }
            
                #final-step .text-normal.mandatory{
                    margin-left: 20px;
                    margin-right: 20px;
                }
            
                #final-step .back-to-calc{
                    margin-left: 20px;
                }
            
             
            
                .bsu-calc_wrapper h2.text-normal {
                    margin-left: 20px;
                }
                
            
                .bsu-calc_wrapper .bsu-calc_inner {
                    width: 100%;
                    background-color: #fff;
                    border: none;
                    box-shadow: none;
                    margin: 0;
                }
            
               .bsu-calc_wrapper .bsu-calc_vypocet,
               .bsu-calc_wrapper .bsu-calc_progress {
                    padding: 20px 40px;
                }
               .bsu-calc_wrapper .bsu-calc_vypocet {
                    padding: 20px 20px 60px 20px;
                }
            
                #final-step.bsu-calc_wrapper .bsu-calc_vypocet{
                    padding: 20px 0px;
                }
                    
                .ponuka-button {
                    font-size: 16px;
                    width: calc(100% - 32px);
                    margin: 0 16px;
                }
                    
                    
                #custom-uver .ponuka-button {       
                    width: auto;
                    margin: 0 ;
                }
                    
                    
                #final-step .ponuka-outer_wrapper .ponuka-button  {
                        font-size: 16px;
                        width: 100%;
                        box-sizing: border-box;
                        text-align: center;
                }
                        
                        
                
            
                .bsu-calc_vypocet .vypocet--vydavky_inside.first ,
                .bsu-calc_vypocet .vypocet--vydavky_inside{
                    margin-top: 0;
                    max-width: 100%;
                    align-items: flex-start;
                    margin-bottom: 20px;
                }
            
            
                .bsu-calc_vypocet .vypocet-row_form {    
                    flex-direction: column;        
                }
            
                #final-step .vypocet-row_form {    
                    flex-direction: row;    
                    overflow-x: scroll;    
                }
            
                #final-step .vypocet-row_form .ponuka-outer_wrapper {    
                       margin: 0;
                       width: 100%;
                       position: relative;
                       left: 1px;
                }
            
                #final-step .vypocet-row_form .ponuka-outer_wrapper.green {    
                       margin: 0;
                       width: 100%;           
                }
            
                #final-step .vypocet--vydavky_inside{    
                       width: 80%;
                       min-width: 80%;
                       margin-left: 20px;  
                       margin-right: 20px;  
                    }
                       
                #final-step .vypocet--vydavky_inside.first{    
                        margin-right: 0;          
                }
            
            
            
              
                .bsu-calc_cta {
                    flex-direction: row;
                    align-items: center;
                    justify-content: space-between;
                    padding: 12px 16px;
                    margin-top: 0;
                    border-radius: 8px;
                    background: #fff;
                    
                }
                
                .button-next .ponuka-button,
                .button-next .ponuka-button.back,
                 .bsu-calc_cta .ponuka-button {        
                    width: 100%;
                    margin-right: 0;
                    min-width: auto;
                }
            
                
                .button-next .ponuka-button.back { 
                    margin-left: 0;       
                    text-align: center; 
                    justify-content: center;
                }
                
                .button-next .ponuka-button.form { 
                   padding-left: 20px              
                }
                
                #step1 .button-next .ponuka-button.form { 
                   margin-left: 0;        
                }
                
                .bsu-calc_cta .ponuka-button.green  {        
                    width: auto;
                    min-width: auto;  
                    padding: 16px;
                }
            
                .bsu-calc_cta .ponuka-button.green > span {        
                    display: none;
                }
            
                .bsu-calc_inner.bottom h3.text-normal {
                    font-size: 15px;
                    font-weight: 700;
                    line-height: 20px;
                    margin: 0 0 0 0;
                    color: #191919;
                }
            
                .bsu-calc_wrapper h3.text-normal {
                    font-size: 22px;
                    font-weight: 700;
                    line-height: 20px;        
                }
            
                /* .bsu-calc_wrapper {
                    margin-bottom: 150px;
                }
             */
            
                .bsu-calc_wrapper .text-normal-18 {
                    font-size: 13px;
                    font-weight: 400;
                    line-height: 18px;
                    margin: 0 0 0 0;
                    color: #656E85;
                }
            
                .bsu-calc_wrapper .ponuka-button.green > svg {
                    position: relative;
                    left: auto;
                }
                
            
                .bsu-calc_inner.bottom {
                    position: static;
                    bottom : 0;
                    background-color: #fff;
                    width: 100%;
                    margin: 0;
                    /* margin-top: 30px; */
                    box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.10);
                    z-index: 99;
                    padding: 1px;
                    box-sizing: border-box;
                }
                
            
                .bsu-calc_inner.bottom .bsu-calc_cta {
                    margin: 16px;
                    border-radius: 8px;
                    background:#F4F4F5;
                }
                
            }
            
            
            
            
            /* ---- TOOLTOIP START ---- */
            
            .tooltip-custom {    
                z-index: 99999;        
                margin-top: 0px;
                margin-bottom: 0px;
                padding: 40px 30px;
                border-radius: 8px;
                background-color: #3a3e4b;
                box-shadow: 0 25px 25px -8px rgba(8, 8, 10, 0.5);
                color: #fff;
                max-width: 330px;
                width: calc( 100% - 40px);
                position: absolute;           
                box-sizing: border-box;
                display: none;
            }
            
            .tooltip-opened::after{
                content: "";
                display: block;
                position: absolute;
                width: 15px;
                height: 15px;
                background-color: #3a3e4b;
                transform: rotate(45deg);
                left: calc( 50% - 7px );
                top: -20px;
            }   
            
            .tooltip-heading-wrapper {    
                position: absolute;
                right: 10px;
                top: 10px;
                transform: scale(0.75);
            }
            
            .tooltip-opened::after {
                content: "";
                display: block;
                position: absolute;
                width: 15px;
                height: 15px;
                background-color: #3a3e4b;
                transform: rotate(45deg);
                left: calc( 50% - 7px );
                top: -25px;
            }
            
            .tooltip-close {
                display: inline-block;
                text-align: right;
                cursor: pointer;
            }
            
            .calc-uestrene-wrapper.mobile .tooltip-opened::after{
                content: "";
                display: none;     
            }   
            
            .tooltip-icon{
                position: relative;
                white-space: nowrap;
            }
            
            .tooltip-paragraph{
                font-size: 14px;
                font-weight: 300;
                line-height: 1.5;
                margin: 0;
                color: #fff;
            }
            
            /* ---- TOOLTOIP END ---- */
            /* ---- CSS override ---- */
            
            .ponuka-tile {
                box-sizing: content-box;
            }
            
            .bsu-calc_wrapper .slider{
                overflow: visible !important;
            }
            
            .bsu-calc_wrapper .handle{
                box-sizing: content-box;
                top: 0;
            }
            
            /* .slider-wrapper_select .plus, .slider-wrapper_select .minus {
                line-height: 23px;
            }
            
            */
            
            p, span {
                font-family: "NimbusSan",Arial,Sans-serif; 
            }
            
            p.bsclc-heading-text{
                font-size: 24px;
                line-height: 32px;
                font-weight: 700;
                color: #19B18C;
                text-align: center;
                font-family: "NimbusSan",Arial,Sans-serif;   
                margin: 0 0 16px 0; 
            }
            
            p.bsclc-heading-text.blue{    
                color: #0047f8;
                
            }
            
            
            
            .bsclc-plus-minus {
                font-size: 24px;
                font-weight: 300;
                font-family: "NimbusSan",Arial,Sans-serif; 
                color: #0047f8;
                border: 1px solid #858ea34d ; 
                border-radius: 4px;  
                width: 44px;
                min-width: 44px;
                height: 44px;
                display: flex;
                justify-content: center;
                align-items: center;
                cursor: pointer;
                user-select: none;
            }
            
            .bsclc-input-wrapper {
                display: flex;
                flex-direction: row;
                width: 100%;
                align-items: center;
            }
            
            
            .bsclc-column .bsclc-input {
                border: none;
                font-family: "NimbusSan",Arial,Sans-serif; 
                font-size: 32px;
                font-weight: 700;
                line-height: 36px;
                text-align: right;
                color: #1B1C22;
                width: 100%;
                padding-left: 16px;
            }
            
            
            
            
            .bsclc-column p.bsclc-input {
                border: none;
                font-family: "NimbusSan",Arial,Sans-serif; 
                font-size: 32px;
                font-weight: 700;
                line-height: 36px;
                text-align: right;
                color: #1B1C22;
                width: 100%;
                padding-left: 0;;
                text-align: left;
                margin: 0;
            }
            
            .bsclc-column p.bsclc-input.basic {   
                margin: 0;
            }
            
            
            
            
            .bsclc-column .bsclc-input-eur {
                border: none;
                font-family: "NimbusSan",Arial,Sans-serif; 
                font-size: 16px;
                font-weight: 700;
                line-height: 36px;
                text-align: right;
                color: #1B1C22;
                width: 100%;
                padding-left: 0;;
                text-align: right;
                margin: 0;
                
            }
            
            .bsclc-input.basic {    
                text-align: center;
                /* color: #1B1C22;    */
                color: #0047f8;   
            }
            
            #custom-uver .bsclc-info {    
                font-family: "NimbusSan",Arial,Sans-serif; 
                font-size: 14px;
                line-height: 1;
                font-weight: 400;   
                text-align: left;
                color: #656E85; 
                margin-top: 0; 
                margin-bottom: 14px;
            }
            
            .bsclc-input-unit {    
                font-family: "NimbusSan",Arial,Sans-serif; 
                font-size: 16px;
                line-height: 1;
                font-weight: 700;   
                text-align: right;
                color: #1B1C22;   
                margin: 0 10px;
            
            }
            
            
            .bsclc-column {
                border: 1px solid #19B18C;   
                border-radius: 12px;
                margin: 20px 15px 20px 20px ;
                display: flex;
                flex-direction: column;
                padding: 16px;
                max-width: 400px;
                background-color: #fff;
                width: 50%;
                justify-content: space-between;
            }
            
            .bsclc-column.blue {
                border: 1px solid #0047f8;
            }
            
            .bsclc-column:last-child {    
                margin: 20px  20px 20px 15px;
                
            }
            
            hr.bsclc-hr {
                height: 1px;
                width: 100%;
                background-color: #858ea399;
                border: none;
                margin: 8px 0;
            }
            
            #custom-uver .slider-wrapper_select {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
            }
            
            
            #custom-uver .slider-wrapper_select .slider {
                width: 100%;
                margin-right: 0;
                margin-left: 0;
                left: 0;
                right: 0;  
                margin-top: 12px;
                margin-bottom: 12px;
                padding: 0;
            }
            
            
            #custom-uver  .slider-wrapper_select .bar {
                left: 0;
                right: 0;
            } 
            
            .ponuka-small{
                font-size: 14px;
                font-weight: 400;
                color: #656E85;
                text-align: left;
                line-height: normal;
                margin: 0;
            }
            
            .ponuka-small.padding{
               padding:20px;
               display: block;
            }
            
            
            .bsclc-info-block {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                width: 100%;
                align-items:    flex-start;
            }
            
            .bsclc-zamok {
                height: 25px;
                width: 25px;
                position: relative;
            }
            
            
            .bsclc-zamok {   
                opacity: 0.3;
            }
            
            .lock .bsclc-zamok {   
                opacity: 1;
            }
            
            
            .bsclc-zamok > img {
                position: absolute;
                top: 0;
                height: 25px;
                width: 25px;
            }
            
            .bsclc-zamok > img.zamok { 
                transition: 0.2s all linear;
                top: -3px;    
            }
            
            .lock .bsclc-zamok > img.zamok {    
                top: 0px;    
            }
            
            .lock input.bsclc-input {
                color: #9397a9;
            }
            
            
            .bsclc-wrapper .slider-wrapper_select .bar{   
                height: 26px;  
                top: 0;
                background: linear-gradient(0deg, #fff 40%, #C7CAD1 40%, #C7CAD1 60%, #fff 60%);
                cursor: pointer;
            }
            
            .bsclc-wrapper .slider-wrapper_select .bar-filled {   
                top: 11px;   
            }
            
            
            .bsclc-wrapper .slider-wrapper_select .slider .handle {
                width: 20px;
                height: 20px;
                background: #fff;
                position: absolute;
                cursor: pointer;
                border-radius: 50%;
                border: 3px solid #0047f8;
                box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.5);
                cursor: pointer;
            }
            
            .bsclc-zamok-text {
                font-size: 12px;
                line-height: 1px;
            }
            
            
            #custom-uver {
                display: flex;
                overflow-x: auto;
            }
            
            p.bsclc-input.installment-amount.over{
                /* color: red; */
            }
            
            .blue .loan-duration .bsclc-input-wrapper, 
            .blue .loan-amount .bsclc-input-wrapper{  
                padding: 5px 0px 45px 0;
            }
            
            .result-cta {
                border: 1px solid rgba(133, 142, 163, 0.60);
                background: #FFF;
                padding: 24px 16px;
                margin: 24px 16px;
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            
            .result-cta .result-cta-heading {    
                color: #191919;
                font-family: "NimbusSan",Arial,Sans-serif; 
                font-size: 18px;
                font-style: normal;
                font-weight: 700;
                line-height: 24px; /* 133.333% */
                margin: 0;
                align-self: flex-start;
            }
            
            .result-cta .result-cta-subheading {   
             
                font-family: "NimbusSan",Arial,Sans-serif;  
                color:  #656E85;
                text-align: left;
                font-size: 16px;
                font-style: normal;
                font-weight: 700;
                line-height: 24px; /* 150% */
                margin: 8px 0;
                
            }
            
            .result-cta .result-cta-text {    
                color: #656E85;
                font-family: "NimbusSan",Arial,Sans-serif; 
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: 24px; /* 150% */
                align-self: flex-start;
                margin: 8px 0 16px 0;
            
            }
            
            .result-cta .ponuka-button {
                font-size: 16px;
                width: auto;
                margin: 16px 0 16px 0;
                box-sizing: border-box;
                font-weight: 700;
                display: flex;
                flex-direction: row;
                justify-content: center;
            }
            
            .result-cta .ponuka-button > svg {
                margin-right: 10px;
            }
            
            .result-cta .ponuka-button.seda {
                background-color: #656E85;
                font-weight: 400;
                margin-bottom: 8px;
            }
            
            .result-cta .result-cta-inner {
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
                width: 100%;
            }
            
            
            @media only screen and (max-width: 900px) { 
            
                .result-cta .ponuka-button {       
                    margin: 8px 0 16px 0;      
                }
            
                .result-cta .ponuka-button.seda {
                    margin-bottom: 0;
                }
            
                .result-cta .result-cta-heading {            
                    align-self: center;
                }
            
                .result-cta .result-cta-text {           
                    align-self: center;
                    margin: 0 0 8px 0;   
                }
            
                .bsclc-column:last-child {
                    margin: 20px 15px 20px 4px;
                }
            
                .result-cta .ponuka-button {      
                    width: 100%;        
                }
            
                .result-cta .result-cta-inner {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    width: 100%;
                }
                
            }
            
            @media only screen and (max-width: 600px) {   
            
                .bsclc-column {        
                    padding: 32px 24px;
                    max-width: 80vw;
                    min-width: 80vw;
                   
                    box-sizing: border-box;
                    background-color: #fff;
                    margin: 20px 4px 20px 15px;
                    width: auto;
                }
            
                .bsclc-column:last-child {
                    margin: 20px 15px 20px 4px;
                }
            }