/*
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*/

@import url('fonts.css');
.calculator { font-family: 'Work Sans', sans-serif; }

/*
@media screen and (max-width: 500px) { 
	.calculator { width: fit-content; }
}
*/

.m-0 {
    margin: 0 !important;
}
.m-5 {
    margin: 5px !important;
}
.m-10 {
    margin: 10px !important;
}
.m-15 {
    margin: 15px !important;
}
.m-20 {
    margin: 20px !important;
}
.mt-0 {
    margin-top: 0 !important;
}
.mt-5 {
    margin-top: 5px !important;
}
.mt-10 {
    margin-top: 10px !important;
}
.mt-15 {
    margin-top: 15px !important;
}
.mt-20 {
    margin-top: 20px !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.mb-5 {
    margin-bottom: 5px !important;
}
.mb-10 {
    margin-bottom: 10px !important;
}
.mb-15 {
    margin-bottom: 15px !important;
}
.mb-20 {
    margin-bottom: 20px !important;
}
.ml-0 {
    margin-left: 0 !important;
}
.ml-5 {
    margin-left: 5px !important;
}
.ml-10 {
    margin-left: 10px !important;
}
.ml-15 {
    margin-left: 15px !important;
}
.ml-20 {
    margin-left: 20px !important;
}
.mr-0 {
    margin-right: 0 !important;
}
.mr-5 {
    margin-right: 5px !important;
}
.mr-10 {
    margin-right: 10px !important;
}
.mr-15 {
    margin-right: 15px !important;
}
.mr-20 {
    margin-right: 20px !important;
}
.p-0 {
    padding: 0 !important;
}
.p-5 {
    padding: 5px !important;
}
.p-10 {
    padding: 10px !important;
}
.p-15 {
    padding: 15px !important;
}
.p-20 {
    padding: 20px !important;
}
.pt-0 {
    padding-top: 0 !important;
}
.pt-5 {
    padding-top: 5px !important;
}
.pt-10 {
    padding-top: 10px !important;
}
.pt-15 {
    padding-top: 15px !important;
}
.pt-20 {
    padding-top: 20px !important;
}
.pb-0 {
    padding-bottom: 0 !important;
}
.pb-5 {
    padding-bottom: 5px !important;
}
.pb-10 {
    padding-bottom: 10px !important;
}
.pb-15 {
    padding-bottom: 15px !important;
}
.pb-20 {
    padding-bottom: 20px !important;
}
.pl-0 {
    padding-left: 0 !important;
}
.pl-5 {
    padding-left: 5px !important;
}
.pl-10 {
    padding-left: 10px !important;
}
.pl-15 {
    padding-left: 15px !important;
}
.pl-20 {
    padding-left: 20px !important;
}
.pr-0 {
    padding-right: 0 !important;
}
.pr-5 {
    padding-right: 5px !important;
}
.pr-10 {
    padding-right: 10px !important;
}
.pr-15 {
    padding-right: 15px !important;
}
.pr-20 {
    padding-right: 20px !important;
}
.b-r {
    border-right: 1px solid #eee;
}
.b-l {
    border-left: 1px solid #eee;
}
.b-t {
    border-top: 1px solid #eee;
}
.b-b {
    border-bottom: 1px solid #eee;
}
.through {
    text-decoration: line-through;
}
.display-flex-center {
    display:flex;
    align-items:center;
}
.main-unique-container {
    max-width: 1280px;
    margin-bottom: 15px;
	margin-left: 10px;
    width: 100%;
    
}
/* BUTTONS */
.calculator .btn-success {
    background-color: #3d9c95;
    border-color: #3d9c95;
    background-image: none;
}
.calculator .btn-success:hover {
    background-color: #2d736d;
    border-color: #2d736d;
    background-image: none;
}
.calculator .btn-primary {
    background-color: #0e485d;
    border-color: #0e485d;
    background-image: none;
}
.calculator .btn-primary:hover {
    background-color: #0a3342;
    border-color: #0a3342;
    background-image: none;
}
.calculator .btn-info {
    background-color: #a5e0c5;
    border-color: #a5e0c5;
    color: #000;
    background-image: none;
}
.calculator .btn-info:hover {
    background-color: #8abba5;
    border-color: #8abba5;
    color: #000;
    background-image: none;
}
.calculator .btn-danger {
    background-color: #d65445;
    border-color: #d65445;
    background-image: none;
}
.calculator .btn-danger:hover {
    background-color: #933930;
    border-color: #933930;
    background-image: none;
}
.calculator .text-success {
    color: #2d736d;
}
.calculator .text-primary {
    color: #0e485d;
}
.calculator .text-danger {
    color: #933930;
}
/* BUTTONS END */
/* FORM */
.calculator .form-control, .form-control:focus {
    background-color: #fff;
    box-shadow: none;
}
.calculator .form-control {
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #474543;
    /* font-size: 19px; 
	padding: 7px 12px;
	height: 40px;
	*/
    transition: background-color .3s ease 0s;
    padding-right: 0!important;
    
}
.calculator .form-control.small-input {
    font-size: 14px;
    height: 25px;
    padding-right: 20px !important;
}
.calculator .required-style {
    color: #d65445;
}
.calculator .required-style::before {
    font-weight: 600;
    content: "*";
    vertical-align: super;
}
/* END FORM*/
/* KALKULATOR */

.calculator .card-contact {
    margin-bottom: 30px;
    /* margin-top: 50px; */
}
.calculator .card {
    border-radius: 10px;
    box-shadow: 0 0 6px 0 rgb(0 0 0 / 15%);
    background-color: #fff;
    color: #333;
    margin-bottom: 20px;
    position: relative;
    border: 0 none;
    transition: transform .3s cubic-bezier(.34,2,.6,1),box-shadow .2s ease;
}
.calculator .card .card-title {
    padding-top:30px;
}
.calculator .card-title, .card-title a, a {
    color: #333;
    text-decoration: none;
}
.calculator .control-label {
    font-size: 17px;
    font-weight: 400 !important;
}
.calculator .form-control {
    padding-right: 25px !important;
    font-weight: 400;
}
.calculator .form-control.loan,
.calculator .form-control.income,
.calculator .form-control.percent,
.calculator .form-control.mount{
    text-align: right;
}
.right { text-align:right; }
.calculator .form-control.mount{
    padding-right: 59px !important;
}
.calculator span.suffix {
    position: absolute;
    right: 20px;
    bottom: 23px;
    font-size: 17px;
    font-weight: 400;
    color: #999;
}
.calculator span.suffix2 {
    position: absolute;
    right: 20px;
    bottom: 8px;
    font-size: 17px;
    font-weight: 400;
    color: #999;
}
.calculator span.suffix-small {
    position: absolute;
    right: 20px;
    bottom: 3px;
    font-size: 14px;
    font-weight: 400;
    color: #999;
}
.calculator-info {
    font-weight: 300;
}
.calculator img {
    max-height: 50px;
    max-width: 100px;
}
.calculator .egyedi-kamat-gomb {
    margin-top: 2px;
}
/* KALKULATOR END */
/* ITEM */
.item .flex {
    /*
	display: flex;
    margin: auto;
	*/
}
.item .choose-btn {
    /* position: absolute;
    right: 0px;
	top: 77px;
    z-index: 2;
    height: 220px;
    width: 100px;
	*/
	background: lightslategray;
    cursor: pointer;
    border-radius: 10px;
	height:40px;
	padding-top:7px;
    
}
.item .choose-btn.active {
    background: #d65445;
    right: -18px;
}
.item .choose-btn.active p {
    left: 30%;
}
.item .choose-btn:hover {
    background: #d65445;
}
.item .choose-btn p {
    text-align: center;
    color: #FFF;
    font-weight: 600;
    /*
	position: absolute;
    top: 42%;
    left: 14%;
	*/
}


.item .choose-back-btn {
    background: red;
    cursor: pointer;
    border-radius: 10px;
	height:40px;
	padding-top:7px;
}

.item .choose-back-btn p {
    text-align: center;
    color: #FFF;
    font-weight: 600;
/*   
   position: absolute;
    top: 42%;
    left: 6%;
	*/
}



.item .info-title {
    font-weight: 300;
}
.item .info {
    /*font-size: 25px; */
    font-weight: 400;
}
.item .info-small {
    font-size: 18px;
    font-weight: 400;
}
.item .info-smaller {
    font-size: 16px;
    font-weight: 400;
}
.item .kedvezmeny-merteke-text {
    font-size: 14px;
    font-weight: 400;
}
.item .kedvezmeny-title-text {
    font-size: 14px;
    font-weight: 300;
	color:#000;
}
.item .termek-nev {
    font-size: 24px;
    font-weight: 600;
}
.item.selected {
    border: 2px solid #d65445;
}
/* ITEM END */