#full-overlay{ position: fixed; top: 0; z-index: 100; width: 100%; height:100%; display: none; background: rgba(0,0,0,0.6); } .full-cv-spinner { height: 100%; display: flex; justify-content: center; align-items: center; } .full-spinner { width: 70px; height: 70px; border: 4px #ddd solid; border-top: 4px #FF6622 solid; border-radius: 50%; animation: full-sp-anime 0.8s infinite linear; } @keyframes full-sp-anime { 100% { transform: rotate(360deg); } } .full-is-hide{ display:none; } .hidden { display: none; } .filler { height: 0 !important; } input[type=number] { background: #FFFFFF; border: 1px solid #979797; box-sizing: border-box; border-radius: 10px; padding: 14px 7px; font-size: 14px; } .overlay-text { position: relative; right: 45px; color: grey; margin-top: 15px; } .my-kabinet { margin-top: 0px !important; } .pay-new { width: 100%; display: flex; justify-content: center; } .pay-new a { font-style: normal; font-weight: normal; font-size: 14px; line-height: 16px; text-align: right; text-decoration-line: underline; color: #EE4915; } .pay-new .pay-new__container { width: 100%; max-width: 920px; /* outline: solid 1px red; */ margin: 87px 0 0; } .pay-alert-top-wrapper { display: flex; flex-direction: row; /* width: 100%; */ /* margin: 0 25px; */ /* padding: 0 25px; */ align-content: space-around; justify-content: flex-start; align-items: center; /* margin: 0 auto;*/ } .pay-new .pay-new__container .pay-new__alert-top { margin: 0; /*20px 0 0;*/ display: flex; flex-direction: row; width: 100%; justify-content: flex-start; align-items: start; /* outline: 1px solid red; */ } .pay-new .pay-new__container .pay-new__alert-top img { /* width: 88.22px; */ height: 102px; margin-right: 12px; } .pay-alert-top-wrapper .pay-new__alert-top .pay-new__alert-text .pay-new__alert-title { font-size: 16px !important; margin-bottom: 0 !important; } .pay-new .pay-new__container .pay-new__alert-top .pay-new__alert-text { width: 100%; max-width: 732px; background: #EDEFF2; border-radius: 12px; padding: 10px 14px; font-style: normal; font-weight: normal; font-size: 16px; line-height: 22px; color: #000000; } .pay-new .pay-new__container .pay-new__alert-top .pay-new__alert-text span { color: #FF6622; } .pay-new .pay-new__container .pay-new__alert-top .pay-new__alert-text .pay-new__alert-title { font-style: normal; font-weight: bold; font-size: 18px; line-height: 26px; margin-bottom: 15px; } .pay-new .pay-new__container .pay-new__covid { background: #00BDB4; border-radius: 12px; padding: 16px 6px; width: 100%; display: flex; justify-content: space-evenly; align-items: center; } .pay-new .pay-new__container .pay-new__covid .pay-new__covid-text { width: 90%; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #FFFFFF; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info { display: flex; justify-content: space-between; margin: 10px 0 20px; align-items: flex-start; } /* .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-buttons, .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-info { margin: 0 !important; } */ .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-buttons, .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-info { width: 45%; /* margin: 30px 0; */ padding: 20px; background: #FFFFFF; box-shadow: 4px 8px 15px rgba(21, 48, 88, 0.101961); border-radius: 12px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-buttons { display: flex; justify-content: flex-start; align-items: center; flex-direction: column; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-buttons .pay-info__top-buttons { display: flex; justify-content: space-between; /* align-items: center; */ align-items: stretch; width: 100%; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-buttons .pay-info__top-buttons.desktop.single { justify-content: center; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-buttons .pay-info__top-buttons .pay-info__block-pay { display: flex; justify-content: center; align-items: center; flex-direction: column; /* width: 50%; */ } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-buttons .pay-info__top-buttons .pay-info__block-pay.full-payment { width: 196px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-buttons .pay-info__top-buttons .pay-info__block-pay.full-payment .pay-info__pay-button{ margin-top: auto; align-self: flex-end; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-buttons .pay-info__top-buttons .pay-info__block-pay .prolong-info-pay { display: flex; justify-content: center; align-items: center; flex-direction: column; margin-bottom: 10px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-buttons .pay-info__top-buttons .pay-info__block-pay .prolong-info-pay .prolong-info-pay__title1 { font-style: normal; font-weight: normal; font-size: 14px; line-height: 16px; text-align: center; color: #747983; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-buttons .pay-info__top-buttons .pay-info__block-pay .prolong-info-pay .prolong-info-pay__title2 { font-style: normal; font-weight: bold; font-size: 16px; line-height: 16px; text-align: center; color: #000000; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-buttons .pay-info__top-buttons .pay-info__block-pay .full-pay { margin-bottom: 20px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-buttons .pay-info__top-buttons .pay-info__block-pay .full-pay .full-pay__title { font-style: normal; font-weight: bold; font-size: 16px; line-height: 20px; color: #000000; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-buttons .pay-info__top-buttons .pay-info__block-pay button { background: #FF6622; box-shadow: 0px 10px 10px -4px rgba(238, 68, 0, 0.3); border-radius: 44px; border: 0; width: auto; padding: 13px 0; font-style: normal; font-weight: bold; font-size: 16px; line-height: 20px; text-align: center; color: #FFFFFF; font-family: Mulish; text-wrap: nowrap; min-width: 196px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-info .pay-info__overdue { display: flex; justify-content: flex-start; padding: 8px 12px; background: rgba(238, 73, 21, 0.1); mix-blend-mode: normal; border-radius: 4px; width: auto; /*96%;*/ font-style: normal; font-weight: bold; font-size: 12px; line-height: 16px; color: #EE4915; margin-bottom: 10px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-info .pay-info__overdue img { margin-right: 10px; width: 18px; height: 18px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-info .pay-info__info-title { display: flex; justify-content: space-between; align-items: center; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-info .pay-info__info-title div { font-style: normal; font-weight: normal; font-size: 14px; line-height: 16px; color: #747983; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-info .pay-info__info-amount-n-date { display: flex; justify-content: space-between; align-items: center; padding-bottom: 15px; margin-top: 8px; border-bottom: 1px solid #e3e9f6; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-info .pay-info__info-amount-n-date .pay-info__left { font-style: normal; font-weight: bold; font-size: 20px; line-height: 24px; color: #000000; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-info .pay-info__info-amount-n-date .pay-info__right { font-style: normal; font-weight: bold; font-size: 20px; line-height: 16px; text-align: right; color: #000000; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-info .extra-info-pay { display: flex; justify-content: space-between; align-items: center; flex-direction: column; width: 100%; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-info .extra-info-pay .extra-info-pay__row { padding: 5px 0; width: 100%; display: flex; justify-content: space-between; align-items: end; font-style: normal; font-weight: normal; font-size: 16px; line-height: 16px; color: #747983; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd { display: flex; justify-content: space-between; align-items: start; flex-direction: row; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-mnd__menu { display: flex; justify-content: space-between; align-items: start; flex-direction: column; /*width: 100%; */ /* padding: 3.5px 0; */ margin-right: 20px; } /*.pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-mnd__menu .menu-item-wrap { width: 100%; }*/ .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-mnd__menu.old { margin-right: 20px; width: auto; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-mnd__menu.old .menu-item-wrap { width: auto; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-mnd__menu.old .pay-option { width: 351px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-mnd__menu .pay-option { display: flex; justify-content: flex-start; /*space-between;*/ align-items: center; padding: 7px; /* margin: 3.5px 0; */ margin-bottom: 7px; background: #FFFFFF; box-shadow: 4px 8px 15px rgba(21, 48, 88, 0.101961); border-radius: 12px; width: 351px; height: 61px; cursor: pointer; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-mnd__menu .pay-option .pay-option__icon { max-width: 48px; margin-right: 12px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-mnd__menu .pay-option .pay-option__icon img { max-width: 100%; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-mnd__menu .pay-option .pay-option__text { width: 60%; font-style: normal; font-weight: bold; font-size: 16px; line-height: 20px; color: #000000; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-mnd__menu .pay-option .pay-option__text > small { font-weight: normal; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-mnd__menu .pay-option .pay-option__arrow { width: 16px; height: 16px; background-image: url("/img/site/newpay/arrow-right.png"); background-size: contain; background-repeat: no-repeat; margin-left: auto; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-mnd__menu .pay-option.selected { border: 1px solid #FF6622; box-shadow: 4px 8px 15px rgba(21, 48, 88, 0.101961); } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-mnd__menu .pay-option.selected .pay-option__text { color: #FF6622; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-mnd__menu .pay-option.selected .pay-option__text > small { color: #FF6622; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-mnd__menu .pay-option.selected .pay-option__arrow { background-image: url("/img/site/newpay/arrow-right-selected.png"); } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display { width: 100%; background: #FFFFFF; box-shadow: 4px 8px 15px rgba(21, 48, 88, 0.101961); padding: 16px; border-radius: 12px; box-sizing: border-box; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .cm-info { display: flex; justify-content: flex-start; padding: 8px 12px; background: rgba(0, 189, 180, 0.1); mix-blend-mode: normal; border-radius: 4px; /*width: 96%;*/ font-style: normal; font-weight: bold; font-size: 12px; line-height: 16px; color: #00BDB4; margin-bottom: 10px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .cm-info img { margin-right: 10px; width: 18px; height: 18px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .pay-display__window { /* display: flex; */ flex-direction: column; justify-content: space-between; gap: 15px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .pay-display__window .input-amount-wrapper input::-webkit-outer-spin-button, .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .pay-display__window .input-amount-wrapper input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .pay-display__window input[type=number] { -moz-appearance: textfield; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .pay-display__window .input-amount-wrapper .overlay-text { position: inherit; right: auto; color: grey; margin-top: 15px; margin-left: -45px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .pay-display__window .input-amount-wrapper + .info { color: #747983; font-size: 12px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .pay-display__window button { background: #FF6622; box-shadow: 0px 10px 10px -4px rgba(238, 68, 0, 0.3); border-radius: 44px; border: 0; width: 60%; padding: 11px 0; font-style: normal; font-weight: bold; font-size: 16px; line-height: 20px; text-align: center; max-width: 300px; color: #FFFFFF; font-family: 'Mulish'; margin-top: 15px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .pay-display__window button:disabled { background: #c4c3c3; box-shadow: 0px 10px 10px -4px rgba(170, 170, 170, 0.3); } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .virtual .pay-table__info-title { width: 40%; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .virtual .page-block-scammer-alert .page-block__container .scammer-alert-block .check-virtual-balance-container { margin: 20px 0; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .virtual .page-block-scammer-alert .page-block__container .scammer-alert-block .check-virtual-balance-container .form-container { display: none; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .virtual .page-block-scammer-alert .page-block__container .scammer-alert-block .check-virtual-balance-container .form-container .label { font-weight: bold; margin-bottom: 10px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .virtual .page-block-scammer-alert .page-block__container .scammer-alert-block .check-virtual-balance-container .form-container .inputs-container { display: flex; justify-content: flex-start; align-items: flex-start; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .virtual .page-block-scammer-alert .page-block__container .scammer-alert-block .check-virtual-balance-container .form-container .inputs-container > :first-child { flex: 1; margin-right: 15px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .virtual .page-block-scammer-alert .page-block__container .scammer-alert-block .check-virtual-balance-container .form-container .inputs-container > :nth-child(2) { width: 250px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .virtual .page-block-scammer-alert .page-block__container .scammer-alert-block .check-virtual-balance-container .form-container .inputs-container .field-error { margin-top: 5px; color: #ff0000; margin-bottom: 10px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .virtual .page-block-scammer-alert .page-block__container .scammer-alert-block .check-virtual-balance-container .form-container input { color: #000; border: 2px solid #ff7f00; border-radius: 5px; height: 48px; line-height: 48px; width: 100%; box-sizing: border-box; padding: 0 15px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .virtual .page-block-scammer-alert .page-block__container .scammer-alert-block .check-virtual-balance-container .form-container button { width: 100%; background: #ff7f00; color: #fff; border-radius: 5px; height: 48px; line-height: 48px; display: flex; justify-content: center; align-items: center; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .virtual .page-block-scammer-alert .page-block__container .scammer-alert-block .check-virtual-balance-container .form-container button.loading { background: grey; box-shadow: 0px 10px 10px -4px rgba(170, 170, 170, 0.3); } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .virtual .page-block-scammer-alert .page-block__container .scammer-alert-block .check-virtual-balance-container .form-container button.loading::before { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0ibWFyZ2luOiBhdXRvOyBiYWNrZ3JvdW5kOiBub25lOyBkaXNwbGF5OiBibG9jazsgc2hhcGUtcmVuZGVyaW5nOiBhdXRvOyIgd2lkdGg9IjIwMHB4IiBoZWlnaHQ9IjIwMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4MCw1MCkiPgo8ZyB0cmFuc2Zvcm09InJvdGF0ZSgwKSI+CjxjaXJjbGUgY3g9IjAiIGN5PSIwIiByPSI2IiBmaWxsPSIjZmZmZmZmIiBmaWxsLW9wYWNpdHk9IjEiPgogIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0ic2NhbGUiIGJlZ2luPSItMC44NzVzIiB2YWx1ZXM9IjEuNSAxLjU7MSAxIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPgogIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIHZhbHVlcz0iMTswIiBiZWdpbj0iLTAuODc1cyI+PC9hbmltYXRlPgo8L2NpcmNsZT4KPC9nPgo8L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzEuMjEzMjAzNDM1NTk2NDMsNzEuMjEzMjAzNDM1NTk2NDMpIj4KPGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj4KPGNpcmNsZSBjeD0iMCIgY3k9IjAiIHI9IjYiIGZpbGw9IiNmZmZmZmYiIGZpbGwtb3BhY2l0eT0iMC44NzUiPgogIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0ic2NhbGUiIGJlZ2luPSItMC43NXMiIHZhbHVlcz0iMS41IDEuNTsxIDEiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGVUcmFuc2Zvcm0+CiAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZmlsbC1vcGFjaXR5IiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgdmFsdWVzPSIxOzAiIGJlZ2luPSItMC43NXMiPjwvYW5pbWF0ZT4KPC9jaXJjbGU+CjwvZz4KPC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUwLDgwKSI+CjxnIHRyYW5zZm9ybT0icm90YXRlKDkwKSI+CjxjaXJjbGUgY3g9IjAiIGN5PSIwIiByPSI2IiBmaWxsPSIjZmZmZmZmIiBmaWxsLW9wYWNpdHk9IjAuNzUiPgogIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0ic2NhbGUiIGJlZ2luPSItMC42MjVzIiB2YWx1ZXM9IjEuNSAxLjU7MSAxIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPgogIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIHZhbHVlcz0iMTswIiBiZWdpbj0iLTAuNjI1cyI+PC9hbmltYXRlPgo8L2NpcmNsZT4KPC9nPgo8L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjguNzg2Nzk2NTY0NDAzNTc3LDcxLjIxMzIwMzQzNTU5NjQzKSI+CjxnIHRyYW5zZm9ybT0icm90YXRlKDEzNSkiPgo8Y2lyY2xlIGN4PSIwIiBjeT0iMCIgcj0iNiIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1vcGFjaXR5PSIwLjYyNSI+CiAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJzY2FsZSIgYmVnaW49Ii0wLjVzIiB2YWx1ZXM9IjEuNSAxLjU7MSAxIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPgogIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIHZhbHVlcz0iMTswIiBiZWdpbj0iLTAuNXMiPjwvYW5pbWF0ZT4KPC9jaXJjbGU+CjwvZz4KPC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwLDUwLjAwMDAwMDAwMDAwMDAxKSI+CjxnIHRyYW5zZm9ybT0icm90YXRlKDE4MCkiPgo8Y2lyY2xlIGN4PSIwIiBjeT0iMCIgcj0iNiIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1vcGFjaXR5PSIwLjUiPgogIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0ic2NhbGUiIGJlZ2luPSItMC4zNzVzIiB2YWx1ZXM9IjEuNSAxLjU7MSAxIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPgogIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIHZhbHVlcz0iMTswIiBiZWdpbj0iLTAuMzc1cyI+PC9hbmltYXRlPgo8L2NpcmNsZT4KPC9nPgo8L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjguNzg2Nzk2NTY0NDAzNTcsMjguNzg2Nzk2NTY0NDAzNTc3KSI+CjxnIHRyYW5zZm9ybT0icm90YXRlKDIyNSkiPgo8Y2lyY2xlIGN4PSIwIiBjeT0iMCIgcj0iNiIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1vcGFjaXR5PSIwLjM3NSI+CiAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJzY2FsZSIgYmVnaW49Ii0wLjI1cyIgdmFsdWVzPSIxLjUgMS41OzEgMSIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZVRyYW5zZm9ybT4KICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiB2YWx1ZXM9IjE7MCIgYmVnaW49Ii0wLjI1cyI+PC9hbmltYXRlPgo8L2NpcmNsZT4KPC9nPgo8L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDkuOTk5OTk5OTk5OTk5OTksMjApIj4KPGcgdHJhbnNmb3JtPSJyb3RhdGUoMjcwKSI+CjxjaXJjbGUgY3g9IjAiIGN5PSIwIiByPSI2IiBmaWxsPSIjZmZmZmZmIiBmaWxsLW9wYWNpdHk9IjAuMjUiPgogIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0ic2NhbGUiIGJlZ2luPSItMC4xMjVzIiB2YWx1ZXM9IjEuNSAxLjU7MSAxIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPgogIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIHZhbHVlcz0iMTswIiBiZWdpbj0iLTAuMTI1cyI+PC9hbmltYXRlPgo8L2NpcmNsZT4KPC9nPgo8L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzEuMjEzMjAzNDM1NTk2NDMsMjguNzg2Nzk2NTY0NDAzNTcpIj4KPGcgdHJhbnNmb3JtPSJyb3RhdGUoMzE1KSI+CjxjaXJjbGUgY3g9IjAiIGN5PSIwIiByPSI2IiBmaWxsPSIjZmZmZmZmIiBmaWxsLW9wYWNpdHk9IjAuMTI1Ij4KICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InNjYWxlIiBiZWdpbj0iMHMiIHZhbHVlcz0iMS41IDEuNTsxIDEiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGVUcmFuc2Zvcm0+CiAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZmlsbC1vcGFjaXR5IiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgdmFsdWVzPSIxOzAiIGJlZ2luPSIwcyI+PC9hbmltYXRlPgo8L2NpcmNsZT4KPC9nPgo8L2c+CjwhLS0gW2xkaW9dIGdlbmVyYXRlZCBieSBodHRwczovL2xvYWRpbmcuaW8vIC0tPjwvc3ZnPg=="); background-size: contain; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .virtual .page-block-scammer-alert .page-block__container .scammer-alert-block .check-virtual-balance-container .form-container button::before { content: ""; background-image: url("data:image/svg+xml,%3Csvg width='26' height='30' viewBox='0 0 26 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.95 0.599968C12.8219 0.604964 12.6961 0.635566 12.58 0.689968L1.38 6.08997C1.2186 6.16851 1.08245 6.29072 0.986995 6.44273C0.891545 6.59475 0.84062 6.77047 0.840001 6.94997V7.96997C0.838202 8.09718 0.861704 8.22348 0.909141 8.34153C0.956578 8.45958 1.027 8.56702 1.11633 8.65762C1.20565 8.74821 1.31209 8.82015 1.42945 8.86925C1.54682 8.91835 1.67278 8.94364 1.8 8.94364C1.92722 8.94364 2.05318 8.91835 2.17055 8.86925C2.28791 8.82015 2.39435 8.74821 2.48367 8.65762C2.573 8.56702 2.64342 8.45958 2.69086 8.34153C2.7383 8.22348 2.7618 8.09718 2.76 7.96997V7.55997L13 2.61997L23.24 7.55997V11.28C23.24 18.4144 19.0553 24.4979 13 27.35C6.94511 24.4977 2.76 18.414 2.76 11.28C2.7618 11.1528 2.7383 11.0265 2.69086 10.9084C2.64342 10.7904 2.573 10.6829 2.48367 10.5923C2.39435 10.5017 2.28791 10.4298 2.17055 10.3807C2.05318 10.3316 1.92722 10.3063 1.8 10.3063C1.67278 10.3063 1.54682 10.3316 1.42945 10.3807C1.31209 10.4298 1.20565 10.5017 1.11633 10.5923C1.027 10.6829 0.956578 10.7904 0.909141 10.9084C0.861704 11.0265 0.838202 11.1528 0.840001 11.28C0.840001 19.3374 5.66338 26.2458 12.61 29.31C12.7328 29.3645 12.8656 29.3927 13 29.3927C13.1344 29.3927 13.2672 29.3645 13.39 29.31C20.3372 26.246 25.16 19.3377 25.16 11.28V6.94997C25.1594 6.77047 25.1085 6.59475 25.013 6.44273C24.9176 6.29072 24.7814 6.16851 24.62 6.08997L13.42 0.689968C13.2734 0.62078 13.1118 0.589818 12.95 0.599968ZM18.67 10.19C18.455 10.2132 18.2542 10.3083 18.1 10.46L11.41 16.85L8.56 14C8.47368 13.9011 8.368 13.821 8.2495 13.7646C8.13099 13.7082 8.00218 13.6766 7.87102 13.672C7.73986 13.6673 7.60913 13.6896 7.48691 13.7374C7.36469 13.7852 7.25357 13.8576 7.16043 13.9501C7.06728 14.0425 6.99408 14.1531 6.94535 14.275C6.89661 14.3968 6.87338 14.5274 6.87709 14.6586C6.8808 14.7898 6.91137 14.9188 6.96691 15.0377C7.02245 15.1566 7.10178 15.2629 7.2 15.35L10.72 18.87C10.8967 19.0473 11.1356 19.1487 11.3859 19.1524C11.6363 19.1562 11.8781 19.062 12.06 18.89L19.42 11.85C19.5679 11.7132 19.6691 11.5333 19.7091 11.3359C19.7492 11.1384 19.7261 10.9333 19.6431 10.7497C19.5602 10.5661 19.4216 10.4133 19.2469 10.3128C19.0723 10.2123 18.8704 10.1694 18.67 10.19Z' fill='white'/%3E%3C/svg%3E%0A"); width: 26px; height: 30px; margin-right: 10px; margin-left: 10px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .virtual .page-block-scammer-alert .page-block__container .scammer-alert-block .check-virtual-balance-container .results-block { display: none; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .virtual .page-block-scammer-alert .page-block__container .scammer-alert-block .check-virtual-balance-container .results-block .results-header { margin-bottom: 10px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .virtual .page-block-scammer-alert .page-block__container .scammer-alert-block .check-virtual-balance-container .results-block .results-footer { margin-top: 5px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .virtual .page-block-scammer-alert .page-block__container .scammer-alert-block .check-virtual-balance-container .results-block .result-container > div { margin-bottom: 10px; display: flex; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .virtual .page-block-scammer-alert .page-block__container .scammer-alert-block .check-virtual-balance-container .results-block .result-container > div :first-child { width: 150px; font-weight: bold; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .pay-table { display: flex; justify-content: space-between; align-items: start; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .pay-table .pay-table__unit { width: 47%; display: flex; justify-content: flex-start; align-items: start; flex-direction: column; gap: 10px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .pay-table .pay-table__unit .pay-table__subunit { margin-bottom: 15px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .pay-table .pay-table__unit .pay-table__subunit:last-of-type { margin-bottom: 0; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .pay-table .pay-table__unit .pay-table__title { font-style: normal; font-weight: bold; font-size: 14px; line-height: 16px; width: 100%; color: #000000; padding-bottom: 5px; border-bottom: 1px solid #E6E6E6; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .pay-table .pay-table__unit .pay-table__info-virtual { margin: 10px 0; width: 100%; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .pay-table .pay-table__unit .pay-table__info-virtual .pay-table__virtual-row { display: flex; justify-content: space-between; align-items: center; margin: 5px 0; margin-top: 0; width: 100%; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .pay-table .pay-table__unit .pay-table__info-virtual .pay-table__virtual-row .pay-table__virtual-id { padding: 6px 10px; font-style: normal; font-weight: bold; font-size: 12px; line-height: 16px; text-align: center; background-color: rgba(151, 151, 151, 0.3); color: #000; border-radius: 4px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .pay-table .pay-table__unit .pay-table__info-virtual .pay-table__virtual-row .pay-table__virtual-text { font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #747983; width: 85%; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .pay-table .pay-table__unit .pay-table__info-virtual .pay-table__virtual-row .pay-table__virtual-text a { font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .pay-table .pay-table__unit .pay-table__info-row { display: flex; gap: 20px; align-items: center; justify-content: space-between; padding: 5px; border-bottom: 1px solid #E6E6E6; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .pay-table .pay-table__unit .pay-table__info-row .pay-table__info-title { font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #000000; width: 66px; min-width: 66px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .pay-table .pay-table__unit .pay-table__info-row .pay-table__info-title_left { margin-left: -120px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .pay-table .pay-table__unit .pay-table__info-row .pay-table__info-text { font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #747983; flex-grow: 2; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .pay-table .pay-table__unit .pay-table__info-copy { cursor: pointer; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .pay-display__normal-text { font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; margin-top: 15px; color: #747983; } .control { display: block; position: relative; padding-left: 30px; margin-bottom: 5px; padding-top: 3px; cursor: pointer; font-size: 16px; } .control input { position: absolute; z-index: -1; opacity: 0; } .control_indicator { position: absolute; top: 2px; left: 0; height: 20px; width: 20px; background: #e6e6e6; border: 0px solid #000000; border-radius: undefinedpx; } .control:hover input ~ .control_indicator, .control input:focus ~ .control_indicator { background: #cccccc; } .control input:checked ~ .control_indicator { background: #ff6622; } .control:hover input:not([disabled]):checked ~ .control_indicator, .control input:checked:focus ~ .control_indicator { background: #ff6622; } .control input:disabled ~ .control_indicator { background: #e6e6e6; opacity: 0.6; pointer-events: none; } .control_indicator:after { box-sizing: unset; content: ""; position: absolute; display: none; } .control input:checked ~ .control_indicator:after { display: block; } .control-radio .control_indicator { border-radius: 50%; } .control-radio .control_indicator:after { left: 7px; top: 7px; height: 6px; width: 6px; border-radius: 50%; background: #ffffff; transition: background 250ms; } .control-radio input:disabled ~ .control_indicator:after { background: #7b7b7b; } .control-radio .control_indicator::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 4.5rem; height: 4.5rem; margin-left: -1.3rem; margin-top: -1.3rem; background: #2aa1c0; border-radius: 3rem; opacity: 0.6; z-index: 99999; transform: scale(0); } @keyframes s-ripple { 0% { opacity: 0; transform: scale(0); } 20% { transform: scale(1); } 100% { opacity: 0.01; transform: scale(1); } } @keyframes s-ripple-dup { 0% { transform: scale(0); } 30% { transform: scale(1); } 60% { transform: scale(1); } 100% { opacity: 0; transform: scale(1); } } .control-radio input + .control_indicator::before { animation: s-ripple 250ms ease-out; } .control-radio input:checked + .control_indicator::before { animation-name: s-ripple-dup; } /*# sourceMappingURL=pay-new.css.map */ /* .pay-new__alert-top { width: 90%; margin: 0 auto; } */ /*** Kostik ***/ .prolong-info-pay { margin-bottom: 5px !important; } .pay-info__buttons-link { justify-content: left; display: flex; align-self: flex-start; width: 191.83px; height: 17px; font-family: 'Mulish'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 120%; /* identical to box height, or 17px */ padding: 25px 0 0; } .prolong-info-pay__price { /* width: 196px; height: 25px; */ font-style: normal; font-weight: 700; font-size: 18px; line-height: 120%; text-align: center; color: #FF6622; } .prolong-info-pay__text { /* width: 180px; height: 34px; */ font-style: normal; font-weight: 400; font-size: 14px; line-height: 120%; /*display: flex;*/ align-items: center; text-align: center; color: #747983; } .pay-info__pay-button { background: #FF6622; box-shadow: 0 10px 10px -4px rgba(238, 68, 0, 0.3); border-radius: 44px; border: 0; padding: 11px 0; font-style: normal; font-weight: bold; font-size: 16px; line-height: 19px !important; text-align: center; color: #FFFFFF; /* width: 90% !important; */ max-width: 280px; cursor: pointer; } .wrapper { /* width: 50%; */ display: flex; /*flex-direction: column;*/ align-content: center; justify-content: flex-start; } .wrapper.prolong, .wrapper.not-prolong { width: 450px !important; } .wrapper.prolong.last-payment-date, .wrapper.not-prolong.last-payment-date { display: flex; flex-direction: column; /* align-items: flex-start; */ } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .wrapper.prolong.last-payment-date .pay-info__payment-buttons, .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .wrapper.not-prolong.last-payment-date .pay-info__payment-buttons { width: auto; margin-bottom: 10px; /* height: 32px; */ } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .wrapper.prolong.last-payment-date .pay-info__payment-info, .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .wrapper.not-prolong.last-payment-date .pay-info__payment-info { width: auto; } .pay-wrapper.prolong, .pay-wrapper.not-prolong { width: 420px !important; } /* .pay-info__payment-info.prolong, .pay-info__payment-info.not-prolong { width: 380px !important; } */ .half-width.left-half { /* flex: 1 0 50%; */ width: 480px !important; margin-right: 10px !important; } .half-width.right-half { /* flex: 0 1 50%; */ width: 380px !important; margin-left: 10px !important; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-buttons { width: auto; /*90%;*/ margin: 0; /*10px 0;*/ /*box-sizing: border-box;*/ } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-buttons, .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-info { width: auto; /*90%;*/ margin: 0; /*10px 0;*/ } body { font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; color: #292b2c; background-color: #fff; } /* свойства модального окна по умолчанию */ .modal { position: fixed; /* фиксированное положение */ top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.5); /* цвет фона */ z-index: 1050; opacity: 0; /* по умолчанию модальное окно прозрачно */ -webkit-transition: opacity 200ms ease-in; -moz-transition: opacity 200ms ease-in; transition: opacity 200ms ease-in; /* анимация перехода */ pointer-events: none; /* элемент невидим для событий мыши */ margin: 0; padding: 0; } /* при отображении модального окно */ .modal:target { opacity: 1; /* делаем окно видимым */ pointer-events: auto; /* элемент видим для событий мыши */ overflow-y: auto; /* добавляем прокрутку по y, когда элемент не помещается на страницу */ } /* ширина модального окна и его отступы от экрана */ .modal-dialog { position: relative; width: auto; margin: 10px; } /* свойства для блока, содержащего контент модального окна */ .modal-content { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .2); border-radius: 12px; outline: 0; } /* свойства для заголовка модального окна */ .modal-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: end; padding: 15px; } .modal-header2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: center; padding: 15px; font-size: 20px; font-weight: 700; } .modal-title { margin-top: 0; margin-bottom: 0; line-height: 1.5; font-size: 1.25rem; font-weight: 500; } /* свойства для кнопки "Закрыть" */ .close { float: right; font-family: sans-serif; font-size: 24px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; text-decoration: none; background: url("/img/site/payment/close_icon.png") no-repeat center; width: 24px; height: 24px; } /* свойства для кнопки "Закрыть" при нахождении её в фокусе или наведении */ .close:focus, .close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .75; } /* свойства для блока, содержащего основное содержимое окна */ .modal-body { position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 15px 50px; overflow: auto; } th { font-size: 16px; font-weight: 600; } table { /*border-spacing: 5vw 0;*/ width: 100%; margin: 15px 0; } td { font-size: 14px; font-weight: 300; } .green-t { font-family: 'Mulish'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 120%; color: #188000; } .red-t { font-family: 'Mulish'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 120%; color: #FF0000; } .yellow-t { font-family: 'Mulish'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 120%; color: #747983; } .payment-shedule-title { font-family: 'Mulish'; font-style: normal; font-weight: 700; font-size: 18px; line-height: 120%; text-align: left; display: flex; align-items: center; color: #000000; } .payment-shedule-header2 { font-family: 'Mulish'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 120%; color: #747983; border-bottom: 3px solid #ccc !important; } .payment-shedule-summ { font-family: 'Mulish'; font-style: normal; font-weight: 700; font-size: 16px; line-height: 120%; text-wrap: nowrap; } td { border-top: 1px solid #e3e9f6; height: 30px; } tr:last-child td { border-bottom: 1px solid #e3e9f6; } /*** End Kostik ***/ .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-buttons .pay-info__top-buttons .pay-info__block-pay.single { /* min-width: 280px; */ min-width: auto; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-buttons .pay-info__top-buttons .pay-info__block-pay.single .prolong-info-pay__price { width: 100%; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-buttons .pay-info__top-buttons .pay-info__block-pay.single .prolong-info-pay__text { width: 100%; height: 32px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-buttons .pay-info__top-buttons .pay-info__block-pay.single button { width: auto; margin-top: 0; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-buttons { width: 100%; /*90%;*/ margin: 0; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-info { width: auto; /*90%;*/ margin: 0; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .wrapper.prolong.last-payment-date .pay-info__payment-info .payment-info-title, .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .wrapper.not-prolong.last-payment-date .pay-info__payment-info .payment-info-title { font-family: 'Mulish'; font-style: normal; font-weight: bold; line-height: 120%; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .wrapper.prolong.last-payment-date .pay-info__payment-info .rows-block, .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .wrapper.not-prolong.last-payment-date .pay-info__payment-info .rows-block { display: flex; flex-direction: column; margin-top: 15px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .wrapper.prolong.last-payment-date .pay-info__payment-info .rows-block .second-row, .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .wrapper.not-prolong.last-payment-date .pay-info__payment-info .rows-block .second-row { display: flex; flex-direction: row; justify-content: space-between; margin-top: 15px; color: #000; font-weight: bold; } .prolong-info-pay__price { text-wrap: nowrap; } @media (max-width: 920px) { .pay-new .pay-new__container { margin: 87px 16px 0; } .wrapper.prolong, .wrapper.not-prolong { width: 100% !important; margin-bottom: 20px; } .pay-wrapper.prolong, .pay-wrapper.not-prolong { width: 100% !important; } /* .pay-info__payment-info.prolong, .pay-info__payment-info.not-prolong { width: auto !important; } */ .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-buttons, .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-info { padding: 16px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info { flex-direction: column; /* align-items: center; */ } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__buttons-link { width: 100%; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-buttons { width: 100%; /*90%;*/ margin: 0; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-info { width: auto; /*90%;*/ margin: 0; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-buttons .pay-info__top-buttons { flex-direction: column; align-items: start; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-buttons .pay-info__top-buttons .full-payment { width: 100% !important; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-buttons .pay-info__top-buttons .pay-info__block-pay.full-payment .pay-info__pay-button { margin-top: 0; align-self: auto; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-buttons .pay-info__top-buttons .pay-info__block-pay:first-of-type { margin-bottom: 20px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-buttons .pay-info__top-buttons .pay-info__block-pay.single:first-of-type { margin-bottom: 0; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-buttons .pay-info__top-buttons .pay-info__block-pay { width: 100%; flex-direction: row; align-items: flex-start; justify-content: space-between; /* margin: 5px 0; */ } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-buttons .pay-info__top-buttons .pay-info__block-pay .prolong-info-pay { align-items: start; margin-right: 10px; } .pay-info__buttons-link { padding-top: 20px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-buttons .pay-info__top-buttons .pay-info__block-pay .prolong-info-pay .prolong-info-pay__title1 { text-align: left; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd { align-items: center; flex-direction: column; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-mnd__menu { max-width: inherit; align-items: center; margin-right: 0; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-mnd__menu .pay-option .pay-option__arrow { background-image: url("/img/site/newpay/arrow-bottom.png"); margin-right: 10px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-mnd__menu .pay-option.selected .pay-option__arrow { background-image: url("/img/site/newpay/arrow-bottom-selected.png"); } .pay-new .pay-new__container .pay-new__alert-top { justify-content: flex-start; margin: 0; /*10px 25px;*/ width: auto; } .pay-new .pay-new__container .pay-new__covid { width: 90%; margin: 0 5%; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-buttons{ width: 100%; /*89%;*/ margin: 0; /*10px 0;*/ /*10px 25px;*/ } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-info{ margin: 0; /*10px 0;*/ /*10px 25px;*/ } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-buttons .pay-info__top-buttons .pay-info__block-pay button { /* margin-top: -30px; */ width: auto; height: 45px; padding: 13px 0; min-width: 170px; font-size: 14px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .pay-table .pay-table__unit { width: 100%; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .pay-table .pay-table__unit .pay-table__subunit { width: 100%; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .pay-table { flex-direction: column; gap: 16px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display { /*width: 89%;*/ } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .pay-table .pay-table__unit .pay-table__info-virtual .pay-table__virtual-row { justify-content: flex-start; gap: 10px; } /* .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .pay-table .pay-table__unit .pay-table__info-virtual .pay-table__virtual-row .pay-table__virtual-id { margin-right: 10px; } */ .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .pay-table .pay-table__unit:last-child .pay-table__title { border-bottom: none; padding-bottom: 0; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-info .pay-info__info-title div { font-size: 12px; } .pay-new .pay-new__container { /* margin: 0 25px; */ } .wrapper{ justify-content: flex-start; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-buttons .pay-info__top-buttons .pay-info__block-pay.single { align-items: start; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-buttons .pay-info__top-buttons .pay-info__block-pay.single .pay-info__prolong-info.prolong-info-pay { margin-right: 10px; } .prolong-info-pay__price, .prolong-info-pay__text { text-align: left !important; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-mnd__menu { width: 100%; flex-wrap: wrap; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-mnd__menu .pay-option .pay-option__text { width: auto; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-mnd__menu .pay-option .pay-option__arrow { margin-left: auto; } .menu-item-wrap { width: 100%; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-mnd__menu .pay-option { width: auto; } } @media (min-width: 576px) and (max-width: 992px) { .modal-dialog { max-width: 500px; margin: 150px auto; /* для отображения модального окна по центру */ } } @media (max-width: 768px) { .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .virtual .page-block-scammer-alert .page-block__container .scammer-alert-block .check-virtual-balance-container .form-container .inputs-container { flex-wrap: wrap; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .virtual .page-block-scammer-alert .page-block__container .scammer-alert-block .check-virtual-balance-container .form-container .inputs-container > :first-child { flex: none; width: 100%; margin-right: 0; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .virtual .page-block-scammer-alert .page-block__container .scammer-alert-block .check-virtual-balance-container .form-container .inputs-container > :nth-child(2) { width: 100%; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .virtual .page-block-scammer-alert .page-block__container .scammer-alert-block .check-virtual-balance-container .results-block .result-container > div :first-child, .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .virtual .page-block-scammer-alert .page-block__container .scammer-alert-block .check-virtual-balance-container .results-block .result-container > div :nth-child(2) { width: 50%; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .virtual .page-block-scammer-alert .page-block__container .scammer-alert-block .check-virtual-balance-container .results-block .result-container > div :nth-child(2) { margin-bottom: 10px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-display .virtual .page-block-scammer-alert .page-block__container .scammer-alert-block { margin: 0 30px; } } @media (min-width: 768px) { .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5); } } @media (max-width: 750px) { .pay-new .pay-new__container .pay-new__alert-top { margin: 0px 0 0 !important; width: auto; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-buttons { /* width: 89%; */ margin: 0; /*10px 0;*/ /*10px 15px;*/ } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-info{ /* width: 89%; */ margin: 0; /*10px 0;*/ /*10px 15px;*/ } } @media (max-width: 575px) { /* .pay-new .pay-new__container { width: 100%; max-width: 920px; outline: solid 1px red; margin: 0 25px; } */ } @media screen and (max-width: 480px) { td, tr, .red-t, .green-t { font-size: 12px !important; } } @media (max-width: 456px) { .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-buttons { /*width: 90%;*/ margin: 0; /*10px 0;*/ } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-info { margin: 0; /*10px 0;*/ } .prolong-info-pay__price, .prolong-info-pay__text { /* text-align: left; */ width: auto !important; } .pay-info__pay-button { font-size: 14px !important; } .prolong-info-pay__price, .prolong-info-pay__text { text-align: left; /* width: 130px !important; */ height: auto !important; } .prolong-info-pay__price { text-wrap: nowrap; } } @media (max-width: 430px) { .pay-new .pay-new__container .pay-new__covid { width: 96%; margin: 0 1%; } } @media (max-width: 360px) { .pay-new .pay-new__container .pay-new__alert-top .pay-new__alert-text { margin: 0 !important; width: 89%; } .pay-new .pay-new__container { /*margin: 87px 4px 0 !important;*/ } .prolong-info-pay__price, .prolong-info-pay__text { text-align: left !important; } .pay-new .pay-new__container .pay-new__alert-top .pay-new__alert-text { font-size: 16px !important; } .pay-new .pay-new__container .pay-new__alert-top .pay-new__alert-text .pay-new__alert-title { font-size: 14px !important; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-buttons .pay-info__top-buttons .pay-info__block-pay button { /* min-width: 160px; */ height: 45px; margin-top: 0; } .prolong-info-pay__text, .pay-new a { font-size: 12px !important; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-info .pay-info__info-amount-n-date .pay-info__left, .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-info .pay-info__info-amount-n-date .pay-info__right { font-size: 16px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-mnd .pay-mnd__menu .pay-option { max-width: 314px; height: 50px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-info .extra-info-pay .extra-info-pay__row, .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-info .extra-info-pay .extra-info-pay__row { font-size: 12px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .pay-info__payment-buttons .pay-info__top-buttons .pay-info__block-pay.single button { width: auto; } .prolong-info-pay__price, .prolong-info-pay__text { width: auto !important; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .wrapper.prolong.last-payment-date .pay-info__payment-info, .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .wrapper.not-prolong.last-payment-date .pay-info__payment-info { font-size: 12px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .wrapper.prolong.last-payment-date .pay-info__payment-info .payment-info-title > p, .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .wrapper.not-prolong.last-payment-date .pay-info__payment-info .payment-info-title > p { font-size: 16px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .wrapper.prolong.last-payment-date .pay-info__payment-info .rows-block, .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .wrapper.not-prolong.last-payment-date .pay-info__payment-info .rows-block { display: flex; flex-direction: column; margin-top: 12px; } .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .wrapper.prolong.last-payment-date .pay-info__payment-info .rows-block .second-row, .pay-new .pay-new__container .pay-new__blocks-bottom .pay-info .wrapper.not-prolong.last-payment-date .pay-info__payment-info .rows-block .second-row { display: flex; flex-direction: row; justify-content: space-between; margin-top: 12px; } .prolong-info-pay__price { text-wrap: balance; } } .check-virtual-account{ margin-top: unset!important; } /* @media (max-width:920px) { .front__calculator { max-width: 750px } .calculator-info-bottom-wrapper { position: relative; top: -5px; } .header__menu { display: flex; justify-content: flex-end; align-content: center; flex-direction: row; align-items: center; width: auto; } .header__menu .header__menu-item, .header__menu .extra-menu-hid { display: none; } .header__menu-burger { display: block; } } */ .header__content { display: flex !important; } /* .authorized #adaptive-menu { display: none !important; } */ @media (max-width:920px) { .mobile__no-header .header__info{ display: none;} .mobile__no-footer .footer__info{ display: none;} .header__content { max-width: none; display: flex; flex-direction: row; justify-content: space-between; } /* .authorized #adaptive-menu { display: flex; flex-direction: row; justify-content: space-evenly; align-items: center; padding: 0px; position: fixed; z-index: 200; bottom: 0; background: #FFFFFF; box-shadow: 0px -2px 15px rgba(21, 48, 88, 0.101808); height: 60px; width: 100%; align-content: center; } */ } /* @media (max-width:920px) { .authorized .header__content { max-width: none; display: flex; flex-direction: row; justify-content: center; align-content: center; } .authorized .header__menu-burger { display: block; } body.authorized { padding-bottom: 60px; } .authorized #client-block { display: none; } .authorized .how-to-pay-main { display: none; } .authorized .header__logo { margin: 0 auto; } .extra-menu-hid { display: none !important; } .authorized #adaptive-menu { display: flex; flex-direction: row; justify-content: space-evenly; align-items: center; padding: 0px; position: fixed; z-index: 200; bottom: 0; background: #FFFFFF; box-shadow: 0px -2px 15px rgba(21, 48, 88, 0.101808); height: 60px; width: 100%; align-content: center; } .authorized #adaptive-menu > div.menu-item-wrap { display: flex; flex-direction: column; align-items: center; align-content: flex-start; flex-grow: 1; height: 100%; justify-content: center; } .authorized #adaptive-menu > div.menu-item-wrap div { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #747983; font-size: 12px; } .authorized #adaptive-menu > div.menu-item-wrap div a { color: #747983; text-decoration: none; font-size: 12px; } .authorized #adaptive-menu > div.menu-item-wrap div#loan .ico { -webkit-mask-image: url('/img/site/icons-menu/ico-payment.svg'); mask-image: url('/img/site/icons-menu/ico-payment.svg'); background-position: 0 center; background-repeat: no-repeat; width: 24px; height: 24px; background: #747983; } .authorized #adaptive-menu > div.menu-item-wrap div.active span.ico { background: #FF6622 !important; } .authorized #adaptive-menu > div.menu-item-wrap div.active span, .authorized #adaptive-menu > div.menu-item-wrap div.active a { color: #FF6622; } .authorized #adaptive-menu > div.menu-item-wrap div#account .ico { -webkit-mask-image: url('/img/site/icons-menu/ico-user.svg'); mask-image: url('/img/site/icons-menu/ico-user.svg'); background-position: 0 center; background-repeat: no-repeat; width: 24px; height: 24px; background: #747983; } .authorized #adaptive-menu > div.menu-item-wrap div#support .ico { -webkit-mask-image: url('/img/site/icons-menu/lifebuoy.svg'); mask-image: url('/img/site/icons-menu/lifebuoy.svg'); background-position: 0 center; background-repeat: no-repeat; width: 24px; height: 24px; background: #747983; } .authorized #adaptive-submenu { display: block; } .authorized #adaptive-submenu .menu-overlay { position: fixed; z-index: 100; background-color: #000; opacity: 0.5; min-width: 100%; min-height: 100%; top: 0; left: 0; display: none; } .authorized #adaptive-submenu .menu-overlay.active { display: block; } .authorized #adaptive-submenu > div.submenu { display: none; flex-direction: column; align-items: flex-start; padding: 16px 0px 16px; position: fixed; z-index: 150; flex-direction: column; align-content: flex-start; justify-content: flex-start; align-items: center; bottom: 60px; background: #FFFFFF; box-shadow: 4px 4px 15px rgba(21, 48, 88, 0.12); border-radius: 15px 15px 0px 0px; width: 100% !important; max-width: none; border: none; max-height: calc(100vh - 76px); } .authorized #adaptive-submenu > div.submenu .container { overflow-y: auto; height: max-content; width: calc(100vw - 32px); } .authorized #adaptive-submenu > div.submenu a { width: 100%; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; display: flex; align-items: center; letter-spacing: 0.15px; color: #000000; height: 64px; text-decoration: none; text-transform: capitalize; } .authorized #adaptive-submenu > div.submenu a:hover .ico { -webkit-tap-highlight-color: red; } .authorized #adaptive-submenu > div.submenu a .ico { height: 24px; width: 24px; background: #BBC0CB; margin-right: 35px; } .authorized #adaptive-submenu > div.submenu a.contact-us .ico { -webkit-mask-image: url('/img/site/icons-menu/ico-phone.svg'); mask-image: url('/img/site/icons-menu/ico-phone.svg'); } .adaptauthorizedive #adaptive-submenu > div.submenu a.support-center .ico { -webkit-mask-image: url('/img/site/icons-menu/icon-support-center.svg'); mask-image: url('/img/site/icons-menu/icon-support-center.svg'); } .authorized #adaptive-submenu > div.submenu a.about-us .ico { -webkit-mask-image: url('/img/site/icons-menu/ico-cat.svg'); mask-image: url('/img/site/icons-menu/ico-cat.svg'); } .adaptauthorizedive #adaptive-submenu > div.submenu a.send-feedback .ico { -webkit-mask-image: url('/img/site/icons-menu/icon-send.svg'); mask-image: url('/img/site/icons-menu/icon-send.svg'); } .authorized #adaptive-submenu > div.submenu a.how-to-pay .ico { -webkit-mask-image: url('/img/site/icons-menu/how-to-pay.svg'); mask-image: url('/img/site/icons-menu/how-to-pay.svg'); } .authorized #adaptive-submenu > div.submenu a.faq-item .ico { -webkit-mask-image: url('/img/site/icons-menu/faq.svg'); mask-image: url('/img/site/icons-menu/faq.svg'); } .authorized #adaptive-submenu > div.submenu a.logout .ico { -webkit-mask-image: url('/img/site/icons-menu/exit_to_app.svg'); mask-image: url('/img/site/icons-menu/exit_to_app.svg'); } .bottom-bordered { border-bottom: 1px solid rgba(0, 0, 0, .12); } .authorized #adaptive-submenu > div.submenu a.active { color: #FF6622; } .authorized #adaptive-submenu > div.submenu a.active .ico { background: #FF6622; } .authorized #adaptive-submenu > div.submenu a.settings .ico { -webkit-mask-image: url('/img/site/icons-menu/icon-settings.svg'); mask-image: url('/img/site/icons-menu/icon-settings.svg'); } .authorized #adaptive-submenu > div.submenu a.download-doc .ico { -webkit-mask-image: url('/img/site/icons-menu/icon-download.svg'); mask-image: url('/img/site/icons-menu/icon-download.svg'); } .authorized #adaptive-submenu > div.submenu a.ref-program .ico { -webkit-mask-image: url('/img/site/icons-menu/icon-ref.program.svg'); mask-image: url('/img/site/icons-menu/icon-ref.program.svg'); } .authorized #adaptive-submenu > div.submenu .ref-block { padding: 12px 0; } .authorized #adaptive-submenu > div.submenu .ref-block .title { font-style: normal; font-weight: 500; font-size: 10px; line-height: 16px; letter-spacing: 1.5px; text-transform: uppercase; color: #000000; opacity: 0.6; } .authorized #adaptive-submenu > div.submenu .ref-block .data-row { display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center; } .authorized #adaptive-submenu > div.submenu .ref-block .data-column { display: flex; flex-direction: column; align-content: center; justify-content: flex-start; align-items: flex-start; } .authorized #adaptive-submenu > div.submenu .ref-block .data-column .text-data { font-size: 14px; } .authorized #adaptive-submenu > div.submenu .ref-block .data-row .referal-data { font-style: normal; font-size: 16px; line-height: 16px; display: flex; align-items: center; font-weight: bold; color: #00AAA3; flex: none; order: 0; flex-grow: 0; } .authorized #adaptive-submenu > div.submenu .ref-block .data .text-data { font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; display: flex; align-items: center; letter-spacing: 0.15px; color: #000000; opacity: 0.8; flex: none; order: 5; flex-grow: 0; text-transform: capitalize; } .authorized #adaptive-submenu > div.submenu a.share-ico { height: 24px; width: 24px; -webkit-mask-image: url('/img/site/icons-menu/icon_share.svg'); mask-image: url('/img/site/icons-menu/icon_share.svg'); background: #00BDB4; display: inline-block; } } */