@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
*{padding:0;margin:0;}
.uni_zaglavie{
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size:16px !important;
	font-weight:400 !important;
}
.uni_button{
	height:70px !important;
	width:270px !important;
	background: url('https://unicreditconsumerfinancing.info/calculators/assets/img/buttons/uni_head_new.png') !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	cursor: pointer !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: end !important;
	margin-right: 500px;
    margin-top: 20px;

}
.uni_button:hover{
	background-repeat: no-repeat !important;
	background-position: center !important;
	background: url('https://unicreditconsumerfinancing.info/calculators/assets/img/buttons/uni_head_new_hover.png') !important;
}
.uni_button:hover :nth-child(n) {
  display: none; 
}
.uni_button_body{
	display:flex;
	width:180px;
}
.uni_button_body_left{
	display:flex;
	flex-direction:column;
}
.uni_button_body_right{
	flex:1;
	display:flex;
	justify-content:end;
	align-items:center;
	padding:5px;
}
.uni_button_txt1{
	color: white !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size:16px !important;
	font-weight:400 !important;
	text-shadow: 1px 1px #C70A00 !important;
	text-align:center;
}
.uni_button_txt2{
	color: white !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size:16px !important;
	font-weight:400 !important;
	text-shadow: 1px 1px #C70A00;
	text-align:center;
}
.uni_button_line{
	border-bottom:1px solid white;
	margin-bottom:2px;
}
.uni_button_without{
	height:70px !important;
	width:270px !important;
	background: url('https://unicreditconsumerfinancing.info/calculators/assets/img/buttons/uni_head_new_hover.png') !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	cursor: pointer !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: end !important;
}
.uni_button_custom{
	cursor: pointer !important;
}
/* uni popup */
.modalpayment_uni {
	display: none;
	position: fixed !important;
	z-index: 999999 !important;
	left: 0 !important;
	top: 0 !important;
	width: 100% !important;
	height: 100% !important;
	overflow: auto !important;
	background-color: rgb(0,0,0) !important;
	background-color: rgba(0,0,0,0.4) !important;
}
.modalpayment_content_uni {
	position: relative !important;
	background-color: #fefefe !important;
	margin: auto !important;
	padding: 0 !important;
	max-width: 50% !important;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
}
.modalpaymentm_content_uni {
	position: relative !important;
	background-color: #fefefe !important;
	margin: auto !important;
	padding: 0 !important;
	width: 100% !important;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
}
.uni_body{
	padding: 0px !important;
	color: #696969 !important;
}
.unim_body{
	padding: 0px !important;
	width: 100% !important;
	color: #696969 !important;
}
.uni_image{
	vertical-align:bottom !important;
	max-height:100% !important;
	max-width:100% !important;
}
.uni_title_head{
	width: 100%;
	padding: 8px 15px 5px 15px !important;
	color:#000000 !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size:22px !important;
	font-weight:400 !important;
	text-align: left !important;
}
.unim_title_head{
	width: 100%;
	padding: 8px 15px 5px 15px !important;
	color:#000000 !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size:16px !important;
	font-weight:400 !important;
	text-align: left !important;
}
.uni_title{
	width: 100%;
	padding: 8px 15px 5px 15px !important;
	color:#000000 !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size:16px !important;
	font-weight:300 !important;
	text-align: left !important;
}
.uni_title p{
	padding: 0px !important;
	margin: 0px !important;
}
.uni_title p span{
	font-weight:400 !important;
}
.unim_title{
	width: 100%;
	padding: 8px 15px 5px 15px !important;
	color:#000000 !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size:14px !important;
	font-weight:300 !important;
	text-align: left !important;
}
.unim_title p{
	padding: 0px !important;
	margin: 0px !important;
}
.unim_title p span{
	font-weight:400 !important;
}
.uni_calc{
	width: max-content !important;
	max-width: 100% !important;
	align-self: flex-end;
	padding: 8px 25px 5px 15px !important;
	color:#000000 !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size:16px !important;
	font-weight:300 !important;
	text-align: left !important;
}
.unim_calc{
	width: max-content !important;
	max-width: 100% !important;
	align-self: flex-end;
	padding: 8px 10px 5px 10px !important;
	color:#000000 !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size:14px !important;
	font-weight:300 !important;
	text-align: left !important;
}
.uni_calc_back{
	background-image: url("uni_arrow.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto;
	width: 100%;
	display: flex;
}
.unim_calc_back{
	width: 100%;
	display: flex;
}
.uni_calc_logo{
	flex-grow: 1;
}
.uni_body_txt{
	padding: 20px !important;
}
/** uni grp container */
.uni_gpr_container{
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
	align-items: center !important;
	width: max-content !important;
	max-width: 100% !important;
	margin: 10px auto !important;
	border-radius: 14.5px 14.5px 80px 14.5px !important;
	padding: 10px !important;
	border: 2px solid #d4d4d8 !important;
	-webkit-box-shadow: 1px 1px 1px 1px #f4f4f5 !important;
	box-shadow: 1px 1px 1px 1px #f4f4f5 !important;
}
.unim_gpr_container{
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
	align-items: center !important;
	width: 100% !important;
	margin: 10px auto !important;
	border-radius: 14.5px !important;
	padding: 10px 15px !important;
	border: 2px solid #d4d4d8 !important;
	-webkit-box-shadow: 1px 1px 1px 1px #f4f4f5 !important;
	box-shadow: 1px 1px 1px 1px #f4f4f5 !important;
}
.uni_gpr_container_row{
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	column-gap: 100px;
	width: 100% !important;
}
.unim_gpr_container_row{
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	width: 100% !important;
}
.uni_gpr_column{
	text-wrap: nowrap !important;
	flex-grow: 1 !important;
	color:black !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size:18px !important;
	font-weight:400 !important;
}
.unim_gpr_column{
	flex-grow: 1 !important;
	color:black !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size:16px !important;
	font-weight:400 !important;
}
.uni_gpr_column_right{
	color:black !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size:20px !important;
	font-weight:400 !important;
}
.unim_gpr_column_right{
	color:black !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size:16px !important;
	font-weight:400 !important;
}
.uni_red{
	color: #ED1C24 !important;
}
.uni_sub{
	font-size:14px !important;
}
select.uni_txt_right{
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size: 20px !important;
	font-weight:400 !important;
	color: #ED1C24 !important;
	border-left: 0px none white !important;
	border-top: 0px none white !important;
	border-right: 0px none white !important;
	border-bottom: 1px solid #b0b0b0 !important;
	background-color: white !important;
    width: 100% !important;
}
select.uni_txt_right:active, select.uni_txt_right:focus{
	outline: none !important;
}
select.unim_txt_right{
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size: 16px !important;
	font-weight:400 !important;
	color: #ED1C24 !important;
	border-left: 0px none white !important;
	border-top: 0px none white !important;
	border-right: 0px none white !important;
	border-bottom: 1px solid #b0b0b0 !important;
	background-color: white !important;
    width: 100% !important;
}
select.unim_txt_right:active, select.unim_txt_right:focus{
	outline: none !important;
}
/** uni grp container */
.uni_panel_help_text{
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size: 14px !important;
	font-weight:300 !important;
	color: black !important;
	padding: 15px 0px 0px 0px !important;
}
.unim_panel_help_text{
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size: 12px !important;
	font-weight:300 !important;
	color: black !important;
	padding: 15px 0px 20px 0px !important;
}
.uni_buttons{
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
}
.uni_btn_primary{
	position:relative;
    display:inline-block;
	cursor:pointer !important;
	text-align:center !important;
	background: #a1a1aa !important;
	color:#ED1C24 !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size:20px !important;
	font-weight:400 !important;
	padding:0px !important;
	border-radius: 6px !important;
	text-shadow: 1px 1px #729696 !important;
}
.unim_btn_primary{
	position:relative;
    display:inline-block;
	cursor:pointer !important;
	text-align:center !important;
	background: #a1a1aa !important;
	color:#ED1C24 !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size:14px !important;
	font-weight:400 !important;
	padding:0px !important;
	border-radius: 3px !important;
	text-shadow: 1px 1px #729696 !important;
}
.notify-badge{
    position: absolute !important;
    left: -10px !important;
    top: -10px !important;
    background-image: url("uni_logo.png") !important;
	background-repeat: no-repeat !important;
	border-radius:20px;
	width: 40px !important;
	height: 40px !important;
    padding: 0px !important;
	z-index: 20 !important;
	box-shadow: 6px 6px 7px 0px rgba(105,105,105,0.75);
	-webkit-box-shadow: 6px 6px 7px 0px rgba(105,105,105,0.75);
	-moz-box-shadow: 6px 6px 7px 0px rgba(105,105,105,0.75);
}
.notifym-badge{
    position: absolute !important;
    left: -5px !important;
    top: -5px !important;
    background-image: url("uni_logo.png") !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	border-radius:12px;
	width: 24px !important;
	height: 24px !important;
    padding: 0px !important;
	z-index: 20 !important;
	box-shadow: 6px 6px 7px 0px rgba(105,105,105,0.75);
	-webkit-box-shadow: 6px 6px 7px 0px rgba(105,105,105,0.75);
	-moz-box-shadow: 6px 6px 7px 0px rgba(105,105,105,0.75);
}
.uni_btn_primary_inner{
	padding:5px 25px !important;
	width: 100% !important;
	height: 100% !important;
	border: 3px solid #d4d4d8 !important;
	-webkit-box-shadow: 1px 1px 1px 1px #f4f4f5 !important;
	box-shadow: 1px 1px 1px 1px #f4f4f5 !important;
	border-radius: 6px !important;
	z-index: 10 !important;
	position: relative !important;
	top: 4px !important;
	left: 4px !important;
}
.unim_btn_primary_inner{
	padding:5px 25px !important;
	width: 100% !important;
	height: 100% !important;
	border: 2px solid #d4d4d8 !important;
	-webkit-box-shadow: 1px 1px 1px 1px #f4f4f5 !important;
	box-shadow: 1px 1px 1px 1px #f4f4f5 !important;
	border-radius: 3px !important;
	z-index: 10 !important;
	position: relative !important;
	top: 4px !important;
	left: 4px !important;
}
.uni_btn_primary_inner_text{
	width: 100% !important;
	height: 100% !important;
	z-index: 10 !important;
	position: relative !important;
	top: -4px !important;
	left: -4px !important;
}
.uni_btn_seccondary{
	cursor:pointer !important;
	text-align:center !important;
	background: #a1a1aa !important;
	color:white !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size:20px !important;
	font-weight:400 !important;
	padding:0px !important;
	border-radius: 6px !important;
	text-shadow: 1px 1px #729696 !important;
}
.unim_btn_seccondary{
	cursor:pointer !important;
	text-align:center !important;
	background: #a1a1aa !important;
	color:white !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size:14px !important;
	font-weight:400 !important;
	padding:0px !important;
	border-radius: 3px !important;
	text-shadow: 1px 1px #729696 !important;
}
.uni_btn_seccondary_inner{
	padding:5px 25px !important;
	width: 100% !important;
	height: 100% !important;
	border: 3px solid #d4d4d8 !important;
	-webkit-box-shadow: 1px 1px 1px 1px #f4f4f5 !important;
	box-shadow: 1px 1px 1px 1px #f4f4f5 !important;
	border-radius: 6px !important;
	z-index: 10 !important;
	position: relative !important;
	top: 4px !important;
	left: 4px !important;
}
.unim_btn_seccondary_inner{
	padding:5px 10px !important;
	width: 100% !important;
	height: 100% !important;
	border: 2px solid #d4d4d8 !important;
	-webkit-box-shadow: 1px 1px 1px 1px #f4f4f5 !important;
	box-shadow: 1px 1px 1px 1px #f4f4f5 !important;
	border-radius: 3px !important;
	z-index: 10 !important;
	position: relative !important;
	top: 4px !important;
	left: 4px !important;
}
.uni_btn_seccondary_inner_text{
	width: 100% !important;
	height: 100% !important;
	z-index: 10 !important;
	position: relative !important;
	top: -4px !important;
	left: -4px !important;
}
/** checkout */
.uni_table{
	width:100% !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size:14px !important;
	font-weight:400 !important;
	color: black !important;
	padding:0px !important;
	margin:0px !important;
}
.uni_row_title{
	width:60% !important;
	padding:2px !important;
	background:transparent !important;
}
.uni_row_input{
	width:40% !important;
	padding:2px !important;
	background:transparent !important;
}
.uni_input{
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size:14px !important;
	font-weight:400 !important;
	width:100% !important;
	border: 1px solid #696969 !important;
	padding:0px !important;
	margin:0px !important;
	max-height:22px !important;
}
.passive{
	background:#F5F5F5 !important;
}
.uni_row{
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size:14px !important;
	font-weight:300 !important;
	padding:2px !important;
	background:transparent !important;
}
.uni_btn_pre{
	cursor:pointer !important;
	text-align:center !important;
	border: 1px solid #708090 !important;
	background: #D20210 !important;
	color:white;width:100px !important;
}
.uni_hr{
	border-top:0px solid white !important;
	border-right:0px solid white !important;
	border-bottom:1px solid #DCDCDC !important;
	border-left:0px solid white !important;
}
.uni_text_cc{
	text-align:right !important;
	font-size:11px !important;
}
/** popup */
.uni-label-container{
	z-index:999999 !important;
	position:fixed !important;
	top:calc(100% / 3 - 130px) !important;
	left:122px !important;
	display:table !important;
	visibility: hidden;
}
.uni-label-text{
	width:410px !important;
	height:260px !important;
	color:#696969 !important;
	background:#f5f5f5 !important;
	display:table-cell !important;
	vertical-align:top !important;
	padding-left:5px !important;
	border:1px solid #D20210 !important;
	border-radius:3px !important;
}
.uni-label-text > img{
	max-width: 400px !important;
	max-height: 140px !important;
}
.uni-label-text-a{
	text-align:center !important;
}
.uni-label-text-a a{
	color:#D20210 !important;
}
.uni-label-text-a a:hover{
	color:#D20210 !important;
	text-decoration:underline !important;
}
.uni-label-arrow{
	display:table-cell !important;
	vertical-align:middle !important;
	color:#f5f5f5 !important;
	opacity:1 !important;
}
.uni_float{
	z-index:999999 !important;
	position:fixed !important;
	width:120px !important;
	height:60px !important;
	top:calc(100% / 3 - 30px) !important;
	left:0px !important;
	background-color:#ffffff !important;
	border-top:1px solid #D20210 !important;
	border-right:1px solid #D20210 !important;
	border-bottom:1px solid #D20210 !important;
	color:#FFF !important;
	border-top-right-radius:8px !important;
	border-bottom-right-radius:8px !important;
	text-align:center !important;
	box-shadow: 2px 2px 3px #999 !important;
	cursor:pointer !important;
}
.uni-my-float{
	margin-top:12px !important;
}
/** responsive */
@media (max-width: 1199px) 
{
	.modalpayment-content_uni {
	max-width: 600px !important;
	}
}
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}