.mortgage-calk{line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-size:16px;color:#282828;margin:30px 0px}
.mortgage-calk h1{font-size:35px;font-weight:500}
.mortgage-calk p{-webkit-margin-before:1em;margin-block-start:1em;-webkit-margin-after:1em;margin-block-end:1em;-webkit-margin-start:0;
margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;font-size:14px}
.mortgage-calk .input-boxs{display:flex}
.mortgage-calk .input-boxs-left{width:65%;margin-right:10px}
.mortgage-calk .input-boxs-right{width:35%}
.mortgage-calk .amount-credit{margin-bottom:30px}
.mortgage-calk .calk-body{display:flex}
.mortgage-calk .diagram,.mortgage-calk .inputs{border-radius:15px;background-color:#f0f3f5;padding:15px}
.mortgage-calk .inputs{width:33%;padding-top:30px;margin-right:10px}
.mortgage-calk .diagram{width:77%;padding-top:30px;margin-left:10px}
.mortgage-calk .input-box{margin-bottom:30px}
.mortgage-calk .input-range-wrap{position:relative}
.mortgage-calk .input-desc {
    position: absolute;
    top: -12px;
    font-size: 16px;
    left: 5px;
    background-color: #f0f3f5;
    padding: 0 6px;
}
.mortgage-calk .input-text {
    width: 100%;
    box-sizing: border-box;
    height: 50px;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #c1d6e4;
    background-color: #f0f3f5;
    padding-left: 10px;
    outline: none;
}
.mortgage-calk .range-wrap-box{position:absolute;bottom:-6px;left:0;width:100%}
.mortgage-calk .input-range{position:relative;width:100%;left:-1px;height:4px;background:#c1d6e4;-webkit-appearance:none;outline:none;
border-radius:1px}.mortgage-calk input::-webkit-inner-spin-button,.mortgage-calk input::-webkit-outer-spin-button{-webkit-appearance:none}
.mortgage-calk input[type=number]{-moz-appearance:textfield}.mortgage-calk .mortgage-items{margin-top:30px}
.mortgage-calk .mortgage-items>.mortgage-item{display:flex;justify-content:space-between;border-top:1px solid #ccc;padding:10px 0;
align-items:center}
.mortgage-calk .mortgage-items>.mortgage-item>.text,.mortgage-calk .mortgage-month-summ>.text{font-size:16px;opacity:.7}
.mortgage-calk .mortgage-items>.mortgage-item>.value,.mortgage-calk .mortgage-month-summ>.value{font-size:16px;font-weight:700;display:inline}
.mortgage-calk .mortgage-items>.mortgage-item>.value:after,.mortgage-calk .mortgage-month-summ>.value:after{content:" ₽";display:inline;
font-weight:400;opacity:.9;font-size:14px}.mortgage-calk .date-credit-summ>.value:after{content:" г."!important}
.mortgage-calk .percent-credit-summ>.value:after{content:" %"!important}.mortgage-calk .results-diagram{margin-bottom:30px}
.mortgage-calk .eQusqU{display:flex;flex-flow:row wrap;margin-bottom:10px}
.mortgage-calk .ijtHYs{flex:0 1 auto;-webkit-box-flex:0;width:auto}
.mortgage-calk .Co_uP{display:flex;align-items:baseline;margin-right:16px}
.mortgage-calk .ffqWK{width:8px;height:8px;display:inline-block;border-radius:50%;margin-right:4px}
.mortgage-calk .j9Nmk .X9IKv{font-size:12px;line-height:16px}
.mortgage-calk .WHMSQ{width:100%;border-radius:4px;overflow:hidden;background:#eceff1;height:12px}
.mortgage-calk .iWDKLr{display:flex;flex-direction:row}
.mortgage-calk .VajEE{transition:width 1s;height:12px}
.mortgage-calk .mortgage-main-button-wrap{display:flex;justify-content:center}
.mortgage-calk .new-orange-button,.mortgage-calk .new-orange-button:hover{transition:all .3s ease-in-out}
.mortgage-calk .new-orange-button {
    display: flex;
    color: #fff;
    background-image: linear-gradient(180deg, #853737 0%, #551517 100%);
    text-align: center;
    flex-wrap: wrap;
    box-shadow: 0px 2px 0px #3e0406;
    border-radius: 8px;
    padding: 16px 30px 16px 30px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;text-decoration: none;
}
.mortgage-calk a,.mortgage-calk a:focus,.mortgage-calk a:hover{background: linear-gradient(180deg, #B45B5B 0%, #733032 100%);
    box-shadow: 0px 2px 0px #3e0406;color: #ffffff;}
@media(max-width:940px){
    .mortgage-calk .calk-body{display:block}.mortgage-calk .diagram,.mortgage-calk .inputs{width:100%;margin:0}
    .mortgage-calk .diagram{margin-top:30px}
    .mortgage-calk .diagram, .mortgage-calk .inputs {
    width: calc(100% - 30px);
}
.kalk-ipoteka-gr {
    max-width: calc(100% - 32px);
}
}