/* Calc */

.calc-line {
    --min: 385px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--min), 1fr));
    gap: 30px;
}

.calc-col-3 {
    --min: 280px;
}

.calc-widget .calc-line {
    --min: 300px;
}

.calc-bottom {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}

.calculator .calc-bottom,
.post-content .calc-bottom {
    --gap: 30px;
    align-items: center;
    justify-content: space-between;
    gap: var(--gap);
    padding: 20px 50px;
    background-color: #eaeaea;
    border-radius: 10px;
}

.no-flexgap .calculator .calc-bottom,
.no-flexgap .post-content .calc-bottom {
    margin: calc(-1 * var(--gap)) 0 0 calc(-1 * var(--gap));
    width: calc(100% + var(--gap));
}

.no-flexgap .calculator .calc-bottom>*,
.no-flexgap .post-content .calc-bottom>* {
    margin: var(--gap) 0 0 var(--gap);
}

.calculator .calc-bottom>div,
.post-content .calc-bottom>div {
    flex-basis: 180px;
    flex: 1;
    white-space: nowrap;
}

.calc-widget .calc-bottom {
    gap: 20px;
}

.calc-widget #ivc {
    padding: 40px 30px;
}

@media screen and (max-width: 980px) {
    .calculator .calc-bottom,
    .post-content .calc-bottom {
        padding: 20px 30px;
    }
}

@media screen and (max-width: 640px) {
    .calc-line {
        --min: 300px;
    }
    .calculator .calc-bottom>*,
    .post-content .calc-bottom>* {
        width: 100%;
        text-align: center;
    }
}

.calc__fields {
    --gap-x: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 0 calc(var(--gap-x) * -1) -30px 0;
}

.calc--full .calc__fields {
    --gap-x: 15px;
}

.calc__field {
    margin: 0 var(--gap-x) 30px 0;
}

.calc__field--amount {
    flex-grow: 1;
    flex-basis: 0;
}

.sidebar-services .calc__field--amount {
    flex-basis: 100%;
}

.calc__field--deposit {
    flex-grow: 1;
    flex-basis: 0;
}

.calc__label {
    display: table;
    margin: -3px 0 6px;
    color: rgba(0, 0, 0, 0.5);
}

.calc__range {
    position: relative;
    height: 50px;
    border-radius: 10px 10px 7px 7px;
    background: #fff;
}

.calc__amount {
    width: calc(100% - 55px);
    height: 50px;
    padding: 0 0 0 20px;
    border: none;
    background: none;
    font-family: 'Oswald';
    font-weight: 300;
    font-size: 24px;
}

.calc__amount:focus {
    outline: none;
}

.calc__currency {
    position: absolute;
    top: 0;
    right: 20px;
    font-family: 'Oswald';
    font-weight: 300;
    font-size: 24px;
    line-height: 46px;
}

.calc__select {
    width: 120px;
}

.calc__button {
    margin: 20px var(--gap-x) 30px 0;
    padding: 12px 25px 14px;
    border: none;
    border-radius: 10px;
    background: linear-gradient(90deg, #ff4302, #ff8523, #ff4302) 0/200%;
    color: #fff;
    font: inherit;
    font-size: 16px;
    transition: 0.3s;
    cursor: pointer;
    break-after: 10px;
}

.calc__button:hover {
    background-position: 100%;
}

.calc--full .calc__button {
    padding-right: 15px;
    padding-left: 15px;
}

.sidebar-services .calc__button {
    flex-grow: 1;
}

.calc__full {
    position: relative;
    display: table;
    margin: 26px 0 -4px;
    padding: 0 52px 0 0;
    color: #45bb20;
    font-size: 16px;
}

.calc__full::after {
    content: '';
    position: absolute;
    top: 7px;
    right: 0;
    width: 32px;
    height: 9px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 9'%3E%3Cpath fill='%2345BB20' d='M31.31 4.61l-.62.78-.32-.25-4.06 3.25-.62-.78L28.95 5H0V4h28.95l-3.26-2.6.62-.79 4.07 3.25.3-.25.63.78-.13.11.13.11z'/%3E%3C/svg%3E");
    transition: 0.2s;
}

.calc__full:hover::after {
    right: 10px;
}

.percents-wide {
    overflow: hidden;
    margin: 0 0 96px;
}

.percents__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.percents-wide .percents__list {
    --gap: 30px;
    --items: 3;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(var(--gap) * -1) calc(var(--gap) * -1) 0;
}

.percents__item {
    position: relative;
}

.percents__item::before {
    content: '';
    position: absolute;
    width: 82px;
    height: 76px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 82 76'%3E%3Cpath fill='%2345BB20' d='M79.04 47.2a629.56 629.56 0 00-10.9 18.89c-3.53 6.36-8.92 9.47-16.2 9.35-7.26-.13-14.53-.13-21.8 0-7.27.12-12.67-3-16.2-9.35A629.56 629.56 0 003.05 47.2c-3.74-6.23-3.74-12.46 0-18.7a629.56 629.56 0 0010.9-18.88C17.48 3.26 22.88.15 30.15.27c7.27.13 14.54.13 21.8 0 7.28-.12 12.67 3 16.2 9.35a629.56 629.56 0 0010.9 18.89c3.74 6.23 3.74 12.46 0 18.7z'/%3E%3C/svg%3E");
}

.percents__item::after {
    content: '';
    position: absolute;
    width: 82px;
    height: 76px;
    background-repeat: no-repeat;
    background-position: 50%;
}

.percents__item--1::after {
    background-image: url(../img/percents-icon-1.png);
}

.percents__item--2::after {
    background-image: url(../img/percents-icon-2.png);
}

.percents__item--3::after {
    background-image: url(../img/percents-icon-3.png);
}

.percents-wide .percents__item {
    flex-grow: 1;
    flex-basis: 0;
    margin: 0 var(--gap) var(--gap) 0;
    padding: 30px 140px 30px 30px;
    border: 1px solid #e7edf2;
    border-radius: 10px;
}

.percents-wide .percents__item::before,
.percents-wide .percents__item::after {
    top: 30px;
    right: 30px;
}

.percents__title {
    margin: -2px 0 10px;
    font-size: 30px;
}

.percents__value {
    margin: 0 0 -2px;
    color: #45bb20;
    font-size: 28px;
}

.percents__all {
    display: table;
    margin: 36px 0 0/*-4px*/
    ;
    color: #45bb20;
    font-size: 16px;
}

.percents__all:hover {
    color: #19569a;
}


/* ion.rangeSlider */

.irs,
.irs-line {
    position: relative;
    display: block
}

.irs,
.irs-bar,
.irs-bar-edge,
.irs-line {
    display: block
}

.irs-hidden-input,
.irs-line {
    overflow: hidden;
    outline: 0!important
}

.irs {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.irs-line-left,
.irs-line-mid,
.irs-line-right {
    position: absolute;
    display: block;
    top: 0
}

.irs-line-left {
    left: 0;
    width: 11%
}

.irs-line-mid {
    left: 9%;
    width: 82%
}

.irs-line-right {
    right: 0;
    width: 11%
}

.irs-bar,
.irs-shadow {
    position: absolute;
    width: 0;
    left: 0
}

.irs-bar-edge {
    position: absolute;
    top: 0;
    left: 0
}

.irs-shadow {
    display: none
}

.irs-from,
.irs-max,
.irs-min,
.irs-single,
.irs-slider,
.irs-to {
    display: block;
    position: absolute;
    cursor: default
}

.irs-slider {
    z-index: 1
}

.irs-slider.type_last {
    z-index: 2
}

.irs-min {
    left: 0
}

.irs-max {
    right: 0
}

.irs-from,
.irs-single,
.irs-to {
    top: 0;
    left: 0;
    white-space: nowrap
}

.irs-grid {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px
}

.irs-with-grid .irs-grid {
    display: block
}

.irs-grid-pol {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 8px;
    background: #000
}

.irs-grid-pol.small {
    height: 4px
}

.irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    padding: 0 3px;
    color: #000
}

.irs-disable-mask {
    position: absolute;
    display: block;
    top: 0;
    left: -1%;
    width: 102%;
    height: 100%;
    cursor: default;
    background: rgba(0, 0, 0, 0);
    z-index: 2
}

.lt-ie9 .irs-disable-mask {
    background: #000;
    filter: alpha(opacity=0);
    cursor: not-allowed
}

.irs-disabled {
    opacity: .4
}

.irs-hidden-input {
    position: absolute!important;
    display: block!important;
    top: 0!important;
    left: 0!important;
    width: 0!important;
    height: 0!important;
    font-size: 0!important;
    line-height: 0!important;
    padding: 0!important;
    margin: 0!important;
    z-index: -9999!important;
    background: 0 0!important;
    border-style: solid!important;
    border-color: transparent!important
}


/* end ion.rangeSlider */

#ivc {
    background: #f1f1f1;
    border-radius: 10px;
    padding: 50px;
    margin-top: 40px
}

#ivc>div:not(:last-of-type) {
    margin-bottom: 10px;
}

#ivc label {
    display: block;
    margin: 0 0 8px;
    line-height: 1;
    font-size: 14px;
    opacity: .5;
}

#ivc_stoim {}

#ivc_stoim2 {
    width: 100%;
    height: auto;
    display: table
}

#ivc_vznos {}

#ivc_vznos2 {
    width: 100%;
    height: auto;
    display: table
}

#ivc_vznos3 {
    font-size: 14px;
    text-align: right;
    opacity: .5;
}

#ivc_srok {}

#ivc_srok2 {
    width: calc(50% - 15px);
    height: auto;
    display: table;
    float: left
}

#ivc_srok2 .calc__currency {
    font-size: 20px
}

#ivc_srok4 {
    width: calc(50% - 15px);
    height: auto;
    display: table;
    float: right
}

.calc-widget #ivc_srok2,
.calc-widget #ivc_srok4 {
    width: calc(50% - 10px);
}

#ivc_srok4 .calc__currency {
    font-size: 20px
}

#ivc_srok3 {
    width: 100%;
    height: auto;
    display: table;
    text-align: left
}

#ivc_stavka {}

#ivc_stavka2 {
    width: 100%;
    height: auto;
    display: table
}

#ivc_annu2 {
    width: 100%;
    height: 50px;
    display: table;
    background: #fff;
    border-radius: 10px;
    overflow: hidden
}

#ivc_annu2>div {
    width: 50%;
    display: table;
    float: left;
    text-align: center;
    line-height: 50px;
    font-size: 24px;
    font-family: 'Oswald';
    font-weight: 300;
}

#ivc_annu2>div.active {
    background: #ff6e27;
    color: #fff
}

#ivc_annu2>div:not(.active) {
    cursor: pointer
}

#ivc_plat {}

#ivc_plat2 {}

#ivc_plat2 p {
    color: #415876;
    font-family: 'Oswald';
    font-size: 30px;
    font-weight: 300;
    line-height: 1;
    padding-top: 5px;
    margin-bottom: 0
}

.calc-widget #ivc_pere {
    display: none;
}

#ivc_pere2 {
    width: 100%;
    height: auto;
    display: table
}

#ivc_pere2 p {
    color: #415876;
    font-family: 'Oswald';
    font-size: 30px;
    font-weight: 300;
    line-height: 1;
    padding-top: 5px;
    margin-bottom: 0
}

#ivc_dohod {}

#ivc_dohod2 {
    width: 100%;
    height: auto;
    display: table
}

#ivc_dohod2 p {
    color: #ff6e27;
    font-family: 'Oswald';
    font-size: 30px;
    font-weight: 300;
    line-height: 1;
    padding-top: 5px;
    margin-bottom: 0
}

#ivc_rasp {
    background-color: #dddddd;
}

#ivc_rasp:hover {
    opacity: .7;
}

.calc-widget #ivc_rasp {
    margin-top: 15px;
}

.calc-widget #ivc_rasp,
.calc-widget #ivc_podat {
    width: 100%;
}

@media screen and (max-width: 980px) {
    #ivc {
        padding: 40px 25px;
    }
}

@media screen and (max-width: 479px) {
    #ivc {
        padding: 20pxa
    }
}

.range__slider {
    display: none;
}

.irs {
    color: rgba(0, 0, 0, 0.3);
    font-size: 12px;
}

.irs-line {
    height: 5px;
    border-radius: 0 0 10px 10px / 0 0 5px 5px;
    background: #cfd4d9;
}

.irs-handle {
    position: absolute;
    top: -7px;
    width: 19px;
    height: 19px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #ff6e27;
    cursor: pointer;
}

.irs-bar {
    top: 0;
    height: 5px;
    border-radius: 0 0 10px 10px / 0 0 5px 5px;
    background: #fb9664
}