.bbp-pagination {
    margin-bottom: 0;
}

.rounded-image img.avatar, .bbp-forum-description img.avatar {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-bottom: 0;
    border: 1px solid #e1e1e1;
}

.bbp-forum-description img.avatar {
    margin-right: 3px;
}

.bbp-forum-description img.avatar:not([src]) {
    display: none;
}

.theme-support-preview .rounded-image {
    line-height: 2.5;
}

.author-name, .customer_id {
    /*max-width: 130px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/
}

@media only screen and (min-width: 768px) and (max-width: 1250px) {
    .support-detail-entry-wrapper .et-staff {
        white-space: nowrap;
    }
    .et-loop-single-author {
        max-width: 7.5vw;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

/* img.wp-user-avatar,.bbp-author-avatar img.wp-user-avatar{height: 100%;} */
/*.avatar-upload.active {color: var(--et-blue2-color)!important;}
.avatar-upload.active:hover {color: #fff!important;}
.avatar-upload.active:hover {background: var(--et-blue2-color)!important;}*/
/*.avatar-upload:hover{color: var(--et-blue2-color)!important;}*/
.avatar-upload-desc .updated strong {
    color: var(--et-green-color);
    margin-bottom: 5px;
    display: inline-block;
}

.avatar-upload-desc strong {
    font-weight: 400;
}

.avatar-upload-desc p {
    margin: 5px 0 !important;
}

.avatar-upload-desc #wpua-upload-existing, .avatar-upload-desc .button-primary {
    text-transform: uppercase;
    color: #fff;
    background: var(--et-blue2-color);
    border-color: var(--et-blue2-color);
    border-radius: 5px;
}

/*.avatar-upload-desc .button-primary {
  display: none;
}*/
.avatar-upload-desc h3, .avatar-upload-desc #wpua-edit-attachment-existing, .bbp-topic-tags {
    display: none;
}

.infobox .bbp-topic-tags {
    display: inline;
    font-size: 16px;
}

.infobox.et_tags-list {
    padding: 25px 38px;
}

.infobox.et_tags-list a {
    position: relative;
    line-height: 24px;
    color: var(--et-font-color);
    transition: all .3s linear;
}

.infobox.et_tags-list a:hover {
    color: var(--et-blue2-color);
}

.bbp-topic-tag-description, .etheme-tag-description {
    color: var(--et-font-color);
}

.bbp-topic-tag-description h1 br {
    display: none;
}

@media (max-width: 767px) {
    .infobox.et_tags-list {
        padding: 20px 25px;
    }
}

.avatar-upload-desc #wpua-preview-existing, .avatar-upload-desc #wpua-thumbnail-existing, .avatar-upload-desc #wpua-undo-button-existing {
    display: none !important;
}

@media only screen and (max-width: 480px) {
    .avatar-upload-desc .button {
        display: inline-block;
    }

    #wpua-upload-button-existing {
        justify-content: center;
    }

    #wpua-upload-messages-existing {
        display: none;
    }

    #wpua-file-existing {
        font-size: 0;
    }

    #wpua-file-existing:after {
        left: auto;
        right: 15px;
    }
}

#wpua-file-existing {
    position: relative;
    left: 0;
    top: 0;
    width: auto !important;
    height: auto;
    opacity: 1;
    border: none;
    cursor: pointer;
    z-index: 1;
}

#wpua-file-existing:after, #wpua-add-existing:after {
    content: '+';
    font-size: 20px;
    color: #999999;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 17px;
}

#wpua-file-existing:after {
    right: auto;
    left: 105px;
}

#wpua-file-existing::-webkit-file-upload-button, #wpua-add-existing {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    font-size: 14px;
    padding: 8px 35px 8px 20px;
    border-radius: .35em;
    outline: none;
}

#wpua-upload-button-existing {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    /* background: #fff; */
    overflow: hidden;
}
#wpua-upload-messages-existing {
    color: var(--et-text-color);
    font-size: 12px;
    line-height: 1.4;
}
#wpua-allowed-files-existing {
    display: block;
}
#wpua-allowed-files-existing code {
    padding: 0 !important;
    border: none !important;
    display: inline-block !important;
    width: auto;
    line-height: 1.4;
    white-space: normal;
    margin: -4px 0 0 !important;
    color: currentColor;
}

.avatar-upload-desc #wpua-upload-existing {
    display: none;
}

.avatar-upload-desc .submit input {
    margin-top: 5px;
}

.avatar-upload-desc .submit input:hover {
    opacity: .8;
}

#wpua-remove-button-existing button {
    border-color: #e1e1e1;
    background-color: #e1e1e1;
    color: #222;
    font-weight: 400;
    font-size: 14px;
    padding: 9px 15px;
    margin-top: 7px;
    margin-bottom: 2px;
    text-transform: uppercase;
}

.rounded-image img.avatar {
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.support-detail-entry-header .bbp-author-avatar img.wp-user-avatar, .support-detail-entry-header .bbp-author-avatar img.pp-user-avatar, .support-detail-entry-header .bbp-author-avatar img.avatar {
    max-width: 50px;
    height: 100%;
    width: 100%;
    max-height: 50px;
}

.support-detail-entry .bbp-reply-content a:not(.button-new) {
    color: var(--et-blue2-color);
    /*    word-break: break-all;*/
    word-break: break-word;
}

.support-detail-entry .bbp-reply-content a:not(.button-new):hover, .support-detail-entry .bbp-reply-content a:not(.button-new):active, .support-detail-entry .bbp-reply-content a:not(.button-new):visited {
/*    color: #0673cc;*/
    color: var(--et-black-color);
}

.support-detail-entry .bbp-reply-content a:not(.button-new), .infobox.et_tags-list a {
    background-image: linear-gradient(90deg, currentcolor,currentcolor);
    background-size: 0% 1px;
    background-repeat: no-repeat;
    background-position: left bottom;
}

.support-detail-entry .bbp-reply-content a:not(.button-new):hover, .infobox.et_tags-list a:hover {
    background-size: 100% 1px;
}

#bbp-search-form {
    width: 100%;
}

#bbp-search-form .loading-forums-select select {
    opacity: 0;
    visibility: hidden;
    height: 0;
    line-height: 0;
    position: absolute;
}

#bbp-search-form .input-wrapper .icon.right {
    color: var(--et-black-color);
    right: 0;
    top: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#bbp-search-form .input-wrapper .icon {
    overflow: hidden;
}

#bbp-search-form .input-wrapper .icon:after {
    display: none;
}

#bbp-search-form .input-wrapper .icon:hover {
    color: var(--et-black-color);
}

#bbp-search-form .input-wrapper {
    position: relative;
    width: 100%;
    border: var(--et-input-border-width, 2px) var(--et-border-color) solid;
    border-radius: 5px;
    z-index: 12;
}

#bbp-new-topic-title.loading .small-loader, #bbp-search-form.loading .small-loader {
    opacity: 1;
    visibility: visible;
}

#bbp-new-topic-title .small-loader {
    right: 5px;
}

.input-wrapper .small-loader {
    opacity: 0;
    visibility: hidden;
    right: 45px;
}

#bbp-search-form .trigger {
    height: 45px;
    font-size: 16px;
    line-height: 46px;
    border-right: var(--et-input-border-width, 2px) var(--et-border-color) solid;
    color: #555;
    /*    background-color: #fff;*/
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

#bbp-search-form .trigger:after {
    top: 20px;
}

#bbp-search-form .fancy-select {
    font-size: 14px;
    float: left;
    width: 20%;
}

#bbp_topic_tags {
    -webkit-appearance: none;
    height: 45px;
    line-height: 43px;
    font-size: 14px;
    padding: 0 21px;
    color: #1a1a1a;
    border: 1px #e6e6e6 solid;
    margin: 0;
    border-radius: 5px;
}

.wp-editor-area {
    font-family: inherit !important;
}

div.bbp-submit-wrapper {
    float: none;
}

pre {
    border: none !important;
    background: none !important;
    padding: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
}

code {
    font-family: Inconsolata, Consolas, Monaco, Lucida Console, monospace;
    background-color: #f9f9f9 !important;
    border: 1px solid #ddd !important;
    vertical-align: middle !important;
    width: 100%;
    max-width: 95%;
    display: block !important;
    font-size: .9em;
    line-height: 2;
    padding: 20px !important;
    margin: 0 0 24px !important;
    overflow: auto !important;
    border-radius: 3px;
    color: #D14;
    white-space: pre-wrap;
}

.bbpress code {
    max-width: 100% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

samp {
    font-family: Inconsolata, Consolas, Monaco, Lucida Console, monospace;
    background-color: #f9f9f9 !important;
    border: 1px solid #ddd !important;
    font-size: .9em;
    line-height: 1.3;
    color: #D14;
    display: inline-block !important;
    padding: 2px 8px;
    border-radius: 3px;
}

textarea#bbp_reply_content, textarea#bbp_topic_content, textarea#bbp_forum_content {
    width: 100%;
    /*height: 118px;*/
    height: 263px;
    padding: 15px 19px;
}

.new-popup .wp-editor-container {
    /* border-color: #e6e6e6; */
}

.quicktags-toolbar {
    background: #f8f8f8 !important;
    border-bottom: var(--et-input-border-width, 2px) var(--et-border-color) solid !important;
}

.wp-editor-container {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.bbp-the-content-wrapper {
    color: #555;
}

.private-content-area {
    border: var(--et-input-border-width, 2px) var(--et-border-color) solid;
    display: block;
    margin: 0;
    width: 100%;
    border-radius: .35em;
    transition: all .3s;
    -webkit-transition: all .3s;
    background: #fff;
}

@media only screen and (max-width: 991px) {
    #open-create-topic-popup .private-content-area-wrapper ~ .col-sm-3 {
        width: 50%;
    }
}

div.fancy-select ul.options {
    background: #fff !important;
    border-radius: var(--et-border-radius);
    border: var(--et-input-border-width, 2px) solid var(--et-border-color);
    left: calc(var(--et-input-border-width, 2px) * -1);
}

div.fancy-select ul.options li.hover {
    background-color: #f2f2f2 !important;
}

.choose-file {
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
}

.attach-remove {
    width: 300px;
    position: relative;
    display: block;
    top: 30px;
}

.attach-remove .button-close {
    float: right;
    width: 30px;
    height: 30px;
}

.input-file-wrapper .file {
    font-size: 16px;
}

.input-file-wrapper .file-remove span {
    margin: 13px 0 0 -30px;
}

#bbp-search-form {
    --et-input-bg-color: transparent;
    --et-input-shadow-color-hover: transparent;
}

#bbp-search-form .input-wrapper .icon.right.size-2+.si {
    display: inline-block;
    vertical-align: middle;
    color: var(--et-black-color);
    background-color: transparent;
    border: none;
    font-size: 16px;
    width: 80%;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

#bbp-search-form.full-width .input-wrapper .icon.right.size-2+.si {
    width: 100%;
    border-bottom-left-radius: .35em;
    border-top-left-radius: .35em;
}

.bbp-reply-form.si {
    padding: 20px;
    margin-bottom: 20px;
}

.add-purchase-key {
    position: static;
}

#purch-form-popup form {
    margin-bottom: 10px;
}

#purch-form-popup .add-purchase-key {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
}

#purch-form-popup .cart {
    font-size: 16px;
    padding: 15px 0;
}

/* .account-panel.empty #ss-envato-verify-form{position: absolute;top: -45px;right: -35px;} */
.infobox.profile-box {
    position: relative;
}

.account-panel .account-orders-table td {
    padding: 15px 20px !important;
}

td.order-actions {
    padding-right: 20px !important;
}

ul.sticky .support-item, ul.super-sticky .support-item {
/*    border: 2px var(--et-blue2-color) solid !important;*/
    --et-support-topic-border-color: var(--et-blue2-color);
}

ul.sticky .support-item .topic-icon, ul.super-sticky .support-item .topic-icon {
    display: none;
}

ul.sticky .support-item .support-item-label, ul.super-sticky .support-item .support-item-label {
    display: inline-flex !important;
}

ul.sticky .support-item .support-item-label + .support-item-label, ul.super-sticky .support-item .support-item-label + .support-item-label {
    display: none !important;
}

/* read before post */
.super-sticky.post-304739 .support-item {
    border-color: #ffa726;
}

.super-sticky.post-304739 .support-item-label {
    background-color: #ffa726;
}

/* in case it is closed */
#bbpress-forums .super-sticky.post-304739 .support-item .left, #bbpress-forums .super-sticky.post-304739 .support-item .right {
    opacity: 1;
}

.topic-icon {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 22px;
    padding: 12px 15px;
}

li.bbp-body div.hentry {
    padding: 0 !important;
    overflow: visible;
}

/*.topic-tag-sticky .support-item {
    border: 2px var(--et-green-color) solid;
}*/
.private-content {
    width: 100%;
    /*height: 110px;*/
    height: 263px;
    padding: 15px 19px;
    font-size: 16px;
    line-height: 1.5;
}

.bbp-topic-form .private-content {
    height: 254px;
}

.support-detail-entry-footer .topic-footer-icon a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    visibility: visible;
    opacity: 1;
    transform: translate(0);
    -webkit-transform: translate(0);
}

.type-topic .reply, .type-reply .topic {
    display: none !important;
}

.type-topic .topic, .type-reply .reply {
    display: inline-flex !important;
}

fieldset.bbp-form.si select {
    border: 1px solid rgb(230, 230, 230);
    border-radius: 5px;
    padding: 10px;
}

fieldset.bbp-form.si select {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.bbp-topic-form fieldset.bbp-form.si select {
    padding-right: 30px !important;
    transition: all .3s linear;
}

fieldset.bbp-form.si select:focus {
    border: 1px solid var(--et-blue2-color);
}

.single-product .woocommerce-breadcrumb {
    display: none;
}

.nav-links a {
    font-size: 13px;
}

/*.page-numbers.current {*/
/*    font-size: 13px;*/
/*}*/
/*.prev.page-numbers, .next.page-numbers {*/
/*    display: none;*/
/*}*/
/*user avatar*/
.avatar-img img {
    float: left;
    border: 2px var(--et-blue2-color) solid;
}

.si.file .wpcf7-form-control-wrap {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.type-file {
    margin-top: 5px;
    color: #999;
    font-size: 12px;
}

/*forum widget*/
.widget:has(.close-widget) {
    position: relative;
}

.widget .close-widget {
    position: absolute;
    top: 0;
    right: 0;
    color: var(--et-black-color);
    background: #fff;
    font-size: 16px;
    padding: 9px;
    margin: 5px;
    border-radius: var(--et-border-radius);
    transition: all .3s linear;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.widget:not(:hover) .close-widget {
    opacity: 0;
    visibility: hidden;
}
.widget h4.title {
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 1.5em;
    color: #1a1a1a;
}

.widget ul li a {
    color: var(--et-blue2-color);
    font-size: 16px;
    line-height: 24px;
    display: inline-block;
    vertical-align: top;
}

.widget_et_display_user_topics ul li a {
    /* display: inline; */
}

.sidebar-entry.new-design .widget_live_activity_feed a,
.sidebar-entry.new-design .widget_live_activity_feed [data-url]:hover {
    color: var(--et-text-color);
}

.sidebar-entry.new-design .widget_live_activity_feed a:hover {
    color: var(--et-black-color);
}

/*.widget ul li a:hover{text-decoration: underline;}*/
.widget ul a:hover {
    text-decoration: underline;
}

.widget {
    padding-bottom: 30px;
    clear: both;
    display: block;
}

.widget img {
    height: auto;
}

.widget_advert_block img {
    max-width: 200px;
}

.footer-top .widget {
    padding-bottom: 0;
}

.status-closed .topic-icon {
    color: var(--et-green-color) !important;
    font-size: 19px;
}

.status-closed .topic-icon span {
    /*    font-family: Roboto;*/
    font-weight: 500;
    margin-left: 6px;
}

.status-closed .topic-icon:before {
    content: '\f00c';
}

.status-closed .topic-icon .left-tooltip {
    font-size: 0;
    line-height: 1;
    right: -15px;
}

.status-closed .topic-icon .left-tooltip:after {
    content: 'Topic was solved';
    font-size: 14px;
    line-height: 18px;
}

.close-topic-wrapper {
    position: relative;
}

.close-topic-text {
    color: #1a1a1a;
    margin-left: 25px;
    transition: all .3s;
}

.close-topic-text a {
    color: var(--et-green-color);
}

.close-topic-text a:hover { 
    text-decoration: underline;
}

#bbpress-forums li:not(.bbp-body) {
    margin-bottom: 12px;
}

div.bbp-template-notice li, div.bbp-template-notice p {
    font-size: 16px;
}

.st-custom-button[data-network] {
    height: 30px;
    width: 30px;
    display: inline-block;
    padding: 2px 11px;
    color: var(--et-text-color);
    font-size: 18px; 
    text-align: center;
    cursor: pointer;
    /*   display: none;*/
}

.st-custom-button i {
    vertical-align: sub;
}

.st-custom-button:hover i {
    color: var(--et-black-color);
}

.share-buttons {
    font-size: 14px;
    /* width: 125px;
     border: 3px;
     position: absolute;
     right: 100%;
     top: 0;*/
    /* opacity: 0;
     transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease;
    visibility: hidden;*/
}

.div-active-step {
    z-index: 20;
}

*:hover>.share-buttons {
    opacity: 1;
    visibility: visible;
}

.fotter-widget-list ul li a {
    display: inline-block;
    vertical-align: top;
    color: var(--et-blue2-color);
    font-size: 16px;
    line-height: 25px;
}

#menu-top-nav-menu {
    float: left;
    margin-top: 3px;
}

.user-cabiner-menu {
    float: right;
}

/*adminbar*/
@media (min-width: 481px) {
    .admin-bar #header {
        top: 32px;
    }
}

/*shop*/
/*.item-shop{display: inline-block;width: 30%;margin: 0px 1%}*/
.sorting-product li a {
    color: var(--et-blue2-color);
    font-size: 16px;
    line-height: 24px;
    display: inline-block;
    vertical-align: top;
}

.sorting-product li a:hover {
    text-decoration: underline;
}

.sorting-product li:not(:last-child) {
    margin-bottom: 12px
}

.themes-ajax {
    position: relative;
    /*margin-bottom: 50px;*/
}

.ajax-block {
    position: relative;
}

.ajax-load, .ajax-load-2, .ajax-load-3 {
    display: none;
    background-color: rgba(255, 255, 255, 0.42);
    left: 0;
    top: 0;
    bottom: 0;
    background-repeat: no-repeat;
}

.ajax-load {
    position: fixed;
    right: 0;
    z-index: 10;
}

.ajax-load-2, .ajax-load-3 {
    position: absolute;
    z-index: 9;
}

.ajax-load-2 {
    right: 0;
}

.ajax-load-3 {
    right: -5px;
}

.load {
    background-size: cover;
    background: url(img/ajax-loader.gif);
    width: 200px;
    height: 200px;
    display: block;
    background-repeat: no-repeat;
    transform: translate(-50%);
    top: 40%;
    left: 50%;
    position: absolute;
}

.theme-item .ajax-load-2 {
    top: 4%;
    /* equal to padding-top */
}

.product .ajax-load-2 {
    position: fixed;
    z-index: 15;
}

/*form popups*/
.letter {
    background-image: url(img/mail.png);
    background-repeat: no-repeat;
    background-size: 19% 85%;
    background-position: 5px 10px;
}

.form-contact p {
    font-size: 25px;
    text-align: center;
}

.wpcf7-mail-sent-ok {
    display: none !important;
}

.search-results-title {
    position: absolute;
    top: -25px;
    font-size: 20px;
}

.empty-category-block {
    /*height: 180px;*/
    /*display: block;*/
    /*float: left;*/
    /*width: 100%;*/
    text-align: center;
    font-weight: 400;
    line-height: 32px;
    font-size: 20px;
}

/*.green-cart-button{position: absolute;top: -81px;right: -29px;padding: 0px!important;}*/
.woocommerce-cart-form__cart-item .product-thumbnail img {
    width: 50px;
    height: auto;
}

.cart .shop_table tbody td.product-name {
    padding: 12px 0px;
}

/*cart*/
.woocommerce-cart-form__contents tbody, .shop_table thead, .shop_table thead th {
    border: 0px !important;
}

.woocommerce-cart-form__contents tbody td {
    border: 0px !important;
}

.cart-empty {
    color: #1a1a1a;
    font-weight: 400;
    padding-top: 5vw;
}

.woocommerce-info+.cart-empty {
    padding-top: 10px;
}

.cart-collaterals {
    position: relative !important;
}

.cart-collaterals .cs {
    display: none;
}

.return-to-shop {
    padding-bottom: 4.5vw;
    padding-top: 20px;
}

.return-to-shop, .cart-empty {
    text-align: center;
    font-size: 20px;
}

.return-to-shop a {
    padding: 10px;
    border-radius: 4px;
    color: #fff;
    background-color: var(--et-green-color);
}

.return-to-shop a:hover {
    background-color: #fff;
    color: var(--et-green-color);
}

/*.product-remove a{width: 16px;height: 16px;color: #d3d3d3;position: relative;display: inline-block;vertical-align: top;cursor: pointer;transition: all .3s;-webkit-transition: all .3s;}*/
/*.woocommerce-message {
    font-size: 18px;
}

.woocommerce-message a {
    padding: 5px 10px;
    border-radius: 4px;
    color: var(--et-blue2-color);
}
*/
/*cross-cel*/
.add-to-cart-cross-sell {
    display: none;
}

/*mini-cart*/
.mini-cart-total-circle {
    padding: 0px !important;
}

.cart-update {
    position: absolute;
    top: 38px;
    right: 40px;
    background: none !important;
}

@media(max-width: 767px) {
    #bbp-search-form .trigger:after {
        right: 50%;
        transform: translateX(50%);
    }

    #bbp-search-form .trigger {
        font-size: 0;
    }

    #bbp-search-form .fancy-select {
        width: 15%;
    }

    .cart-update {
        position: static;
    }

    .cart-update .button {
        width: 100%;
    }
}

/*Checkout*/
.woocommerce-form-login {
    font-size: 16px;
}

.checout-margin {
    margin: 10px 0px;
}

.checout-login-input-size {
    /*width: 300px;*/
    width: 100%;
}

.woocommerce-terms-and-conditions-wrapper {
    /*padding-top: 20px;*/
    font-size: 14px;
    line-height: 1.4;
}

.woocommerce-terms-and-conditions-wrapper a {
    color: var(--et-black-color);
    transition: all .3s linear;
}

.woocommerce-terms-and-conditions-wrapper a:hover {
    color: var(--et-text-color);
}

.woocommerce-privacy-policy-text {
    display: none;
}

.woocommerce-billing-fields__field-wrapper {
    display: block !important;
}

.woocommerce-checkout .woocommerce-notices-wrapper:not(:empty), .woocommerce-checkout .woocommerce-NoticeGroup {
    margin: 0 15px 30px;
}

.checkout-totals {
    font-family: var(--et-heading-font);
    font-weight: var(--et-heading-font-weight);
}

/* .woocommerce-billing-fields .inpute-class label, .woocommerce-billing-fields .form-row label {
    display: none;
} */
#customer_details label {
    display: block;
    color: var(--et-black-color);
    font-family: var(--et-heading-font);
    font-weight: var(--et-heading-font-weight);
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 5px;
}

@media only screen and (max-width: 768px) {
    #customer_details label {
        font-size: 14px;
    }
}

#customer_details label .required {
    color: var(--et-red-color);
}

input#billing_state {
    height: 44px;
    padding: 0 21px;
    color: #1a1a1a;
    border: 1px #e6e6e6 solid;
    display: block;
    margin: 0;
    width: 100%;
    border-radius: .35em;
    transition: all .3s;
    -webkit-transition: all .3s;
    background: #fff;
}

.select2-hidden-accessible:not(.screen-reader-text) {
    width: 100% !important;
    height: 44px !important;
    line-height: 40px;
    font-size: 16px !important;
    border: var(--et-input-border-width, 2px) var(--et-border-color) solid !important;
    padding-left: 16px !important;
    border-radius: 4px !important;
    position: relative !important;
}

.billing-form .select2-container {
    display: none;
}

.woocommerce-form__label-for-checkbox.sc span {
    margin-bottom: 21px;
    margin-left: 10px;
}

.woocommerce-account-fields {
    margin-top: 0px;
}


/*
.etheme-class-input:nth-child(odd){padding-left: 0px!important;}
.etheme-class-input:nth-child(even){padding-right: 0px!important;}
*/
/* Add payments methods */
ul.order_details {
    text-align: center;
    border: 1px dashed #e1e1e1;
    padding: 1vw 2.7vw !important;
    max-width: 500px;
    margin: 0 auto 1vw;
}

ul.order_details li {
    color: #222222;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 3px;
}

ul.order_details li strong {
    font-weight: 400;
    color: #888888;
}

.place-order .form-row {
    /* padding-top: 15px; */
    margin-bottom: 5px;
}

.woocommerce-SavedPaymentMethods-saveNew {
    font-size: 16px;
}

form.woocommerce-checkout:not(.checkout) {
    text-align: center;
}

form.woocommerce-checkout:not(.checkout) button {
    border-radius: 5px;
    color: #fff;
    background: var(--et-green-color);
    border-color: var(--et-green-color);
    text-transform: uppercase;
    font-size: 13px;
    line-height: 19px;
    padding: 12px 21px 12px 21px;
    font-weight: 500;
    letter-spacing: 1px;
    min-width: 40px;
    transition: all .3s;
    -webkit-transition: all .3s;
}

form.woocommerce-checkout:not(.checkout) p {
    margin-bottom: 15px;
}

form.woocommerce-checkout:not(.checkout) button:hover {
    color: var(--et-green-color);
    background: #fff;
}

.sc span.required {
    display: none;
}

.SumoSelect.sumo_billing_country, .SumoSelect.sumo_billing_state {
    color: var(--et-black-color);
    border: var(--et-input-border-width, 2px) var(--et-border-color) solid !important;
    display: block;
    margin: 0;
    width: 100%;
    border-radius: .35em;
    width: 100%;
    transition: all .3s;
    -webkit-transition: all .3s;
    background: #fff;
    height: 45px !important;
    line-height: 40px;
    padding-left: 20px;
}

body .SumoSelect > .optWrapper > .options li.opt.selected, 
body .SumoSelect .select-all.selected {
    background-color: var(--et-blue2-color);
    border-color: var(--et-blue2-color);
}

.settings-panel .SumoSelect,
.settings-panel .SumoSelect > .CaptionCont > span {
    color: var(--et-black-color);
}

/*mailchim*/
.yikes-easy-mc-success-message {
    line-height: 1.4;
    margin-bottom: 10px;
}

.yikes-easy-mc-error-message {
    background: transparent;
    line-height: 1.4;
    margin-bottom: 10px;
    padding: 0;
}

.yikes-easy-mc-success-message a, .yikes-easy-mc-error-message a {
    text-decoration: underline;
}

.yikes-easy-mc-submit-button {
    position: absolute;
    top: 3px;
    right: 10px;
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
    background-color: transparent;
    color: #c3c3c3;
    border: 0px;
    width: auto !important;
    padding: 0px !important;
    margin: 0px !important;
    min-height: auto !important;
}

.yikes-easy-mc-submit-button:hover {
    color: var(--et-blue2-color);
}

img.loading-dots.yikes-mc-loading-dots {
    vertical-align: middle;
}

.yikes-mailchimp-preloader {
    display: none;
}

/*subscription*/
.blockOverlay {
    position: fixed !important;
}

.price-block {
    width: 100% !important;
}

.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled {
    padding-top: 15px;
}

.single_variation_wrap {
    font-size: 20px;
    padding-top: 15px;
}

.product-detail table.variations {
    font-size: 18px;
}

td.value {
    border: 1px solid;
    display: inline-block;
}

.cart .shop_table tbody td {
    padding: 10px;
}

.shop_table .cart_item td, .shop_table .cart_item th, .shop_table .cart-discount td, .shop_table .cart-discount th, .shop_table tfoot .order-total th, .shop_table tfoot .cart-subtotal th, .shop_table .order-total td, .shop_table tfoot .cart-subtotal td {
    color: #000;
    font-size: 16px;
}

.shop_table tfoot .order-total th, .shop_table .order-total td {
    font-size: 24px;
}

@media only screen and (max-width: 1199px) {
    .shop_table tfoot .order-total th, .shop_table .order-total td {
        font-size: 21px;
    }
}

.shop_table tfoot .cart-subtotal td {
    color: #999;
}

.woocommerce-checkout-review-order-table thead, .shop_table .cart-subtotal, .shop_table .order-total {
    display: none;
}

.checkout-order .cart_item .variation {
    margin-top: 6px;
}

.checkout-order tbody,
.checkout-order .cart_item td {
    border: none;
    font-family: var(--et-heading-font);
    font-weight: var(--et-heading-font-weight);
}

.checkout-order .cart_item td {
    padding-bottom: 10px;
}

.checkout-totals strong {
    font-weight: inherit;
}

.shop_table .order-total td strong {
    font-weight: inherit;
}

#wc-stripe-payment-request-button-separator {
    margin: 1em 0 !important;
    display: none !important;
}

#wc-stripe-payment-request-wrapper {
    margin: -10px 0 1em !important;
}

.product-detail td.label {
    padding: 0px 3px;
}

.no-image {
    text-align: center;
}

/*my-orders*/
.order_notes_etheme {
    font-size: 18px;
    text-align: center;
    padding: 0;
}

mark {
    background: transparent;
    color: var(--et-blue2-color);
    font-weight: bold;
}

.woocommerce-order-pay .shop_table .product-quantity {
    text-align: center;
}

.woocommerce-order-pay .shop_table .product-subtotal {
    text-align: right;
}

.woocommerce-info {
    margin-top: 30px;
    margin-bottom: 40px;
    color: #1a1a1a;
}

.woocommerce-order-pay .woocommerce {
    padding: 40px 15px;
}

.woocommerce-order-pay .woocommerce #order_review {
    max-width: 500px;
    margin: 0 auto;
}

.woocommerce-order-pay .woocommerce-info {
    margin-bottom: 60px;
    font-size: 24px;
    line-height: 1.8;
}

.woocommerce-order-pay .shop_table thead {
    border-bottom: 1px solid #e6e6e6 !important;
}

.woocommerce-order-pay #place_order {
    margin-top: 10px;
    width: 100%;
}

.woocommerce-order-pay form#order_review .payment_methods label {
    margin-left: 0;
}

/*payment-metod*/
.woocommerce-MyAccount-paymentMethods {
    text-align: center;
}

.paymethod-cheng {
    padding: 3px 7px;
}

.add-payment-method-button {
    margin: 20px 0;
}

.woocommerce-message {
    display: none;
}

/*subs*/
.wcs-switch-link {
    text-transform: uppercase;
    color: #fff;
    background: var(--et-green-color);
    border-color: var(--et-green-color);
    border-radius: .35em;
    position: absolute;
    top: 30px;
    right: 38px;
    font-size: 12px;
    line-height: 18px;
    padding: 5px 17px 5px 17px;
    font-weight: 500;
    letter-spacing: 1px;
    min-width: 30px;
}

/*bbpress*/
#bbp-user-body {
    margin-left: 0px !important;
    padding: 15px 0;
}

nav .wcs-switch-link {
    position: static;
    padding: 12px 15px;
}

@media (min-width: 1200px) {
    nav .wcs-switch-link {
        padding: 12px 40px;
    }
}

.wcs-switch-link:hover {
    background-color: #fff;
    color: var(--et-green-color);
}

/*subs swiper*/
.subs-swiper {
    padding: 65px 0px;
}

#buffer {
    display: none;
    visibility: hidden;
    opacity: 0;
}

body:not(.logged-in) .woocommerce-thankyou-order-received {
    display: none;
}

/*.content-sidebar-wrapper{overflow: auto!important;}*/
.p-bot {
    padding-bottom: 64px;
}

body:has(form.woocommerce-checkout) .footer--nav-item__logo .empty-space, 
body:has(form.woocommerce-checkout) .footer--nav-item__logo p, 
body:has(form.woocommerce-checkout) .footer--nav-item-images-group {
    display: none;
}

body:has(form.woocommerce-checkout) .breadcrumbs, 
body:has(form.woocommerce-checkout) .et-mobile-panel-wrapper,
body:has(form.woocommerce-checkout) .footer--nav > *:not(.footer--nav-item__logo) {
    display: none;
}

body:has(form.woocommerce-checkout) .footer--nav-item.footer--nav-item__logo {
    padding: 0;
}

@media only screen and (max-width: 768px) {
    body:has(form.woocommerce-checkout) .footer--nav-item.footer--nav-item__logo {
        text-align: center;
    }
}

body:has(form.woocommerce-checkout) .footer--nav {
    margin: 0 0 15px;
    padding-bottom: 15px;
}

body:has(form.woocommerce-checkout) .footer--nav:after {
    left: 0;
    right: 0;
}

@media only screen and (min-width: 769px) {
    body:has(form.woocommerce-checkout) .footer--nav-item.footer--nav-item__logo {
        background: url(https://8theme.com/wp-content/themes/8theme/img/checkout-payments-icons-dark-version.png);
        background-size: 32%;
        background-repeat: no-repeat;
        background-position: right center;
    }
}

/*@media only screen and (max-width: 768px) {*/
/*    .woocommerce-checkout .footer--nav-item.footer--nav-item__logo {*/
/*        background-size: 53%;*/
/*    }*/
/*}*/
body:has(form.woocommerce-checkout) .header {
    position: absolute;
}

@media only screen and (min-width: 992px) {
    body:has(form.woocommerce-checkout) #header > .container {
        /* max-width: 100%; */
        /* padding-left: 15px; */
        /* padding-right: 15px; */
        /* width: 970px; */
    }
}

@media only screen and (min-width: 1200px) {
    body:has(form.woocommerce-checkout) #header > .container {
        /* width: 1170px; */
    }
}

body:has(form.woocommerce-checkout) .header--content {
    /* padding: 0; */
    /* height: 80px; */
}

body:has(form.woocommerce-checkout) .header--content > *:not(.header--logo, .header-info-text, .sales-booster-cart-countdown) {
    display: none;
}

body:has(form.woocommerce-checkout) .header--content .header-info-text {
    display: flex;
    margin-left: auto;
    font-size: 20px;
    color: #000;
    font-family: var(--et-heading-font);
    font-weight: var(--et-heading-font-weight);
}

@media only screen and (max-width: 768px) {
    body:has(form.woocommerce-checkout) .header--content {
        padding-top: 12px;
        padding-bottom: 12px;
    }
    body:has(form.woocommerce-checkout) .header--content .header-info-text {
        display: none;
    }
}
/*.woocommerce-checkout .header--content:after {*/
/*    content: 'Complete your order and get unlimited access!';*/
/*    display: inline-block;*/
/*    margin-left: auto;*/
/*    padding-left: 20px;*/
/*    font-size: 18px;*/
/*    color: #222;*/
/*    text-align: right;*/
/*}*/
.woocommerce-order-received .sales-booster-cart-countdown, .woocommerce-order-received .header--content:after {
    display: none;
}

/*@media only screen and (max-width: 768px) {*/
/*    .woocommerce-checkout .header--content:after {*/
/*        font-size: 16px;*/
/*    }*/
/*}*/
/*@media only screen and (max-width: 480px) {*/
/*    .woocommerce-checkout .header--content:after {*/
/*        content:*/
/*        font-size: 14px;*/
/*        white-space: nowrap;*/
/*        overflow: hidden;*/
/*        text-overflow: ellipsis;*/
/*    }*/
/*    .woocommerce-checkout.has-countdown .header--content:after {*/
/*        content: 'Your coupon - 10-ef63a2sn';*/
/*    }*/
/*}*/
.woocommerce-checkout .page-tip {
    margin: 30px 0;
}

@media only screen and (max-width: 992px) {
    .woocommerce-checkout .page-tip {
        margin-top: 50px;
    }
}

.woocommerce-checkout .woocommerce-form-login .page-tip-description {
    text-align: center;
}

.woocommerce-checkout .woocommerce-form-login .woocomerce-form-inner {
    margin: 0 auto;
}

.woocommerce-checkout .woocomerce-form-inner {
    max-width: 500px;
}

.woocommerce-form-login-toggle .woocommerce-info {
    font-size: 24px;
    margin-top: 45px;
    margin-bottom: 5px;
}

.page-tip-content .page-tip-title .woocommerce-info {
    margin-top: 0px;
    text-align: left;
}

.page-tip-content .page-tip-title .woocommerce-info .showcoupon {
    color: #1088ef;
}

.pad-minus {
    padding: 0px !important;
}

@media only screen and (min-width: 768px) {
    .page-tip-content .page-tip-title .woocommerce-info {
        font-size: 16px;
        line-height: 28px;
    }
}

@media(max-width: 992px) {
    .pad-minus {
        padding: 15px !important;
    }

    /* .woocommerce-billing-fields__field-wrapper #billing_first_name, .woocommerce-billing-fields__field-wrapper #billing_phone{width:100%;margin-right:0px;}
     .woocommerce-billing-fields__field-wrapper #billing_last_name, .woocommerce-billing-fields__field-wrapper #billing_email{width:100%;margin-left:0px;} */
}

.blog-row .col-sm-6:nth-child(2n+1) {
    clear: left;
}

.blog-info-user img {
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 5px;
    max-width: 30px;
    height: auto; 
    border: 1px solid var(--et-border-color);
}

.page-tip-content {
    padding: 15px;
    border: 2px var(--et-blue2-color) solid;
    background-color: #f5fcff;
    display: table-cell;
    position: relative;
    width: 100%;
    display: block;
    border-radius: 5px;
}

.replies-list .color {
    word-break: break-word;
}

.pagination-wrapper {
    font-size: 14px;
    line-height: 25px;
    background: #fff;
    border: 1px #e6e6e6 solid;
    padding: 19px 38px;
    text-align: center;
    white-space: nowrap;
    margin-bottom: 20px;
    border-radius: 5px;
}

.pagination-wrapper:last-child {
    margin-bottom: 30px;
}

.pagination-wrapper a, .pagination-wrapper .current {
    margin-left: 5px;
    height: 35px;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 35px;
    min-width: 35px;
    padding: 0 7px;
    transition: all .3s;
    -webkit-transition: all .3s;
    border-radius: 3px;
    vertical-align: middle;
}

/*.pagination-wrapper .prev {
    margin-right: 4px;
}

.pagination-wrapper .next {
    margin-left: 9px;
}*/

.pagination-wrapper .disabled {
    cursor: not-allowed;
}

.pagination-wrapper .disabled, .pagination-wrapper .prev, .pagination-wrapper .next {
    border: var(--et-input-border-width, 2px) solid var(--et-border-color);
}

.pagination-wrapper a svg, .pagination-wrapper .current svg {
    fill: currentColor;
}

.pagination-wrapper span.current {
    background: var(--et-blue2-color);
    color: #fff;
    border-color: var(--et-blue2-color);
}

.pagination-wrapper a:not(.disabled):hover, .pagination-wrapper a.active {
    background: transparent;
    color: var(--et-blue2-color);
    border-color: var(--et-blue2-color);
}

@media only screen and (max-width: 480px) {
    .pagination-wrapper .prev + .page-numbers:not(.current), 
    .pagination-wrapper .page-numbers:not(.prev, .current) + .page-numbers:not(.current):has(+.dots), 
    .pagination-wrapper .page-numbers.dots + .page-numbers:not(.current) {
        display: none;
    }
}

.pagination-wrapper.type2 {
    border: none;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
}

@media only screen and (min-width: 481px) {
    .pagination-wrapper.type2 a, .pagination-wrapper.type2 .current {
        height: 40px;
        font-size: 18px;
        line-height: 40px;
        min-width: 40px;
        border: 2px solid #e6e6e6
    }

    .pagination-wrapper.type2 .current {
        border-color: var(--et-blue2-color);
    }
}

.transparent-header #header:not(.scrolled) {
    border-color: transparent;
}

.payment_method_paypal img {
    max-width: 40px;
    margin-left: 10px;
}

.inviz-but {
    display: block;
    width: 183px;
}

.breadcrumbs a {
    float: none;
    padding-top: 0px;
}

.breadcrumbs .col-md-9 {
    text-transform: capitalize;
}

.back-history i {
    display: none !important;
}

.back-history {
    position: relative;
}

.back-history:before {
    content: "\f104";
    font-family: 'fontawesome';
    font-size: 1.3em;
    position: absolute;
    top: 50%;
    left: -15px;
    transform: translateY(-50%);
    color: #ccc;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.page-numbers.dots {
    font-size: 17px;
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal;
}

/*.bbp-author-name{font-size: 18px!important;font-weight: 400!important;}*/
.widget .bbp-reply-topic-title, .widget .bbp-forum-title, .widget .bbp-topic-title {
    display: inline-block;
    color: var(--et-black-color) !important;
    text-transform: lowercase;
}

.widget .bbp-reply-topic-title:first-letter, .widget .bbp-forum-title:first-letter, .widget .bbp-topic-title:first-letter {
    text-transform: uppercase;
}

.widget .bbp-reply-topic-title:hover, .widget .bbp-forum-title:hover, .widget .bbp-topic-title:hover {
    color: var(--et-text-color) !important;
}

.widget_display_replies ul li a, .widget_display_user_topics ul li a {
    font-size: inherit;
}

.widget_display_replies li, .widget_display_user_topics li {
    margin-bottom: 0px !important;
}

#bbpress-forums .widget_display_user_topics ul:has(li:nth-of-type(5)),
.widget_display_user_topics ul:has(li:nth-of-type(5)) {
    overflow: hidden;
    overflow-y: auto;
    max-height: 305px;
    padding-right: 5px;
}

.widget_display_user_topics ul:has(li:nth-of-type(5)) li:first-of-type .tooltip {
    top: 100%;
    bottom: auto;
}

.tour-popup, .info-popup {
    z-index: 15;
}

.input-wrapper .fancy-select ul.options li {
    color: #555;
    font-size: 16px;
    line-height: 24px;
    border: none;
    padding: 8px 21px;
    margin-bottom: 0 !important;
}

.input-wrapper .fancy-select ul.options li.selected {
    color: #fff;
    background-color: var(--et-blue2-color) !important;
    border-color: #f5f5f5;
}

/* div.fancy-select select:focus + div.trigger.open{border:1px solid;border-right: 1px solid!important;border-color: var(--et-blue2-color);} */
.cart-icon-close {
    top: 0px;
    right: 6%;
}

#customer_details .form-row input::-webkit-input-placeholder {
    color: #999;
}

#customer_details .form-row {
    width: 50%;
    display: inline-block;
    margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
    #customer_details .form-row {
        margin-bottom: 20px;
    }
}

#customer_details #account_password_field, #customer_details .form-row-wide, #customer_details .form-row.notes {
    width: 100%;
}

.form-row {
    margin-bottom: 10px;
}

#customer_details .form-row select {
    color: var(--et-black-color);
    background-color: #fff;
}

#customer_details .form-row input, #vat_number_field #vat_number, #account_password {
    color: var(--et-black-color);
    border: var(--et-input-border-width, 2px) var(--et-border-color) solid;
    display: block;
    margin: 0;
    width: 100%;
    border-radius: .35em;
    transition: all .3s;
    -webkit-transition: all .3s;
    background: #fff;
    height: 45px;
    font-size: 16px;
    padding: 0 19px;
    line-height: 18px;
}

#customer_details .form-row input:not([type=checkbox]):not([type=radio]) {
    -webkit-appearance: none;
}

#customer_details .form-row input[type=checkbox], #customer_details .form-row input[type=radio] {
    width: auto;
    height: auto;
    padding: 0;
    line-height: normal;
    display: inline-block;
}

#customer_details .form-row-first input, #customer_details .form-row-first label {
    width: calc(100% - 5px);
    margin-right: 5px;
}

#customer_details .form-row-last input, #customer_details .form-row-last label {
    width: calc(100% - 5px);
    margin-left: 5px;
}

#customer_details a:hover {
    color: var(--et-text-color)
}

#customer_details .woocommerce-additional-fields {
    display: none;
}

#customer_details .form-row #woocommerce_eu_vat_number_ni_notice {
    display: inline-block;
    margin: 5px 0 10px;
}

@media only screen and (max-width: 767px) {
    #customer_details .form-row #woocommerce_eu_vat_number_ni_notice {
        display: none;
    }
}

/* terms and conditions */
/*.woocommerce-form__label-for-checkbox {
    font-size: 14px;
}

.woocommerce-form__label-for-checkbox span {
    font-size: inherit;
}*/
.woocommerce-form__label-for-checkbox a {
/*    color: #1088ef;*/
    text-decoration: underline;
}

.create-account label span {
    /*display: block;
    padding-bottom: 25px;
    border-bottom: 1px solid #e6e6e6;
    font-size: 24px;*/
}

.woocommerce-input-wrapper .show-password-input {
    display: none;
}

#account_password {
    margin-top: 15px;
}

/*label[for=billing_phone],label[for=account_password], label[for=billing_email], label[for=billing_postcode], label[for=billing_country], label[for=billing_state], label[for=vat_number], label[for=order_comments] {
    display: none;
}*/
/*#billing_phone_field, #billing_email_field, #woocommerce_eu_vat_number_field, #billing_address_1_field, #billing_postcode_field, #billing_company_field, #billing_country_field, #vat_number_field, #billing_state_field, #billing_city_field {
    margin-top: 10px;
}*/

#order_comments_field textarea {
    padding-top: 1em;
    padding-bottom: 1em;
    height: 8em;
    line-height: 1.5em;
    width: 100%;
    border: 1px #e6e6e6 solid;
    padding-left: 20px;
    border-radius: .35em;
}

#order_comments_field textarea:focus {
    border-color: var(--et-blue2-color);
}

/*#vat_number_field{padding: 12px;padding-left: 24px;}*/
.wpcf7-not-valid-tip {
    margin-top: 10px;
}

.contact-form .wpcf7-form .wpcf7-response-output, .wpcf7-not-valid-tip {
    text-align: left;
}

.contact-form .wpcf7-form .wpcf7-response-output {
    margin-left: 0;
    margin-right: 0;
    padding: 10px;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-error {
    min-height: 200px;
    text-align: center;
    padding: 100px;
    font-size: 20px;
}

.page-tip-content .woocommerce-error li {
    border: none;
    margin: 0;
    padding: 10px;
    color: var(--et-red-color);
}

/*.woocommerce-error li {
    padding: 10px;
    margin: 5px 0;
    border: 1px solid rgba(255, 0, 0, 0.6) !important;
    border-radius: .35em;
}*/

/*.woocommerce-error li strong {
    color: var(--et-red-color);
    font-weight: 400;
}*/

/*.woocommerce-error a {
    color: #1a1a1a;
}*/

.account-panel.subscription-plan .account-panel-update {
    position: absolute;
}

.payment_methods li:last-child {
    border-bottom: 0px;
}

/*my-orders*/
.content-entry .order_notes_etheme p {
    text-align: left;
}

.account-content .order_details tfoot tr:last-child td {
    color: var(--et-blue2-color);
    font-weight: 500;
}

.woocommerce-order-details .order-again {
    display: none;
}

.shop_table.shop_table_responsive.my_account_orders tbody {
    text-align: center;
}

/*bb_press*/
.bb_line_center {
    line-height: 22px !important;
    font-size: 13px !important;
    margin-top: 6px;
}

/*account*/
/*.account-panel.licenses-panel .msgs-list{font-size: 14px;position: absolute;left: 35px;}*/
/*.empty.error-list .msgs-list{font-size: 14px;position: absolute;top: 69px;left: 28px;}*/
/* .account-panel.empty #ss-envato-verify-form{position: absolute;top: -3px;right: -9px;width: 100%;} */
.profile-box .cancel-staff-note {
    background-color: var(--et-blue2-color) !important;
    border-color: var(--et-blue2-color) !important;
}

.profile-box .cancel-staff-note:hover {
    background-color: #fff !important;
    color: var(--et-blue2-color) !important;
    border-color: var(--et-blue2-color) !important;
}

.user-note-info.note-bordered {
    padding: 10px;
    border: 1px solid #e6e6e6;
}

.user-note-info.note-bordered:not(.changed) {
    height: auto !important;
    min-height: 200px;
}

.account-settings .account-payment-methods-table {
    border: 0px !important;
}

/*popapus*/
.popup-wrapper {
    z-index: 20;
}

/*likes*/
.like-count-inner {
    padding-left: 7px;
    padding-right: 7px;
}

div.bbp-template-notice p, div.indicator-hint p {
    margin: 0.5em 0 6px !important;
    padding: 2px;
    font-size: 16px;
    line-height: 22px;
}

div.bbp-template-notice p {
    font-size: 16px;
    color: currentColor;
    margin-top: 0 !important;
}

div.bbp-template-notice p:last-child, div.bbp-template-notice li:last-child {
    margin-bottom: 0 !important;
}

div.bbp-template-notice li:first-child {
    margin-top: 0 !important;
}

div.bbp-template-notice p a, div.indicator-hint p a {
    color: currentColor; !important;
    text-decoration: underline;
    margin-left: 5px;
}

/* edit topic form */
#bbpress-forums fieldset.bbp-form, #bbpress-forums .bbp-reply-form fieldset.bbp-form {
    padding: 30px;
}

.recurring-total {
    color: #999;
}

.order-total.recurring-total .woocommerce-Price-amount {
    color: var(--et-blue2-color);
}

/*sidebar*/
.sidebar-entry .a-center, #error {
    line-height: 18px;
}

.sidebar-entry .a-center a {
    color: var(--et-blue2-color) !important;
}

.sidebar-entry #bbpress-forums {
    margin-top: 10px;
}

.sidebar-entry .bbp-body {
    text-align: center;
}

.sidebar-entry .bbp-forums {
    padding: 5px;
}

div.fancy-select ul.options.open {
    top: 45px !important;
}

#bbpress-forums div.reply {
    width: auto;
}

.for-restore.rest:hover {
    /* background-color: #f8f8f8 !important; */
}

.for-restore.rest.topic a:not(.bbp-topic-trash-link), .for-restore.rest.reply a:not(.bbp-reply-trash-link) {
    /* position: relative !important; */
    /* width: 46% !important; */
    /* display: inline; */
    /* padding: 0 5px !important; */
}

.for-restore.rest a:hover {
    /* text-decoration: underline; */
}

.for-restore.rest .bbp-reply-delete-link+span, .for-restore.rest .bbp-reply-delete-link+span+i, .for-restore.rest .bbp-topic-delete-link+span, .for-restore.rest .bbp-topic-delete-link+span+i {
    display: none;
}

.mail-chimp {
    display: none;
    visibility: hidden;
    opacity: 0;
}

.yikes-easy-mc-form {
    position: relative;
}

.yikes-easy-mc-form>label {
    margin-bottom: 0 !important;
}

/*.yikes-easy-mc-submit-button-1{padding:0px!important;width: 30px!important;margin: 0px!important;bottom: 62px!important;height: 30px!important;min-height: 30px!important;margin-top: 3px!important;}*/
.yikes-easy-mc-form input[type=email] {
    background-color: #fff !important;
    height: auto;
    padding-right: 30px !important;
}

.yikes-easy-mc-form input[type=email]:focus {
    border-color: var(--et-blue2-color) !important;
    outline: none !important;
}

label[for=payment_method_stripe] {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 30px;
    margin-right: 15px;
}

label[for=payment_method_stripe]:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    border: var(--et-input-border-width, 2px) var(--et-border-color) solid;
    border-radius: 2px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 0px;
    background-color: #fff;
}

.msgs-list {
    font-size: 17px;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    z-index: 16;
}

.msgs-list:before, .msgs-list:after {
    content: '';
}

.msgs-list:before {
    background-color: #0000005e;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    z-index: 15;
}

.msgs-list li {
    /* cursor: pointer; */
    color: var(--et-black-color) !important;
    position: absolute;
    top: 50%;
    left: 50%;
    line-height: 1.4;
    transform: translate(-50%);
    z-index: 17;
    background-color: var(
    --et-blue2-color-10);
    padding: 30px;
    border-radius: var(--et-border-radius);
    border: 2px solid;
    border-color: var(
    --et-blue2-color);
}

.msgs-list li.alert-error {
    border-color: var(--et-red-color);
    background-color: var(--et-red-color-10);
}

.msgs-list li:before, .msgs-list li:after {
    content: '';
}

.msgs-list li:after {
    content: "\00d7";
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 7px;
    /* font-weight: 200; */
    font-size: 25px;
    cursor: pointer;
}

.account-panel .msgs-list {
    position: static;
    flex-basis: 100%;
    order: 1;
    margin-bottom: 30px;
}

.account-panel .msgs-list li {
    /* position: relative; */
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    transform: none;
    /* padding: 15px; */
}

.account-panel .msgs-list:before {
    display: none;
}

@media only screen and (max-width: 768px) {
    .page-template-account h5,
    .page-template-account .h5 {
        font-size: 25px;
    }
}

#bbp-user-body .bbp-user-section {
    font-size: 16px;
    overflow: visible;
    clear: both;
}

.bbp-user-profile .bbp-user-section p span {
    color: #999;
}

.bbp-user-profile .bbp-user-section p {
    color: #000;
    margin-bottom: 12px;
    line-height: 1.4;
}

.bbp-user-profile .bbp-user-section p:last-child {
    margin-bottom: 5px;
}

#bbpress-forums fieldset.bbp-form label {
    display: block;
    font-size: 16px;
}

#bbpress-forums fieldset.bbp-form input+label {
    display: inline-block;
}

#bbpress-forums #bbp-user-wrapper .bbp-user-section+h2.entry-title {
    margin-top: 30px;
}

#bbpress-forums #bbp-single-user-details #bbp-user-avatar {
    width: 100px;
}
#bbpress-forums #bbp-single-user-details #bbp-user-avatar img.avatar {
    width: 100px;
    height: 100px;
}

@media only screen and (max-width: 768px) {
    #bbpress-forums #bbp-single-user-details #bbp-user-avatar img.avatar {
        display: block;
        max-width: 80px;
        margin-left: auto;
        margin-right: auto;
    }
}

.user-single-page {
    margin: 27px 0px;
}

.user-single-page .content-entry {
    padding: 20px 0;
}

.user-single-page #bbpress-forums #bbp-single-user-details #bbp-user-avatar img.avatar {
    height: auto;
}

.user-single-page #bbp-user-wrapper>.container {
    padding: 0px;
}

#bbpress-forums .etheme-forum-bbp-forums, #bbpress-forums .etheme-topic-bbp-topics {
    padding-left: 1px;
    padding-right: 1px;
}

#bbpress-forums div.even, #bbpress-forums ul.even, #bbpress-forums div.odd, #bbpress-forums ul.odd,
#bbpress-forums .status-spam.odd, #bbpress-forums .status-trash.odd,
#bbpress-forums .status-spam.even, #bbpress-forums .status-trash.even {
    background-color: transparent;
}

#bbpress-forums div.bbp-topic-content ul li, #bbpress-forums div.bbp-reply-content ul li {
    list-style: none;
}

/* hide all forums except for XStore/Royal/WooPress/Legenda/Classico */
/*#bbpress-forums .post-294948,
#bbpress-forums .post-860,
#bbpress-forums .post-857,
#bbpress-forums .post-867,
#bbpress-forums .post-100544,
#bbpress-forums .post-423,
#bbpress-forums .post-864,
#bbpress-forums .post-118565,
#bbpress-forums .post-118564 {
    display: none;
}*/
/*#bbpress-forums #bbp-single-user-details */
#bbp-user-navigation li {
    margin: 5px 0px;
    font-size: 16px;
}

.user-single-page #bbp-user-navigation li {
    width: 100%;
    margin-bottom: 0;
}

/*#bbpress-forums #bbp-single-user-details */
#bbp-user-navigation li a {
    position: relative;
    display: inline-block !important;
    color: inherit;
    padding: 5px 0px !important;
}

#bbp-user-navigation li:has(a:hover),
#bbp-user-navigation li:has(a.active),
#bbp-user-navigation li a:hover,
#bbp-user-navigation li a.active {
    color: var(--et-blue2-color);
}

/*#bbpress-forums #bbp-single-user-details */
#bbp-user-navigation li.current:before {
    opacity: .8;
}

/*#bbpress-forums #bbp-single-user-details */
#bbp-user-navigation li.current a {
    background: none !important;
}

#bbp-user-navigation li a:after {
    content: '';
    height: 2px;
/*    background: currentColor;*/
    background: var(--et-blue2-color);
    position: absolute;
    bottom: 0;
    left: auto;
    width: 0;
    right: 0;
    transition: all .3s linear;
    display: inline-block;
}

#bbp-user-navigation li a:hover:after,
#bbp-user-navigation li a.active:after {
    width: 100%;
    right: auto;
    left: 0;
}

#bbpress-forums #bbp-single-user-details {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}

#bbpress-forums #bbp-single-user-details #bbp-user-avatar img.avatar {
    margin-bottom: 0;
}

#bbpress-forums #bbp-single-user-details #bbp-user-navigation {
    flex-grow: 1;
}

@media (min-width: 768px) {
    #bbpress-forums #bbp-single-user-details #bbp-user-navigation {
        margin-left: 60px;
    }
}

/*#bbpress-forums #bbp-single-user-details */
#bbp-user-navigation li {
    width: 50%;
    float: left;
    margin: 0 0 5px;
    color: var(--et-black-color);
}

#bbp-user-navigation li:before {
    color: currentColor;
}

@media only screen and (max-width: 480px) {
    #bbp-user-navigation li {
        width: 100%;
        line-height: 1.4;
        margin-bottom: 0 !important;
    }
}

/*#bbpress-forums #bbp-single-user-details */
#bbp-user-navigation li:last-child, /*#bbpress-forums #bbp-single-user-details */
#bbp-user-navigation li:nth-last-child(2) {
    margin-bottom: 0;
}

#bbp-user-navigation li:nth-child(2n+1) {
    clear: both;
}

#bbpress-forums #bbp-user-wrapper h2.entry-title {
    color: var(--et-black-color);
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 10px;
}

.bbp-user-section .color {
    color: var(--et-blue2-color);
}

/* Single account replies */
/*#bbp-user-replies-created div.bbp-reply-content */
#bbpress-forums div.bbp-topic-content, #bbpress-forums div.bbp-reply-content {
    margin: 0;
    padding: 0;
}

#bbpress-forums fieldset.bbp-form input[type=text], #bbpress-forums fieldset.bbp-form select {
    height: 45px !important;
}

.bbp-user-topics-started #bbpress-forums div.bbp-search-form {
    width: 50%;
}

.bbp-user-replies-created input[type="text"], .bbp-user-topics-started input[type="text"] {
    flex: 3;
}

.bbp-user-replies-created input[type="submit"], .bbp-user-topics-started input[type="submit"] {
    flex: 1;
}

.bbp-reply-content p {
    word-break: break-word;
}

blockquote.wp-embedded-content {
    display: block !important;
}

.bbp-reply-content iframe {
    position: static !important;
    max-width: 100%;
    display: none !important;
}

.bbp-reply-content strong {
    font-weight: 600;
    color: currentColor;
}

.user-single-page .bbp-user-section>.bbp-pagination, 
.user-single-page .bbp-user-section>.pagination-wrapper:first-child 
{
    display: none;
}

.user-single-page .pagination-wrapper:last-child {
    margin-bottom: 0;
}

/* single subscribe */
/*#subscription-toggle {
    position: absolute;
    right: 10px;
    top: 10px;
}

.bbp-row-actions #subscription-toggle span.is-subscribed a {
    color: #c62727;
    border-color: currentColor;
    border: 0;
}

.bbp-row-actions #subscription-toggle span.is-subscribed a:hover {
    color: rgba(198, 39, 39, 0.7);
}

.bbp-row-actions #subscription-toggle a {
    padding: 4px 9px;
    max-width: 30px;
    box-sizing: border-box;
    display: inline-block;
    font-size: 20px;
    background: transparent !important;
    -webkit-text-stroke: 1px #fff;
}

.bbp-row-actions #subscription-toggle a:before {
    content: 'Unsubcribe';
    font-weight: 400;
    display: block;
    position: absolute;
    right: calc(100% + 10px);
    top: 50%;
    font-size: 14px;
    color: #1e1e1e;
    background: #fff;
    border: 1px #e6e6e6 solid;
    padding: 5px 10px;
    z-index: 1;
    transform: translateY(-50%);
    -webkit-text-stroke: 0 !important;
}

.bbp-row-actions #subscription-toggle a:after {
    content: '';
    position: absolute;
    display: block;
    top: calc(50% - 5px);
    width: 10px;
    height: 10px;
    background: #fff;
    border-right: 1px #e6e6e6 solid;
    border-bottom: 1px #e6e6e6 solid;
    right: calc(100% + 5px);
    transform: rotate(-45deg);
    z-index: 2;
}

.bbp-row-actions #subscription-toggle a:before, .bbp-row-actions #subscription-toggle a:after {
    display: none;
}

.bbp-row-actions #subscription-toggle a:hover:before, .bbp-row-actions #subscription-toggle a:hover:after {
    display: block;
}*/

#temps-use .popup-align {
    padding-right: 45px;
    padding-left: 45px;
}

#temps-use .temps {
    padding-right: 45px;
    padding-left: 45px;
}

.msgs-list li:nth-child(2) {
    top: calc(50% + 78px);
}

.msgs-list li:nth-child(2):after {
    content: none
}

table.ss-etheme-table-codes {
    width: 100%;
}

table.ss-etheme-table-cod tr {
    color: #1a1a1a;
}

table.ss-etheme-table-codes tr th, table.ss-etheme-table-codes tr td {
    font-size: 16px;
    line-height: 18px;
    text-align: left;
    padding: 19px 10px;
    vertical-align: middle;
}

table.ss-etheme-table-codes tbody tr:nth-child(2n + 1) {
    background-color: #f8f8f8;
}

table.ss-etheme-table-codes tr td {
    text-align: left;
    vertical-align: middle;
    padding: 15px 10px;
}

table.ss-etheme-table-codes tr th:last-child, table.ss-etheme-table-codes tr td:last-child {
    text-align: right;
}

table.ss-etheme-table-codes tr .code-expiration {
    color: var(--et-red-color);
}

.sidebar-entry .a-center p, .sidebar-entry .access {
    padding: 4px 2px;
}

.cut {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (min-width: 992px) {
    .wide-container {
        margin-top: -40px;
    }
}

/*Recurring Totals*/
tr.recurring-totals {
    padding-top: 0;
    border: none;
    padding: 14px 0px;
    text-align: left;
}

tr.recurring-totals th {
    font-size: 16px;
    padding: 14px 0px;
}

tr.order-total.recurring-total td {
    text-align: right;
    color: var(--et-blue2-color);
    font-weight: 500;
    border: 0;
}

tr.tax-rate, tr.recurring-totals, tr.order-total.recurring-total, tr.cart-subtotal.recurring-total {
    border-top: 1px #efefef solid;
    border-bottom: 1px #efefef solid;
    padding: 14px 0px;
}

tr.tax-rate td, tr.cart-subtotal.recurring-total td {
    text-align: right;
    border: 0;
}

tr.tax-rate th, tr.order-total.recurring-total th, tr.cart-subtotal.recurring-total th {
    text-align: left;
    line-height: 1.5;
}

.first-payment-date {
    padding-top: 20px;
    color: #999;
    font-weight: 400;
    line-height: 1.5;
}

.woocommerce-account-fields .create-account {
    position: relative;
    margin-bottom: 17px;
}

.woocommerce-password-hint {
    position: absolute;
    bottom: 15px;
    left: 100%;
    margin-left: 20px;
    padding: 20px;
    margin-bottom: 0px;
    width: 425px;
    border: 2px var(--et-blue2-color) solid;
    background-color: #f5fcff;
    border-radius: 4px;
    z-index: 1;
    color: var(--et-blue2-color);
    font-size: 14px;
    line-height: 20px;
}

.woocommerce-password-hint::before {
    width: 20px;
    height: 20px;
    background: #f5fcff;
    border-right: 2px var(--et-blue2-color) solid;
    border-bottom: 2px var(--et-blue2-color) solid;
    content: "";
    left: -12px;
    top: 50%;
    position: absolute;
    transform: translateY(-50%) rotate(135deg);
    -webkit-transform: translateY(-50%) rotate(135deg);
}

@media (max-width: 992px) {
    .woocommerce-password-hint {
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        bottom: 100%;
        margin-bottom: 20px;
        margin-left: 0;
    }

    .woocommerce-password-hint::before {
        top: auto;
        left: 50%;
        bottom: -18px;
        transform: rotate(45deg) translateX(-50%);
        -webkit-transform: rotate(45deg) translateX(-50%);
    }
}

@media (max-width: 480px) {
    .woocommerce-password-hint {
        width: 100%;
    }
}

.woocommerce-password-strength.short, .woocommerce-password-strength.bad {
    border: 2px rgba(219, 0, 26, 0.78) solid;
    background-color: #f5fcff;
    border-radius: 4px;
    z-index: 1;
    color: var(--et-red-color);
    font-size: 14px;
    line-height: 20px;
    padding: 8px;
    margin-top: 7p x;
}

.woocommerce-password-strength.good, .woocommerce-password-strength.strong {
    border: 2px var(--et-green-color) solid;
    background-color: #f5fcff;
    border-radius: 4px;
    z-index: 1;
    color: #307b0c;
    font-size: 14px;
    line-height: 20px;
    padding: 8px;
    margin-top: 7px;
}

.recurring-totals, .recurring-total {
    display: none;
}

.options {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.option {
    width: 31%;
    overflow: hidden;
    text-align: center;
    background: #fff;
    border: 1px #e6e6e6 solid;
    padding: 25px 0;
    position: relative;
    margin-bottom: 12px;
    border-radius: 5px;
    cursor: pointer;
    transition: background .4s;
    transition: border .4s;
    transition: transform .4s;
}

.option:hover {
    border: 1px #2589ef solid;
    transform: translateY(-2px) scale(1);
}

.option:hover .option-icon {
    fill: var(--et-blue2-color);
}

.option .option-icon {
    width: 43px;
    height: auto;
    margin-bottom: 5px;
    fill: #555;
}

.option a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.upload-translation {
    padding: 10px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border: solid 2px var(--et-green-color);
    border-radius: 5px;
    margin-bottom: 12px;
    min-height: 150px;
}

.upload-translation-info .icon {
    width: 30px;
    height: auto;
}

#upload-translation-popup .popup-align {
    padding: 50px 45px;
    overflow: hidden;
}

#upload-translation-popup form {
    padding: 0 25px;
}

#choose-upload-file+label {
    position: absolute;
    top: 0;
    right: 40px;
    height: 45px;
    width: 1px;
    background: #e6e6e6;
}

.submit-upload-file {
    width: 100%;
}

#button-clear {
    z-index: 20;
    cursor: pointer;
}

.language select {
    cursor: pointer;
}

#etheme-file-error {
    font-size: 14px;
    padding-top: 20px;
    color: var(--et-red-color);
}

.error {
    border: 1px solid var(--et-red-color);
}

#upload-translation-popup .use-floating-validation-tip span.wpcf7-not-valid-tip {
    top: 250%;
    left: 0;
    width: 100%;
    border-radius: 5px;
}

#upvoty-iframe {
    overflow: hidden;
}

.sumo_Department .opt {
    font-size: 16px !important;
    color: #555;
}

.sumo_Department>.CaptionCont {
    font-size: 16px !important;
    color: #555;
}

.wpcf7-form a.button:hover {
    text-decoration: none;
}

.waiting-for-reply .size-16 {
    line-height: 22px;
    white-space: normal;
}

#cookieConsent {
    position: fixed;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
    max-width: calc(100vw - 20px);
    white-space: nowrap;
    /* width: 100%; */
    border-radius: 4px;
    font-size: 20px;
    box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.1);
    color: #fff;
    background-color: #0000008c;
    padding: 10px 15px;
    display: flex;
    z-index: 15;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}

#cookieConsent.active {
    bottom: 10px;
    opacity: 1;
    visibility: visible;
}

#cookieConsent .cookieAccept {
    margin-left: 10px;
}

#cookieConsent .on-diet {
    font-size: .65em;
    margin-left: 15px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}

#cookieConsent .cookie-icon {
    margin-right: 5px;
    display: inline-flex;
    align-items: center;
}

.fixed-button .user-details-button {
    margin-bottom: 0px;
}

.user-details-button {
    margin-bottom: 30px;
}

@media (max-width: 992px) {
    .option .option-title {
        font-size: 16px;
    }

    #cookieConsent {
        display: none;
    }
}

@media (max-width: 767px) {
    #upload-translation-popup .popup-align {
        padding: 20px 15px;
    }

    .cart-vis {
        display: none;
    }

    .support-detail-entry-footer .topic-footer-icon {
        padding: 6px 0;
    }

    .bbp-user-replies-created .entry-title, .bbp-user-topics-started .entry-title {
        display: none;
    }

    .bbp-user-replies-created div.bbp-search-form, .bbp-user-topics-started div.bbp-search-form {
        width: 100%;
        margin-bottom: 30px;
        transform: none;
    }

    .add-payment-method-button {
        padding: 10px 23px;
        margin: 20px 55px;
    }

/*    .sidebar-entry:not(.sidebar-off-canvas), .sidebar-entry:not(.sidebar-off-canvas) .thumbnail-image, */
    .widget_advert_block, #custom_html-2, #custom_html-3, #custom_html-4, .sidebar-tip {
        display: none !important;
    }

    /* in common to hide the sidebar */
    /*.content-sidebar-wrapper .container>.row {
        display: flex;
        flex-direction: column-reverse;
    }*/
}

@media (max-width: 480px) {
    .option .option-title {
        display: none;
    }

    .upload-translation {
        flex-direction: column;
        padding: 15px;
        text-align: center;
    }

    .upload-translation-info {
        margin-bottom: 15px;
    }

    .upload-translation-info .title {
        font-size: 20px;
    }

    .si.file {
        font-size: 12px;
    }
}

.single .content-entry .blog-info-title {
    font-size: 22px;
}

.blog-info-user {
    margin-top: 20px;
}

.client-component--to-account svg {
    height: 16px;
    margin-right: 9px;
}

.product-controllers {
    /* padding-top: 10px; */
    flex-wrap: wrap;
    justify-content: center;
    transition: all .15s linear;
    /* display: none; */
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateY(50%);
    opacity: 0;
    visibility: hidden;
    background: #fff;
    z-index: 1;
}

.product-controllers .button {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    /* padding: 9px 15px; */
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 600;
    display: block;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center; 
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    border: none;
    margin: 0;
    border-radius: 0;
    text-transform: none;
}

.product-controllers .button:first-child:hover svg, .single-product-section .preview-button:hover svg {
    -webkit-animation: toLeftFromRight .4s forwards;
    animation: toLeftFromRight .4s forwards
}

.product-controllers .button + .button:hover svg, .product-controllers .button:only-child:hover svg, .single-product-section .download-button:hover svg {
    -webkit-animation: toBottomFromTop .4s forwards;
    animation: toBottomFromTop .4s forwards
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
        visibility: hidden;
    }
    
    100% {
        opacity: 1;
        visibility: visible;
    }
}


@keyframes fadeIn {
    0% {
        opacity: 0;
        visibility: hidden;
    }
    
    100% {
        opacity: 1;
        visibility: visible;
    }
}

@-webkit-keyframes toLeftFromRight {
    49% {
        -webkit-transform: translate(100%);
        transform: translate(100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(-100%);
        transform: translate(-100%)
    }

    51% {
        opacity: 1
    }
}

@keyframes toLeftFromRight {
    49% {
        -webkit-transform: translate(100%);
        transform: translate(100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(-100%);
        transform: translate(-100%)
    }

    51% {
        opacity: 1
    }
}

@-webkit-keyframes toBottomFromTop {
    49% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    51% {
        opacity: 1
    }
}

@keyframes toBottomFromTop {
    49% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    51% {
        opacity: 1
    }
}

@-webkit-keyframes fadeInOut {
    0% {
        opacity: 0;
    }
    51% {
        opacity: 1
    }
}

@keyframes fadeInOut {
    0% {
        opacity: 0;
    }
    51% {
        opacity: 1
    }
}

.theme-item-info {
    transition: all .1s;
    padding: 12px 15px 0;
}

.swiper-slide .theme-item-info {
    padding-left: 0;
    padding-right: 0;
}

.theme-item-title-wrapper:has(.theme-item-industries) {
    flex-wrap: wrap;
    justify-content: flex-start;
}

.theme-item-title-wrapper .theme-item-industries {
    flex-basis: 100%;
    margin-top: 7px;
}

.item-shop:hover .product-controllers {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

@media only screen and (max-width: 768px) {
    .product-controllers {
        display: none;
    }

    .item-shop .product-controllers {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
    }
}

.open-subscriptions-popup:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: inherit;
    -o-transition: inherit;
    -moz-transition: inherit;
    transition: inherit;
}

.product-controllers .button.style-2, .product-controllers .button.style-2:hover {
    background: #fff;
    color: #222;
}

.product-controllers .button.style-1, .product-controllers .button.style-1:hover {
    background: var(--et-green-color);
}

.product-controllers .button:hover:after {
    background: rgba(0,0,0,.07);
}

.product-controllers .button:first-child:hover:after {
    background: rgba(255,255,255,.07);
}

.product-controllers .product-at-ThemeForest {
    display: none;
}

.product-controllers .button:hover {
    color: #fff;
    background: var(--et-blue2-color);
    --loader-color: #fff;
}

.open-subscriptions-popup {
    position: relative;
}

.open-subscriptions-popup.loading, .open-subscriptions-popup.loading > a {
    color: transparent !important;
}

.open-subscriptions-popup.loading:before {
    content: '';
    position: absolute;
    left: calc(50% - 0.6em);
    top: calc(50% - 0.6em);
    width: 1.2em;
    height: 1.2em;
    border: 1px solid var(--loader-color, #fff);
    border-radius: 50%;
    border-left-color: transparent;
    animation: rotate .3s linear infinite;
}

.grecaptcha-badge {
    display: none!important;
}

/* 3d-party devs */
@media (min-width: 1023px) {
    .header.header--fixed .menu>li:before {
        top:-24px;
        border-color: var(--et-blue2-color)
    }

    .logged-in .header.header--fixed .header--client-component .menu>li:before {
        top: -18px;
    }

    .header .header--menu-wrapper .menu-item-mobile-menu-visible {
        display: none;
    }
}

@media (max-width: 1023px) {
    .header--menu-wrapper {
        position:fixed;
        left: -100%;
        top: 60px;
        bottom: 0;
        width: 90%;
        max-width: 400px;
        background: #fff;
        -webkit-transition: all .5s ease-in;
        -o-transition: all .5s ease-in;
        transition: all .5s ease-in
    }

    body.has-top-bar .top-bar ~ div .header--menu-wrapper {
        top: 142px;
    }

    body.has-top-bar:not(.admin-bar) .top-bar~div .header--menu-wrapper {
        top: 103px;
    }

    body:not(.has-top-bar) .header .header--menu-wrapper .menu-item-only-if-has-top-bar {
        display: none;
    }
}

@media (min-width: 480px) and (max-width: 1023px) {
    .admin-bar .header--menu-wrapper {
        top: 90px;
    }
}

@media (max-width: 479px) {
    body.top-bar-mobile-hidden .top-bar {
        display: none;
    }

    body.top-bar-mobile-hidden .top-bar~div .header--menu-wrapper {
        top: 59px !important;
    }

    body:not(.top-bar-mobile-hidden) .top-bar~div .header--menu-wrapper {
        top: 59px !important;
    }
}

.header.header--fixed ul li.menu-item-highlighted a, .header .menu ul li.menu-item-highlighted a,
.header .menu ul li.menu-item-highlighted:hover a {
    color: var(--et-green-color) !important;
    font-weight: bold;
}

.header.header--fixed ul li.menu-item-highlighted, .header .menu ul li.menu-item-highlighted,
.header .menu ul li.menu-item-highlighted:hover {
    background: #f0f8ef;
}

@media (max-width: 1023px) and (max-width:767px) {
    .header--menu-wrapper {
        max-width:340px;
        left: auto;
        right: -100%;
        border-right: none
    }
}

.header a.button-avatar {
    max-width: 73px;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 1023px) {
    .header--menu-wrapper.open {
        left:auto;
        right: 0;
    }

    .header .header--menu-wrapper ul {
        width: 100%;
    }

    .header .header--menu-wrapper .menu ul {
        padding-left: 20px;
    }

    .header .header--menu-wrapper .menu li {
        flex-wrap: wrap;
    }

    .header .header--menu-wrapper .menu > li {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 5px;
    }

    .header .header--menu-wrapper .menu > li.menu-item-button,
    .header .header--menu-wrapper .menu > li:has(.topic-popup-button, .open-new-popup, .popup-daily-block) {
        margin-top: 20px;
    }

    .header .header--menu-wrapper .menu a:not(.button-new) {
        color: #000;
        font-size: 18px;
        min-height: 44px;
        display: flex;
        align-items: center;
        padding: 0;
    }

    .header .header--menu-wrapper .menu a.button-new {
        color: #fff;
    }

    .header .header--menu-wrapper .menu ul li:hover {
        background: transparent;
    }

    .header .header--menu-wrapper .menu .logout-link a {
        color: var(--et-red-color);
    }

    .header .header--menu-wrapper .menu ul a {
        font-size: 16px;
        white-space: normal;
    }
}

@media (max-width: 1023px) {
    .header--menu-wrapper .header--menu-body {
        position:relative;
        padding-top: 15px;
        padding-bottom: 20px;
        height: 100%;
        overflow: auto;
        background: #fff;
        border-right: 1px solid #e6e6e6;
        z-index: 99
    }
}

@media (max-width: 1023px) and (max-width:767px) {
    .header--menu-wrapper .header--menu-body {
        border-left:1px solid #e6e6e6
    }
}

@media (max-width: 1023px) {
    .header--menu-wrapper .header--menu-body::-webkit-scrollbar {
        width:3px;
        height: 3px;
        background: #e1e1e1
    }

    .header--menu-wrapper .header--menu-body::-webkit-scrollbar-thumb {
        background: #888
    }
}

.header .header--menu-wrapper .menu-item-button > a {
    display: inline-flex;
    font-size: 14px;
    min-height: unset;
    line-height: 1;
    /*     width: auto; */
    justify-content: center;
    padding: var(--et_button-v-padding, 12px) var(--et_button-h-padding, 18px);
    color: #fff !important;
    background: var(--et_menu-button-background-color, var(--et-green-color));
    border-color: var(--et_menu-button-background-color, var(--et-green-color));
    border: 2px solid var(--et_menu-button-background-color, var(--et-green-color));
    border-radius: var(--et_button-br-radius, 5px);
    cursor: pointer;
}

.header .header--menu-wrapper li:has(.button) > a {
    justify-content: center;
}

.header .header--menu-wrapper li:has(.button) > a svg {
    margin-right: 7px;
}

.header .header--menu-wrapper li:has(.button.style-2) > a {
    color: var(--et-blue2-color) !important;
}

.header .header--menu-wrapper .menu-item-button-blue {
    --et_menu-button-background-color: var(--et-blue2-color);
}

.header {
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    margin: 0;
    font-family: var(--et-heading-font);
    background: #fff;
    z-index: 10;
    padding: 0;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    font-size: 14px;
    line-height: 1.7;
    /*    border-bottom: 1px #e6e6e6 solid;*/
}

/*@media (max-width: 1023px) {*/
/*  .header {*/
/*    height: 60px;*/
/*  }*/
/*}*/
.header--content {
    height: 91px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 5px 0
}

@media (min-width: 1023px) {
    .header--content {
        -webkit-transition:all .9s ease;
        -o-transition: all .9s ease;
        transition: all .9s ease
    }
}

@media (max-width: 1023px) {
    .header--content {
        height:100%
    }
}

.header--logo {
    display: inline-block;
    height: 45px;
    padding: 0;
    line-height: 1;
    margin-right: 45px;
}

.header--logo img {
    -webkit-transition: height .2s ease-out;
    -o-transition: height .2s ease-out;
    transition: height .2s ease-out;
    height: 45px;
    width: auto;
    object-fit: contain;
}

@media (max-width: 1365px) {
    .header--logo {
        height:30px;
        margin-right: 30px
    }

    .header--logo img, .footer .footer--nav-item__logo a img {
        height: 36px;
        min-width: 90px;
        margin-top: -3px;
    }
}

@media (max-width: 1023px) {
    .header--logo {
        margin-right:0;
        height: auto
    }

    .header--logo img, .footer .footer--nav-item__logo a img {
        /* height: 36px; */
        margin-top: 0;
    }
}

.header--logo-white {
    height: 60px;
}

.header--logo-blue {
    height: 55px;
    display: none
}

/*.header--menu-wrapper {*/
/*  margin-right: 20px*/
/*}*/
/*@media (max-width: 1023px) {*/
/*  .header--menu-wrapper {*/
/*    margin:0*/
/*  }*/
/*}*/
.header .avatar img {
    border-radius: 50%;
    border: 1px solid #e1e1e1;
    max-height: 100%;
    margin-inline-start: auto; }

.header--client-component {
    margin-left: auto;
    margin-right: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header--client-component a:not(.button, .button-new) {
    color: var(--et-black-color);
    transition: all .3s linear;
}

.header--client-component a:not(.button, .button-new):hover {
    color: var(--et-blue2-color);
}

.menu--opened .header--client-component {
    opacity: 0;
    visibility: hidden;
}

.header--client-component .client-component--to-account {
    position: relative;
    color: #1a1a1a;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    min-height: 50px;
    line-height: 1;
    min-width: 110px;
    padding: 4px 0;
    margin-right: 20px;
    text-decoration: none!important;
    -webkit-transition: all .22s ease;
    -o-transition: all .22s ease;
    transition: all .22s ease
}

.header--client-component .client-component--to-account:before {
    content: '';
    display: block;
    width: 0;
    height: 4px;
    background: var(--et-blue2-color);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: absolute;
    left: 0;
    right: 0;
    top: -21px;
    margin: 0 auto;
    border-radius: 2px
}

.header--client-component .client-component--to-account .ico {
    height: 16px;
    margin-right: 5px
}

@media (max-width: 767px) {
    .header--client-component .client-component--to-account .ico {
        height:20px;
        margin: 0
    }
}

.header--client-component .client-component--to-account:hover:before {
    width: 100%
}

.header--client-component a.client-component--price-btn {
    font-weight: 700;
}

@media (max-width: 768px) {
    .header--client-component .client-component--to-account {
        /*min-width:48px;*/ /*width: 48px;*/ /*height: 48px;*/ min-width: unset;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-right: 0;
    }

    .header--client-component .client-component--to-account-txt, .header--client-component .client-component--price-btn {
        display: none
    }

    .header--client-component .button {
        margin-top: 0;
    }

    .client-component--to-account svg {
        height: 22px;
    }
}

/* account */
.et-tabs-controllers {
    display: flex;
    justify-content: center;
}

.et-tabs-controllers li {
    margin: 0 10px;
    cursor: pointer;
}

.et-tabs-controllers li.active span {
    color: var(--et-blue2-color);
}

/* toggle */
.menu--opened {
    overflow: hidden;
}

.menu--opened .page, .menu--opened main {
    -webkit-filter: blur(5px);
    filter: blur(5px);
}

.header--menu-trigger {
    position: relative;
    display: inline-block;
    height: 48px;
    width: 48px;
    border-radius: 50%;
    border: none;
    background: rgba(255,255,255,.1);
    padding: 0;
    line-height: 1
}

.header--menu-trigger svg {
    height: 25px
}

.header--menu-trigger_line {
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: inline-block;
    height: 2px;
    width: 30px;
    background: #1a1a1a;
    border-radius: 3px;
    -webkit-transition: all .22s ease;
    -o-transition: all .22s ease;
    transition: all .22s ease
}

.header--menu-trigger_line:after,.header--menu-trigger_line:before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 2px;
    background: #1a1a1a;
    border-radius: 3px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .22s ease;
    -o-transition: all .22s ease;
    transition: all .22s ease
}

.header--menu-trigger_line:before {
    top: -6px
}

.header--menu-trigger_line:after {
    top: 6px
}

.header--menu-trigger:hover .header--menu-trigger_line:after,.header--menu-trigger:hover .header--menu-trigger_line:before {
    width: 18px
}

.header--menu-trigger__float {
    display: none
}

@media (max-width: 1023px) {
    .header--menu-trigger__float {
        display:inline-block;
        margin-left: 7px;
    }
}

.header--menu-trigger.open .header--menu-trigger_line {
    width: 5px;
    background: 0 0
}

.header--menu-trigger.open .header--menu-trigger_line:before {
    top: 8px;
    left: -1px;
    -webkit-transform: rotate(48deg) translateX(-48%);
    -ms-transform: rotate(48deg) translateX(-48%);
    transform: rotate(48deg) translateX(-48%)
}

.header--menu-trigger.open .header--menu-trigger_line:after {
    left: -2px;
    top: -10px;
    -webkit-transform: rotate(-48deg) translateX(-48%);
    -ms-transform: rotate(-48deg) translateX(-48%);
    transform: rotate(-48deg) translateX(-48%)
}

.header--menu-trigger.open:hover .header--menu-trigger_line {
    background: 0 0
}

.header--menu-trigger.open:hover .header--menu-trigger_line:after,.header--menu-trigger.open:hover .header--menu-trigger_line:before {
    width: 25px
}

/* menu */
.header .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header .menu li {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.header .menu ul li {
    position: static;
    position: relative;
}

.header .menu li .menu-item-dropdown-trigger {
    width: 1em;
    height: 1em;
    color: var(--et-menu-item-arrow-color, var(--et-black-color));
    line-height: 1;
    margin-left: 4px;
}

@media (min-width: 1024px) {
    .header .menu ul li .menu-item-dropdown-trigger {
        transform: rotate(-90deg);
        margin-right: 15px;
    }

    .header .menu li.label-hot > a:after, .header .menu li.label-new > a:after {
        content: 'hot';
        background: #FF6600;
        position: absolute;
        right: 0;
        top: -8px;
        color: #fff;
        font-size: .57em;
        line-height: .9em;
        padding: 3px 3px 3px;
        text-transform: uppercase;
        display: inline-block;
        border-radius: 2px;
    }

    .header .menu li.label-new > a:after {
        content: 'new';
        background: var(--et-green-color);
    }
}

.header .menu li .menu-item-dropdown-trigger svg {
    line-height: 1;
    vertical-align: middle;
    font-size: .75em;
    height: 1em;
    width: 1em;
    transition: all .3s linear;
}

@media (min-width: 1024px) {
    .header .menu li:hover > .menu-item-dropdown-trigger svg {
        transform: rotate(180deg);
    }
    .header .menu li {
        margin-right: 25px;
    }
    .header .menu li:has(>.button-new) {
        margin-right: 10px;
    }
}

@media (max-width: 1023px) {
    .header .menu {
        display:block
    }

    .header--client-component ul {
        position: absolute;
        background: #fff;
        min-width: 200px;
        padding: 5px 0;
        -webkit-box-shadow: 0 0 45px rgb(0 0 0 / 20%);
        box-shadow: 0 0 45px rgb(0 0 0 / 20%);
        border-radius: 3px;
        top: 100%;
        margin-top: 12px;
        right: 0;
        transition: left 0s .3s,margin .3s,opacity .3s, visibility .3s;
        -webkit-transition: left 0s .3s,margin .3s,opacity .3s, visibility .3s;
    }

    .header--client-component:not(:hover) ul {
        margin-left: 50%;
        opacity: 0;
        visibility: hidden;
    }
}

@media (max-width: 1023px) {
    .header--client-component .menu {
        margin-right: 30px;
    }
}

@media (min-width: 1024px) {
    .header .menu ul {
        position: absolute;
        background: #fff;
        min-width: 200px;
        padding: 20px;
        -webkit-box-shadow: var(--et-box-shadow);
        box-shadow: var(--et-box-shadow);
        border-radius: var(--et-border-radius);
        top: 100%;
        margin-top: 12px;
        transition: left 0s .3s,margin .3s,opacity .3s, visibility .3s;
        -webkit-transition: left 0s .3s,margin .3s,opacity .3s, visibility .3s;
        margin-left: 50px;
        opacity: 0;
        visibility: hidden;
        z-index: 1;
    }

    .header .menu ul:before {
        position: absolute;
        height: 15px;
        width: 100%;
        left: 0;
        top: -15px;
        content: "";
    }

    .header .menu ul ul:before {
        height: 100%;
        width: 50px;
        top: 0;
        left: -50px;
    }

    .header .menu ul:after {
        width: 10px;
        height: 10px;
        background: #fff;
        content: "";
        left: 19px;
        top: -5px;
        position: absolute;
        transform: rotate(-45deg);
    }

    .header .menu li:hover > ul {
        opacity: 1;
        visibility: visible;
        left: 0;
        margin-left: 0;
    }

    .header--client-component .menu ul {
/*        left: 50%;*/
        left: auto;
        transform: translateX(-50%);
        max-height: 80vh;
        overflow: hidden;
        overflow-y: auto;
    }

    .header--client-component .menu ul:after {
        left: 50%;
        transform: translateX(-50%) rotate(-45deg);
    }

    .header--client-component .menu li:hover > ul {
/*        left: 50%;*/
    }
}

/* starts of mobile navigation */
@media only screen and (min-width: 1024px) {
    body:not(.logged-in) .header .menu li.menu-item-only-loggedIn, body.logged-in .header .menu li.menu-item-only-loggedOut {
        display: none;
    }
}

@media only screen and (max-width: 1023px) {
    body:not(.logged-in) .header .menu li.menu-item-only-loggedIn, body.logged-in .header .menu li.menu-item-only-loggedOut,
    .header .menu li.menu-item-mobile-xs-hidden {
        display: none;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1334px) {
    /*@media only screen and (min-width: 1024px) and (max-width: 1199px) {*/ .header .menu li.menu-item-mobile-hidden {
        display: none;
    }
}

@media only screen and (min-width: 1335px) {
    /*@media only screen and (min-width: 1200px) {*/ .header .menu li.menu-item-mobile-shown {
        display: none;
    }
}

/* unique cases  */
@media only screen and (min-width: 1024px) and (max-width: 1455px) {
    .header .menu li.menu-item-mobile-hidden:has(a[href*=youtube]) {
        display: none;
    }
}

@media only screen and (max-width: 1200px) {
    .header--client-component .button svg {
        display: none;
    }
}

.header .menu .avatar {
    display: flex;
    align-items: center;
    width: 80px;
    max-width: 40px;
    height: 40px;
    margin-right: 10px;
}

.header .menu a:not(.button-new) {
    display: block;
    width: 100%;
    text-decoration: none!important;
    outline: 0!important;
    color: #000;
    font-size: 16px;
    white-space: nowrap;
    -webkit-transition: all .22s ease;
    -o-transition: all .22s ease;
    transition: all .22s ease;
}

@media only screen and (min-width: 1023px) {
    .header .menu>li:before {
        content: "";
        position: absolute;
        left: 0;
        top: -32px;
        width: 100%;
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: -webkit-transform .2s ease-in-out;
        transition: -webkit-transform .2s ease-in-out;
        -o-transition: transform .2s ease-in-out;
        transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
        border-top: 4px solid var(--et-blue2-color);
        border-radius: 2px;
    }
    .header .menu>li.label-hot:before {
        border-color: #FF6600;
    }

    .logged-in .header--client-component .menu>li:before {
        top: -27px;
    }

    .header .menu>li:not(:has(>.button-new)):hover:before {
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1);
    }
}

.header .menu ul a, .header .menu ul .topic-popup-button, .header .menu ul .popup-daily-block {
    font-size: 16px;
    padding: 11px 20px;
    color: #1a1a1a;
    display: block;
}

.header .menu ul .topic-popup-button,
.header .menu ul .popup-daily-block {
    border: none;
    text-align: inherit;
}

.header .menu ul li {
    transition: all .2s linear;
    border-radius: var(--et-border-radius);
}
.header .menu ul li:hover {
    background: var(--et-light-blue-color-10);
}

.header .menu ul li:hover > .menu-item-dropdown-trigger {
    --et-menu-item-arrow-color: var(--et-blue-color);
}

.header .menu ul a > svg,
.header .menu ul .topic-popup-button > svg,
.header .menu ul .popup-daily-block > svg {
    vertical-align: -2px;
    margin-right: 10px;
    min-width: 1em;
}

.header .menu ul li:hover>a, .header .menu ul .topic-popup-button:hover, .header .menu ul .popup-daily-block:hover {
    color: var(--et-blue2-color);
}

@media (min-width: 1024px) {
    .header .menu ul ul {
        top: 0;
        top: -15px;
        margin: -1px 0 0 30px;
        left: 100% !important;
        left: calc(100% + 15px) !important;
    }

    .header .menu ul .menu-item-has-left-submenu ul {
        left: auto !important;
        right: calc(100% + 15px) !important;
    }

    .header .menu ul .menu-item-has-left-submenu:hover > ul {
        margin-left: 0;
        margin-right: 15px;
    }

    .header .menu ul ul:after {
        top: 35px;
        left: -5px;
        transform: rotate(-135deg);
    }

    .header .menu ul li:hover > ul {
        margin-left: 15px
    }
}

/* fixed header */
@media (min-width: 1023px) {
    .header.header--fixed {
        height:auto;
        background: #fff;
        padding: 0;
        -webkit-box-shadow: 0 2px 10px -5px rgba(0,0,0,.3);
        box-shadow: 0 2px 10px -5px rgba(0,0,0,.3)
    }

    .header.header--fixed .header--content {
        height: 75px
    }

    .header.header--fixed .header--logo-white {
        display: none
    }

    .header.header--fixed .header--logo-blue {
        display: block;
    }

    .header.header--fixed .header--client-component .client-component--to-account {
        color: #1a1a1a
    }

    .header.header--fixed .header--client-component .client-component--to-account:before {
        top: -8px;
        background: var(--et-blue2-color)
    }

    .header.header--fixed .menu>li>a:before {
        top: -8px;
        background: #999
    }

    /*.header.header--fixed .menu li .menu-item-dropdown-trigger {
        color: #999
    }*/
}

/*.header.header--fixed .menu-item a:not(.button-new) {
    color: #1a1a1a
}*/

@media (max-width: 1023px) {
    .header.header--fixed {
        background:#fff;
        border-bottom: 1px #e6e6e6 solid;
        -webkit-box-shadow: 0 2px 10px -5px rgba(0,0,0,.3);
        box-shadow: 0 2px 10px -5px rgba(0,0,0,.3)
    }

    .header.header--fixed .header--content {
        height: 60px
    }

    .header.header--fixed .header--menu-trigger_line {
        background: #1a1a1a
    }

    .header.header--fixed .header--menu-trigger_line:after,.header.header--fixed .header--menu-trigger_line:before {
        background: #1a1a1a
    }

    .header.header--fixed .header--logo-white {
        display: none
    }

    .header.header--fixed .header--logo-blue {
        display: block
    }

    .header.header--fixed .header--client-component .client-component--to-account {
        color: #1a1a1a
    }

    .header.header--fixed .header--client-component .client-component--to-account:before {
        top: -13px;
        background: var(--et-blue2-color)
    }
}

@media screen and (max-width: 767px) {
    .header .menu .avatar {
        max-width: 30px;
    }
}

@media screen and (max-width: 480px) {
    .header .menu .menu-item > a > .fa-user-o {
        font-size: 18px;
        vertical-align: middle;
    }

    body.logged-in .header--client-component .menu .menu-item .button-avatar {
/*        display: none;*/
    text-indent: -26px;
    max-width: 50px;
    }

    .header .header--client-component li.menu-item .menu-item-dropdown-trigger {
        min-width: unset;
        width: auto;
    }

    .header .menu li .button-avatar + span {
        /* margin: 0; */
    }

    .header--client-component ul {
        right: -70%;
    }
}

/* top bar */
.top-bar {
    font-size: 16px;
    color: #fff;
    background: #7501FF;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    /* padding: 8px 0; */
    /* padding: 12px 0; */
    padding: 4px 0;
}

.top-bar[data-type=sale] {
    background: url(img/sale-background.png) #c62828;
    background-size: auto 200%;
    background-repeat-x: no-repeat;
    -webkit-animation: eight-theme-top-bar-bg-anim 7s linear infinite;
    animation: eight-theme-top-bar-bg-anim 7s linear infinite;
}

.top-bar[data-type=orange] {
    color: #FF6600;
    background: rgb(255 102 0 / 10%);
}

.top-bar[data-type=orange] a {
    background: #FF6600;
    border-color: #FF6600;
    color: #fff;
}

.top-bar[data-type=orange] a:hover {
    color: #FF6600;
    --loader-color: #FF6600;
}

@-webkit-keyframes eight-theme-top-bar-bg-anim {
    from {
        background-position: center 0
    }

    to {
        background-position: center 200%
    }
}

@keyframes eight-theme-top-bar-bg-anim {
    from {
        background-position: center 0
    }

    to {
        background-position: center 200%
    }
}

.top-bar span {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    vertical-align: middle;
}

.top-bar span~span {
    padding-left: 15px
}

.top-bar a {
    background: #222;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    /* padding: 3px 14px; */
    padding: 4px 12px;
    border-radius: 3px;
    /* margin-left: 15px; */
/*    text-transform: uppercase;*/
    font-weight: bold;
    display: inline-block;
    border: 2px solid #222;
    transition: all .3s linear;
    margin: 4px 0 4px 12px;
    --loader-color: #fff;
}

.top-bar a:hover {
    background: transparent;
    color: #000;
    --loader-color: #000;
}

.close-top-bar {
    position: absolute;
    right: 15px;
}

@media only screen and (max-width: 768px) {
    .header--client-component .menu {
        margin-right: 5px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1520px) {
    .header--client-component .button-new {
        /* padding-top: 10px; */
        /* padding-bottom: 10px; */
    }

    .header--client-component .button-new[data-mb-text] {
        font-size: 0;
        /* border-radius: 5px; */
        /* letter-spacing: 0px; */
    }

    .header--client-component .button-new[data-mb-text] svg {
        margin-right: 5px;
    }

    .header--client-component .button-new[data-mb-text] svg, .header--client-component .button-new[data-mb-text]:after {
        font-size: 14px;
    }

    .header--client-component .button-new[data-mb-text]:after {
        content: attr(data-mb-text);
        white-space: nowrap;
    }
}

@media only screen and (min-width: 1251px) and (max-width: 1520px) {
    .header--client-component .button-new[data-xs-text]:after {
        content: attr(data-mb-text);
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1250px) {
    .header--client-component .button-new[data-xs-text]:after {
        content: attr(data-xs-text);
    }
}

@media (max-width: 1023px) {
    /*  .header--menu-opened {*/ /*    background:#fff;*/ /*    border-bottom: 1px #e6e6e6 solid;*/ /*    -webkit-box-shadow: 0 2px 10px -5px rgba(0,0,0,.3);*/ /*    box-shadow: 0 2px 10px -5px rgba(0,0,0,.3)*/ /*  }*/ /*  .header--menu-opened .header--content {*/ /*    height: 60px*/ /*  }*/ /*  .header--menu-opened .header--menu-trigger_line {*/ /*    background: #1a1a1a*/ /*  }*/ /*  .header--menu-opened .header--menu-trigger_line:after,.header--menu-opened .header--menu-trigger_line:before {*/ /*    background: #1a1a1a*/ /*  }*/ /*  .header--menu-opened .header--logo-white {*/ /*    display: none*/ /*  }*/ /*  .header--menu-opened .header--logo-blue {*/ /*    display: block*/ /*  }*/ /*  .header--menu-opened .header--client-component .client-component--to-account {*/ /*    color: #1a1a1a*/ /*  }*/ /*  .header--menu-opened .header--client-component .client-component--to-account:before {*/ /*    top: -13px;*/ /*    background: var(--et-blue2-color)*/ /*  }*/ .header .menu>li.menu-item-has-children a {
        width: calc(100% - 52px)
    }

    .header .menu>li.menu-item-has-children ul li:not(.menu-item-has-children) > a {
        width: 100%;
    }

    .header .menu li .menu-item-dropdown-trigger {
/*        color: #999 !important;*/
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 1.3em;
        /*width: 48px;*/
        min-width: 48px;
        height: 44px;
    }

    .header .header--menu-wrapper .menu li .menu-item-dropdown-trigger:not(.active) svg {
        transform: rotate(180deg);
    }
}

/* price list items */
.eight-theme--prices {
    position: relative;
    padding: 40px 0 20px;
    z-index: 2
}

@media (max-width: 767px) {
    .eight-theme--prices {
        overflow:hidden
    }
}

.eight-theme--prices .bg-figures {
    position: absolute;
    z-index: -1
}

.eight-theme--prices .bg-figures--triangle-bg {
    height: 30px;
    bottom: -25px;
    left: 43%
}

.eight-theme--prices .bg-figures--triangle-bg2 {
    left: 24%;
    top: 45px;
    opacity: .3
}

.eight-theme--prices .bg-figures--circle-filled {
    right: 30px;
    bottom: 33%;
    height: 25px;
    opacity: .9
}

.eight-theme--prices .bg-figures--circle-filled2 {
    right: 15%;
    top: 45px;
    opacity: .3
}

.eight-theme--prices .bg-figures--circle-dash {
    top: 33%;
    left: 0
}

.eight-theme--prices .section-header {
    text-align: center;
    margin-bottom: 50px
}

.eight-theme--prices .section-header .title {
    margin-bottom: 15px
}

.eight-theme--prices .section-header .p {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    color: #555
}

.eight-theme--prices .prices--list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px
}

.eight-theme--prices .prices--list-item {
    width: calc(33.33% - 40px);
    /*width: 40%;*/
    margin: 20px;
    max-width: 390px;
    background: #fff;
    -webkit-box-shadow: 0 4px 15px rgba(0,0,0,.06);
    box-shadow: 0 4px 15px rgba(0,0,0,.06);
    border-radius: 15px;
    padding: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all .22s ease;
    -o-transition: all .22s ease;
    transition: all .22s ease
}

.eight-theme--prices .prices--list-item.prices--list-item_diamond {
    -webkit-transform: scale3d(1.05,1.05,1.5);
    transform: scale3d(1.05,1.05,1.5);
}

@media (max-width: 1023px) {
    .eight-theme--prices .prices--list-item {
        margin-bottom:20px;
        width: 100%
    }
}

.eight-theme--prices .prices--list-item__header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-height: 164px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 25px 20px 40px 20px;
    border-radius: 15px 15px 0 0;
    overflow: hidden
}

.eight-theme--prices .prices--list-item__header-bg {
    position: absolute;
    top: auto;
    bottom: -6px;
    left: 50%;
    width: 100%;
    min-width: 360px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 100%;
    min-height: 170px;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1
}

.eight-theme--prices .prices--list-item__header-bg-front {
    top: auto;
    z-index: 3;
    bottom: 0;
    -webkit-transition: all .22s ease;
    -o-transition: all .22s ease;
    transition: all .22s ease
}

.eight-theme--prices .prices--list-item__price,.eight-theme--prices .prices--list-item__title {
    position: relative;
    z-index: 4;
    width: 100%;
    text-align: center;
    color: #fff
}

.eight-theme--prices .prices--list-item__title {
    font-size: 20px;
    font-weight: 500;
}

.eight-theme--prices .prices--list-item__price {
    line-height: 1;
    font-size: 52px;
    font-weight: 700
}

.eight-theme--prices .prices--list-item__price sup {
    font-size: 28px;
    line-height: 28px;
    font-weight: 400;
    vertical-align: middle;
    margin-right: 4px;
}

.eight-theme--prices .prices--list-item__price .price-part {
    font-size: 28px
}

.eight-theme--prices .prices--list-item__price .period {
    font-size: 18px;
    font-weight: 400;
    margin-left: 7px;
}

.eight-theme--prices .prices--list-item__body {
    padding: 30px 20px 10px;
    text-align: center
}

.eight-theme--prices .prices--list-item__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
    min-height: 28px;
    line-height: 34px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #555
}

@media only screen and (max-width: 767px) {
    .eight-theme--prices .prices--list-item__row {
        font-size: 14px;
    }
}

.eight-theme--prices .prices--list-item__row small {
    font-size: .85em;
    color: #888;
}

.eight-theme--prices .prices--list-item__row > .color {
    margin: 0 5px;
}

.eight-theme--prices .prices--list-item__row .ico {
    line-height: 1;
    margin: 0 5px
}

.eight-theme--prices .prices--list-item__row:last-child {
    margin-bottom: 0
}

.eight-theme--prices .prices--list-item__footer {
    text-align: center;
    padding: 20px 25px 55px
}

.eight-theme--prices .prices--list-item__footer .button {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 260px;
    margin: 0 auto;
}

/*.eight-theme--prices .prices--list-item:hover {
  -webkit-transform: scale3d(1.05,1.05,1.5);
  transform: scale3d(1.05,1.05,1.5)
}*/
.eight-theme--prices .prices--list-item:hover .prices--list-item__header-bg-front {
    bottom: 6px;
    top: auto
}

.eight-theme--prices .prices--list-item:hover .prices--list-item__header-bg-back1 {
    -webkit-animation: price-vawe 2s ease-out infinite;
    animation: price-vawe 2s ease-out infinite
}

.eight-theme--prices .prices--list-item:hover .prices--list-item__header-bg-back2 {
    -webkit-animation: price-vawe 2s ease-out infinite;
    animation: price-vawe 2s ease-out infinite;
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.eight-theme--prices .prices--list-item_gold .prices--list-item__header svg path,.eight-theme--prices .prices--list-item_platinum .prices--list-item__header svg path {
    fill: rgba(16,137,239,.12)
}

.eight-theme--prices .prices--list-item_diamond .prices--list-item__header img {
    height: 110%;
    top: auto
}

.eight-theme--prices .prices--list-item_diamond .prices--list-item__header svg path {
    fill: rgba(128,0,255,.12)
}

/* hint texts */
.hint {
    position: relative;
    display: inline-block
}

.hint--icon {
    position: relative;
    display: inline-block;
    line-height: 1;
    cursor: pointer;
    min-height: 18px;
    min-width: 18px
}

.hint--icon svg {
    height: 14px
}

.hint--content {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 36px;
    width: 100%;
    max-width: 220px;
    min-width: 220px;
    font-size: 12px;
    line-height: 1.7;
    padding: 12px;
    border-radius: 5px;
    background: rgba(0,0,0,.9);
    color: #fff;
    -webkit-transition: all .22s ease;
    -o-transition: all .22s ease;
    transition: all .22s ease;
    opacity: .1;
    visibility: hidden;
    z-index: -100
}

@media (max-width: 767px) {
    .hint--content {
        min-width:176px;
        width: 176px
    }
}

.hint--content:before {
    content: '';
    display: block;
    height: 15px;
    width: 100%;
    background: 0 0;
    position: absolute;
    top: -14px;
    left: 0
}

.hint--content:after {
    content: '';
    position: absolute;
    bottom: calc(100% - 1px);
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom-color: rgba(0,0,0,.9);
    left: calc(50% - 5px);
}

.hint.active .hint--content,.hint:hover .hint--content {
    visibility: visible;
    opacity: 1;
    top: 25px;
    z-index: 999
}

/* no risk section */
.eight-theme--no-risk {
    position: relative;
    padding: 60px 0 150px 0
}

@media (max-width: 1024px) {
    .eight-theme--no-risk {
        padding-top:0;
        padding-bottom: 70px
    }
}

@media (max-width: 767px) {
    .eight-theme--no-risk {
        padding-bottom:60px
    }
}

.eight-theme--no-risk:before {
    content: '';
    display: block;
    width: 100%;
    height: calc(100% + 140px);
    position: absolute;
    top: -140px;
    left: 0;
    background: #fff;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(255,255,255,0)),to(rgba(16,137,239,.06)));
    background: -o-linear-gradient(bottom,rgba(255,255,255,0) 0,rgba(16,137,239,.06) 100%);
    background: linear-gradient(0deg,rgba(255,255,255,0) 0,rgba(16,137,239,.06) 100%);
    z-index: 0
}

.eight-theme--no-risk .container {
    position: relative;
    z-index: 2
}

.eight-theme--no-risk .section-header {
    text-align: center;
    margin-bottom: 45px
}

.eight-theme--no-risk .section-header img {
    margin-bottom: 10px
}

.eight-theme--no-risk .section-header .title {
    margin-bottom: 15px
}

.eight-theme--no-risk .section-header .p {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto
}

.eight-theme--no-risk .payments-system--list {
    margin-bottom: 50px
}

.eight-theme--no-risk .no-risk--advantages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -10px
}

.eight-theme--no-risk .no-risk--advantages__item {
    width: calc(33.33% - 20px);
    max-width: 360px;
    margin: 5px 10px;
    text-align: center;
    background: #fff;
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.1);
    box-shadow: 0 10px 20px rgba(0,0,0,.1);
    border-radius: 5px;
    border-top: 4px solid var(--et-blue2-color);
    padding: 38px 30px 38px
}

@media (max-width: 1023px) {
    .eight-theme--no-risk .no-risk--advantages__item {
        width:calc(50% - 20px);
        margin-bottom: 20px;
        margin-top: 0
    }
}

@media (max-width: 767px) {
    .eight-theme--no-risk .no-risk--advantages__item {
        width:100%;
        max-width: 700px;
        margin-bottom: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        border-left: 4px solid var(--et-blue2-color);
        border-top: none;
        padding: 20px 15px;
        text-align: left
    }
}

.eight-theme--no-risk .no-risk--advantages__picture {
    display: inline-block;
    margin-bottom: 8px
}

@media (max-width: 767px) {
    .eight-theme--no-risk .no-risk--advantages__picture {
        margin:0 15px -5px 0;
        min-width: 50px;
        text-align: center
    }
}

.eight-theme--no-risk .no-risk--advantages__title {
    margin-bottom: 15px
}

@media (max-width: 767px) {
    .eight-theme--no-risk .no-risk--advantages__title {
        width:calc(100% - 65px)
    }
}

.eight-theme--no-risk .no-risk--advantages__txt {
    color: #555
}

@media (max-width: 767px) {
    .eight-theme--no-risk .no-risk--advantages__txt {
        width:calc(100% - 65px);
        margin-left: 65px
    }
}

.eight-theme--no-risk .payments-system--list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; 
    margin-left: -10px;
    margin-right: -10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.eight-theme--no-risk .payments-system--list-item {
    display: block;
    margin: 4px 20px
}

/* footer */
.footer {
    position: relative; 
    color: #555;
    background: #fff;
    padding: 60px 0 20px 0;
    font-size: 16px;
    line-height: 1.7;
}

.footer--nav { 
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 60px;
    margin: 0 -15px 20px;
}

.footer--nav:after {
    content: '';
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 0;
    height: 2px;
    background: var(--et-border-color);
}

@media (max-width: 1023px) {
    .footer--nav {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

.footer--nav-item {
    flex-basis: 20%;
    padding: 10px 15px;
    flex-grow: 1;
}

.footer--nav-item__logo {
    /* width: 140px; */
    /* min-width: 140px; */
    flex-basis: 45%;
}

.footer--nav-item__logo .sa a, .footer--nav-item__logo .sa a:hover {
    color: var(--et-blue2-color);
}

/*@media (max-width: 1023px) {
    .footer--nav-item {
        flex-basis: 25%;
    }
}*/

@media (max-width: 992px) {
    .footer--nav-item__logo {
        flex-basis: 100%;
    }
}

@media (max-width: 550px) {
    .footer--nav-item {
        flex-basis: 100%;
    }
}

@media (max-width: 1023px) {
    .footer--nav-item__logo {
        /* padding-top:0; */ /* min-width: unset; */ /* width: 100%; */ /* max-width: 100%; */ /* margin-bottom: 30px; */
    }
}

.footer--nav-item__logo a {
    display: inline-flex;
    align-items: center;
    /* line-height: 1; */
    /* height: 40px */
}

.footer--nav-item__logo a:has(img):after {
    display: none;
}

.footer--nav-item__logo a img {
    height: 45px;
    width: auto;
}

.footer--nav-item__form {
    /* min-width: 168px */
}

@media (max-width: 1023px) {
    .footer--nav-item__form {
        width:100%;
        max-width: 100%
    }
}

.footer--nav-item__form .form-group--oneline {
    display: block;
    margin-top: 15px;
    margin-bottom: 10px;
}

.footer--nav-item__form .form-group--oneline .input {
    height: 38px;
    line-height: 38px;
    padding-right: 50px;
    font-size: 14px!important
}

.footer--nav-item__form .form-group--oneline .input::-webkit-input-placeholder {
    font-size: 14px !important
}

.footer--nav-item__form .form-group--oneline .btn {
    position: absolute;
    right: 2px;
    top: 2px;
    bottom: 2px;
    border: none;
    background: #fff;
    padding: 4px;
    color: #999;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30px !important;
    height: 34px;
    border-radius: 0 3px 3px 0;
}

.footer--nav-item__form .form-group--oneline .btn svg {
    height: 16px
}

.footer--nav-item__form .form-group--oneline .btn:hover {
    background: var(--et-green-color);
    color: #fff
}

.footer--nav-item__form .p-info {
    font-size: 13px;
    line-height: 1.2;
    color: #999
}

.footer--nav-item__title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 0;
    font-size: 20px;
    font-family: var(--et-heading-font);
    font-weight: var(--et-heading-font-weight);
    color: var(--et-blue2-color);
    margin: 0;
}

.footer--nav-item__title .icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 48px;
    min-width: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: none
}

.footer--nav-item__title .icon svg {
    height: 16px
}

.footer--nav-item li {
    margin-bottom: 15px;
}

.footer a {
    position: relative;
    color: var(--et-black-color);
    transition: all .3s linear;
}

.footer a:hover {
    color: var(--et-blue2-color);
}

.footer ul {
    padding: 0;
    margin: 15px 0;
}

.footer--nav-item__menu ul li {
    margin-bottom: 15px
}

.footer--nav-item__menu ul li a {
    display: block;
    font-size: 14px
}

.footer .footer--nav-item-images-group img {
    max-width: 220px;
    height: auto; 
}

.footer .footer--socials {
    margin: 0 -10px;
    --et-link-underline-effect-display: none;
}

.footer--socials li {
    margin: 0 10px;
}

.footer--copyright {
    text-align: center;
    font-size: 14px
}

@media only screen and (max-width: 991px) {
    .footer .footer--copyright {
        justify-content: center;
    }
}

.woocommerce-billing-fields #billing_first_name_field {
    width: 100%;
}

.xstore-text {
    font-size: 13px;
    padding-top: 10px;
    color: #555;
}

.woocommerce-checkout-review-order-table .subscription-price {
    line-height: 18px;
}

/*Footer share*/
.et_share-links {
    margin-top: 10px;
}

.et-facebook-share {
    border-radius: 3px;
    font-size: 11px;
    height: 20px;
    padding: 4px 6px;
    background-color: #1877f2;
    display: inline-block;
    line-height: 13px;
    margin-left: 5px;
}

.et-facebook-share:hover {
    background-color: #1847f2;
}

.et-twitter-share:after, .et-facebook-share:after {
    display: none;
}

.et-facebook-share .label {
    color: #fff!important;
    padding-left: 4px;
    padding-right: 4px;
}

.et-twitter-share {
    position: relative;
    height: 20px;
    box-sizing: border-box;
    padding: 1px 12px 1px 12px;
    background-color: #1d9bf0;
    color: #fff!important;
    border-radius: 9999px;
    font-weight: 500;
    cursor: pointer;
    background-color: #1d9bf0;
    font-size: 12px;
    width: 73px;
    display: inline-block;
}

.et-twitter-share .label {
    display: inline-block;
    vertical-align: top;
    zoom: 1; position: absolute;
    margin-left: 3px;
    top: 0px;
}

.et-twitter-share:hover {
    background-color: #0c7abf;
}

.et-twitter-share .et-icon.et-twitter {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: transparent 0 0 no-repeat;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E);
}

.et-author-redirect {
    cursor: pointer;
    transition: all .3s linear;
}

.forum_span-title {
    margin-top: 15px;
    display: inline-block;
}

.bbp-user-mention {
    cursor: pointer;
    color: var(--et-blue2-color);
    word-break: break-all;
}

.product-at-ThemeForest {
    display: inline-block;
    margin-top: 14px;
    flex-basis: 100%;
}

.et_footer-sibwp {
    cursor: pointer;
}

.et_footer-sibwp .sib_signup_form, .et_footer-sibwp .sib_signup_form input {
    cursor: pointer;
    pointer-events: none;
}

#popup-sibwp .sib-default-btn {
    display: none;
}

.popup-mail-subscription:not(.active) {
    /*background: #e1e1e1;
    border-color: #e1e1e1;*/
    cursor: not-allowed;
    /*pointer-events: none;*/
}

.popup-mail-subscription:not(.active):hover {
    color: #fff;
    background: var(--et-green-color);
    border-color: var(--et-green-color);
}

#popup-sibwp .sib-email-area {
    height: 38px;
    margin-right: 10px;
}

/* more content toggle */
@media only screen and (min-width: 992px) {
    .col-md-9 .etheme-more-content {
        max-height: 570px;
    }
}

.etheme-more-content {
    position: relative;
    max-height: 430px;
    overflow: hidden;
    margin-bottom: 30px;
}

@media only screen and (min-width: 1025px) {
    .eight-theme--no-risk + .etheme-more-content {
        margin-top: -70px
    }
}

.etheme-more-content-button {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    color: var(--et-blue2-color);
    cursor: pointer;
}

.etheme-more-content-button span {
    text-decoration: underline;
}

.etheme-more-content:before {
    content: '';
    position: absolute;
    background-image: -webkit-linear-gradient(bottom, var(--et-more-content-overlay01, #fff) 40px, rgba(255,255,255,0) 35%);
    background-image: -moz-linear-gradient(bottom, var(--et-more-content-overlay01, #fff) 40px, rgba(255,255,255,0) 35%);
    background-image: -o-linear-gradient(bottom, var(--et-more-content-overlay01, #fff) 40px, rgba(255,255,255,0) 35%);
    background-image: linear-gradient(0deg, var(--et-more-content-overlay01, #fff) 40px, rgba(255,255,255,0) 35%);
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
}

.content-entry ~ .etheme-more-content:before {
    background-image: -webkit-linear-gradient(bottom, var(--et-more-content-overlay02, #f8f8f8) 40px, rgba(255,255,255,0) 35%);
    background-image: -moz-linear-gradient(bottom, var(--et-more-content-overlay02, #f8f8f8) 40px, rgba(255,255,255,0) 35%);
    background-image: -o-linear-gradient(bottom, var(--et-more-content-overlay02, #f8f8f8) 40px, rgba(255,255,255,0) 35%);
    background-image: linear-gradient(0deg, var(--et-more-content-overlay02, #f8f8f8) 40px, rgba(255,255,255,0) 35%);
}

/* sticky panel on mobile */
.sticky-panel {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
    z-index: 3;
    background: #fff;
    align-items: center;
    align-content: center;
    padding: 10px 15px;
    box-shadow: 0 2px 10px -1px rgb(0 0 0 / 30%);
}

.sticky-panel.grid-one-col {
    grid-template-columns: 1fr;
}

.sticky-panel .button {
    padding: 10px;
    font-size: 14px;
    min-width: unset;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media only screen and (max-width: 320px) {
    .sticky-panel .button svg {
        display: none;
    }
}

/* Sidebar off-canvas */
.sidebar-off-canvas-wrapper {
    --off-canvas-width: 320px;
}

.sidebar-off-canvas {
    position: fixed;
    top: var(--wp-admin--admin-bar--height, 0);
    bottom: 0;
    width: var(--off-canvas-width);
    max-width: calc(100vw - 30px);
    background: #fafafa;
    z-index: 10;
    overflow: auto;
    transition: all .3s;
}

.sidebar-entry.sidebar-off-canvas {
    padding: 30px !important;
    z-index: 11;
}

.sidebar-off-canvas.left.active {
    transform: translateX(100%);
}

.sidebar-off-canvas-trigger {
    position: fixed;
    top: 30%;
    transform: translateY(-50%);
    color: #000;
    background: #fff;
    border: 1px solid #e1e1e1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    padding: 18px;
    transition: all .3s;
    z-index: 3;
    cursor: pointer;
    box-shadow: 0 0px 15px -5px rgb(0 0 0 / 40%);
}

@media only screen and (max-width: 767px) {
    .sidebar-off-canvas-trigger {
        font-size: 16px;
        padding: 16px;
    }
}

.sidebar-entry.left ~ .sidebar-off-canvas-trigger {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    left: 0;
    border-left: none;
}

.sidebar-off-canvas.left.active ~ .sidebar-off-canvas-trigger, .sidebar-off-canvas.left ~ .sidebar-off-canvas-trigger.inactive {
    transform: translate(-100%, -50%);
}

.sidebar-entry.left ~ .sidebar-off-canvas-trigger:active {
    transform: translate(-7px, -50%);
}

.sidebar-entry.right ~ .sidebar-off-canvas-trigger {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    right: 0;
    border-right: none;
}

.sidebar-off-canvas.right.active ~ .sidebar-off-canvas-trigger, .sidebar-off-canvas.right ~ .sidebar-off-canvas-trigger.inactive {
    transform: translate(100%, -50%);
}

.sidebar-entry.right ~ .sidebar-off-canvas-trigger:active {
    transform: translate(7px, -50%);
}

.sidebar-off-canvas.left {
    right: 100%;
}

.sidebar-off-canvas.right {
    left: 100%;
}

.sidebar-off-canvas.right.active {
    transform: translateX(-100%);
}

.sidebar-off-canvas-close {
    position: fixed;
    top: calc(var(--wp-admin--admin-bar--height, 0px) + 10px);
    left: calc(var(--off-canvas-width) + 10px);
    z-index: 11;
    background: #fff;
    color: #000;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1e1e1;
    transition: all .3s linear;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-50%);
}

.sidebar-off-canvas.active ~ .sidebar-off-canvas-close {
    opacity: 1;
    visibility: visible;
    transition-delay: .3s;
    transform: translateY(0);
}

.sidebar-off-canvas-layer-closer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .8);
    transition: all .3s;
    opacity: 0;
    visibility: hidden;
    z-index: 10;
}

.sidebar-off-canvas.active ~ .sidebar-off-canvas-layer-closer {
    opacity: 1;
    visibility: visible;
}

@media only screen and (min-width: 992px) {
    .sidebar-off-canvas-mobile~.sidebar-off-canvas-close, .sidebar-off-canvas-mobile~.sidebar-off-canvas-trigger, .sidebar-off-canvas-mobile~.sidebar-off-canvas-layer-closer {
        display: none;
    }
}

/* checkout countdown */
.sales-booster-cart-countdown {
    color: #1a1a1a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-size: 18px;
    line-height: 1.4;
    text-transform: none;
    padding: 1.3vw 10px 0;
    margin-top: 30px;
}

.header .sales-booster-cart-countdown {
    margin-top: 0;
    padding: 0;
    margin-left: auto;
    padding-left: 15px;
    display: none !important;
}

@media only screen and (max-width: 767px) {
    .woo-content .sales-booster-cart-countdown {
        padding-top: 30px;
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 480px) {
    .header .sales-booster-cart-countdown {
        display: none;
    }
}

@media only screen and (min-width: 993px) {
    .header .sales-booster-countdown-tablet-text {
        display: none;
    }
}

@media only screen and (max-width: 992px) {
    .header .sales-booster-countdown-desktop-text {
        display: none;
    }
}

.woo-content .sales-booster-cart-countdown span+span {
    -webkit-margin-start: 15px;
    margin-inline-start:15px}

.sales-booster-cart-countdown.finished .cart-countdown-message, .sales-booster-cart-countdown:not(.finished) .cart-countdown-expired-message {
    display: none
}

.sales-booster-cart-countdown .cart-countdown-time {
    font-weight: 700
}

@media only screen and (max-width: 480px) {
    .hidden-xs-mini {
        display: none !important;
    }

    .visible-xs-mini {
        display: inline-block !important;
    }
}

.widget_random_tags .topic-tag,
.tagged_as a {
    padding: 5px 10px;
    border: 1px solid var(--et-border-color);
    margin-right: 2px;
    margin-bottom: 5px;
    display: inline-block;
    color: var(--et-black-color);
    border-radius: 4px;
    line-height: 17px;
    transition: all .3s;
    -webkit-transition: all .3s;
    text-transform: lowercase;
}

.tagged_as a {
    margin-right: 8px;
}

.widget_random_tags .topic-tag:hover,
.tagged_as a:hover {
    border-color: var(--et-blue2-color);
}

/* Stas styling brand-new */

body {
    --et-red-color: #C62828;
    --et-red-color-10: rgb(198 40 40 / 10%); 
    --et-orange-color: #FF8F00;
    --et-orange-color-10: rgb(255 143 0 / 10%); 
    --et-blue-color: #1089ef;
    --et-blue2-color: #2962FF;
    --et-blue2-color-10: rgb(41 98 255 / 10%);
    --et-light-blue-color-10: #EAEFFF;
    --et-black-color: #101522;
    --et-text-color: #888;
    --et-font-color: #555;
    --et-light-color: #f7f7f7;
    --et-green-color: #02A155;
    --et-green-color-10: rgb(2 161 85 / 10%);
    --et-coral-color: #E57373;
    --et-violet-color: #5A31F5;
    --et-violet-color-10: rgb(90 49 245 / 10%);
    --et-border-color: #e1e1e1;
    --et-border-radius: 5px;
    --et-box-shadow: 0 -6px 20px rgba(11,18,32,.12);
    --et-heading-font:
    "Archia", -apple-system, system-ui,  BlinkMacSystemFont, "Segoe UI", Verdana, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    --et-heading-font-weight: 600;
    --et-text-font:
    "Basier-circle", -apple-system, system-ui,  BlinkMacSystemFont, "Segoe UI", Verdana, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    --et-text-font-weight: 400;
}

/*body:has(.content-sidebar-wrapper.new-design) {*/
body {
    font-family: var(--et-text-font);
    font-weight: var(--et-text-font-weight);
    text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--et-heading-font);
    font-weight: var(--et-heading-font-weight);
}

/* alert */ 
.et-notice-new,
div.bbp-template-notice,
div.indicator-hint,
.account-panel .msgs-list li,
body .wpcf7 form .wpcf7-response-output,
.woocommerce-message,
.woocommerce-info,
.woocommerce-error li,
.woocommerce-error:not(:has(li)) {
    position: relative;
    padding-left: 20px;
    padding: var(--et_notice-v-padding, 18px) var(--et_notice-h-padding, 22px);  
    background: var(--et_notice-bg-color, #EAEFFF);
    color: var(--et_notice-color, #000);
    border-radius: var(--et_notice-br-radius, 5px);
    border: 2px solid var(--et_notice-icon-color, var(--et-blue2-color));
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
}

div.bbp-template-notice {
    display: flex;
}

.account-panel .msgs-list li {
    padding-right: 35px;
    z-index: auto;
}

.et-notice-new:only-child {
    margin-bottom: 0;
}

div.bbp-template-notice p:first-child {
    display: inline;
}

div.bbp-template-notice ul:first-child {
    display: inline-block;
}

.et-notice-new strong,
div.bbp-template-notice strong,
div.indicator-hint strong,
.account-panel .msgs-list li strong {
    color: var(--et_notice-icon-color, var(--et-blue2-color));
}

body .wpcf7 form .wpcf7-response-output:before,
.et-notice-new:before,
div.bbp-template-notice:before,
div.indicator-hint:before,
.account-panel .msgs-list li:before,
.woocommerce-error li:before,
.woocommerce-error:not(:has(li)):before {
    content: var(--et_notice-icon, '\f05a');
    font-family: 'FontAwesome';
    color: var(--et_notice-icon-color, var(--et-blue2-color));
    margin-right: 5px;
}

.et-notice-new[data-type=error],
div.bbp-template-notice.error,
div.indicator-hint.error,
.account-panel .msgs-list li.alert-error,
.woocommerce-error {
    --et_notice-icon: "\f057";
    --et_notice-icon-color: var(--et-red-color);
    --et_notice-bg-color: #F9EAEA;
}

.et-notice-new[data-type=warning],
div.bbp-template-notice.warning,
div.indicator-hint.warning,
.account-panel .msgs-list li.alert-warning {
    --et_notice-icon: "\f071";
    --et_notice-icon-color: var(--et-orange-color);
    --et_notice-bg-color: #FFF4E6;
}

.woocommerce-message,
.et-notice-new[data-type=success],
div.bbp-template-notice.success,
div.indicator-hint.success,
.account-panel .msgs-list li.alert-success,
body .wpcf7 form.sent .wpcf7-response-output {
    --et_notice-icon: "\f058";
    --et_notice-icon-color: var(--et-green-color);
    --et_notice-bg-color: #E6F6EE;
}

/* make it good in global content - et-test-single=esds_12-c1   */
.content-sidebar-wrapper.new-design .content-entry:before {
    display: none;
}

.content-sidebar-wrapper.new-design {
    background: var(--et-light-color);
    --et-more-content-overlay01: var(--et-light-color);
}

.content-sidebar-wrapper.new-design .bbp-forum-description a {
    color: var(--et-black-color);
}

.content-sidebar-wrapper.new-design .bbp-forum-description a:hover, .content-sidebar-wrapper.new-design .bbp-forum-description [data-url]:hover {
    color: var(--et-text-color);
}

@media only screen and (min-width: 992px) {
    .content-sidebar-wrapper.new-design > .container, .footer > .container, .form-reply-static-wrapper > .container, body:has(.prefooter-products) .prefooter-products > .container {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        max-width: 1600px;
    }
}

.button-new, .select-new {
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: bottom;
    position: relative;
    cursor: pointer;
    border: 2px solid var(--et_button-br-color, transparent);
    transition: all .3s;
    padding: var(--et_button-v-padding, 12px) var(--et_button-h-padding, 18px);
    background: var(--et_button-bg-color, var(--et-black-color));
    color: var(--et_button-color, #fff);
    border-radius: var(--et_button-br-radius, 5px);
    cursor: pointer;
}

#bbpress-forums a.button-new {
    border: 2px solid var(--et_button-br-color, transparent);
    transition: all .3s;
}

#bbpress-forums a.button-new:hover {
    border: 2px solid var(--et_button-hover-br-color, var(--et_button-br-color, transparent));
}

input.button-new {
    font-size: inherit;
}

.button-new {
    line-height: 1;
    font-family: var(--et-heading-font);
    font-weight: var(--et-heading-font-weight);
    text-transform: capitalize;
}

.button-new-only-icon {
    padding: var(--et_button-v-padding, 14px);
    --et_button-icon-space: 0;
}

.button-new:hover,
.sidebar-entry.new-design li .button-new:hover,
.widget ul a.button-new:hover {
    background: var(--et_button-bg-hover-color, var(--et_button-bg-color, var(--et-blue2-color)));
    color: var(--et_button-hover-color, var(--et_button-color, #fff));
    border-color: var(--et_button-hover-br-color, var(--et_button-br-color, transparent));
    opacity: var(--et_button-hover-opacity, 1);
}

.button-blue {
    --et_button-bg-color: var(--et-blue2-color);
}

.button-blue:hover {
    /* --et_button-bg-hover-color: var( --et-black-color); */
    --et_button-hover-opacity: .85;
}

.button-green {
    --et_button-bg-color: var(--et-green-color);
}

.button-green:hover {
    /* --et_button-bg-hover-color: var( --et-black-color); */
    --et_button-hover-opacity: .85;
}

.button-semiblue {
    --et_button-color: var( --et-blue2-color);
    --et_button-bg-color: var( --et-light-blue-color-10);
}

.button-semiblue:hover {
    --et_button-bg-hover-color: var( --et-blue2-color);
    --et_button-hover-color: #fff;
}

.button-bordered {
    --et_button-bg-color: #fff;
    --et_button-color: var( --et-black-color);
    --et_button-br-color: var( --et-border-color);
}

.button-bordered:hover {
    /*--et_button-bg-hover-color: var( --et-light-color);
    --et_button-br-color: var( --et-light-color);*/
    --et_button-br-color: var(--et-blue2-color);
    --et_button-bg-hover-color: var(--et-blue2-color);
    --et_button-hover-color: #fff;
}

.button-white {
    --et_button-bg-color: #fff;
    --et_button-color: var(--et-black-color);
}

.button-white:hover {
    --et_button-hover-color: #fff;
    --et_button-bg-hover-color: var(--et-blue2-color);
    --et_button-hover-br-color: var(--et-blue2-color);
}

.button-error {
    --et_button-color: #fff;
    --et_button-bg-color: var(--et-red-color);

    --et_button-hover-opacity: .85;
}

.button-warning {
    --et_button-color: #fff;
    --et_button-bg-color: #FF7A00;

    --et_button-hover-opacity: .8;
}

.button-light-grey {
    --et_button-bg-color: var(--et-light-color);
    --et_button-color: var(--et-black-color);
}

.button-light-grey:hover {
    --et_button-bg-hover-color: #fff;
    --et_button-hover-color: var( --et-black-color);
    --et_button-hover-br-color: var( --et-border-color);
}

.button-new svg:first-child, .sidebar-entry.new-design li .button-new svg:first-child {
    margin-inline-end: var(--et_button-icon-space, 5px); }

.button-new svg:last-child {
    margin-inline-start: var(--et_button-icon-space, 5px);
}

.select-new {
    -webkit-appearance: none;
    background-color: var(--et-light-color);
    color: var(--et-black-color);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABmJLR0QA/wD/AP+gvaeTAAAEm0lEQVR4nO3cWaiUZRgH8N85armShlgWLZS0gLQgIVm0UGQgtEBKe110IdSFF0FXhtCNChERFLSQFBUltEC0ZxS0E7QZ0UJEG6aFltmiOV28c3DpvO+cZWa+c+Z7fjAo58x87/99HuSceb9nJIQQQgghhBBCCCGEEEIIIYQQQgghhBBCO01o/nkYrsRp+B7bK0tUL7NwFRZhM7bCOfgdjebjl+bXQmediy321H07ToeP9vriwGMHFlcSsx4ulGq8f92fhm2DfKOBv3BRBWF73cVSbQer+cvwbOabDfyDZV2P3LuWSTXN1ftGOBY/Fp60C9d0OXgvulaqZa7OD6Nv4MlH4svCk3djRfey95wVUg1z9b3TXs0YcCg2Fl7UwMrOZ+85tyrX9HaDNGPAIfi4xQVWdy57z1mtXMtVQ7nILLzX4kJr25u7J61VruEtw7nYTLzd4oL3oL892XtKv1Sb0s/jm0dy4enYULhwA/eKpuytH/fJ1+tfLB/NAlOlNyulpjyKiaNZpEdMxGPKzbihHQtNwQuFhRp4ApPasdg4NUmqQa4+O3F5Oxc8AE8WFmxI7/gnt3PRcWKy1qcdSzux8CSsLyzckP4lTenE4mPUdLwmX48/saSTASZgXSFAA69jRidDjBEz8IZ8HXZIp7od14/7C0Ea0vuYg7sRpiIH4335/f+Gs7oZqE86fyk15QPM7maoLpkt7S237204o4pgfdI5TKkpGzG3inAdMhefye93CxZUlq5plXJTPsfhVYVro8OlveT2+TNOqSzdfm5Rbso3OKaydKN3jLSH3P5+wAmVpcu4WfnM/1vMqyzdyM2Tsuf29R2OqyxdC8ulI4Jc+J8wv7J0wzdfypzbz1c4qrJ0Q3SDclM24aTK0g3dyVLW3D6+wBGVpRumK6Tzm9xmfsXCytK1tlDKmMv/iXQzb1xZqjxhsVWa2BtrFknZcrk/xJzK0o3SEuk8J7e57TivsnT/d76UKZf3Henm3biWm9IbePyBCypLt8di5Zxv4qDK0rXZ2dL5Tm6zf+OSytJxaTNDLt8rmFZZug45U35stSH9vLmsglxXK/8C8qJ057QnLbDvxPf+j124rot5rleeJnxKujnX006VPguRK8JuzRnXDrtJ+WRhvRrdlj5ROv8pNaWTo6utRjvX2fNhpto4XjoHyhWloTOjqytbrPmAGo82HY2vlQvUztHVVqOdgw49102ryfsG1rRhnVajncWh57o5FJ8qF+xuIytYf/O1pWuvGlX6HjXH4J933Psx3NHV/uZrStcc1tBz3czCu8oFfMTQRlcnSmOupd/kRjT0XDcz8ZZyUx5Xfo/QarRz1EPPdTMNryo3JTe62mq0s21Dz3UzFS8pN+V5+46uthoM3yndPAsjdCCeUW7KwOjqjObfc8/r2NBz3UzBc8pN2aA89Byft2+zCdLnuEtNyT26NvRcNxPwoOE1o+tDz3XTh7sMrRmVDT3XTR/uUG7GmBh6rpvbDN6MMTX0XDdr7NuMzdIdyXGrF46bF0u/RW3CQ9L/bBRCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYD/AI5xCCmGn2cGAAAAAElFTkSuQmCC');
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNSA5LjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE1IDkuNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMxMDE1MjI7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNy41LDUuOEwxLjgsMEwwLDEuOGw3LjUsNy42TDE1LDEuOEwxMy4yLDBMNy41LDUuOHoiLz4KPC9zdmc+Cg==');
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) center;
    padding-inline-end: 30px; }

.full-width {
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .full-width-xs {
        width: 100%;
    }
}

.flex {
    display: flex;
}

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

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

.justify-content-between {
    justify-content: space-between;
}

.justify-content-around {
    justify-content: space-around;
}

.justify-content-evenly {
    justify-content: space-evenly;
}

.align-items-center {
    align-items: center;
}

.pos-relative {
    position: relative;
}

.sidebar-entry.new-design {
    --widgets-space: 55px;
    overflow: auto;
    /* max-height: 100vh; */
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.sidebar-entry.new-design:not(:has(.sidebar-widgets-scrollable)):not(:hover)::-webkit-scrollbar, .sidebar-widgets-scrollable:not(:hover)::-webkit-scrollbar {
    display: none;
}

.sidebar-entry.new-design:has(.sidebar-widgets-scrollable) {
    overflow: visible;
    max-height: unset;
}

.sidebar-entry .advert_block_item:has(.advert_block_item_content) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    padding: 25px;
    border-radius: var(--et-border-radius);
}

.sidebar-entry .advert_block_item img:not(:first-child) {
    margin: -25px;
    margin-left: 15px;
    max-width: 50%;
}

@media only screen and (min-width: 992px) and (max-width: 1250px) {
    .sidebar-entry .advert_block_item:has(.advert_block_item_content) {
        flex-wrap: wrap;
    }
    
    .sidebar-entry .advert_block_item img:not(:first-child) {
        margin: 20px auto 0;
        max-width: 150px;
    }
}

.sidebar-widgets-scrollable {
    overflow: auto;
    max-height: calc(100vh - var(--widgets-space, 20px) - 120px);
}

@media only screen and (max-width: 991px) {
    .sidebar-widgets-scrollable {
        max-height: unset;
    }
}

/*.sidebar-entry.new-design:not(:has(.sidebar-widgets-scrollable)):hover {
    padding-right: 3px;
}*/
@media only screen and (max-width: 768px) {
    .sidebar-entry.new-design {
        max-height: unset;
    }
}

.sidebar-entry.new-design .sidebar-widget:not(:last-of-type), .sidebar-entry.new-design > .widget:not(:last-of-type) {
    margin-bottom: var(--widgets-space, 20px);
}

.sidebar-entry.new-design > .widget .widget:not(:last-of-type),
.sidebar-entry.new-design > .widget {
    padding-bottom: 0;
}

.sidebar-entry.new-design .sidebar-topic-reply {
    padding: 10px 0;
    position: sticky;
    top: 30px;
    background: var(--et-light-color);
    box-shadow: 0 3px 2px -2px rgba(32,33,36,0.102);
    z-index: 1;
}

.sidebar-entry.new-design:has(.sidebar-topic-reply):before {
    content: '';
    /* position: absolute; */
    left: 0;
    right: 0;
    bottom: 100%;
    height: 30px;
    background: inherit;
    display: block;
}

.sidebar-entry.new-design:has(.sidebar-topic-reply).is_stuck:before {
    display: none;
}

.sidebar-entry.new-design .topic-closed-message {
    color: var(--et-green-color);
}

.sidebar-entry.new-design select {
    --et_button-v-padding: 0;
    --et_button-h-padding: 0;
    vertical-align: middle;
    line-height: 1;
    background-color: transparent;
    --et-input-shadow-color-hover: transparent;
}

.sidebar-entry.new-design .sidebar-widget li span:has(.change-department-select):before, .sidebar-entry.new-design .sidebar-widget li span:has(.change-priorities-select):before {
    content: "\25CF";
    color: var(--et-department-symbol-color, var(--et-green-color));
    font-size: 1em;
    line-height: 0;
}

.sidebar-entry.new-design .sidebar-widget li span:has(.change-priorities-select):before {
    color: var(--et-topic-priority-symbol-color, #e1e1e1);
}

.sidebar-entry.new-design .sidebar-widget[data-department=unassigned] {
    --et-department-symbol-color: var(--et-green-color);
}

.sidebar-entry.new-design .sidebar-widget[data-department=first] {
    --et-department-symbol-color: var(--et-coral-color);
}

.sidebar-entry.new-design .sidebar-widget[data-department=second] {
    --et-department-symbol-color: var(--et-violet-color);
}

.sidebar-entry.new-design .sidebar-widget[data-department=development],
.sidebar-entry.new-design .sidebar-widget[data-department=s],
.sidebar-entry.new-design .sidebar-widget[data-department=a]
 {
    --et-department-symbol-color: var(--et-black-color);
}

.sidebar-entry.new-design .sidebar-widget[data-priority=urgent] {
    --et-topic-priority-symbol-color: var(--et-red-color);
}

.sidebar-entry.new-design .sidebar-widget[data-priority=medium] {
    --et-topic-priority-symbol-color: var(--et-orange-color);
}

.sidebar-entry.new-design .input-wrapper .fancy-select ul.options li {
    white-space: normal;
}

.sidebar-entry.new-design .sidebar-title, .sidebar-entry.new-design .widget h4.title {
    font-size: 20px;
    display: inline-flex;
    align-items: center;
    width: 100%;
    font-weight: 600;
    margin-bottom: 12px;
}

.sidebar-entry.new-design .sidebar-title svg, .sidebar-entry.new-design .widget h4.title svg {
    vertical-align: middle;
    font-size: 0.75em;
    margin-inline-start: 7px; }

.sidebar-entry.new-design .button-new {
    width: 100%;
}

.sidebar-entry.new-design .button-inline {
    width: auto;
}

/*.sidebar-entry.new-design .button-new:hover {
    --et_button-bg-hover-color: #fff;
    --et_button-hover-color: var(--et-black-color);
    --et_button-hover-br-color: var(--et-black-color);
}*/

.sidebar-entry.new-design .sidebar-widget:has(.solved-simular-topics) .button-new {
    max-width: 280px;
}

@media only screen and (max-width: 991px) {
    .sidebar-entry.new-design .sidebar-widget:has(.solved-simular-topics) .button-new {
        max-width: 500px;
    }
}

.sidebar-entry.new-design .sidebar-title:has(.toggle-content-button.closed) {
    margin-bottom: 0;
}

.sidebar-entry.new-design .toggle-content-button:not(.closed) svg {
    transform: rotate(-180deg);
}

.sidebar-entry.new-design .toggle-content-button {
    color: var(--et-black-color);
}

.sidebar-entry .sidebar-topic-btns {
    margin-top: 15px;
}

.sidebar-entry .sidebar-topic-btns .topic-footer-icon a {
    padding: 5px 15px;
    color: var(--et-black-color);
    transition: all .3s linear;
}

.sidebar-entry .sidebar-topic-btns .topic-footer-icon a:hover {
    color: var(--et-text-color);
}

.sidebar-entry .sidebar-topic-btns .topic-footer-icon svg:first-child {
    margin-inline-end: var(--et_button-icon-space, 5px); }

.sidebar-entry .sidebar-topic-btns .topic-footer-icon svg:last-child {
    margin-inline-start: var(--et_button-icon-space, 5px);
}

.sidebar-entry.new-design ul {
    display: inline-block;
    width: 100%;
}

.sidebar-entry.new-design .sidebar-profile-note textarea {
    margin-top: -7px;
}

.sidebar-entry.new-design .sidebar-profile-note textarea.user-note-info-empty[readonly] {
    display: none;
}

.sidebar-entry.new-design li {
    /*    line-height: 2.2;*/
    font-size: 1rem;
/*    color: var(--et-text-color);*/
    color: var(--et-font-color);
    margin-bottom: 13px;
}

.sidebar-entry.new-design li:last-child {
    margin-bottom: 0;
}

.sidebar-entry.new-design li .value {
    color: var(--et-black-color);
    line-height: 1.2;
}

.sidebar-entry.new-design li a {
    position: relative;
    transition: all .3s linear;
    color: var(--et-black-color);
}

.sidebar-entry.new-design li a svg:first-child {
    margin-right: 10px;
}

.sidebar-entry.new-design li a:hover {
    color: var(--sidebar-link-hover, var(--et-text-color));
    text-decoration: none;
}

.sidebar-entry.new-design .widget_custom_html {
    --sidebar-link-hover: var(--et-blue2-color);
}

.sidebar-entry.new-design .infobox {
    background: transparent;
    border: none;
    padding: 0;
    border-radius: 0;
}

.sidebar-entry.new-design .infobox a {
    color: currentColor;
}

/* common popup */
.popup-container li {
    line-height: 2.2;
    font-size: 1rem;
    color: var(--et-text-color);
}

.popup-container li a {
    color: var(--et-black-color);
    position: relative;
}

.popup-container li a:after {
    content: '';
    height: 1px;
    width: 0;
    right: 0;
    position: absolute;
    transition: width .2s ease-in-out;
    bottom: 0;
    background: currentColor;
}

.popup-container li a:hover:after {
    width: 100%;
    left: 0;
    right: auto;
}

/* popup similar topics */
#popup-solved-simular-topics .popup-align {
    overflow: auto;
    max-height: 80vh;
}

#popup-solved-simular-topics ol {
    list-style: auto;
    list-style-position: inside;
}

#popup-solved-simular-topics li::marker {
    color: var(--et-black-color);
}

/* single support heading */
body:has(.support-detail-entry-wrapper.new-design) .support-detail-entry-title {
    font-size: 1rem;
    background: no-repeat;
    border: none;
    margin: 0;
}

body:has(.support-detail-entry-wrapper.new-design) .support-detail-entry-title h1 {
    padding: 0;
    margin: 0;
    border: none;
}

@media only screen and (min-width: 1200px) {
    body:has(.support-detail-entry-wrapper.new-design) .support-detail-entry-title h1 {
        font-size: 28px;
    }
}

body:has(.support-detail-entry-wrapper.new-design) .support-detail-entry-title [href]:hover, body:has(.support-detail-entry-wrapper.new-design) .support-detail-entry-title [data-url]:hover {
    color: var(--et-text-color);
}

/* single pagination */
body:has(.content-sidebar-wrapper.new-design) .pagination-wrapper, body:has(.support-detail-entry-wrapper.new-design) .pagination-wrapper {
    background: none;
}

@media only screen and (max-width: 768px) {
    body:has(.content-sidebar-wrapper.new-design) .pagination-wrapper, body:has(.support-detail-entry-wrapper.new-design) .pagination-wrapper {
        padding-left: 0;
        padding-right: 0;
        overflow: hidden;
    }
}

body:has(.content-sidebar-wrapper.new-design) .pagination-wrapper, body:has(.support-detail-entry-wrapper.new-design) .pagination-wrapper, body:has(.support-detail-entry-wrapper.new-design) .infobox {
    border: none;
}

/* single support details */
.type-topic:has(.support-detail-entry-wrapper.new-design) {
    overflow: visible;
}

.support-detail-entry-wrapper.new-design .bbp-author-ip {
    font-weight: normal;
    font-size: inherit;
    margin-left: 3px;
}

.support-detail-entry-wrapper.new-design .et-user-role-label {
    color: var(--et-black-color);
    background: transparent;
    position: relative;
    line-height: 1 !important;
    padding: 4px 7px;
}

.support-detail-entry-wrapper.new-design .et-staff {
    color: #fff;
    background-color: var(--et-blue2-color);
    --et-user-label-overlay-display: none;
}
.support-detail-entry-wrapper.new-design .et-influencer{
    color: #fff;
    background: var(--et-red-color);
    --et-user-label-overlay-display: none;
}
.et-assistant {
    color: #fff;
    background: var(--et-black-color);
    --et-user-label-overlay-display: none;
}

.support-detail-entry-wrapper.new-design .et-user-role-label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: currentColor;
    opacity: .05;
    border-radius: inherit;
    display: var(--et-user-label-overlay-display, block);
}

.support-detail-entry-wrapper.new-design .support-detail-entry {
    padding: 40px 40px 0px;
    border: none;
}

.support-detail-entry-wrapper.new-design .topic-info-site {
    display: inline-block;
    color: var(--et-black-color);
    background: var(--et-light-color);
    border: none;
    padding: 9px 15px;
    border-radius: .35em;
}

.support-detail-entry-wrapper.new-design .input-wrapper {
    display: inline-block;
    font-size: 14px;
    color: var(--et-black-color);
    --et-input-shadow-color-hover: transparent;
}

.support-detail-entry-wrapper.new-design .input-wrapper,
.support-detail-entry-wrapper.new-design .input-wrapper.disabled input {
    width: 100%;
}

.support-detail-entry-wrapper.new-design .input-wrapper input.private-title {
    background: var(--et-light-color);
    border: none;
    padding-right: 15px;
    padding-left: 40px;
    font-size: inherit;
    min-width: unset;
}

.support-detail-entry-wrapper.new-design .input-wrapper:has(.info-tooltip-wrapper) input.private-title {
    padding-right: 45px;
}

.support-detail-entry-wrapper.new-design .private-content-toggle code {
    border: none !important;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.support-detail-entry-wrapper.new-design .input-wrapper {
    transition: all .3s;
}

.support-detail-entry-wrapper.new-design .input-wrapper.toggle .icon-wrapper:before {
    display: none;
}

.support-detail-entry-wrapper.new-design .input-wrapper .icon:after {
    display: none;
}

.support-detail-entry-wrapper.new-design .input-wrapper .icon {
    display: inline-flex;
    align-items: center;
    font-size: inherit;
    color: currentColor;
}

.support-detail-entry-wrapper.new-design .topic-number .key-icon {
    padding: 0;
    color: currentColor;
    font-size: inherit;
}

.support-detail-entry-wrapper.new-design .support-detail-entry-footer {
    border: none;
    padding: 30px 40px 32px;
    align-items: center;
}

.support-detail-entry-wrapper.new-design .support-detail-entry-footer .topic-footer-icon {
    margin: 0;
    margin-inline-start: var(--topic-actions-space, 20px); 
}
.support-detail-entry-footer .topic-footer-icon > a:not(:first-child) {
    margin-inline-start: var(--topic-actions-space, 20px); 
}
.support-detail-entry-wrapper.new-design .support-detail-entry-footer .topic-footer-icon a {
    position: static;
    display: inline-flex;
    align-items: center;
}

.support-detail-entry-wrapper.new-design .topic-info-items > span {
    margin-right: 30px;
}

.support-detail-entry-wrapper.new-design .feedback-block {
    font-size: 12px;
}

@media only screen and (max-width: 768px) {
    .support-detail-entry-wrapper.new-design {
        --topic-actions-space: 10px
    }

    .support-detail-entry-wrapper.new-design .support-detail-entry, .support-detail-entry-wrapper.new-design .support-detail-entry-footer {
        padding-left: 20px;
        padding-right: 20px;
        flex-wrap: wrap;
    }

    .support-detail-entry-wrapper.new-design .topic-info-actions .topic-footer-icon:first-child {
        --topic-actions-space: 0;
    }

    .support-detail-entry-wrapper.new-design .support-detail-entry {
        padding-top: 20px;
    }

    .support-detail-entry-wrapper.new-design .inline-entry-row.type-flex .inline-entry-col:nth-child(1) {
        position: relative;
        top: 12px;
        margin-left: 0;
        margin-right: 0;
        margin-inline-end: 7px;
    }
    
    .support-detail-entry-wrapper.new-design .col-sm-text-right {
        text-align: left;
        margin-top: -5px;
        margin-left: 50px;
    }

    .support-detail-entry-wrapper.new-design .support-detail-entry-footer .topic-number {
        min-width: unset;
        white-space: nowrap;
    }
}

@media only screen and (max-width: 480px) {
    /*.support-detail-entry-wrapper.new-design .topic-info-actions {
        flex-basis: 100%;
    }*/
    .support-detail-entry-wrapper.new-design .topic-info-items > span {
        padding: 0;
        margin-right: 0;
        display: block;
    }

    .support-detail-entry-wrapper.new-design .topic-info-items > span:not(:last-child) {
        margin-bottom: 5px;
    }
}

.support-detail-entry-wrapper.new-design .topic-info-actions .topic-footer-icon a {
    padding: 5px;
    color: var(--et-black-color);
    transition: all .3s linear;
}

.support-detail-entry-wrapper.new-design .topic-info-actions .topic-footer-icon a:hover {
    color: var(--et-text-color);
}

.support-detail-entry-wrapper.new-design .topic-info-actions .topic-footer-icon .bbp-topic-reply-link {
    color: var(--et-blue2-color);
}

.support-detail-entry-wrapper.new-design .topic-info-actions .topic-footer-icon .bbp-topic-reply-link:hover {
    color: var(--et-black-color);
}

.support-detail-entry-wrapper.new-design .topic-info-actions .topic-footer-icon svg:first-child {
    margin-inline-end: var(--et_button-icon-space, 5px); }

.support-detail-entry-wrapper.new-design .topic-info-actions .topic-footer-icon svg:last-child {
    margin-inline-start: var(--et_button-icon-space, 5px);
}

.support-detail-entry-wrapper.new-design .support-detail-entry-footer .topic-footer-icon {
    font-size: 14px;
}

.numbers_cop {
    cursor: pointer;
}

.topic-number {
    position: relative;
}

.copy_to_buffer {
    display: none;
    background: #fff;
    color: var(--et-black-color);
    padding: 2px 7px;
    border-radius: 5px;
    position: absolute;
    left: 0;
    bottom: calc(100% + 5px);
    white-space: nowrap;
    border: 2px solid var(--et-border-color);
    z-index: 1;
}

/* single forum */
.content-sidebar-wrapper.new-design #bbpress-forums {
    overflow: visible;
}

.content-sidebar-wrapper.new-design .etheme-topic-bbp-body {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.content-sidebar-wrapper.new-design .etheme-topic-bbp-body > ul {
    flex: 1;
    flex-basis: 100%;
}

.content-sidebar-wrapper.new-design .etheme-topic-bbp-body > ul.sticky:not(.is_keymaster) {
    order: -3 !important;
}
.content-sidebar-wrapper.new-design .etheme-topic-bbp-body > ul.is_keymaster:has(.support-item-label.label-premium) {
    order: -2;
}

.content-sidebar-wrapper.new-design .etheme-topic-bbp-body > ul.is_keymaster:has(.support-item-label.label-priority) {
    order: -1;
}

.content-sidebar-wrapper.new-design .etheme-topic-bbp-body > ul.is_keymaster.status-closed,
.postid-128990 .content-sidebar-wrapper.new-design .etheme-topic-bbp-body > ul.is_keymaster:has(.last-reply_keymaster) {
    order: 1;
}
.sidebar-entry.new-design .features-list li {
    margin-bottom: 5px;
}

.sidebar-entry.new-design .features-list a:hover {
    color: var(--et-blue2-color);
    border-color: var(--et-border-color);
    background: #fff;
}

.sidebar-entry.new-design .features-list .option-icon {
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.sidebar-entry.new-design .features-list .option-icon path[fill] {
    fill: inherit;
}

/* single topic item */
.topic-item.new-design .support-item-label:after {
    content: '';
    border: calc(var(--ribon-height, 24px) / 2) solid var(--ribon-bg-color, var(--et-blue2-color));
    border-right-color: transparent;
    left: 100%;
    top: 0;
    position: absolute;
    width: 0;
    height: 0;
}

.topic-item.new-design .support-item-label {
    display: inline-flex;
    align-items: center;
    padding: 1px 0px 1px 10px;
    top: 0px; /* 9px */
    color: var(--ribon-color, #fff) !important;
    background: var(--ribon-bg-color, var(--et-blue2-color)) !important;
    cursor: default;
    line-height: 1;
    height: var(--ribon-height, 24px);
}

.topic-item.new-design .support-item-label svg {
    margin-inline-end: 3px; }

.topic-item.new-design .support-item-label.label-premium {
    --ribon-color: #22009b;
    --ribon-bg-color: #e0d8fd;
}

.topic-item.new-design .support-item-label.label-priority {
    --ribon-bg-color: #FFEACF;
    --ribon-color: #532F00;
}

.topic-item.new-design .support-item-label.label-solved {
    --ribon-bg-color: #CFEDDF;
    --ribon-color: #00381D;
}

.topic-item.new-design .bbp-author-name {
    color: var(--et-black-color);
    transition: all .3s linear;
}

.topic-item.new-design {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 28px 40px;
    background: #fff;
    font-size: 1rem;
    border: none;
    box-shadow: 0px 0px 50px 0px rgba(1, 40, 146, 0.03);
    border-radius: var(--et-border-radius);
    margin-bottom: 20px;
}
.topic-item.new-design:not(:hover) {
    content-visibility: auto;
    contain-intrinsic-size: auto 300px;
}
#bbp-user-subscriptions .topic-item.new-design:not(:hover) {
    content-visibility: visible;
}
#bbpress-forums .topic-item.new-design {
    background: #fff;
    margin-bottom: 20px;
}
#bbpress-forums .type-topic:not(.is_keymaster):last-child .topic-item.new-design {
    margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
    .topic-item.new-design {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
    }

    .type-topic:not(.sticky, .super-sticky) .topic-item.new-design:not(:has(.support-item-label + .support-item-label)) {
        padding-top: 20px;
    }
}

.info-tooltip.new-design {
    border: 2px solid var(--et-border-color);
    position: absolute;
    color: var(--et-black-color);
    background: #fff;
    padding: 10px 20px;
    border-radius: var(--et-border-radius);
    bottom: 100%;
    top: auto;
    left: 50%;
    right: auto;
    transform: translateX(-50%) translateY(10px);
    width: auto !important;
    white-space: nowrap;
    z-index: 1;
    box-shadow: none;
/*    box-shadow: 0px 0px 5px 0px rgba(1, 40, 146, 0.1);*/
    cursor: default;
}

.info-tooltip.new-design:before {
    display: none;
}

.info-tooltip.new-design .info-description {
    color: var(--et-black-color);
}

.info-tooltip.new-design .info-description a {
    color: currentcolor;
    text-decoration: underline;
}

.topic-item.new-design .bbp-reply-topic-info .user-level {
    max-width: 8px !important;
    bottom: 0;
}

.info-tooltip.new-design img {
    max-width: 15px;
    margin: 7px 5px 0 0;
}

.info-tooltip.new-design .info-tooltip-content {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    text-align: start;
}

.topic-item.new-design .bbp-reply-topic-info *:has(.info-tooltip):hover .info-tooltip.new-design {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0px);
}

.topic-item.new-design a {
    color: var(--et-black-color);
    transition: all .2s linear !important;
}

/* single topic edit  */
.topic-edit .bbp-topic-form .et_assistant-open {
    display: none;
}

.reply-edit.et-assistant-on .bbp-submit-wrapper #bbp_reply_submit:only-child,
.topic-edit.et-assistant-on #bbp_reply_submit {
    width: 100%;
}

/*#bbpress-forums ul.status-closed .topic-item.new-design, */
#bbpress-forums ul.status-closed .topic-item.new-design a {
    color: var(--et-black-color);
}

.topic-item.new-design .bbp-author-name:hover, .topic-item.new-design a:hover, /*#bbpress-forums ul.status-closed .topic-item.new-design, */
#bbpress-forums ul.status-closed .topic-item.new-design a:hover {
    color: var(--et-text-color);
}

.topic-item.new-design[data-priority=urgent] {
    --et-topic-priority-color: var(--et-red-color);
    --et-topic-priority-bg-color: var(--et-red-color-10);
}

.topic-item.new-design[data-priority=medium] {
    --et-topic-priority-color: var(--et-orange-color);
    --et-topic-priority-bg-color: var(--et-orange-color-10);
}

.topic-item.new-design:has(.support-item-label.label-premium), .topic-item.new-design:has(.support-item-label.label-priority), .topic-item.new-design:has(.support-item-label.label-solved) {
    border-inline-end: 5px solid var(--et-support-topic-border-color, var(--et-orange-color));
    }


.topic-item.new-design .support-item-label.label-new{
    color: var(--ribon-bg-color, #02a155) !important;
    background: var(--ribon-bg-color, #8bc34a33) !important;
}

.topic-item.new-design .support-item-label.label-new:after{
    content: '';
    border: calc(var(--ribon-height, 24px) / 2) solid var(--ribon-bg-color, #8bc34a33);
    border-right-color: transparent;
    left: 100%;
    top: 0;
    position: absolute;
    width: 0;
    height: 0;
}

.topic-item.new-design:has(.label-premium) {
    --et-support-topic-border-color: var(
    --et-violet-color);
}

.topic-item.new-design:has(.label-solved) {
    --et-support-topic-border-color: var(--et-green-color);
}

.topic-item.new-design .licences-count-new.step-2 {
    color: #FFA726;
}

.topic-item.new-design .licences-count-new.step-3 {
    color: var(--et-black-color);
}

.topic-item.new-design .center-block {
    margin: 0;
    margin-inline-end: auto; margin-inline-start: 35px; display: flex;
    flex-wrap: wrap;
    max-width: 67%;
}

.topic-item.new-design .center-block:first-child {
    margin-inline-start: 0; }

.topic-item.new-design .center-block .bbp-reply-topic-title {
    font-size: 20px;
    flex-basis: 100%;
    font-family: var(--et-heading-font);
    font-weight: var(--et-heading-font-weight);
    text-transform: lowercase;
}

#bbp-topic-394238 .topic-item.new-design .center-block .bbp-reply-topic-title,
.type-forum .topic-item.new-design .center-block .bbp-reply-topic-title {
    text-transform: unset;
}
.topic-item.new-design .center-block .bbp-reply-topic-title:first-letter {
    text-transform: uppercase;
}

.topic-item.new-design .center-block .bbp-reply-topic-title:hover {
    color: var(--et-blue2-color);
}

.topic-item.new-design .center-block .bbp-reply-topic-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.topic-item.new-design .et-actions {
    display: flex;
    flex-wrap: wrap;
    white-space: nowrap;
    align-items: center;
    justify-content: flex-end;
    margin-inline-start: auto; }

.topic-item.new-design .et-actions > select, .topic-item.new-design .et-actions > span {
    margin-inline-start: 25px; }

@media only screen and (max-width: 768px) {
    .topic-item.new-design .center-block {
        max-width: 100%;
    }

    .topic-item.new-design .last-reply-user-info {
        flex-basis: 100%;
    }

    .topic-item.new-design .et-actions {
        margin-top: 7px;
        margin-inline-start: 0;
        flex-direction: row-reverse;
         }

    .topic-item.new-design .et-actions > select, .topic-item.new-design .et-actions > span {
        margin-inline-start: 0; }

    .topic-item.new-design .et-actions > select, .topic-item.new-design .et-actions > span {
        margin-inline-end: 25px; }
}

.topic-item.new-design .bbp-reply-topic-info svg {
    margin-inline-end: 3px; }

.topic-item.new-design .bbp-reply-topic-info > span, .topic-item.new-design .bbp-reply-topic-info > select {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 7px;
    margin-inline-end: 12px; }

.topic-item.new-design .bbp-reply-topic-info > span span {
    margin: 0 2px;
}

.topic-item.new-design .bbp-reply-topic-info .info-tooltip-details > span:first-child,
body .bbp-author-avatar .info-tooltip.new-design .info-tooltip-details > span:first-child {
    font-size: 16px;
    font-family: var(--et-heading-font);
    font-weight: var(--et-heading-font-weight);
}

.topic-item.new-design .bbp-reply-topic-info .info-tooltip-details > span:last-child,
body .bbp-author-avatar .info-tooltip.new-design .info-tooltip-details > span:last-child {
    color: var(--et-font-color);
}

.topic-item.new-design .bbp-reply-topic-info .comments-count {
    color: var(--et-black-color);
}

/* account */
.bbp-user-replies-created .bbp-search-form, .bbp-user-topics-started .bbp-search-form {
    float: right;
    transform: translateY(-15px);
    --et-input-bg-color: transparent;
    --et-input-shadow-color-hover: transparent;
}

/* reply form global styling */
body .wp-editor-container {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    border-color: var(--et-border-color);
    border-width: var(--et-input-border-width, 2px);
    border-radius: var(--et-border-radius);
}

.bbp-the-content-wrapper:has(textarea:focus):hover .info-tooltip.new-design, .private-content-area:has(textarea:focus):hover .info-tooltip.new-design {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(-10px);
}

.bbp-the-content-wrapper .info-tooltip.new-design, .private-content-area .info-tooltip.new-design {
    white-space: normal;
    min-width: 450px;
}
@media only screen and (max-width: 500px) {
    .bbp-the-content-wrapper .info-tooltip.new-design, .private-content-area .info-tooltip.new-design {min-width: calc(100vw - 30px);}
}
.quicktags-toolbar {
    flex: 1;
/*    order: 1;*/
/*    border-bottom: none !important;*/
/*    border-top: var(--et-input-border-width, 2px) solid var(--et-border-color);*/
/*    border-radius: 0 0 var(--et-border-radius) var(--et-border-radius);*/
    border-radius: var(--et-border-radius) var(--et-border-radius) 0 0;
}

#bbpress-forums  .bbp-reply-form:has(.assistant-area-wrapper) fieldset.bbp-form {
    background: transparent;
    padding: 0;
    border: none;
    --et-input-shadow-color-hover: transparent;
}
.bbp-reply-form:has(.assistant-area-wrapper) .assistant-result {
    color: var(--et-black-color);
    height: calc(263px + 38px);
    border: none;
    border-radius: var(--et-border-radius);
    overflow: auto;
    margin-left: 34px;
}

.bbp-reply-form:has(.assistant-area-wrapper) .assistant-area-wrapper h6 {
    margin-left: 34px;
    margin-bottom: 20px;
}

/*.bbp-reply-form:has(.assistant-area-wrapper) .bbp-the-content-wrapper h6 {
    margin-bottom: 20px;
}*/

.bbp-reply-form:has(.assistant-area-wrapper) .assistant-refresh-holder i {
    font-size: 14px;
    border-radius: var(--et-border-radius);
    border: none;
    transition: all .3s linear;
    background: #fff;
    color: var(--et-black-color);
}

.bbp-reply-form:has(.assistant-area-wrapper) .assistant-refresh-holder i:hover {
    background: var(--et-blue2-color);
    color: #fff;
}

.bbp-reply-form:has(.assistant-area-wrapper) .private-content-heading {
    border: none;
    font-size: 18px;
    line-height: 1.5em;
    padding: 0;
    margin: 0 0 20px;
    background: transparent;
}
.bbp-reply-form:has(.assistant-area-wrapper) .private-content-area-toggle .private-content-heading {
    margin-top: 10px;
    margin-bottom: 0;
    cursor: pointer;
}
.bbp-reply-form:has(.assistant-area-wrapper) .private-content-area {
    /* border: var(--et-input-border-width, 2px) solid var(--et-border-color); */
    background: transparent;
    border: none;
}

.bbp-reply-form:has(.assistant-area-wrapper) .private-content-area-toggle {
    border: none;
}

.bbp-reply-form:has(.assistant-area-wrapper) .private-content-area-toggle .private-content {
    color: var(--et-black-color);
    height: calc(263px + 38px);
    border: var(--et-input-border-width, 2px) solid var(--et-border-color);
    border-radius: var(--et-border-radius);
    background: #fff;
    margin-top: 20px !important;
}

.bbp-reply-form:has(.assistant-area-wrapper) .private-content-area:has(.private-content-heading:not(.active)) + .empty-space {
    display: none;
}

.bbp-reply-form:has(.assistant-area-wrapper) .private-content-area-toggle .private-content-heading:after {
    content: "\f078";
    font-family: 'FontAwesome';
    margin-left: 12px;
    font-size: .8em;
}

.bbp-reply-form:has(.assistant-area-wrapper) .assistant-refresh-holder { 
    z-index: auto;
    text-align: center;
    left: 0;
    max-width: 34px;
}

.bbp-reply-form:has(.assistant-area-wrapper) .private-content-area-toggle .private-content-heading.active:after {
    content: "\f077";
}

.bbp-reply-form:has(.assistant-area-wrapper) .et_assistant-open {
    display: none;
}

.et-assistant-on .bbp-reply-form:has(.assistant-area-wrapper)  #bbp_reply_submit {
    width: 100%;
}

.bbp-reply-form:has(.assistant-area-wrapper) .bbp-the-content-wrapper,
.bbp-reply-form:has(.assistant-area-wrapper) .assistant-area-wrapper {
    margin-bottom: 10px;
} 

.form-reply-static-wrapper .bbp-reply-form:has(.assistant-area-wrapper) .bbp-the-content-wrapper,
.form-reply-static-wrapper .bbp-reply-form:has(.assistant-area-wrapper) .assistant-area-wrapper {
    margin-bottom: 20px;
}

.bbp-reply-form:has(.assistant-area-wrapper) .assistant-result, .bbp-reply-form:has(.assistant-area-wrapper) .private-content, .bbp-reply-form div.bbp-the-content-wrapper textarea.bbp-the-content {
    color: var(--et-black-color);
    padding: 15px;
    font-size: 16px;
    background: #fff;
}
@media only screen and (max-width: 991px) {
    .bbp-reply-form:has(.assistant-area-wrapper) .assistant-refresh-holder {
        max-width: unset;
        top: auto;
        bottom: 100%;
        transform: none;
        left: 0;
        right: 0;
    }
    .bbp-reply-form:has(.assistant-area-wrapper) .assistant-area-wrapper {
        margin-top: 50px;
    }
    .bbp-reply-form:has(.assistant-area-wrapper) .assistant-result, .bbp-reply-form:has(.assistant-area-wrapper) .assistant-area-wrapper h6 {
        margin-left: 0;
    }
}

.bbp-reply-form:has(.assistant-area-wrapper) .private-content {
    border: var(--et-input-border-width, 2px) solid var(--et-border-color);
}

/*.bbp-reply-form:has(.assistant-area-wrapper) .row > .bbp-the-content-wrapper:not(:has(>h6)) {
    margin-top: 45px;
}
*/
/* Account page */
.account-panel-navigation {
    position: relative;
    --sidebar-link-hover: var(--et-blue2-color);
}
.account-panel-navigation:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 4px;
    background: var(--et-border-color);
}
.account-panel-navigation a {
    padding: 12px 0;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

.account-panel-navigation li:not(:hover, .active) {
    --navigation-link-effect2: 0%;
}

.account-panel-navigation li.active a,
.account-panel-navigation li:hover a {
    color: var(--sidebar-link-hover, var(--et-black-color));
}

.account-panel-navigation li:not(:hover, .active) a:after {
    bottom: auto;
    top: 0;
}

.account-panel-navigation a:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    height: var(--navigation-link-effect2, 100%);
    width: 4px;
    background: var(--sidebar-link-hover, var(--et-black-color));
    transition: height .2s linear;
    z-index: 1;
}

.account-panel td:last-child .order-actions-wrapper {
    justify-content: flex-end;
}
.account-panel .order-actions-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 -5px;
}

.account-panel .order-actions-wrapper a {
    margin: 0 5px;
}

.sidebar-entry.new-design .account-panel-navigation li {
    margin: 0;
}

.replay-static-form.form-customer .bbp-submit-wrapper:not(:has(.close-topic-wrapper)) #bbp_reply_submit {
    width: 100%;
}
@media only screen and (max-width: 991px) {
    #beacon-container {
        display: none;
    }
}


.et-preselected_block{
    display: flex;
    align-content: center;
    align-items: center;
    margin-left: 5px;
}
.et-preselected_block_title{
    font-size: 16px;
    line-height: 1.5em;
    color: var(--et-black-color);
}

.reply_form-title{
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
}

.reply_form-title:has(.et-preselected_block) {
    position: relative;
    top: -10px;
}



.inline-entry-row.type-flex{
    display: flex;
    align-items: center;
}

.et-author-country{
    cursor: pointer;
}

.et-author-country img.emoji{
    display: inline-block!important;
    width: 25px !important;
    height: 25px !important;
    cursor: pointer;
}

.logged-in .support-detail-entry-header .et-author-country:hover .info-tooltip{
    opacity: 1;
    visibility: visible;
    top: auto;
    bottom: calc(100% + 17px);
}

.et-author-country .tooltip.nowrap{
    cursor: default;
}

.et-author-country .info-tooltip-details{
    color: #000;
    font-size: 14px;
}

.sa.size-25{
    font-size: 25px;
}

.left-minus-10{
    margin-left: -10px;
}

#subscription-toggle {
    position: relative;
    float: none !important;
}

@media (hover: hover) {
    #subscription-toggle:before {
        content: var(--et-subscription-tooltip, 'Subscribe');
        display: inline-block;
        position: absolute;
        left: 1%;
        transform: translateX(-50%);
        bottom: calc(100% + 5px);
        white-space: nowrap;
        font-size: 14px;
        line-height: 18px;
        padding: 3px 10px;
        border: var(--et-input-border-width, 2px) var(--et-border-color) solid;
        z-index: 1;
        border-radius: var(--et-border-radius);
        color: var(--et-black-color);
        background: #fff;
        transition: transform .2s, opacity .2s, left .2s;
        opacity: 0;
        visibility: hidden;
    }
}

#subscription-toggle:has(.is-subscribed) {
    --et-subscription-tooltip: 'Unsubscribe';
}

#subscription-toggle:hover:before {
    left: 50%;
    opacity: 1;
    visibility: visible;
}
#subscription-toggle, #subscription-toggle > span {
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
    font-size: 0;
}

body #subscription-toggle a {font-size: 0px !important;--icon-size: 44px;}

body #subscription-toggle a {
    position: relative;
    color: var(--icon-color, var(--et-dark-color)) !important;
    display: inline-flex;
    width: var(--icon-size);
    height: var(--icon-size);
    isolation: isolate;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
}
#subscription-toggle a:after {
    content: '';
    position: absolute;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: var(--icon-svg, url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgNi4wMjI0NEMwIDQuNzc1NTYgMC4yNzgxMjUgMy42MzE1NSAwLjgzNDM3NSAyLjU5MDRDMS4zOTA2MiAxLjU0OTI1IDIuMTM3NSAwLjY4NTc4NiAzLjA3NSAwTDMuOTU2MjUgMS4xOTcwMUMzLjIwNjI1IDEuNzQ1NjQgMi42MDkzOCAyLjQzNzY2IDIuMTY1NjMgMy4yNzMwN0MxLjcyMTg4IDQuMTA4NDggMS41IDUuMDI0OTQgMS41IDYuMDIyNDRIMFpNMTMuNSA2LjAyMjQ0QzEzLjUgNS4wMjQ5NCAxMy4yNzgxIDQuMTA4NDggMTIuODM0NCAzLjI3MzA3QzEyLjM5MDYgMi40Mzc2NiAxMS43OTM4IDEuNzQ1NjQgMTEuMDQzOCAxLjE5NzAxTDExLjkyNSAwQzEyLjg2MjUgMC42ODU3ODYgMTMuNjA5NCAxLjU0OTI1IDE0LjE2NTYgMi41OTA0QzE0LjcyMTkgMy42MzE1NSAxNSA0Ljc3NTU2IDE1IDYuMDIyNDRIMTMuNVpNMS41IDEyLjc1NTZWMTEuMjU5NEgzVjYuMDIyNDRDMyA0Ljk4NzUzIDMuMzEyNSA0LjA2Nzk2IDMuOTM3NSAzLjI2MzcyQzQuNTYyNSAyLjQ1OTQ4IDUuMzc1IDEuOTMyNjcgNi4zNzUgMS42ODMyOVYxLjE1OTZDNi4zNzUgMC44NDc4OCA2LjQ4NDM4IDAuNTgyOTE4IDYuNzAzMTMgMC4zNjQ3MTNDNi45MjE4OCAwLjE0NjUwOSA3LjE4NzUgMC4wMzc0MDY1IDcuNSAwLjAzNzQwNjVDNy44MTI1IDAuMDM3NDA2NSA4LjA3ODEyIDAuMTQ2NTA5IDguMjk2ODggMC4zNjQ3MTNDOC41MTU2MiAwLjU4MjkxOCA4LjYyNSAwLjg0Nzg4IDguNjI1IDEuMTU5NlYxLjY4MzI5QzkuNjI1IDEuOTMyNjcgMTAuNDM3NSAyLjQ1OTQ4IDExLjA2MjUgMy4yNjM3MkMxMS42ODc1IDQuMDY3OTYgMTIgNC45ODc1MyAxMiA2LjAyMjQ0VjExLjI1OTRIMTMuNVYxMi43NTU2SDEuNVpNNy41IDE1QzcuMDg3NSAxNSA2LjczNDM4IDE0Ljg1MzUgNi40NDA2MyAxNC41NjA1QzYuMTQ2ODggMTQuMjY3NSA2IDEzLjkxNTIgNiAxMy41MDM3SDlDOSAxMy45MTUyIDguODUzMTMgMTQuMjY3NSA4LjU1OTM4IDE0LjU2MDVDOC4yNjU2MiAxNC44NTM1IDcuOTEyNSAxNSA3LjUgMTVaTTQuNSAxMS4yNTk0SDEwLjVWNi4wMjI0NEMxMC41IDUuMTk5NSAxMC4yMDYzIDQuNDk1MDEgOS42MTg3NSAzLjkwODk4QzkuMDMxMjUgMy4zMjI5NCA4LjMyNSAzLjAyOTkzIDcuNSAzLjAyOTkzQzYuNjc1IDMuMDI5OTMgNS45Njg3NSAzLjMyMjk0IDUuMzgxMjUgMy45MDg5OEM0Ljc5Mzc1IDQuNDk1MDEgNC41IDUuMTk5NSA0LjUgNi4wMjI0NFYxMS4yNTk0WiIgZmlsbD0iIzEwMTUyMyIvPgo8L3N2Zz4K'));
    background-position: center center;
    background-repeat: no-repeat;
    background-size: calc(var(--icon-size) / 2.3);
    z-index: 2;
    width: 100%;
    height: 100%;
    transform-origin: 50% 4px;
}
#subscription-toggle a:before { 
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 50%;
    background: #fff;
    border: 2px solid var(--et-border-color);
}
#subscription-toggle:has(.is-subscribed) a:before {
    background: currentColor;
    opacity: .1;
    border-color: transparent;
}
#subscription-toggle .is-subscribed {
    --icon-color: var(--et-red-color);
    --icon-svg: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuMTAxMDEgMTMuMjAzOVYxMS42NTA1SDMuNzE3MTdWNi4yMTM1OUMzLjcxNzE3IDUuNzg2NDEgMy43NzQ0MSA1LjM2NTcgMy44ODg4OSA0Ljk1MTQ2QzQuMDAzMzcgNC41MzcyMiA0LjE3NTA4IDQuMTQyNCA0LjQwNDA0IDMuNzY2OTlMNS42MTYxNiA0LjkzMjA0QzUuNTIxODkgNS4xMzkxNiA1LjQ1MTE4IDUuMzQ5NTEgNS40MDQwNCA1LjU2MzExQzUuMzU2OSA1Ljc3NjcgNS4zMzMzMyA1Ljk5MzUzIDUuMzMzMzMgNi4yMTM1OVYxMS42NTA1SDEwLjM0MzRMMCAxLjcwODc0TDEuMTMxMzEgMC42MjEzNTlMMTYgMTQuOTEyNkwxNC44Njg3IDE2TDExLjkxOTIgMTMuMjAzOUgyLjEwMTAxWk0xMy40MTQxIDEwLjIxMzZMMTEuNzk4IDguNjYwMTlWNi4yMTM1OUMxMS43OTggNS4zNTkyMiAxMS40ODE1IDQuNjI3ODMgMTAuODQ4NSA0LjAxOTQyQzEwLjIxNTUgMy40MTEgOS40NTQ1NSAzLjEwNjggOC41NjU2NiAzLjEwNjhDOC4yMTU0OSAzLjEwNjggNy44Nzg3OSAzLjE1ODU4IDcuNTU1NTYgMy4yNjIxNEM3LjIzMjMyIDMuMzY1NyA2LjkzNjAzIDMuNTIxMDQgNi42NjY2NyAzLjcyODE2TDUuNDk0OTUgMi42MDE5NEM1Ljc2NDMxIDIuMzk0ODIgNi4wNTM4NyAyLjIxMzU5IDYuMzYzNjQgMi4wNTgyNUM2LjY3MzQgMS45MDI5MSA3LjAwMzM3IDEuNzg2NDEgNy4zNTM1NCAxLjcwODc0VjEuMTY1MDVDNy4zNTM1NCAwLjg0MTQyNCA3LjQ3MTM4IDAuNTY2MzQzIDcuNzA3MDcgMC4zMzk4MDZDNy45NDI3NiAwLjExMzI2OSA4LjIyODk2IDAgOC41NjU2NiAwQzguOTAyMzYgMCA5LjE4ODU1IDAuMTEzMjY5IDkuNDI0MjQgMC4zMzk4MDZDOS42NTk5MyAwLjU2NjM0MyA5Ljc3Nzc4IDAuODQxNDI0IDkuNzc3NzggMS4xNjUwNVYxLjcwODc0QzEwLjg1NTIgMS45Njc2NCAxMS43MzA2IDIuNTE0NTYgMTIuNDA0IDMuMzQ5NTFDMTMuMDc3NCA0LjE4NDQ3IDEzLjQxNDEgNS4xMzkxNiAxMy40MTQxIDYuMjEzNTlWMTAuMjEzNlpNOC41NjU2NiAxNS41MzRDOC4xMjEyMSAxNS41MzQgNy43NDA3NCAxNS4zODE5IDcuNDI0MjQgMTUuMDc3N0M3LjEwNzc0IDE0Ljc3MzUgNi45NDk0OSAxNC40MDc4IDYuOTQ5NDkgMTMuOTgwNkgxMC4xODE4QzEwLjE4MTggMTQuNDA3OCAxMC4wMjM2IDE0Ljc3MzUgOS43MDcwNyAxNS4wNzc3QzkuMzkwNTcgMTUuMzgxOSA5LjAxMDEgMTUuNTM0IDguNTY1NjYgMTUuNTM0WiIgZmlsbD0iI0M2MjgyOCIvPgo8L3N2Zz4K');
}

#subscription-toggle:has( span:not(.is-subscribed)):hover a:after {
    animation: ring 7s ease-in-out infinite;
}
@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }

  43% { transform: rotate(0); }
  100% { transform: rotate(0); }
}