@font-face {

    font-family: 'tt_commonsregular_bg';

    src: url('TypeType - TT Commons Regular.woff2') format('woff2'),

         url('TypeType - TT Commons Regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'tt_commonsbold_bg';

    src: url('TypeType - TT Commons Bold.woff2') format('woff2'),

         url('TypeType - TT Commons Bold.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'tt_commonslight_bg';

    src: url('TypeType - TT Commons Light.woff2') format('woff2'),

         url('TypeType - TT Commons Light.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

/* bnpl float */

.bnpl_div{

    display: flex;

    flex-direction: column;

}

.bnpl_row{

    display: flex;

    flex-direction: column;

    padding-top: 15px;

    background-color: transparent;

}

.bnpl_z1_text{

    font-family: tt_commonsregular_bg;

    font-size: 22px;

    font-weight: normal;

    font-stretch: normal;

    font-style: normal;

    line-height: normal;

    letter-spacing: normal;

    line-height: 22px;

    text-align: left;

    color: #EC7423;

}

.bnpl_custom_button{

    padding: 0px;

    background-color: transparent;

}

.bnpl_api_button{

    cursor: pointer;

    background-color: transparent;

}

.bnpl_custom_button_txt{

    padding-top: 10px;

    background-color: transparent;

    font-family: tt_commonsregular_bg;

    font-size: 22px;

    font-weight: normal;

    font-stretch: normal;

    font-style: normal;

    line-height: normal;

    letter-spacing: normal;

    line-height: 22px;

    text-align: left;

    color: red;

}

.bnpl_button{

    padding-right:5px;

    padding-bottom:5px;

    padding-top:0px;

    border: 0px none white;

    background-color: transparent;

}

.bnpl_button_div{

    border:2px solid #ea6e0e;

    background: white;

    border-radius: 26px;

    cursor:pointer;

    width:268px;

    height:52px;

    box-sizing: border-box;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.4); 

    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.4);

}

.bnpl_button_div_kvadrat{

    border:2px solid #ea6e0e;

    background: white;

    cursor:pointer;

    width:268px;

    height:52px;

    box-sizing: border-box;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.4); 

    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.4);

}

.bnpl_button_head{

    height: 30px;

    width: 268px;

    background-repeat: no-repeat;

    background-position: center;

    border-radius: 24px 24px 0px 0px;

    background-color: #ea6e0e;

    background-image: url('https://bnpl.tbibank.support/calculators/assets/img/buttons/tbi_head_new_logo_e.png');

}

.bnpl_button_head_kvadrat{

    height: 30px;

    width: 268px;

    background-repeat: no-repeat;

    background-position: center;

    background-color: #ea6e0e;

    background-image: url('https://bnpl.tbibank.support/calculators/assets/img/buttons/tbi_head_new_logo_e.png');

}

.bnpl_button_head:hover{

    background: url('https://bnpl.tbibank.support/calculators/assets/img/buttons/tbi_head_hover_new_e.png');

}

.bnpl_button_head:hover + .bnpl_button_body{

    color:white;

}

.bnpl_button_head_kvadrat:hover{

    background: url('https://bnpl.tbibank.support/calculators/assets/img/buttons/tbi_head_hover_new_e.png');

}

.bnpl_button_head_kvadrat:hover + .bnpl_button_body{

    color:white;

}

.bnpl_button_body{

    height:20px;

    text-align:center;

    color:#504f50;

    font-size:14px;

    font-weight:normal;

    vertical-align: middle;

    line-height: 20px;

}

.bnpl_button_text{

    font-family: tt_commonsregular_bg;

    font-size: 16px;

    font-weight: normal;

    font-stretch: normal;

    font-style: normal;

    line-height: normal;

    letter-spacing: normal;

    line-height: 16px;

    text-align: left;

    color: #414546;

}

/* calculator popup */

.modalpayment_bnpl {

    display: none;

    position: fixed;

    z-index: 4000000;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    overflow: auto;

    background-color: rgb(0,0,0);

    background-color: rgba(0,0,0,0.4);

    padding-top:20px;

}

.modalpayment-content_bnpl {

    position: relative;

    margin: auto;

    padding: 0;

    max-width: 1100px;

    border-radius: 14.5px;

}

.bnpl_body{

    padding: 0px;

    height: 100%;

}

.bnpl_PopUp_Detailed_v1 {

    border-radius: 14.5px;

    width: 1100px;

    background-color: #ffffff;

    overflow: none;

    margin: auto;

}

.bnplm_PopUp_Detailed_v1 {

    border-radius: 14.5px;

    width: 100%;

    height: 100%;

    background-color: #ffffff;

    overflow: none;

}

.bnpl_Mask {

    display: flex;

    flex-direction: column;

    border-radius: 14.5px;

    background-color: #ffffff;

    -webkit-box-shadow: 0px 0px 30px 0px #000000; 

    box-shadow: 0px 0px 30px 0px #000000;

}

.bnplm_Mask {

    display: flex;

    flex-direction: column;

    border-radius: 14.5px;

    background-color: #ffffff;

    -webkit-box-shadow: 0px 0px 30px 0px #000000; 

    box-shadow: 0px 0px 30px 0px #000000;

}

.bnpl_header {

    width: 100%;

    margin: 0 0 7.7px;

    border-radius: 14.5px 14.5px 0px 0px;

    object-fit: contain;

}

p.bnpl_product_name {

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    padding: 15px 57px 20px 57px;

    margin: 0px;

    font-family: tt_commonsbold_bg;

    font-size: 24px;

    line-height: 24px;

    color: #414546;

}

p.bnplm_product_name {

    padding: 15px 17px 20px 17px;

    margin: 0px;

    font-family: tt_commonsbold_bg;

    font-size: 24px;

    line-height: 24px;

    text-align: left;

    color: #414546;

    background-color: white;

}

.bnpl_body_panel_footer{

    display: flex;

    flex-direction: row;

    padding-bottom: 10px;

}

.bnplm_body_panel_footer{

    display: flex;

    flex-direction: column;

    padding-bottom: 10px;

}

.bnpl_btn_panel{

    display: flex;

    flex-direction: row;

    justify-content: space-evenly;

    height: 90px;

    padding: 20px 10px 10px 10px;

}

.bnplm_btn_panel{

    display: flex;

    justify-content: space-evenly;

    flex-direction: column;

    height: 200px;

    padding: 15px 10px;

}

.bnpl_btn_panel_direct{

    display: flex;

    flex-direction: row;

    justify-content: space-evenly;

    height: 90px;

    padding: 20px 10px 10px 10px;

}

.bnplm_btn_panel_direct{

    display: flex;

    justify-content: space-around;

    flex-direction: column;

    height: 200px;

    padding: 15px 10px;

}

.bnpl_btn_info{

    width: 300px;

    height: 40px;

    background-color: #FFFFFF;

    border: 1px solid #FF6600;

    border-radius: 20px;

    text-align: center;

    line-height: 40px;

    font-family: tt_commonslight_bg;

    font-size: 18px;

    color: #FF6600;

    cursor: pointer;

    margin-right: 5px;

    -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.4); 

    box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.4);

    user-select: none;

    -moz-user-select: none;

    -khtml-user-select: none;

    -webkit-user-select: none;

    -o-user-select: none;

}

.bnpl_btn_next{

    width: 300px;

    height: 48px;

    background-color: #FFFFFF;

    border: 1px solid #FF6600;

    border-radius: 24px;

    text-align: center;

    line-height: 52px;

    font-family: tt_commonslight_bg;

    font-size: 22px;

    color: #FF6600;

    cursor: pointer;

    margin-right: 5px;

    -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.4); 

    box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.4);

    user-select: none;

    -moz-user-select: none;

    -khtml-user-select: none;

    -webkit-user-select: none;

    -o-user-select: none;

}

.bnplm_btn_next{

    height: 48px;

    background-color: #FFFFFF;

    border: 1px solid #FF6600;

    border-radius: 24px;

    text-align: center;

    line-height: 52px;

    font-family: tt_commonslight_bg;

    font-size: 22px;

    color: #FF6600;

    cursor: pointer;

    -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.4); 

    box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.4);

    user-select: none;

    -moz-user-select: none;

    -khtml-user-select: none;

    -webkit-user-select: none;

    -o-user-select: none;

}

.bnpl_btn_next_direct{

    width: 300px;

    height: 48px;

    background-color: #ff6600;

    border-radius: 24px;

    text-align: center;

    line-height: 52px;

    font-family: tt_commonslight_bg;

    font-size: 22px;

    color: white;

    cursor: pointer;

    margin-right: 5px;

    -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.4); 

    box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.4);

    user-select: none;

    -moz-user-select: none;

    -khtml-user-select: none;

    -webkit-user-select: none;

    -o-user-select: none;

}

.bnplm_btn_next_direct{

    height: 48px;

    background-color: #ff6600;

    border-radius: 24px;

    text-align: center;

    line-height: 52px;

    font-family: tt_commonslight_bg;

    font-size: 22px;

    color: white;

    cursor: pointer;

    -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.4); 

    box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.4);

    user-select: none;

    -moz-user-select: none;

    -khtml-user-select: none;

    -webkit-user-select: none;

    -o-user-select: none;

}

.bnpl_btn_direct{

    width: 300px;

    height: 48px;

    background-color: #ff6600;

    border-radius: 24px;

    text-align: center;

    line-height: 52px;

    font-family: tt_commonslight_bg;

    font-size: 22px;

    color: white;

    cursor: pointer;

    margin-right: 5px;

    -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.4); 

    box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.4);

    user-select: none;

    -moz-user-select: none;

    -khtml-user-select: none;

    -webkit-user-select: none;

    -o-user-select: none;

}

.bnplm_btn_direct{

    height: 48px;

    background-color: #ff6600;

    border-radius: 24px;

    text-align: center;

    line-height: 52px;

    font-family: tt_commonslight_bg;

    font-size: 22px;

    color: white;

    cursor: pointer;

    -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.4); 

    box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.4);

    user-select: none;

    -moz-user-select: none;

    -khtml-user-select: none;

    -webkit-user-select: none;

    -o-user-select: none;

}

.bnpl_btn_cancel{

    width: 200px;

    height: 48px;

    background-color: white;

    border-radius: 24px;

    text-align: center;

    line-height: 52px;

    font-family: tt_commonslight_bg;

    font-size: 22px;

    color: #414546;

    cursor: pointer;

    margin-left: 5px;

    -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.4); 

    box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.4);

    user-select: none;

    -moz-user-select: none;

    -khtml-user-select: none;

    -webkit-user-select: none;

    -o-user-select: none;

}

.bnplm_btn_cancel{

    height: 48px;

    background-color: white;

    border-radius: 24px;

    text-align: center;

    line-height: 52px;

    font-family: tt_commonslight_bg;

    font-size: 22px;

    color: #414546;

    cursor: pointer;

    -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.4); 

    box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.4);

    user-select: none;

    -moz-user-select: none;

    -khtml-user-select: none;

    -webkit-user-select: none;

    -o-user-select: none;

}

.bnplm_body_panel_left{

    width: 100%;

    height: 100%;

    text-align: left;

}

.bnpl_txt_footer{

    padding-left: 57px;

    padding-right: 10px;

    font-family: tt_commonslight_bg;

    font-weight: 100;

    font-size: 16px;

    font-stretch: normal;

    font-style: normal;

    line-height: normal;

    letter-spacing: normal;

    text-align: right;

}

.bnplm_txt_footer{

    padding-left: 10px;

    padding-right: 10px;

    font-family: tt_commonslight_bg;

    font-weight: 100;

    font-size: 16px;

    font-stretch: normal;

    font-style: normal;

    line-height: normal;

    letter-spacing: normal;

    text-align: left;

}

.bnpl_link_footer{

    font-family: tt_commonslight_bg;

    font-weight: 300;

    font-size: 16px;

    text-align: left;

    text-decoration: underline;

    color: #003eff;

    cursor: pointer;

}

.bnpl_link_footer:hover{

    color: #003eff;

    text-decoration: underline;

}

.bnplm_body_panel_right{

    display: none;

}

.bnpl_choice_panel{

    display: flex;

    flex-direction: column;

    padding: 20px 0px 0px 0px;

    height: 100%;

}

.bnpl_body_panel{

    display: flex;

    flex-direction: row;

    height: 65px;

    padding: 0px 80px 0px 15px;

}

.bnplm_body_panel{

    display: flex;

    flex-direction: row;

    height: 65px;

    padding: 0px 15px 0px 15px;

}

.bnpl_body_panel_left{

    flex: 1;

    height: 100%;

    text-align: left;

}

.bnpl_checkbox {

    -webkit-appearance: none;

    border: 2px solid #414546;

    border-radius: 14.5px;

    display: inline-block;

    top: 5px;

    width: 25px;

    height: 25px;

    position: relative;

}

.bnpl_checkbox:checked {

    -webkit-appearance: none;

    border: 2px solid #414546;

    color: #414546;

    border-radius: 14.5px;

    display: inline-block;

    width: 25px;

    height: 25px;

    position: relative;

    background-color:#ff6600;

}

.bnpl_checkbox:focus{

    outline: none;

}

.bnpl_checkbox:checked:after {

    background-color: #BEBAB9;

}

.bnpl_body_panel_check_txt{

    font-family: tt_commonsregular_bg;

    font-size: 20px;

    font-weight: normal;

    color: #414546;

    padding: 2px 0px 0px 15px;

    text-align: left;

}

.bnpl_body_panel_right{

    display: flex;

    flex-direction: column;

    width: 520px;

}

.bnpl_body_panel_rightm{

    display: flex;

    flex-direction: column;

    width: 100%;

}

.bnpl_right_top{

    display: flex;

    flex-direction: row;

    width: 100%;

    height: 40px;

}

.bnpl_right_top1{

    display: flex;

    justify-items: center;

    align-items: end;

    font-family: tt_commonsregular_bg;

    font-size: 18px;

    line-height: 22px;

    width: 80px;

    height: 40px;

}

.bnpl_right_top2{

    flex: 1;

    height: 20px;

}

.bnpl_right_middle{

    display: flex;

    flex-direction: row;

    width: 100%;

    height: 15px;

}

.bnpl_right_middle1{

    text-align: center;

    font-family: tt_commonsregular_bg;

    font-size: 14px;

    line-height: 16px;

    width: 80px;

    height: 15px;

}

.bnpl_right_middle2{

    flex: 1;

    height: 15px;

}

.bnpl_right_bottom{

    display: flex;

    flex-direction: row;

    width: 520px;

    height: 30px;

}

.bnpl_right_bottomm{

    display: flex;

    flex-direction: row;

    width: 100%;

}

.bnpl_right_bottom_pic{

    width: 520px;

    height: 30px;

}

.bnpl_right_bottom_picm{

    width: 100%;

}

.bnpl_body_panel_space{

    height: 20px;

    padding: 0px 80px 0px 15px;

}

.bnpl_body_panel_txt1{

    display: none;

    flex-direction: row;

    height: 220px;

    padding: 0px 15px 0px 15px;

    font-family: tt_commonslight_bg;

    font-size: 18px;

    line-height: 22px;

    color: #414546;

}

.tbi_body_panel_txt1_p1{

    font-family: tt_commonslight_bg;

    font-size: 20px;

    line-height: 24px;

}

.bnpl_body_panel_txt1 p{

    padding: 0px;

    margin: 0px 0px 5px 0px;

    font-size: 18px;

}

.bnplm_body_panel_txt1{

    display: none;

    flex-direction: row;

    padding: 0px 15px 0px 15px;

    font-family: tt_commonslight_bg;

    font-size: 18px;

    line-height: 22px;

    color: #414546;

}

.bnpl_body_panel_txt2{

    display: none;

    flex-direction: row;

    height: 220px;

    padding: 0px 15px 0px 15px;

    font-family: tt_commonslight_bg;

    font-size: 18px;

    line-height: 22px;

    color: #414546;

}

.bnpl_body_panel_txt2 p{

    padding: 0px;

    margin: 0px 0px 5px 0px;

    font-size: 18px;

}

.bnplm_body_panel_txt2{

    display: none;

    flex-direction: row;

    padding: 0px 15px 0px 15px;

    font-family: tt_commonslight_bg;

    font-size: 18px;

    line-height: 22px;

    color: #414546;

}

.bnpl_body_panel_txt3{

    display: none;

    flex-direction: row;

    height: 200px;

    padding: 0px 15px 0px 15px;

}

.bnpl_body_panel_txt3_left{

    font-family: tt_commonslight_bg;

    font-size: 18px;

    line-height: 22px;

    color: #414546;

}

.bnpl_body_panel_txt3_right{

    padding: 0px 20px;

}

.bnpl_body_panel_txt3_left p{

    font-size: 18px;

}

.bnplm_body_panel_txt3_left{

    width: 100%;

    font-family: tt_commonslight_bg;

    font-size: 18px;

    line-height: 22px;

    color: #414546;

}

.bnplm_body_panel_txt3_left p{

    font-size: 18px;

}

select.bnpl_txt_right{

    font-family: tt_commonslight_bg;

    font-size: 22px;

    color: #414546;

    border-left: 0px none white;

    border-top: 0px none white;

    border-right: 0px none white;

    border-bottom: 1px solid #b0b0b0;

    background-color: white;

    width: 100%;

}

select.bnpl_txt_right:active, select.bnpl_txt_right:focus{

    font-family: tt_commonslight_bg;

    font-size: 22px;

    color: #414546;

    border-left: 0px none white;

    border-top: 0px none white;

    border-right: 0px none white;

    border-bottom: 1px solid #b0b0b0;

    width: 100%;

    outline: none;

}

.bnpl_sumi_panel{

    display: flex;

    flex-direction: row;

    width: 100%;

    height: 110px;

    margin-top: 20px;

    background-color: white;

}

.bnplm_sumi_panel{

    display: flex;

    flex-direction: column;

    width: 100%;

    height: 210px;

    margin-top: 20px;

    background-color: white;

}

.bnpl_kredit_panel{

    display: flex;

    flex-direction: column;

    width: 50%;

    height: 100%;

    border-radius: 30px;

    -webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.3); 

    box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.3);

    text-align: center;

    user-select: none;

    -moz-user-select: none;

    -khtml-user-select: none;

    -webkit-user-select: none;

    -o-user-select: none;

    margin-right: 10px;

    background-color: white;

}

.bnplm_kredit_panel{

    display: flex;

    flex-direction: column;

    width: 100%;

    height: 100%;

    border-radius: 30px;

    -webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.3); 

    box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.3);

    text-align: center;

    user-select: none;

    -moz-user-select: none;

    -khtml-user-select: none;

    -webkit-user-select: none;

    -o-user-select: none;

    margin-right: 10px;

    margin-bottom: 10px;

    background-color: white;

}

.bnpl_sumi_txt{

    display: flex;

    height: 30px;

    font-family: tt_commonslight_bg;

    font-size: 20px;

    color: #414546;

    align-items: center;

    justify-content: center;

}

input[type="text"].bnpl_mesecna_price{

    border: 0px none white;

    background-color: white;

    padding: 0px;

    pointer-events:none;

    width: 80%;

    height: 100%;

    font-family: tt_commonsregular_bg;

    font-size: 40px;

    color: #414546;

    text-align: center;

    box-shadow: none;

}

.bnplm_body_panel_txt3{

    display: none;

    flex-direction: column;

    padding: 0px 15px 0px 15px;

    font-family: tt_commonslight_bg;

    font-size: 18px;

    line-height: 22px;

    color: #414546;

}