@charset "UTF-8";
@import "https://fonts.googleapis.com/css?family=Open+Sans:300,400,600..";
@import 'https://fonts.cdnfonts.com/css/mulish';

body {
    font-family: mulish !important;
    margin: 0;
    padding: 0
}

body.hidden {
    height: 100%;
    overflow-y: hidden
}

button:active,
button:focus {
    outline: 0
}

input:active,
input:focus {
    outline: 0
}

.loader-a {
    background-image: url(../../../../img/site/loader-a.png);
    background-size: contain;
    background-position-x: 99%;
    background-position-y: 50%;
    background-repeat: no-repeat
}

a:hover,
a:focus {
    text-decoration: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    margin: 0;
    padding: 0
}

p {
    margin: 0;
    padding: 0
}

.ui-menu .ui-menu-item-wrapper {
    padding: 9px 1em 9px .4em
}

input[type=checkbox] {
    display: none
}

input[type=checkbox]+label {
    cursor: pointer;
    padding-left: 0
}

input[type=checkbox]+label::before {
    content: "";
    display: inline-block;
    height: 22px;
    width: 24px;
    margin: 0 5px 0 0;
    border: 1px solid #ff7f00
}

.form__under-calc input[type=checkbox]+label::before {
    margin: 0 16px -5px 0
}

input[type=checkbox]:checked+label::before {
    background: url(../../../../img/site/checkbox.svg) no-repeat;
    background-size: cover
}

input[type=radio] {
    display: none
}

input[type=radio]+label {
    cursor: pointer;
    padding-left: 0
}

input[type=radio]+label::before {
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px;
    vertical-align: middle;
    margin: 0 5px 2.5px 0;
    background: url(../../../../img/site/radio.svg) no-repeat
}

input[type=radio]:checked+label::before {
    background: url(../../../../img/site/radio-checked.svg) no-repeat
}

.header {
    background: #fff;
    width: 100%;
    min-height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #eee
}

.header__menu-mobile {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 90;
    padding: 0 16px;
    max-width: 256px !important;
    width: 100%;
    -webkit-box-shadow: 10px 0 100px 10px rgba(0, 0, 0, .2);
    box-shadow: 10px 0 100px 10px rgba(0, 0, 0, .2);
    background-color: #fff
}

.header__menu-mobile-content {
    background: #fff;
    padding: 0 0 30px;
    width: 100%;
    height: calc(100% - 30px);
    overflow-y: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.header__menu-mobile-closer {
    width: 24px;
    height: 24px;
    margin: 19px 0 27px -6px;
    cursor: pointer
}

.header__menu-mobile-list {
    width: calc(100% - 30px);
    margin-left: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.header__menu-mobile-item {
    text-decoration: none;
    margin-bottom: 40px;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    text-transform: uppercase;
    color: #000
}

.header__menu-mobile-item:last-of-type {
    margin-bottom: 35px
}

.header__menu-mobile-item::first-letter {
    text-transform: uppercase
}

.header__menu-mobile-buttons {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__menu-mobile-buttons a {
    margin-bottom: 30px;
    text-decoration: none;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-transform: capitalize;
    width: 100%
}

.header__menu-mobile-buttons .default-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 32px;
    gap: 10px;
    font-size: 18px;
    width: 100%;
    height: 48px;
    font-family: mulish
}

.header__menu-mobile-button {
    width: 294px;
    min-width: 150px
}

.header__menu-mobile-login {
    cursor: pointer;
    margin-left: 15px;
    width: 23px
}

.header__menu-mobile-bg {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 80;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: .5
}

.header__content {
    width: 95%;
    max-width: 920px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__menu {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

@media(min-width:920px) {
    #head-btn-block {
        margin-left: auto
    }
}

.image-turn {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.extra-menu-hid {
    position: absolute;
    background: #fff;
    box-shadow: 0 0 50px rgba(38, 43, 82, .1);
    border-radius: 15px;
    padding: 12px;
    padding-top: 0;
    top: 30px;
    left: 205px;
    width: 177px;
    z-index: 1000;
    display: none
}

.extra-menu-hid__item:first-child {
    border-top: none
}

.extra-menu-hid__item {
    padding: 15px 0;
    border-top: 1px solid #dcdcdc;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 120%;
    color: #000;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.extra-menu-hid__item .header__menu-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700
}

.header__menu-item {
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    margin-right: 14px;
    font-size: 10px
}

.header__menu-item::first-letter {
    text-transform: uppercase
}

.header__menu-burger {
    display: none;
    width: 30px;
    cursor: pointer
}

.header__logo {
    font-size: 1em;
    font-weight: 700;
    border: 1px solid #000;
    margin-right: 20px;
    padding: 3px;
    text-transform: uppercase;
    cursor: pointer
}

.header__login {
    cursor: pointer;
    margin-right: 5px;
    width: 16px
}

.header__link {
    text-decoration: none;
    color: #000
}

@media(max-width:991px) {
    .mobile__no-header .header__info {
        display: none
    }

    .mobile__no-footer .footer__info {
        display: none
    }

    .header__content {
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }
}

.money-hint-wrapper {
    text-align: center
}

@media(max-width:769px) {
    .my-input-wrapper .invalid-input-hint {
        position: static !important
    }

    .money-hint-wrapper {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        display: table;
        width: 100%
    }

    .money-hint-wrapper>div:last-child {
        color: #fff;
        padding: 27px 40px 27px 10px;
        font-size: 17px;
        font-weight: 700;
        background: rgba(255, 126, 0, .9);
        display: table-cell;
        vertical-align: middle;
        line-height: 1.1
    }

    .header__content {
        max-width: 610px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .header__menu .header__menu-item,
    .header__menu .extra-menu-hid {
        display: none
    }

    .header__menu {
        width: auto;
        margin-right: 0
    }

    .header__menu-burger {
        display: block;
        cursor: pointer;
        margin-left: 5px
    }

    .header__logo {
        border: none;
        padding: 0;
        margin-right: 0;
        font-size: 3em;
        font-weight: 600
    }
}

#moneyHintClose {
    position: absolute;
    top: 19px;
    right: 15px;
    color: #fff;
    font-size: 30px;
    text-decoration: none;
    cursor: pointer
}

@media(min-width:770px) {
    #moneyHintClose {
        display: none
    }
}

@media(max-width:566px) {
    .money-hint-wrapper>div:last-child {
        font-size: 14px
    }
}

@media(max-width:473px) {
    .money-hint-wrapper>div:last-child {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

@media(max-width:294px) {
    .money-hint-wrapper>div:last-child {
        font-size: 12px;
        padding-top: 22px;
        padding-bottom: 22px
    }
}

@media(max-width:320px) {
    .header__menu-mobile-content {
        max-width: 260px
    }

    .header__menu-mobile-item {
        font-size: 1em
    }

    .header__menu-mobile-buttons {
        width: 85%
    }
}

.front {
    /* background: url(../../../../img/site/front-bg.svg); */
    background-color: #00aaa3;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 650px
}

@media(max-width:700px) {
    .front {
        height: inherit;
        padding-bottom: 25px
    }
}

.front--block {
    background-position: top center;
    background-size: 100% 407px;
    height: auto
}

.front__calculator {
    width: 95%;
    max-width: 920px;
    margin-top: 50px
}

.front__calculator--nomargintop {
    height: auto !important
}

@media(max-width:920px) {
    .front__calculator {
        max-width: 750px
    }

    .calculator-info-bottom-wrapper {
        position: relative;
        top: -5px
    }

    .header__menu {
        display: flex;
        justify-content: flex-end;
        align-content: center;
        flex-direction: row;
        align-items: center;
        width: auto
    }

    .header__menu .header__menu-item,
    .header__menu .extra-menu-hid {
        display: none
    }

    .header__menu-burger {
        display: block
    }
}

@media(min-width:992px) {
    .calculator-info-bottom {
        width: 65%
    }
}

@media(max-width:769px) {
    .calculator-info-bottom-wrapper {
        position: relative;
        top: -12px
    }

    .promoHintWrapper {
        margin-top: -13px !important
    }

    .front--block {
        height: auto;
        background: #fde4aa top center;
        background-size: 510px 100%
    }

    .front__calculator {
        height: 95%;
        max-width: 690px
    }

    .calculator {
        padding: 10px 0
    }

    .calculator__info {
        margin-bottom: 5px !important
    }

    .calculator__info-line {
        padding: 5px 0
    }
}

.steps__section {
    margin-top: -300px
}

.steps {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 50px
}

.steps__title {
    font-size: 2.1em;
    font-weight: 600;
    width: 95%;
    max-width: 100%;
    color: #fff;
    max-width: 100%;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 15px
}

.steps__desc {
    color: #fff;
    margin-bottom: 15px
}

.steps__blocks__wrapper {
    width: 100%
}

.steps__blocks {
    width: 100%;
    max-width: 920px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.steps__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 212px;
    min-height: 340px;
    margin-bottom: 40px;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    -webkit-box-shadow: 0 4px 6px 0 rgba(50, 50, 50, .3);
    -moz-box-shadow: 0 4px 6px 0 rgba(50, 50, 50, .3);
    box-shadow: 0 4px 6px 0 rgba(50, 50, 50, .3)
}

.steps__num {
    color: #e5e5e5;
    font-size: 2em;
    font-weight: 600;
    margin-bottom: 10px
}

.steps__pict {
    margin-bottom: 17px;
    height: 126px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.steps__pict img {
    max-width: 100%;
    max-height: 100%
}

.steps__text {
    font-size: 1em;
    max-width: 155px;
    text-align: center
}

.steps__button {
    width: 323px
}

.steps__blocks--slider {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    width: 95%;
    max-width: 175px;
    margin: 0 auto;
    overflow: hidden;
    display: none
}

.steps__slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.steps__block--slider {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 168px;
    margin: 0 10px
}

.steps__pagination {
    display: none;
    width: 90%;
    max-width: 320px;
    margin-top: 10px;
    margin-bottom: 30px
}

.steps__arrow {
    cursor: pointer;
    min-width: 16px;
    min-height: 20px
}

.steps__arrow:first-of-type {
    margin-right: 15px
}

.steps__arrow:last-of-type {
    margin-left: 15px
}

.steps__pages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.steps__page {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 5px solid transparent;
    background: #f2f2f2;
    margin: 0 10px;
    cursor: pointer;
    box-sizing: border-box
}

.steps__page--active {
    background: #ff7f00;
    border-color: #ff7f00;
    width: 20px;
    height: 20px
}

@media(max-width:991px) {
    .steps__blocks {
        max-width: 750px
    }

    .steps__section {
        margin-top: 0
    }

    .steps__title {
        color: #000
    }

    .steps__block {
        box-shadow: none
    }
}

@media(max-width:769px) {
    .steps__pict {
        margin-bottom: 17px;
        height: auto;
        display: block;
        text-align: center
    }

    .steps__text {
        max-width: 260px
    }

    .steps__button {
        width: 95%;
        max-width: 690px
    }

    .steps__blocks {
        display: none
    }

    .steps__block {
        max-width: unset
    }

    .steps__blocks--slider {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .steps__pagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media(max-width:480px) {
    .steps__blocks--slider {
        max-width: 220px
    }

    .steps__block--slider {
        min-width: 200px
    }
}

@media(max-width:350px) {
    .steps__blocks--slider {
        max-width: 280px
    }

    .steps__block--slider {
        min-width: 260px
    }
}

.maps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding-bottom: 50px;
    border-top: 1px solid #aaa;
    background: #fff;
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0)
}

.maps__title {
    font-size: 2.1em;
    font-weight: 600;
    width: 95%;
    max-width: 390px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 15px
}

.maps_desc {
    text-align: center;
    margin-bottom: 15px
}

.maps__blocks {
    width: 95%;
    max-width: 920px;
    margin: 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.maps__block {
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 4px 6px 0 rgba(50, 50, 50, .3);
    -moz-box-shadow: 0 4px 6px 0 rgba(50, 50, 50, .3);
    box-shadow: 0 4px 6px 0 rgba(50, 50, 50, .3);
    margin: 10px;
    width: 212px;
    height: 231px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.maps__pict {
    width: 100px;
    max-height: 100px;
    margin: 20px 0
}

.maps__text {
    text-align: center;
    max-width: 105px;
    font-size: 1em
}

.maps__button {
    width: 323px
}

.maps__blocks--slider {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    width: 95%;
    max-width: 188px;
    overflow: hidden;
    display: none
}

.maps__slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.maps__block--slider {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 168px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.maps__pagination {
    display: none;
    width: 90%;
    max-width: 320px;
    margin-top: 10px;
    margin-bottom: 30px
}

.maps__arrow {
    cursor: pointer;
    min-width: 16px;
    min-height: 20px
}

.maps__arrow:first-of-type {
    margin-right: 15px
}

.maps__arrow:last-of-type {
    margin-left: 15px
}

.maps__pages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.maps__page {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #b4b4b4;
    margin: 0 10px;
    cursor: pointer
}

.maps__page--active {
    background: #ff7f00;
    width: 20px;
    height: 20px
}

@media(max-width:991px) {
    .maps__blocks {
        max-width: 750px
    }

    .maps__block {
        width: auto;
        border-radius: 10px;
        -webkit-box-shadow: 0 4px 6px 0 rgba(50, 50, 50, .3);
        -moz-box-shadow: 0 4px 6px 0 rgba(50, 50, 50, .3);
        box-shadow: 0 4px 6px 0 rgba(50, 50, 50, .3)
    }
}

@media(max-width:769px) {
    .maps__title {
        margin-top: 10px;
        margin-bottom: 0
    }

    .maps__blocks {
        max-width: 700px;
        margin: 10px 0
    }

    .maps__button {
        width: 95%;
        max-width: 690px
    }

    .maps__blocks {
        display: none
    }

    .maps__blocks--slider {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .maps__pagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media(max-width:350px) {
    .maps__blocks--slider {
        max-width: 220px
    }

    .maps__block--slider {
        min-width: 200px
    }

    .maps__text {
        max-width: 153px
    }
}

.testimonials__button {
    margin-bottom: 35px !important
}

.khoan__section {
    width: 100%;
    text-align: center;
    padding: 20px 0;
    font-family: roboto, sans-serif;
    background-image: linear-gradient(to bottom, rgba(248, 126, 2, 0.66) 29%, rgba(253, 228, 170, 0.39) 74%, rgba(253, 228, 170, 0))
}

.kohan__title {
    font-family: roboto, sans-serif;
    font-size: 21px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin-bottom: 15px
}

.kohan__desc {
    text-align: center;
    margin-bottom: 15px;
    color: #fff
}

.kohan__panels {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 100%
}

.kohan__panel {
    min-width: 272px;
    border-radius: 10px;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .5);
    background-color: #f4f4f4;
    height: 100px
}

.kohan__panels .panel-header {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    margin: 20px 0;
    margin-bottom: 10px
}

.kohan__panels .panel-text {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    margin-bottom: 20px
}

.kohan__bottom-text {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    max-width: 1000px;
    display: inline-block;
    margin-top: 45px
}

.kohan__aligment-fix {
    display: inline-block;
    max-width: 1000px;
    width: 100%
}

@media(max-width:900px) {
    .kohan__panels {
        flex-direction: column
    }

    .kohan__panel {
        margin: 10px 0
    }

    .kohan__bottom-text {
        width: 85%
    }
}

.testimonials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-bottom: 40px
}

.testimonials__title {
    font-size: 2.1em;
    font-weight: 600;
    width: 95%;
    max-width: 390px;
    text-align: center;
    margin-top: 40px;
    padding-bottom: 30px
}

.testimonials__blocks {
    width: 95%;
    max-width: 690px;
    overflow: hidden
}

.testimonials__slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.testimonials__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 100%
}

.testimonials__img {
    display: block;
    max-width: 96px;
    height: auto;
    margin: 0 auto
}

.testimonials__social {
    color: #ff7f00;
    display: block;
    margin-bottom: 14px
}

.testimonials__name {
    font-size: 1.125em;
    font-weight: 600
}

.testimonials__info {
    font-size: 1em;
    color: #ccc;
    margin-bottom: 20px
}

.testimonials__text {
    margin-bottom: 10px;
    text-align: center;
    width: 90%;
    max-width: 695px
}

.testimonials__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 90%;
    max-width: 320px;
    margin-bottom: 30px
}

.testimonials__arrow {
    cursor: pointer;
    min-width: 16px;
    min-height: 20px
}

.testimonials__arrow:first-of-type {
    margin-right: 15px
}

.testimonials__arrow:last-of-type {
    margin-left: 15px
}

.testimonials__pages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.testimonials__page {
    width: 10px;
    height: 10px;
    line-height: 10px;
    border-radius: 50%;
    background: #f2f2f2;
    border: 5px solid transparent;
    margin: 0 10px;
    cursor: pointer;
    box-sizing: border-box
}

.testimonials__page--active {
    background: #ff7f00;
    border-color: #ff7f00;
    width: 20px;
    height: 20px
}

.testimonials__likes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #6dcc3d
}

.testimonials__likes--dislikes {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    color: #f93636
}

.testimonials__likes__button {
    width: 323px
}

.testimonials__like-num {
    margin: 0 8px
}

.testimonials__like-pict {
    margin: 0 8px;
    cursor: pointer
}

.testimonials__button {
    margin-top: 20px;
    width: 323px
}

.testimonials__likes b {
    color: #000;
    font-size: 1rem;
    margin-bottom: 10px
}

@media(max-width:769px) {
    .testimonials {
        margin-bottom: 30px
    }

    .testimonials__button {
        width: 95%;
        max-width: 690px
    }
}

@media(max-width:480px) {
    .testimonials__info {
        margin-bottom: 10px
    }
}

.howtowork__section {
    text-align: center;
    max-width: 920px;
    margin: 50px auto;
    border-top: 1px solid #b9b9b9
}

.howtowork__section .howtowork {
    display: inline-block;
    text-align: left;
    vertical-align: top
}

.howtowork__section .left-howtowork {
    margin-right: 120px;
    margin-top: 50px
}

.howtowork__section .right-howtowork {
    max-width: 600px
}

.howtowork__title {
    font-size: 2.1em;
    font-weight: 600;
    text-align: center;
    margin-top: 40px;
    padding-bottom: 30px
}

.howtowork__section .right-howtowork p {
    font-size: 1.1em;
    margin-bottom: 20px
}

.howtowork__red,
.howtowork__art span {
    color: #ff7f00
}

@media(max-width:769px) {
    .howtowork__section .left-howtowork {
        text-align: center;
        margin-right: 0
    }

    .howtowork__section .right-howtowork {
        padding: 15px
    }
}

.footer {
    width: 100%;
    background: #e6e6e6;
    text-align: center
}

.footer__pay,
.footer__contacts {
    margin-top: 30px;
    width: 80vw;
    display: inline-block;
    vertical-align: top
}

.footer__copyrights {
    max-width: 920px;
    margin: 20px auto 0;
    padding-top: 30px;
    border-top: 1px solid #ccc;
    font-size: .825em;
    text-align: left
}

.footer__copyrightslogo,
.footer__copyrightstext {
    display: inline-block;
    vertical-align: top
}

.footer__copyrightslogo {
    max-width: 120px;
    margin-right: 20px
}

.footer__copyrightstext {
    max-width: 775px
}

.footer__copyrights-text {
    font-size: .75em
}

.footer__copyrights-picts {
    margin-top: 15px;
    text-align: center
}

.footer__copyrights-pict {
    cursor: pointer
}

.calculator {
    background: #fff;
    -webkit-box-shadow: 30px 30px 60px 20px rgba(0, 0, 0, .2);
    box-shadow: 30px 30px 60px 20px rgba(0, 0, 0, .2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.calc_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 407px
}

@media(max-width:769px) {
    .calc_flex {
        display: block;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        height: auto
    }

    .footer__pay,
    .footer__contacts {
        width: 90%
    }
}

.calculator__content {
    width: 575px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.calculator__content--full-width {
    width: 100%;
    -webkit-box-shadow: 30px 30px 60px 20px rgba(0, 0, 0, .2);
    box-shadow: 30px 30px 60px 20px rgba(0, 0, 0, .2);
    background: #fff;
    border-radius: 5px;
    margin: 60px 0
}

.calculator__title {
    margin-top: 40px;
    margin-bottom: 30px;
    width: 95%;
    max-width: 610px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.calculator__title--full-width {
    max-width: unset
}

.calculator__text {
    font-size: 1em;
    text-align: center
}

.calculator__calc {
    font-size: 1.375em;
    text-align: center;
    font-weight: 600
}

.calculator__scroll-block {
    width: 95%;
    max-width: 610px;
    margin-bottom: 25px
}

.calculator__scroll-block--full-width {
    max-width: unset
}

.calculator__info {
    width: 95%;
    max-width: 610px;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.calculator__info--full-width {
    max-width: unset
}

.calculator__info-line {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .875em
}

.calculator__info .calculator__info-line:nth-child(n+1) {
    align-items: baseline
}

.calculator__info .calculator__info-line:nth-child(n+3) {
    align-items: flex-end
}

.calculator__info-line--bold {
    font-weight: 600;
    font-size: 1em
}

.calculator__info-line--bold-2 {
    font-weight: 600;
    font-size: 1.2em
}

.calculator__money {
    text-align: right
}

.calculator__submit {
    width: 345px;
    background: #e6e6e6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.calculator__inputs-n-button {
    width: 270px;
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.calculator__inputs-n-button .my-input {
    margin-bottom: 20px
}

.calculator__inputs-n-button .button {
    margin-top: 30px
}

.calculator-info-text {
    margin-top: 10px;
    font-size: .7em;
    text-align: justify
}

@media(max-width:991px) {
    .calculator__content {
        width: 405px
    }

    .calculator__content--full-width {
        width: 100%
    }
}

@media(max-width:769px) {
    .calculator {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .calculator__title {
        margin: 30px 0 15px
    }

    .calculator__content {
        width: 100%;
        height: 50%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .calculator__content--full-width {
        margin: 50px 0 0
    }

    .calculator__submit {
        background: 0 0;
        width: 95%;
        max-width: 610px;
        margin-bottom: 10px
    }

    .calculator__inputs-n-button {
        width: 100%;
        height: 100%;
        margin-top: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .calculator__inputs-n-button .my-input {
        margin-bottom: 5px
    }

    .calculator__inputs-n-button .button {
        margin-top: 0
    }
}

.scroll-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.scroll-block__line {
    width: 100%;
    height: 6px;
    background: #e6e6e6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    margin-bottom: 10px
}

.scroll-block__color-line {
    background: #fde1a0;
    height: 6px;
    width: 20%;
    z-index: 1
}

.scroll-block__ball {
    position: absolute;
    left: 20%;
    top: -12px;
    width: 30px;
    height: 30px;
    border-radius: 100px;
    background: #ff7f00;
    z-index: 2
}

.scroll-block__info {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.scroll-block__info-text {
    font-size: .875em
}

.button {
    width: 100%;
    height: 50px;
    border: none;
    background: #ff7f00;
    font-size: 1em;
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-decoration: none;
    position: relative
}

.button.button-inverse {
    color: #ff7f00;
    background: #fff;
    border: 1px solid #ff7f00
}

.button.button-social {
    border: none
}

.button-image {
    max-width: 100%;
    height: 35px;
    width: 35px;
    background-repeat: no-repeat !important;
    background-size: 100% auto !important;
    background-position: center !important
}

.button-text {
    padding-left: 1em;
    color: #000;
    font-weight: 500
}

.button-text-geo {
    width: 75%
}

.button-image.zalo {
    background: url(../../../../img/site/socials/zalo-colored.png)
}

.button-image.fb {
    background: url(../../../../img/site/socials/fb-colored.png)
}

.button-image.geo-pos {
    margin: 0 2%;
    background: url(../../../../img/site/geo-position.svg);
    height: 32px
}

.button__link {
    color: #fff;
    text-decoration: none
}

.pay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pay__title {
    font-size: 1em;
    text-align: center;
    width: 95%;
    margin-bottom: 25px
}

.pay__picts {
    width: 95%;
    max-width: 430px;
    margin-bottom: 25px;
    display: block;
    text-align: center
}

.pay__pict {
    cursor: pointer
}

.contacts__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 95%;
    max-width: 76px;
    margin-bottom: 20px
}

.contacts__pict {
    cursor: pointer;
    display: block;
    margin: 0 auto
}

.contacts__img {
    display: inline-block;
    text-align: center;
    line-height: 24px;
    height: 24px;
    width: 24px;
    margin-right: 10px
}

.contacts__img img {
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle
}

.contacts__email {
    font-size: 1em;
    color: #ff7f00;
    margin-bottom: 24px
}

.contacts__phone {
    text-align: left;
    margin-bottom: 10px
}

.contacts__info {
    display: inline-block;
    vertical-align: top;
    line-height: 24px
}

.contacts__info p,
.contacts__info a {
    line-height: 24px
}

.contacts__number a {
    color: inherit;
    text-decoration: underline
}

.contacts__time {
    color: #888
}

.my-input {
    width: 100%;
    height: 36px;
    border: 1px solid #b3b3b3;
    border-radius: 5px;
    background: #fff;
    font-size: 1em;
    text-align: center
}

.my-input--valid {
    border: 1px solid #000
}

.my-input--invalid {
    border: 1px solid red
}

.my-input-wrapper {
    width: 100%;
    position: relative
}

.my-input-wrapper .invalid-input-hint {
    position: relative;
    top: -15px;
    text-align: center;
    width: 100%;
    margin-bottom: 0
}

.registration {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.registration__info-title {
    width: 95%;
    max-width: 746px;
    margin-top: 60px;
    margin-bottom: 40px
}

.registration__progress {
    width: 94%;
    max-width: 746px;
    margin-bottom: 10px
}

.registration__forms {
    width: 95%;
    max-width: 746px;
    margin-bottom: 60px;
    margin-top: 50px
}

.ajax-progress {
    height: 2px;
    background-color: #ff7f00;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    transition: .5s ease
}

.forms {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.forms__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.forms__form--address {
    display: none
}

.forms__form--work {
    display: none
}

.forms__form--CMND {
    display: none
}

.forms__form--end {
    display: none
}

.forms__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border: 1px solid #b0b0b0;
    border-radius: 5px;
    width: calc(100% - 120px);
    max-width: 630px;
    padding: 20px 60px;
    padding-top: 50px;
    padding-bottom: 40px;
    margin-bottom: 40px
}

.forms__content.socials {
    right: auto;
    border: 1px solid #b0b0b0
}

.forms__content.socials h2 {
    text-align: left
}

.flex-row {
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-column {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-column-reverse {
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.forms-content-subscribe .forms__input-block .button {
    justify-content: start;
    padding: 0
}

.forms__content.forms-content-subscribe .forms__input-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.forms__title {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    text-align: center;
    font-weight: 700;
    font-size: 1.75em;
    margin-bottom: 25px
}

.forms__title-left {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: flex-start;
    -ms-grid-row-align: start;
    align-self: flex-start;
    text-align: left
}

.forms__text {
    font-size: .875em;
    margin: 15px 0
}

.bold {
    font-weight: 700
}

.forms__input-block {
    margin-bottom: 5px;
    width: 100%
}

.forms__input-title {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 15px;
    margin-top: 20px
}

.forms__input {
    width: calc(100% - 10px);
    border: none;
    padding-left: 0;
    margin-bottom: 10px;
    font-size: .875em;
    border-bottom: 1px solid #b0b0b0
}

.forms__input--valid {
    border-bottom: 1px solid #000
}

.forms__input--invalid {
    border-bottom: 1px solid red
}

.forms__check-text.forms__input--invalid,
.forms__check-text.forms__input--valid {
    border: none
}

.forms__input-tip {
    font-size: .875em;
    color: grey;
    display: inline-block
}

.geo-position .invalid-input-hint {
    margin: 10px 0
}

.geo-position .forms__text {
    display: flex;
    flex-direction: row;
    align-items: center
}

.geo-position .forms__text img {
    width: 20px;
    margin-right: 10px
}

.black {
    color: #000 !important
}

.geo-position {
    width: 100%
}

.geo-position .forms__input-tip {
    margin: 10px 0
}

.forms__input-tip-orange {
    color: #ff7f00
}

.forms__radio-block {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.forms__radio {
    margin-right: 10px
}

.forms__radio-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    max-width: 120px
}

.forms__input-spisok {
    position: relative
}

.forms__input-spisok-image {
    position: absolute;
    right: 0;
    top: 10px;
    cursor: pointer
}

.forms__label {
    font-size: 16px;
    background: #e6e6e6;
    color: #000;
    width: 400px;
    padding: 20px;
    margin-bottom: 30px;
    width: calc(100% - 40px)
}

.forms__link {
    color: #ff7f00;
    text-decoration: underline
}

.forms__check-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: .8125em
}

.forms__check {
    margin-right: 10px
}

.forms__picture-load {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100px;
    margin-bottom: 30px
}

.forms__picture-load-info {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.forms__input-text {
    width: 90%;
    padding-bottom: 10px;
    border-bottom: 1px solid #000
}

.forms__input-text--ok {
    color: #69c925
}

.forms__input-text--error {
    color: #e31d1d;
    border-bottom: 1px solid #e31d1d
}

.forms__phone-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin: 20px 0
}

.forms__phone-number {
    font-size: 1em;
    font-weight: 700;
    margin-right: 10px
}

.forms__phone-number-info {
    display: block;
    font-size: .8em;
    font-weight: 500;
    color: #ff7f00
}

.forms__phone-button {
    width: 40%;
    max-width: 285px
}

.forms__buttons {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 40px
}

.forms__button-back {
    width: 20%;
    max-width: 167px
}

.forms__enter {
    font-weight: 700;
    font-size: 14px;
    margin-top: 30px;
    margin-bottom: 15px
}

.froms__code {
    width: 50px;
    min-width: 44px;
    font-size: 18px !important
}

.forms__button-go {
    width: 70%;
    max-width: 470px
}

.mobile {
    display: none
}

.mobile:disabled {
    background-color: #fff;
    border: none
}

.mobile-placeholder {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.jq-selectbox__select {
    background: 0 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.form__under-calc .select-one .jq-selectbox__select {
    color: grey
}

.form__under-calc .jq-selectbox__select {
    color: #000;
    font-size: 1em
}

.jq-selectbox__trigger {
    border: none
}

.jq-selectbox__select:hover {
    background: 0 0
}

.jq-selectbox li:hover,
.jq-selectbox li.selected {
    color: #fff;
    background: #ff7f00;
    font-size: 15px;
    font-weight: 400
}

.jq-selectbox li {
    padding-left: 20px;
    color: #ff7f00;
    font-size: 15px
}

.jq-selectbox__dropdown {
    border-radius: 0;
    border: 1px solid #000;
    outline: none;
    top: 33px
}

.jq-selectbox.focused .jq-selectbox__select {
    border: none
}

.progress-title {
    text-align: left;
    font-size: 20px;
    margin-bottom: 40px;
    font-weight: 400;
    width: 100%
}

.select-one {
    color: #999
}

.jq-selectbox li.select-one {
    color: #999
}

.jq-selectbox li.select-one:not(:only-child) {
    display: none !important
}

.forms__picture-load-images {
    width: 27%
}

.ajax-loading {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

@media(max-width:769px) {
    .forms__content {
        width: calc(100% - 80px);
        padding: 25px 40px 35px
    }
}

@media(max-width:560px) {
    .forms__button-go {
        width: 60%
    }

    .forms__button-back {
        width: 30%
    }

    .progress-blocks__text {
        width: 14%;
        text-align: center
    }

    .progress-blocks__text img {
        display: block;
        text-align: center;
        margin-bottom: 15px;
        margin-left: 40%
    }
}

@media(min-width:431px) {
    .dn-inverse {
        display: none
    }
}

@media(max-width:430px) {
    .forms__picture-load-image {
        width: 100%;
        height: auto
    }

    .progress-blocks__text {
        width: 20%;
        text-align: center
    }

    .forms__content_2 {
        border-top: none;
        border-radius: 0 0 0 0;
        position: relative;
        top: -30px
    }

    .forms__content_1 {
        border-bottom: none;
        border-radius: 0 0 0 0;
        margin-bottom: 0
    }

    .forms__title_1 {
        font-size: 14px;
        font-weight: 400;
        text-align: left;
        display: inline-block;
        margin-bottom: 10px
    }

    .dn {
        display: none
    }

    .mobile {
        display: inline-block;
        width: 30%;
        margin: 0
    }

    .mobile-link {
        display: inline-block;
        font-size: 12px;
        margin-top: 3px
    }

    .mobile-text {
        width: 80%;
        display: inline-block;
        position: relative;
        top: -34px;
        left: 75px
    }

    .forms__enter {
        margin-top: -25px;
        font-weight: 400;
        font-size: 14px
    }

    .mobile-link_2 {
        font-size: 16px
    }

    .forms__buttons_2 {
        margin-top: 10px
    }
}

@media(max-width:425px) {
    .maps__page {
        border-color: #ff7f00
    }

    .maps__page--active {
        background: #ff7f00
    }

    .reg-end__image {
        display: none
    }

    .reg-end__abzac {
        text-align: center
    }
}

@media(max-width:425px) {

    .index-steps,
    .index-maps,
    .index-testimonials,
    .index-footer {
        position: relative;
        top: 0
    }

    .forms__content.socials {
        width: calc(100% - 40px) !important
    }

    .forms__text {
        text-align: center
    }

    .forms__input-tip {
        font-size: 13px
    }
}

@media(max-width:320px) {
    .forms__content {
        width: calc(100% - 40px);
        max-width: 610px;
        padding: 25px 20px 35px
    }

    .forms__input-title {
        font-size: .6875em
    }
}

.info-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #b0b0b0;
    padding: 36px 0 28px;
    border-radius: 5px
}

.info-title__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 95%;
    max-width: 630px;
    margin-bottom: 5px
}

.info-title__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 95%;
    max-width: 630px;
    margin-bottom: 5px;
    align-self: baseline
}

.info-title__column:first-child {
    align-items: flex-start
}

.info-title__column:nth-child(2) {
    align-items: flex-end
}

.info-title__value {
    font-weight: 700;
    white-space: nowrap
}

@media(max-width:380px) {
    .info-title {
        padding: 10px 0
    }

    .info-title__row {
        font-size: .75em
    }
}

.progress {
    margin-bottom: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative
}

.progress__line {
    background: #7fe435;
    background: linear-gradient(90deg, rgba(127, 228, 53, 1) 0%, rgba(255, 255, 255, 1) 100%);
    width: 100%;
    min-height: 10px;
    border-radius: 15px;
    margin-bottom: 20px;
    position: relative
}

.progress__block {
    margin-top: 10px;
    font-size: 1.425em;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    transition: transform .3s ease
}

.progress__steps {
    margin-top: 20px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: top;
    -ms-flex-align: top;
    align-items: top;
    position: absolute;
    top: -45px
}

.progress__step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.progress__check {
    min-width: 16px;
    min-height: 16px;
    width: 35px;
    height: 35px;
    background: #fff;
    border: 2px solid #7ce331;
    border-radius: 100%
}

.progress__check--active {
    background: #7ce331
}

.progress__check--active .progress__text {
    color: #fff
}

.progress__check--active-current {
    padding: 10px
}

.progress__check--active-current .progress__text {
    font-size: 26px;
    padding: 0
}

.progress__text {
    text-align: center;
    font-size: 18px;
    color: #7ce331;
    font-weight: 700;
    padding: 5px 0
}

.text-check2 {
    font-weight: 400;
    font-size: 16px;
    margin-left: 10px
}

@media(max-width:900px) {
    .progress__line {
        margin-bottom: 10px
    }
}

@media(max-width:530px) {
    .progress__steps {
        top: -35px
    }

    .progress__text {
        padding: 0;
        font-size: 16px;
        line-height: 1.3
    }

    .progress__check {
        width: 20px;
        height: 20px
    }

    .progress__check--active-current {
        padding: 5px
    }

    .progress__check--active-current .progress__text {
        font-size: 20px;
        line-height: 1
    }

    .progress__line {
        min-height: 5px
    }
}

.button-empty {
    width: 100%;
    border: 1px solid #b3b3b3;
    padding: 15px 5px;
    background: 0 0;
    font-size: 1em;
    color: #b2b2b2;
    cursor: pointer;
    font-weight: 700;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.reg-end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.reg-end__image {
    margin: 40px 0 0
}

.reg-end__text {
    width: 90%;
    text-align: center;
    margin: 40px 0;
    max-width: 700px
}

.reg-end__smiles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 160px;
    margin-top: 20px;
    margin-bottom: 60px
}

.reg-end__smile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.reg-end__smile-pict {
    margin-bottom: 5px
}

.reg-end__smile-num {
    font-size: 1em
}

.reg-end__smile-num--good {
    color: #6dcc3d
}

.reg-end__smile-num--bad {
    color: #f93636
}

.reg-end__connect {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #000;
    padding: 40px 40px 20px;
    margin-bottom: 40px;
    width: calc(95% - 80px);
    max-width: 746px;
    min-height: 0
}

.reg-end__connect-title {
    text-align: center;
    max-width: 430px;
    font-size: 1.125em;
    margin-bottom: 40px
}

.reg-end__connect-blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.reg-end__connect-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.125em;
    margin: 0 auto
}

.reg-end__connect-image {
    margin-right: 20px
}

.reg-end__connect-text {
    margin-right: 10px;
    text-align: center
}

.reg-end__connect-link {
    color: #ff7f00
}

.promo_hint {
    color: #000 !important;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    width: 95%;
    max-width: 610px;
    margin-bottom: 5px;
    align-self: start;
    margin-left: 14px
}

.promo_hint_orange {
    color: #ff7f00 !important;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    width: 95%;
    max-width: 610px;
    margin-bottom: 5px
}

.promo_hint_1 {
    margin-left: 45px
}

.promo_hint_2 {
    margin-left: 22px
}

.promo_hint_3 {
    margin-left: 22px
}

@media(max-width:425px) {
    .ic_star {
        margin-top: -50px
    }

    .promo_hint_1 {
        margin-left: 38px
    }

    .promo_hint_2 {
        margin-left: 6px
    }

    .promo_hint_3 {
        margin-left: 6px
    }
}

.ic_star {
    background: url(../../../../img/site/ic_stars_circle.png) center center no-repeat;
    background-size: cover;
    height: 24px;
    width: 26px;
    min-width: 26px;
    display: inline-block;
    margin-right: 5px
}

@media(max-width:769px) {
    .reg-end__image {
        margin-bottom: 0
    }

    .reg-end__connect {
        padding: 30px 15px;
        width: calc(95% - 60px)
    }
}

@media(max-width:680px) {
    .reg-end__connect-block {
        margin-bottom: 20px
    }
}

@media(max-width:530px) {
    .reg-end__text {
        text-align: left
    }

    .reg-end__connect-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .reg-end__connect-image {
        margin-right: 0;
        margin-bottom: 10px
    }
}

.lk-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px
}

.lk-info__image {
    max-width: 160px;
    margin: 10px 0;
    width: 25%
}

.lk-info__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #b0b0b0;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 95%;
    max-width: 746px;
    min-height: 235px;
    border-radius: 5px
}

.lk-info__title {
    text-align: center;
    font-weight: 700;
    font-size: 1.25em;
    margin: 10px
}

.lk-info__text {
    text-align: center;
    max-width: 620px;
    font-size: 1em;
    margin: 10px
}

.lk-info__button {
    margin-bottom: 10px;
    width: 90%;
    max-width: 323px
}

@media(max-width:769px) {
    .lk-info {}

    .lk-info__image {
        width: 25%
    }

    .lk-info__title {
        font-size: 1em
    }

    .lk-info__text {
        font-size: .875em
    }

    .lk-info__button {
        max-width: none
    }
}

.lk-alert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.lk-alert__image {
    max-width: 160px;
    margin: 30px 0
}

.lk-alert__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 95%;
    margin-top: 20px;
    max-width: 746px;
    min-height: 235px
}

.lk-alert__title {
    text-align: center;
    font-weight: 700;
    font-size: 1.625em;
    margin: 30px 10px
}

.lk-alert__table {
    width: 95%;
    max-width: 620px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.lk-alert__red {
    color: #e31d1d
}

.lk-alert__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    font-size: .875em;
    margin-bottom: 10px
}

.lk-alert__row--red {
    color: #e31d1d
}

.lk-alert__value {
    font-weight: 700
}

.lk-alert__text {
    max-width: 620px;
    font-size: 1em;
    margin: 20px 10px
}

.lk-alert__button {
    margin-bottom: 15px;
    width: 90%;
    max-width: 610px
}

@media(max-width:769px) {
    .lk-alert {
        min-height: 400px
    }

    .lk-alert__image {
        width: 25%;
        margin: 5px
    }

    .lk-alert__title {
        font-size: 1em;
        margin: 20px 0
    }

    .lk-alert__row {
        font-size: .75em;
        margin-bottom: 5px
    }

    .lk-alert__text {
        font-size: .875em
    }
}

.calculator-short {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.calculator-short__content {
    width: 575px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.calculator-short__title {
    margin-top: 40px;
    margin-bottom: 30px;
    width: 95%;
    max-width: 610px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.calculator-short__text {
    font-size: 1em;
    text-align: center
}

.calculator-short__calc {
    font-size: 1.3em;
    text-align: center;
    font-weight: 600
}

.calculator-short__scroll-block {
    width: 95%;
    max-width: 610px;
    margin-bottom: 25px
}

.calculator-short__info {
    width: 95%;
    max-width: 610px;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.calculator-short__info-line {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .875em
}

.calculator-short__info-line--bold {
    font-weight: 600;
    font-size: 1em
}

.calculator-short__money {
    text-align: right
}

.calculator-short__button {
    width: 95%;
    margin-bottom: 30px
}

@media(max-width:769px) {
    .calculator-short {
        width: 100%;
        height: 430px;
        display: flex;
        align-items: center
    }

    .calculator-short__content {
        width: 95%;
        height: 500px;
        margin: 20px auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .calculator-short__title {
        margin-top: 40px;
        margin-bottom: 30px;
        width: 95%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .calculator-short__text {
        font-size: 1em;
        text-align: center
    }

    .calculator-short__calc {
        font-size: 1.5em;
        text-align: center;
        font-weight: 600
    }

    .calculator-short__scroll-block {
        width: 95%;
        margin-bottom: 0
    }

    .calculator-short__info {
        width: 95%;
        margin-bottom: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .calculator-short__info-line {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: .875em
    }

    .calculator-short__info-line--bold {
        font-weight: 600
    }

    .calculator-short__money {
        text-align: right
    }
}

.login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.login__content {
    padding: 20px 40px;
    width: calc(95% - 80px);
    max-width: 750px;
    border: 1px solid #b0b0b0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 10px 0;
    border-radius: 5px
}

.login__title {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-weight: 700;
    font-size: 1.625em;
    margin-bottom: 30px;
    text-align: center
}

.login__input-block {
    margin: 10px 0;
    width: 100%
}

.login__input-title {
    font-weight: 700;
    font-size: .875em;
    margin-bottom: 25px
}

.login__input {
    border: none;
    border-bottom: 1px solid #b0b0b0;
    width: 100%;
    font-size: 1em;
    padding-bottom: 15px
}

.login__get-password {
    width: 60%;
    max-width: 280px;
    margin-bottom: 10px;
    margin-top: 10px
}

.login__text {
    font-size: 1em;
    color: #b2b2b2;
    margin-bottom: 10px
}

.login__autorization {
    width: 100%
}

@media(max-width:769px) {
    .login {
        min-height: 480px
    }
}

@media(max-width:450px) {
    .login__get-password {
        width: 100%
    }
}

.bunner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bunner__image {
    background: url(https://dummyimage.com/747x240);
    background-size: contain;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 240px;
    max-width: 746px;
    margin: 60px 0
}

@media(max-width:480px) {
    .bunner__image {
        background: url(https://dummyimage.com/320x240);
        margin: 20px 0
    }
}

.steps-list {
    width: 100%;
    max-width: 747px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 80px
}

.steps-list__block {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.steps-list__num {
    color: #e5e5e5;
    font-size: 3.75em;
    font-weight: 600;
    margin-right: 25px
}

.steps-list__num_4 {
    position: relative;
    top: -20px
}

.steps-list__num_5 {
    position: relative;
    top: -35px
}

.steps-list__text {
    font-size: 1.125em;
    margin-bottom: 5px
}

@media(max-width:769px) {
    .steps-list {
        width: 95%;
        max-width: 688px
    }
}

.howpay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 80px
}

.howpay__title {
    font-weight: 700;
    font-size: 1.625em;
    margin: 0 10px;
    text-align: center
}

.howpay__content {
    width: 100%;
    max-width: 747px
}

.howpay__pay-list {
    margin-top: 30px
}

.howpay__pay-list-title {
    color: grey;
    font-size: 1.375em;
    margin-bottom: 25px
}

.howpay__pay-list-blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px
}

.howpay__pay-list-block {
    margin: 10px 35px 10px 0
}

.howpay__pay-list-text {
    font-size: 1.125em
}

.howpay__button {
    width: 323px
}

@media(max-width:769px) {
    .howpay__content {
        width: 95%;
        max-width: 688px
    }

    .howpay__button {
        width: 95%;
        max-width: 690px
    }
}

.connect-us {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 60px
}

.connect-us__content {
    width: 100%;
    max-width: 747px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.connect-us__title {
    font-weight: 700;
    font-size: 1.625em;
    margin: 0 10px 35px;
    text-align: center
}

.connect-us__subtitle {
    font-size: 1.125em;
    margin: 0 10px 20px;
    text-align: center
}

.connect-us__button {
    width: 323px
}

@media(max-width:769px) {
    .connect-us__button {
        width: 95%;
        max-width: 690px
    }
}

.howget {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 80px
}

.howget__title {
    font-weight: 700;
    font-size: 1.625em;
    margin: 0 10px 35px;
    text-align: center
}

.howget__content {
    width: 100%;
    max-width: 747px
}

.howget__text {
    font-size: 1.125em;
    color: #4c4c4c;
    margin-bottom: 15px
}

.howget__button {
    margin-top: 56px;
    width: 323px
}

@media(max-width:769px) {
    .howget__content {
        width: 95%;
        max-width: 688px
    }

    .howget__button {
        width: 95%;
        max-width: 690px
    }

    .bunner__image {
        background: url(/img/site/cash.svg) no-repeat center;
        height: 200px
    }

    .bunner__image_give {
        background: url(/img/site/hand.svg) no-repeat center;
        height: 200px
    }

    .bunner__talk {
        background: url(/img/site/talk.svg) no-repeat center;
        height: 200px
    }

    .howpay__pay-list-block {
        margin-right: 20px
    }
}

@media(max-width:425px) {
    .bunner {
        display: none
    }

    .howget__title,
    .howpay__title {
        margin-top: 30px
    }

    .steps-list__num {
        font-size: 2.5em;
        vertical-align: top
    }

    .howget__button,
    .howpay__button {
        margin-top: 10px
    }

    .howget,
    .howpay {
        margin-bottom: 25px
    }

    .footer__copyrights {
        text-align: center
    }

    .steps-list__num {
        position: relative;
        top: -30px
    }

    .steps-list__num_1 {
        top: -65px
    }

    .steps-list__num_4 {
        top: -100px
    }

    .howpay__pay-list-title {
        font-size: 1.5em
    }

    .howpay__title {
        font-size: 2.15em
    }

    .howpay__pay-list-block {
        width: 13%;
        margin-right: 10px
    }

    .howpay__pay-list-block_2 {
        width: 20%
    }

    .steps-list__num_5 {
        top: -75px
    }

    .steps-list__num_11 {
        top: -45px
    }
}

@media(max-width:350px) {
    .steps-list__num_1 {
        top: -85px
    }

    .steps-list__num_4 {
        top: -110px
    }

    .steps-list__num_11 {
        top: -55px
    }
}

.aboutus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 80px
}

.aboutus__title {
    font-weight: 700;
    font-size: 1.625em;
    margin: 0 10px 35px;
    text-align: center
}

.aboutus__content {
    width: 100%;
    max-width: 747px;
    text-align: left
}

.aboutus__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 35px
}

.aboutus__block-pict {
    margin-bottom: 30px;
    display: none
}

.aboutus__block-title {
    font-size: 1.375em;
    margin-bottom: 30px;
    text-align: center;
    -ms-align-self: flex-start;
    align-self: flex-start
}

.aboutus__block-text {
    margin-bottom: 25px;
    font-size: 1.125em
}

.aboutus__button {
    margin-top: 20px;
    width: 323px
}

@media(max-width:769px) {
    .aboutus__content {
        width: 95%;
        max-width: 688px
    }

    .aboutus__button {
        width: 95%;
        max-width: 690px
    }
}

.faq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px
}

.faq__description {
    max-width: 747px;
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #555
}

.faq__description ul {
    list-style-type: none;
    padding: 0
}

.faq__button {
    margin-top: 40px
}

.faq__title {
    font-weight: 700;
    font-size: 1.625em;
    margin: 0 10px 5px;
    text-align: center
}

.faq__blocks {
    width: 747px
}

.faq__blocks-title {
    font-size: 1.375em;
    color: grey;
    cursor: pointer;
    text-decoration: underline
}

.faq-block-items {
    max-height: 0;
    padding-top: 30px;
    transition: max-height 1s ease-out;
    overflow: hidden;
    box-sizing: border-box
}

.faq__blocks--active .faq-block-items {
    max-height: 3000px
}

.faq__block-question {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    cursor: pointer;
    position: relative;
    padding-left: 20px
}

.faq__block-question:before {
    content: '';
    position: absolute;
    background: url(/img/site/faq-question.svg) no-repeat;
    width: 11px;
    height: 7px;
    left: 6px;
    top: 12px;
    transition: all ease-in .5s;
    transform: translateY(-50%) translateX(-50%)
}

.faq__block--active .faq__block-question:before {
    background: url(/img/site/faq-question-active.svg) no-repeat;
    transform: translateY(-50%) translateX(-50%) rotateZ(-90deg)
}

.faq__block-question-text {
    font-size: 1.125em;
    color: #4c4c4c;
    text-decoration: underline
}

.faq__block-question-text a {
    font-weight: 700
}

.faq__block-btn {
    margin-bottom: 10px;
    text-align: center
}

.faq__block-btn .button {
    color: #fff;
    max-width: 360px
}

.faq__block-answer {
    margin-left: 40px;
    margin-bottom: 0;
    max-height: 0;
    transition: margin-bottom .1s ease-out, max-height .5s ease-out;
    overflow: hidden
}

.faq__block-answer h4 {
    font-weight: 700
}

.faq__block-answer a {
    color: #000;
    font-weight: 700
}

.faq__block--active .faq__block-answer {
    max-height: 1200px;
    margin-bottom: 20px;
    transition: max-height .5s ease-in, margin-bottom .1s ease-in
}

.faq__block-answer-text {
    margin-bottom: 10px;
    font-size: 1em;
    color: #4c4c4c
}

.faq__block-answer-text ul {
    padding-left: 0
}

.faq__block-answer-text ul li {
    margin-bottom: 10px
}

.faq__block-answer-text ul li ul {
    list-style: circle;
    padding-left: 20px
}

.faq__block-answer-image {
    text-align: center
}

.faq__block-answer-image img {
    max-width: 100%
}

.faq__button {
    margin-top: 20px;
    width: 323px
}

.faq__block-answer .related_questions {
    font-weight: 700
}

@media(max-width:769px) {
    .faq__blocks {
        width: 95%;
        max-width: 688px;
        margin-left: 10px
    }

    .faq__button {
        width: 95%;
        max-width: 690px
    }
}

@media(max-width:425px) {
    .faq__title {
        margin-top: 30px
    }

    .faq__button {
        margin: 0
    }

    .faq {
        margin-bottom: 25px
    }
}

.lk-404 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 60px
}

.lk-404__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 95%;
    max-width: 746px;
    min-height: 235px
}

.lk-404__title {
    text-align: center;
    font-size: 12.5em;
    margin: 0 10px
}

.lk-404__text {
    text-align: center;
    max-width: 620px;
    font-size: 1em;
    margin: 10px 10px 60px
}

.lk-404__button {
    width: 90%;
    max-width: 323px
}

@media(max-width:320px) {
    .lk-404 {
        margin-bottom: 30px
    }

    .lk-404__title {
        font-size: 7.625em
    }
}

.lk-info__text {
    margin-bottom: 20px
}

@media(max-width:580px) {
    .lk-info__content {
        margin-top: 0
    }

    .lk-info__image {
        margin-bottom: 0
    }

    .lk-info__text {
        font-size: .78em
    }

    .lk-info__button {
        margin-top: 20px
    }

    .connect__section,
    .howpay__section {
        margin-top: 40px
    }

    .steps-list__num {
        font-size: 2.3em
    }

    .steps-list {
        margin-bottom: 40px
    }

    .howpay,
    .aboutus {
        margin-bottom: 40px
    }

    .aboutus__content .aboutus__block:last-child {
        margin-bottom: 0
    }

    .button {
        border-radius: 5px
    }

    .my-kabinet {
        margin-top: 40px
    }

    .lk-404__text {
        margin: 10px 10px 40px
    }

    .calculator-short {
        width: 100%;
        margin-top: 8px;
        margin-bottom: 8px
    }

    .button {
        border-radius: 5px
    }

    .lk-info__text {
        margin-bottom: 10px
    }

    .registration__forms {
        margin-bottom: 40px
    }

    .progress__block {
        font-size: 1em;
        font-weight: 700;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media(max-width:320px) {
    .lk-info__image {
        margin-top: 0;
        opacity: 0
    }
}

.my-kabinet {
    margin-top: 40px
}

.button {
    border-radius: 25px
}

.jq-selectbox li.selected.select-one {
    background: unset
}

.registration__forms,
.lk-info__image {
    margin-top: 0
}

.registration__info-title {
    margin-top: 12px
}

@media(max-width:768px) {
    .lk-info__content {
        border: none
    }

    .lk-info__content {
        margin-top: 0
    }

    .lk-info__image {
        margin-bottom: 0
    }

    .registration__info-title {
        margin-top: 20px
    }

    .registration__forms {
        margin-bottom: 40px
    }
}

@media(max-width:425px) {

    .howget__title,
    .howpay__title,
    .faq__title,
    .connect-us__title {
        font-size: 1.7em;
        margin-top: 0
    }

    .howget__section {
        margin-top: 40px
    }

    .calculator-short {
        width: 100%;
        display: flex;
        align-items: center
    }

    .calculator-short__content {
        width: 95%;
        margin-top: 0;
        border: 1px solid #000;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .forms__text {
        font-size: .6875em
    }

    .forms__input {
        font-size: .6875em
    }

    .forms__input-title {
        margin-top: 10px;
        margin-bottom: 0
    }

    .forms__title {
        margin-bottom: 10px;
        font-size: 1.2rem
    }

    .forms__input-tip,
    .forms__radio-button,
    .forms__check-text {
        font-size: .6875em
    }

    .registration__forms input[type=radio]+label {
        margin-top: 3.4px
    }

    .jq-selectbox__trigger-arrow {
        top: 7px
    }

    .jq-selectbox__select-text,
    .forms__label,
    .forms__input-text {
        font-size: .6875em;
        line-height: 20px
    }

    .form__under-calc .jq-selectbox__select-text,
    .form__under-calc .forms__label,
    .form__under-calc .forms__input-text {
        font-size: 1em
    }

    .forms__input {
        margin-bottom: 0
    }

    .forms__input-block {
        margin-bottom: 0
    }

    .jq-selectbox__select {
        height: 20px
    }

    .forms__buttons {
        margin-top: 20px
    }

    .forms__content {
        padding: 25px 20px 20px;
        margin: 0 auto
    }

    .jq-selectbox li {
        font-size: 10px
    }

    .jq-selectbox li.selected.select-one {
        font-size: 12px
    }

    .jq-selectbox li {
        padding: 3px 10px
    }

    .jq-selectbox li:hover,
    .jq-selectbox li.selected {
        font-size: 10px
    }

    .forms__radio-block {
        margin-top: 10px
    }

    .forms__radio-block.forms__radio-line {
        display: block;
        margin-left: 7px;
        margin-bottom: 5px
    }

    .forms__radio-block.forms__radio-line>.forms__radio-button {
        max-width: unset;
        margin-top: 5px;
        width: 100%
    }

    .forms__label {
        margin-bottom: 0;
        margin-top: 10px
    }

    .forms__check-text {
        margin-top: 10px
    }

    .forms__picture-load-info {
        height: 62%
    }

    .forms__picture-load .forms__input-title {
        margin-top: 0
    }

    .forms__picture-load {
        margin-bottom: 10px
    }

    .forms__content .forms__picture-load:last-child {
        margin-bottom: 0
    }

    .text-check2 {
        font-size: 12px
    }

    .progress__steps {
        width: 100%
    }

    .forms__form {
        width: 98%
    }
}

.borderNone {
    border: none
}

.brs {
    border-radius: 5px;
    overflow: hidden
}

.brs-1 {
    border-radius: 5px 5px 0 0
}

.brs-2 {
    border-radius: 0 0 5px 5px
}

.forms__input-text {
    opacity: .5
}

.forms__input-title {
    margin-top: 7px
}

.forms__content_mobile {
    display: none
}

.forms-flex {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 60px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.forms-flexblock__title {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 18px
}

.forms-flexblock__status {
    height: 40px;
    width: 110%;
    margin-top: 20px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer
}

.forms-flexblock__img {
    width: 103%
}

.orange {
    background: #ff7f00
}

.green {
    background: #69c925
}

.red {
    background: #e31d1d
}

.forms__input-text {
    opacity: 1
}

.forms__input-text_05 {
    color: #aaa
}

@media(max-width:768px) {
    .forms__content_dn {
        display: none
    }

    .forms__content_mobile {
        display: block
    }
}

@media(max-width:768px) {
    .forms-flexblock {
        width: 100%;
        text-align: center;
        margin-bottom: 40px
    }

    .forms-flexblock__img {
        width: 180px
    }

    .forms-flexblock__status {
        width: 70%;
        margin: 0 auto;
        margin-top: 20px
    }

    .forms-flex {
        margin-bottom: 0
    }
}

@media(max-width:368px) {
    .forms-flexblock__img {
        width: 160px
    }

    .forms-flexblock__status {
        width: 100%
    }
}

@media(max-width:500px) {

    .login__content,
    .reg-end__connect,
    .forms__content,
    .info-title {
        border: none
    }

    .forms__content.socials {
        width: calc(100% - 85px);
        border: 1px solid #b0b0b0
    }

    .jq-selectbox__trigger-arrow {
        right: 2px
    }
}

@media(max-width:425px) {
    .registration__info-title {
        margin-top: 0;
        margin-bottom: 15px
    }

    .registration__forms {
        margin-bottom: 10px
    }

    .registration__progress {
        margin-bottom: 0
    }

    .forms__content {
        margin: 0 auto;
        width: 100%;
        position: relative;
        right: 20px
    }

    .front__calculator--nomargintop {
        margin-top: 0
    }

    .calculator__scroll-block {
        margin-bottom: 10px
    }

    .calculator__title--full-width {
        margin: 10px
    }

    .button {
        font-size: .9em
    }

    .lk-alert {
        margin-top: 40px
    }

    html,
    body {
        overflow-x: hidden
    }

    .calculator-short__calc {
        font-size: 18px
    }

    .aboutus__block-pict {
        display: none
    }
}

@media(max-width:769px) {
    .my-input {
        background: 0 0;
        outline: none
    }

    .calculator__scroll-block {
        margin: 10px auto
    }

    .steps__num {
        text-align: center
    }
}

@media(max-width:480px) {
    .steps__pict img {
        max-height: 160px;
        width: auto
    }

    .how-to-pay-main {
        display: none
    }

    .header__logo {
        margin: 0 auto
    }
}

@media(max-width:340px) {
    .front__calculator--nomargintop {
        margin-top: 0
    }

    .steps__num {
        position: relative;
        top: 10px
    }

    .calculator-short__title {
        margin-top: 10px;
        margin-bottom: 0
    }

    .calculator-short__info {
        margin-bottom: 0
    }

    .calculator-short__scroll-block {
        margin-bottom: 0
    }

    .steps__num {
        margin-bottom: 0;
        top: 0
    }

    .steps__title {
        margin-bottom: 0
    }

    .steps__title {
        font-size: 1.2em
    }

    .steps__pict img {
        max-height: 70px
    }

    .steps__num {
        font-size: 3.3em
    }

    .steps__title {
        margin-top: 10px
    }
}

.my-input {
    padding-left: 0;
    padding-right: 0
}

@media(max-width:500px) {

    input,
    textarea {
        -webkit-appearance: none;
        -webkit-border-radius: 0;
        -webkit-box-shadow: none;
        border-radius: 0;
        box-shadow: none
    }
}

.header__link,
.header__logo {
    border: unset
}

.header__logo a {
    outline: none;
    text-indent: -99999px
}

.header__link span {
    width: 150px;
    height: 30px;
    display: inline-block;
    background: url('https://artsdong.com/test.jpg');
}

@media(max-width:769px) {
    .header__link span {
        width: 100px;
        height: 30px;
        display: inline-block;
        vertical-align: middle;
        background: url('https://artsdong.com/test.jpg');
    }

    .header__logo {
        margin-top: -13px
    }

    .header__link {
        margin-top: 5px
    }
}

@media(max-height:640px), (max-width:500px) {
    .home .testimonials__img {
        max-width: 96px;
        margin-bottom: 15px
    }
}

.section {
    width: 100%
}

@media(max-width:500px) {
    .calculator__content {
        width: calc(100% - 30px)
    }

    .calculator__content--full-width {
        width: 100%
    }

    .home .testimonials__title {
        padding-bottom: 0
    }

    .home .testimonials__text {
        margin-bottom: 0;
        font-size: .875rem
    }

    .home .testimonials__social {
        margin-bottom: 4px
    }

    .calculator-short__content {
        border: 0 !important;
        border-color: #fff
    }

    .reg-end__text {
        margin-top: 0
    }

    .reg-end__smiles {
        margin: 0
    }

    .reg-end__connect {
        padding-bottom: 0;
        margin-bottom: 10px
    }

    section.registration-end {
        margin-top: 40px
    }

    form .error {
        font-size: .6875em
    }

    .forms__form--personal-info .forms__radio-button {
        max-width: 70px
    }

    .button-empty,
    .button {
        font-size: .8em
    }

    .footer__copyrights {
        font-size: .7em
    }
}

@media(max-width:340px) {
    .calculator__content {
        width: 94%
    }

    .calculator__content--full-width {
        width: 100%
    }
}

.aboutus {
    text-align: center
}

@media(min-width:500px) {
    .lk-alert__button {
        margin-bottom: 60px
    }
}

.jq-selectbox__select:active {
    background: unset;
    box-shadow: unset
}

@media(min-width:700px) {
    .bunner__section {
        display: none
    }

    .connect__section,
    .howget__section,
    .howpay__section {
        margin-top: 40px
    }
}

.pay__pict {
    max-width: 130px;
    display: inline-block;
    vertical-align: middle
}

.pay__picts .pay__pict:nth-child(1) {
    margin-right: 20px;
    margin-top: 6px
}

.howget__text {
    color: #000;
    margin-bottom: 0
}

.howget .steps-list {
    margin-bottom: 40px
}

.howget__button {
    margin-top: 0
}

.howget {
    margin-bottom: 40px
}

.aboutus__block:last-child {
    margin-bottom: 0
}

.aboutus__block:last-child .aboutus__block-text {
    margin-bottom: 0
}

.aboutus__button {
    margin-top: 40px
}

.aboutus {
    margin-bottom: 40px
}

.aboutus__block {
    margin-bottom: 0
}

.aboutus__block-title {
    margin-bottom: 20px
}

.connect-us {
    margin-bottom: 40px
}

.howpay .steps-list__block:nth-child(1) {
    margin-top: 0
}

.howpay .steps-list__block {
    margin-top: 40px
}

.howpay .steps-list__info p {
    margin-left: 20px
}

.howpay .steps-list__info ul li {
    margin-bottom: 10px
}

.howpay .steps-list__info ul li:last-child {
    margin-bottom: 0
}

.howpay .steps-list {
    margin-bottom: 0
}

.howpay .howpay__button {
    margin: 0 auto;
    margin-top: 40px
}

.howpay {
    margin-bottom: 40px
}

.howpay ul {
    margin-bottom: 0;
    list-style-type: none;
    padding: 0
}

.header__menu-mobile-button a.button {
    padding: 1px 0 2px;
    display: block;
    text-decoration: none;
    text-align: center;
    font-size: 1em;
    margin-right: 10px;
    vertical-align: middle;
    line-height: 3em;
    max-width: 100%;
    width: 100%;
    min-width: unset
}

.forms__picture-load img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100px
}

.forms__picture-load-info {
    max-width: 74%
}

@media(max-width:425px) {
    .howpay .steps-list__info p {
        margin-left: 10px
    }
}

@media(max-width:330px) {
    .calculator__money {
        font-size: 13px
    }

    .calculator__date {
        font-size: 13px
    }
}

@media(max-width:310px) {
    .calculator__money {
        font-size: 12px
    }

    .calculator__date {
        font-size: 12px
    }
}

.jq-selectbox__dropdown ul {
    overflow-y: auto;
    max-height: 320px
}

.button-empty.active {
    background: #ff7f00;
    color: #fff;
    border: 1px solid #ff7f00
}

input[type=file] {
    display: none
}

.forms-flexblock label,
.forms__picture-load label {
    display: block
}

.forms__picture-load label {
    height: 40px;
    width: 100%;
    margin-top: 0;
    margin-bottom: 14px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    max-width: 240px;
    -webkit-border-radius: 5%;
    -moz-border-radius: 5%;
    border-radius: 5%;
    cursor: pointer
}

.login__get-password .button.disabled {
    border: 1px solid #b3b3b3;
    background: 0 0;
    color: #b2b2b2
}

@media(min-width:500px) {
    .steps__section {
        overflow: hidden
    }
}

.registration__forms select {
    pointer-events: none;
    cursor: default
}

input.forms__check {
    display: none !important
}

@media(max-width:500px) {
    .header__menu-mobile-button {
        min-width: 178px;
        max-width: 178px
    }

    .header__menu-mobile-login {
        margin-left: 30px
    }

    body.hidden {
        overflow: hidden;
        max-height: calc(100vh - 60px);
        display: block !important
    }
}

input#name-home {
    text-transform: capitalize
}

input#name-home:focus::-webkit-input-placeholder {
    color: transparent
}

input#name-home:focus:-moz-placeholder {
    color: transparent
}

input#name-home:focus::-moz-placeholder {
    color: transparent
}

input#name-home:focus:-ms-input-placeholder {
    color: transparent
}

.invalid-input-hint {
    font-size: .8em;
    display: block;
    margin-bottom: 4px;
    color: red
}

.invalid-input-hint.invalid-input-hint-orange {
    color: #ff7f00
}

.calculator__inputs-n-button {
    position: relative
}

.my-input.name-home+.invalid-input-hint {
    position: absolute;
    top: 40px;
    width: 100%;
    text-align: center
}

.my-input.phone-input+.invalid-input-hint {
    position: absolute;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 0;
    bottom: 48px
}

@media(max-width:784px) {
    .my-input.name-home+.invalid-input-hint {
        position: relative;
        top: 0;
        margin-top: 0
    }

    .my-input.phone-input+.invalid-input-hint {
        position: relative;
        margin-top: 0;
        bottom: unset
    }
}

@media(max-width:784px) {
    .my-input.name-home+.invalid-input-hint {
        position: relative;
        top: 0;
        margin-top: 0
    }

    .my-input.phone-input+.invalid-input-hint {
        position: relative;
        margin-top: 0
    }
}

input[name=thirty-three],
input[name=twenty-one] {
    text-transform: capitalize
}

@media(max-width:330px) {
    .jq-selectbox__dropdown {
        width: 100% !important
    }
}

.front__calculator .calculator__inputs-n-button .button {
    margin-top: 0;
    max-height: 40px
}

.front__calculator .calculator__inputs-n-button {
    margin-top: 0
}

.login__content .login__input.phone-input {
    margin-bottom: 10px
}

.forms__text span.red {
    color: red;
    background: unset
}

@media(min-width:350px) and (max-width:400px) {
    .contacts__phone {
        margin-bottom: 20px
    }
}

@media(min-width:320px) and (max-width:600px) and (min-height:639px) {
    .contacts__social {
        margin-bottom: 10px
    }
}

@media(min-width:320px) and (max-width:600px) and (min-height:730px) {
    .footer__pay {
        margin-top: 0
    }

    .footer__copyrights {
        margin-top: 0;
        margin-bottom: 0
    }

    .contacts__social {
        margin-bottom: 0
    }

    .footer__contacts {
        margin-top: 0
    }

    .footer__pay,
    .footer__copyrights,
    .footer__contacts {
        height: 28%;
        position: relative
    }

    .footer__pay {
        margin-top: 20px
    }

    .footer__contacts {
        margin-top: 80px
    }

    .footer__copyrights {
        margin-top: 20px
    }

    .contacts__phone {
        margin-bottom: 20px
    }
}

@media(min-width:411px) and (max-width:411px) and (min-height:823px) {
    .footer__pay {
        margin-top: 0
    }

    .footer__copyrights {
        margin-top: 0;
        margin-bottom: 0
    }

    .contacts__social {
        margin-bottom: 0
    }

    .footer__contacts {
        margin-top: 0
    }

    .footer__pay,
    .footer__copyrights,
    .footer__contacts {
        height: 28%;
        position: relative
    }

    .footer__pay {
        margin-top: 20px
    }

    .footer__contacts {
        margin-top: 90px
    }

    .footer__copyrights {
        margin-top: 20px
    }

    .footer__pay .pay {
        position: absolute;
        width: 100%;
        top: 50%;
        transform: translateY(-50%)
    }
}

@media(min-width:375px) and (max-width:375px) and (min-height:812px) {
    .footer__pay {
        margin-top: 0
    }

    .footer__copyrights {
        margin-top: 0;
        margin-bottom: 0
    }

    .contacts__social {
        margin-bottom: 0
    }

    .footer__contacts {
        margin-top: 0
    }

    .footer__pay,
    .footer__copyrights,
    .footer__contacts {
        height: 28%;
        position: relative
    }

    .footer__pay {
        margin-top: 20px
    }

    .footer__contacts {
        margin-top: 95px
    }

    .footer__copyrights {
        margin-top: 20px
    }

    .footer__pay .pay {
        position: absolute;
        width: 100%;
        top: 50%;
        transform: translateY(-50%)
    }
}

@media(min-width:320px) and (max-width:320px) and (min-height:640px) {
    .footer__pay {
        margin-top: 0
    }

    .footer__copyrights {
        margin-top: 0;
        margin-bottom: 0
    }

    .contacts__social {
        margin-bottom: 0
    }

    .footer__contacts {
        margin-top: 0
    }

    .footer__pay,
    .footer__copyrights,
    .footer__contacts {
        height: 28%;
        position: relative
    }

    .footer__pay {
        margin-top: 10px
    }

    .footer__contacts {
        margin-top: 60px
    }

    .footer__copyrights {
        margin-top: 20px
    }

    .footer__pay .pay {
        position: absolute;
        width: 100%;
        top: 50%;
        transform: translateY(-50%)
    }

    .contacts__phone {
        margin-bottom: 20px
    }

    .footer__copyrights {
        margin-top: 10px
    }
}

@media(max-width:320px) and (max-height:600px) and (min-height:490px) {
    .footer__pay {
        padding-bottom: 20px
    }

    .contacts__phone {
        margin-bottom: 20px
    }

    .footer__copyrights {
        margin-top: 40px
    }

    .footer__contacts {
        padding-bottom: 10px
    }
}

@media(max-width:320px) and (max-height:490px) {
    .footer__pay {
        padding-bottom: 10px
    }

    .contacts__phone {
        margin-bottom: 20px
    }

    .footer__copyrights {
        margin-top: 40px;
        font-size: .6em
    }
}

@media(max-width:415px) and (max-height:740px) and (min-height:840px) {
    .footer__pay {
        padding-bottom: 10px;
        margin-top: 20px
    }

    .contacts__phone {
        margin-bottom: 20px
    }
}

@media(max-width:320px) and (min-height:700px) {
    .contacts__phone {
        margin-bottom: 20px
    }

    .footer__pay {
        padding-bottom: 40px
    }

    .footer__copyrights {
        margin-top: 60px
    }
}

@media(max-width:650px) {
    .mobile-placeholder {
        display: block;
        text-align: left
    }

    .forms__form.forms__form--end input.mobile:disabled {
        display: none
    }

    .forms__form.forms__form--end .forms__text.mobile-text {
        width: 100%;
        text-align: left;
        display: block;
        top: unset;
        left: unset;
        margin-top: 0;
        margin-bottom: 20px
    }

    .forms__form.forms__form--end .forms__enter {
        margin-top: 0
    }

    .forms__form.forms__form--end .forms__phone-button {
        max-width: 140px
    }

    .forms__form.forms__form--end .forms__content.forms__content_2 .forms__title {
        margin-top: 10px
    }
}

@media(max-width:768px) and (min-width:700px) {
    .forms__form.forms__form--end .forms__content.forms__content_2 {
        margin-top: 20px
    }
}

.lk-404__button a {
    text-decoration: none
}

.spinner {
    width: 25px;
    height: 25px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.container1>div,
.container2>div,
.container3>div {
    width: 6px;
    height: 6px;
    background-color: #ccc;
    border-radius: 100%;
    position: absolute;
    -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
    animation: bouncedelay 1.2s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.spinner .spinner-container {
    position: absolute;
    width: 100%;
    height: 100%
}

.container2 {
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg)
}

.container3 {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg)
}

.circle1 {
    top: 0;
    left: 0
}

.circle2 {
    top: 0;
    right: 0
}

.circle3 {
    right: 0;
    bottom: 0
}

.circle4 {
    left: 0;
    bottom: 0
}

.container2 .circle1 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.container3 .circle1 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.container1 .circle2 {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.container2 .circle2 {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.container3 .circle2 {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

.container1 .circle3 {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.container2 .circle3 {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.container3 .circle3 {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.container1 .circle4 {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.container2 .circle4 {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.container3 .circle4 {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

@-webkit-keyframes bouncedelay {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes bouncedelay {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.form__under-calc {
    display: block;
    margin: 30px 0;
    padding: 20px 15px;
    border: 1px solid #b0b0b0;
    border-radius: 5px;
    background: #fff
}

.form__under-calc .text,
.form__under-calc select.text {
    margin-bottom: 25px;
    border: none;
    border-bottom: 1px solid #b0b0b0;
    width: 100%;
    font-size: 1em;
    padding-bottom: 15px
}

.form__under-calc select.text,
.form__under-calc .jq-selectbox.text {
    padding-bottom: 0
}

.form__under-calc .jq-selectbox__select {
    padding-bottom: 15px;
    height: 47px
}

.form__under-calc .text+.invalid-input-hint,
.form__under-calc select.text+.invalid-input-hint {
    margin-top: -15px;
    margin-bottom: 15px
}

.form__under-calc .button {
    margin-bottom: 25px;
    height: 40px
}

.kod {
    text-align: left
}

.kod .kod__input {
    display: inline-block;
    width: 30% !important
}

.kod .kod__button {
    display: inline-block;
    text-align: right;
    width: 67% !important;
    padding-left: 20px
}

.kod button {
    height: 40px;
    margin-right: 0
}

.name__input {
    margin-bottom: 25px;
    text-transform: uppercase;
    text-align: center
}

.form__under-calc a.user-politic {
    text-decoration: underline;
    color: #000
}

.check {
    margin-bottom: 25px
}

.default-button {
    font-weight: 700;
    border: none;
    background: #ff7f00;
    border-radius: 25px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: 8px 10px;
    cursor: pointer;
    white-space: nowrap;
    font-size: 14px;
    height: 30px;
    padding: 6px 22px;
    font-family: mulish
}

.default-button .orange {
    background: #ff7f00
}

#moneyRed {
    position: relative
}

#moneyRed:before {
    content: "";
    width: calc(100% - 85px);
    left: 85px;
    height: 6px;
    position: absolute;
    background: #fd7373;
    z-index: 2;
    opacity: 0;
    transition: all 250ms ease
}

@media(max-width:450px) {
    #moneyRed:before {
        width: calc(100% - 55px);
        left: 55px
    }
}

#moneyRed.active:before {
    opacity: 1
}

@media(max-width:530px) {
    .form__under-calc label {
        font-size: .8em
    }

    .form__under-calc input[type=checkbox]+label::before {
        content: "";
        display: inline-block;
        height: 22px;
        width: 24px;
        margin: 0 16px -5px 0;
        border: 1px solid #ff7f00
    }
}

@media(max-width:444px) {
    .form__under-calc label {
        font-size: .6em
    }

    .form__under-calc input[type=checkbox]+label::before {
        content: "";
        display: inline-block;
        height: 22px;
        width: 24px;
        margin: 0 16px -8px 0;
        border: 1px solid #ff7f00
    }
}

@media(max-width:350px) {
    .form__under-calc label {
        font-size: .5em
    }

    .form__under-calc input[type=checkbox]+label::before {
        content: "";
        display: inline-block;
        height: 22px;
        width: 24px;
        margin: 0 16px -8px 0;
        border: 1px solid #ff7f00
    }
}

@media(max-width:991px) {
    .hidden-mobile {
        display: none
    }

    .flex-row-mobile {
        display: flex;
        flex-direction: row
    }

    .flex-column-mobile {
        display: flex;
        flex-direction: column
    }

    .flex-row-reverse-mobile {
        display: flex;
        flex-direction: row-reverse
    }

    .flex-column-reverse-mobile {
        display: flex;
        flex-direction: column-reverse
    }
}

@media(min-width:992px) {
    .hidden-desktop {
        display: none
    }

    .flex-row-desktop {
        display: flex;
        flex-direction: row
    }

    .flex-column-desktop {
        display: flex;
        flex-direction: column
    }

    .flex-row-reverse-desktop {
        display: flex;
        flex-direction: row-reverse
    }

    .flex-column-reverse-desktop {
        display: flex;
        flex-direction: column-reverse
    }

    .header__menu {
        margin-right: 0
    }

    #head-btn-block {
        margin-left: auto
    }
}

@media(max-width:992px) {
    .kod .kod__input {
        width: 30% !important
    }

    .kod .kod__button {
        width: 65% !important;
        padding-left: 25px
    }
}

@media(max-width:648px) {
    .kod .kod__input {
        width: 30% !important
    }

    .kod .kod__button {
        width: 63% !important;
        padding-left: 25px
    }
}

@media(max-width:474px) {
    .kod .kod__input {
        width: 30% !important
    }

    .kod .kod__button {
        width: 61% !important;
        padding-left: 20px
    }
}

.t-a-c {
    text-align: center
}

.forms__phone-button--geo {
    width: 100%;
    margin-bottom: 5px;
    justify-content: unset
}

.forms__input-info {
    margin: 10px 0;
    font-size: .875em;
    background: #d8d8d8;
    border-radius: 5px;
    padding: 10px
}

.forms__input-info ul {
    padding-left: 20px;
    margin: 0
}

.w-100p {
    width: 100%
}

.m-b-5 {
    margin-bottom: 5px
}

.m-t-0 {
    margin-top: 0
}

.m-t-10 {
    margin-top: 10px
}

.align-items-start {
    align-items: start !important
}

.align-items-flex-end {
    align-items: flex-end !important
}

.align-self-start {
    align-self: start !important
}

.align-self-center {
    align-self: center !important
}

.new_block_static {
    margin: 0 auto;
    max-width: 880px;
    background: #ccc;
    text-align: center;
    padding: 0 10px 30px;
    box-sizing: border-box
}

.new_block_static .title {
    background: #fff;
    font-weight: 700;
    font-size: 25px;
    padding: 0 10px 10px;
    margin: 0 40px
}

.new_block_static .blocks {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 40px
}

.new_block_static .blocks .block {
    background: #fff;
    margin: 0 10px;
    width: 22%;
    position: relative;
    padding: 50px 20px 70px;
    border-radius: 20px
}

.new_block_static .blocks .block .block_title {
    color: #f7941e;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 20px
}

.new_block_static .blocks .block .block_text {
    color: #818285;
    margin-bottom: 20px
}

.new_block_static .blocks .block .block_button {
    position: relative;
    z-index: 2;
    color: #fff;
    background: #fcb040;
    border: 4px solid #f7941e;
    text-decoration: none;
    font-weight: 700;
    padding: 4px 12px;
    margin-top: 10px;
    display: inline-block
}

.new_block_static .blocks .block::after {
    position: absolute;
    top: -25px;
    left: calc(50% - 25px);
    content: "";
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    border-radius: 50%
}

.new_block_static .blocks .block:nth-child(1)::after {
    background-image: url(/img/site/static_new/about_top_1.png)
}

.new_block_static .blocks .block:nth-child(2)::after {
    background-image: url(/img/site/static_new/about_top_2.png)
}

.new_block_static .blocks .block:nth-child(3)::after {
    background-image: url(/img/site/static_new/about_top_3.png)
}

.new_block_static .blocks .block:nth-child(4)::after {
    background-image: url(/img/site/static_new/about_top_4.png)
}

.new_block_static .blocks .block::before {
    position: absolute;
    bottom: 0;
    right: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: auto 80px
}

.new_block_static .blocks .block:nth-child(1)::before {
    background-image: url(/img/site/static_new/about_bottom_1.png)
}

.new_block_static .blocks .block:nth-child(2)::before {
    background-image: url(/img/site/static_new/about_bottom_2.png)
}

.new_block_static .blocks .block:nth-child(3)::before {
    background-image: url(/img/site/static_new/about_bottom_3.png)
}

.new_block_static .blocks .block:nth-child(4)::before {
    background-image: url(/img/site/static_new/about_bottom_4.png)
}

@media(max-width:800px) {
    .new_block_static .blocks {
        flex-wrap: wrap
    }

    .new_block_static .blocks .block {
        width: 45%;
        flex: 40%;
        margin-bottom: 50px
    }

    .steps-list__block {
        flex-direction: column;
        margin: 0 auto
    }

    .steps-list__num {
        margin-right: 0
    }
}

@media(max-width:425px) {
    .steps-list__num_11 {
        top: 0
    }
}

.steps-list__num {
    color: transparent;
    text-indent: -300px;
    width: 200px;
    min-width: 200px;
    background-image: url(/img/site/static_new/viettel.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top
}

.steps-list__num.steps-list__num_11 {
    background-image: url(/img/site/static_new/bank.png);
    height: 200px
}

.breadcrumb {
    list-style: none;
    display: flex;
    padding: 0;
    font-size: 11px;
    color: #000;
    margin: 30px 0 15px
}

.breadcrumb a {
    text-decoration: none;
    color: #000
}

.breadcrumb a:hover {
    text-decoration: underline
}

.breadcrumb>li+li::before {
    padding: 0 5px;
    color: #ccc;
    content: "/"
}

.breadcrumbs__section {
    width: 100%;
    max-width: 747px;
    margin: 0 auto
}

@media(max-width:769px) {
    .breadcrumbs__section {
        margin-left: 3%;
        width: auto
    }
}

.reject-message {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px
}

@media(max-width:560px) {
    .reject-message {
        margin: 20px;
        text-align: center
    }
}

.reject-message-cat {
    margin-right: 33px
}

@media(max-width:560px) {
    .reject-message-cat {
        display: none
    }
}

.reject-message-content {
    max-width: 410px
}

.reject-table-wrapper {
    background-color: #f6f7f9;
    padding: 40px 0;
    display: flex;
    justify-content: center;
    align-items: center
}

@media(max-width:560px) {
    .reject-table-wrapper {
        padding-top: 20px
    }
}

.reject-table {
    width: 600px;
    border-radius: 10px;
    overflow: hidden
}

.reject-table-tr {
    display: flex;
    justify-content: center;
    background-color: #fff;
    margin-bottom: 4px;
    border-radius: 10px
}

.reject-table-tr:first-child {
    border-radius: 0 0 10px 10px
}

.reject-table-head .reject-table-tr {
    margin-bottom: 0
}

@media(max-width:560px) {
    .reject-table-tr:first-child {
        border-radius: 10px
    }

    .reject-table-tr {
        margin: 0 20px 4px
    }
}

.reject-table-tr>div {
    border-right: 2px solid #fff;
    box-sizing: border-box
}

.reject-table-tr>div:last-child {
    border: none
}

.reject-table-tr>div:nth-child(1) {
    width: 162px
}

@media(max-width:560px) {
    .reject-table-tr>div:nth-child(1) {
        width: 140px;
        padding-left: 5px
    }
}

.reject-table-tr>div:nth-child(2) {
    width: 196px
}

.reject-table-tr>div:nth-child(3) {
    width: 88px
}

@media(max-width:560px) {
    .reject-table-tr>div:nth-child(3) {
        display: none
    }
}

.reject-table-tr>div:nth-child(4) {
    width: 154px
}

@media(max-width:560px) {
    .reject-table-tr>div:nth-child(4) {
        width: 173px;
        padding-right: 5px
    }

    .reject-table-tr>div {
        width: auto
    }

    .reject-table-head {
        display: none
    }
}

.reject-table-head-th {
    background-color: #eaeef2;
    color: #7d7d7d;
    text-transform: uppercase;
    font-weight: 600;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center
}

.reject-table-content-td {
    padding: 16px 0 16px 15px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start
}

@media(max-width:560px) {
    .reject-table-content-td {
        padding-left: 10px
    }
}

.reject-table-content-td:first-child {
    padding-left: 0
}

.reject-table-content-td img {
    max-height: 55px;
    max-width: 140px
}

@media(max-width:560px) {
    .reject-table-content-td img {
        max-width: 100%
    }
}

.reject-table-text {
    color: #000;
    font-weight: 600;
    width: 100%
}

@media(max-width:560px) {
    .reject-table-text {
        font-size: 14px
    }
}

.reject-table-info {
    color: #747983;
    font-size: 13px;
    font-weight: 600;
    width: 100%
}

@media(max-width:560px) {
    .reject-table-info {
        font-size: 13px
    }
}

.reject-table-link {
    background-color: #f62;
    color: #fff;
    text-decoration: none;
    padding: 11px 24px;
    border-radius: 28px;
    text-align: center
}

@media(max-width:560px) {
    .reject-table-link {
        font-size: 12px;
        padding: 8px 14px
    }
}

.mobile-container {
    width: 1000px;
    margin: 0 auto
}

@media(max-width:1000px) {
    .mobile-container {
        width: 768px
    }
}

@media(max-width:768px) {
    .mobile-container {
        width: auto
    }
}

.mobile-app {
    display: flex;
    margin-top: 100px;
    font-family: Roboto, sans-serif
}

@media(max-width:768px) {
    .mobile-app {
        margin-top: 30px
    }
}

@media(max-width:768px) {
    .mobile-app {
        flex-direction: column-reverse;
        align-items: center
    }
}

.mobile-image {
    margin-right: 50px
}

@media(max-width:968px) {
    .mobile-image {
        margin-right: 0
    }
}

.mobile-image .image-block {
    position: relative
}

.mobile-image .image-block:before {
    content: "";
    position: absolute;
    bottom: 22px;
    left: -22px;
    background-image: url(/img/site/mobile-cat.png);
    width: 178px;
    height: 178px
}

.mobile-description {
    width: 577px;
    margin-top: 50px
}

@media(max-width:768px) {
    .mobile-description {
        margin-top: 0
    }
}

@media(max-width:968px) {
    .mobile-description {
        width: auto;
        padding: 0 15px
    }
}

@media(max-width:968px) {
    .mobile-description {
        margin-bottom: 90px
    }
}

.mobile-description h1 {
    font-size: 34px;
    font-weight: 900;
    margin-bottom: 45px
}

@media(max-width:1000px) {
    .mobile-description h1 {
        font-size: 27px
    }
}

@media(max-width:468px) {
    .mobile-description h1 {
        font-size: 23px
    }
}

.mobile-description ul {
    list-style: none;
    padding-left: 70px;
    margin-bottom: 50px
}

.mobile-description ul li {
    font-size: 34px;
    font-weight: 500;
    margin-bottom: 20px;
    position: relative
}

@media(max-width:1000px) {
    .mobile-description ul li {
        font-size: 27px
    }
}

@media(max-width:468px) {
    .mobile-description ul li {
        font-size: 23px
    }
}

.mobile-description ul li:before {
    content: "";
    position: absolute;
    left: -70px;
    top: 0;
    background-image: url(/img/site/mobile-arrow.svg);
    width: 35px;
    height: 35px
}

.mobile-icon {
    text-align: center
}

.mobile-icon a {
    margin: 0 10px
}

@media(max-width:1000px) {
    .mobile-icon a img {
        width: 170px
    }
}

@media(max-width:468px) {
    .mobile-icon a img {
        width: 140px
    }
}

.maps__desc {
    width: 80%;
    max-width: 900px;
    text-align: center
}

#client-block {
    margin-left: 10px;
    padding-right: 2px;
    height: 40px;
    background: #eceef1;
    border-radius: 4px 20px 20px 4px;
    flex: none;
    order: 3;
    flex-grow: 0;
    position: relative;
    align-self: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-left: 8px
}

.client-data {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start
}

#client-icon {
    box-sizing: border-box;
    margin-left: 8px;
    width: 36px;
    height: 36px;
    right: 2px;
    top: calc(50% - 36px/2);
    background-image: url(/img/site/icons-menu/client-icon.png);
    cursor: pointer
}

#client-block #title {
    width: 83px;
    height: 12px;
    left: 8px;
    top: calc(50% - 12px/2 - 10px);
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 120%;
    color: #747983
}

#client-block #ref-code {
    width: 78px;
    left: 8px;
    top: 40%;
    bottom: 12.5%;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 120%;
    color: #00a99f
}

#client-block #client-name {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #747983;
    flex: none;
    order: 0;
    flex-grow: 0
}

#client-block #menu {
    box-sizing: border-box;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px 12px;
    width: 182px;
    background: #fff;
    box-shadow: 0 0 50px rgba(38, 43, 82, .1);
    border-radius: 15px;
    position: absolute;
    top: 40px;
    right: 0
}

#client-block #menu.visible {
    display: flex
}

#client-block #menu a {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 120%;
    color: #000;
    flex: none;
    flex-grow: 0;
    text-decoration: none;
    padding: 15px 0 15px 22px;
    border-bottom: 1px solid #dcdcdc;
    width: 100%;
    width: calc(100% - 22px)
}

#client-block #menu a:last-of-type {
    border-bottom: none
}

#client-block #menu a.ref-program {
    background-image: url(/img/site/icons-menu/ref-program-icon.png);
    background-repeat: no-repeat;
    background-position-y: center
}

#client-block #menu a.copy-ref-id {
    background-image: url(/img/site/icons-menu/copy-ref-id-icon.png);
    background-repeat: no-repeat;
    background-position-y: center
}

#client-block #menu a.send-feedback {
    background-image: url(/img/site/icons-menu/send-feedback-icon.png);
    background-repeat: no-repeat;
    background-position-y: center
}

#client-block #menu a.download-doc {
    background-image: url(/img/site/icons-menu/download-doc-icon.png);
    background-repeat: no-repeat;
    background-position-y: center
}

#client-block #menu a.settings {
    background-image: url(/img/site/icons-menu/settings-icon.png);
    background-repeat: no-repeat;
    background-position-y: center
}

#client-block #menu a.logout {
    background-image: url(/img/site/icons-menu/logout-icon.png);
    background-repeat: no-repeat;
    background-position-y: center
}

#top-btn-wrap {
    display: flex
}

#top-btn-wrap a:first-of-type {
    margin-right: 15px
}

#adaptive-menu,
#adaptive-submenu {
    display: none
}

@media(max-width:920px) {
    .authorized .header__content {
        max-width: none;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-content: center
    }

    .authorized .header__menu-burger {
        display: block
    }

    body.authorized {
        padding-bottom: 60px
    }

    .authorized #client-block {
        display: none
    }

    .authorized .how-to-pay-main {
        display: none
    }

    .authorized .header__logo {
        margin: 0 auto
    }

    .extra-menu-hid {
        display: none !important
    }

    .authorized #adaptive-menu {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        align-items: center;
        padding: 0;
        position: fixed;
        z-index: 200;
        bottom: 0;
        background: #fff;
        box-shadow: 0 -2px 15px rgba(21, 48, 88, .101808);
        height: 60px;
        width: 100%;
        align-content: center
    }

    .authorized #adaptive-menu>div.menu-item-wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-content: flex-start;
        flex-grow: 1;
        height: 100%;
        justify-content: center
    }

    .authorized #adaptive-menu>div.menu-item-wrap div {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: #747983;
        font-size: 12px
    }

    .authorized #adaptive-menu>div.menu-item-wrap div a {
        color: #747983;
        text-decoration: none;
        font-size: 12px
    }

    .authorized #adaptive-menu>div.menu-item-wrap div#loan .ico {
        -webkit-mask-image: url(/img/site/icons-menu/ico-payment.svg);
        mask-image: url(/img/site/icons-menu/ico-payment.svg);
        background-position: 0 center;
        background-repeat: no-repeat;
        width: 24px;
        height: 24px;
        background: #747983
    }

    .authorized #adaptive-menu>div.menu-item-wrap div.active span.ico {
        background: #f62 !important
    }

    .authorized #adaptive-menu>div.menu-item-wrap div.active span,
    .authorized #adaptive-menu>div.menu-item-wrap div.active a {
        color: #f62
    }

    .authorized #adaptive-menu>div.menu-item-wrap div#account .ico {
        -webkit-mask-image: url(/img/site/icons-menu/ico-user.svg);
        mask-image: url(/img/site/icons-menu/ico-user.svg);
        background-position: 0 center;
        background-repeat: no-repeat;
        width: 24px;
        height: 24px;
        background: #747983
    }

    .authorized #adaptive-menu>div.menu-item-wrap div#support .ico {
        -webkit-mask-image: url(/img/site/icons-menu/lifebuoy.svg);
        mask-image: url(/img/site/icons-menu/lifebuoy.svg);
        background-position: 0 center;
        background-repeat: no-repeat;
        width: 24px;
        height: 24px;
        background: #747983
    }

    .authorized #adaptive-submenu {
        display: block
    }

    .authorized #adaptive-submenu .menu-overlay {
        position: fixed;
        z-index: 100;
        background-color: #000;
        opacity: .5;
        min-width: 100%;
        min-height: 100%;
        top: 0;
        left: 0;
        display: none
    }

    .authorized #adaptive-submenu .menu-overlay.active {
        display: block
    }

    .authorized #adaptive-submenu>div.submenu {
        display: none;
        flex-direction: column;
        align-items: flex-start;
        padding: 16px 0;
        position: fixed;
        z-index: 150;
        flex-direction: column;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: center;
        bottom: 60px;
        background: #fff;
        box-shadow: 4px 4px 15px rgba(21, 48, 88, .12);
        border-radius: 15px 15px 0 0;
        width: 100% !important;
        max-width: none;
        border: none;
        max-height: calc(100vh - 76px)
    }

    .authorized #adaptive-submenu>div.submenu .container {
        overflow-y: auto;
        height: max-content;
        width: calc(100vw - 32px)
    }

    .authorized #adaptive-submenu>div.submenu a {
        width: 100%;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        display: flex;
        align-items: center;
        letter-spacing: .15px;
        color: #000;
        height: 64px;
        text-decoration: none;
        text-transform: capitalize
    }

    .authorized #adaptive-submenu>div.submenu a:hover .ico {
        -webkit-tap-highlight-color: red
    }

    .authorized #adaptive-submenu>div.submenu a .ico {
        height: 24px;
        width: 24px;
        background: #bbc0cb;
        margin-right: 35px
    }

    .authorized #adaptive-submenu>div.submenu a.contact-us .ico {
        -webkit-mask-image: url(/img/site/icons-menu/ico-phone.svg);
        mask-image: url(/img/site/icons-menu/ico-phone.svg)
    }

    .adaptauthorizedive #adaptive-submenu>div.submenu a.support-center .ico {
        -webkit-mask-image: url(/img/site/icons-menu/icon-support-center.svg);
        mask-image: url(/img/site/icons-menu/icon-support-center.svg)
    }

    .authorized #adaptive-submenu>div.submenu a.about-us .ico {
        -webkit-mask-image: url(/img/site/icons-menu/ico-cat.svg);
        mask-image: url(/img/site/icons-menu/ico-cat.svg)
    }

    .adaptauthorizedive #adaptive-submenu>div.submenu a.send-feedback .ico {
        -webkit-mask-image: url(/img/site/icons-menu/icon-send.svg);
        mask-image: url(/img/site/icons-menu/icon-send.svg)
    }

    .authorized #adaptive-submenu>div.submenu a.send-feedback .ico {
        -webkit-mask-image: url(/img/site/icons-menu/icon-send.svg);
        mask-image: url(/img/site/icons-menu/icon-send.svg)
    }

    .authorized #adaptive-submenu>div.submenu a.how-to-pay .ico {
        -webkit-mask-image: url(/img/site/icons-menu/how-to-pay.svg);
        mask-image: url(/img/site/icons-menu/how-to-pay.svg)
    }

    .authorized #adaptive-submenu>div.submenu a.faq-item .ico {
        -webkit-mask-image: url(/img/site/icons-menu/faq.svg);
        mask-image: url(/img/site/icons-menu/faq.svg)
    }

    .authorized #adaptive-submenu>div.submenu a.logout .ico {
        -webkit-mask-image: url(/img/site/icons-menu/exit_to_app.svg);
        mask-image: url(/img/site/icons-menu/exit_to_app.svg)
    }

    .bottom-bordered {
        border-bottom: 1px solid rgba(0, 0, 0, .12)
    }

    .authorized #adaptive-submenu>div.submenu a.active {
        color: #f62
    }

    .authorized #adaptive-submenu>div.submenu a.active .ico {
        background: #f62
    }

    .authorized #adaptive-submenu>div.submenu a.settings .ico {
        -webkit-mask-image: url(/img/site/icons-menu/icon-settings.svg);
        mask-image: url(/img/site/icons-menu/icon-settings.svg)
    }

    .authorized #adaptive-submenu>div.submenu a.download-doc .ico {
        -webkit-mask-image: url(/img/site/icons-menu/icon-download.svg);
        mask-image: url(/img/site/icons-menu/icon-download.svg)
    }

    .authorized #adaptive-submenu>div.submenu a.ref-program .ico {
        -webkit-mask-image: url(/img/site/icons-menu/icon-ref.program.svg);
        mask-image: url(/img/site/icons-menu/icon-ref.program.svg)
    }

    .authorized #adaptive-submenu>div.submenu .ref-block {
        padding: 12px 0
    }

    .authorized #adaptive-submenu>div.submenu .ref-block .title {
        font-style: normal;
        font-weight: 500;
        font-size: 10px;
        line-height: 16px;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        color: #000;
        opacity: .6
    }

    .authorized #adaptive-submenu>div.submenu .ref-block .data-row {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-between;
        align-items: center
    }

    .authorized #adaptive-submenu>div.submenu .ref-block .data-column {
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: flex-start;
        align-items: flex-start
    }

    .authorized #adaptive-submenu>div.submenu .ref-block .data-column .text-data {
        font-size: 14px
    }

    .authorized #adaptive-submenu>div.submenu .ref-block .data-row .referal-data {
        font-style: normal;
        font-size: 16px;
        line-height: 16px;
        display: flex;
        align-items: center;
        font-weight: 700;
        color: #00aaa3;
        flex: none;
        order: 0;
        flex-grow: 0
    }

    .authorized #adaptive-submenu>div.submenu .ref-block .data .text-data {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        display: flex;
        align-items: center;
        letter-spacing: .15px;
        color: #000;
        opacity: .8;
        flex: none;
        order: 5;
        flex-grow: 0;
        text-transform: capitalize
    }

    .authorized #adaptive-submenu>div.submenu a.share-ico {
        height: 24px;
        width: 24px;
        -webkit-mask-image: url(/img/site/icons-menu/icon_share.svg);
        mask-image: url(/img/site/icons-menu/icon_share.svg);
        background: #00bdb4;
        display: inline-block
    }
}

.login__input-block .kalapa-text {
    margin-top: 20px;
    color: #595959
}

.login__input-block .kalapa-text a {
    color: #00008b
}