* {
    box-sizing: border-box;
}
html {
    background: #fff;
}
.cordovaview,
.bitrixview{
    display: none!important;
}
.platformC .cordovaview,
.platformB .bitrixview{
    display: block!important;
}
.platformB .bitrixview.main__header {
    display: flex!important;
}
div#app {
    width: 100%;
    max-width: 390px;
    margin: 0 auto 0;
    /*background: #FFFFFF;*/
    min-height: 100vh;
}
#Login .info_text{
    font-size: 14px;
    line-height: 14px;
}
div#user {
    width: 100%;
    max-width: 390px;
    margin: 0 auto 0;
    background: #FFFFFF;
}
body::-webkit-scrollbar {
    width: 5px;               /* ширина всей полосы прокрутки */
}
.orange {
    background: #FF772A !important;
    color: #fff !important;
}
.mb-16{
    margin-bottom: 16px;
}
.mb-10{
    margin-bottom: 10px;
}
.mt-16{
    margin-top: 16px;
}
.mt-7{
    margin-top: 7px;
}
.mt-40{
    margin-top: 40px;
}
.gray {
    background: #E9E9E9 !important;
    color: #202020 !important;
}
.wide {
    width: 100% !important;
    max-width: 100% !important;
}
.outline {
    background: transparent !important;
    color: #202020 !important;
    border: 1px solid #202020 !important;
}
.button__wrapper .delete {
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    top: 13px;
    left: 20%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/upload/mobileapp/elements/delete.svg);
}
.apple {
    position: relative !important;
    bottom: auto !important;
}
.wrapper {
    width: 100%;
    padding: 35px 16px;
    padding-bottom: 90px;
    min-height: 100vh;
    /*background: #FFFFFF;*/
    position: relative;
}
.wrapper.gray {
    background: #E9E9E9;
}
.no__bg {
    background: transparent !important;
}
.align-center {
    margin: 0 auto;
    text-align: center;
}
.align-center .info_text{
    text-align: left;
}
.notify {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0,0,0,0.7);
    color: #fff;
    padding: 10px 15px;
    border-radius: 6px;
    min-width: 200px;
    text-align: center;
    width: 90%;
    max-width: 500px;
    z-index: 10000;
}
#Login .hideLogin{
    position: relative;
    top: 60px;
}
.page {
    padding-bottom: 90px;
}
.pad-22 {
    padding: 0 5px;
}
.bg-white {
    background: #ffffff!important;
}
.bg-grey{
    background-color: #E9E9E9!important;
}
.border-blue {
    border: 1px solid #1D6AFF !important;
}
.border-grey {
    border: 1px solid #C9C9C9 !important;
}
.no-border {
    border: none !important;
    outline: none;
}
/* Filter */
.filter_body {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    padding: 16px 32px 60px;
}
.filter__title {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.2px;
    margin-bottom: 45px;
}
.filter__items {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.filter__item {
    width: 100%;
    margin: 0 0 40px;
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
}
.filter__period {
    position: relative;
    padding-left: 38px;
}
.filter__period span {
    display: block;
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
    color: #939393;
}
.filter__period::before {
    position: absolute;
    content: "";
    top: -3px;
    left: -2px;
    width: 24px;
    height: 24px;
    background-image: url(/upload/mobileapp/elements/calendar.svg);
    background-position: center;
    background-repeat: no-repeat;
}
.filter__item input[type=checkbox] {
    visibility: hidden;
    position: absolute;
}
.filter__item input[type=checkbox]+label {
    position: relative;
    display: block;
    padding-left: 38px;
}
.filter__item input[type=checkbox]+label::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #FD6611;
    background: #fff;
    border-radius: 6px;
}
.filter__item input[type=checkbox]:checked+label::before {
    border: 1px solid #FD6611;
    background: #FD6611;
    background-image: url(/upload/mobileapp/elements/check-white.svg);
    background-position: center;
    background-repeat: no-repeat;
}
.filter__buttons {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
}
.filter__buttons button.orange {
    outline: none;
    border: none;
    border-radius: 16px;
    padding: 19px 8px 18px;
    min-width: 260px;
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
}
button.reset {
    outline: none;
    border: 1px solid #202020;
    border-radius: 16px;
    width: 56px;
    height: 57px;
    color: #fff;
    background: transparent;
    font-size: 20px;
    padding: 16px;
}
.change__date {
    position: fixed;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 16px 32px 0;
    bottom: 0;
    min-height: 100%;
    z-index: 10;
}
.change__date::after {
    position: absolute;
    content: "";
    top: 10px;
    left: 50%;
    width: 42px;
    height: 4px;
    background: #C9C9C9;
    transform: translateX(-50%);
}
.change__date-items {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.change__date-item {
    position: relative;
    width: 100%;
    margin: 0 0 44px;
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    padding-left: 38px;
}
.change__date-item::before {
    position: absolute;
    content: "";
    top: -3px;
    left: -2px;
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
}
.change__date-item.week::before {
    background-image: url(/upload/mobileapp/elements/calendar.svg);
}
.change__date-item.month::before {
    background-image: url(/upload/mobileapp/elements/month.svg);
}
.change__date-item.three-months::before {
    background-image: url(/upload/mobileapp/elements/three-months.svg);
}
.change__date-item.year::before {
    background-image: url(/upload/mobileapp/elements/year.svg);
}
.change__date-item.manual::before {
    background-image: url(/upload/mobileapp/elements/calendar-manual.svg);
}
.datepicker {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background: #fff;
}
input.mx-input {
    font-size: 16px !important;
    max-width: 100% !important;
}
i.mx-icon-calendar {
    color: #FF7A2A;
}
.mx-calendar+.mx-calendar {
    display: none !important;
}
.mx-datepicker-popup {
    width: 100%;
    padding: 5px 23px;
    /*background: transparent !important;*/
    top: 45% !important;
}
.mx-calendar {
    width: 100% !important;
    padding: 24px 16px !important;
    border-radius: 24px;
    background: #FFFFFF;
    font-family: 'Manrope', sans-serif;

}
button.mx-btn.mx-btn-text.mx-btn-current-month, button.mx-btn.mx-btn-text.mx-btn-current-year {
    font-size: 18px;
    font-weight: 600;
    color: #202020;
}
.mx-table-date td, .mx-table-date th {
    height: 32px;
    font-size: 16px;
    font-weight: 400;
    color: #939393;
}
.mx-table-date td {
    color: #555555;
}
.mx-table-date .today {
    background: #FD6611;
    color: #FFFFFF;
    border-radius: 8px;
}
.mx-calendar-content .cell.active {
    border-radius: 8px;
}
/* page header */
.white-custom {
    margin: -14px -16px 0;
    padding: 14px 16px 0;
    background: #fff;
}
.page__header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    margin-bottom: 5.5vh;
}
.smallHeight .page__header {
    margin-bottom: 1vh;
}
.page__header a.back_button {
    position: relative;
    font-size: 22px;
    line-height: 22px;
    font-weight: 600;
    text-decoration: none;
    color: #202020;
    padding-left: 25px;
}
.page__header a.back_button::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    height: 24px;
    width: 24px;
    transform: translateY(-50%);
    background-image: url("/upload/mobileapp/elements/arrow-left.svg");
    background-position: 5px center;
    background-repeat: no-repeat;
}
.page__header .right__btn {
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /*margin-right: 20px;*/
}
.page__header .right__btn.pen {background-image: url(/upload/mobileapp/elements/pen2.svg);min-width: 25px;}
.page__header .right__btn.qr {background-image: url(/upload/mobileapp/elements/qr-button.svg);}
.page__header .right__btn.check {background-image: url(/upload/mobileapp/elements/check.svg);}
.page__header .right__btn.delete {background-image: url(/upload/mobileapp/elements/delete.svg);}
.page__header .right__btn.plus {background-image: url(/upload/mobileapp/elements/plus.svg);}
.page__header .right__btn.cog {background-image: url(/upload/mobileapp/elements/cog.svg);}
.page__header .right__btn.filter {background-image: url(/upload/mobileapp/elements/filter2.svg);background-size: contain;}
.page__header .top_action{display: inline-flex;}
.main__header .right__btn {
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
}
.page__header .top_action .right__btn{margin-left: 15px;}
.main__header .right__btn.qr {background-image: url(/upload/mobileapp/elements/qr-button.svg);}

/* ElementForm*/
.form__wrapper {
    width: 100%;
}
.form__field {
    width: 100%;
    margin-bottom: 15px;
    position: relative;
}
#hcaptcha3,
#hcaptcha2,
#hcaptcha{
    text-align: center;
}
#hcaptcha3{
    display: none;
}
#hcaptcha2{
    top: 60px;
    position: relative;
}
a.orange_link,
.form__field .dwnld_link a{
    color: #FD6611;
}
.form__field.small-label {
    margin-bottom: 7px;
}
.form__field.small-label::placeholder {
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    color: #939393;
    letter-spacing: -0.3px;
}
.form__field.small-label label {
    text-align: left;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #202020;
    margin-bottom: 5px;
    letter-spacing: -0.3px;
}
.form__field.wide input[type="tel"],
.form__field.wide input[type="text"],
.form__field.wide input[type="password"],
.form__field.wide input[type="email"],
.form__field.wide input[type="number"] {
    max-width: 100% !important;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    color: #202020;
    letter-spacing: -0.3px;
    padding: 20px 16px;
    border-radius: 12px;
}
.form__field.wide textarea {
    width: 100%;
    min-height: 160px;
    border: 1px solid #3076FF;
    border-radius: 12px;
    resize: none;
    outline: none;
    padding: 10px 16px 0;
}
.smallHeight .form__field.wide textarea {
    min-height: 100px;
}
.form__field.wide textarea::placeholder {
    font-size: 16px;
    line-height: 16px;
    color: #939393;
}
.form__field.wide .select {
    width: 100%;
    position: relative;
}
.form__field.wide .select::after {
    position: absolute;
    content: "";
    width: 9px;
    height: 16px;
    top: 50%;
    right: 20px;
    background-image: url(/upload/mobileapp/elements/arrow-right.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transform: rotate(90deg) translateX(-50%);
}
.form__field.wide .select select {
    width: 100%;
    border: none;
    background: #f1f1f1;
    font-size: 16px;
    color: #202020;
    border-radius: 12px;
    padding: 16px 40px 16px 12px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.button__wrapper {
    margin-top: 15px;
}
.payment-form {
    padding: 18px 5px;
}
.smallHeight .payment-form {
    padding: 5px 5px;
}
.calc__payment {
    position: fixed;
    max-width: inherit;
    width: 348px;
    margin-bottom: 0;
    bottom: 35px;
}
.smallHeight .calc__payment {
    bottom: 0;
}
.calc__payment.apple {
    position: relative;
    width: inherit;
    bottom: auto;
}
/* list */
.long-list {
    height: calc(100vh - 240px);
    overflow: auto;
}
#More .list__wrapper {
    padding-top: 27px;
}
#Main .info_block{
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    margin: 30px 20px;
}
.list {
    overflow: hidden;
}
.list__item {
    position: relative;
    padding: 12px 14px;
    margin-bottom: 12px;
    background: #fff;
    border-radius: 16px;
}
.filter__period::before {
    position: absolute;
    content: "";
    top: -3px;
    left: -2px;
    width: 24px;
    height: 24px;
    background-image: url(/upload/mobileapp/elements/calendar.svg);
    background-position: center;
    background-repeat: no-repeat;
}
#History .skeleton .list__item,
#Details .skeleton .list__item{
    margin-bottom: 12px;
}
#Notification .blob_c .list__item{
    background-color: #dfdfdf;
}
/*#Counters .blob_c .list__item{
    background-color: #E9E9E9;
}*/
#Objects .details_list .list__item,
#History .details_list .list__item,
#Details .details_list .list__item{
    border: 1px solid #C9C9C9;
    padding: 12px 14px 12px 45px;
}
#Objects .back_box{
    position: sticky;
    top: 20px;
    width: 100%;
    z-index: 10;
    padding: 0 0 5px 0;
}
#Objects .back_box .object_blob{
    border: 1px solid #C9C9C9;
    padding: 14px;
    border-radius: 16px;
    background: white;
}
#Objects .object_blob .rashod{
    font-weight: 600;
    font-size: 22px;
    line-height: 22px;
    color: #202020;
}
#Objects .object_blob .list__item{
    padding: 0;
}
#Objects .list__item-title .list__item-title-right{
    text-wrap: nowrap;
}
#Objects .object_blob .list__item .list__item-title{
    display: block;
}
#Objects .object_blob .main__button{
    width: 100%;
    display: block;
    margin: 20px 0 0;
    position: relative;
}
#Objects .object_blob .main__button::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    top: 15px;
    left: 35px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("/upload/mobileapp/elements/ipu_lk.svg");
}
#Objects .object_blob .object_year{
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #202020;
    margin-bottom: 5px;
}
#EditObject input:disabled{
    background: #f1f1f140;
}
.confirm__wrapper .messenger_list,
.modal-slide_body div.messenger_list{
    margin-bottom: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
}
.m_messenger{
    position: relative;
    width: 48px;
    height: 48px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.m_whatsapp{
    background-image: url("/upload/mobileapp/elements/m_whatsapp.svg");
}
.m_telegram{
    background-image: url("/upload/mobileapp/elements/m_telegram2.svg");
}
.m_viber{
    background-image: url("/upload/mobileapp/elements/m_viber.svg");
}
.ios .m_viber{
    display: none;
}
.m_vk{
    background-image: url("/upload/mobileapp/elements/m_vk.svg");
}
.m_ok{
    background-image: url("/upload/mobileapp/elements/m_ok.png");
}
.m_tweet{
    background-image: url("/upload/mobileapp/elements/m_tweet.png");
}
#Objects .details_list .list__item::before,
#History .details_list .list__item::before,
#Details .details_list .list__item::before {
    position: absolute;
    content: "";
    width: 32px;
    height: 32px;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
#Details .list__item.el::before {
    background-image: url("/upload/mobileapp/elements/el_icon.png");
}
#Details .list__item.epd.hWater::before {
    background-image: url("/upload/mobileapp/elements/epdhw_icon.png");
}
#Details .list__item.epd.cWater::before {
    background-image: url("/upload/mobileapp/elements/epdcw_icon.png");
}
#Details .list__item.epd.gas::before {
    background-image: url("/upload/mobileapp/elements/epdgas_icon.png");
}
#Objects .list__item.question::before{
    background-image: url("/upload/mobileapp/elements/question_icon.png");
}
#Objects .list__item.epd::before,
#History .list__item.epd::before {
    background-image: url("/upload/mobileapp/elements/epd_icon.png");
}
#Objects .list__item.pokazaniya::before,
#Objects .list__item.el::before,
#History .list__item.el::before {
    background-image: url("/upload/mobileapp/elements/el2_icon.png");
}
#Objects .list__item.insur::before,
#History .list__item.insur::before {
    background-image: url("/upload/mobileapp/elements/insur_icon.png");
}
#History .list__item .list__item-title-right{
    min-width: 80px;
    text-align: end;
}
#History .modal-slide_body .h_pay_block .counter_blob{
    display: flex;
    justify-content: space-between;
    padding: 6px 12px;
    background: #FFFFFF;
    border-radius: 12px;
    margin-bottom: 6px;
}
#History .modal-slide_body .h_pay_block .counter_blob.counter{
    flex-direction: column;
    padding: 6px 30px 6px 12px;
}
#History .modal-slide_body .h_pay_block .counter_blob .b_price,
#History .modal-slide_body .h_pay_block .counter_blob .b_title{
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #6D6D6D;
    margin-bottom: 0;
}
#History .modal-slide_body .h_pay_block .counter_blob .b_price{
    text-wrap: nowrap;
}
#History .modal-slide_body .b_bottom_info{
    padding: 10px 10px 0 10px;
    border: 1px solid #939393;
    border-radius: 16px;
    margin-bottom: 0;
}
#History .modal-slide_body .b_bottom_info .b_final_price,
#History .modal-slide_body .b_bottom_info .b_bottom_item{
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
}
#History .modal-slide_body .b_bottom_info .b_final_price .b_title,
#History .modal-slide_body .b_bottom_info .b_final_price .b_info{
    font-weight: 700;
}
#History .modal-slide_body .b_bottom_info .b_bottom_item .b_title{
    margin-bottom: 4px;
    font-size: 12px;
}
#History .modal-slide_body .b_bottom_info .b_bottom_item .b_info{
    text-align: end;
    margin-bottom: 4px;
    font-size: 12px;
}
#History .modal-slide_body .accordion__button{
    width: 100%;
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 0;
    padding: 0;
}
#History .modal-slide_body .accordion__button::after {
    font-size: 26px;
    color: #6D6D6D;
    font-weight: 300;
    top: -50%;
    right: -25px;
}
#History .modal-slide_body .accordion__value{
    margin: 5px 0 0;
    display: none;
}
#History .modal-slide_body .accordion__value .accordion__value_item{
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
}
#History .modal-slide_body .accordion__value .accordion__value_item .b_title,
#History .modal-slide_body .accordion__value .accordion__value_item .b_price{
    color: #202020;
    font-weight: 300;
}
#History .modal-slide_body .accordion__value .accordion__value_item.full .b_title,
#History .modal-slide_body .accordion__value .accordion__value_item.full .b_price{
    font-weight: 700;
}
#Objects .all_operation{
    position: relative;
    padding: 14px;
    width: 100%;
    border: 1px solid #202020;
    border-radius: 16px;
}
.all_operation::after{
    position: absolute;
    content: "";
    width: 9px;
    height: 16px;
    top: 35%;
    right: 20px;
    background-image: url(/upload/mobileapp/elements/arrow-right-black.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}



#Notification .question .list__item-title-left {
    flex-basis: 100%;
}
.list__item.disabledItem {
    background: #f4f4f4;
}
.list__item.moved {
    margin-left: -140px;
    padding-right: 140px;
}
.list__item.empty {
    opacity: 0;
}
.list__item.closed {
    height: 0;
    overflow: hidden;
}
.list__item.no_bg {
    background: none;
}
.list__item.arrow::after {
    position: absolute;
    content: "";
    width: 9px;
    height: 16px;
    top: 35%;
    right: 20px;
    background-image: url("/upload/mobileapp/elements/arrow-right.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.list__item.border {
    position: relative;
    padding: 12px 14px 12px 64px;
    background: #fff;
    border-bottom: 1px solid #e9e9e9;
    border-radius: 0;
    margin-bottom: 0;
}
.list__item.border:first-child {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}
.list__item.border:last-child {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    border-bottom: none;
}
.list__item.border::before {
    position: absolute;
    content: "";
    width: 32px;
    height: 31px;
    top: 50%;
    left: 18px;
    transform: translateY(-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.list__item.historyPays::before {
    background-image: url("/upload/mobileapp/elements/historyPays.svg");
}
.list__item.receipt::before {
    background-image: url("/upload/mobileapp/elements/receipt.svg");
}
.list__item.services::before {
    background-image: url("/upload/mobileapp/icons/servicesBlack.svg");
}
.list__item.autopay::before {
    background-image: url("/upload/mobileapp/elements/autopay.svg");
}
.list__item.poll::before {
    background-image: url("/upload/mobileapp/elements/poll.svg");
}
.list__item.problem::before {
    background-image: url("/upload/mobileapp/elements/problem.png");
    background-size: inherit;
}
.list__item.bubble::before {
    background-image: url("/upload/mobileapp/elements/bubble.svg");
}
.list__item.feedback::before {
    background-image: url("/upload/mobileapp/elements/feedback.svg");
}
.list__item.share::before {
    background-image: url("/upload/mobileapp/elements/share.svg");
    height: 25px;
    background-size: contain;
}
.list__item.info::before {
    background-image: url("/upload/mobileapp/elements/info_black.svg");
}
.list__item.phone::before {
    background-image: url("/upload/mobileapp/elements/phone.svg");
}
.list__item-month{
    position: absolute;
    top: -25px;
    left: 0;
    font-size: 14px;
    line-height: 14px;
    color: #202020;
    font-weight: 800;
    margin-bottom: 12px;
}
#Notification .list__item-month{
    font-weight: 700;
    font-size: 15px;
    line-height: 100%;
    color: #939393;
}
#Notification .curMonth .list__item-month{
    color: #202020;
}
.list__item-title {
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    color: #202020;
    letter-spacing: -0.5px;
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between;
}
#Details .list__item-title .list__item-title-right{
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #6D6D6D;
    letter-spacing: -0.4px;
}
#Details .list__item-info .list__item-info_right{
    font-size: 18px;
    line-height: 10px;
    font-weight: 600;
    color: #6D6D6D;
}
#Notification .list__item-title-left{
    font-weight: 700;
    font-size: 18px;
    line-height: 125%;
    letter-spacing: -0.03em;
    color: #202020;
    opacity: 0.5;
}
#Notification .curMonth .list__item-title-left,
#Notification .curMonth .list__item-info_left,
#Notification .blob_c .list__item-info_left,
#Notification .blob_c .list__item-title-left {
    opacity: 1;
}
.list__item-title-left {
    flex-basis: 75%;
}
.list__item-subtitle {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #555555;
    margin-bottom: 13px;
    letter-spacing: -0.4px;
}
.list__item-subtitle-info,
.list__item-info {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.list__item-info {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #6D6D6D;
    letter-spacing: -0.4px;
}
.list__item-info_center {
    text-align: center;
}
.list__item-info_right {
    text-align: right;
}
.list__item-info_left{
    padding-right: 20px;
}
#Notification .list__item-info_left{
    font-weight: 500;
    font-size: 14px;
    line-height: 125%;
    letter-spacing: 0.01em;
    color: #202020;
    opacity: 0.5;
}
.list__item-info span {
    display: block;
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    margin-top: 3px;
}
.list-slide__delete {
    position: absolute;
    top: 0;
    right: -140px;
    width: 140px;
    height: 100%;
    background: #F51F1B;
    background-image: url("/upload/mobileapp/elements/trash.svg");
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.3s;
    z-index: 100000;
}
.list__item.moved .list-slide__delete {
    right: 0;
}
.list-slide__deleted {
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    color: #fff;
    background: #B30400;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}
.list-slide__deleted.deleted {
    right: 0;
}



.menu_logo {
    margin: 47px auto;
    width: 100px;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #939393;
}
.menu_logo img{
    width: 100%;
}

#Counters .swiper-slide {
    width: 100px !important;
    height: 100px;
    max-height: 108px;
    min-height: 108px;
    border-radius: 16px;
}



/* Tabs */
.tabs {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow: auto;
    margin-bottom: 12px;
}
.tabs-title {
    display: block;
    text-align: center;
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    margin-bottom: 26px;
    margin-top: 75px;
}
.tabs__item {
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    color: #939393;
    margin-right: 22px;
    padding-bottom: 14px;
}
.tabs__item.bordered {
    border: 1px solid #939393;
    padding: 12px 14px;
    border-radius: 12px;
    margin-right: 8px;
}
.tabs__item.active {
    font-weight: 700;
    color: #202020;
    border-bottom: 2px solid #202020;
}
.tabs__item.active.bordered {
    border: 1px solid #939393;
}
.tabs::-webkit-scrollbar {
    width: 0;
}
.tabs__item.icon {
    position: relative;
    background: #fff;
    border-radius: 12px;
    padding: 9px;
    margin-right: 12px;
    font-size: 14px;
    line-height: 13px;
    min-width: 108px;
    min-height: 108px;
    color: #202020;
    font-weight: 600;
}
.tabs__item.active.icon {
    border: 2px solid #FD6611;
}
.tab-icon {
    position: absolute;
    bottom: 8px;
    left: 9px;
    width: 38px;
    height: 38px;
    margin-top: 8px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.tabs__item.icon .tab-icon.el {
    background-image: url(/upload/mobileapp/elements/icon-el.svg);
}
.tabs__item.active.icon .tab-icon.el {
    background-image: url(/upload/mobileapp/elements/icon-el-active.svg);
}
.tabs__item.icon .tab-icon.epd_516 {
    background-image: url(/upload/mobileapp/elements/icon-epd_516.svg);
}
.tabs__item.active.icon .tab-icon.epd_516 {
    background-image: url(/upload/mobileapp/elements/icon-epd_516-active.svg);
}
.tabs__item.icon .tab-icon.epd_519 {
    background-image: url(/upload/mobileapp/elements/icon-hw.svg);
}
.tabs__item.active.icon .tab-icon.epd_519 {
    background-image: url(/upload/mobileapp/elements/icon-hw-active.svg);
}
.tabs__item.icon .tab-icon.epd_1 {
    background-image: url(/upload/mobileapp/elements/icon-epd_1.svg);
}
.tabs__item.active.icon .tab-icon.epd_1 {
    background-image: url(/upload/mobileapp/elements/icon-epd_1-active.svg);
}
.tabs__item.icon .tab-icon.epd_521 {
    background-image: url(/upload/mobileapp/elements/icon-cw.svg);
}
.tabs__item.active.icon .tab-icon.epd_521 {
    background-image: url(/upload/mobileapp/elements/icon-cw-active.svg);
}
.tabs__item.icon .tab-icon.epd_524 {
    background-image: url(/upload/mobileapp/elements/icon-epd_524.svg);
}
.tabs__item.active.icon .tab-icon.epd_524 {
    background-image: url(/upload/mobileapp/elements/icon-epd_524-active.svg);
}
.tabs__item.icon .tab-icon.epd_525 {
    background-image: url(/upload/mobileapp/elements/icon-epd_525.svg);
}
.tabs__item.active.icon .tab-icon.epd_525 {
    background-image: url(/upload/mobileapp/elements/icon-epd_525-active.svg);
}
.tabs__item.icon .tab-icon.epd_526 {
    background-image: url(/upload/mobileapp/elements/icon-epd_526.svg);
}
.tabs__item.active.icon .tab-icon.epd_526 {
    background-image: url(/upload/mobileapp/elements/icon-epd_526-active.svg);
}
/* CodeNumber */
.phone_input {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.code__number {
    margin-right: 10px;
}
.current__code {
    font-size: 28px;
    border: 1px solid #939393;
    border-radius: 6px;
    padding: 8px 7px 11px 5px;
}
.code {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #939393;
}
.codes {
    position: absolute;
    z-index: 1;
    background: #fff;
}

/* Objects */
.objects__edit {
    padding-top: 26px;
}
.object__photo {
    width: 100%;
    min-height: 110px;
    background: #F4F4F4;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    color: #6D6D6D;
    letter-spacing: -0.3px;
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
}
.object__photo.white {
    background: #FFF;
}
.object__photo img {
    max-height: 110px;
}
.objects__edit .object__photo {
    margin-bottom: 26px;
}
.object__photo>div {
    position: relative;
    padding-top: 64px;
    color: #202020;
    font-size: 14px;
    line-height: 14px;
}
.object__photo>div::after {
    position: absolute;
    content: "";
    width: 56px;
    height: 56px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url("/upload/mobileapp/elements/camera_big.png");
    background-position: center;
    background-repeat: no-repeat;
}

/* Accounts */
.account__body {
    width: 100%;
    padding: 10px 0;
}
.tarif__info {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 14px 14px 14px 18px;
    border: 1px solid #939393;
    border-radius: 12px;
    margin: 5px 0;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    letter-spacing: -0.2px;
    color: #202020;
}
.tarif__info span {
    display: block;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    letter-spacing: -0.3px;
    color: #202020;
    margin-bottom: 4px;
}
.tarif__info-name {
    flex-basis: 73%;
}
.tarif__info-tarif {
    border-left: 1px solid #939393;
    padding-left: 16px;
}
.account__info {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 9px 12px;
    font-size: 18px;
    line-height: 19.5px;
    font-weight: 500;
    letter-spacing: -0.4px;
}
.account__info span {
    display: block;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    letter-spacing: -0.2px;
    color: #6D6D6D;
    margin-bottom: 4px;
}
.account__info-left {
    flex-basis: 70%;
}
.account__info-right {
    text-align: right;
}
#ViewAccount .account__info {
    align-items: center;
    padding: 10px 14px;
    border-radius: 16px;
    margin-bottom: 12px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    color: #202020;
    background-color: white;
}
#ViewAccount .account__info span{
    font-weight: 700;
    font-size: 18px;
    line-height: 125%;
    color: #202020;
}
.inner_wrapper {
    /* padding: 0 22px; */
}
/* Logo */
.load_wrapper {
    /* display: flex;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    align-items: center; */
}
.logo {
    display: block;
    width: 147px;
    height: 147px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("/upload/mobileapp/logo/logo-new.png");
}
.slogan {
    position: fixed;
    bottom: 30px;
    text-align: center;
    width: 100%;
    transition: all 0.5s;
}
.fade {
    bottom: -30px;
}
.error {
    width: 100%;
    max-width: 290px;
    margin: 0 auto;
    text-align: center;
    color: #ff0000;
    font-size: 16px !important;
    font-weight: 600 !important;
}
.error.index_error {
    padding: 10vh 30px 40px;
}
#Login .error{
    top: 15px;
    left: 0;
    position: absolute;
    min-width: 100%;
    margin: 20px auto;
}

/* Loader */
.white_canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    z-index: 10;
    background-size: cover;
    background-position: center center;
}
.white_canvas.monthHi{
    z-index: 20;
}
.loader__wrapper {
    position: fixed;
    width: 165px;
    height: 165px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; */
}
.loader__wrapper .loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 72px 72px;
    /* background-color: #fff; */
    align-self: center;
    text-align: left;
    transition: all 1s;
}
.loader__wrapper .loader.loader_1 {
    background-image: url('/upload/mobileapp/icons/petal_11.png');
    z-index: 90;
}
.loader__wrapper .loader.loader_2 {
    background-image: url('/upload/mobileapp/icons/petal_22.png');
    z-index: 100;
}
.loader__wrapper .loader.loader_3 {
    background-image: url('/upload/mobileapp/icons/petal_33.png');
    z-index: 80;
    opacity: 0;
}
.loader__wrapper .loader.loader_text {
    color: #232D31;
    font-family: 'Manrope', sans-serif;
    font-size: 42px;
    line-height: 40px;
    font-weight: 600;
    letter-spacing: -1.7px;
    text-transform: uppercase;
    z-index: 70;
    left: 50%;
    top: 50%;
    opacity: 0;
}
.loader__wrapper .loader.tr{
    left: 50%;
}
.loader__wrapper .loader.bl{top: 50%;opacity: 1;}
.loader__wrapper .loader.br{opacity: 1;}

/* Spiner */
.user__loader {
    position: fixed;
    width: 100%;
    height: 50vh;
    left: 50%;
    bottom: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    transform: translate(-50%, 0);
}
.user__loader-greetings {
    text-align: center;
    margin-bottom: 30px;
    font-size: 22px;
    line-height: 24px;
    font-weight: 700;
}
.user__loader-photo {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    margin-bottom: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.user__loader-photo img {
    width: 100%;
    border-radius: 50%;
}
.lds-spinner {
    color: #333;
    display: inline-block;
    position: relative;
    width: 32px;
    height: 32px;
}
.lds-spinner div {
    transform-origin: 15px 15px;
    animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 0px;
    left: 14px;
    width: 2px;
    height: 8px;
    border-radius: 20%;
    background: #333;
}
.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}
@keyframes lds-spinner {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/* Login */
.form_wrapper {
    width: 100%;
    padding: 14vh 15px 0;
}
.middleHeight .form_wrapper {
    padding: 10vh 15px 0;
}
.smallHeight .form_wrapper {
    padding: 0 15px;
}
.smallHeight .form__before,
.smallHeight .form__after {
    font-size: 14px;
    line-height: 14px;
    padding: 0 15px;
    margin-bottom: 13px;
}
.smallHeight .form__field.button {
    bottom: 5px;
}
.smallHeight .form__field.agree {
    bottom: 47px;
}
.form__title {
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    margin-bottom: 7px;
}
.form__before, .form__after {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.5px;
    text-align: center;
    padding: 0 45px;
    margin-bottom: 23px;
    color: #939393;
}
.form__body {
    width: 100%;
}
.form__field_ins,
.form__field {
    width: 100%;
    margin-bottom: 15px;
    position: relative;
}
.form__field_ins{
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.28px;
}
.form__field.bottom {
    margin: 0;
    position: absolute;
    left: 0;
    bottom: 180px;
    padding: 0 22px;
}
.form__field.bottom.apple {
    /*width: 100vw !important;*/
    padding: 0;
    margin: 20px 0;
}
.form__field.bottom.pen::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 124px;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    background-image: url('/upload/mobileapp/elements/pen-outline.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.form__field.agree {
    position: fixed;
    margin-bottom: 0;
    bottom: 77px;
    left: 50%;
    transform: translateX(-50%);
}
.form__field.button {
    position: fixed;
    margin-bottom: 0;
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 22px;
}
.form__field label {
    display: block;
    text-align: center;
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    margin-bottom: 26px;
}
.smallHeight .form__field label {
    margin-bottom: 10px;
}
.form__field.bottom label {
    text-align: left;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    color: #6D6D6D;
    margin-bottom: 2px;
}
#universalForm{
    padding: 10vh 15px 0;
    height: calc(100vh - 245px);
}
.smallHeight #universalForm{
    padding: 5vh 15px 0;
}
.smallHeight #SecurityPassword #universalForm{
    padding: 0 15px;
}
#universalForm .form__body {
    height: 100%;
}
#universalForm .form__field.agree {
    bottom: 9vh;
}
.smallHeight #universalForm .form__field.agree {
    bottom: 14vh;
}
#ProfileModal {
    background-image: url('/upload/mobileapp/elements/story_profile.svg');
    background-size: cover;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-color: #ef6c02;
    color: white;
}
#ProfileModal .main__button{
    position: absolute;
    bottom: 40px;
    width: calc(100% - 70px);
    display: inline-block;
    background: #FFFFFF;
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    color: #202020;
}
#ProfileModal .success_pay{
    top: auto;
    bottom: 120px;
    width: calc(100% - 70px);
    transform: none;
    left: auto;
}
#ProfileModal .offer-title{
    font-weight: 800;
    font-size: 30px;
    line-height: 100%;
    text-align: left;
}
#ProfileModal .offer-text{
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    text-align: left;
}
#ProfileModal .modal_close {
    background: #f4f4f475;
}
#universalForm .form__field.gosuslugi{
    position: relative;
    bottom: 0;
    margin-top: 7vh;
}
#universalForm .form__field.gosuslugi .gosuslugi{
    background-color: white;
    color: #0d4cd3;
    border: 1px solid #0d4cd3;
    display: block;
    width: 100%;
    max-width: 292px;
    margin: 0 auto;
    padding: 15px 0;
    border-radius: 12px;
    font-size: 18px;
    text-align: center;
}
#universalForm .textInfo{
    font-size: 14px;
    margin: 20px 35px;
    white-space: pre-wrap;
}
#Login .tabs{
    margin-bottom: 2vh;
}
#Login .tabs-title {
    padding-top: 10vh;
    margin-top: 0;
    margin-bottom: 3.5vh;
}
#Login .form__field.button{
    bottom: 3vh;
}
input[type="tel"], input[type="text"], input[type="password"], input[type="email"], input[type="number"] {
    display: block;
    width: 100%;
    max-width: 292px;
    margin: 0 auto;
    border-radius: 6px;
    border: none;
    outline: none;
    background: #f1f1f1;
    font-size: 28px;
    padding: 15px 14px;
}
::placeholder {
    color: #cccccc;
    font-size: 28px;
    /* transform: translateY(0); */
}
#Login  input[type="tel"], input[type="text"], input[type="password"], input[type="email"], input[type="number"],
#EditProfile input[type="tel"], input[type="text"], input[type="password"], input[type="email"], input[type="number"] {
    background: #ffffff;
}
input.small {
    font-size: 16px;
    color: #1F1F20;
    padding: 21px 14px;
}
.smallHeight input.small {
    font-size: 14px;
    padding: 14px;
}
input.small::placeholder {
    font-size: 16px;
    color: #1F1F20
}
.form__field.bottom input#predPok,
.form__field.bottom input#koef {
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    color: #6D6D6D;
    padding: 1px 0;
    display: inline-block;
    max-width: 94px;
    border: none !important;
}
.form__field.bottom.pen{
    width: 50%;
    display: inline-block;
}
.form__field.bottom.pen.predPok{
    right: 0;
    left: auto;
    display: none;
}
.agree {
    text-align: center;
    padding: 15px 30px;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}
.agree a {
    text-decoration: underline;
    color: #1F1F20;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}
.title.readonly {
    font-size: 28px;
    color: #6D6D6D;
    line-height: 28px;
    text-align: center;
    font-weight: 400;
}
#phoneNumber.title.readonly{
    margin: 39px 0;
}
.title.small-text {
    font-size: 16px;
    font-weight: 400;
}
.smallHeight .title.small-text {
    font-size: 13px;
}
input[type="button"] {
    font-family: 'Manrope';
    display: block;
    width: 100%;
    max-width: 292px;
    margin: 0 auto;
    padding: 15px 0;
    border: none;
    color: #fff;
    background: #FD6611;
    border-radius: 12px;
    font-size: 18px;
}
input[type="button"]:disabled, input[type="button"].grey {
    background: #c9c9c9 !important;
}
input[type="button"].black {
    background: #202020;
    color: #fff;
}
span.remember {
    font-size: 14px;
    display: block;
    text-align: center;
    padding: 5px 0;
}
span.eye {
    position: absolute;
    bottom: 25px;
    right: 50px;
    width: 22px;
    height: 14px;
    background-image: url('/upload/mobileapp/icons/type_toggle.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.smallHeight span.eye {
    bottom: 15px;
}
input.check + span.eye {
    background-image: url('/upload/mobileapp/icons/check.png');
    width: 15px;
    height: 12px;
}


.checkbox input {
    visibility: hidden;
    position: absolute;
}
.checkbox input[type=checkbox] + label {
    font-size: 14px;
    text-align: left;
    padding: 0 0 0 35px;
}
.checkbox input[type=checkbox] + label::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    border: 1px solid #939393;
    border-radius: 5px;
}
.checkbox input[type=checkbox]:checked + label::before {
    border: 1px solid #FD6611;
    background-color: #FD6611;
    border-radius: 5px;
    background-image: url("/upload/mobileapp/elements/check-white.svg");
    background-position: center;
    background-repeat: no-repeat;
}
.checkbox_slide.form__field label {
    text-align: left;
    line-height: 28px;
    font-weight: 700;
    margin-bottom: 0;
}
#Insurance .checkbox_slide.form__field label{
    font-weight: 400;
    font-size: 13px;
    line-height: 135%;
}
#Insurance .pay__total-itog {
    margin-top: 0
}
.checkbox_slide{
    position: relative;
    padding: 12px 14px;
    margin-bottom: 12px;
    background: #fff;
    border-radius: 16px;
}
.checkbox_slide.hidden{
    display: none;
}
.checkbox_slide input[type="checkbox"]{
    -webkit-appearance: none;
    outline: none;
    float: right;
    position: relative;
    height: 20px;
    width: 36px;
    border: 1px solid  #ccccccb0;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 7px 2px 10px rgba(189, 189, 189, 0.6), -3px -3px 10px rgba(255, 255, 255, 0.5), inset 10px 10px 15px -10px #c3c3c3, inset -10px -10px 15px -10px #fff;
}
.checkbox_slide input[type="checkbox"]::before {
    content: "";
    height: 16px;
    width: 16px;
    border-radius: 6px;
    background-color:  #fafafa;
    position: absolute;
    margin: auto;
    top: 0;
    left: 2px;
    bottom: 0;
    box-shadow: 4px 2px 16px #c3c3c3, 9px 9px 16px rgba(189, 189, 189, 0.6);
    transition: 0.15s;
}
.checkbox_slide input[type="checkbox"]::after {
    content: "";
    position: absolute;
    font-size: 1.625rem;
    top: 1.25rem;
    right: 1.5625rem;
    color: #86868b;
    font-family: "SF Pro Text", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    letter-spacing: 0.004em;
}
.checkbox_slide input[type="checkbox"]:checked {
    background: #FD6611;
    border: 1px solid  #FD6611;
    box-shadow: 9px 9px 16px rgba(189, 189, 189, 0.6), -9px -9px 16px rgba(255, 255, 255, 0.5), inset 10px 10px 15px -10px #b8490d, inset -10px -10px 15px -10px #b8490d;
}
.checkbox_slide input[type="checkbox"]:checked::before {
    left: 16px;
    box-shadow: none;
}
.checkbox_slide input[type="checkbox"]:checked::after {
    content: "";
    left: 1.5625rem;
    color: #f5f5f7;
}
.profile__body.email_block{
    padding-bottom: 25px;
}
#Insurance .profile__body.email_block {
    padding-bottom: 0;
}
#Insurance .profile__body.email_block .elForm{
    width: 100%;
    background: #fff;
    padding: 12px 14px;
    border-radius: 16px;
    margin-bottom: 15px;
}
#Insurance .form__field.checkbox{
    margin-bottom: 0;
}
#Insurance .form__field label{
    margin-bottom: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 135%;
}
/*.form__wrapper.epdForm .form__field.bottom.koef{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: end;
    background: white;
    border-radius: 6px;
    padding: 10px;
}

.form__wrapper.epdForm .form__field.bottom input#koef{
    text-align: right;
    padding: 0;
    max-width: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: #202020;
}
.form__wrapper.epdForm .form__field input#toPay{
    padding: 10px;
    border-radius: 6px;
}*/
/* SMS code*/
.phone_code {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
}
.phone_code input[type="number"]{
    width: 200px;
    height: 72px;
    background: #f4f4f4;
    border: none;
    outline: none;
    border-radius: 12px;
    text-align: center;
    font-size: 48px;
    color: #000;
    margin: 0 10px;
    padding: 15px 5px;
}
.timer {
    font-size: 14px;
    font-weight: 400;
    color: #1F1F20;
    line-height: 32px;
    letter-spacing: 0.9px;
}

/* PIN code */
.form__title.pin {
    padding: 20px;
}
.pin_code {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    margin: 42px 0 15vh;
}
.middleHeight .pin_code {
    margin: 3vh 0 7vh;
}
.pin_code-item, .pin_code-repeat {
    width: 24px;
    height: 24px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 13px;
    transition: all 0.3s;
}
.pin_code-item.done, .pin_code-repeat.done {
    background: #1D6AFF;
}
.pin_code-item.cancel, .pin_code-repeat.cancel {
    background: #00B67A;
    width: 18px;
    height: 18px;
}
.pin_code-repeat.error, .pin_code-item.error {
    background: none;
}
.pin_keys {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
}
.pin_key {
    flex-basis: 30%;
    text-align: center;
    font-size: 36px;
    line-height: 72px;
    color: #1F1F20;
    font-weight: 700;
}
.pin_key.touchid{
    position: absolute;
    bottom: -10px;
    left: 13%;
    display: none;
}
.platformC .pin_key.touchid{
    display: block;
}
.pin_key.touchid img{
    width: 50px;
}
#key_10{
    margin-left: 30%;
}
.pin_done {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#SecurityPassword .pin_done{
    height: 50vh;
}
.pin_done-text {
    font-size: 24px;
    font-weight: 700;
    padding: 15px 30%;
    text-align: center;
}
/* Modal */
.overlay {
    width: 100%;
    height: 100vh;
    position: fixed;
    background: rgba(0,0,0, 0.25);
    top: 0;
    left: 0;
}
.overlay.dark {
    background: rgba(0,0,0, 0.7);
    z-index: 15;
}
.modal_wrapper {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding: 35px 20px 20px;
}
.modal {
    width: 100%;
    max-width: 357px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 50px 20px;
    border-radius: 20px;
    max-height: 100vh;
}
.modal_close {
    position: absolute;
    top: 12px;
    right: 10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #f4f4f4;
    border-radius: 50%;
    z-index: 100;
}
#setPin .modal_close {
    top: 30px;
    right: 30px;
}
.bsk__info .modal_close{
    top: 35px;
    right: 10px;
}
.modal-title {
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    text-align: center;
    padding: 15px 10px 10px;
}
.modal-text {
    font-size: 15px;
    line-height: 17px;
    font-weight: 500;
    text-align: center;
}
.modal_logo {
    width: 100%;
    text-align: center;
    margin-bottom: 2vh;
}
.modal_logo img {
    width: 100%;
    max-height: 45vh;
}
.middleHeight .modal_logo img {
    max-height: 35vh;
}
.modal_title {
    text-align: center;
    font-size: 24px;
    line-height: 25px;
    font-weight: 700;
    color: #1F1F20;
}
.modal_text {
    text-align: center;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: 500;
    line-height: 17px;
}
.modal_buttons {
    display: flex;
    flex-direction: column;
}

.modal_buttons input{
    margin-top: 15px;
    max-width: 314px;
}
.modal_header {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 18px;
}

/* Menu */
.menu__wrapper {
    position: fixed;
    z-index: 10;
    left: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
    flex-wrap: nowrap;
    padding-bottom: 15px;
    padding-top: 15px;
    /* border-top: 1px solid #E1e1e1; */
    -webkit-box-shadow: 0px 5px 8px -5px rgb(34 60 80 / 20%) inset;
    -moz-box-shadow: 0px 5px 8px -5px rgba(34, 60, 80, 0.2) inset;
    box-shadow: 0px 5px 8px -5px rgb(34 60 80 / 20%) inset;
}
.menu__item {
    font-size: 11.6px;
    color: #525252;
    padding-top: 30px;
    background-position: center top;
    background-repeat: no-repeat;
}
.menu__item.router-link-active {
    color: #1D6AFF;
}
.menu__item.main {background-image: url("/upload/mobileapp/icons/home.svg");}
.menu__item.main.router-link-active {background-image: url("/upload/mobileapp/icons/home-active.svg");}
.menu__item.pok {background-image: url("/upload/mobileapp/icons/counters.svg");}
.menu__item.pok.router-link-active {background-image: url("/upload/mobileapp/icons/counters-active.svg");}
.menu__item.services {background-image: url("/upload/mobileapp/icons/services.svg");}
.menu__item.services.router-link-active {background-image: url("/upload/mobileapp/icons/services-active.svg");}
.menu__item.more {background-image: url("/upload/mobileapp/icons/more.svg");}
.menu__item.more.router-link-active {background-image: url("/upload/mobileapp/icons/more-active.svg");}

/* Intro */
.intro_wrapper {
    padding-top: 16px;
}
.intro__img {
    width: 100%;
}
.intro__img img {
    width: 100%;
    text-align: center;
}
.into__title {
    font-size: 36px;
    font-weight: 800;
    line-height: 36px;
    letter-spacing: -1.6px;
    text-align: center;
    padding: 20px 40px 17px;
}
.into__text {
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
}

/* Header */
.main__header {
    width: 100%;
}
.main__header .header_box{
    width: 100%;
    padding: 18px 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.platformB .main__header .header_box.bitrixview{
    display: flex!important;
}
#app .qrcode-stream-wrapper {
    height: 100vh;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 100;
}
#app .qrcode-stream-wrapper .target_qr{
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(/upload/mobileapp/elements/svgviewer.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
    z-index:1;
    filter: opacity(0.5);
}
.notification {
    width: 42px;
    height: 34px;
    margin-left: 15px;
    position: relative;
}
.user__avatar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.user__avatar img{
    width: 34px;
    height: 34px;
    border-radius: 50%;
}
.notification__count {
    position: absolute;
    top: -8px;
    right: 0;
    background: #F51F1B;
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    padding: 0 5px;
    border-radius: 12px;
}

/* Carousel */
.carousel {
    /* padding: 8px 15px; */
}
[data-id="TechWork"].slide_info {
    top: 25px!important;
}
[data-id="Offer"].swiper-slide {
    background-size: 103%;
}
.swiper-container {
    padding: 5px 0;
    margin-left: -24px;
    margin-right: -24px;
}
.swiper-slide {
    background: #fff;
    width: 95px !important;
    min-height: 126px;
    border-radius: 20px;
    margin: 0 6px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#Person .swiper-slide {
    width: 140px !important;
    min-height: 80px;
    border-radius: 18px;
}
#Person .slide_info {
    top: 40px;
    font-size: 15px;
    line-height: 16px;
    font-weight: 500;
}
#Cards .swiper-slide,
#AutoPay .swiper-slide,
#AutoPayEpd .swiper-slide,
#AutoPayIns .swiper-slide{
    width: 196px !important;
    min-height: 280px;
    border-radius: 22px;
    margin: 0 16px;
    /* background-color: #146C4B; */
}
#Cards .swiper-slide.swiper-slide-active{
    width: 224px !important;
    min-height: 300px;
    border-radius: 22px;
    margin: 0 16px;
}

#Questions .swiper-slide {
    min-height: 40px !important;
    background: transparent;
    border: 1px solid #939393;
    border-radius: 12px;
}
#Questions .slide_img {
    display: none;
}
#Questions .slide_info {
    position: relative;
    text-align: center;
    font-size: 16px;
    line-height: 17px;
    color: #555555;
    font-weight: 500;
    top: inherit;
    left: inherit;
    padding: 0;
    transform: translateY(50%);
}

.swiper-slide:first-child {
    margin-left: 0 !important;
}

.swiper-slide:last-child {
    margin-right: 0 !important;
}

.slide_img {
    position: absolute;
    width: 70px;
    aspect-ratio: 1.5/1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    right: 13px;
    bottom: 13px;
}

.slide_img img {
    width: 100%;
    border-radius: 16px;
}
.slide_img img.inner_icon {
    width: 24px;
    height: 24px;
    border-radius: 16px;
}
#Services .slide_img{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
}

.slide_info {
    position: absolute;
    width: 100%;
    text-align: left;
    top: 85px;
    left: 0;
    font-size: 11px;
    line-height: 11px;
    font-weight: 700;
    color: #fff;
    padding: 0 0 0 10px;
}
#Cards .slide_info{
    top: unset;
    bottom: 50px;
    text-align: right;
    font-size: 22px;
    line-height: 22px;
    font-weight: 600;
    padding: 0 16px 10px 0;
}
.slide__favourite {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 16px;
    right: 58px;
    border-radius: 50%;
    background-color: rgba(233,233,233,0.2);
    background-image: url("/upload/mobileapp/elements/star.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 14px;
}
.slide__delete {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 16px;
    right: 16px;
    border-radius: 50%;
    background-color: rgba(233,233,233,0.2);
    color: #fff;
    font-size: 16px;
    line-height: 32px;
    text-align: center;
}
.swiper-pagination-bullet {
    width: 6px !important;
    height: 6px !important;
    background: #C9C9C9 !important;
    opacity: 1 !important;
    margin-right: 4px;
    margin-bottom: 1px;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #939393 !important;
    width: 8px !important;
    height: 8px !important;
    margin-bottom: 0;
}
.carousel-bottom-text {
    margin-bottom: 15px;
    color: #202020;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: -0.2px;
}
.carousel-bottom-text span {
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -0.3px;
    font-weight: 700;
    display: block;
}
.text-pd{
    text-align: center;
    padding: 15px!important;
}
#Counters .carousel {
    margin-bottom: 12px;
}
#Counters .swiper-slide {
    width: 105px !important;
    height: 108px;
    max-height: 108px;
    min-height: 108px;
    border-radius: 16px;
    margin: 0 10px;
    /* background-color: #146C4B; */
}
#Counters .tabs {
    margin-bottom: 15px;
}
#Counters span.carousel-title {
    line-height: 100%;
    color: #202020;
    padding-left: 14px;
}
#Counters .list__item {
    padding: 14px 10px 14px 14px;
    /*background: #E9E9E9;*/
    border-radius: 16px;
}
#Counters .list__item-title{
    font-size: 18px;
    line-height: 125%;
    color: #202020;
}
#Counters .list__item-info {
    line-height: 135%;
    color: #202020;
}
#Counters .list__item-subtitle {
    color: #202020;
}
#Counters .list__item-subtitle.mt-7{
    margin-bottom: 0;
    color: #6D6D6D;
}
#Counters .list__item-info .list__item-info_right,
#Counters .list__item-info .list__item-info_left{
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    color: #6D6D6D;
}
.epd__counter-info .datePok,
#Counters .list__item .list__item-info_left .datePok{
    display: inline-block;
}
#Counters .epd__counter-info {
    align-items: baseline;
}
#AutoPay .swiper-slide .slide_autopay_box,
#AutoPayIns .swiper-slide .slide_autopay_box,
#AutoPayEpd .swiper-slide .slide_autopay_box{
    border-radius: 10px;
    padding: 5px 10px;
    background: rgb(255 255 255 / 21%);
    font-size: 12px;
    margin-top: 15px;
    border: 1px solid #000000b5;
    color: black;
    position: relative;
}
#Cards .slide_info, #AutoPay .slide_info, #AutoPayEpd .slide_info, #AutoPayIns .slide_info {
    position: relative;
    font-weight: 500;
    font-size: 18px;
    line-height: 108%;
    color: #202020;
    top: unset;
}
#AutoPay .swiper-slide .slide_autopay_box,
#AutoPayIns .swiper-slide .slide_autopay_box,
#AutoPayEpd .swiper-slide .slide_autopay_box{
    padding: 10px 14px;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 16px;
    filter: opacity(0.5);
}
#AutoPay .swiper-slide .slide_autopay_box.current,
#AutoPayIns .swiper-slide .slide_autopay_box.current,
#AutoPayEpd .swiper-slide .slide_autopay_box.current{
    filter: opacity(1);
}
#AutoPay .swiper-slide .slide_info_box,
#AutoPayIns .swiper-slide .slide_info_box,
#AutoPayEpd .swiper-slide .slide_info_box{
    display: flex;
    align-items: center;
}
#AutoPay .swiper-slide .slide_img,
#AutoPayIns .swiper-slide .slide_img,
#AutoPayEpd .swiper-slide .slide_img{
    position: relative;
    width: 46px;
    min-width: 46px;
    height: 30px;
    border-radius: 5px;
    right: auto;
    bottom: auto;
}
#AutoPay .swiper-slide .slide_autopay_box .pen,
#AutoPayEpd .swiper-slide .slide_autopay_box .pen,
#AutoPayIns .swiper-slide .slide_autopay_box .pen{
    position: absolute;
    content: "";
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    background-image: url(/upload/mobileapp/elements/pen.svg);
}
#AutoPay .swiper-slide .slide_autopay_box.current .trash,
#AutoPayEpd .swiper-slide .slide_autopay_box.current .trash,
#AutoPayIns .swiper-slide .slide_autopay_box.current .trash{
    position: absolute;
    content: "";
    top: 30%;
    right: 10px;
    width: 24px;
    height: 24px;
    background-image: url(/upload/mobileapp/elements/trash_b.png);
    background-size: contain;
}
#AutoPay .swiper-slide .slide_autopay_box.current .pen,
#AutoPayEpd .swiper-slide .slide_autopay_box.current .pen,
#AutoPayIns .swiper-slide .slide_autopay_box.current .pen{
    background-image: url(/upload/mobileapp/elements/pen_white.svg);
}
#AutoPay .swiper-slide .slide_autopay_box .title,
#AutoPayEpd .swiper-slide .slide_autopay_box .title,
#AutoPayIns .swiper-slide .slide_autopay_box .title{
    font-weight: 500;
    font-size: 14px;
    line-height: 125%;
    color: #202020;
}
#AutoPay .swiper-slide .slide_autopay_box .ls,
#AutoPayEpd .swiper-slide .slide_autopay_box .ls,
#AutoPayIns .swiper-slide .slide_autopay_box .ls{
    font-weight: 500;
    font-size: 14px;
    line-height: 125%;
    color: #6D6D6D;
}
#AutoPay .swiper-pagination,
#AutoPayEpd .swiper-pagination,
#AutoPayIns .swiper-pagination{
    width: calc(100% - 32px);
}
#AutoPayIns .list__item,
#AutoPayEpd .list__item,
#AutoPay .list__item {
    padding: 14px 10px 14px 14px;
    background: #F4F4F4;
}
#AutoPay .swiper-slide.swiper-slide, #AutoPayEpd .swiper-slide.swiper-slide, #AutoPayIns .swiper-slide.swiper-slide,
#AutoPay .swiper-slide.swiper-slide-active, #AutoPayEpd .swiper-slide.swiper-slide-active, #AutoPayIns .swiper-slide.swiper-slide-active {
    background: #F4F4F4;
    width: calc(100% - 15px) !important;
    min-height: 198px;
    border-radius: 22px;
    margin: 0 8px;
    padding: 14px;
}
#Counters .swiper-slide.swiper-slide-active {
    border: 2px solid #FD6611;
}
#Counters .slide_info {
    position: relative;
    width: 100%;
    text-align: left;
    top: 0;
    left: 0;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: -0.3px;
    font-weight: 600;
    color: #202020;
    padding: 15px 15px 8px;
}
#Counters .swiper-slide .slide__icon {
    width: 38px;
    height: 38px;
    margin-left: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#Counters .swiper-slide .slide__icon.el {background-image: url("/upload/mobileapp/elements/icon-el.svg");}
#Counters .swiper-slide-active .slide__icon.el {background-image: url("/upload/mobileapp/elements/icon-el-active.svg");}
#Counters .list__item.arrow::after {
    top: 20%;
}
#Counters .tabs__item {
    width: 50%;
    margin-left: 20px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #6D6D6D;
}
#Counters .tabs__item.active{
    font-weight: 700;
    color: #202020;
}
/* Confirm */
.confirm__wrapper {
    position: fixed;
    width: 100%;
    max-width: 300px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 20px;
    padding: 30px 20px 20px;
    z-index: 10000;
    filter: drop-shadow(2px 6px 12px gray);
}
.confirm__wrapper.check_ads .confirm__img img{
    width: 180px;
}
.confirm__img{
    text-align: center;
}
.confirm__title {
    text-align: center;
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #202020;
}
.confirm__text {
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    color: #202020;
    text-align: center;
    margin-bottom: 18px;
}
.confirm__buttons input {
    margin-top: 18px;
    text-wrap: auto;
}
.confirm__wrapper.check_ads .confirm__title {
    font-size: 21px;
}
.confirm__wrapper.check_ads .confirm__text {
    font-size: 14px;
    line-height: 14px;
}
.confirm__title_orange{
    font-style: normal;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 125%;
    color: #FF6C1F;
    margin-bottom: 20px;
}
.confirm__wrapper.check_PD .confirm__title {
    font-size: 18px;
    text-align: left;
    line-height: 20px;
}
.confirm__wrapper.check_PD .confirm__text {
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    height: 120px;
    overflow: scroll;
}
.confirm__wrapper.check_ads input[type="button"] {
    padding: 13px 0;
    font-size: 16px;
}
.confirm__wrapper.check_ads .confirm__buttons input {
    margin-top: 12px;
}
.modal_share.confirm__wrapper{
    max-width: 95%;
    background-color: #DADADA;
    padding: 50px 40px 0 30px;
}
.modal_share.confirm__wrapper .confirm__title {
    text-align: left;
    font-weight: 800;
    font-size: 36px;
    line-height: 100%;
    margin-bottom: 14px;
}
.modal_share.confirm__wrapper .confirm__text {
    text-align: left;
    font-weight: 700;
    font-size: 16px;
    line-height: 112%;
    margin-bottom: 0;
}
.mb-29{
    margin-bottom: 29px!important;
}
.modal_share.confirm__wrapper .modal_close{
    width: 32px;
    height: 32px;
    right: 18px;
    top: 18px;
    mix-blend-mode: multiply;
    background: #E9E9E9;
}
    /* Modal Slide*/
.button_box .modal-slide_dl,
.pay__systems .modal-slide_dl {
    background: #C9C9C9;
    width: 56px;
    height: 52px;
    position: relative;
    border-radius: 16px;
    display: inline-block;
}
#History .pay__systems .modal-slide_dl {
    background: transparent;
    border: 1px solid #202020;
}
.button_box .modal-slide_dl::before,
.pay__systems .modal-slide_dl::before{
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    background-image: url(/upload/mobileapp/elements/share.png);
    left: 16px;
    top: 12px;
}
.button_box .modal-slide_all{
    width: 100%;
}
.button_box .modal-slide_send,
.pay__systems .modal-slide_send{
    display: inline-block;
    width: calc(100% - 62px);
}
.pay__systems.modal_slide {
    transform: translateY(100%);
    transition: all 0.3s ease;
}
.pay__systems.modal_slide.opened {
    transform: translateY(0);
    background: #E9E9E9;
}
#Details .pay__systems.modal_slide.opened {
    background: white;
}
.modal__slide {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #fff;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    padding: 30px 20px 20px;
}
.modal-slide_body div {
    font-size: 14px;
    font-weight: 400;
    color: #939393;
    margin-bottom: 14px;
}
#History .modal-slide_body div,
#Details .modal-slide_body div {
    color: #202020;
}
.modal-slide_info p{
    margin: 5px 0;
    width: 100%;
    font-size: 14px;
    position: relative;
    display: block;
    background: #FFFFFF;
    border-radius: 12px;
    padding: 8px 16px;
}
.modal-slide_info p span.title{
    width: calc(100% - 80px);
    font-size: 14px;
    display: inline-block;
    margin-bottom: 0;
    text-align: left;
    line-height: 16px;
}
.modal-slide_info p span.summ{
    text-align: right;
    min-width: 80px;
    position: absolute;
    right: 20px;
}
.modal-slide_info .bottom_blob{
    border: 1px solid #939393;
    border-radius: 16px;
    padding: 16px;
    margin: 15px 0 0;
}
#Receipt .button_box,
.pay__systems .button_box{
    display: flex;
    justify-content: space-between;
    align-items: end;
}
.modal-slide_info .bottom_blob p {
    margin: 0;
    background: transparent;
    padding: 0;
}
.modal-slide_body div span {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #202020;
}
#History .modal-slide_body div span,
#Details .modal-slide_body div span {
    font-size: 16px;
    font-weight: 700;
}
.modal-slide_info p.total span.title,
.modal-slide_info p.total{
    font-size: 18px;
    font-weight: 800;
}
.modal-slide_info p.total{
    margin-top: 10px;
}
.modal-slide_info p.total span.summ{
    font-size: 28px;
    top: -10px;
}
ul.modal-slide_list {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.modal-slide_list li {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 22px;
}
.middleHeight ul.modal-slide_list li {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 10px;
}

/* Months */
.months_wrapper.opened {
    position: fixed;
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 24px;
    padding: 24px 16px 20px;
}
.months_years {
    width: 100%;
    position: relative;
    text-align: center;
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
}
.months_year-prev, .months_year-next {
    position: absolute;
    width: 7px;
    height: 14px;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.months_year-prev {
    left: 0;
    background-image: url("/upload/mobileapp/elements/arrow-right.svg");
    transform: rotate(180deg);
}
.months_year-next {
    right: 0;
    background-image: url("/upload/mobileapp/elements/arrow-right.svg");
}
.months_list {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}
.months__item {
    flex-basis: 30%;
    text-align: center;
    padding: 20px 30px;
    border-radius: 8px;
}
.months__item.selected {
    background-color: #FD6611;
    color: #fff;
}

/* Main pays */
.main__pays {
    padding: 18px 0;
}
.title {
    font-size: 22px;
    line-height: 24.6px;
    font-weight: 800;
    letter-spacing: -0.4px;
}
.pays {
    padding: 10px 0 0 0;
}
.pays.top_pays{
    margin-top: 10px;
}
.pay {
    position: relative;
    padding: 0 24px 0 56px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 43px;
}
.pay:last-child{
    margin-bottom: 0;
}
.pay::before {
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    top: 18px;
    left: 0;
    background-position: 101%;
    background-repeat: no-repeat;
    background-size: cover;
    transform: translateY(-50%);
}
.pay.epd::before {
    background-image: url("/upload/mobileapp/elements/main_pay_epd.svg");
    background-size: contain;
}
.main__pays .pay.epd,
.main__pays .pay.insuarance.ispaid,
.main__pays .pay.epd.ispaid{
    display: block;
    padding: 0;
}
.main__pays .pay_block .accordion__value .pay{
    padding: 0;
}
.main__pays .pay.insuarance .pay_inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.main__pays .pay.epd .pay_inner,
.main__pays .pay.insuarance.ispaid .pay_inner,
.main__pays .pay.epd.ispaid .pay_inner{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0;
}
.main__pays .pay_block .accordion__value .pay.insuarance.ispaid,
.main__pays .pay_block .accordion__value .pay.epd.ispaid{
    opacity: 0.6;
    padding: 0;
    /*background: #FFFFFF;
    border-radius: 16px;*/
}
.pay_block .dsj_info{
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 135%;
    color: #202020;
    padding: 15px 20px 20px;
    background: #FDEBE9;
    border-radius: 32px 32px 0 0;
}
.pay_block .dsj_info .title{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 100%;
    margin-bottom: 10px;
}
.main__pays .pay.insuarance.ispaid::after,
.main__pays .pay.insuarance.ispaid::before,
.main__pays .pay.epd.ispaid::after,
.main__pays .pay.epd.ispaid::before{
    content: none;
}
.main__pays .pay.insuarance::before {
    content: "";
    background-image: url("/upload/mobileapp/elements/main_pay_ins2.svg");
    position: absolute;
    width: 32px;
    height: 32px;
    top: 18px;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transform: translateY(-50%);
}
.main__pays .pay.insuarance.ispaid .pay_inner::before,
.main__pays .pay.epd.ispaid .pay_inner::before {
    content: "";
    background-image: url("/upload/mobileapp/elements/main_pay_ins.png");
    position: absolute;
    width: 32px;
    height: 32px;
    top: 18px;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transform: translateY(-50%);
}
.main__pays .pay.insuarance.ispaid .pay_inner::before{
    background-image: url("/upload/mobileapp/elements/main_pay_epd.png");
}
.main__pays .pay.insuarance.ispaid .pay_inner::after {
    display: none;
}
.main__pays .pay.epd.ispaid .pay_inner::after {
    content: none;
    position: absolute;
    top: 50%;
    right: 0;
    width: 10px;
    height: 14px;
    background-image: url(/upload/mobileapp/elements/arrow-right.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transform: translateY(-50%);
}
.main__pays .pay.insuarance.ispaid .last-pays,
.main__pays .pay.epd.ispaid .last-pays{
    color: #3fa60c;
    bottom: -35px;
    font-size: 13px;
    width: 100%;
    padding: 10px 24px 0 44px;
}
.main__pays .pay.insuarance.ispaid .last-pays .top_block,
.main__pays .pay.epd.ispaid .last-pays .top_block{
    display: flex;
    justify-content: space-between;
}
.main__pays .autopayInfo{
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: 0.26px;
    color: #006CFF;
    text-align: right;
    position: relative;
}
.main__pays .autopayInfo .text:before{
    content: "";
    background-image: url("/upload/mobileapp/elements/recurring.svg");
    position: absolute;
    top: 3px;
    left: -9px;
    width: 10px;
    height: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.main__pays .pay_block{
    margin-bottom: 17px;
}
.main__pays .pay_block .accordion__button{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 14px 20px 14px 14px;
    gap: 10px;
    min-height: 52px;
    background: #FFFFFF;
    border-radius: 16px;
}
.main__pays .pay_block .accordion__button.opened{
    border-radius: 16px 16px 0 0;
}
.main__pays .pay_block .accordion__button::after {
    content: "";
    background-image: url(/upload/mobileapp/elements/arrow-right.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 10px;
    height: 14px;
    transform: translateY(-50%);
}
.main__pays .pay_block .accordion__button.opened::after{
    transform: rotate(90deg);
    top: 40%;
}
.main__pays .pay_block .accordion__value{
    height: 0;
    margin-bottom: 10px;
    margin-top: 0;
}
.main__pays .pay_block.f_opened .accordion__value {
    height: 100%;
}
.main__pays .pay_block .accordion__button .accordion_title{
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
    line-height: 100%;
    width: 100%;
    color: #202020;
    pointer-events:none;
}
.main__pays .pay_block .accordion__button .accordion_photo{
    width: 32px;
    height: 32px;
    min-width: 32px;
    background-size: cover;
    box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
}
.main__pays .pay_block .accordion__button .accordion_total{
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: #6D6D6D;
    text-wrap: nowrap;
    white-space: nowrap;
    padding-right: 10px;
    min-width: 85px;
    text-align: right;
}
.main__pays .pay_block .accordion__value .pay_box{
    background: #F4F4F4;
    border-top: 1px solid rgb(218, 220, 224);
    padding: 15px;
}
.main__pays .pay_block .accordion__value .skeleton_pays .pay_box.last_item:last-child,
.main__pays .pay_block .accordion__value .pay_box:last-child{
    border-radius: 0 0 16px 16px;
}
.main__pays .pay_block .accordion__value .pay.el::before {
    background-image: url(/upload/mobileapp/elements/main_pay_el.png);
}
.main__pays .pay_block .accordion__value .pay.epd::before {
    background-image: url(/upload/mobileapp/elements/main_pay_ins.png);
}
.main__pays .pay_block .accordion__value .pay.insuarance::before {
    background-image: url(/upload/mobileapp/elements/main_pay_epd.png);
}
.main__pays .pay_block .accordion__value .pay {
    padding: 0 0 0 44px;
}
.main__pays .pay_block .accordion__value .pay::after {
    content: none;
}
.main__pays .counter_near,
.main__pays .counter_end{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px 20px 10px;
    border-radius: 32px 32px 0 0;
    margin-bottom: 20px;
    font-size: 14px;
}
.main__pays .counter_end{
    background: #FFE8E5;
}
.main__pays .counter_near{
    background: #FFF7E0;
}
.main__pays .counter_near .counter_title,
.main__pays .counter_end .counter_title{
    font-weight: 500;
    font-size: 20px;
    position: relative;
    padding-left: 30px;
}
.main__pays .counter_near .counter_title:before,
.main__pays .counter_end .counter_title:before{
    background-image: url("/upload/mobileapp/elements/meter_el.svg");
    content: "";
    position: absolute;
    left: 0;
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.main__pays .pays_info_block{
    padding: 12px 16px;
    background: #F6F7FF;
    border-radius: 24px;
    margin-bottom: 20px;
}
.main__pays .pays_info_block .pays_info_title{
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #4D4D4D;
    margin-bottom: 5px;
}
.main__pays .pays_info_block .pays_info_text{
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 8px;
}
.main__pays .diagramma{
    height: 8px;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
}
.main__pays .diagramma div{
    height: 8px;
    padding: 0;
}
.main__pays .diagramma div:first-child{
    border-radius: 16px 0 0 16px;
}
.main__pays .diagramma div:last-child{
    border-radius: 0 16px 16px 0;
}
.main__pays .diagramma .epd{
    background-color: #ACCB98;
}
.main__pays .diagramma .pays{
    background-color: #F8D358;
}
.main__pays .diagramma .ins{
    background-color: #F59581;
}
.main__pays .diagramma .bill{
    background-color: #40E0D0;
}

.d-none{
    display: none;
}
.pay.el::before {
    background-image: url("/upload/mobileapp/elements/main_pay_el.svg");
}
.pay::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 10px;
    height: 14px;
    background-image: url("/upload/mobileapp/elements/arrow-right.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transform: translateY(-50%);
}
.pay__title {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: #6D6D6D;
}
.insuarance.ispaid .pay__title,
.epd.ispaid .pay__title {
    padding: 0 0 0 44px;
}
.pay__title span{
    display: block;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    color: #202020;
    padding-top: 3px;
    letter-spacing: -0.4px;
}
.pay__title span.pay__title-ls {
    font-weight: 400;
    font-size: 14px;
    line-height: 135%;
    color: #202020;
}
.pay__title span.pay__title-address {
    font-weight: 400;
    font-size: 14px;
    line-height: 135%;
    color: #202020;
}
.pay__title span.pay__title-address span{
    background-image: url("/upload/mobileapp/elements/home_pic.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 5px;
}
.pay__summ {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: #6D6D6D;
    min-width: 80px;
    text-align: right;
}
.main__button {
    background: #FF7A2A;
    margin: 0 20px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 13px 0;
    border-radius: 12px;
}

/* Pay */
.inner__grey {
    width: 100%;
    min-height: 100vh;
    background: #E9E9E9;
    padding: 0 22px;
    padding-bottom: 90px;
}
.pay_header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 22px 28px;
}
a.back_button {
    position: relative;
    font-size: 22px;
    line-height: 22px;
    font-weight: 600;
    text-decoration: none;
    color: #202020;
    padding-left: 25px;
}
a.back_button::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    height: 14px;
    width: 7px;
    transform: translateY(-50%);
    background-image: url("/upload/mobileapp/elements/arrow-left.svg");
    background-position: center;
    background-repeat: no-repeat;
}
.qr__btn {
    width: 24px;
    height: 24px;
    background-image: url("/upload/mobileapp/elements/qr-button.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bsk__info {
    width: 100%;
    padding: 0;
    margin: 27px 0 20px;
}
.bsk__info-item {
    margin: 0 auto;
    border-radius: 16px;
    padding: 22px 18px;
    color: #fff;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.bsk__info-item.el {
    background: #555555;
}
.bsk__info-item.epd {
    background: #08265E;
}
.bsk__info-item.insur {
    background: #22C6B3;
}
.bsk__info-text {
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    margin-right: 30px;
}
.bsk__info-text span {
    display: block;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    padding-top: 6px;
}
.bsk__info .bsk__info-text span.insure{
    font-weight: 600;
    font-size: 20px;
    line-height: 112%;
}
.bsk__info-text .bottom_text{
    font-weight: 100;
    font-size: 13px;
    line-height: 13px;
    word-break: keep-all;
}
.bsk__info-info {
    width: 24px;
    min-width: 24px;
    height: 24px;
    background-image: url("/upload/mobileapp/elements/info.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 13px;

}
.bsk__info-logo {
    width: 40px;
    height: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bsk__info-logo.el {
    background-image: url("/upload/mobileapp/elements/main_pay_el.svg");
}
.bsk__info-logo.epd {
    background-image: url("/upload/mobileapp/elements/main_pay_epd.svg");
}
.bsk__info-logo.insur {
    background-image: url("/upload/mobileapp/elements/main_pay_ins3.svg");
}
.counters {
    width: 100%;
    padding: 22px;
}
.pay__info {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    border: 1px solid #939393;
    border-radius: 12px;
    padding: 11px 14px 14px 16px;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    margin-bottom: 18px;
}
.pay__info .pay__info-docs{
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 135%;
}
.pay__info .pay__info-docs a{
    color: #FF7A2A;
}
.pay__info-tariff {
    flex-basis: 75%;
}
.pay__info-stavka {
    border-left: 1px solid #939393;
    padding-left: 15px;
}
.pay__info span {
    display: block;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    padding: 4px 50px 0 0;
}
.pay__info-tariff span {
    padding: 4px 50px 0 0;
}
.pay__info-stavka span{
    padding: 4px 10px 0 0;
}
label.counters__label {
    text-align: left;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    margin-bottom: 8px;
}
input.counters__input {
    max-width: 100%;
    padding: 20px 15px;
    font-size: 16px;
    font-weight: 600;
    background: #fff;
}
input.counters__input::placeholder {
    font-size: 16px;
    font-weight: 600;
    color: #939393;
}
span.counters__after {
    display: block;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #939393;
    margin: 10px 0 20px;
}
.form__field.buble{
    margin-bottom: 12px;
}
.form__field .cloud-buble {
    width: 100%;
    background: #fff;
    padding: 12px 14px;
    border-radius: 16px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: -0.02em;
    color: #555555;
}
.form__field .cloud-buble .orange_link,
.form__field .cloud-buble a{
    color: #E15100;
    text-decoration: none;
}
.pay__voucher {
    width: 100%;
    background: #fff;
    padding: 12px 14px;
    border-radius: 16px;
    margin-top: 20px;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    letter-spacing: -0.5px;
}
.form__field_ins .ins_row.pay__voucher{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    min-height: 58px;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 135%;
    color: #202020;
    margin-top: 6px;
}
.form__field_ins .ins_row.pay__voucher .title{
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 125%;
}
.pay__voucher span {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    line-height: 14px;
    padding: 4px 0 0;
    font-weight: 400;
    color: #555555;
    letter-spacing: -0.3px;
}
.pay__voucher span input {
    border-bottom: 1px solid #c9c5c5;
    background: none;
    padding: 0;
    max-width: 220px;
    border-radius: 0;
    font-size: 15px;
    line-height: 20px;
    color: #333333;
    font-weight: 500;
}
.pay_block_el,
.pay__total {
    width: 100%;
    margin-top: 20px;
    padding: 16px;
    border: 1px solid #939393;
    border-radius: 16px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #939393;
    letter-spacing: -0.3px;
}
.pay__total-item {
    margin-bottom: 3px;
    display: flex;
    justify-content: space-between;
}
.pay__total-itog {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 17px;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    letter-spacing: -0.5px;
    color: #202020;
    position: relative;
}
.pay_block_el.tarif_block .tarif_block_left{
    justify-content: center;
    align-items: center;
    display: flex;
}
#ElPayNew .pay__total-itog input,
.pay__total-itog span {
    font-size: 34px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: -2px;
}
.add_money{
    display: flex;
    margin-top: 12px;
    justify-content: space-between;
}
.add_money .money_blob{
    background: #fff;
    padding: 9px 15px;
    border-radius: 16px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
}
.add_money .money_blob.disabled{
    background: #ccc;
}
.pay_block_el{
    margin-bottom: 12px;
    margin-top: 0;
}
.pay_block_el .pay_block_title{
    font-weight: 700;
    font-size: 18px;
    line-height: 125%;
    color: #202020;
    margin-bottom: 3px;
}
.pay_block_el .pay_block_item{
    font-weight: 400;
    font-size: 14px;
    line-height: 135%;
    color: #202020;
}
.tarif_block{
    display: flex;
    justify-content: space-between;
}
.tarif_block_right{
    border-left: 1px solid #939393;
    padding: 0 10px;
}
.tarif_block .bsk__info-info {
    margin-top: 8px;
    background-image: url(/upload/mobileapp/elements/info_tarif.png);
}
.epd__counter-info .debt_counter{
    width: 100%;
}
.info__row {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #939393;
    margin-bottom: 28px;
}
.info__row div, .info__row a{
    display: block;
    text-decoration: none;
    font-size: 16px;
    line-height: 17px;
    font-weight: 500;
    color: #202020;
    padding-top: 4px;
}
input.counter__input {
    max-width: 100%;
    padding: 20px 15px;
    font-size: 16px;
    font-weight: 600;
    background: #fff;
    border: 1px solid #1D6AFF;
}
input.counter__input::placeholder {
    font-size: 16px;
    font-weight: 600;
    color: #939393;
    opacity: 0.3;
}
.payment__info {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #C9C9C9;
    padding-bottom: 10px;
}
.smallHeight .payment__info {
    padding-bottom: 5px;
}
.payment__info-item, .payment__info-total {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    letter-spacing: -0.2px;
    color: #6D6D6D;
    margin-right: 5px;
}
.payment__info-total {
    margin-right: 0;
    margin-left: auto;
    text-align: right;
}
.smallHeight .step__counter {
    padding: 10px 0;
}
.payment__info-item span {
    display: block;
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: -0.3px;
    color: #6D6D6D;
    margin-top: 3px;
}
.payment__info-total span {
    display: block;
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: -0.3px;
    color: #202020;
    margin-top: 3px;
}
.step__counter {
    padding: 12px 0 20px;
    /*display: flex;
    justify-content: space-between;
    align-items: center;*/
}
.step__counter-count {
    border: 1px solid #C9C9C9;
    border-radius: 12px;
    padding: 15px 16px;
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    color: #202020;
    min-width: 198px;
}
.step__counter-btn {
    position: relative;
    padding: 14px 23px;
    font-size: 18px;
    min-width: 136px;
    border-radius: 16px;
}
.step__counter-btn::after {
    position: absolute;
    content: ">";
    top: 50%;
    right: 27px;
    transform: rotate(90deg) translateX(-100%) scale(1.7);
}
.pay__systems {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    border-radius: 24px 24px 0 0;
    padding: 32px;
    transition: all ease 0.3s;
}
.middleHeight .pay__systems {
    padding: 12px;
}
.middleHeight .pay__systems .title {
    font-size: 18px;
    margin-bottom: 10px;
}
.pay__systems::after {
    position: absolute;
    content: "";
    top: 10px;
    left: 50%;
    width: 42px;
    height: 4px;
    background: #C9C9C9;
    transform: translateX(-50%);
}
.pay__systems .title {
    text-align: center;
    font-size: 24px;
    margin-bottom: 30px;
}
.pay__system {
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 32px;
    padding-left: 65px;
    background-position: left center;
    background-repeat: no-repeat;
}
.pay__system.mir {
    background-image: url("/upload/mobileapp/elements/mir.svg");
}
.pay__system.abr_s,
.pay__system.abr,
.pay__system.sberbank {
    background-image: url("/upload/mobileapp/elements/card.svg");
}
.pay__system.apple {
    background-image: url("/upload/mobileapp/elements/apple-pay.svg");
}
.pay__system.sber_sbp2,
.pay__system.raiff_sbp {
    background-image: url("/upload/mobileapp/elements/sbp.svg");
}
.pay__system.sbp_subscribe {
    background-image: url("/upload/mobileapp/elements/sbp.svg");
}
.pay__system.sberpay {
    background-image: url("/upload/mobileapp/elements/sberpay.png");
}
.pay__system.card-mir {
    background-image: url("/upload/mobileapp/elements/card-mir.svg");
}
.pay__system.card-dc {
    background-image: url("/upload/mobileapp/elements/card-dc.svg");
}
.pay__system.card-jcb {
    background-image: url("/upload/mobileapp/elements/card-jcb.svg");
}
.pay__system.card-amex {
    background-image: url("/upload/mobileapp/elements/card-amex.svg");
}
.pay__system.card-visa {
    background-image: url("/upload/mobileapp/elements/card-visa.svg");
}
.pay__system.card-maestro {
    background-image: url("/upload/mobileapp/elements/card-maestro.svg");
}
.pay__system.card-mastercard {
    background-image: url("/upload/mobileapp/elements/card-mastercard.svg");
}
.pay__system.card-discover {
    background-image: url("/upload/mobileapp/elements/card-discover.svg");
}
.pay__system.card-unionpay {
    background-image: url("/upload/mobileapp/elements/card-unionpay.svg");
}
.pay__system.card-uek {
    background-image: url("/upload/mobileapp/elements/card-uek.svg");
}
.pay__system.card-default {
    background-image: url("/upload/mobileapp/elements/card-default.svg");
}
.pay__buttons {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
input.pay__btn {
    max-width: 280px;
    margin: 0;
}
.more__btn {
    width: 100%;
    max-width: 56px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #DFDFDF;
    border-radius: 16px;
}
.more__btn span{
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #202020;
    margin: 0 3px;
}

.el__counter-header {
    position: relative;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    color: #202020;
}
.el__counter-header span {
    display: block;
    font-size: 14px;
    line-height: 14px;
    color: #6D6D6D;
    font-weight: 400;
}
/*#ElPayNew .pay__total-itog::after {
    position: absolute;
    content: "";
    top: -7px;
    right: -15px;
    width: 19px;
    height: 19px;
    background-size: contain;
    background-image: url(/upload/mobileapp/elements/pen.svg);
}*/
#ElPayNew .pay__total-itog span{
    background: none;
    padding: 0 5px 0 0;
    text-align: right;
    color: #202020;
    text-wrap: nowrap;
}
/*.el__counter-header::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background-image: url(/upload/mobileapp/elements/pen.svg);
}*/
input.el_services {
    background: transparent;
    padding: 0;
    font-size: 22px;
    text-align: right;
    margin: 0;
    border: none;
    outline: none;
}
#ElPayNew .to__pay::after {
    position: absolute;
    content: "";
    top: -1px;
    right: -15px;
    width: 15px;
    height: 15px;
    background-size: contain;
    background-image: url(/upload/mobileapp/elements/pen.svg);
}
.epd__counter {
    width: 100%;
    background: #fff;
    border-radius: 16px;
    margin-bottom: 12px;
    padding: 12px 14px;
}
.epd__counter-header {
    position: relative;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    color: #202020;
}
.epd__counter-subheader{
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #6D6D6D;
    margin-top: 5px;
}
.epd__counter-header span {
    display: block;
    font-size: 14px;
    line-height: 14px;
    color: #6D6D6D;
    font-weight: 400;
}
.epd__counter-header::after {
    content: ">";
    position: absolute;
    top: 0;
    right: 0;
    font-size: 36px;
    color: #C9C9C9;
    font-weight: 400;
    transition: all 0.3s;
}
#services .epd__counter-header::after{
    content: none;
}
/*#InputPay .epd__counter-info .to__pay::after,*/
#services .epd__counter-info .to__pay::after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: -5px;
    right: 22px;
    background-size: 100%;
    background-image: url(/upload/mobileapp/elements/pen_g.svg);
}
/*#InputPay .epd__counter-info .to__pay,*/
#services .epd__counter-info .to__pay{
    max-width: 35%;
    position: relative;
}
/*#InputPay .epd__counter-info .to__pay input.input_pay,*/
#services .epd__counter-info .to__pay input.input_pay{
    display: block;
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    padding: 2px 0 0;
    height: 22px;
}
/*.ios #InputPay .epd__counter-info .to__pay input.input_pay,*/
.ios #services .epd__counter-info .to__pay input.input_pay{
    padding: 0!important;
}
#services .epd__counter-info .to__pay input.input_pay:disabled{
    color: #6D6D6D;
}
.epd__counter-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #6D6D6D;
    padding: 12px 0 0;
}
.epd__counter-info span {
    display: block;
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    padding-top: 2px;
}
.to__pay span {
    color: #202020;
    font-weight: 500;
}
#ElPayNew .to__pay{
    min-width: 60px;
    width: 100%;
    text-align: right;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: end;
    text-wrap: nowrap;
    margin-right: 5px;
}
.accordion__button {
    position: relative;
    font-size: 22px;
    line-height: 22px;
    font-weight: 700;
    letter-spacing: -0.2px;
    color: #202020;
    margin-top: -9px;
    padding-right: 32px;
}
.accordion__button::after {
    content: ">";
    position: absolute;
    top: 0;
    right: 0;
    font-size: 40px;
    color: #202020;
    font-weight: 500;
    transition: all 0.3s;
}
.accordion__button.opened::after {
    transform: rotate(90deg);
}
.accordion__button span {
    display: inline-block;
    float: right;
    font-size: 16px;
    font-weight: 600;
}
.accordion__value {
    margin-top: 12px;
    margin-bottom: 21px;
    transition: all 0.3s;
    overflow: hidden;
}

/* Search */
/* .search__wrapper {
    padding: 0 22px;
} */
.search__header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0;
}

a.search__btn {
    display: none;
    position: relative;
    border-radius: 60px;
    font-size: 16px;
    font-weight: 500;
    padding: 12px 35px 10px 38px;
    min-width: 300px;
    color: #555555;
    line-height: 17px;
    letter-spacing: -0.3px;
    text-decoration: none;
    background: #e9e9e9;
}
a.search__btn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 14px;
    width: 16px;
    height: 16px;
    background-image: url("/upload/mobileapp/elements/search.svg");
    transform: translateY(-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
a.search__btn::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 14px;
    width: 24px;
    height: 24px;
    transform: translateY(-50%);
    background-image: url("/upload/mobileapp/elements/qr-button.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.search__field {
    width: 100%;
    position: relative;
}
.search__field::before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    top: 35%;
    left: 14px;
    background-image: url("/upload/mobileapp/elements/search.svg");
    z-index: 1;
    transform: translateY(-50%);
}
input.search__input {
    border-radius: 30px;
    font-size: 16px;
    font-weight: 500;
    padding: 9px 16px 10px 38px;
    line-height: 25px;
    width: 100%;
    max-width: 100%;
    border: none;
    margin-bottom: 20px;
    font-family: 'Manrope', sans-serif;
}
input.search__input::placeholder {
    color: #555555;
    font-size: 16px;
    line-height: 17px;
    font-weight: 500;
}
.reset__btn {
    display: block;
    position: absolute;
    top: 50%;
    right: 18px;
    transform: translateY(-50%);
    font-size: 22px;
    font-weight: 300;
    color: #202020;
}
.search__results {
    margin-top: 26px;
}
.search__result {
    margin-bottom: 35px;
    font-size: 16px;
    line-height: 17px;
    font-weight: 500;
    color: #202020;
    letter-spacing: -0.3px;
    padding-left: 42px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 25px;
}
.search__result span {
    display: block;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    letter-spacing: -0.3px;
    color: #939393;
    margin-top: 4px;
}
.search__result.lens {
    background-image: url("/upload/mobileapp/elements/search.svg");
}
.search__result.clock {
    background-image: url("/upload/mobileapp/elements/clock.svg");
}
.search__empty {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.search__empty-img {
    width: 120px;
    height: 120px;
    background-image: url("/upload/mobileapp/elements/big-lens.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.search__empty-text {
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    color: #939393;
    text-align: center;
}

/* Prifule */
.profile__header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 6px;
}
.profile-edit__btn, .profile-save__btn, .notify-settings__btn {
    width: 24px;
    height: 24px;
    background-image: url("/upload/mobileapp/elements/pen.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.profile-save__btn {
    background-image: url("/upload/mobileapp/elements/check.svg");
}
.user__info {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin: 10px 0;
}
.user__info-img {
    width: 84px;
    height: 84px;
    border-radius: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.user__info-name {
    text-align: center;
    font-size: 18px;
    line-height: 17px;
    font-weight: 600;
    color: #202020;
}
.user__info-name span{
    display: block;
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
}
.user__info-ls {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #939393;
    padding: 10px 0;
}
.user__info-phone, .user__info-email {
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    padding: 4px;
    color: #555555;
}
.user__info-email {
    padding: 11px;
}

.profile__menu {
    width: 100%;
    background: #fff;
    border-radius: 16px;
    box-sizing: content-box;
    padding: 0 6px;
    margin-left: -6px;
    margin-bottom: 20px;
}
.profile__menu-item {
    position: relative;
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    color: #202020;
    letter-spacing: -0.4px;
    padding: 20px 30px 21px 59px;
    border-bottom: 1px solid #E9E9E9;
    background-position: 12px center;
    background-repeat: no-repeat;
    background-size: auto;
}
.profile__menu-item span {
    position: absolute;
    top: 50%;
    right: 50px;
    color: #fff;
    background: #F51F1B;
    transform: translateY(-50%);
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    letter-spacing: 0.2px;
    padding: 2px 7px 4px 8px;
    border-radius: 14px;
}
.profile__menu-item.bell{
    background-image: url("/upload/mobileapp/elements/bell.svg");
}
.profile__menu-item.bellset{
    background-image: url("/upload/mobileapp/elements/bellset.svg");
}
.profile__menu-item.house{
    background-image: url("/upload/mobileapp/elements/house.svg");
}
.profile__menu-item.history{
    background-image: url("/upload/mobileapp/elements/history.svg");
}
.profile__menu-item.account{
    background-image: url("/upload/mobileapp/elements/account.svg");
}
.profile__menu-item.cards{
    background-image: url("/upload/mobileapp/elements/cards.svg");
}
.profile__menu-item.lock{
    background-image: url("/upload/mobileapp/elements/lock.svg");
}
.profile__menu-item.receipt{
    background-image: url("/upload/mobileapp/elements/receipt.svg");
}
.profile__menu-item.exit {
    background-image: url("/upload/mobileapp/elements/exit.svg");
    background-size: 6%;
    background-position-x: 18px;
}
.profile__menu-item:last-child {
    border-bottom: none;
}
.raiff_sbp .anchorID{
    text-decoration: none;
    color: #202020;
}
/* Profile edit */
.edit__wrapper {
    padding: 0 16px;
}
.profile__photo-edit {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 27px 0 0;
    margin-bottom: 23px;
}
.profile__photo {
    position: relative;
    width: 104px;
    height: 104px;
    border-radius: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100px;
}
.profile__photo::after{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 104px;
    height: 104px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/upload/mobileapp/elements/camera.png");
}
.profile__photo-edit img.thumb {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 104px;
    border-radius: 24px;
}
.profile__social {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    color: #202020;
    padding: 0 0 0 18px;
}
.profile__social .title {
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    color: #202020;
    letter-spacing: 0;
}
.profile__social .subtitle {
    font-size: 14px;
    line-height: 23px;
    font-weight: 400;
    letter-spacing: -0.3px;
}
.profile__social .soc-btns {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 8px;
}
.profile__social .soc-btn {
    padding: 25px 33px;
    border: 1px solid #C9C9C9;
    border-radius: 16px;
    background-position: center;
    background-repeat: no-repeat;
}
.profile__social .soc-btn.vk {
    background-image: url("/upload/mobileapp/elements/vk.svg");
}
.profile__social .soc-btn.zen {
    background-image: url("/upload/mobileapp/elements/zen.svg");
}
.profile__social .soc-btn.ok {
    background-image: url("/upload/mobileapp/elements/ok.svg");
}
.profile__form {
    padding: 20px 0;
}
.profile__form-item {
    margin-bottom: 5px;
}
.profile__form-item label {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #202020;
    letter-spacing: -0.2px;
}
.profile__form-item input {
    max-width: 100%;
    padding: 20px 16px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    color: #202020;
    border-radius: 12px;
    margin-top: 3px;
}
.choose__photo {
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: #fff;
    padding: 50px 30px 40px;
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: -0.2px;
    color: #202020;
    transition: all 0.3s;
}
.choose__photo.opened {
    top: 0;
}
.choose__photo.opened::after {
    position: absolute;
    content: ">";
    bottom: 0;
    left: 50%;
    transform: rotate(270deg) translateX(-50%) scale(1.8, 2.5);
    color: #939393;
}
.choose__photo div {
    width: 100%;
    text-align: center;
}
.choose__photo label {
    display: block;
    width: 100%;
    padding: 22px 0;
    text-align: left;
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
}
input#camera, input#gallery {
    visibility: hidden;
    height: 0;
}

/* Notifications */
.notify-settings__btn {
    background-image: url("/upload/mobileapp/elements/cog.svg");
}
.notifications {
    padding: 15px 0;
    overflow: hidden;
}
.notifications__item {
    position: relative;
    border-bottom: 1px solid #E9E9E9;
    padding: 15px 6px;
    padding-bottom: 14px;
    transition: all 0.3s;
}
.notifications__item.moved {
    margin-left: -140px;
    padding-right: 140px;
}
.notifications__item.empty {
    opacity: 0;
}
.notifications__item.closed {
    height: 0;
    overflow: hidden;
}
.notifications__title {
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    letter-spacing: -0.5px;
    color: #202020;
}
.notifications__text {
    font-size: 14px;
    line-height: 14px;
    padding-top: 4px;
    font-weight: 400;
    letter-spacing: -0.3px;
}
.notifications__date {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    padding-top: 12px;
}
.notifications__unread {
    position: absolute;
    top: 15px;
    right: 6px;
    width: 12px;
    height: 12px;
    background: #FD6611;
    border-radius: 50%;
    transition: all 0.3s;
}
.notifications__item.moved .notifications__unread {
    right: 146px;
}
.notifications__delete {
    position: absolute;
    top: 0;
    right: -140px;
    width: 140px;
    height: 100%;
    background: #F51F1B;
    background-image: url("/upload/mobileapp/elements/trash.svg");
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.3s;
}
.notifications__item.moved .notifications__delete {
    right: 0;
}
.notifications__deleted {
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    color: #fff;
    background: #B30400;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}
.notifications__deleted.deleted {
    right: 0;
}
.notifications__settings {
    padding: 24px 0;
}
.notifications__item.checkbox {
    border-bottom: none;
}
.notifications__item.checkbox input[type=checkbox] + label {
    display: block;
    position: relative;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    letter-spacing: -0.5px;
    color: #202020;
    padding-right: 60px;
}
.notifications__item.checkbox input[type=checkbox] + label span {
    display: block;
    font-size: 14px;
    line-height: 14px;
    padding-top: 4px;
    font-weight: 400;
    letter-spacing: -0.3px;
}
.notifications__item.checkbox input[type=checkbox] + label::before {
    position: absolute;
    content: "";
    width: 36px;
    height: 20px;
    top: 50%;
    right: 0;
    left: auto;
    transform: translateY(-50%);
    border: 1px solid #939393;
    border-radius: 8px;
    transition: all 0.2s;
}
.notifications__item.checkbox input[type=checkbox] + label::after {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    top: 50%;
    right: 19px;
    transform: translateY(-50%);
    background: #939393;
    border-radius: 5px;
    transition: all 0.2s;
}
.notifications__item.checkbox input:checked + label::before {
    position: absolute;
    content: "";
    width: 36px;
    height: 20px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    border: 1px solid #FD6611;
    background: #FD6611;
    border-radius: 8px;
}
.notifications__item.checkbox input:checked + label::after {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    top: 50%;
    right: 3px;
    transform: translateY(-50%);
    background: #fff;
    border-radius: 5px;
}
.checkbox input {
    visibility: hidden;
    position: absolute;
}
.information-banner {
    padding: 25px 0 20px;
}
.information-banner img{
    display: block;
    margin: 0 auto;
    border-radius: 12px;
    max-width: 100%;
    width: 100%;
}
.information-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 12px;
    letter-spacing: -0.2px;
}
.information-text {
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
}
.information-text ul{
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    margin-top: 12px;
    padding-left: 25px;
}
.information-text ul li a{
    font-weight: 700;
    text-decoration: none;
    color: #3076FF;
    white-space: nowrap;
}
.rating-area {
    position: absolute;
    top: -60px;
    overflow: hidden;
    text-align: center;
    /* width: 100%; */
    margin: 0 calc(50% - 105px);
}
.rating-area:not(:checked) > input {
    display: none;
}
.rating-area:not(:checked) > label {
    float: right;
    width: 42px;
    padding: 0;
    cursor: pointer;
    font-size: 32px;
    line-height: 32px;
    color: lightgrey;
    text-shadow: 1px 1px #bbb;
}
.rating-area:not(:checked) > label:before {
    content: '★';
}
.rating-area > input:checked ~ label {
    color: gold;
    text-shadow: 1px 1px #c60;
}
.rating-area:not(:checked) > label:hover,
.rating-area:not(:checked) > label:hover ~ label {
    color: gold;
}
.rating-area > input:checked + label:hover,
.rating-area > input:checked + label:hover ~ label,
.rating-area > input:checked ~ label:hover,
.rating-area > input:checked ~ label:hover ~ label,
.rating-area > label:hover ~ input:checked ~ label {
    color: gold;
    text-shadow: 1px 1px goldenrod;
}
.rate-area > label:active {
    position: relative;
}
/* Success */
.success_pay, .unsuccess_pay {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 20px;
}
.success_pay .offerBlock{
    position: relative;
    text-align: center;
}
.success_pay .confirm-button.result_block,
.success_pay .offerBlock .confirm-button{
    width: 100%;
    margin-top: 15px;
    border: 1px solid #1F1F20;
    background: none;
}
/*кнопка на странице после оплаты ЭЭ*/
.success_pay .offerBlock .confirm-button{
    color: #1F1F20;
}
.success_pay .offerBlock .grey_block{
    background: #f3f3f3;
    border-radius: 15px;
    padding: 20px 20px 30px;
}
.success_pay .offerBlock .offer-title{
    font-size: 17px;
    font-weight: 800;
    line-height: 17px;
    letter-spacing: -0.02em;
    text-align: center;
    white-space: pre-line;
    padding-bottom: 15px;
}
.success_pay .offerBlock .offer-title{
    text-align: center;
}
#Offer .wrapper.gray {
    background: white;
}
#Offer .information-banner {
    padding: 25px 0 70px;
}
#ControlAll .success_pay {
    bottom: 10%;
    top: auto;
}
#ControlAll .offerBlock{
    align-items: center;
    padding: 14px 24px;
    background: #FFFFFF;
    border-radius: 16px;
}
#ControlAll .main__button{
    bottom: 60px;
    left: 60px;
}
.pay-img {
    width: 180px;
    height: 180px;
}
.pay-text {
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    text-align: center;
    letter-spacing: -0.2px;
    color: #202020;
}
.pay-text.b_pay-text {
    font-size: 17px;
    font-weight: 800;
    line-height: 17px;
    letter-spacing: -0.02em;
    text-align: center;
    margin: 50px 20px;
    white-space: pre-line;
}
.success_pay .confirm-button{
    height: 52px;
    border-radius: 16px;
    display: flex;
    width: 80%;
    background: #FD6611;
    color: #FFFFFF;
    justify-content: center;
    align-items: center;
}
.pay-text .info-title{
    font-size: 36px;
    line-height: 36px;
    font-weight: 800;
    margin-bottom: 18px;
}
.pay-text .info-text{
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    padding: 10px;
}
.success_pay-img {
    background-image: url(/upload/mobileapp/elements/pay-success.svg);
    background-position: center;
    background-repeat: no-repeat;
}
.unsuccess_pay-img {
    background-image: url(/upload/mobileapp/elements/disabled.svg);
    background-position: center;
    background-repeat: no-repeat;
}
.insure-img {
    background-image: url(/upload/mobileapp/elements/pay-insur.svg);
    background-position: center;
    background-repeat: no-repeat;
    width: 338px;
    height: 338px;
    margin-bottom: 25px;
    margin-top: 70px;
    z-index: 1;
}

span.carousel-title {
    display: block;
    font-size: 14px;
    line-height: 14px;
    font-weight: 800;
    padding-bottom: 12px;
}

/* Slide Form */

.slide-form__wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    z-index: 1000;
    background: #fff;
    padding: 35px 16px;
    padding-bottom: 90px;
}
#AutoPayEpd .slide-form__wrapper,
#AutoPayIns .slide-form__wrapper,
#AutoPay .slide-form__wrapper {
    background: #E9E9E9;
}

.page__subheader {
    padding-bottom: 16px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    letter-spacing: -0.2px;
    padding-right: 50px;
}
.subtitle {
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    letter-spacing: -0.3px;
    padding-bottom: 4px;
}
span.cardnum {
    display: inline-block;
    position: relative;
    padding-left: 7px;
    margin-left: 5px;
}
span.cardnum::before {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #202020;
    border-radius: 50%;
}
.button__wrapper.bottom-bordered-top, .button__wrapper.bottom-not-bordered {
    position: fixed;
    width: 100%;
    margin-bottom: 0;
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 22px;
}

.button__wrapper.bottom-bordered-top .button {
    padding-top: 12px;
    border-top: 1px solid #C9C9C9;
}

/* FAQ */
.faq__header {
    background: #fff;
    margin-right: -16px;
    margin-left: -16px;
    border-radius: 0 0 24px 24px;
    margin-top: -35px;
    padding-top: 20px;
}
.faq__header-title {
    font-size: 30px;
    line-height: 30px;
    font-weight: 800;
    text-align: center;
    letter-spacing: -0.2px;
}
.faq__header-title a {
    text-decoration: none;
    color:#202020;
}
.faq__header-subtitle {
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    text-align: center;
    padding: 2px 70px 0;
}
.faq__header-img {
    width: 100%;
    max-width: 360px;
    aspect-ratio: 1;
    background-image: url("/upload/mobileapp/elements/faq.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 0 0 24px 24px;
}
.page-slide {
    position: fixed;
    top: 0;
    left: 0;
    padding: 14px 16px;
    min-height: 100vh;
    width: 100%;
}
.page-slide_title {
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    padding-bottom: 24px;
}
.page-slide_text {
    font-size: 16px;
    line-height: 17.2px;
    font-weight: 500;
}

.after-content {
    padding-top: 38px;
}
#AutoPayAll .subtitle {
    padding-bottom: 12px;
    font-size: 24px;
    line-height: 100%;
}
#AutoPayAll .page__subheader{
    padding-right: 0;
    padding-left: 0;
}
#AutoPayAll .page__header {
    margin-bottom: 10px;
}
#CardsAll .epd__counter,
#AutoPayAll .epd__counter {
    background: #ffffff;
    display: flex;
    align-items: center;
}
#CardsAll .epd__counter-header,
#AutoPayAll .epd__counter-header {
    padding-right: 20px;
    font-size: 16px;
}
#CardsAll .epd__counter .epd,
#AutoPayAll .epd__counter .epd{
    margin-right: 10px;
    width: 32px;
    height: 32px;
    background-image: url("/upload/mobileapp/icons/ap_house.png");
}
#CardsAll .epd__counter .electro,
#AutoPayAll .epd__counter .electro{
    margin-right: 10px;
    width: 32px;
    height: 32px;
    background-image: url("/upload/mobileapp/icons/ap_bolt.png");
}
#CardsAll .epd__counter .sogaz,
#AutoPayAll .epd__counter .sogaz{
    margin-right: 10px;
    width: 32px;
    height: 32px;
    background-image: url("/upload/mobileapp/icons/ap_security.png");
}
#CardsAll .epd__counter-header .bTitle,
#AutoPayAll .epd__counter .epd__counter-header .bTitle{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 135%;
    margin-top: 2px;
}
#AutoPayAll .page__subheader.round-info{
    border: 1px solid #C9C9C9;
    border-radius: 12px;
    padding: 15px;
}
#CardsAll .epd__counter-header::after,
#AutoPayAll .epd__counter-header::after{
    content: none;
}
.skeleton .list{
    margin-top: 30px;
}
.sm-loading .sm-item-primary {
    height: 70px;
    background: #b5b4b42b;
    display: flex;
    align-items: center;
}
.main__pays .sm-loading .sm-item-primary span{
    visibility: visible;
    width: 330px;
    height: 13px;
    font-weight: 600;
    font-size: 18px;
    line-height: 8px;
    text-align: center;
    color: #202020;
}
.main__pays .pay_block .accordion__value .skeleton .pay_box{
    padding: 0;
}
.main__pays .pay_block .accordion__value .skeleton .pay_box .sm-item-primary {
    background: transparent;
    padding: 0;
    margin: 0;
}
/*Animation*/
.slide-left-enter-active {
    animation-name: slide-left-in;
    animation-duration: .3s;
}
.slide-left-leave-active {
    animation-name: slide-left-out;
    animation-duration: .3s;
}
.slide-right-enter-active {
    animation-name: slide-right-in;
    animation-duration: .3s;
}
.slide-right-leave-active {
    animation-name: slide-right-out;
    animation-duration: .3s;
}

@keyframes slide-left-in {
    0% {
        transform: translate3d(100%, 0, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slide-left-out {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slide-right-in{
    0% {
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slide-right-out  {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(100%, 0, 0);
    }
}

.fade-enter-active {
    animation-name: fade-in;
    animation-duration: .3s;
}
.fade-leave-active {
    animation-name: fade-out;
    animation-duration: .3s;
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-out {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.button__wrapper .button{
    position: relative;
}
.login_loader {
    width: 100%;
    height: 100%;
    min-width: 100%;
    position: absolute;
    top: 0;
    border-radius: 12px;
    padding: 15px;
    background-color: #202020;
}
.login_loader.yell {
    background-color: #FF772A;
    max-width: none;
    top: 25%;
    height: 50%;
    padding: 0 10px;
    border-radius: 50px;
    min-height: 30px;
}
#Cards .login_loader.yell {
    top: 0;
    height: 100%;
    padding: 15px 10px;
    border-radius: 10px;
}
#AutoPayEpd .button input[type="button"],
#Cards .PayEpd input[type="button"] {
    white-space: pre-line;
    padding: 5px 90px;
}
#Cards .list__card{
    background: #F9F9F9;
    border-radius: 16px;
    padding: 14px;
    margin-bottom: 12px;
}
#Cards .list__card.delete{
    display: flex;
    margin-left: 50px;
}
#Cards .list__card .form__wrapper {
    width: auto;
    display: flex;
    margin-right: 15px;
    position: absolute;
    left: 20px;
}
#Cards .list__card .form__field {
    margin-bottom: 0;
}
#Cards .list__card .checkbox input[type=checkbox] + label::before {
    border: 1px solid #FF6C1F;
    border-radius: 10px;
    width: 24px;
    height: 24px;
}
#Cards .list__card .cards_icon{
    width: 46px;
    height: 30px;
    background-size: contain;
    margin-right: 12px;
}
#Cards .list__card .list__card-title{
    display: flex;
    color: #202020;
    font-weight: 500;
    font-size: 18px;
    line-height: 108%;
    align-items: center;
}
.login_loader .threes {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin: 0 auto;
}
.login_loader .threes .three-1, .login_loader .threes .three-2, .login_loader .threes .three-3 {
    background-color: #ffffff;
    display: inline-flex;
    width: 16px;
    min-width: 16px;
    height: 16px;
    border-radius: 100%;
    animation: three 1.5s infinite ease-in-out both;
}
.login_loader .threes .three-1 {
    animation-delay: -320ms;
}
.login_loader .threes .three-2 {
    animation-delay: -160ms;
}
.pay__buttons .not_after::after {
    display: none;
}
.threes {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 5rem;
    height: 5rem;
}
.threes .three-1, .threes .three-2, .threes .three-3 {
    display: inline-flex;
    width: 30%;
    height: 30%;
    border-radius: 100%;
    animation: three 1.5s infinite ease-in-out both;
}
.threes .three-1 {
    animation-delay: -320ms;
    background-color: #fea133;
}

.threes .three-2 {
    animation-delay: -160ms;
    background-color: #f56a1d;
}
.threes .three-3 {
    background-color: #ed5b0c;
}
@keyframes three {
    0%, 80%, 100% {
        transform:scale(0)
    }
    40% {
        transform:scale(1);
    }
}
#Services .marketplace .search input{
    padding: 12px 12px 12px 38px;
    background: #E9E9E9;
    border-radius: 60px;
    border: none;
    width: 100%;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 125%;
    color: #6D6D6D;
}
#Services .marketplace .search{
    position: relative;
}
#Services .marketplace .search:before{
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    top: 14px;
    left: 14px;
    z-index: 1;
    background-image: url("/upload/mobileapp/elements/search.svg");
}
#Services .marketplace .title_box{
    display: flex;
    justify-content: space-between;
    margin: 18px 0 12px 0;
}
#Services .marketplace .title_box .title_link{
    font-weight: 500;
    font-size: 14px;
    line-height: 125%;
    color: #006CFF;
}
#Services .marketplace .title_block{
    font-style: normal;
    font-weight: 800;
    font-size: 14px;
    line-height: 100%;
    color: #202020;
}
#Services .marketplace .swiper-slide {
    width: 146px!important;
    min-height: 200px;
}
#Services .marketplace .slide_info {
    font-style: normal;
    font-size: 18px;
    line-height: 125%;
    padding: 0 14px 24px 14px;
    top: auto;
    bottom: 0;
}
#Services .marketplace .razdel .swiper-slide{
    width: 134px!important;
    min-height: 140px;
    background: white;
}
#Services .marketplace .razdel .slide_info{
    font-size: 12px;
    line-height: 100%;
    color: #202020;
    top: 14px;
    overflow: hidden;
}
#Services .marketplace .razdel .slide_img {
    width: 42px;
    height: 42px;
    background-size: contain;
    left: 14px;
    bottom: 14px;
}
#Services .marketplace .list{
    background: white;
    border: 1px solid #E9E9E9;
    border-radius: 16px;
}
#Services .marketplace .list .list__item {
    position: relative;
    padding: 12px 14px;
    margin-bottom: 0;
    background: none;
    border-radius: 0;
}
#Services .marketplace .danger{
    margin-bottom: 10px;
    font-weight: bold;
}
#Reminder  .search__input.danger,
#Reminder  .change__date_one.danger,
#Receipt .form__field.danger input,
#Services .marketplace .form__field.danger input,
#Services .marketplace .change__date_one.danger,
#Services .marketplace .list .list__item.danger {
    border-radius: 15px;
    border: 1px solid red;
}
#Services .marketplace .info .top_block{
    background: #836B3D;
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 16px 16px 0 0;
    display: flex;
    align-items: center;
}
#Services .marketplace .info .top_block .info_block{
    width: 80%;
}
#Services .marketplace .info .top_block .title{
    font-weight: 600;
    font-size: 20px;
    line-height: 112%;
    color: #FFFFFF;
}
#Services .marketplace .info .top_block .owner{
    font-weight: 400;
    font-size: 14px;
    line-height: 135%;
    color: #FFFFFF;
    margin-top: 6px;
}
#Services .marketplace .info .bottom_block{
    padding: 20px;
    border: 1px solid #836B3D;
    border-radius: 0 0 16px 16px;
    margin-bottom: 15px;
}
#Services .marketplace .info .bottom_block .title{
    font-weight: 800;
    font-size: 14px;
    line-height: 100%;
    color: #1F1F20;
}
#Services .marketplace .info .bottom_block .text{
    font-weight: 500;
    font-size: 14px;
    line-height: 125%;
    color: #555555;
    margin-top: 6px;
}
#Services .marketplace .info .bottom_block .hide,
#Services .marketplace .info .bottom_block .more{
    font-weight: 500;
    font-size: 14px;
    line-height: 125%;
    color: #313CC9;
    margin-top: 6px;
}
#Services .marketplace .list{
    margin-bottom: 15px;
}
#Reminder .change__date_one,
#Services .marketplace .change__date_one{
    background: white;
    border: 1px solid #E9E9E9;
    border-radius: 16px;
    margin-bottom: 15px;
    padding: 12px 14px;
    position: relative;
    line-height: 18px;
    font-weight: 700;
    color: #202020;
    height: 49px;
}
#Reminder  .change__date_one::after,
#Services .marketplace .change__date_one::after {
    position: absolute;
    content: "";
    width: 9px;
    height: 16px;
    top: 35%;
    right: 20px;
    background-image: url(/upload/mobileapp/elements/arrow-right.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}
#AddFeedback .form__field.wide input[type="email"],
#AddFeedback .form__field.wide input[type="tel"],
#AddFeedback .form__field.wide input[type="text"]{
    background-color: white;
}
#AddFeedback .bottom_text{
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #6D6D6D;
}
#AddFeedback .form__field.wide textarea {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #202020;
}
#AddFeedback .error {
     margin: 10px auto;
}
#Schedule .success_pay .offerBlock .offer-title{
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 100%;
}
#Schedule .success_pay{
    padding: 25vh 22px 38px;
    position: relative;
    display: block;
    transform: none;
    top: unset;
    left: unset;
}
#Schedule .success_pay .offerBlock .offer-text{
    font-weight: 700;
    font-size: 16px;
    line-height: 112%;
}
#Schedule .back_button{
    display: none;
}
.status_last{
    padding: 20px;
    background: #F6F7FF;
    border-radius: 32px;
    margin-bottom: 24px;
}
.status_last .top_text{
    display: flex;
    justify-content: space-between;
    color: #202020;
    margin-bottom: 16px;
}
.status_last .top_text .text{
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0.02em;

}
.status_last .top_text .date{
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
}
.status_last .bottom_text .text{
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    margin-bottom: 8px;
}
.status_last .bottom_text .adress{
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
}
#MyServices .main__button{
    margin: 0;
}
#servise_status .status_line{
    display: flex;
    margin-bottom: 16px;
    justify-content: space-between;
    position: relative;
    align-items: center;
}
#servise_status .status_line .img_circle{
    background: #BCBCBC;
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 25px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
}
#servise_status .status_line .img_line{
    width: 100%;
    height: 3px;
    background: #BCBCBC;
}
#MyServices .main__button{
    margin-bottom: 24px;
}
#MyServices .list_order .status_last{
    background-color: #E9F8EC;
    margin-bottom: 24px;
    padding: 20px;
    border-radius: 32px;
}
#MyServices .list_order .status_last.red{
    background-color: #F1B4B0;
}
#MyServices .list_order .title{
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
    color: #202020;
    margin-bottom: 24px;
}
#progressBar{
    padding: 5px 20px 4px;
    background: #F6F7FF;
    border-radius: 24px;
    margin-bottom: 20px;
}
#progressBar .pBar_title{
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 15px;
}
#progressBar .pBar_box{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
#progressBar .pBar_item{
    position: relative;
    display: block;
    width: 44px;
    height: 44px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 8px 16px;
}
#progressBar .modal_slide .badge.electroPay,
#progressBar .pBar_item.electroPay{
    background-image: url("/upload/mobileapp/icons/medal_epay.svg");
}
#progressBar .modal_slide .badge.electroPay4,
#progressBar .pBar_item.electroPay4,
#progressBar .modal_slide .badge.electroPay5,
#progressBar .pBar_item.electroPay5,
#progressBar .modal_slide .badge.electroPay6,
#progressBar .pBar_item.electroPay6,
#progressBar .modal_slide .badge.electroPay7,
#progressBar .pBar_item.electroPay7{
    background-image: url("/upload/mobileapp/icons/medal_epay2.svg");
}
#progressBar .modal_slide .badge.electroPay8,
#progressBar .pBar_item.electroPay8,
#progressBar .modal_slide .badge.electroPay9,
#progressBar .pBar_item.electroPay9,
#progressBar .modal_slide .badge.electroPay10,
#progressBar .pBar_item.electroPay10,
#progressBar .modal_slide .badge.electroPay11,
#progressBar .pBar_item.electroPay11{
    background-image: url("/upload/mobileapp/icons/medal_epay3.svg");
}
#progressBar .modal_slide .badge.electroPay12,
#progressBar .pBar_item.electroPay12,
#progressBar .modal_slide .badge.electroPay13,
#progressBar .pBar_item.electroPay13,
#progressBar .modal_slide .badge.electroPay14,
#progressBar .pBar_item.electroPay14,
#progressBar .modal_slide .badge.electroPay15,
#progressBar .pBar_item.electroPay15,
#progressBar .modal_slide .badge.electroPay16,
#progressBar .pBar_item.electroPay16{
    background-image: url("/upload/mobileapp/icons/medal_epay4.svg");
}
#progressBar .modal_slide .badge.epdPay,
#progressBar .pBar_item.epdPay{
    background-image: url("/upload/mobileapp/icons/medal_epdPay.svg");
}
#progressBar .modal_slide .badge.epdPay4,
#progressBar .pBar_item.epdPay4,
#progressBar .modal_slide .badge.epdPay5,
#progressBar .pBar_item.epdPay5,
#progressBar .modal_slide .badge.epdPay6,
#progressBar .pBar_item.epdPay6,
#progressBar .modal_slide .badge.epdPay7,
#progressBar .pBar_item.epdPay7{
    background-image: url("/upload/mobileapp/icons/medal_epdPay2.svg");
}
#progressBar .modal_slide .badge.epdPay8,
#progressBar .pBar_item.epdPay8,
#progressBar .modal_slide .badge.epdPay9,
#progressBar .pBar_item.epdPay9,
#progressBar .modal_slide .badge.epdPay10,
#progressBar .pBar_item.epdPay10,
#progressBar .modal_slide .badge.epdPay11,
#progressBar .pBar_item.epdPay11{
    background-image: url("/upload/mobileapp/icons/medal_epdPay3.svg");
}
#progressBar .modal_slide .badge.epdPay12,
#progressBar .pBar_item.epdPay12,
#progressBar .modal_slide .badge.epdPay13,
#progressBar .pBar_item.epdPay13,
#progressBar .modal_slide .badge.epdPay14,
#progressBar .pBar_item.epdPay14,
#progressBar .modal_slide .badge.epdPay15,
#progressBar .pBar_item.epdPay15,
#progressBar .modal_slide .badge.epdPay16,
#progressBar .pBar_item.epdPay16{
    background-image: url("/upload/mobileapp/icons/medal_epdPay4.svg");
}
#progressBar .modal_slide .badge.insPay,
#progressBar .pBar_item.insPay{
    background-image: url("/upload/mobileapp/icons/medal_insPay.svg");
}
#progressBar .modal_slide .badge.insPay4,
#progressBar .pBar_item.insPay4,
#progressBar .modal_slide .badge.insPay5,
#progressBar .pBar_item.insPay5,
#progressBar .modal_slide .badge.insPay6,
#progressBar .pBar_item.insPay6,
#progressBar .modal_slide .badge.insPay7,
#progressBar .pBar_item.insPay7{
    background-image: url("/upload/mobileapp/icons/medal_insPay2.svg");
}
#progressBar .modal_slide .badge.insPay8,
#progressBar .pBar_item.insPay8,
#progressBar .modal_slide .badge.insPay9,
#progressBar .pBar_item.insPay9,
#progressBar .modal_slide .badge.insPay10,
#progressBar .pBar_item.insPay10,
#progressBar .modal_slide .badge.insPay11,
#progressBar .pBar_item.insPay11{
    background-image: url("/upload/mobileapp/icons/medal_insPay3.svg");
}
#progressBar .modal_slide .badge.insPay12,
#progressBar .pBar_item.insPay12,
#progressBar .modal_slide .badge.insPay13,
#progressBar .pBar_item.insPay13,
#progressBar .modal_slide .badge.insPay14,
#progressBar .pBar_item.insPay14,
#progressBar .modal_slide .badge.insPay15,
#progressBar .pBar_item.insPay15,
#progressBar .modal_slide .badge.insPay16,
#progressBar .pBar_item.insPay16{
    background-image: url("/upload/mobileapp/icons/medal_insPay4.svg");
}
#progressBar .modal_slide .badge.readoutEe,
#progressBar .pBar_item.readoutEe{
    background-image: url("/upload/mobileapp/icons/medal_readoutEe.svg");
}
#progressBar .modal_slide .badge.readoutEe4,
#progressBar .pBar_item.readoutEe4,
#progressBar .modal_slide .badge.readoutEe5,
#progressBar .pBar_item.readoutEe5,
#progressBar .modal_slide .badge.readoutEe6,
#progressBar .pBar_item.readoutEe6,
#progressBar .modal_slide .badge.readoutEe7,
#progressBar .pBar_item.readoutEe7{
    background-image: url("/upload/mobileapp/icons/medal_readoutEe2.svg");
}
#progressBar .modal_slide .badge.readoutEe8,
#progressBar .pBar_item.readoutEe8,
#progressBar .modal_slide .badge.readoutEe9,
#progressBar .pBar_item.readoutEe9,
#progressBar .modal_slide .badge.readoutEe10,
#progressBar .pBar_item.readoutEe10,
#progressBar .modal_slide .badge.readoutEe11,
#progressBar .pBar_item.readoutEe11{
    background-image: url("/upload/mobileapp/icons/medal_readoutEe3.svg");
}
#progressBar .modal_slide .badge.readoutEe12,
#progressBar .pBar_item.readoutEe12,
#progressBar .modal_slide .badge.readoutEe13,
#progressBar .pBar_item.readoutEe13,
#progressBar .modal_slide .badge.readoutEe14,
#progressBar .pBar_item.readoutEe14,
#progressBar .modal_slide .badge.readoutEe15,
#progressBar .pBar_item.readoutEe15,
#progressBar .modal_slide .badge.readoutEe16,
#progressBar .pBar_item.readoutEe16{
    background-image: url("/upload/mobileapp/icons/medal_readoutEe4.svg");
}
#progressBar .modal_slide .badge.avansEe,
#progressBar .pBar_item.avansEe{
    background-image: url("/upload/mobileapp/icons/medal_avansEe.svg");
}
#progressBar .modal_slide .badge.share,
#progressBar .pBar_item.share{
    background-image: url("/upload/mobileapp/icons/medal_share.svg");
}
#progressBar .modal_slide .badge.share4,
#progressBar .pBar_item.share4,
#progressBar .modal_slide .badge.share5,
#progressBar .pBar_item.share5,
#progressBar .modal_slide .badge.share6,
#progressBar .pBar_item.share6,
#progressBar .modal_slide .badge.share7,
#progressBar .pBar_item.share7{
    background-image: url("/upload/mobileapp/icons/medal_share2.svg");
}
#progressBar .modal_slide .badge.share8,
#progressBar .pBar_item.share8,
#progressBar .modal_slide .badge.share9,
#progressBar .pBar_item.share9,
#progressBar .modal_slide .badge.share10,
#progressBar .pBar_item.share10,
#progressBar .modal_slide .badge.share11,
#progressBar .pBar_item.share11{
    background-image: url("/upload/mobileapp/icons/medal_share3.svg");
}
#progressBar .modal_slide .badge.share12,
#progressBar .pBar_item.share12,
#progressBar .modal_slide .badge.share13,
#progressBar .pBar_item.share13,
#progressBar .modal_slide .badge.share14,
#progressBar .pBar_item.share14,
#progressBar .modal_slide .badge.share15,
#progressBar .pBar_item.share15,
#progressBar .modal_slide .badge.share16,
#progressBar .pBar_item.share16{
    background-image: url("/upload/mobileapp/icons/medal_share4.svg");
}
#progressBar .modal_slide .badge.score,
#progressBar .pBar_item.score{
    background-image: url("/upload/mobileapp/icons/medal_score.svg");
}
#progressBar .modal_slide .badge.score4,
#progressBar .pBar_item.score4{
    background-image: url("/upload/mobileapp/icons/medal_score2.svg");
}
#progressBar .modal_slide .badge.autopayments,
#progressBar .pBar_item.autopayments{
    background-image: url("/upload/mobileapp/icons/medal_autopayments.svg");
}
#progressBar .modal_slide .badge.autopayments4,
#progressBar .pBar_item.autopayments4{
    background-image: url("/upload/mobileapp/icons/medal_autopayments2.svg");
}
#progressBar .modal_slide .badge.serviceOrder,
#progressBar .pBar_item.serviceOrder{
    background-image: url("/upload/mobileapp/icons/medal_serviceOrder.svg");
}
#progressBar .modal_slide .badge.serviceOrder4,
#progressBar .pBar_item.serviceOrder4{
    background-image: url("/upload/mobileapp/icons/medal_serviceOrder2.svg");
}
#progressBar .modal_slide .badge.serviceOrder8,
#progressBar .pBar_item.serviceOrder8,
#progressBar .modal_slide .badge.serviceOrder9,
#progressBar .pBar_item.serviceOrder9,
#progressBar .modal_slide .badge.serviceOrder10,
#progressBar .pBar_item.serviceOrder10,
#progressBar .modal_slide .badge.serviceOrder11,
#progressBar .pBar_item.serviceOrder11{
    background-image: url("/upload/mobileapp/icons/medal_serviceOrder3.svg");
}
#progressBar .modal_slide .badge.serviceOrder12,
#progressBar .pBar_item.serviceOrder12,
#progressBar .modal_slide .badge.serviceOrder13,
#progressBar .pBar_item.serviceOrder13,
#progressBar .modal_slide .badge.serviceOrder14,
#progressBar .pBar_item.serviceOrder14,
#progressBar .modal_slide .badge.serviceOrder15,
#progressBar .pBar_item.serviceOrder15,
#progressBar .modal_slide .badge.serviceOrder16,
#progressBar .pBar_item.serviceOrder16{
    background-image: url("/upload/mobileapp/icons/medal_serviceOrder4.svg");
}
#progressBar .pay__systems .button_box {
    justify-content: center;
}
#progressBar .modal_slide .badge_box{
    text-align: center;
}
#progressBar .modal_slide .badge{
    width: 160px;
    height: 160px;
    position: relative;
    display: inline-block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 20px;
}
#progressBar .modal_slide{
    background: white;
}
#progressBar .modal_slide .modal-slide_body{
    text-align: center;
}
#progressBar .modal_slide .progress-bar{
    justify-content: space-around;
    margin-top: 24px;
    display: none;
}
#progressBar .modal_slide .progress-bar.open{
    display: flex;
}
#progressBar .modal_slide .progress-bar .prog_box{
    width: 80%;
    display: flex;
}
#progressBar .modal_slide .progress-bar .prog_line{
    background: #E9E9E9;
    width: 25%;
    height: 16px;
}
#progressBar .modal_slide .progress-bar .prog_line:first-child{
    border-radius: 6px 0 0 6px;
}
#progressBar .modal_slide .progress-bar .prog_line:last-child{
    border-radius: 0 6px 6px 0;
}


@media (max-width: 376px) {
    .step__counter-count {
        min-width: 168px;
    }
    .calc__payment {
        width: 318px;
    }
    .login_loader {
        max-width: 260px;
    }
    #progressBar .pBar_item {
        margin: 0 6px 16px;
    }
}
@media (max-width: 350px) {
    .wrapper {
        padding: 15px 10px;
    }
    .step__counter-count {
        min-width: 118px;
    }
    .calc__payment {
        width: calc(100% - 30px);
    }
    .bsk__info-text {
        margin-right: 10px;
    }
    .bsk__info-logo {
        background-size: contain;
    }
    .bsk__info-info {
        margin-right: 5px;
    }
    .bsk__info-item {
        padding: 15px 12px;
    }
    #services .epd__counter-info .to__pay input.input_pay,
    .epd__counter-info span {
        font-size: 16px;
    }
    .epd__counter-header {
        font-size: 14px;
    }
    .tabs__item {
        font-size: 14px;
        line-height: 12px;
        margin-right: 10px;
    }
}
@media (max-width: 330px) {
    .main__pays {
        padding: 18px 10px;
    }
    .pay {
        padding: 0 15px 0 36px;
        margin-bottom: 33px;
    }
    .pay::before {
        width: 25px;
        height: 25px;
        background-size: contain;
    }
    .main__pays .pay.epd .pay_inner,
    .main__pays .pay.epd.ispaid .pay_inner {
        padding: 0 15px 0 36px;
    }
    .payment__info-item, .payment__info-total {
        font-size: 12px;
    }
    .payment__info-total span,
    .payment__info-item span {
        font-size: 15px;
    }
    .pay__total-itog span {
        font-size: 26px;
        line-height: 22px;
    }
    .pay__system {
        line-height: 20px;
        margin-bottom: 20px;
    }
    #services .epd__counter-info .to__pay::after {
        right: 12px;
    }
    .page__header a.back_button {
        font-size: 20px;
    }
    .filter__item {
        margin: 0 0 34px;
    }
    .filter__title {
        font-size: 22px;
        margin-bottom: 35px;
    }
    .list__item-title {
        font-size: 15px;
    }
    .months__item {
        padding: 20px;
    }
    .agree {
        padding: 15px 5px;
    }
}
@media (max-width: 300px) {
    #services .epd__counter-info .to__pay::after {
        right: -5px;
    }
    #services .epd__counter-info .to__pay input.input_pay,
    .epd__counter-info span {
        font-size: 14px;
    }
    .pay__total-itog span {
        font-size: 22px;
        line-height: 22px;
    }
    .pay__total {
        padding: 10px;
    }
    .pay__total-itog {
        margin-top: 12px;
        font-size: 16px;
    }
}
#SecurityPin .form_wrapper {
    padding: 0 15px;
}
#Digital .checkbox .consent{
    line-height: 14px;
    position: relative;
}
#Digital .checkbox input[type=checkbox] + label {
    display: block;
    margin-bottom: 30px;
    margin-top: 20px;
    position: relative;
}
#Digital .information-text {
    font-size: 15px;
}
#SecurityPassword .pin_done{
    display: none!important;
}
.danger{
    font-size: 15px;
    color: red;
}
.android .sm-loading .sm-item-primary:before{
    background: linear-gradient(90deg, transparent 40%, color-mix(in srgb, #fff 15%, #C0C0C0 85%) 50%, transparent 60%)!important;
}
#Reminder .title_top{
    font-weight: 700;
    font-size: 32px;
    line-height: 150%;
    color: #202020;
    margin-bottom: 44px;
}
#Reminder .title_top span{
    color: white;
    float: right;
    padding: 12px 24px;
    width: 72px;
    height: 48px;
    line-height: 80%;
    background: #EF6C02;
    border-radius: 28px;
    text-align: center;
}
#Reminder .list_order .status_last{
    padding: 8px 12px;
    background: #F6F7FF;
    border-radius: 18px;
    position: relative;
    margin-bottom: 14px;
    display: flex;
}
#Reminder .list_order .status_last.dublicat{
    opacity: 0.5;
}
#Reminder .list_order .status_last .top_text{
    display: flex;
    flex-direction: column;
    color: #202020;
    margin-bottom: 4px;
}
#Reminder .list_order .status_last .top_text .date{
    font-weight: 700;
    font-size: 20px;
    line-height: 40px;
    color: #565B89;
    width: 40px;
    height: 40px;
    text-align: center;
    background: #D9DDFF;
    border-radius: 16px;
    margin-right: 8px;
}
#Reminder .list_order .status_last .bottom_text{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#Reminder .list_order .status_last .bottom_text .title{
    font-weight: 700;
    font-size: 16px;
    line-height: 130%;
    color: #202020;
    text-align: left;
}
#Reminder .list_order .status_last .list__item-month{
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
    color: #202020;
    margin-bottom: 16px;
    top: -35px;
}
#Reminder .list_order .status_last .edit_item{
    align-items: center;
    display: flex;
}
#Reminder .list_order .status_last.dublicat .edit_item{
    display: none;
}
#Reminder .box_input .label{
    font-weight: 700;
    font-size: 16px;
    line-height: 130%;
    margin-bottom: 5px;
    display: block;
}
#Reminder .box_input .carousel{
    margin: 20px 0;
}
#Reminder .box_input .slide_info{
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    padding: 8px 16px;
    color: #202020;
    background: #F8F8F8;
    border-radius: 72px;
    position: relative;
    top: 0;
    min-width: fit-content;
    min-height: auto;
}
#Reminder .box_input input.search__input {
    padding: 9px 16px 10px;
}
#Reminder .btn_market{
    padding: 16px 24px;
    background: transparent;
    border: 1px solid #202020;
    border-radius: 16px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    color: #202020;
    margin-bottom: 24px;
    text-align: center;
}
#Reminder .time_box{
    display: flex;
    justify-content: space-between;
}
#Reminder .time_box .list__wrapper{
    width: 100%;
}
#Reminder .time_box .list__item{
    background: #F6F7FF;
    border-radius: 12px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: #565B89;
    padding: 12px 44px;
}
#Reminder .time_box .list__item::before {
    position: absolute;
    content: "";
    top: 10px;
    left: 10px;
    width: 24px;
    height: 24px;
    background-image: url(/upload/mobileapp/elements/mi_repeat.svg);
    background-position: center;
    background-repeat: no-repeat;
}
#Reminder .elForm label.disabled{
    opacity: 0.3;
}
.info-buble{
    font-size: 14px;
    border: 1px solid #555555;
    border-radius: 10px;
    color: #6d6d6d;
    padding: 5px;
    margin-bottom: 10px;
}