@import url("../fonts/IBMPlexSans/IBMPlexSans.6d4753bd5825.css");
@import url("../fonts/CourierPrime/CourierPrime.9eb925285d76.css");
@import url("../fonts/Manrope/Manrope.5eb8189c1ae0.css");

:root {
    --font: "Manrope";
    --font-additional: "IBM Plex Sans";
    --font-others: "CourierPrime";
}
body {
    width: 100%;
    font-family: var(--admin-font, var(--font)), sans-serif;
    font-size: 15px;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -o-text-size-adjust: none;
    position: relative;
    overflow-anchor: none;
    background: #fff;
}
body,
body a {
    color: #000;
}
body.scroll-off {
    overflow: hidden;
}
body.color::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 210px;
    background: #fff;
}
section {
    position: relative;
    padding: 30px 0 35px;
}
body[data-steps="unsubscribe"] section {
    padding: 10px 0;
}
section.padding-top {
    padding-top: 0;
}
.container {
    padding: 0;
}
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal;
}
@media (max-width: 900px) {
    .flex-center {
        justify-content: center;
    }
}
.hidden {
    display: none;
}
.mob {
    display: block;
}
.pc {
    display: none;
}
.duration {
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.inner {
    margin: 0 15px;
}
input {
    -webkit-appearance: none;
}
h1,
h2,
h3,
h4,
h5,
.btn {
    font-weight: 800;
}
h1 {
    font-size: 48px;
    line-height: 1.2;
    color: #313132;
}
h2 {
    font-size: 20px;
    line-height: 24px;
    color: #313132;
    text-align: center;
    margin-bottom: 10px;
}
h3 {
    font-size: 24px;
    line-height: 1.1;
    color: #313132;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 30px;
}

h4 {
    font-weight: 800;
    font-size: 22px;
    line-height: 1.4;
    text-align: center;
}
h5 {
    font-size: 20px;
    line-height: 29px;
    color: #1b1c31;
}

.section__title {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.1;
    color: #313132;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 30px;
}
@media (min-width: 992px) {
    .section__title {
        font-family: var(--admin-font, var(--font-additional)), sans-serif;
        font-weight: 700;
        font-size: 36px;
        line-height: 47px;
        text-align: center;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        margin-bottom: 60px;
    }
}
@media (min-width: 1200px) {
    .section__title {
        font-size: 36px;
    }
}
/* header */
.header-hamburger__img path {
    fill: #ffffff;
}

@media (min-width: 1200px) {
    .header-navbar__item {
        color: #ffffff;
    }

    .header-navbar__item::after {
        background: #ffffff;
    }
}
/* /header */

/* colors bind_card */
.card__btn {
    background-color: #0260e8;
}

/* popup */
.popup__btn {
    display: block;
    max-width: 200px;
    line-height: 100%;
}
/* /popup */

/* service */
.service {
    padding-bottom: unset;
}

.service-report__item-btn {
    font-size: 18px;
    line-height: 140%;
    background: #0260e8;
    color: #ffffff;
}
/* /service */

/* our-partners */
.our-partners__item-btn {
    background: #0260e8;
    color: #ffffff;
    font-size: 18px;
    line-height: 140%;
}
/* /our-partners */

/* reviews */
.reviews__title {
    padding-top: 0;
}

.reviews__item {
    border-radius: 20px;
    box-shadow: 7px 10px 30px rgba(158, 158, 158, 0.25);
    border: 2px solid #0260e8;
}

.reviews__item-quote svg {
    fill: #0260e8;
}

.reviews__navigation-prev,
.reviews__navigation-next {
    border: 1px solid #0260e8;
}

.reviews__navigation-progressbar > .swiper-pagination-progressbar-fill {
    background: #0260e8 !important;
}
/* /reviews */

/* checkbox */
.checkbox-text {
    position: relative;
    line-height: 20px;
    margin: 0 auto;
    text-align: left;
}
.check-row .checkbox-text {
    text-align: center;
    max-width: 220px;
}
.checkbox-text input {
    display: none;
}
.checkbox-text label {
    position: relative;
    text-align: left;
    padding-left: 30px;
    cursor: pointer;
    display: inline-block;
}
.checkbox-text .text,
.checkbox-text .link {
    font-size: 14px;
    line-height: 20px;
    color: #252525;
}
#sectionTop .checkbox-text .text,
#sectionTop .checkbox-text .link {
    font-size: 14px;
    line-height: 20px;
    color: #252525;
}
#sectionTop .checkbox-text .text {
    margin: 15px auto;
    display: block;
}
.checkbox-text .link {
    text-decoration: underline;
    cursor: pointer;
}
.checkbox-text .checkmark {
    position: absolute;
    left: 0;
    top: 50%;
    height: 20px;
    width: 20px;
    border-radius: 5px;
}
#sectionTop .checkbox-text .checkmark {
    background-color: #ebebeb;
}
.checkbox-text .checkmark:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 5px;
    border: 1px solid #252525;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDExIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04Ljg5MzI4IDAuNDkzMDg5QzkuMjgzOCAwLjEwMjU2NCA5LjkxNjk3IDAuMTAyNTY0IDEwLjMwNzUgMC40OTMwODhDMTAuNjk4IDAuODgzNjEyIDEwLjY5OCAxLjUxNjc4IDEwLjMwNzUgMS45MDczTDQuNzA3NSA3LjUwNzMxQzQuMzE2OTcgNy44OTc4MyAzLjY4MzgxIDcuODk3ODMgMy4yOTMyOCA3LjUwNzMxTDAuNjkzMjgzIDQuOTA3M0MwLjMwMjc1OSA0LjUxNjc4IDAuMzAyNzYgMy44ODM2MSAwLjY5MzI4NSAzLjQ5MzA5QzEuMDgzODEgMy4xMDI1NiAxLjcxNjk3IDMuMTAyNTcgMi4xMDc1IDMuNDkzMDlMNC4wMDAzOSA1LjM4NTk5TDguODkzMjggMC40OTMwODlaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K")
        no-repeat 50% 50% #fff;
}
#sectionTop .checkbox-text .checkmark:after {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDExIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04Ljg5MzI4IDAuNDkzMDg5QzkuMjgzOCAwLjEwMjU2NCA5LjkxNjk3IDAuMTAyNTY0IDEwLjMwNzUgMC40OTMwODhDMTAuNjk4IDAuODgzNjEyIDEwLjY5OCAxLjUxNjc4IDEwLjMwNzUgMS45MDczTDQuNzA3NSA3LjUwNzMxQzQuMzE2OTcgNy44OTc4MyAzLjY4MzgxIDcuODk3ODMgMy4yOTMyOCA3LjUwNzMxTDAuNjkzMjgzIDQuOTA3M0MwLjMwMjc1OSA0LjUxNjc4IDAuMzAyNzYgMy44ODM2MSAwLjY5MzI4NSAzLjQ5MzA5QzEuMDgzODEgMy4xMDI1NiAxLjcxNjk3IDMuMTAyNTcgMi4xMDc1IDMuNDkzMDlMNC4wMDAzOSA1LjM4NTk5TDguODkzMjggMC40OTMwODlaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K")
        no-repeat 50% 50% #ddd;
    border: 0;
}
.checkbox-text input:checked ~ .checkmark:after,
#sectionTop .checkbox-text input:checked ~ .checkmark:after {
    background-color: #0260e8;
    border: 0;
}
/* /checkbox */

/* input[type="range"] */
input[type="range"] {
    -webkit-appearance: none;
    position: relative;
    width: 100%;
    display: block;
    background: #efefef;
    background: linear-gradient(to right, #0260e8 0%, #0260e8 50%, #efefef 50%, #efefef 100%);
    height: 12px;
    border-radius: 4px;
    margin: 20px 0;
}
input.w-30[type="range"] {
    background: linear-gradient(to right, #0260e8 0%, #0260e8 30%, #efefef 30%, #efefef 100%);
}
input.w-14[type="range"] {
    background: linear-gradient(to right, #0260e8 0%, #0260e8 33%, #efefef 33%, #efefef 100%);
}
input.w-0[type="range"] {
    background: linear-gradient(to right, #0260e8 0%, #0260e8 0%, #efefef 0%, #efefef 100%);
}

/* thumb */
input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: #fff;
    box-shadow: 0 0 0 10px #0260e8;
    border: 0;
    border-radius: 16px;
    transition-duration: 0.3s;
}
input[type="range"]::-moz-range-thumb {
    -moz-appearance: none;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: #fff;
    box-shadow: 0 0 0 10px #0260e8;
    border: 0;
    border-radius: 16px;
    transition-duration: 0.3s;
}
input[type="range"]::-ms-range-thumb {
    -ms-appearance: none;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: #fff;
    box-shadow: 0 0 0 10px #0260e8;
    border: 0;
    border-radius: 16px;
    transition-duration: 0.3s;
}
/* /thumb */

/* progress */
input[type="range"]::range-progress {
    background-color: #0260e8;
    height: 4px;
    border-radius: 2px;
}
input[type="range"]::-webkit-range-progress,
input[type="range"]::-moz-range-progress,
input[type="range"]::-ms-range-progress {
    background-color: #0260e8;
    height: 4px;
    border-radius: 2px;
}
input[type="range"]::-webkit-slider-runnable-track,
input[type="range"]::-moz-range-track,
input[type="range"]::-ms-fill-lower {
    background-color: #0260e8;
    height: 4px;
    border-radius: 2px;
}
input[type="range"]::-webkit-fill-lower,
input[type="range"]::-moz-fill-lower,
input[type="range"]::-ms-fill-lower {
    background-color: #0260e8;
    height: 4px;
    border-radius: 2px;
}
input[type="range"]::-webkit-fill-lower,
input[type="range"]::-moz-fill-lower,
input[type="range"]::-ms-fill-upper {
    background-color: #0260e8;
    height: 4px;
    border-radius: 2px;
}
/* /progress */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}
/* /input[type="range"] */

/* plus-seven */
.plus-seven {
    position: relative;
}
.plus-seven::before {
    position: absolute;
    content: "+7";
    left: calc(50% - 95px);
    bottom: 0;
    font-size: 16px;
    line-height: 43px;
    pointer-events: none;
    color: #252525;
    font-weight: 500;
}
form .plus-seven input:not([type="submit"]) {
    padding: 0 calc(50% - 75px);
    text-align: center;
}
/* /plus-seven */

/* sectionTop */
#sectionTop {
    padding: 0;
    margin-top: 0;
    background: #0260e8;
    overflow: hidden;
}
/* calculator */
#sectionTop.reg #calculator {
    height: 100vh;
    max-height: 900px;
}
#calculator .inner {
    box-sizing: border-box;
    height: 100%;
    align-items: flex-end;
    padding: 90px 0 0;
    box-sizing: border-box;
    flex-direction: column;
}
#calculator .bg-calculator {
    height: 0;
    align-self: stretch;
}
#calculator .bg-calculator .title {
    font-family: var(--admin-font, var(--font-additional)), sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 26px;
    line-height: 24px;
    color: #313132;
    width: 50%;
    margin: 35px 0 auto auto;
    text-align: center;
    z-index: 10;
    position: relative;
    display: none;
    width: 40%;
}
#calculator .advantage-calculator {
    display: none;
}
#calculator .content-calculator .checkbox-text label {
    margin: 0 auto;
    padding-left: 45px;
}
#calculator .box-calculator {
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 20;
    padding: 30px 15px;
    box-sizing: border-box;
    overflow: hidden;
    margin: 20px 0;
    border-radius: 30px;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}
#calculator .box-calculator .border {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    border-radius: 30px;
    border: 1px solid transparent;
    background: linear-gradient(45deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0), rgba(255, 255, 255, 1))
        border-box;
    -webkit-mask:
        linear-gradient(#fff 0 0) padding-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}
#calculator .box-calculator:before {
    content: "";
    position: absolute;
    left: -10px;
    right: -10px;
    top: -10px;
    bottom: -10px;
    background: linear-gradient(157deg, rgba(255, 255, 255, 0.93) 6.07%, rgba(255, 255, 255, 0.2) 109.26%);
    opacity: 0.9;
    filter: blur(10px);
    z-index: -1;
}
#calculator .box-calculator::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: inherit;
    filter: blur(10px);
    filter: url("#blur");
}
#calculator .box-calculator .content-calculator {
    height: 100%;
    flex-direction: column;
}
#calculator form {
    flex-direction: column;
    height: 100%;
    flex-direction: column;
    z-index: 100;
}
#calculator form .margin-top {
    margin-top: auto;
}
#calculator form fieldset {
    margin-top: 20px;
}
#calculator form .range-info {
    justify-content: space-between;
    align-items: center;
}
#calculator form .range-info p {
    font-weight: 800;
    font-size: 18px;
    line-height: 25px;
    color: #252525;
}
#calculator form .range-info p strong {
    text-transform: uppercase;
    color: #0260e8;
    font-weight: 800;
}
#calculator form .range-info .range-num {
    overflow: hidden;
    position: relative;
}
#calculator form .range-num .icon {
    font-weight: 800;
    font-size: 18px;
    line-height: 25px;
    color: #252525;
}
#calculator form .input-text {
    font-family: var(--admin-font, var(--font)), sans-serif;
    font-weight: 800;
    font-size: 18px;
    line-height: 25px;
    width: 80px;
    text-align: right;
    margin-right: 5px;
    background: rgba(0, 0, 0, 0);
}
#calculator form .input-text,
#calculator form .input-text[disabled] {
    color: #252525;
}
#calculator form .range-num.date .input-text {
    width: 25px;
}
#calculator form .range-ruler {
    justify-content: space-between;
}
#calculator form .range-ruler span {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #252525;
}
#calculator .checkbox-text .checkmark {
    border: 5px solid #efefef;
    top: 50%;
    margin-top: -15px;
    box-sizing: content-box;
}
#calculator form .box-fot {
    margin: auto auto 0;
}
#calculator form .btn {
    font-size: 20px;
    width: 250px;
    box-shadow:
        0 25px 30px -20px #252525,
        0 30px 30px -20px #252525,
        0 35px 30px -20px #252525;
}
#calculator form .btn:hover {
    background: #0150c2;
    box-shadow:
        0 0 30px 0 rgba(2, 96, 232, 0.5),
        0 5px 30px 0 rgba(2, 96, 232, 0.5),
        0 12px 30px 0 rgba(2, 96, 232, 0.5);
}
/* /calculator */
/* /sectionTop */

/* service */
.service-contacts__item,
.service-report__item {
    box-shadow: 7px 10px 30px rgba(158, 158, 158, 0.25);
}
/* /service */

/* FAQ */
.faq-accordion__item-plus::before,
.faq-accordion__item-plus::after {
    background-color: #0260e8;
}
.faq__btn {
    line-height: unset;
    width: fit-content;
    margin: unset;
    height: unset;
}
/* /FAQ */

/* description */
#description {
    background-color: #f8f8f8;
    border-radius: 20px;
    padding: 40px 0;
    margin-bottom: 20px;
}
#description p {
    padding: 0 20px;
    font-size: 14px;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.75);
    margin-bottom: 10px;
}
#description a {
    color: #000;
}
#description a:hover {
    text-decoration: underline;
}
/* list-creditors */
#description .list-creditors {
    padding: 18px;
    background: #ffffff;
    border-radius: 20px;
    margin: 40px 0;
}
#description .list-creditors h5 {
    font-size: 16px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.75);
    margin-bottom: 20px;
    padding: 0;
}
#description .list-creditors p {
    padding: 0;
    margin-bottom: 0;
}
#description .list-creditors p:not(:last-child) {
    padding: 20px 0;
    border-bottom: 1px solid #f4f4f4;
}
#description .list-creditors p:last-child {
    padding: 20px 0;
}
#description .list-creditors .hr {
    height: 2px;
    background: #f4f4f4;
    margin: 20px 0;
}
#description ul {
    padding: 0 20px;
    margin-bottom: 40px;
}
#description ul li {
    font-size: 14px;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.75);
    padding-left: 22px;
    position: relative;
}
#description ul li::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 8px;
    width: 3px;
    height: 3px;
    background: rgba(0, 0, 0, 0.75);
    border-radius: 2px;
}
/* /list-creditors */
/* /description */

/* unsubscribePage */
#unsubscribePage {
    padding-bottom: 20px;
    align-items: center;
    flex-direction: column;
}
#unsubscribePage .img {
    margin: 0 auto 15px;
}
#unsubscribePage .happy {
    font-weight: 800;
    font-size: 20px;
    line-height: 115%;
    text-align: center;
    color: #252525;
    text-transform: uppercase;
}
/* /unsubscribePage */

/* form-box */
.form-box {
    text-align: center;
}
.form-box .top-reg {
    padding: 20px 0;
    max-width: 550px;
    margin: 0 auto;
}
.form-box .form-box-content {
    width: 100%;
    /* overflow: hidden; */
    max-width: 550px;
    margin: 20px auto 0;
}
.form-box .info {
    font-size: 16px;
    line-height: 20px;
    color: #8b8b8b;
    text-align: center;
    /* margin-bottom: 5px; */
}
.form-box .title {
    margin: 0 auto 20px;
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    color: #929da9;
}
.form-box .two {
    justify-content: space-between;
}
.form-box .w-50 {
    width: calc(50% - 9px);
}
.form-box .w-60 {
    width: calc(60% - 9px);
}
.form-box .w-40 {
    width: calc(40% - 9px);
}
.form-box .b-form__label {
    display: block;
    font-size: 12px;
    line-height: 15px;
    color: #888;
    margin: 15px 0 10px;
    text-align: left;
    padding: 0 10px;
}
.form-box .box-card .b-form__label {
    font-size: 15px;
    line-height: 1.2;
}
.form-box .b-form__input {
    font-weight: 500;
    line-height: 43px;
    border-radius: 8px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
    font-size: 16px;
    text-align: left;
    background: #ffffff;
    box-shadow: 0 0 0 1px #252525 inset;
    color: #252525;
    -webkit-appearance: none;
}
.form-box .b-form__input.center {
    text-align: center;
}
.form-box .hr {
    margin-bottom: 25px;
    overflow: hidden;
}
.form-box .btn {
    font-size: 16px;
    text-transform: uppercase;
    position: relative;
}
.form-box .btn .arrow {
    position: absolute;
    top: 10px;
    right: 18px;
    bottom: 10px;
    width: 38px;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAzOCAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjAyMTUgNC4yODMzM0wyOC42MTc2IDE2Ljk5OTJMMTcuMDIxNSAyOS43MTY3TDIxLjcxODkgMzRMMzcuMjIyNCAxNy4wMDA4TDIxLjcxODkgMEwxNy4wMjE1IDQuMjgzMzNaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNC42OTc0MiAzNEwyMC4xOTkyIDE2Ljk5OTJMNC42OTc0MiAwTDAgNC4yODMzM0wxMS41OTYxIDE2Ljk5OTJMMCAyOS43MTY3TDQuNjk3NDIgMzRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K")
        no-repeat 50% 50%;
}
.form-box .box-icon {
    margin-top: 30px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.form-box .without-card {
    margin-top: 20px;
}
.form-box .without-card .btn-text {
    text-decoration: underline;
    font-size: 16px;
    line-height: 19px;
    color: #0260e8;
}
.form-box .box-icon .item {
    max-width: 33%;
    overflow: hidden;
}
.form-box .box-icon .item svg,
.form-box .box-icon .item img {
    max-width: 100%;
    float: left;
    height: auto;
}
.form-box .check-validation {
    position: relative;
    overflow: hidden;
    box-sizing: content-box;
}
.form-box fieldset input.status:not(:focus):invalid {
    color: #f04c4c;
}
.form-box .check-validation .check-icon {
    position: absolute;
    right: 8px;
    top: 0;
    bottom: 0;
    width: 24px;
    pointer-events: none;
}
.form-box input.status:not(:focus):invalid ~ .check-icon {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgNi41TDE4Ljc3NDIgMTkuMjc0MiIgc3Ryb2tlPSIjRkU2MzRFIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNiAxOS4yNzQ0TDE4Ljc3NDIgNi41MDAyMiIgc3Ryb2tlPSIjRkU2MzRFIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K")
        no-repeat 50% 50%;
}
.form-box .check-validation.check .check-icon,
.form-box input.status:not(:focus):valid ~ .check-icon {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgMTIuODEzNUw5LjY1Njg1IDE4LjQ3MDNMMjAuOTcwNiA3LjE1NjYyIiBzdHJva2U9IiMwMjYwRTgiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=")
        no-repeat 50% 50%;
}
.form-box .check-validation .phone-edit-input {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 50;
}

/* union */
.form-box .union {
    padding: 13px 20px 30px;
    background: #ffffff;
    border: 1px solid #252525;
    border-radius: 7px;
    margin-bottom: 10px;
    position: relative;
}
.form-box .union .b-form__label {
    padding: 0;
    margin: 0;
    font-size: 15px;
    line-height: 18px;
    color: #8b8b8b;
    position: relative;
    z-index: 30;
    pointer-events: none;
}
.form-box .w-50 .union .b-form__label {
    white-space: nowrap;
    max-width: 47px;
    overflow: hidden;
}
.form-box .union .b-form__input {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    height: 18px;
    border-radius: 0;
    padding: 0;
    margin: 5px 0 0;
    box-shadow: none;
}
.form-box .union .b-form__input:focus {
    box-shadow: none;
}
.form-box .union .check-validation {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 30px 20px 15px 20px;
    height: 18px;
}
/* /union */

.form-box p.error,
.form-box span.error,
.box-calculator span.error,
#mainCalc span.error {
    font-weight: 800;
    font-size: 16px;
    line-height: 120%;
    text-align: center;
    color: #fe634e;
}
.form-box .w-40 span.error {
    font-weight: 400;
    font-size: 13px;
    line-height: 1.2;
}
span[name="output-status"] {
    font-weight: 800;
    font-size: 16px;
    line-height: 120%;
    display: none;
    text-align: center;
    margin: 20px 0;
}
span[name="output-status"].error,
span[name="output-status"].success {
    display: block;
}
span[name="output-status"].error {
    color: #fe634e;
}
span[name="output-status"].success {
    color: #0260e8;
}
#id_is_agree_error {
    text-align: center;
    margin-top: 5px;
}

.form-box .ssl {
    margin: 50px auto 0;
    max-width: 320px;
}
.form-box .ssl .icon {
    width: 42px;
    height: 42px;
    overflow: hidden;
    margin-right: 10px;
}
.form-box .ssl .icon img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    object-position: 50%;
}
#content .form-box .ssl p {
    font-size: 16px;
    line-height: 25px;
    color: #333;
    text-align: left;
}

/* smsCode */
#smsCode {
    display: inline-block;
    margin: 0 auto;
    transform: scale(0.8, 0.8);
}
#smsCode input {
    width: 280px;
    height: 45px;
    background: url("../images/sms_code.468a963b2e9a.png") no-repeat 0 50%;
    background-size: contain;
    font-family: var(--font-others), sans-serif;
    font-size: 32px;
    text-align: left;
    word-spacing: 21px;
    padding: 3px 0 0 16px;
    color: #000;
    letter-spacing: 50px;
    overflow: hidden;
    display: block;
    margin: 0 -36px 0 0;
    box-sizing: content-box;
}
#smsCode input:not(:focus):valid {
    background: url("../images/sms_code_valid.e1aedd3bec8a.png") no-repeat 0 50%;
    background-size: contain;
    color: #fff;
}
#smsCode input:not(:focus):invalid {
    background: url("../images/sms_code_invalid.37fe9131fc5c.png") no-repeat 0 50%;
    background-size: contain;
    color: #fff;
}
/* /smsCode */

/* buttonHidden */
#buttonHidden.text .hidden-btn,
#buttonHidden .hidden-text {
    display: none;
}
#buttonHidden .hidden-btn,
#buttonHidden.text .hidden-text {
    display: block;
}
#buttonHidden p {
    font-weight: 500;
    font-size: 14px;
    line-height: 110%;
    color: #808080;
    max-width: 190px;
    margin: 0 auto;
    text-align: center;
}
#buttonHidden button,
.form-box .phone-edit-btn {
    font-size: 16px;
    line-height: 1.4;
    text-decoration: underline;
    background: none;
    cursor: pointer;
}
#buttonHidden button {
    color: #888;
}
.form-box .phone-edit-btn {
    color: #0260e8;
}
/* /buttonHidden */

/* agree */
.agree p {
    text-align: center;
}
.agree p,
.agree p .link {
    font-weight: 700;
    font-size: 15px;
    line-height: 21px;
    color: #333;
}
.agree p .link {
    text-decoration: underline;
    cursor: pointer;
}
/* /agree */
/* /form-box */

/* steps-reg */
body[data-steps="1"] #content,
body[data-steps="2"] #content,
body[data-steps="3"] #content,
body[data-steps="4"] #content {
    padding-top: 10px;
    margin-top: 0;
}
.steps-reg .title-reg {
    font-weight: 800;
    font-size: 24px;
    line-height: 110%;
    text-align: left;
    color: #252525;
}
.steps-reg .steps {
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    color: #808080;
    text-align: left;
    margin: 2px 0 15px;
}
.steps-reg .steps span {
    display: none;
}
body[data-steps="3"] .steps-reg .steps span.one,
body[data-steps="4"] .steps-reg .steps span.two {
    display: inline;
}
/* steps-line */
.steps-line {
    position: relative;
    height: 4px;
    margin-top: 5px;
    background: #efefef;
}
.steps-line .color {
    position: relative;
    z-index: 20;
    height: 4px;
    background: #0260e8;
    width: 0;
}
body[data-steps="3"] .steps-line .color {
    width: 50%;
}
body[data-steps="4"] .steps-line .color {
    width: 100%;
}
.loan-terms.pc {
    max-width: 520px;
    margin: 0 auto;
}
.loan-terms.pc .steps-title {
    font-weight: 700;
    font-size: 36px;
    line-height: 47px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #252525;

    margin-bottom: 30px;
}
.loan-terms.pc .box-terms {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 20px;
    background: #ffffff;
    border: 5px solid #0260e8;
    box-shadow: 7px 10px 30px rgba(2, 96, 232, 0.15);
    border-radius: 30px;
    justify-content: space-around;
}
.loan-terms.pc .box-terms .item .title {
    font-weight: 800;
    font-size: 20px;
    line-height: 115%;
    color: #252525;
    text-align: center;
    margin-bottom: 10px;
}
.loan-terms.pc .box-terms .item .edit-input {
    background: #efefef;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 10px;
    align-items: center;
}
.loan-terms.pc .box-terms .item .edit-input input {
    background: #efefef;
    font-weight: 700;
    font-weight: 800;
    font-size: 28px;
    line-height: 115%;
    color: #252525;
    border: 0;
    width: 125px;
    text-align: right;
    margin-right: 10px;
    -webkit-appearance: none;
}
.loan-terms.pc .box-terms .item .edit-input .icon {
    font-weight: 800;
    font-size: 28px;
    line-height: 115%;
}
.loan-terms.pc .box-terms .item .edit-input.data input {
    width: 35px;
}
.loan-terms.pc .box-terms .item .edit-input.price input,
.loan-terms.pc .box-terms .item .edit-input.price {
    background: #fff;
}
.loan-terms.pc .box-terms .item p {
    font-size: 15px;
    line-height: 1.5;
    color: #888;
    text-align: center;
}
.loan-terms.pc .box-terms .item p.switch {
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    color: #0260e8;
    text-decoration: underline;
}
.loan-terms.pc .box-terms .item p.old-price {
    text-decoration: line-through;
}
.loan-terms .box-terms .switch-box {
    position: relative;
    overflow: hidden;
}
.loan-terms .box-terms .switch-box .link {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    z-index: 20;
    cursor: pointer;
}
/* /steps-line */
/* /steps-reg */

/* dataValidation */
#dataValidation {
    padding: 5px 0 0;
    margin: 0;
}
#dataValidation .progressbar {
    position: relative;
}
#dataValidation .percent {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    z-index: 20;
    transform: translate(-50%, -50%);
    font-weight: 700;
    font-size: 30px;
    line-height: 35px;
    color: #313132;
    align-items: center;
    justify-content: center;
    border-radius: 65px;
}
#dataValidation .finish .percent {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTgiIGhlaWdodD0iOTgiIHZpZXdCb3g9IjAgMCA5OCA5OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi4zMzM4IDQzLjIxMDJMMzkuNDMyNiA2Ni4zMDlMODUuNjMwMiAyMC4xMTE0TDkyLjcwMTMgMjcuMTgyNEwzOS40MzI2IDgwLjQ1MTFMOS4yNjI3IDUwLjI4MTJMMTYuMzMzOCA0My4yMTAyWiIgZmlsbD0id2hpdGUiIHN0cm9rZT0iIzAyNjBFOCIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+Cjwvc3ZnPgo=")
        no-repeat 50% 50% #fff;
    background-size: contain;
    color: rgba(255, 255, 255, 0);
}
#dataValidation .circle {
    position: relative;
    z-index: 10;
    width: 150px;
    height: 150px;
    margin: 0 auto 50px;
}
#dataValidation .circle svg {
    object-fit: contain;
    width: 100%;
    height: 100%;
}
#dataValidation .circle .color {
    fill: #ffffff;
    animation: circle-color 0.5s ease-out forwards;
    animation-delay: 0.5s;
}
#dataValidation .circle .color:nth-child(2) {
    animation-delay: 1s;
}
#dataValidation .circle .color:nth-child(3) {
    animation-delay: 1.5s;
}
#dataValidation .circle .color:nth-child(4) {
    animation-delay: 2.5s;
}
#dataValidation .circle .color:nth-child(5) {
    animation-delay: 3s;
}
#dataValidation .circle .color:nth-child(6) {
    animation-delay: 3.5s;
}
#dataValidation .circle .color:nth-child(7) {
    animation-delay: 4s;
}
#dataValidation .circle .color:nth-child(8) {
    animation-delay: 4.5s;
}
#dataValidation .circle .color:nth-child(9) {
    animation-delay: 5s;
}
#dataValidation .circle .color:nth-child(10) {
    animation-delay: 5.5s;
}
#dataValidation .circle .color:nth-child(11) {
    animation-delay: 6s;
}
#dataValidation .circle .color:nth-child(12) {
    animation-delay: 6.5s;
}
#dataValidation .circle .color:nth-child(13) {
    animation-delay: 7s;
}
#dataValidation .circle .color:nth-child(14) {
    animation-delay: 7.5s;
}
#dataValidation .circle .color:nth-child(15) {
    animation-delay: 8s;
}
#dataValidation .circle .color:nth-child(16) {
    animation-delay: 8.5s;
}
#dataValidation .circle .color:nth-child(17) {
    animation-delay: 9s;
}
#dataValidation .circle .color:nth-child(18) {
    animation-delay: 9.5s;
}
#dataValidation .circle .color:nth-child(19) {
    animation-delay: 10s;
}
#dataValidation .circle .color:nth-child(20) {
    animation-delay: 10.5s;
}
@keyframes circle-color {
    from {
        fill: #ffffff;
    }
    to {
        fill: #0260e8;
    }
}
#dataValidation .list-status {
    animation: circle-list 0.5s ease-out forwards;
    animation-delay: 10s;
    overflow: hidden;
    max-height: 500px;
    max-width: 300px;
    margin: 0 auto;
}
@keyframes circle-list {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        max-height: 0;
    }
}
#dataValidation .list-status li {
    justify-content: space-between;
    margin-top: 15px;
    animation: list-status 0.5s ease-out forwards;
    background-position: 100% 50%;
}
@keyframes list-status {
    to {
        background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgMTIuODEzNUw5LjY1Njg1IDE4LjQ3MDNMMjAuOTcwNiA3LjE1NjYyIiBzdHJva2U9IiMwMjYwRTgiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=")
            no-repeat 100% 50%;
    }
}
#dataValidation .list-status li .checkmark {
    margin-right: 10px;
    overflow: hidden;
}
#dataValidation .list-status li .checkmark svg {
    float: left;
}
#dataValidation .list-status li .text {
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    color: #252525;
}
#dataValidation .list-status li.one,
#dataValidation .list-status .one .load {
    animation-delay: 3s;
}
#dataValidation .list-status li.two,
#dataValidation .list-status .two .load {
    animation-delay: 6s;
}
#dataValidation .list-status li.three,
#dataValidation .list-status .three .load {
    animation-delay: 9s;
}
#dataValidation .load svg {
    animation: circle-load 1s linear infinite;
    transform: rotate(0);
}
@keyframes circle-load {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(369deg);
    }
}
#dataValidation .list-status li .load {
    opacity: 1;
    animation: load-opacity 0.5s ease-out forwards;
}
@keyframes load-opacity {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
#dataValidation .finish-sum {
    animation: finish-sum 0.5s ease-out forwards;
    animation-delay: 10s;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    max-width: 300px;
    margin: 0 auto;
}
@keyframes finish-sum {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
        max-height: 500px;
    }
}
#dataValidation .finish-sum .sum-title {
    margin-bottom: 20px;
}
#dataValidation .finish-sum .sum-title,
#dataValidation .finish-sum .sum-title span {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #313132;
}
#dataValidation .finish-sum .more {
    justify-content: center;
    align-items: center;
}
#dataValidation .finish-sum .more .text {
    font-size: 14px;
    line-height: 1.3;
    color: #313132;
    margin-right: 10px;
}
/* /dataValidation */

/* conditions */
.bg-gradient {
    background: linear-gradient(180deg, rgba(242, 247, 255, 0) 0%, rgba(242, 247, 255, 0) 8.23%, #f2f7ff 33.51%);
}
#conditions {
    padding: 0;
    margin: 0;
}
#conditions .loan-terms {
    flex-direction: column;
    padding: 20px 0;
}
#conditions .loan-terms .fot {
    background: #ffffff;
    box-shadow: 7px 10px 30px rgba(158, 158, 158, 0.25);
    border-radius: 20px;
    padding: 20px 30px 25px;
    text-align: center;
    margin: 0 auto 20px;
    max-width: 400px;
    box-sizing: border-box;
}
#conditions .loan-terms .fot .title {
    font-weight: 800;
    font-size: 18px;
    line-height: 115%;
    text-align: center;
    color: #252525;
    margin-bottom: 20px;
}
#conditions .loan-terms .fot .expire {
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
#conditions .loan-terms .fot .expire p {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #313132;
    margin-right: 5px;
}
#conditions .loan-terms .fot .expire #timer .timer__item {
    font-family: var(--admin-font, var(--font-additional)), sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 47px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #0260e8;
}
#conditions .loan-terms .name {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #313132;
}
/* /#conditions */

/* offers */
.bg-gradient #page {
    padding: 0;
    margin: 0;
}
#offers {
    padding: 0;
    margin: 0;
}
#offers .items-offers {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
#offers .items-offers .content {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}
#offers .items-offers .item {
    display: block;
    background: #ffffff;
    box-shadow:
        0px 10px 20px rgba(0, 0, 0, 0.05),
        0 0 0 2px #0260e8 inset;
    border-radius: 20px;
    padding: 10px;
    margin-bottom: 10px;
    position: relative;
    width: calc(50% - 5px);
    flex-direction: column;
    justify-content: space-between;
}
#offers .items-offers .item .logo {
    margin: 0 auto;
    height: 50px;
    max-width: 240px;
    overflow: hidden;
    margin-bottom: 10px;
}
#offers .items-offers .item .logo svg,
#offers .items-offers .item .logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
#offers .items-offers .item .dice {
    font-weight: 800;
    font-size: 14px;
    line-height: 110%;
    text-align: center;
    color: #252525;
    margin-bottom: 10px;
}
#offers .items-offers .item ul {
    margin-top: auto;
    flex-direction: column;
    justify-content: flex-start;
}
#offers .items-offers .item ul li {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 15px 0;
    border-top: 1px solid #efefef;
}
#offers .items-offers .item ul li .icon {
    width: 15px;
    height: 15px;
    overflow: hidden;
    margin-right: 4px;
}
#offers .items-offers .item ul li .icon svg {
    object-fit: contain;
    width: 100%;
    height: 100%;
    object-position: 50%;
}
#offers .items-offers .item:hover ul li .icon .color {
    fill: #0260e8;
}
#offers .items-offers .item ul li .text {
    font-weight: 500;
    font-size: 12px;
    line-height: 110%;
    letter-spacing: 0.01em;
    color: #252525;
}
#offers .items-offers .item ul li.dice .text {
    font-weight: 700;
}
#offers.main-page .items-offers .item .btn,
#offers .items-offers .item .offer-btn {
    margin-top: 10px;
    display: block;
    background: #0260e8;
    border-radius: 10px;
    font-weight: 800;
    font-size: 16px;
    color: #fff;
    padding: 10px 20px;
    line-height: 120%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 60px;
}
/* #offers .items-offers .item .offer-btn:hover {
        background: #FCC521;
    } */
/* /#offers */

/* securely */
.securely {
    max-width: 300px;
    margin: 50px auto;
    align-items: center;
    justify-content: flex-start;
}
.securely .icon {
    margin: 10px;
    overflow: hidden;
}
.securely .icon svg {
    float: left;
}
.securely .text {
    font-size: 13px;
    line-height: 1.2;
    color: #313132;
    text-align: left;
}
/* /securely */

/* (min-height: 500px) and (max-height: 550px) */
@media (min-height: 500px) and (max-height: 550px) {
    #calculator .bg-calculator {
        position: relative;
        height: 50vh;
    }
    #calculator .box-calculator {
        margin-top: 0;
        padding: 15px;
    }
    #sectionTop.reg #calculator .box-calculator.mini {
        max-height: 320px;
    }
    #calculator .box-calculator .content-calculator h4 {
        display: none;
    }
    #calculator .bg-calculator::before {
        position: absolute;
        content: "";
        left: -15px;
        top: 0;
        right: -15px;
        bottom: -350px;
        background: url("../images/calculator_bg.ee549fda4a40.png") no-repeat 50% 0;
        background-size: 100% auto;
    }
    #calculator .bg-calculator .title {
        display: block;
        font-size: 18px;
        line-height: 1.1;
        width: 45%;
        margin: 46px 0 0 auto;
    }
    #sectionTop .checkbox-text .text {
        margin: 5px auto;
    }
}

/* /(min-height: 500px) and (max-height: 550px) */

/* (min-height: 550px) */
@media (min-height: 550px) {
    #calculator .bg-calculator {
        position: relative;
        height: 50vh;
    }
    #calculator .box-calculator {
        margin-top: 0;
    }
    #sectionTop.reg #calculator .box-calculator.mini {
        max-height: 320px;
    }
    #calculator .bg-calculator::before {
        position: absolute;
        content: "";
        left: -15px;
        top: 0;
        right: -15px;
        bottom: -350px;
        background: url("../images/calculator_bg.ee549fda4a40.png") no-repeat 50% 0;
        background-size: 100% auto;
    }
    #calculator .bg-calculator .title {
        display: block;
        font-size: 20px;
        line-height: 1.1;
        width: 45%;
        margin: 46px 0 0 auto;
    }
}
/* /(min-height: 550px) */

/* (min-height: 700px) */
@media (min-height: 700px) {
    h4 {
        font-size: 28px;
    }
    #calculator .bg-calculator {
        height: 260px;
        flex-shrink: 0;
    }
    #calculator .bg-calculator::before {
        bottom: -300px;
    }
    #calculator form .box-fot {
        margin: auto;
    }
}
/* /(min-height: 650px) */

/* (min-width: 360px) */
@media (min-width: 360px) {
    #smsCode {
        transform: scale(1, 1);
    }
}
/* /(min-width: 360px) */

/* (max-height: 500px) and (orientation: landscape) */
@media (max-height: 500px) and (orientation: landscape) {
    #sectionTop {
        background: url("../images/section-top-mob.c37b9147288c.png") no-repeat 22vw 100% #fff;
        background-size: contain;
    }
    #sectionTop {
        height: 100vh;
    }
    #calculator {
        padding-top: 0;
        height: 100vh;
    }
    #calculator .inner {
        padding: 0;
        flex-direction: row;
        align-items: normal;
        margin: 0 10px;
    }
    #calculator .advantage-calculator .notice,
    #calculator .advantage-calculator .timer {
        display: none;
    }
    #calculator .bg-calculator {
        height: auto;
        width: calc(100% - 310px);
        position: relative;
    }
    #calculator .bg-calculator .title {
        display: block;
        margin: 0;
        position: absolute;
        left: 10px;
        top: 95px;
    }
    #calculator .bg-calculator::before {
        position: absolute;
        content: "";
        left: 20px;
        top: 50px;
        right: 0;
        bottom: 0;
        background: url("../images/calculator_bg_mob.fd791e91a587.png") no-repeat 50% 100%;
        background-size: contain;
    }
    #calculator .box-calculator {
        height: auto;
        width: 300px;
        margin-left: 20px 10px;
    }
    #calculator form .time {
        margin: 10px 0;
        position: relative;
    }
}
/* /(max-height: 500px) and (orientation: landscape) */

/* (min-height: 700px) */
@media (min-height: 700px) {
    #dataValidation .circle {
        width: 280px;
        height: 280px;
    }
    #dataValidation .percent {
        width: 110px;
        height: 110px;
        border-radius: 30px;
    }
}
/* /(min-height: 700px) */

/* (max-width: 500px) and (orientation: landscape) */
@media (max-width: 500px) and (orientation: landscape) {
    #calculator .bg-calculator .title {
        font-size: 24px;
    }
    #sectionTop {
        background-position: 17vw 100%;
        background-size: cover;
    }
}
/* /(max-width: 500px) and (orientation: landscape) */

/* (min-width: 992px) */
@media (min-width: 992px) {
    .mob {
        display: none;
    }
    .pc {
        display: block;
    }
    .inner {
        max-width: 1200px;
    }
    body[data-steps="unsubscribe"] {
        background-position: 50% 0;
    }
    body.color {
        background-color: #fff;
    }

    h1 {
        font-family: var(--admin-font, var(--font-additional)), sans-serif;
        font-weight: 700;
        font-size: 42px;
        line-height: 1.1;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        color: #252525;
    }

    h4 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    section {
        margin-top: 0;
        padding: 120px 0;
    }
    body[data-steps="unsubscribe"] section {
        padding: 30px 0;
    }
    section.no-padding {
        padding-top: 0;
    }
    .captcha {
        display: inline-block;
        margin: 0 auto;
    }
    .checkbox-text .checkmark {
        top: 1px;
    }
    .check-row .checkbox-text {
        max-width: 100%;
    }

    /* sectionTop */
    #sectionTop {
        background: linear-gradient(180deg, rgba(242, 247, 255, 0) 0%, rgba(242, 247, 255, 0) 18.23%, #f2f7ff 100%);
    }
    /* calculator */
    #calculator {
        background: url("../images/section-top-mob.c37b9147288c.png") no-repeat 22vw 100%;
        background-size: cover;
        overflow: hidden;
    }
    #calculator .inner {
        padding-top: 80px;
        height: 100vh;
        max-height: 900px;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin: 0 20px;
        position: relative;
    }
    #calculator .bg-calculator {
        position: absolute;
        left: 0;
        bottom: 0;
        top: auto;
        right: auto;
        height: 100%;
        width: 100%;
        z-index: 80;
        pointer-events: none;
    }
    #calculator .bg-calculator::before {
        top: 120px;
        bottom: 0;
        right: 350px;
        /* left: 270px; */
        left: 100px;
        background: url("../images/calculator_bg_pc.3c51d507e21e.png") no-repeat 50% 100%;
        background-size: contain;
    }
    #calculator .bg-calculator .title {
        display: none;
    }
    #calculator .box-calculator {
        height: 450px;
        width: 440px;
        padding: 45px;
        margin-bottom: 0;
        box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
    }
    #calculator .box-calculator .inner {
        margin: 0;
    }
    #calculator .box-calculator .box-fot {
        order: 1;
    }
    #calculator .box-calculator .time {
        display: none;
    }
    #calculator form .range-info p,
    #calculator form .range-ruler span {
        font-size: 16px;
    }
    #calculator form .input-text,
    #calculator form .range-num .icon {
        font-size: 18px;
    }
    #calculator form .input-text {
        width: 80px;
    }
    #calculator .box-calculator .checkbox-text {
        font-size: 16px;
        margin-top: 20px;
        text-align: center;
    }
    #calculator .box-calculator .checkbox-text .text,
    #calculator .box-calculator .checkbox-text .link {
        font-size: 16px;
    }
    #calculator .advantage-calculator {
        display: block;
        position: relative;
        margin: 85px 0 auto;
        z-index: 100;
        max-width: 400px;
    }
    #calculator .advantage-calculator .notice {
        margin-top: 15px;
        max-width: 300px;
    }
    #calculator .advantage-calculator .notice p {
        font-weight: 600;
        font-size: 20px;
        line-height: 1.2;
        color: #252525;
    }
    #calculator .advantage-calculator .timer {
        margin-top: 70px;
        padding: 25px 38px 20px 0;
        position: relative;
        width: 290px;
    }
    #calculator .advantage-calculator .timer::before {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 845px;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA0wAAABgCAMAAAAZxQJVAAACClBMVEX///8AAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AgPEAcu4AivIAhPEAkPMAaO0Abu8AhfEAffE+ofUAc+87oPQ4nvQAc+8AXOwAgvEAh/IAk/MAgfEIWe4Ae/AYl/MAjfP///////////////8AgvH///8lmvQAffBAofQAffEsm/MAh/IznfQsm/QhmfMAjPIElPMAhPEAdvAHlPMAjvMAhvIAe/AAg/EznfRCovU9ofUAhfEAiPIAkPNAofU3n/UAkvMAY+1AofUAifJBovU7oPUnmvRBovUvm/Qal/QNlfMSlvMAX+wAYOwAYO14ufgAYO3b7P0AX+3K4/0AYO2Qxfnt9f0AYO222PqkzvpNp/YAYOwAYOu22PkAYOwAevAAYe0AdO8Aa+4Ad/AAce8Abe4AZe0AYuwAaO4AZuwAYOsAZOw+FGD5AAAAoHRSTlP9APoF+AgRF/Ul7/PsEw4eGQwKMdzx6eAiIBzYvz8VVzdd5M22oJODb2lSTEQqw9Q75tDHs62mmIp9eEe64tLKsKmimo+HZWMuKDX+If7+/RAVYP7qG+/zJghIZv1DBDCb/nt0cWJRTaQ+zzn4a7Ws+nf8ViuSfv40TfXayFr+heW8iwzVcOHC+d73+/z7/b3h/v79dv3P/v2P/v7+n5/+/ZJ6EAAACwBJREFUeNrs2GV3E0EUxnEWd3d3d3d3ghcpUggeKBbcXQqlSXE7nGVTIED4jtyZe2fu7mxYOKTQBua3m02xl//z7NDA+evKnDJSWlYq3Sq9Ja1j6302sZjfVuU02UXOkyNKAu1k28gFcgCdIlekDX7bydHtR6U76CQ5i66hm+gM2n1mt3Ro9yFynBxDN9A96TI6rNyWLqGKCrgr7grX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")
            no-repeat 100% 0;
        z-index: -1;
    }
    #calculator .advantage-calculator .timer p {
        font-weight: 800;
        font-size: 20px;
        line-height: 1.15;
        color: #252525;
    }
    #calculator .advantage-calculator .timer p .color {
        font-size: 24px;
        line-height: 33px;
        letter-spacing: -0.01em;
        color: #0260e8;
    }
    #calculator .advantage-calculator .timer p .color,
    #calculator .advantage-calculator .timer p b {
        font-weight: 800;
    }
    /* /calculator */
    /* /sectionTop */

    /* offers */
    #conditions .loan-terms {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 40px 0 50px;
    }
    #conditions .loan-terms .name {
        order: -1;
        font-weight: 800;
        font-size: 28px;
        line-height: 115%;
        text-align: left;
        max-width: 500px;
    }
    #conditions .loan-terms .fot {
        width: 420px;
        max-width: 420px;
        flex-shrink: 0;
        padding: 35px 30px;
        margin: 0;
        display: flex;
        align-items: center;
    }
    #conditions .loan-terms .fot .title {
        font-weight: 800;
        font-size: 16px;
        line-height: 115%;
        text-align: right;
        color: #252525;
        margin: 0 15px 0 0;
    }
    #conditions .loan-terms .fot .expire {
        justify-content: flex-start;
    }
    #conditions .loan-terms .fot .expire p,
    #conditions .loan-terms .fot .expire #timer .timer__item {
        font-weight: 700;
        font-size: 36px;
        line-height: 47px;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: #0260e8;
    }
    #page .sub-title {
        font-size: 16px;
        line-height: 19px;
        margin-bottom: 30px;
        text-align: center;
    }
    #offers .items-offers {
        justify-content: flex-start;
        margin: 0 -10px;
    }
    #offers .items-offers .item {
        width: calc(33% - 18px);
        margin: 0 10px 20px;
        padding: 30px;
        border-radius: 40px;
        box-shadow: 7px 10px 30px rgba(158, 158, 158, 0.25);
    }
    #offers.main-page .items-offers .item {
        padding-bottom: 0;
    }
    #offers .items-offers .item:hover {
        box-shadow:
            7px 10px 30px rgba(2, 96, 232, 0.15),
            0 0 0 5px #0260e8 inset;
    }
    #offers .items-offers .item .logo {
        height: 90px;
        margin-bottom: 30px;
    }
    #offers .items-offers .item .dice {
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 120%;
    }
    #offers .items-offers .item ul li {
        padding: 22px 0;
        justify-content: center;
    }
    #offers .items-offers .item ul li:last-child {
        border-bottom: 0;
    }
    #offers .items-offers .item ul li .icon {
        width: 24px;
        height: 24px;
        margin-right: 15px;
    }
    #offers .items-offers .item ul li .text {
        font-size: 16px;
        line-height: 19px;
    }
    #offers.main-page .items-offers .item .btn,
    #offers .items-offers .item .offer-btn {
        font-size: 20px;
        line-height: 60px;
        background: rgba(81, 153, 255, 0.8);
    }
    #offers .items-offers .item:hover .offer-btn {
        background: #0260e8;
    }
    /* /offers */

    /* form-box */
    body[data-steps="3"] #content,
    body[data-steps="4"] #content {
        padding-top: 0;
    }
    .form-box .top-reg {
        border-radius: 0;
        padding: 60px 0;
        max-width: 100%;
        width: 100%;
        margin: 0;
    }
    .form-box.no-top .top-reg {
        display: none;
    }
    .form-box h2 {
        margin: 20px 0 15px;
    }
    .form-box .pc-content {
        max-width: 360px;
        margin: 25px auto;
    }
    /* /form-box */

    /* dataValidation */
    #dataValidation {
        padding-top: 40px;
    }
    /* /dataValidation */

    /* unsubscribePage */
    #unsubscribePage {
        flex-direction: row;
        justify-content: center;
    }
    #unsubscribePage .img {
        margin: 0 20px 0 0;
    }
    #unsubscribePage .happy {
        font-family: var(--admin-font, var(--font-additional)), sans-serif;
        font-weight: 700;
        font-size: 36px;
        line-height: 47px;
    }
    /* /unsubscribePage */
}
/* /(min-width: 992px) */

/* (min-width: 1200px) */
@media (min-width: 1200px) {
    h4 {
        font-size: 28px;
        line-height: 38px;
    }

    #calculator {
        background-position: 32vw 100%;
    }
    #calculator .box-calculator {
        padding: 30px 25px 40px;
    }
    #calculator .bg-calculator::before {
        width: 600px;
        left: 250px;
        top: 100px;
    }
    #calculator .advantage-calculator .timer {
        margin-top: 90px;
    }
    #calculator form .range-info p {
        font-size: 18px;
    }
    #calculator form .range-ruler span {
        font-size: 14px;
    }
    #calculator .box-calculator .checkbox-text {
        margin-top: auto;
    }
    #calculator form .box-fot {
        margin-bottom: 0;
    }
    /* advantage */
    #calculator .advantage-calculator {
        margin: auto 0;
        padding-bottom: 80px;
    }
    /* /advantage */

    /* description */
    #description {
        width: 100%;
        max-width: 1360px;
        box-sizing: border-box;
        margin: 50px auto 20px;
        padding: 90px 60px;
    }
    #description p {
        margin-bottom: 15px;
    }
    #description p,
    #description ul li {
        font-size: 18px;
        line-height: 24px;
    }
    #description .list-creditors {
        padding: 90px;
        margin-bottom: 35px;
    }
    #description .list-creditors h5 {
        font-size: 18px;
        line-height: 22px;
    }
    /* /description */
}
/* /(min-width: 1200px) */

/* (min-width: 1230px) */
@media (min-width: 1230px) {
    .inner,
    #calculator .inner {
        margin: 0 auto;
        max-width: 1200px;
    }
}
/* /(min-width: 1230px) */