/*

Theme Name:   Twenty Twenty Child
Theme URI:        http://example.com/twenty-seventeen-child/
Description:  Twenty Twenty Theme
Author:           Aleksey
Author URI:   http://example.com
Template:         twentytwenty
Version:          1.0.0
License:          GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  twentytwenty

*/
ul {
    list-style: none;
    padding-left: 0;
}

.section-inner {
    /* админка мешает */
    display: none;
}

.d-none {
    display: none !important;
}

.flex {
    display: flex !important;
}

.simple-flex{
    display: flex;
}

.flex_aic{
    display: flex;
    align-items: center;
}

.jcsb-and-aic{
    justify-content: space-between;
    align-items: center;
}

.pl-pr-23px{
    padding-left: 23px;
    padding-right: 23px;
}

.pb-16px{
    padding-bottom: 16px;
}

.relative{
    position: relative;
}

.woocommerce form.woocommerce-form-login label,
.woocommerce form.woocommerce-form-login p,
.woocommerce form.woocommerce-form-register label,
.woocommerce form.woocommerce-form-register p {
    font-family: Gilroy !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    font-family: Gilroy !important;
}

body,
input,
textarea,
button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file__button,
.has-drop-cap:not(:focus)::first-letter,
.entry-content .wp-block-archives,
.entry-content .wp-block-categories,
.entry-content .wp-block-cover-image,
.entry-content .wp-block-latest-comments,
.entry-content .wp-block-latest-posts,
.entry-content .wp-block-pullquote,
.entry-content .wp-block-quote.is-large,
.entry-content .wp-block-quote.is-style-large,
.entry-content .wp-block-archives *,
.entry-content .wp-block-categories *,
.entry-content .wp-block-latest-posts *,
.entry-content .wp-block-latest-comments *,
.entry-content p,
.entry-content ol,
.entry-content ul,
.entry-content dl,
.entry-content dt,
.entry-content cite,
.entry-content figcaption,
.entry-content .wp-caption-text,
.comment-content p,
.comment-content ol,
.comment-content ul,
.comment-content dl,
.comment-content dt,
.comment-content cite,
.comment-content figcaption,
.comment-content .wp-caption-text,
.widget_text p,
.widget_text ol,
.widget_text ul,
.widget_text dl,
.widget_text dt,
.widget-content .rssSummary,
.widget-content cite,
.widget-content figcaption,
.widget-content .wp-caption-text {
    font-family: Gilroy !important;
}

html {
    margin-top: 0 !important;
}

body {
    margin: 0;
    font-family: Gilroy !important;

    position: relative;
}

a {
    text-decoration: none;
}

h2 {
    margin: 0;
}

button {
    border: none;
    background-color: transparent;
    padding: 0;
}

mark {
    background-color: inherit;
    color: #fff;
}

a.button:hover,
a.button:visited {
    text-decoration: none !important;
}

.custom-hr {
    color: rgb(255 255 255 / 20%);
    margin-top: 32px;
    margin-bottom: 32px;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 39px;
}

.container_lk {
    padding-top: 40px;
    padding-bottom: 70px;
    min-height: 58vh;
}

.link {
    color: #6381ef;
    text-decoration: none;
    font-size: 14px;
    padding-bottom: 3px;
    cursor: pointer;
}

.link:hover,
.link-medium:hover {
    color: #afbffc;
    border-color: #afbffc;
}

.link_dotted {
    /* padding-bottom: 3px; */
    border-bottom: 1px dotted #6381ef;
}

.link_solid {
    border-bottom: 1px solid #6381ef;
}

.link.active {
    color: #9eabdc;
    font-size: 16px;
}

.link-medium {
    color: #6381ef;
    cursor: pointer;
}

.text-blue,
.text-grey {
    color: #848fb9;
    line-height: 23px;
}

.text-small {
    font-size: 14px;
}

/* ГЛАВНАЯ СТР =============================================================================================================================================================*/

.main-background {
    /* position: relative; */

    background-color:#03117c;

    background-image: url(/wp-content/themes/twentytwenty_child/assets/body_back.jpg);
    background-repeat: no-repeat;
    background-size: cover;

    background-position: center center;

    background-attachment: fixed;
    width: 100%;

    min-height: 100vh;
}

.header {
    padding-top: 4.5vh;
    margin-bottom: 5vh;
}

.header__nav {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: flex-start;
}

.top-content {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
}

.top-content__logo {
    max-width: 292px !important;

    margin-left: -40px;
    margin-top: -15px;
    margin-bottom: 20px;
}

.top-content__link-account {
    border-radius: 10px;
    border: 1px solid #6381ef;
    padding: 10px 8px;
}

.my-menu li a.top-content__link-account {
    font-size: 14px !important;
}

.main-title {
    color: #ffffff;
    font-size: 50px;
    margin: 0 auto;
    font-weight: 300;
    text-align: center;
    line-height: 59px;
}

.main-offer__title {
    margin-bottom: 169px;
    margin-bottom: 24vh;
    max-width: 814px;
}

.main-button {
    border: 4px solid #0043c1;
    padding: 18px 10px;
    color: #ffffff;
    font-size: 26px;
    font-weight: 600;
    border-radius: 25px;

    background: linear-gradient(0deg, #2e2fd7, #ff0065, #9900cb);

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    cursor: pointer;

    position: relative;
    z-index: 10;

    max-width: 446px;
    margin: 0 auto;
}

.main-button:hover {
    box-shadow: 0 0 15px 0px #ff0065;
}

.main-button:active {
    border: 4px solid #ff0065;
}

.main-button.btn_upload_file {
    margin-bottom: 40px;
}

.main-button__icon {
    margin-right: 13px;
}

.main-offer__button {
    max-width: 446px;
}

.main-offer__text {
    color: #6e7fd0;
    margin-top: 19px;
    margin-bottom: 21px;
}

.btn-reupload {
    width: 50%;
    height: 55px;
    padding: 10px 20px;
    /* font-size: 18px; */
    border: none;
    outline: none;
    border-radius: 10px;
    background-color: #e64108;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
    margin: auto;
    margin-bottom: 15px;
    align-items: center;
    justify-content: center;
}

.btn-reupload:hover {
    background-color: #dd0087 !important;
    color: #fff;
}

.section-promo {
    display: grid;

    grid-template-areas:
        "p1 . p2"
        ". p3 ."
        ". . p4";

    grid-template-columns: 1fr 1fr 1fr;

    padding-right: 9px;
}

.promo {
    display: flex;
    align-items: center;

    height: 98px;
    position: relative;

    min-width: 320px;
}

.promo__item {
    background-repeat: no-repeat;
    position: relative;
    height: inherit;
    display: flex;
    align-items: center;

    padding-left: 108px;
}

.promo:nth-child(1) {
    grid-area: p1;
}

.promo:nth-child(1)::before {
    content: '';
    position: absolute;
    left: -200px;
    width: 640px;
    height: 490px;
    background-image: url(/wp-content/themes/twentytwenty_child/assets/img/effects/highlight_promo-1.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.promo:nth-child(1) .promo__item {
    background-image: url(/wp-content/themes/twentytwenty_child/assets/img/ico/ico_double-ellipse-1.png);
}

.promo:first-child .promo__img {
    width: 67px;
    height: 67px;
    position: absolute;
    left: 0;
}

.promo:nth-child(2) {
    grid-area: p2;
}

.promo:nth-child(2)::before {
    content: '';
    position: absolute;
    left: -200px;
    width: 640px;
    height: 490px;
    background-image: url(/wp-content/themes/twentytwenty_child/assets/img/effects/highlight_promo-2.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.promo:nth-child(2) .promo__item {
    background-position: 2px 17px;
    background-image: url(/wp-content/themes/twentytwenty_child/assets/img/ico/ico_double-ellipse-2.png);
    margin-left: auto;
}

.promo:nth-child(2) .promo__img {
    width: 58px;
    height: 58px;
    position: absolute;
    left: 18px;
    top: 30px;
}

.promo:nth-child(2) .promo__text {
    margin-left: auto;
}


.promo:nth-child(3) {
    grid-area: p3;
}

.promo:nth-child(3)::before {
    content: '';
    position: absolute;
    left: -200px;
    width: 640px;
    height: 490px;
    background-image: url(/wp-content/themes/twentytwenty_child/assets/img/effects/highlight_promo-3.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.promo:nth-child(3) .promo__item {
    background-position: 0px 1px;
    background-image: url(/wp-content/themes/twentytwenty_child/assets/img/ico/ico_double-ellipse-3.png);
    margin-left: 26px;
}

.promo:nth-child(3) .promo__img {
    width: 62px;
    height: 62px;
    position: absolute;
    left: 15px;
    top: 16px;
}

.promo:nth-child(3) .promo__text {
    margin-top: -11px;
}

.promo:last-child {
    grid-area: p4;
}

.promo:nth-child(4)::before {
    content: '';
    position: absolute;
    left: -200px;
    width: 640px;
    height: 490px;
    background-image: url(/wp-content/themes/twentytwenty_child/assets/img/effects/highlight_promo-4.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.promo:last-child .promo__item {
    background-image: url(/wp-content/themes/twentytwenty_child/assets/img/ico/ico_double-ellipse-4.png);
    margin-left: -21px;
}

.promo:last-child .promo__img {
    width: 64px;
    height: 64px;
    position: absolute;
    left: 9px;
    top: 14px;
}

.promo:nth-child(4) .promo__text {
    margin-top: -11px;
}

.promo__text {
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
    margin-top: 13px;
    line-height: 1.2;
    max-width: 210px;
}

.promo__img {
    width: 10px;
    height: 10px;
}

.footer {
    padding-bottom: 70px;
}

.footer__title {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 15px;
}


.info {
    display: flex;
    flex-wrap: wrap;
    gap: 70px;
}

.info__c-mit {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
}

.text {
    color: #6381ef;
    font-size: 14px;
}

.text_color_blue {
    color: #6381ef;
}

.text_small {
    font-size: 14px;
}

.info__rights {
    display: flex;
    justify-content: space-between;
    align-self: self-end;
    /* margin-left: auto; */
    flex-direction: row;
    align-items: center;
    width: 100%;
}
.info__rights p {
    color: #6381ef;
    font-size: 14px;
}

@media (max-width: 992px) {

    .main-background {
        background: url(/wp-content/themes/twentytwenty_child/assets/body_back.jpg) no-repeat, url(/wp-content/themes/twentytwenty_child/assets/body_back-line-1.jpg);
        background-position: 50% -225px;
        background-size: auto 119%;
        background-position: 50% -275px;
        background-size: auto 122%;
    }

    .top-content__logo {
        margin-left: 0;
    }

    .main-offer__text {
        margin-bottom: 50px;
    }

    .section-promo {
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "p1 p2"
            "p3 p4";
        margin-bottom: 40px;
    }

    .promo {
        margin-bottom: 45px;
        justify-content: center;
    }

    .promo:nth-child(2) .promo__item {
        margin-left: 0;
    }

    .promo:nth-child(3) .promo__item {
        margin-left: 0;
    }

    .promo:nth-child(4) .promo__item {
        margin-left: 0;
    }

    .info__c-mit {
        margin-right: 0;
    }

    .info__rights {
        margin-left: 0;
        align-self: flex-start;
    }


}

@media (max-width: 768px) {

    .main-background {
        background: url(/wp-content/themes/twentytwenty_child/assets/body_back.jpg) no-repeat, url(/wp-content/themes/twentytwenty_child/assets/body_back-line-1.jpg);
        background-position: center -60px;
        background-size: 306% 71%;
    }

    .top-content {
        flex-direction: column;
    }

    .header__nav {
        gap: 9px;
        align-items: center;
    }

    .section-promo {
        grid-template-areas:
            "p1 p1"
            "p2 p2"
            "p3 p3"
            "p4 p4";
    }

    .promo {
        margin-bottom: 30px;
    }

    .promo:nth-child(1)::before,
    .promo:nth-child(2)::before,
    .promo:nth-child(3)::before,
    .promo:nth-child(4)::before {
        width: 100%;
        height: 245px;
        left: 0;
        background-position: center;
    }

    .promo:nth-child(2) .promo__item {
        margin-left: 12px;
    }

    .promo:nth-child(4) .promo__item {
        margin-left: 10px;
    }

    .footer__title {
        width: 270px;
        margin: 0 auto 15px;
    }

    .info {
        flex-direction: column;
        align-items: center;
        gap: 33px;
    }

    .info__c-mit {
        width: 270px;
        align-self: center;
    }


}

@media (max-width: 576px) {

    .main-background::after {
        background-position: 50% -278px;
    }

    .main-background:before {
        background-position: 50% -1385px;
    }

    .container {
        padding: 0 10px;
    }

    .main-title {
        max-width: 350px;
        font-size: 21px;
        line-height: 1.2;
    }

    .main-offer__button {

        max-width: 300px;
        padding: 20px 33px 20px 0;
        font-size: 21px;
        background: url(/wp-content/themes/twentytwenty_child/assets/img/ico/ico_sound-waves.svg) 17px center no-repeat, linear-gradient(0deg, #2e2fd7, #ff0065, #9900cb);
        text-align: right;
    }

    .promo {
        min-width: 0;
    }
}



/* end главная стр */


/* СТР ИНСТРУКЦИЯ ================================================================================================================== */

.instr-title {
    margin-bottom: 30px;
}

.instruction {
    display: flex;
    /* flex-wrap: wrap; */
    gap: 50px;
    margin-bottom: 60px;
    background-color: #120b82;
    border-radius: 10px;
}

.instruction__menu {
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding-top: 35px;
    padding-left: 32px;
}

.instruction__content {
    background-color: #020f5c;
    padding: 0 32px 16px;
    border-radius: 8px;
    max-height: 560px;
    overflow-y: scroll;

    width: 100%;
}

.instruction__content::-webkit-scrollbar {
    width: 23px;

    cursor: pointer;
}

.instruction__content::-webkit-scrollbar-thumb {
    background-color: #020f5c;

    border-radius: 10px;

    box-shadow: inset 0 0 10px 10px #293b94;

    border: solid 7px transparent;


}

.instruction__part {
    padding-top: 32px;
    margin-bottom: 21px;
}

.instruction__part-title {
    font-size: 26px;
    color: #6381ef;
    margin-bottom: 27px;
}

.instruction__item {
    color: #848fb9;
    margin-bottom: 15px;
    line-height: 22px;
}

.instruction__list {
    list-style: decimal;
    padding-left: 15px;
}

/* end стр инструкция */



/* СТР ВХОД , РЕГИСТРАЦИЯ , ЗАБЫЛИ ПАРОЛЬ , письмо восстановления отправлено ========================================================================= */

.sign-in-block__reg-link{
    margin-left: auto;
    color: #6381ef;
    font-size: 26px;
    font-weight: 400;
    cursor: pointer;
    border-bottom: 1px dotted #6381ef;
}
.sign-in-block__reg-link:hover{
    color: #afbffc;
    border-color: #afbffc;
}

.woocommerce-account #site-content .woocommerce {
    padding: 0;

    position: relative;

    min-height: 664px;
}

#customer_login,
.customer_login {
    max-width: 600px;
    padding: 33px 27px 75px 32px;
    padding-bottom: 33px;
    /* по задаче выравниваем низ (падинг нижний был по дизайну где-то в другом разделе 75px) */
    background-color: #020d5b;
    border-radius: 10px;
    margin: 30px auto 40px;
    border: 1px solid #313ba6;
}

.woocommerce-account #site-content .woocommerce h2 {
    color: #6381ef;
    font-size: 26px;
    font-weight: 400;
    /* margin-bottom: 46px; */
}

.button__wrap_mb{
    margin-bottom: 16px;
}

.title-notice {
    text-align: center;
}

.woocommerce-ResetPassword.lost_reset_password {
    max-width: 600px;
    padding: 33px 27px 75px 32px !important;
    margin: 30px auto 40px !important;

}

.lost_reset_password__title {
    margin-top: 0 !important;
}


/*формы и поля*/
.fieldset__block {
    margin-bottom: 30px;
    position: relative;
}

.fieldset__block br {
    display: none;
}

.feeback__fieldset>p {
    display: none;
}

.wpcf7-form.init br {
    display: none;
}

.fieldset__block label {
    position: absolute;
    z-index: 1;
    top: 12px;
    left: 22px;
    font-size: 14px;
    color: #848fb9;
}

.woocommerce-form.woocommerce-form-login.login {}

.woocommerce-form__field {
    position: relative;
    margin-bottom: 20px;
}

.woocommerce-form__field_margin_big {
    margin-bottom: 36px;
}

.woocommerce-form__field label {
    position: absolute;
    top: 14px;
    left: 19px;
    z-index: 1;
    color: #848fb9;
    font-size: 14px;
}

.woocommerce-Input.woocommerce-Input--text.input-text {
    background: #020a43 !important;

    color: #dbdce1;
    font-size: 26px;

    border: none;
    border-radius: 8px;

    padding: 30px 30px 15px 20px;

    display: block;
    width: 100%;

}

.woocommerce-Input.woocommerce-Input--text.input-text:focus-visible {
    /* outline: none; */
    outline: 2px solid #0386e2;
}


.woocommerce-form__field-check {
    display: flex;
    justify-content: space-between;

    margin-bottom: 45px;

    /* text-align: center; */
}

.woocommerce .woocommerce-form-login__rememberme {
    margin: 0;
}

.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
    color: #848fb9;
    flex-grow: 1;
}

.woocommerce-form__input.woocommerce-form__input-checkbox+span {
    position: relative;
    padding-left: 10px;
}

.woocommerce-form__input.woocommerce-form__input-checkbox+span::before {
    content: '';
    position: absolute;
    top: 0;
    left: -22px;

    background-color: #111c69;

    width: 20px;
    height: 20px;
    border-radius: 5px;
}

.woocommerce-form__input.woocommerce-form__input-checkbox:checked+span::before {
    background-image: url(/wp-content/themes/twentytwenty_child/assets/img/ico/ico_ok.png);
    background-repeat: no-repeat;
    background-position: center;
}

.woocommerce-button.button {
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    padding: 23px;
    border-radius: 10px;
    background-color: #3d4dff !important;
    cursor: pointer;
    user-select: none;
}

.woocommerce-button.button.disabled{
    background-color: #3d4dff;
}

.woocommerce-button.button:hover {
    background-color: #dd0087;
}

.woocommerce-button.button:hover.disabled{
    background-color: #3d4dff;
}

.btn-stop-upload {
    width: 100%;
    height: 70px;
    padding: 10px 20px;
    /* font-size: 18px; */
    border: none;
    outline: none;
    border-radius: 10px;
    background-color: #e64108;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
}

.btn-stop-upload:hover {
    background-color: #dd0087 !important;
    color: #fff;
}

.after-form-block {
    text-align: center;
}


.woocommerce-privacy-policy-text {
    font-size: 14px;
    color: #848fb9;
    line-height: 23px;
    max-width: 530px;
}

.woocommerce-privacy-policy-text p {
    font-family: Gilroy !important;
}

.woocommerce-privacy-policy-link {
    font-size: 14px;
    color: #6381ef;
    border-bottom: 1px dotted #6381ef;
    padding-bottom: 3px;
}

.woocommerce-privacy-policy-link:hover {
    color: #afbffc;
    border-color: #afbffc;
}

.registration__field {
    position: relative;
    margin-bottom: 20px;
}

.registration__field label {
    position: absolute;
    top: 14px;
    left: 20px;
    font-size: 14px;
    color: #848fb9;
}

.registration__text-info {
    margin-bottom: 12px;
    max-width: 530px;
    line-height: 23px;
    font-family: Gilroy !important;
}

.login_soc_vk {
    display: flex;

    justify-content: center;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    padding: 18px;
    border-radius: 10px;
    background-color: #3d4dff !important;
    margin-bottom: 30px;
    cursor: pointer;
}

.login_soc_vk:hover {

    background-color: #dd0087 !important
}

.login_soc_vk>div {
    display: flex;

    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 15px;
}

.login_soc_vk>div:nth-child(2) {
    display: none;
}

.login_soc_vk .theChampVkontakteBackground {
    border-radius: 50%;
}

.login_soc_vk .theChampVkontakteLoginSvg {
    background-size: 85% !important;
}

.login_buttons{
    margin-bottom: 5%;
}

.login_buttons .the_champ_social_login_title {
    color: #fff;
    font-size: 26px;
    display: flex;
    justify-content: center;
    margin-bottom: 5%;
    font-weight: 400 !important;
}

.login_buttons .the_champ_login_ul {
    display: flex;
    justify-content: space-evenly;
}

/* !!!! новая иконка одноклассников для входа и регистарции, это требование VK, иконки берутся из плагина, в бесплатной версии их менять через админку нельзя */
.theChampOdnoklassnikiLoginSvg {
    background: url('./assets/img/logo_ok_color_28.svg') no-repeat center center !important;
    background-size: 60% !important;
}

.login_buttons .theChampVkontakteBackground, .login_buttons .theChampOdnoklassnikiBackground, .login_buttons .theChampYandexBackground {
    height: 70px;
    width: 70px;
    border-radius: 20%;
    transition: all 0.2s ease;
    padding: 14px;
}



.login_buttons .theChampVkontakteBackground:hover, .login_buttons .theChampOdnoklassnikiBackground:hover, .login_buttons .theChampYandexBackground:hover{
    transform: scale(1.1);
    transition: all 0.2s ease;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {

    -webkit-text-fill-color: #dbdce1;
    box-shadow: 0 0 0px 1000px #020a43 inset;
    transition: background-color 5000s ease-in-out 0s;

}


.woocommerce form .show-password-input {
    right: 20px;
    top: 30px;
    width: 27px;
    height: 19px;
    background-image: url(/wp-content/themes/twentytwenty_child/assets/img/ico/ico_glaz.png);
    background-repeat: no-repeat;
}

#password:hover+.show-password-input,
.woocommerce form .show-password-input:hover {

    background-image: url(/wp-content/themes/twentytwenty_child/assets/img/ico/ico_glaz-hover.png);
}

.woocommerce form .show-password-input::after,
.woocommerce-page form .show-password-input::after {
    display: none;
}

.woocommerce__text {
    margin-bottom: 15px;
    padding: 0 4px;
}

#site-content {
    min-height: 58vh;
}

.woocommerce-notices-wrapper {
    /* position: absolute;
    bottom: -30px;
    left: 0;
    width: 100%; */
}

.woocommerce-notices-wrapper .customer_login,
.woocommerce-notices-wrapper .woocommerce-error {
    margin-bottom: 36px;
}

.woocommerce-error {
    background-color: #e64108;
    color: #fff !important;
    font-size: 16px;
    /* border-radius: 0 0 10px 10px; */
    border-radius: 10px;
    border: none;
    padding: 25px 30px;
    line-height: 23px;
    /* margin-bottom: 0; */
    max-width: 600px;
    margin: 0 auto;
}

.woocommerce-error a {
    display: none;
}

.woocommerce-error__alert {
    border: 1px solid #ffffff;
    border-radius: 50%;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px;

    text-align: center;
    padding-left: 1px;
}


/* END -- стр вход , регистрация , забыли пароль, письмо восстановления отправлено */



/* ЛИЧНЫЙ КАБИНЕТ  ================================================================================================================*/

.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
    /*в процессе расшифровки ненужная надпись сверху*/
    display: none;
}

/* МЕНЮ */

.woocommerce-MyAccount-navigation,
.box-container-lk-left {
    background-color: #120b82;
    width: 270px;
    flex-shrink: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    margin-right: 0;
    margin-bottom: 0;
    width: 268px;
    border-radius: 10px 0 0 10px;
}

.container-lk-left {
    position: sticky;
    /* top:76px; */
    top: 40px;
    padding-bottom: 76px;
}

.user-data {
    padding: 28px 23px;
}

.user-data__logo {
    margin-bottom: 30px;
    max-width: 222px;
    /* width: 100%; */
    /* height: auto; */
}
.user-data__logo img {
    width: 100%;
}
.user-data__logo a{
    display: block;
    /* background-image: url('/wp-content/uploads/2022/02/Horizontal-2-e1644087903762.png');
    width: 100%;
    height: auto;
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain; */
}

/* @media (max-width: 481px) {
    .user-data__logo a{
        background-image: url('/wp-content/themes/twentytwenty_child/assets/img/mobile-logo.png');
    }
    .user-data__logo {
        max-width: 86px;
    }
} */

/* .user-data__logo img {
    height: auto;
    max-width: 100%;
} */

.user-data__email {
    font-size: 14px;
    color: #6381ef;
    margin-bottom: 12px;
    font-family: Gilroy !important;
}

.user-data__email a {
    color: #6381ef;
}

.user-data__balance {
    display: inline-block;
    font-size: 14px;
    color: #b2c2fc;
    padding: 7px 15px;
    background-color: #3d4eff;
    border-radius: 12px;
    white-space: nowrap;
    font-family: Gilroy !important;
}

.user-data__balance a {
    color: #b2c2fc;
}

.user-data__email:hover a,
.user-data__balance:hover a {
    color: #cd2653;
}

.voicebutton__balance {
    margin-top: 10px;
    min-width: 90px;
    color: #b2c2fc;
    display: flex;
    align-items: center;
    gap: 5px;
}

.voice_input {
    font-size: 14px;
}

.help_icon {
    color: #b2c2fc;
}

.my-menu {
    position: relative;
}

.my-menu__counter {
    background-color: #34b28a;
    color: #020b57;
    padding: 1px 7px;
    border-radius: 30px;
    /* position: absolute; */
    font-size: 10px;

    position: relative;
    /* top: -10px; */
    margin-left: 10px;
    /* left: 10px; */

    /* left: 95px;
    top: 3px; */
}

/* .my-menu__counter_position{
    left: 101px;
	top: 54px;
} */

.woocommerce-MyAccount-navigation-link--notebooks .my-menu__counter {
    /* color: #fff; */
    /* left: 140px; */
}

.woocommerce-MyAccount-navigation-link,
.my-menu li {
    padding-left: 23px !important;
    margin-right: 0 !important;
    margin-bottom: 15px !important;
    min-height: 37px;
    font-family: Gilroy !important;
    display: flex;
    align-items: center;
    position: relative;
}

.menu-common_menu-container{
    margin-bottom: 32px;
}

.my-menu li {
    display: flex;
    align-items: center;
    margin: 0 1rem 3rem 0;
    padding: 0;
    border-bottom: 0;
}
.my-menu li a, .menu-item a{
    /* padding: 11px 10px; */
    line-height: 1.2em;
}

.my-menu li.unread a {
    position: relative;
}

.my-menu li.unread a:after {
    position: absolute;
    content: '';
    height: 12px;
    width: 12px;
    background-color: #34b28a;
    border-radius: 15px;
    right: -5px;
    top: -4px;
    font-size: 10px;
    padding: 1px 3px 2px 4px;
    color: #020b57;
}

.my-menu li.active a {
    border: 2px solid rgba(238, 238, 238, .4);
    line-height: 1.2em;
}

.woocommerce-MyAccount-navigation-link a,
.my-menu li a {
    color: #6381ef !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.woocommerce-MyAccount-navigation-link a:hover,
.my-menu li a:hover {
    text-decoration: none !important;
    color: #afbffc !important;
}


.woocommerce-MyAccount-navigation-link.is-active a,
.my-menu li.is-active a {
    text-decoration: none !important;
    color: #c9d2f6 !important;
    font-size: 18px !important;
    position: relative !important;
}

.woocommerce-MyAccount-navigation-link.is-active a:before,
.my-menu li.is-active a:before {
    position: absolute;
    content: '';
    width: 4px;
    height: 34px;
    background-color: #3d4eff;
    top: -7px;
    left: -23px;
}

/* .woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--online-voice-order.is-active a:hover{
    color: #c9d2f6;
} */

.logout {
    display: none;
    background-color: #00052b;
    margin: 0 12px;
    text-align: center;
    padding: 30px 10px 20px;
    border-radius: 10px;
    position: relative;
}

.logout::after {
    content: '';
    position: absolute;
    /* Абсолютное позиционирование */
    left: 32px;
    top: -20px;
    /* Положение треугольника */
    border: 10px solid transparent;
    /* Прозрачные границы */
    border-bottom: 10px solid #00052b;
    /* Добавляем треугольник */
}

.logout__title {
    color: #848fb9;
    font-size: 14px;
    margin-bottom: 14px;
}

.logout__button {
    background-color: #848fb9;
    color: #00052b;
    font-size: 14px;
    border-radius: 8px;
    padding: 5px 10px;
    cursor: pointer;
}

.logout__button:hover {
    background-color: #98a2c9;
}

.logout__button:first-child {
    margin-right: 8px;
}

/*правая часть ЛК*/
.woocommerce-MyAccount-content,
.box-container-lk-right {
    flex-grow: 1;
    background-color: rgba(2, 13, 90, .85);
    border-top: 1px solid #313ba6;
    border-right: 1px solid #313ba6;
    border-bottom: 1px solid #313ba6;
    border-radius: 0 10px 10px 0;
    padding-top: 32px;

    color: #fff;
    padding: 0 5%;
}

.woo-wallet-my-wallet-container .woo-wallet-sidebar {
    background: inherit !important;
}

.woo-wallet-my-wallet-container {
    border: none !important;
}

.woocommerce-account .woocommerce-MyAccount-content p {
    font-size: 16px;
    color: #8fa5f7;
}

.woo-wallet-transactions-items {
    padding-left: 0;
    border: 1px solid #1b257c;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 40px !important;
}

.woo-wallet-transactions-items li {
    padding: 0 22px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.woo-wallet-transactions-items li:nth-child(odd) {
    background-color: #091264;
}

.woo-wallet-transactions-items li:nth-child(even) {
    background-color: #020b53;
}

.woo-wallet-transactions-items li:not(:last-child) {
    border-bottom: 1px solid #1b257c;
}

.woo-wallet-transaction-type-credit {
    color: #35b28d !important;
}

.woo-wallet-transaction-type-debit {
    color: #8fa5f7 !important;
}

/* wp-content/themes/wordvoice/divi-wv-style.css проверить */
/* wp-content/plugins/woo-wallet/templates/wc-endpoint-wallet.php в конце шаблона*/

.my-wallet {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 40px;
}

.my-wallet__btn {
    background: linear-gradient(180deg, #021768 0%, #AE007D 50%, #021768 100%);
    border: 1px solid #3D4DFF;
    border-radius: 10px;
    padding: 10px 0 8px 0;
    cursor: pointer;
    width: 200px;
}

.my-wallet__text-btn {
    font-size: 14px;
    text-align: center;
}

.my-wallet__text-btn:not(:last-child) {
    margin-bottom: 7px;
}

.my-wallet__title-btn {
    font-size: 20px;
    margin-bottom: 3px;
    text-align: center;
    margin-left: 4px;
}

/*end мой кошелек*/

/* кошелек - кнопки */

/* .my-wallet{
    margin-bottom: 25px;
}
.my-wallet__box-btn{
    display: flex;
    flex-wrap: wrap;
    gap: 6px;

    grid-template-columns: 1fr 200px;
}
.my-wallet__box-btn:not(:last-child){
    margin-bottom: 12px;
}
.my-wallet__text{
    margin-left: 22px;
    padding-right: 22px;
} */


/* КОШЕЛЕК -> ТИНЬКОФФ*/

.woocommerce-checkout form #order_review {
    float: none;
    padding-left: 0;

    margin: 0 auto;

    /* width: 100%; */
}

.woocommerce-checkout form[name=checkout] {
    margin-bottom: 70px;
}

.checkout.woocommerce-checkout {
    background-color: rgba(2, 13, 90, .85);
    border: 1px solid #313ba6;
    border-radius: 10px;
    padding: 32px 5%;
}

#order_review .product-name {
    font-size: 26px;
    color: #8fa5f7;
    padding-left: 0;
}

#order_review .product-total bdi {
    color: #ffffff;
    font-size: 26px;
    font-weight: 400;
}

#payment .wc_payment_method {}

#payment .wc_payment_method label {
    padding: 0 10px;
    background: #fff;
    height: 80px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    margin-bottom: 44px;
}

#payment .wc_payment_method>label:first-of-type img {
    max-height: none;
    /* flex: 1 1; */
    margin-left: auto;
}

.woocommerce-checkout-review-order ul {
    margin: 0;
    margin-bottom: 27px;
}

#payment .wc_payment_method .payment_box {
    background: none;
    padding: 0;
    font-size: 26px;
    color: #6381ef;

}

.woocommerce form .form-row label.checkbox,
.woocommerce-page form .form-row label.checkbox {
    color: #848fb9;
    font-size: 16px;
}

.woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text p {
    color: #848fb9;
    font-size: 16px;
}


.balance-add__form {
    position: relative;
}



/* КУПОНЫ */
.wv-coupon {
    opacity: 0;
    position: absolute;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    z-index: -1;
}
.wv-coupon.active {
    opacity: 1;
    position: relative;
    z-index: 1;
    transition: opacity 1s ease-in ;
}
.wv-coupon.checked {
    margin-bottom: 25px;
}
.wv-coupon__text {
    display: block;
    width: max-content;
    margin: 0 auto;
    font-size: 15px;
    /* flex: 1; */
    /* width: max-content; */
}
.wv-coupon__wrapp {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.woocommerce-button.button.wv-coupon__check {
    max-width: 220px;
    padding: 23px;
    padding: 10px 23px;
    background-color: #020b53 !important;
    border: 1px solid #3D4DFF;
    color: #6381ef !important;
}
#product-coupon {
    padding: 10px 16px;
    border-radius: 10px;
    border: none;
    font-size: 19px;
    /* max-width: 300px; */
    overflow: hidden;
    flex: 1;
}
.wv-coupon--error, .wv-coupon--unconfirmed {
    color: #dd0087;
}
.wv-coupon__label {
    display: flex;
    flex-direction: column;
    gap: 5px;
    position: relative;
    flex: 1;
}
.wv-coupon__label span {
    font-size: 14px;
    position: absolute;
    bottom: 5px;
    top: 100%;
    width: max-content;
    text-align: center;
    left: 50%;
    transform: translate(-50%, 10px);
    font-weight: 600;
}
.woocommerce-button.button.wv-coupon__check:hover {
    background-color: #1b257c !important;
    border: 1px solid #3D4DFF;
    color: #fff !important;
}
.woocommerce-account .woocommerce-MyAccount-content .wv-coupon__wrapp p {

    margin: 0;
}
.balance-add__form .balance-add__form-content ~ div {

    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (max-width: 475px) {
    .woocommerce-button.button.wv-coupon__check {
        /* margin-left: auto; */
    }
    .wv-coupon__label {
        flex: 0;
        width: 55%;
    }
    .woocommerce-button.button.wv-coupon__check {
        max-width: 35%;
        padding: 10px;
    }
    .woocommerce-account .woocommerce-MyAccount-content .wv-coupon__wrapp p {
        /* flex: 1; */
    }
    .wv-coupon__label span {
        width: 100%;
    }
}




/* ЗАКАЗЫ -> ЗАКАЗ (просмотр заказа) */

.order-data__box-status {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.woocommerce-table--order-details {
    margin-bottom: 0;
}

.my-editor {
    background-color: #100f86;
    border: 2px solid #2d3786;
    border-radius: 10px;

    margin-bottom: 44px;
    margin-top: 31px;

    position: relative;
    /* padding-top: 22px; */
}

.audio-player-container {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 22px 30px 20px;
    background-color: #100f86;
}

/* .my-editor__header{
    margin-top: -220px;
} */

.nav {
    position: absolute;
    top: 0;
    right: -46px;
    background-color: rgba(0, 0, 0, .4);
    border: 2px solid #2d3786;
    z-index: 100;
    width: 32px;
    border-radius: 4px;
    text-align: center;
    padding-bottom: 4px;
    padding-top: 3px;
}

.nav__but {
    padding: 4px;
    cursor: pointer;
    position: relative;
}

.nav__but.active svg {
    fill: #fff;
}

.nav__but svg {
    fill: #6a6a6a;
    color: #6a6a6a;
    transition: ease-in-out .2s;
}

.nav__but:hover svg {
    fill: #fff;
    color: #fff;
    transition: ease-in-out .2s;
}

.nav__but svg.nofill, .nav__but:hover svg.nofill {
    fill: none;
}

.nav__but:hover::after {
    content: 'Подсказка';
    position: absolute;
    top: 0;
    left: 50px;
    box-shadow: 0 0 4px 1px #0043c1;
    background: linear-gradient(90deg, rgba(0, 67, 193, .4) 0%, rgba(0, 67, 193, 0.2) 35%);
    padding: 5px 26px 5px 25px;
    border-radius: 0 4px 10px 0;
    transition: ease-in-out .2s;
}

.nav__but[data-action="show-original-text"]:hover::after {
    content: 'Исходная версия расшифровки';
}

#editorSwitch.translated:hover::after {
    content: 'Исходная версия перевода';
}

#editorSwitch[data-action="show-editor"]:hover::after {
    content: 'Перейти к редактированию';
}

.nav__but[data-action="show-edit-mode"]:hover::after {
    content: 'Редактировать';
}

.nav__but.translated[data-action="show-edit-mode"]:hover::after {
    content: 'Редактировать перевод';
}

.nav__but[data-action="show-view-mode"]:hover::after {
    content: 'Смотреть';
}

.nav__but.translated[data-action="show-view-mode"]:hover::after {
    content: 'Смотреть иностранный оригинал';
}

.nav__but[data-action="download-time"]:hover::after {
    content: 'Скачать с\00a0таймкодом';
}

.nav__but[data-action="download-notime"]:hover::after {
    content: 'Скачать без\00a0таймкода';
}

.nav__but[data-action="copy-notime"]:hover::after {
    content: 'Копировать без\00a0таймкода';
}

.nav__but[data-action="copy-time"]:hover::after {
    content: 'Копировать с\00a0таймкодом';
}

.nav__but[data-action="send-email"]:hover::after {
    content: 'Отправить на\00a0почту';
}

.nav__but[data-action="create-notepad"]:hover::after {
    content: 'Создать блокнот';
}

.popup-preview-version {
    width: 100%;
}

.my-notice {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    padding: 0 9px 2px;
    border-radius: 8px;
    z-index: 10;
}

.my-notice_static{
    position: static;
    margin-left: auto;
    white-space: nowrap;
}

.my-notice_absolute{
    background-color: #110b82;
    z-index: 1;
}


.my-notice.success {
    color: #35b28d;
    border: 1px solid #35b28d;
    margin-right: 25px;
    display: inline-block;
    width: 162px;
    text-align: center;
}

.my-notice.error {
    color: #e64108;
    border: 1px solid #e64108;
}

.my-editor__header {
    background-color: #100f86;
    padding: 3px 30px 20px;
}

.box-audio-player{
    background-color: #f4f1f1;
    align-items: center;
    border-radius: 3px;
}

.audio-player__controls{
    position: relative;
}

.btn-volume__select{
    position: absolute;
    top: 23px;
    right: 0;
    background-color: #f2f2f2;
    color: black;
    z-index: 1;
    /* padding: 0 30px 20px; */
}
.audio-player-container.with-wpadminbar{
    top: 32px;
}

.btn-vovume__option{
    padding: 5px 9px;
    cursor: pointer;
}

.btn-vovume__option:hover{
    background-color: #dd0087;
    color: #fff;
}

.audio-player__btn-volume {
    cursor: pointer;
    color: #fff;
    width: 20px;
    height: 20px;
    -webkit-mask: url(/wp-content/themes/twentytwenty_child/assets/img/ico/ico_speed.svg) no-repeat left center;
    mask: url(/wp-content/themes/twentytwenty_child/assets/img/ico/ico_speed.svg) no-repeat left center;
    background-color: #1e1e1e;
    margin-right: 12px;
}



.my-editor__but:not(:last-child) {
    margin-right: 9px;
    margin-bottom: 9px !important;
}


.wv-my-order_buttons {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: space-between;
    position: relative;
    gap: 12px;
    margin-top: 20px;
}

.my-order_buttons__box-right{
    flex-basis: 190px;
    text-align: left;
}

.wv_remove_order {
    background-color: rgba(221, 0, 135, .9);
    color: #ffffff;
    font-size: 14px;
    padding: 3px 28px 4px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
}

.wv_remove_order:hover {
    background: #dd0087;
}

.wv_remove_order__action {
    background-color: #3d4dff;
    color: #ffffff;
    font-size: 12px;
    padding: 3px 6px;
    border-radius: 8px;
    font-weight: 600;
    display: flex;
}

.wv_remove_order__action:hover {
    background: #dd0087;
    cursor: pointer;
}

.wv_remove_order--confirm {
    background: #cd2653;
}

.wv_remove_order--confirm:hover {
    background: #dd0087;
}

.wv_remove_order__modal {
    position: absolute;
    display: none;
    top: 32px;
    right: 0;
    background: #3d4dff;
    padding: 10px 20px;
    gap: 20px;
    border-radius: 8px;
}

.wv_remove_order__modal.wv_remove_order__modal--show {
    display: flex;
}

.public-link-box{
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
    margin-left: 70px;
}
.public-link-box_margins{
    margin-bottom: 5px;
    margin-top: -5px;;
}
.public-link-box.margin_b{
    margin-bottom: 20px;
}


.public-link{
    word-break: break-all;
}

.public-link__ico{
    flex-shrink: 0;
    display: inline-block;
    width: 18px;
    height: 18px;
    -webkit-mask: url(/wp-content/themes/twentytwenty_child/assets/img/ico/ico_megaphone.svg) no-repeat left center;
    mask: url(/wp-content/themes/twentytwenty_child/assets/img/ico/ico_megaphone.svg) no-repeat left center;
    background-color: #6381ef;
    margin-right: 10px;
}

.youtube-link__ico{
    flex-shrink: 0;
    display: inline-block;
    width: 18px;
    height: 18px;
    -webkit-mask: url(/wp-content/themes/twentytwenty_child/assets/img/ico/ico_youtube.svg) no-repeat left center;
    mask: url(/wp-content/themes/twentytwenty_child/assets/img/ico/ico_youtube.svg) no-repeat left center;
    background-color: #6381ef;
    margin-right: 10px;
}

.public-link-box svg{
    fill: #6381ef;
    cursor: pointer;
}

.public-link-box svg:hover {
    fill: #c9d2f6;
}



.audio-player {
    width: 100%;
    z-index: 1;
    height: 31px;
}

.audio-player__before-text{
    max-width: fit-content;
    font-size: 14px;
    line-height: 1.3em;
}

.audio-player__before-text_place{
    padding: 3px 8px 3px 0;
    border-radius: 4px;
    text-align: center;
    flex-grow: 1;
    margin-left: 70px;
    margin-bottom: 20px;
    display: flex;
    gap: 5px;
}

.audio-player__before-text_orders{
    margin-left: 70px;
    margin-bottom: 20px;
    color: #8fa5f7;
    display: flex;
}


#but-copy-clipboard {
    position: sticky;
    top: 0;
}

.box-container-lk-right{
    margin-bottom: 10px;
}

.my-editor{
    margin-top: 16px;
    margin-bottom: 10px;
}

.my-editor__textarea {
    background-color: #d7d8eb;

    border-radius: 0 0 10px 10px;

    width: 100%;


    line-height: 20px;
    font-size: 16px;
    color: #2c3271;

    padding: 30px;

    display: block;
    width: 100%;
    box-sizing: border-box;
    resize: none;
}

.my-editor__textarea font {
    color: inherit;
}

.my-editor__textarea span {
    font-size: 16px !important;
}

.my-editor__textarea:focus-visible {
    outline: none;
}

.my-editor__current-time {
    cursor: pointer;
    color: #6381ef;
    font-size: 14px;
    margin-right: 2px;
    background-image: url(/wp-content/themes/twentytwenty_child/assets/img/ico/ico_play.svg);
    background-size: 15px 15px;
    background-repeat: no-repeat !important;
    background-position: left center;
    padding-left: 18px;
    position: relative;
}

.popup-preview-version .my-editor__current-time {
    display: none;
}

.my-editor.translated .popup-preview-version .my-editor__current-time {
    display: inline;
    /*показываем таймкод в версии с переводом*/
}

.my-editor__current-time::before {
    position: absolute;
    content: '';
    width: 75%;
    height: 1px;
    bottom: -2px;
    background-color: rgba(99, 129, 239, 50%);
}


.my-editor__current-time:hover {
    color: #3e63ea;
}

.woocommerce-pagination__btns {
    display: flex;
    gap: 9px;
    margin-top: 5px;
    margin-bottom: 9px;
}

/*ТРАНЗАКЦИИ*/

.woo-wallet-sidebar__ul {
    display: none;
}

.wc-wallet-transaction-details_length {
    color: #fff;
}

#wc-wallet-transaction-details_wrapper {

    padding-bottom: 33px;
}

.dataTables_filter {
    margin-bottom: 22px;
}

#wc-wallet-transaction-details_wrapper label {
    color: #8fa5f7;
}

#wc-wallet-transaction-details_wrapper table {
    border: 1px solid #1b257c;
    margin-bottom: 4px;
    margin-bottom: 27px;
    width: 100% !important;
}

#wc-wallet-transaction-details tbody tr {
    background-color: #091264;
}

#wc-wallet-transaction-details tbody tr:nth-child(even) {
    background-color: #020b53;
}

#wc-wallet-transaction-details thead tr th {
    font-size: 16px;
    color: #8fa5f7;
    text-align: center;
    padding: 12px 0;
    border-bottom: 1px solid #1b257c;

    background-color: #020b53;
}

#wc-wallet-transaction-details tbody tr td {
    font-size: 16px;
    color: #8fa5f7;
    text-align: center;
    padding: 12px 0;
}

#wc-wallet-transaction-details tbody tr:not(:last-child) td {
    border-bottom: 1px solid #1b257c;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before {
    display: none !important;
}

.dataTables_info {
    color: #8fa5f7 !important;
    margin-bottom: 16px;
}

#wc-wallet-transaction-details_paginate {
    background-color: rgba(173, 190, 255, .9);
    border-radius: 4px;
    padding: 4px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 3px 9px !important;
    margin-right: 7px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #dd0087 !important;
    border-radius: 10% !important;
    border: 1px solid transparent !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    border-radius: 5px !important;
    background: #dd0087 !important;
    border: 1px solid transparent !important;
    color: #ffffff !important;
}

/*end транзакции*/



/* НОВОСТИ */

.news {
    display: flex;
    min-height: 664px;
}

.my-news {
    display: block;
    padding: 21px 19px 18px 20px;
    margin-bottom: 13px;
}

.news__header {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.news__title {
    font-size: 26px;
    color: #8fa5f7;
    font-weight: 400;
}

.order-data__file-name {
    font-size: 26px;
    color: #8fa5f7;
    margin-bottom: 10px;
}

.question-about-audiofile{
    border: 1px solid #6381ef;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    color: #6381ef;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}
.question-about-audiofile:hover{
    border-color:#afbffc;
    color: #afbffc;
}

.news__content-box {
    display: flex;
    gap: 30px;
    align-items: flex-end;
    justify-content: space-between;
    color: #c9d2f6;
}

.order-data__parameters {
    margin-top: 2px;
    flex-shrink: 0;
    width: 192px;
}

.order-data__parameters div:not(.ico-eye) {
    background-repeat: no-repeat;
    padding: 3px 3px 3px 35px;
}

.order-data__parameters a {
    background-repeat: no-repeat;
    background-position: left center;
    padding: 3px 3px 3px 3px;
}

.order-data__parameter-cancel {
    padding: 3px 3px 3px 31px;
    /* отменить заказ отступ для Иконки */
}



.order-data__parameters .ico-eye {
    background-image: url(/wp-content/themes/twentytwenty_child/assets/img/ico/ico_eye.svg);
    background-position: left center;
    background-size: 23px 23px;
    background-position: 0 center;
    background-repeat: no-repeat;
    overflow: visible;
}

.order-data__parameters [data-action="cancelOrder"] {
    background-color: transparent;
    background-image: url(/wp-content/themes/twentytwenty_child/assets/img/ico/ico_close-b.png);
    background-position: 6px center;
    background-repeat: no-repeat;
    padding-left: 35px;
    font-size: 14px;
    color: rgb(143, 165, 247);
    cursor: pointer;
}

.order-data__parameters :nth-child(4) span {
    padding-bottom: 3px;
}

.order-data__parameters :nth-child(4):hover span {
    color: #a0b3f9;
    border-color: #a0b3f9;
}

.order-data__parameter {
    margin-right: 24px;
    margin-top: 5px;
    letter-spacing: .5px;
    white-space: nowrap;
}

.single__content a {
    color: #6e8cfb;
}

.single__content a:hover {
    color: #8299f0;
}


.plugin-cookiedone {
    color: #fff;
    text-decoration: underline;
}

@media (max-width: 500px) {
    .news__title {
        font-size: 20px !important;
        margin-bottom: 10px;
    }
}

/*end новости */


@media (max-width: 1470px) {
    .nav__but:hover::after{
        left: auto;
        right: 47px;
        background-color: rgb(61, 77, 255);
        border-radius: 0 4px 10px 0;
        border-radius: 4px 0 0 10px;
    }
}


@media (max-width: 1100px) and (min-width:1000px) {
    .my-wallet__btn {
        width: 190px;
    }
}

@media (max-width: 1000px) {
    .footer {
        border-top: 1px solid;
        padding-top: 35px;
        background-image: url(/wp-content/themes/twentytwenty_child/assets/body_back-line-1.jpg);
        box-shadow: 0px -12px 12px 3px #572e95;

        padding-bottom: 10px;
    }

    /*МЕНЮ мобильное*/

    .user-data {
        margin-bottom: 0;
    }

    .container-lk-left {
        margin-bottom: 0;
        position: static;
    }

    .woocommerce-MyAccount-content,
    .box-container-lk-right {
        border-left: 1px solid #313ba6;
        border-radius: 10px;
        border-radius: 10px 0 0 10px;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        margin-bottom: 10px !important;
    }

    .logged-in.woocommerce-account #site-content .woocommerce,
    .news,
    .single {
        flex-direction: column;
    }

    .box-container-lk-left {
        width: 100% !important;
    }

    .logged-in.woocommerce-account #site-content .woocommerce-MyAccount-content {
        width: 100%;
    }

    .container-lk-left {
        margin-bottom: 0;
        position: static;
        padding-bottom: 0;
    }

    .woocommerce-MyAccount-navigation {
        width: 100% !important;
        border-radius: 10px 10px 0 0;
    }

    .but-site-menu-toggler .bar1,
    .but-site-menu-toggler .bar2,
    .but-site-menu-toggler .bar3 {
        width: 35px;
        height: 5px;
        background-color: #3d4dff;
        margin: 6px 0;
        transition: 0.4s;
    }

    .but-site-menu-toggler.mobile-only {
        display: none;
    }

    .user-data__box {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #news_counter {
        display: none;
    }

    .site-menu {
        display: none;
    }

    .my-wallet {
        gap: 15px;
        justify-content: space-around;
    }

    /* Шапка ЛК */
    .user-data {
        display: flex;
        gap: 30px;
        justify-content: space-between;
    }

    .user-data__box {
        gap: 30px;
    }


    .user-data__email {
        display: none !important;
        /* max-width: 75px;
        overflow: hidden;
        text-overflow: ellipsis; */
    }

    .woocommerce-account .woocommerce-MyAccount-navigation li.wv-navigation-email {
        display: block !important;
        font-size: 16px !important;
        color: #6381ef !important;
        margin-bottom: 5px !important;
    }
    .user-data__logo {
        margin-bottom: 0;
    }
    /* end Шапка ЛК */

}


@media (max-width: 980px) {

    .user-data__logo {
        margin: 0;
        display: flex;
        flex: 0 0 auto;
    }
}
@media (max-width: 780px) {
    .my-wallet {
        flex-direction: column;
        align-items: center;
    }

    .my-wallet__btn {
        height: 67px;
    }

    .my-wallet__text-btn:not(:last-child) {
        margin-bottom: -1px;
    }

    .my-wallet__title-btn {
        margin-bottom: -1px;
        font-size: 18px;
    }

    .my-wallet__btn {
        padding: 7px 0 8px 0;
    }
}
@media (max-width: 768px) {

    .mobile-flex-wrap{
        flex-wrap: wrap;
    }

    /*РАСШИФРОВКА*/
    .lk-title {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .file_format_info {
        font-size: 18px;
    }

    .woocommerce-button.button {
        font-size: 17px;
    }

    #progress .bar {
        font-size: 16px;
    }

    .selected_file_name {
        font-size: 16px;
    }

    .suc-message {
        font-size: 16px;
    }

    .suc-message__price {
        margin-bottom: 32px;
    }

    .main-button__icon {
        margin-right: 0;
        max-width: 28px !important;
    }

    .main-button {
        font-size: 16px;
        margin-bottom: 32px;
        border-width: 1px;
    }

    @media (max-width: 340px) {
        .main-button {
            font-size: 14px;
        }
    }

    .formats__list {
        margin-top: 0;
    }

    /* РАСШИФРОВКА (ЗАКАЗ) */
    .woocommerce-order-details {
        padding-top: 0;
    }

    .woocommerce section {
        padding-top: 0;
    }

    .order-data {
        flex-wrap: wrap;
        gap: 0;
    }

    .order-data__file-data {
        gap: 15px;
    }

    .order-data__box {
        align-items: center;
        justify-content: space-between;
    }

    .order-data__file-name {
        font-size: 18px;
    }

    .wv-my-order_buttons {
        justify-content: center;
    }

    .my-order_buttons__box-right{
        flex-basis: auto;
    }

    .wv_remove_order {
        min-width: 222px;
    }

    .wv-my-order_buttons a.mini-but{
        min-width: 222px;
    }

    .wv-my-order_buttons button {
        min-width: 222px;
    }


    .public-link-box{
        margin-left: 0;
    }

    .my-notice_static{
        margin-left: 0;
    }

    /* РАСШИФРОВКА (ЗАКАЗ) редактор */

    .audio-player-container {
        background-color: #100f86;
        padding: 12px 6px;
    }

    .audio-player-container .but-site-menu-toggler .bar1,
    .audio-player-container .but-site-menu-toggler .bar2,
    .audio-player-container .but-site-menu-toggler .bar3 {
        width: 22px;
        height: 3px;
        margin: 4px 0;
        background-color: #fff;
        transition: 0.4s;
    }

    .audio-player-container .but-site-menu-toggler.change {
        margin-bottom: 10px;
    }

    .audio-player-container .but-site-menu-toggler.change .bar1 {
        transform: rotate(-45deg) translate(-2px, 2px);
    }

    .but-site-menu-toggler.mobile-only {
        display: block;
    }

    .change .bar1 {
        -webkit-transform: rotate(-45deg) translate(-9px, 6px);
        transform: rotate(-45deg) translate(-9px, 6px);
    }

    .change .bar2 {
        opacity: 0;
    }

    .change .bar3 {
        -webkit-transform: rotate(45deg) translate(-8px, -8px);
        transform: rotate(45deg) translate(-8px, -8px);
    }



    #but-editor-menu-toggler {
        width: 35px;
        /* margin-left: auto; */
        margin-left: 10px;
    }

    .nav {
        width: auto;
        /* margin-top: 20px; */
        position: static;
        border: none;
        background-color: transparent;
        /* border: 1px solid red; */
    }

    .nav__but {
        display: flex;
        display: none;
        /* display: flex; */
        gap: 12px;
        text-align: left;
    }

    .nav__but svg {
        width: 20px;
        height: 20px;
        flex-shrink: 0;
    }

    .nav__but:not(:last-child) {
        margin-bottom: 10px;
    }

    .nav__but:hover::after {
        /* display: none; */
    }

    .nav__but::after,
    .nav__but:hover::after {
        /* display: block; */
        position: static;
        box-shadow: 0 0 4px 1px #0043c1;
        background: linear-gradient(90deg, rgba(0, 67, 193, .4) 0%, rgba(0, 67, 193, 0.2) 35%);
        padding: 5px;
    }

    .nav__but[data-action="show-original-text"]::after {
        content: 'Исходная версия расшифровки';
    }

    .nav__but[data-action="show-editor"]::after {
        content: 'Перейти к редактированию';
    }

    #editorSwitch.translated::after {
        content: 'Исходная версия перевода';
    }

    #editorSwitch[data-action="show-editor"]::after {
        content: 'Перейти к редактированию';
    }

    .nav__but[data-action="show-edit-mode"]::after {
        content: 'Редактировать';
    }

    .nav__but[data-action="show-view-mode"]::after {
        content: 'Смотреть';
    }

    .nav__but.translated[data-action="show-view-mode"]::after {
        content: 'Смотреть иностранный оригинал';
    }

    .nav__but[data-action="download-time"]::after {
        content: 'Скачать с\00a0таймкодом';
    }

    .nav__but[data-action="download-notime"]::after {
        content: 'Скачать без\00a0таймкода';
    }

    .nav__but[data-action="copy-notime"]::after {
        content: 'Копировать без\00a0таймкода';
    }

    .nav__but[data-action="copy-time"]::after {
        content: 'Копировать с\00a0таймкодом';
    }

    .wv-my-order_buttons {
        flex-direction: column;
        flex-wrap: wrap;
    }

    /* РАСШИФРОВКА (ЗАКАЗ) редактор */

    .audio-player-container {
        background-color: #100f86;
        padding: 12px 6px;
        border-radius: 10px;
    }

    #but-editor-menu-toggler {
        width: 35px;
        /* margin-left: auto; */
        margin-left: 10px;
    }

    .nav {
        width: auto;
        /* margin-top: 20px; */
        position: static;
        border: none;
        background-color: transparent;
        /* border: 1px solid red; */
    }

    .nav__but {
        display: flex;
        display: none;
        /* display: flex; */
        gap: 12px;
        text-align: left;
    }

    .nav__but svg {
        width: 20px;
        height: 20px;
        flex-shrink: 0;
    }

    .nav__but:not(:last-child) {
        margin-bottom: 10px;
    }

    .nav__but:hover::after {
        /* display: none; */
    }

    .nav__but::after,
    .nav__but:hover::after {
        /* display: block; */
        position: static;
        box-shadow: 0 0 4px 1px #0043c1;
        background: linear-gradient(90deg, rgba(0, 67, 193, .4) 0%, rgba(0, 67, 193, 0.2) 35%);
        padding: 5px;
    }

    .nav__but[data-action="show-original-text"]::after {
        content: 'Исходная версия расшифровки';
    }

    .nav__but[data-action="show-editor"]::after {
        content: 'Перейти к редактированию';
    }

    .nav__but[data-action="show-edit-mode"]::after {
        content: 'Редактировать';
    }

    .nav__but[data-action="show-view-mode"]::after {
        content: 'Смотреть';
    }

    .nav__but[data-action="download-time"]::after {
        content: 'Скачать с\00a0таймкодом';
    }

    .nav__but[data-action="download-notime"]::after {
        content: 'Скачать без\00a0таймкода';
    }

    .nav__but[data-action="copy-notime"]::after {
        content: 'Копировать без\00a0таймкода';
    }

    .nav__but[data-action="copy-time"]::after {
        content: 'Копировать с\00a0таймкодом';
    }

    .nav__but[data-action="send-email"]::after {
        content: 'Отправить на\00a0почту';
    }

    .nav__but[data-action="create-notepad"]::after {
        content: 'Создать блокнот';
    }


    /*КОШЕЛЁК И ДОЧЕРНИИ*/
    /* .balance-add__container{
        justify-content: center !important;
    } */

    .balance-add__form-content {
        justify-content: center;
    }

    .woocommerce-checkout form #order_review .woocommerce-checkout-review-order-table {
        margin-top: 0;
    }

    .cart_item {
        display: flex;
        flex-wrap: wrap;
    }

    .woocommerce-checkout form #order_review .woocommerce-checkout-review-order-table tbody::after {
        height: auto;
    }

    .woocommerce-checkout-review-order ul {
        margin-bottom: 9px;
    }

    .woocommerce-checkout-review-order-table td {
        padding: 0;
        padding-bottom: 8px;
    }

    #order_review .product-name {
        font-size: 24px;
    }

    #payment .wc_payment_method label {
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
        margin-bottom: 33px;
        height: auto;
        padding: 15px 10px;
    }

    #payment .wc_payment_method>label:first-of-type img {
        margin-left: 0;
    }

    .wc_payment_method input.input-radio[name=payment_method]:checked+label::before {
        display: none;
    }

    .payment_box.payment_method_tinkoff p {
        font-size: 18px;
    }

    .woocommerce-terms-and-conditions-wrapper {
        margin-bottom: 40px;
    }

    .my-wallet {
        justify-content: center;
        margin-bottom: 30px;
    }






    /*ДЕТАЛИ ПРОФИЛЯ*/

    .change-password {
        font-size: 18px !important;
        margin-bottom: 12px !important;
    }

    .fieldset__container {
        flex-wrap: wrap;
        margin-bottom: 33px !important;
        justify-content: center;
    }

    .fieldset__block {
        margin-bottom: 7px !important;
    }


    /*КАК ИСПОЛЬЗОВАТЬ*/

    /* .instruction{
        flex-wrap: wrap;
    } */


    .instruction__menu {
        display: none;
    }

    .instruction__content {
        max-height: none;
    }

    .instruction__part-title {
        font-size: 18px;
    }

    /* ФУТЕР FOOTER и ХЭДЕР */

    .footer {
        /* border-top: 1px solid; */
        padding-top: 46px;
        background-image: url(/wp-content/themes/twentytwenty_child/assets/body_back-line-1.jpg);
        box-shadow: 0px -12px 12px 3px #572e95;
    }

    .header {
        padding-top: 40px;
    }

    .top-content__link-logo {
        order: -1;
    }

    #site-content {
        padding-top: 16px !important;
        margin-bottom: 16px !important;
    }

    #customer_login {
        margin-top: 10px;
    }

    /* ПОЛИТИКА КОНФ*/

    .entry-content h2 {
        font-size: 18px;
        font-weight: 500;
    }

    /*ВХОД И РЕГИСТРАЦИЯ*/

    .woocommerce-Input.woocommerce-Input--text.input-text {
        font-size: 22px;
    }

    .woocommerce-form__field-check {
        flex-wrap: wrap;
        gap: 10px;
    }

}
@media (max-width: 576px) {
    .user-data {
        flex-direction: row;
        gap: 0;
        margin: 0;
        padding: 23px;
    }
    .user-data__logo img {
        width: 100%;
        height: 50px;
    }
    .user-data__logo {
        margin-bottom: 0px;
    }

}
@media (max-width: 450px) {
    .user-data__logo {
        max-width: 100px;
    }

    .user-data {
        padding: 17px 23px;
    }


}






















/*=================================================================================================================================*/

/*убрать в transcribe.css после переноса файла в тему*/
.check_balance.my-order {
    max-width: none !important;
}

/*=================================================================================================================================*/