/*-------------------------------------------------------------------------------------------------------------------------------*/
/* RESET STYLES */
/*-------------------------------------------------------------------------------------------------------------------------------*/
html {
    overflow: hidden;
    overflow-y: auto;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

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

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

em {
    font-style: italic;
}

blockquote {
    padding: 10px;
    border-left: 3px solid #e6e6e6;
    margin-bottom: 10px;
    background: #f9f9f9;
    color: #222;
    font-style: italic;
}

body * {
    -webkit-text-size-adjust: none;
    outline: none;
}

.clear {
    clear: both;
    overflow: hidden;
    height: 0px;
    font-size: 0px;
    display: block;
}

.pointer {
    cursor: pointer;
}

input:focus, select:focus, textarea:focus, button:focus {
    outline: none;
}

input, textarea, select, .select2-container {
    /*  font-family: 'Roboto', sans-serif;*/
    font-weight: 400;
    border-radius: 0;
    background: none;
    border: none;
    margin: 0;
}

select {
    font-size: 14px;
    -webkit-appearance: none;
    background: 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') no-repeat calc(100% - 10px) center;
    background-size: 10px;
}

select.si  {
    background: 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') no-repeat calc(100% - 10px) center;
}

select.si.size-2 {
    background-size: 15px;
    padding-right: 35px;
}

textarea {
    display: block;
    resize: none;
    overflow: auto;
    font-size: 16px;
}

select::-ms-expand {
    display: none;
}

select, select.si.size-2, .select2-container, input, input.si.size-2 {
    font-size: 16px;
}

img {
    max-width: 100%;
}

img.img-center, .img-center img {
    margin: 0 auto;
    display: block;
}

.button input[type="submit"], .fa input[type="submit"], input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important;
    opacity: 0;
    border: none;
    cursor: pointer;
    z-index: 1;
}

input[type=text], input[type=search] {
    border: var(--et-input-border-width, 2px) solid var(--et-border-color);
}

input[type=submit], input[type=radio], input[type=checkbox], input.button-new, input.button {
    --et-input-shadow-color-hover: transparent;
}

a, a:link, a:visited, a:active, a:hover {
    cursor: pointer;
    text-decoration: none;
    outline: none;
}

hr {
    border-bottom: var(--et-input-border-width, 2px) solid var(--et-border-color);
}

/* Stas styling brand-new */
@font-face {
    font-family: 'archia';
    src: url('../fonts/archia/archia-medium-webfont.eot');
    src: url('../fonts/archia/archia-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/archia/archia-medium-webfont.woff2') format('woff2'), url('../fonts/archia/archia-medium-webfont.woff') format('woff'), url('../fonts/archia/archia-medium-webfont.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: fallback;
}

@font-face {
    font-family: 'archia';
    src: url('../fonts/archia/archia-regular-webfont.eot');
    src: url('../fonts/archia/archia-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/archia/archia-regular-webfont.woff2') format('woff2'), url('../fonts/archia/archia-regular-webfont.woff') format('woff'), url('../fonts/archia/archia-regular-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: fallback;
}

@font-face {
    font-family: 'basier-circle';
    src: url('../fonts/basier/basiercircle-medium-webfont.eot');
    src: url('../fonts/basier/basiercircle-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/basier/basiercircle-medium-webfont.woff2') format('woff2'), url('../fonts/basier/basiercircle-medium-webfont.woff') format('woff'), url('../fonts/basier/basiercircle-mediuь-webfont.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'basier-circle';
    src: url('../fonts/basier/basiercircle-regular-webfont.eot');
    src: url('../fonts/basier/basiercircle-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/basier/basiercircle-regular-webfont.woff2') format('woff2'), url('../fonts/basier/basiercircle-regular-webfont.woff') format('woff'), url('../fonts/basier/basiercircle-regular-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* for smooth scroll after clicking on reply button */
html:has(.form-reply-static-wrapper .form-customer) {
    scroll-behavior: smooth;
}

/* end styling new */
body {
    /*  font-family: 'Roboto', sans-serif;*/
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    padding-top: 87px;
    color: #999999;
}

body:not(.home) {
    padding-top: 93px;
}

body.has-top-bar:not(.home) {
    /*padding-top: 137px; !* if top-bar *!*/
    padding-top: 143px;
    /* if top-bar padding 12px 0 */
}

/* there are no top bar anyway on checkout page */
body:not(.has-top-bar) .top-bar {
    display: none !important;
}

/*body.woocommerce-checkout {*/
/*  padding-top: 93px;*/
/*}*/
body:has(form.checkout .blockUI) #loader-wrapper {
    display: block !important;
}
body:has(form.checkout) #loader-wrapper {
    background: rgb(255, 255, 255, 0.5);
}
body:has(form.checkout) .blockOverlay {
    background: transparent !important;
}
body:has(form.checkout) .ajax-load-3 {
    display: none;
}
body:has(form.checkout) .spinner.loading {
    animation: rotate .5s linear infinite;
    background: transparent;
    border: 4px solid var(--et-border-color);
    border-left-color: var(--et-blue2-color);
    width: 40px;
    height: 40px;
}
body:has(form.checkout) .content-sidebar-wrapper.new-design {
    background: transparent;
    --et-more-content-overlay01: #fff;
    padding-bottom: 20px;
}

body:has(form.woocommerce-checkout) #header > .container,
body:has(form.woocommerce-checkout) .footer > .container,
body:has(form.checkout) .content-sidebar-wrapper.new-design > .container {
    max-width: 1360px;
}

body:has(form.checkout) {
    background: rgb(74 89 128 / 5%);
}
/*body:has(form.checkout) .shop_table .cart_item {
    border-bottom: 2px solid var(--et-border-color);
}*/
body:has(form.woocommerce-checkout) .footer {
    padding-top: 30px;
}

@media (max-width: 1023px) {
    body {
        padding-top:35px
    }

    body:not(.home) {
        padding-top: 60px;
        padding-top: 45px;
    }

    body.has-top-bar:not(.home) {
        /*padding-top: 100px; !* if top-bar *!*/
        padding-top: 108px;
        /* if top-bar padding 12px 0 */
    }

    body:has(form.checkout) {
        padding-top: 80px;
    }
}

/* if top bar */
@media (max-width: 767px) {
    body.has-top-bar:not(.home) {
        padding-top: 88px;
        padding-top: 98px;
        /* top bar padding 12px 0 */
    }

    /*body.woocommerce-checkout {*/
    /*  padding-top: 45px;*/
    /*}*/
}

@media (max-width: 480px) {
    /*body:not(.has-top-bar) .top-bar {*/ /*  display: none;*/ /*}*/ body:not(.has-top-bar), body.has-top-bar.top-bar-mobile-hidden {
        padding-top: 42px;
        padding-top: 52px;
    }

    body.admin-bar:not(.has-top-bar), body.admin-bar.has-top-bar.top-bar-mobile-hidden {
        padding-top: 58px;
    }
}

body p:empty {
    display: none;
}

b, strong {
    font-weight: 700;
}

ul, ol {
    list-style: none;
}

ul.list-disc {
    list-style: disc;
    list-style-position: inside;
}

a {
    color: inherit;
    text-decoration-skip-ink: none;
}

body ::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    background: #e1e1e1
}

body ::-webkit-scrollbar-thumb {
    background: #888
}

.et-form-error-text {
    color: var(--et-red-color);
    padding: 5px;
    font-size: 12px;
}

.key_error {
    color: var(--et-red-color);
    font-size: 16px;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* GLOBAL SETTINGS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*main*/
#content-block {
    position: relative;
    overflow: hidden;
    left: 0;
}

.overflow-hidden {
    overflow: hidden;
}

html.overflow-hidden body {
    overflow: hidden;
}

/*???*/
/*html:not(.loaded) * {*/
/*  transition: none;*/
/*  -webkit-transition: none;*/
/*}*/
@media (min-width: 1450px) {
    /*header .container, footer .container{width: 1400px;}*/ /* header {height: 150px !important;}
  header+*{margin-top: 150px !important;} */.xl-12 {
        width: 100%;
    }

    .simple-row .h1, .top-banner h1 {
        font-size: 55px;
    }

    .size-52-lg {
        font-size: 52px !important;
    }
}

.page-min-height-wrapper {
    display: table-cell;
    vertical-align: middle;
    width: 10000px;
}

.error-page {
    padding-bottom: 6vw;
}

.tooltip {
    background: #fff;
    font-size: 14px;
    line-height: 18px;
    padding: 5px 10px;
    border: 3px;
    position: absolute;
    left: 1%;
    bottom: 100%;
    margin-bottom: 10px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    text-transform: none;
    color: var(--et-black-color);
    opacity: 0;
    visibility: hidden;
    border: var(--et-input-border-width, 2px) var(--et-border-color) solid;
    border-radius: var(--et-border-radius);
    z-index: 1;
    transition: transform .2s, opacity .2s, left .2s;
    -webkit-transition: -webkit-transform .2s, opacity .2s, left .2s;
}

*:hover>.tooltip {
    left: 50%;
    opacity: 1;
    visibility: visible;
}

.tooltip::before {
    width: 10px;
    height: 10px;
    background: #fff;
    border-right: var(--et-input-border-width, 2px) var(--et-border-color) solid;
    border-bottom: var(--et-input-border-width, 2px) var(--et-border-color) solid;
    content: "";
    left: 50%;
    bottom: -9px;
    position: absolute;
    transform: rotate(45deg) translateX(-50%);
    -webkit-transform: rotate(45deg) translateX(-50%);
    display: none;
}

.left-tooltip, .top-tooltip {
    /*  font-family: 'Roboto', sans-serif;*/
    left: auto;
    right: -40px;
    top: -5px;
    bottom: auto;
    white-space: nowrap;
    background: #fff;
    font-size: 14px;
    line-height: 18px;
    padding: 15px 21px;
    position: absolute;
    margin-bottom: 10px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    text-transform: none;
    color: var(--et-black-color);
    opacity: 0;
    visibility: hidden;
    border: var(--et-input-border-width, 2px) var(--et-border-color) solid;
    z-index: 1;
    border-radius: var(--et-border-radius);
    transition: opacity .2s, top .2s;
    -webkit-transition: opacity .2s, top .2s;
}

*:hover>.left-tooltip {
    top: 8px;
    opacity: 1;
    visibility: visible;
}

.left-tooltip::before {
    width: 10px;
    height: 10px;
    background: #fff;
    border-right: 1px #e6e6e6 solid;
    border-top: 1px #e6e6e6 solid;
    content: "";
    position: absolute;
    bottom: 5px;
    right: -10px;
    transform: rotate(45deg) translateX(-50%);
    -webkit-transform: rotate(45deg) translateX(-50%);
}

.top-tooltip {
    top: auto;
    left: 50%;
    right: auto;
    bottom: calc(100% - 5px);
    transition-property: all;
}

*:hover>.top-tooltip {
    top: auto;
    bottom: 100%;
    opacity: 1;
    visibility: visible;
}

.tooltip-parent {
    position: relative;
}

.small-tooltip.left-tooltip {
    top: -7px;
    transform: none;
    right: calc(100% + 10px);
}

/*table*/
.table-view {
    height: 100%;
    width: 100%;
    display: table;
}

.row-view {
    display: table-row;
}

.cell-view {
    display: table-cell;
    vertical-align: middle;
    width: 10000px;
}

/*body selection*/
body ::selection {
    color: #fff;
    background: #000;
}

body ::-moz-selection {
    color: #fff;
    background: #000;
}

/*helper classes*/
.line-through {
    display: inline-block;
    position: relative;
    padding: 0 5px;
}

.line-through:after {
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    top: 50%;
    background: currentColor;
    content: "";
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.valign-middle {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}

.justify-content {
    justify-content: space-between;
}

.text-underline, a.text-underline, .text-underline:hover {
    text-decoration: underline !important;
}

.back-history {
    float: right !important;
    margin-right: 0px !important;
}

.valign-middle-content {
    width: 100%;
    position: relative;
}

.full-size {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.fixed-background {
    background-size: cover;
    background-position: center top;
    background-attachment: fixed;
}

html.mobile .fixed-background {
    background-attachment: scroll;
}

.floatfix {
    float: left;
    width: 100%;
}

.scrollfix {
    line-height: 1.35;
    overflow: hidden;
    white-space: nowrap;
}

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

.nowrap {
    white-space: nowrap;
}

sup {
    font-size: .5em;
    vertical-align: top;
}

.new-popup #bbpress-forums {
    margin-bottom: 0;
}

.toggle-wrapper {
    display: none;
}

.toggle-new-popup-close {
    position: absolute;
    right: -2%
}

.step-tooltip-content .toggle-new-popup-close {
    right: -6%;
    top: 0%;
}

.step-tooltip-content .toggle-new-popup-close .button-close {
    top: 0;
    background-color: #fff;
}

.new-popup-inner .private-content-area .mce-panel, .new-popup .private-content-area .mce-panel {
    border-radius: 0px 0px 3px 3px;
    border-top: 0px;
}

.info-tooltip-wrapper .circle-info {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    top: auto;
    right: auto;
    bottom: 10px;
    left: 15px;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
}

.info-tooltip-wrapper .circle-info .info-tooltip {
    left: 35px;
}

.info-tooltip-wrapper .circle-info .fa {
    font-size: 12px;
    border: 2px solid;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 16px;
    text-align: center
}

.info-tooltip-wrapper .circle-info:hover {
    color: var(--et-blue2-color);
}

.topic-edit #bbpress-forums, .reply-edit #bbpress-forums {
    margin-bottom: 0;
}

.topic-edit #bbpress-forums img.avatar, .reply-edit #bbpress-forums img.avatar {
    max-width: 70px;
}

span.bbp-author-ip {
    font-family: inherit;
    color: inherit;
    font-size: 12px;
}

#bbpress-forums .bbp-reply-form fieldset.bbp-form {
    background-color: #fff;
    padding: 20px 20px 10px;
}

fieldset.bbp-form legend, form#new-post legend {
    font-size: 24px;
    color: #000;
    margin-bottom: 5px;
}

#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
    font-size: 16px !important;
    background-color: #fff;
}

/*warning*/
#bbp_topic_tags {
    width: 100%;
}

.private-content-heading {
    border-bottom: var(--et-input-border-width, 2px) var(--et-border-color) solid;
    border-radius: .35em .35em 0 0;
    padding: 10px 19px;
    font-size: 14px;
    color: #333;
    background: #f8f8f8;
    line-height: 16px;
}

.private-content-heading i {
    margin-right: 4px;
}

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

/*hovers*/
/*loader*/
#loader-wrapper {
    display: none;
    position: fixed;
    left: 0;
    top: -100px;
    right: 0;
    bottom: -100px;
    background: #fff;
    z-index: 13;
}

/*html:not(.loaded) {*/
/*  filter: blur(5px);*/
/*}*/
/* background light*/
.bg-light {
    background-color: #f8f8f8;
}

/**/
.sa.size-12 {
    font-size: 12px;
    line-height: 18px;
}

.sa.size-13 {
    font-size: 13px;
    line-height: 22px;
}

.sa.size-14 {
    font-size: 14px;
    line-height: 22px;
}

.sa.size-15 {
    font-size: 15px;
    line-height: 22px;
}

.sa.size-16 {
    font-size: 16px;
    line-height: 28px;
}

.sa.size-17 {
    font-size: 17px;
    line-height: 30px;
}

.sa.size-18 {
    font-size: 18px;
    line-height: 30px;
}

.popup-deactivation-support-expaired {
    color: #999;
}

.sa.size-20 {
    font-size: 20px;
    line-height: 32px;
}

.sa.size-24 {
    font-size: 24px;
    line-height: 32px;
}

.sa.size-28 {
    font-size: 28px;
    line-height: 34px;
}

.sa.size-32 {
    font-size: 32px;
    line-height: 40px;
}

.sa.size-36 {
    font-size: 36px;
    line-height: 40px;
}

.regular {
    font-weight: 400 !important;
}

.light {
    font-weight: 300 !important;
}

.sa p, .sa ul, .sa ol, .sa img, .sa h1, .sa h2, .sa h3, .sa h4, .sa h5, .sa h6, .sa .embed-responsive, .sa .swiper-container {
    margin-bottom: 22px;
}

.sa-plus p {
    margin-bottom: 0px;
    line-height: 35px;
}

.sa-plus h5 {
    margin-bottom: 10px;
}

.sa *:last-child {
    margin-bottom: 0;
}

.sa img {
    max-width: 100%;
    height: auto;
    display: block;
}

.sa ol {
    counter-reset: number;
}

.sa ol li {
    padding-left: 0;
    margin-bottom: 8px;
}

.sa ol li:before {
    counter-increment: number;
    content: "#"counter(number);
    color: #b8cd06;
    margin-right: 5px;
}

.sa ul li {
    padding-left: 20px;
    padding-bottom: 3px;
    padding-top: 3px;
    position: relative;
}

.sa ul li:before {
    content: "\f105";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -9px;
    font: normal normal normal 18px/1 FontAwesome;
    color: var(--et-blue2-color);
}

.sa-grey ul li:before {
    color: var(--et-text-color);
}

.sa-plus ul li:before {
    content: "\f00c";
    font-size: 12px;
    margin-top: 8px;
    top: auto;
}

.sa h1, .h1, .sa h2, .h2, .sa h3, .h3, .sa h4, .h4, .sa h5, .h5, .sa h6, .h6 {
    color: var(--et-black-color);
    font-weight: 300;
    font-family: var(--et-heading-font);
    font-weight: var(--et-heading-font-weight);
}

.sa h1 a, .h1 a, .sa h2 a, .h2 a, .sa h3 a, .h3 a, .sa h4 a, .h4 a, .sa h5 a, .h5 a, .sa h6 a, .h6 a {
    color: inherit;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.sa h1 a:hover, .h1 a:hover, .sa h2 a:hover, .h2 a:hover, .sa h3 a:hover, .h3 a:hover, .sa h4 a:hover, .h4 a:hover, .sa h5 a:hover, .h5 a:hover, .sa h6 a:hover, .h6 a:hover {
    color: var(--et-blue2-color);
}

.sa h1, .h1 {
    font-size: 60px;
    line-height: 1.08em;
    letter-spacing: -0.05em;
}

.sa h2, .h2 {
    font-size: 52px;
    line-height: 1.15em;
    letter-spacing: -0.05em;
}

.sa h3, .h3, .sa .title-h3 {
    font-size: 42px;
    line-height: 1.125em;
    letter-spacing: -0.05em;
}

.sa h4, .h4 {
    font-size: 32px;
    line-height: 1.28em;
}

.sa h5, .h5 {
    font-size: 24px;
    line-height: 1.45em;
}

.sa h6, .h6 {
    font-size: 18px;
    line-height: 1.5em;
}

.sa a:not(.button, .button-new) {
    transition: all .3s;
    -webkit-transition: all .3s;
}

.sa a:not(.button, .button-new) {
    color: var(--et-black-color);
}

.sa a:not(.button, .button-new):hover {
    color: var(--et-text-color);
}

.sa.ba a:not(.button) {
    text-decoration: underline;
}

.sa.ba a:not(.button):hover {
    text-decoration: none;
}

.sa .table {
    width: 100%;
    border: 1px #ddd solid;
}

.sa .table th, .sa .table td {
    font-size: inherit !important;
    line-height: 1.5em !important;
    padding: 15px !important;
    white-space: normal !important;
}

.sa .table th {
    background: #efefef;
    color: #444;
    /*  font-family: 'Roboto', sans-serif;*/
    font-weight: 500;
    border: 1px #ddd solid !important;
    text-align: center;
}

.sa .table td {
    border: 1px #ddd solid !important;
}

.sa .table tbody tr {
    background: #fff;
}

.sa .table tbody tr:nth-child(2n) {
    background: #f7f7f7;
}

/* Tablets (>=768px)*/
@media (max-width: 991px) {
    .sa h1, .h1 {
        font-size: 50px;
    }

    .sa h2, .h2 {
        font-size: 42px;
    }

    .sa h3, .h3 {
        font-size: 42px;
    }
}

/*Phones (<768px)*/
@media (max-width: 767px) {
    .sa h1, .h1 {
        font-size: 40px;
    }

    .sa h2, .h2 {
        font-size: 40px;
    }

    .sa h3, .h3, .sa .title-h3 {
        font-size: 35px;
    }

    .sa h4, .h4 {
        font-size: 22px;
    }
}

/*Phones (<480px)*/
@media (max-width: 480px) {
    .sa-plus h5, .sa-plus .h5 {
        font-size: 20px;
    }
}

/**/
.button {
    display: inline-block;
    font-family: var(--et-heading-font);
    font-weight: var(--et-heading-font-weight);
    vertical-align: bottom;
    text-align: center;
    position: relative;
    cursor: pointer;
    border: 2px solid;
    transition: all .3s;
    -webkit-transition: all .3s;
}

#bbpress-forums a.button, #bbpress-forums a.button:hover {
    border: 2px solid;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.button.nopadding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.button+.button {
    margin-left: 10px;
}

.button.fade:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: rgba(224, 232, 224, .2);
    transition: all .2s linear;
}

.button.fade:hover:after {
    opacity: 1;
}

.button.size-1 {
    font-size: 16px;
    line-height: 22px;
    padding: 18px 35px 18px 35px;
    font-weight: 500;
    letter-spacing: 1px;
    min-width: 60px;
}

.button.size-2, .woocommerce-order-pay #place_order {
    font-size: 14px;
    line-height: 1;
    padding: var(--et_button-v-padding, 11px) var(--et_button-h-padding, 18px);
    /* font-weight: 500; */
    /* letter-spacing: 1px; */
    min-width: 40px;
}

.button.size-2 > i {
    height: 1.15em;
}

.button.size-3 {
    font-size: 12px;
    line-height: 18px;
    padding: 5px 17px 5px 17px;
    /* font-weight: 500; */
    letter-spacing: 1px;
    min-width: 30px;
}

.button.size-4 {
    font-size: 12px;
    line-height: 18px;
    padding: 8px 17px;
    /* font-weight: 500; */
    letter-spacing: 1px;
    min-width: 30px;
    height: auto;
}

.button.size-5 {
    font-size: 1rem;
    padding: 8px 30px;
    /* font-weight: 500; */
    letter-spacing: 1px;
    min-width: 30px;
    height: auto;
}

.button.style-1, .woocommerce-order-pay #place_order {
/*    text-transform: uppercase;*/
    color: #fff;
    background: var(--et-green-color);
    border-color: var(--et-green-color);
    border-radius: .35em;
}

#bbpress-forums .button.style-1 {
    border-color: var(--et-green-color);
}

.button.style-1:hover, .woocommerce-order-pay #place_order:hover {
    color: var(--et-green-color);
    background: #fff;
    border-color: currentColor;
    --loader-color: var(--et-green-color);
}

.button.style-1.fade:hover {
    color: #fff;
    background: var(--et-green-color);
    border-color: var(--et-green-color);
}

.button.style-2 {
/*    text-transform: uppercase;*/
    color: #fff;
    background: var(--et-blue2-color);
    border-color: var(--et-blue2-color);
    border-radius: .35em;
}

.button.style-2:hover {
    color: var(--et-blue2-color);
    background: #fff;
    border-color: currentColor;
    --loader-color: var(--et-blue2-color);
}

.button.style-3 {
/*    text-transform: uppercase;*/
    color: #737373;
    background: #f8f8f8;
    border-color: #e0e0e0;
    letter-spacing: 0px;
    border-radius: .35em;
}

.button.style-3:hover {
    color: var(--et-black-color);
    background: #e7e7e7;
}

.button.style-4 {
/*    text-transform: uppercase;*/
    color: #fff;
    background: #4cadff;
    border-color: #4cadff;
    letter-spacing: 0px;
    border-radius: .35em;
}

.button.style-4:hover {
    color: #4cadff;
    background: #fff;
}

.button.style-4.fade:hover {
    color: #fff;
    background: #4cadff;
    border-color: #4cadff;
}

.button.style-5 {
/*    text-transform: uppercase;*/
    color: #fff;
    background: #e6cf00;
    border-color: #e6cf00;
    letter-spacing: 0px;
    border-radius: .35em;
}

.button.style-5:hover {
    color: #e6cf00;
    background: #fff;
}

.button.style-6 {
/*    text-transform: uppercase;*/
    color: var(--et-blue2-color);
    border-color: var(--et-blue2-color);
    background-color: #fff;
    letter-spacing: 0px;
    border-radius: .35em;
}

.button.style-6:hover {
    background-color: var(--et-blue2-color);
    color: #fff;
    border-color: var(--et-blue2-color);
}

.button.style-6.fade:hover {
    color: var(--et-blue2-color);
    border-color: var(--et-blue2-color);
    background-color: #fff;
}

.button.style-7 {
/*    text-transform: uppercase;*/
    color: var(--et-green-color);
    background: #fff;
    border-color: var(--et-green-color);
    border-radius: .35em;
    cursor: pointer;
}

.button.style-7:hover {
    color: #fff;
    background: var(--et-green-color);
}

.button.style-8 {
/*    text-transform: uppercase;*/
    color: #0085f2;
    background: #fff;
    border-color: #0085f2;
    border-radius: .35em;
    cursor: pointer;
}

.button.style-8:hover {
    color: #fff;
    background: #0085f2;
}

.buttons-wrapper {
    margin: 0 -5px -10px -5px;
    font-size: 0;
}

.buttons-wrapper .button {
    margin: 0 5px 10px 5px;
}

.buttons-wrapper.stretched {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.buttons-wrapper.stretched > div, .buttons-wrapper.stretched > button {
    flex: 1 1 50%;
}

.fixed-buttons-wrapper {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 10;
}

.button-close {
    width: 16px;
    height: 16px;
    /*color: #d3d3d3;*/
    color: #555;
    position: relative;
    top: 5px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.button-close.light {
    color: #fff;
}

.button-close:hover {
    color: var(--et-blue2-color);
}

.button-close.light:hover {
    color: rgba(255, 255, 255, .7);
}

.button-close:before, .button-close:after {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
    height: 2px;
    width: 100%;
    content: "";
    background: currentColor;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.button-close:after {
    left: 50%;
    top: 0;
    width: 2px;
    height: 100%;
    margin: 0 0 0 -1px;
}

.button-close.style-1 {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #f8f8f8;
    border: 1px #e6e6e6 solid;
    border-radius: 2px;
}

.button-close.style-1:before {
    width: 14px;
    margin-left: -7px;
    left: 50%;
}

.button-close.style-1:after {
    height: 14px;
    margin-top: -7px;
    top: 50%;
}

.mini-entry .button-close, .cart .button-close {
    width: 12px;
    height: 12px;
}

.button-circle {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    text-align: center;
    position: relative;
    margin: 12px;
    font-size: 13px;
    line-height: 18px;
    color: #fff;
    font-weight: 500;
    cursor: pointer;
}

.button-circle.style-1 {
    background: var(--et-blue2-color);
}

.button-circle.check-cart:before, .button-circle.check-cart:after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: inherit;
    opacity: .1;
    border-radius: inherit;
    -webkit-border-radius: inherit;
    z-index: -1;
}

.button-circle.style-2 {
    background: var(--et-green-color);
}

.button-circle .icon {
    position: absolute;
    background: #fff;
    width: 18px;
    height: 18px;
    right: 0;
    top: 0;
    line-height: 18px;
    text-align: center;
    color: #7bc94c;
    font-size: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.button-circle .align {
    display: table-cell;
    height: 58px;
    width: 1000px;
    vertical-align: middle;
}

.button-circle .fa {
    color: #fff;
    font-size: 28px;
    line-height: 28px;
    display: block;
}

.button-circle.check-cart:before {
    animation: pulse 2s infinite linear;
}

.button-circle.check-cart:after {
    animation: pulse 2s 1s infinite linear;
}

.woocommerce-cart .check-cart {
    display: none;
}

.button-circle .circle-popup-entry {
    padding-left: 0;
    padding-right: 0;
}

.btn-del {
    width: 24px;
    height: 24px;
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 50%;
    padding: 3px 0px;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.btn-del:hover .button-close {
    color: var(--et-blue2-color);
}

.responsive-table {
    overflow-x: auto;
}

@media (hover: none) {
    .responsive-table::-webkit-scrollbar {
      visibility: visible;
      opacity: 1;
      height: 4px
    }

    .responsive-table::-webkit-scrollbar-thumb {
      visibility: visible;
      opacity: 1;
      background-color: #888;
      border-radius: 12px;
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.35);
        opacity: 0;
    }
}

.button-inline-video {
    font-size: 18px;
    line-height: 30px;
    display: inline-block;
}

.button-inline-video:hover span {
    text-decoration: underline;
}

.wp-social-login-provider-list {
    padding: 0;
}

.button-color {
    display: inline-block;
    background: #3b5998;
    border: 1px solid currentColor;
    vertical-align: top;
    font-size: 13px;
    line-height: 24px;
    padding: 8px 15px 8px 55px;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
    text-align: center;
    border-radius: .35em;
    overflow: hidden;
    transition: all .2s;
    -webkit-transition: all .2s;
}

.button-color span {
    color: #fff;
    position: relative;
}

.button-color:hover, .button-color:hover .fa {
    opacity: .8;
}

.button-color .fa {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 100%;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #1d3465;
    border-right: 1px solid #1d3465;
    transition: all .2s;
    -webkit-transition: all .2s;
}

/* .button-color:hover .fa {
  background-color: transparent;
}

.button-color:before {
  position: absolute;
  right: 0;
  left: 100%;
  top: 0;
  bottom: 0;
  background: currentColor;
  content: "";
  transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
} */
/* .button-color:hover:before {
  left: 0;
} */
.button.style-1.active {
    background: #fff;
    color: var(--et-green-color);
}

.button.style-1.active:hover {
    color: #fff;
    background: var(--et-green-color);
}

.button.style-2.active {
    color: var(--et-blue2-color);
    background: #fff;
}

.button.style-2.active:hover {
    color: var(--et-blue2-color);
    background: #fff;
}

.simple-link {
    font-size: 12px;
    line-height: 18px;
    display: inline-block;
}

.simple-link:hover {
    text-decoration: underline;
}

.simple-link span:nth-child(2) {
    display: none;
}

.simple-link.active span:nth-child(2) {
    display: inline;
}

.simple-link.active span:nth-child(1) {
    display: none;
}

/*Phones (<768px)*/
@media (max-width: 767px) {
    .button {
        display: block;
    }

    .button-xs-inline {
        display: inline-block;
    }

    .button+.button {
        margin-top: 15px;
        margin-left: 0;
    }

    /*.theme-support-preview .button,*/
    .wc-backward, .goto-step {
        display: inline-block;
    }

    .screens-slider-entry-wrapper .link .button {
        display: none;
    }

    .support-item .button {
        margin-top: 15px;
    }

    .support-item .left {
        text-align: center;
        margin: 0 30px;
    }

    .popup-wrapper #temps-use .popup-align {
        padding: 20px 15px;
    }

    .popup-wrapper #temps-use .temps {
        padding: 0;
    }
}

/**/
.si::-webkit-input-placeholder {
    color: #555;
    opacity: 1;
}

.si:-moz-placeholder {
    color: #555;
    opacity: 1;
}

.si::-moz-placeholder {
    color: #555;
    opacity: 1;
}

.si:-ms-input-placeholder {
    color: #555;
    opacity: 1;
}

.si.red::-webkit-input-placeholder {
    color: var(--et-red-color);
    opacity: 1;
}

.si.red:-moz-placeholder {
    color: var(--et-red-color);
    opacity: 1;
}

.si.red::-moz-placeholder {
    color: var(--et-red-color);
    opacity: 1;
}

.si.red:-ms-input-placeholder {
    color: var(--et-red-color);
    opacity: 1;
}

.si, .SlectBox+.CaptionCont {
    color: var(--et-input-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;
    width: 100%;
    transition: all .3s;
    -webkit-transition: all .3s;
    background: var(--et-input-bg-color, #fff);
}

.si.red {
    color: var(--et-red-color);
}

.si.square, .SlectBox.square+.CaptionCont, .square {
    border-radius: 0 !important;
}

.SlectBox+.CaptionCont {
    color: #999;
}

input.button {
    --et-input-shadow-color-hover: transparent;
}

.si:hover, .SlectBox+.CaptionCont:hover, input:hover, select:hover, .select2-hidden-accessible:hover {
    box-shadow: 0 0 4px var(--et-input-shadow-color-hover, var(--et-blue2-color));
}

@media (hover: hover) {
    fieldset {
        --et-input-shadow-color-hover: transparent;
    }
}

@media (hover: none) {
    #bbpress-forums div.wp-editor-container:has(textarea:focus), textarea.private-content:focus {
        box-shadow: 0 0 4px var(--et-input-shadow-color-hover, var(--et-blue2-color));
    }
}

.si.invalid:hover, #customer_details .woocommerce-invalid input:hover, #vat_number_field.woocommerce-invalid input#vat_number:hover, #account_password.woocommerce-invalid input:hover, .woocommerce-invalid input:hover {
    box-shadow: 0 0 4px var(--et-input-shadow-color-hover, var(--et-red-color));
}

.si:focus, .SumoSelect.open .SlectBox+.CaptionCont, .SumoSelect.open .SlectBox.border-icon+.CaptionCont label, input:focus, #customer_details .form-row input:focus, #vat_number_field input#vat_number:focus, #account_password input:focus, .select2-hidden-accessible:focus, .SumoSelect.open .CaptionCont {
    border-color: var(--et-blue2-color);
}

.si.invalid, .woocommerce-invalid input, .woocommerce-invalid input:focus, #customer_details .form-row.woocommerce-invalid input, #customer_details .form-row.woocommerce-invalid input:focus, #vat_number_field.woocommerce-invalid input#vat_number, #vat_number_field.woocommerce-invalid input#vat_number:focus, #account_password.woocommerce-invalid input, #account_password.woocommerce-invalid input:focus, .SlectBox.invalid+.CaptionCont {
    border-color: var(--et-red-color);
}

#bbpress-forums fieldset.bbp-form .si.size-1, .si.size-1, .SlectBox.size-1+.CaptionCont {
    -webkit-appearance: none;
    height: 60px;
    line-height: 58px;
    font-size: 16px;
    padding: 0 25px;
}

#bbpress-forums fieldset.bbp-form .si.size-2, .si.size-2, .si.size-2 + .select2-container .select2-selection--single, .si.size-2 + .select2-container .select2-selection--single .select2-selection__rendered, .si.size-2 + .select2-container .select2-selection__arrow, .select2-results__option, .select2-container--default .select2-search--dropdown .select2-search__field, .SlectBox.size-2+.CaptionCont {
    -webkit-appearance: none;
    height: 45px;
    line-height: 43px;
    font-size: 16px;
    padding: 0 19px;
}

.select2-container--default .select2-selection--single,
.select2-dropdown,
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: var(--et-input-border-width, 2px) solid var(--et-border-color);
    border-radius: var(--et-border-radius);
}

.select2-results__option {
    font-size: 14px;
    color: var(--et-black-color);
}
.select2-results__option:has(>span:not(:only-child)) {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.select2-results__option:has(>span:not(:only-child)) > span:first-child {
    max-width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-inline-end: auto;
}

.select2-container--default .select2-results__option:has(>span:not(:only-child)) .info > span {
    position: relative;
    isolation: isolate;
    font-size: 1em;
    text-transform: none;
}
.select2-results__option:has(>span:not(:only-child)) > a:not(:last-child) {
    transition: all .2s ease;
    margin-inline-end: 15px;
}

.select2-results__option:has(>span:not(:only-child)):not(:hover) > a:not(:last-child) {
    opacity: 0;
    visibility: hidden;
}

.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #000;
    background-color: var(--et-light-color);
}

.si.size-2 + .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
    padding-right: 0;
}

#bbpress-forums fieldset.bbp-form .si.size-3, .si.size-3, .SlectBox.size-3+.CaptionCont {
    -webkit-appearance: none;
    height: 30px;
    line-height: 28px;
    font-size: 12px;
    padding: 0 12px;
}

#bbpress-forums fieldset.bbp-form .si.size-4, .si.size-4, .SlectBox.size-4+.CaptionCont {
    -webkit-appearance: none;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    font-weight: 300;
    padding: 0 12px;
}

.SlectBox.size-4+.CaptionCont > span {
    line-height: 33px;
}

input.si.size-1, input.si.size-2, input.si.size-3, input.si.size-4 {
    line-height: 18px;
}

.input-wrapper .icon.left+input.si {
    position: relative;
}

/*.input-wrapper .icon.left+input.si:focus{border-color: transparent;-webkit-box-shadow: 0 0 0 1px var(--et-blue2-color);box-shadow: 0 0 0 1px var(--et-blue2-color);transition: none;}*/
/*.input-wrapper .icon.left+input.si.invalid,.register-input:invalid{border-color: transparent;-webkit-box-shadow: 0 0 0 1px var(--et-red-color);box-shadow: 0 0 0 1px var(--et-red-color);transition: none;}*/
.input-wrapper .icon.left+input.si.invalid {
    border-color: transparent;
    -webkit-box-shadow: 0 0 0 1px var(--et-red-color);
    box-shadow: 0 0 0 1px var(--et-red-color);
    transition: none;
}

.home-page-form .si.size-1 {
    height: 60px;
    padding-left: 80px !important;
    padding-right: 150px !important;
    border-width: 1px;
}

.home-page-form .yikes-easy-mc-submit-button {
    padding: 18px 35px 18px 35px !important;
    top: 0;
    right: 0;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border: 1px solid #eaeaea;
}

.home-page-form .yikes-easy-mc-error-message, .home-page-form .yikes-easy-mc-success-message {
    width: 100%;
    position: absolute;
    transform: translateY(60px);
}

.et-show-password {
    cursor: pointer;
}

.et-show-password, .input-wrapper .circle-info {
    color: var(--et-black-color);
    position: absolute;
    right: var(--et-input-border-width, 2px);
    top: var(--et-input-border-width, 2px);
    padding: 12px 19px;
    background: #fff;
    border-radius: 5px;
    font-size: 16px;
    transform: none;
}

.SlectBox.size-4+.CaptionCont>label>i {
    width: .5em;
    height: .5em;
    margin: -.42em 0 0 -.30em;
}

.SumoSelect.open .SlectBox.size-4+.CaptionCont>label>i {
    margin: -.10em 0 0 -.30em;
}

.SumoSelect>.CaptionCont>span.placeholder {
    font-style: normal;
    color: inherit;
}

.SlectBox.size-4 {
    height: 35px;
}

.SlectBox.border-icon+.CaptionCont label {
    border-left: var(--et-input-border-width, 2px) var(--et-border-color) solid;
    width: 35px;
}

.required #vb_rules+span:before, .required input, .required textarea {
    border-color: var(--et-red-color);
}

.et-form-error,
.et-form-error ~ .select2-container--default .select2-selection--single {
    border-color: var(--et-red-color) !important;
}

textarea.si.size-1, textarea.si.size-2, textarea.si.size-3 {
    padding-top: 1em;
    padding-bottom: 1em;
    height: 8em;
    line-height: 1.5em;
}

.input-wrapper {
    position: relative;
    z-index: 1;
}

.input-wrapper .icon {
    position: absolute;
    text-align: center;
    font-size: 20px;
    color: #888;
    transition: color .3s;
    -webkit-transition: color .3s;
    z-index: 1;
}

.input-wrapper.active .icon {
    color: var(--et-blue2-color);
}

.input-wrapper .icon.right {
    right: 0;
    top: 0;
}

.input-wrapper .icon.right:hover {
    color: var(--et-blue2-color);
}

.input-wrapper .icon.left {
    left: 0;
}

.input-wrapper .icon.left:after {
    content: '';
    position: absolute;
    top: 1px;
    bottom: 1px;
    right: 0;
    border-right: var(--et-input-border-width, 2px) var(--et-border-color) solid;
}

.input-wrapper .icon.size-1 {
    width: 60px;
    line-height: 60px;
    font-size: 24px;
}

.input-wrapper .icon.size-2 {
    width: 45px;
    line-height: 45px;
    font-size: 18px;
}

.input-wrapper .icon.size-3 {
    width: 30px;
    line-height: 30px;
    font-size: 16px;
}

.input-wrapper .icon.right.size-1+.si, .input-wrapper .icon.right.size-2+.icon+.si {
    padding-right: 60px !important;
}

.input-wrapper .icon.right.size-2+.si {
    padding-right: 45px !important;
}

.input-wrapper .icon.right.size-3+.si {
    padding-right: 30px !important;
}

.input-wrapper .icon.left+.si.size-1 {
    padding-left: 80px !important;
}

.input-wrapper .icon.left+.si.size-2 {
    padding-left: 60px !important;
}

.input-wrapper .icon.left+.si.size-3 {
    padding-left: 38px !important;
}

.input-wrapper input[type="submit"] {
    position: absolute;
    right: 0;
    top: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: auto;
}

.input-wrapper.bottom-border .si {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    border-width: 2px;
    padding-left: 5px;
    padding-right: 35px;
}

.input-wrapper.disabled {
    display: inline-block;
}

.input-wrapper.disabled+* {
    margin-top: 10px;
}

.input-wrapper.disabled+.empty-space:last-child {
    display: none;
}

.input-wrapper.disabled .icon {
    padding: 0px 17px;
    line-height: 40px;
}

.input-wrapper.disabled input {
    width: auto;
    padding-left: 75px;
    margin-left: 0;
    padding-right: 25px;
}

.input-wrapper.disabled .info-tooltip-wrapper .circle-info {
    right: 15px;
}

.input-wrapper.disabled .size-4 {
    height: 40px;
}

.input-wrapper.disabled input.size-4.private-title {
    min-width: 260px;
}

.input-wrapper.toggle {
    display: block;
    position: relative;
}

.input-wrapper.toggle .icon-wrapper {
    cursor: pointer;
}

.input-wrapper.toggle .icon-wrapper:before {
    content: '\f107';
    display: block;
    position: absolute;
    right: 15px;
    font: normal normal normal 28px/1 FontAwesome;
    color: #999;
    line-height: 40px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-size: 24px;
    z-index: 1;
}

.input-wrapper.toggle.active .icon-wrapper:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.input-wrapper.toggle.active input {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.input-wrapper.toggle input {
    width: 100%;
}

.icon-wrapper {
    position: relative;
}

.private-content-toggle {
    border: var(--et-input-border-width, 2px) var(--et-border-color) solid;
    border-top: none;
    padding: 15px;
    border-bottom-right-radius: .35em;
    border-bottom-left-radius: .35em;
}

.private-content-toggle p {
    color: #8c8c8c;
}

.input-file-wrapper {
    position: relative;
    text-align: left;
}

.input-file-wrapper .icon.size-2 {
    -webkit-text-stroke: 1px #fff;
}

.input-file-wrapper .si {
    color: #999;
}

.input-file-wrapper .si.size-1 {
    padding-right: 60px;
}

.input-file-wrapper .si.size-2 {
    padding-right: 40px;
}

.input-file-wrapper .si.size-3 {
    padding-right: 30px;
}

.input-file-wrapper.active .si:after {
    display: none;
}

.input-file-wrapper .file-remove {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    z-index: 1;
    display: none;
}

.input-file-wrapper .si.size-1+input+.file-remove {
    width: 60px;
    height: 60px;
}

.input-file-wrapper .si.size-2+input+.file-remove {
    width: 40px;
    height: 40px;
}

.input-file-wrapper .si.size-3+input+.file-remove {
    width: 30px;
    height: 30px;
}

.input-file-wrapper .file-remove span {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -8px 0 0 -8px;
}

.input-file-wrapper.active .file-remove {
    display: block;
}

.input-file-wrapper.active .input-wrapper .icon {
    display: none;
}

.input-autocomplete {
    position: absolute;
    width: 100%;
    background: #fff;
    top: 100%;
    overflow: auto;
    border: var(--et-input-border-width, 2px) var(--et-border-color) solid;
    border-top: none;
    border-radius: 5px;
    z-index: 1;
    padding: 0 0 5px;
    /*max-height: 270px;*/
    max-height: 370px;
    -webkit-overflow-scrolling: touch;
    left: -10000px;
    transition: opacity .5s ease;
    -webkit-transition: opacity .5s ease;
    opacity: 0;
    box-shadow: -1px 9px 31px #efecec;
}

.input-autocomplete:empty {
    display: none !important;
}

input:focus+.input-autocomplete {
    opacity: 1;
    left: 0;
}

.input-wrapper .input-autocomplete:before {
    content: 'Check your suggested topics';
    width: 100%;
    display: block;
    text-align: left;
    font-size: 14px;
    line-height: 24px;
    padding: 8px 21px;
    background: #e1e1e1;
    color: #555;
    font-weight: bold;
    position: sticky;
    top: 0;
}

.input-wrapper .input-autocomplete-topic:before {
    content: 'Before submit new topic, please, check your suggested topics:';
}

.autocomplete-entry {
    display: block;
    text-align: left;
    font-size: 14px;
    line-height: 24px;
    padding: 8px 21px;
    color: #8c8c8c;
    cursor: pointer;
    transition: background .3s;
    -webkit-transition: background .3s;
}

.autocomplete-entry:hover {
    background: #f3f3f3;
}

.autocomplete-entry span {
    color: var(--et-black-color);
    transition: color .3s;
    -webkit-transition: color .3s;
}

.autocomplete-entry:hover span {
    color: var(--et-blue2-color);
}

.SlectBox.size-1+.CaptionCont label {
    width: 60px;
}

.SlectBox.size-2+.CaptionCont label {
    width: 40px;
}

.SlectBox.size-3+.CaptionCont label {
    width: 30px;
}
.SumoSelect > .optWrapper > .options li.opt label {
    font-family: inherit;
    font-weight: inherit;
}
.SlectBox.size-1+.CaptionCont+.optWrapper .opt {
    font-size: 16px;
    padding: .5em 25px;
}

.SlectBox.size-2+.CaptionCont+.optWrapper .opt {
    font-size: 14px;
    padding: .5em 21px;
}

.SlectBox.size-3+.CaptionCont+.optWrapper .opt {
    font-size: 12px;
    padding: .5em 12px;
}

.size-5 {
    height: 35px;
}

.sc {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.sc input {
    display: none;
}

.sc span {
    display: block;
    padding-left: 22px;
    position: relative;
    font-size: 16px;
    line-height: 21px;
    color: var(--et-black-color);
}

.sc span:before {
    width: 15px;
    height: 15px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 2px;
    border: var(--et-input-border-width, 2px) var(--et-border-color) solid;
    content: "";
    background: transparent;
    border-radius: 2px;
}

.sc span:after {
    width: 17px;
    height: 10px;
    border-left: var(--et-input-border-width, 2px) var(--et-black-color) solid;
    border-bottom: var( --et-input-border-width, 2px) var(--et-black-color) solid;
    content: "";
    position: absolute;
    left: 0px;
    top: -1px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    display: none;
}

.sc input:checked+span:after {
    display: block;
}

.sc a {
    color: var(--et-black-color);
}

.sc a:hover {
    text-decoration: underline;
    color: var(--et-text-color);
}

input.si.normal {
    padding: 0px 15px;
}

textarea.si.normal {
    padding: 15px
}

.show-xs {
    display: none;
}

.c-number {
    position: relative;
    width: 50px;
    border: 1px solid #e6e6e6;
}

.c-number input {
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    color: #8c8c8c;
    -moz-appearance: textfield;
    border: none;
    background: #fff;
    width: 100%;
    text-align: center;
    padding: 4px 20px 4px 0px;
}

.c-number input[type=number]::-webkit-inner-spin-button, .c-number input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.c-number-up {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 50%;
    text-align: center;
    color: #8c8c8c;
    border-left: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    cursor: pointer;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.c-number-down {
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 20px;
    height: 50%;
    color: #8c8c8c;
    text-align: center;
    border-left: 1px solid #e6e6e6;
    cursor: pointer;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.c-number-up:hover, .c-number-down:hover {
    color: var(--et-blue2-color);
}

@media(min-width: 1600px) {
    .wide-container {
        margin-left: -200px;
    }

    .product-row .shapes-wrapper {
        width: 60em;
    }
}

@media(min-width: 1200px) {
    .row90 {
        margin-left: -45px;
        margin-right: -45px;
    }

    .row90>div[class^="col-"] {
        padding-left: 45px;
        padding-right: 45px;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* POPUPS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.popup-wrapper {
    position: fixed;
    z-index: 11;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    left: -100%;
    transition-delay: .3s;
    -webkit-transition-delay: .3s;
}

.popup-wrapper.active {
    left: 0;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
}

.popup-wrapper .bg-layer {
    position: absolute;
    left: 0;
    top: -100px;
    right: 0;
    bottom: -100px;
    background: rgba(0, 0, 0, .8);
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    opacity: 0;
}

.popup-wrapper.active .bg-layer {
    opacity: 1;
}

.popup-content {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    font-size: 0;
    text-align: center;
    transition: transform .3s ease-out, opacity .3s ease-out, left 0s .3s;
    -webkit-transition: transform .3s ease-out, opacity .3s ease-out, left 0s .3s;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    opacity: 0;
    left: -10000px;
    padding: 15px;
}

@media only screen and (max-width: 767px) {
    .popup-content {
        padding-top: 25px;
        padding-bottom: 25px;
    }
}

/* .popup-content.popup-content-toTop.active */
.popup-content.active
{
    animation: popupToTop 1s;
}

/* .popup-content.popup-content-toTop */
.popup-content
{
    left: 0;
    right: 0;
    transform: translateY(50px);
    opacity: 0;
}

@keyframes popupToTop {
    0% {
        transform: translateY(50px);
        -webkit-transform: translateY(50px);
    }

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

@-webkit-keyframes popupToTop {
    0% {
        transform: translateY(50px);
        -webkit-transform: translateY(50px);
    }

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

.popup-content.active {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
    left: 0;
    transition: transform .3s ease-out, opacity .3s ease-out, left 0s 0s;
    -webkit-transition: transform .3s ease-out, opacity .3s ease-out, left 0s 0s;
    position: relative;
}

.popup-content:after {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    content: "";
}

.popup-container {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    position: relative;
    text-align: left;
    background: #fff;
    border-radius: 5px;
}

.popup-container.size-1 {
    max-width: 570px;
}

.popup-container.size-2 {
    max-width: 970px;
}

.popup-container.size-3 {
    max-width: 1170px;
}

.popup-container.size-4 {
    max-width: 500px;
    height: auto;
}

.popup-content .layer-close {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 10000px;
}

.layer-close.active {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.popup-align {
    /*  padding: 60px 70px 70px 70px;*/
    padding: 40px;
    overflow: hidden;
}

.popup-container .button-close {
    position: absolute;
    right: 10px;
    top: 10px;
}

.popup-container .button-close.style-1 {
    position: relative;
    right: auto;
    top: auto;
}

#video-popup .popup-align {
    padding: 45px 15px 15px 15px;
}

#subscription-upgrade-popup .popup-align {
    padding: 35px 35px;
}

#subscription-upgrade-popup .text-popup-message {
    border-top: var(--et-input-border-width, 2px) var(--et-border-color) solid;
    padding-top: 20px;
}

#subscription-upgrade-popup .price-table {
    padding: 15px 15px;
}

#subscription-upgrade-popup .price-table .price-table-list li:first-child {
    border-top: none;
}

#subscription-upgrade-popup .price-table .price-table-list li {
    padding: 7px 7px;
    font-size: 14px;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

#subscription-upgrade-popup .price-table>* {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}

#subscription-upgrade-popup .price-table:hover, #subscription-plan-popup .price-table:hover {
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
}

#subscription-plan-popup .popup-align, #payment-method-popup .popup-align {
    padding: 35px 40px;
}

#subscription-plan-popup .popup-container {
    max-width: 670px;
}

#subscription-plan-popup .price-table {
    padding: 35px 13px 20px 13px;
}

#subscription-plan-popup .price-table:hover {
    box-shadow: 0px 0px 25px 0px rgba(50, 50, 50, 0.3);
}

#subscription-plan-popup .price-table.current-plan {
    padding: 35px 11px 20px 11px;
}

#subscription-plan-popup .text-popup-message {
    padding-top: 35px;
    border-top: var(--et-input-border-width, 2px) var(--et-border-color) solid;
}

#payment-method-popup .text-popup-message {
    padding-top: 25px;
    border-top: var(--et-input-border-width, 2px) var(--et-border-color) solid;
}

#payment-method-popup .popup-align {
    overflow: visible;
}

#payment-method-popup.popup-content {
    overflow: hidden;
}

#payment-method-popup .popup-container {
    max-width: 470px;
}

#payment-method-popup .circle-info .info-tooltip {
    padding: 20px 95px 20px 22px;
}

#text-info-popup .popup-align {
    padding: 35px 40px;
}

#text-info-popup .text-popup-message {
    padding-top: 25px;
    border-top: var(--et-input-border-width, 2px) var(--et-border-color) solid;
}

.circle-popup {
    position: absolute;
    right: -10000px;
    bottom: 125%;
    background: #fff;
    width: 350px;
    border-radius: 4px;
    box-shadow: 0 0 45px rgba(0, 0, 0, .1);
    text-align: left;
    padding: 30px;
    opacity: 0;
    margin-right: -45px;
    transition: right 0s .3s, margin .3s, opacity .3s;
    -webkit-transition: right 0s .3s, margin .3s, opacity .3s;
}

.circle-popup.active {
    right: 0;
    opacity: 1;
    margin-right: 0;
    transition: right 0s, margin .3s, opacity .3s;
    -webkit-transition: right 0s, margin .3s, opacity .3s;
}

.circle-popup .sc-text {
    line-height: 19px;
    text-align: right;
}

/*.circle-popup b { font-weight: 500; }*/
.circle-popup-entry {
    border-top: 1px #efefef solid;
    padding: 20px 10px;
}

.circle-popup-entry:first-child {
    padding-top: 0;
    border: none;
}

.mini-entry>.row:not(:last-child) {
    margin-bottom: 15px;
}

.tour-popup, .info-popup {
    position: fixed;
    left: 0;
    top: -100px;
    width: 100%;
    bottom: -100px;
    background: rgba(000, 000, 000, .4);
    z-index: 11;
    left: -10000px;
    opacity: 0;
    transition: left 0s .5s, opacity .5s 0s;
    -webkit-transition: left 0s .5s, opacity .5s 0s;
}

.info-popup {
    background: rgba(000, 000, 000, .4);
}

.tour-popup.active, .info-popup.active {
    left: 0;
    opacity: 1;
    transition: left 0s 0s, opacity .5s 0s;
    -webkit-transition: left 0s 0s, opacity .5s 0s;
}

.tour-popup .step, .info-popup-inner {
    position: absolute;
    left: 0;
    top: 100px;
    right: 0;
    bottom: 100px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    text-align: center;
    font-size: 0;
    display: none;
}

.tour-popup .step.div-active-step {
    display: block;
}

.tour-content {
    display: inline-block;
    vertical-align: middle;
    max-width: 770px;
    padding: 15px;
}

.tour-popup .step:after, .info-popup .info-popup-inner:after {
    height: 100%;
    content: "";
    display: inline-block;
    vertical-align: middle;
}

.info-popup-inner {
    display: block;
}

.step-tooltip {
    position: fixed;
    left: 15%;
    right: 0;
    bottom: 0;
    text-align: left;
    display: none;
}

.step-tooltip.div-active-step {
    display: block;
}

.step-tooltip .button {
    min-width: 110px;
}

.step-tooltip-image {
    width: 165px;
    float: left;
}

.step-tooltip-content {
    margin-left: 177px;
    background: #fff;
    padding: 25px 45px 20px 45px;
    position: relative;
    max-width: 630px;
    border-radius: .35em;
    box-shadow: 0px 0 15px 0px rgb(0 0 0 / 20%);
}

.step-tooltip-content:after {
    width: 20px;
    height: 20px;
    background: #fff;
    position: absolute;
    left: -10px;
    top: 50%;
    margin-top: -10px;
    content: "";
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.step-number {
    position: absolute;
    right: 45px;
    top: 25px;
}

.step-title {
    margin-bottom: 15px;
    margin-right: 30px;
}

.step-description {
    margin-bottom: 15px;
}

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

.theme-support-preview.div-active-step:before {
    position: absolute;
    left: -15px;
    top: -15px;
    right: -15px;
    bottom: -15px;
    content: "";
    z-index: -1;
    background: #fff;
    border-radius: .35em;
}

.popup-content-right {
    border: 3px solid var(--et-blue2-color);
    position: relative;
    background-color: #fff;
    margin-left: 40px;
    display: inline-block;
    padding: 40px 35px;
    text-align: left;
    max-width: 625px;
    border-radius: 4px;
}

.popup-content-right:before {
    width: 20px;
    height: 20px;
    background: #fff;
    border-left: 3px var(--et-blue2-color) solid;
    border-top: 3px var(--et-blue2-color) solid;
    position: absolute;
    left: -12px;
    top: 50%;
    margin-top: -30px;
    content: "";
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.popup-right-title {
    font-size: 39px;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 1.125em;
}

.popup-right-desc {
    font-size: 15px;
    line-height: 24px;
}

.popup-rating {
    max-width: 980px;
    padding: 0px;
    display: inline-block;
    vertical-align: middle;
}

.popup-rating img {
    vertical-align: middle;
}

.overlap-wrapper {
    z-index: 1;
}

/*(<897px)*/
@media (max-width: 897px) {
    .info-popup .popup-rating {
        width: 100%;
    }

    .info-popup .popup-rating img {
        position: absolute;
        top: 50%;
        left: 0%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        max-width: 175px;
    }

    .info-popup .popup-content-right {
        position: absolute;
        left: 0%;
        margin: 0px 15px 0px 10px;
        max-width: 100%;
    }

    .info-popup .popup-content-right:before {
        left: 90px;
        top: -12px;
        margin-top: 0px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }
}

/*Phones (<768px)*/
@media (max-width: 767px) {
    .circle-popup {
        width: 340px;
        position: fixed;
        bottom: 90px;
    }

    .circle-popup.active {
        right: 15px;
    }

    .step-tooltip {
        left: 0;
    }

    .step-tooltip-image {
        display: none;
    }

    .step-tooltip-content {
        margin-left: 0;
        padding: 25px 15px 20px 15px;
    }

    .step-number {
        right: 15px;
    }

    #subscription-upgrade-popup .price-table>* {
        display: block;
        width: auto;
    }

    .info-popup .popup-right-title {
        font-size: 32px;
    }

    .info-popup .popup-rating img {
        left: 10px;
    }

    .info-popup .popup-content-right {
        left: 5px;
    }
}

/*Phones (<480px)*/
@media (max-width: 480px) {
    .tour-content .thumbnail-image {
        max-width: 70%;
    }

    .tour-content .tour-popup-title {
        font-size: 28px;
        line-height: 26px;
    }

    .tour-content .tour-popup-descr {
        font-size: 18px;
        line-height: 26px;
    }

    .tour-popup .step {
        top: 80px;
    }

    .error-page {
        height: auto !important;
        padding-bottom: 0;
    }

    #subscription-upgrade-popup .popup-align {
        padding: 30px 15px;
    }

    .info-popup .popup-right-title {
        font-size: 25px;
    }

    .info-popup .popup-content-right {
        padding: 30px 25px;
    }
}

/*Phones (<380px)*/
@media (max-width: 370px) {
    .circle-popup {
        width: 300px;
        position: fixed;
        bottom: 90px;
    }

    #subscription-plan-popup .popup-align, #payment-method-popup .popup-align {
        padding: 35px 20px;
    }

    #subscription-upgrade-popup .popup-container .button-close.style-1 {
        position: absolute;
        right: 10px;
        top: 5px;
    }
}

/*Phones (<370px)*/
@media (max-width: 370px) {
    .circle-popup {
        width: 300px;
        position: fixed;
        bottom: 90px;
    }
}

#mouse-leave-popup .popup-container {
    background-image: url(../img/popups/coupon/background.jpeg);
    background-repeat: no-repeat;
    background-size: contain;
}

#mouse-leave-popup .input-wrapper input {
    border-width: 2px;
}

#mouse-leave-popup .input-wrapper .icon.left:after {
    border-right-width: 2px;
}

#mouse-leave-popup-success .popup-container {
    background: #4A9CF8;
    outline: 2px dashed #fff;
    outline-offset: -27px;
}

@media (min-width: 768px) {
    #mouse-leave-popup .popup-align {
        margin: 0 -30px -35px;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* SWIPER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.swiper-entry {
    position: relative;
}

.swiper-wrapper {
    cursor: url(../img/drag.png) 16 9, ew-resize;
}

.swiper-container-vertical .swiper-wrapper {
    cursor: url(../img/drag-vertical.png) 8 16, ns-resize;
}

.swiper-button-disabled+.swiper-button-disabled+.swiper-wrapper, .swiper-button-disabled+.swiper-button-disabled+.swiper-container>.swiper-wrapper {
    transform: none !important;
    -webkit-transform: none !important;
    cursor: auto;
    justify-content: center;
}

.swiper-button-disabled+.swiper-button-disabled+.swiper-wrapper .swiper-slide:last-child, .swiper-button-disabled+.swiper-button-disabled+.swiper-container>.swiper-wrapper .swiper-slide:last-child {
    margin-right: 0 !important;
}

.swiper-button-disabled+.swiper-button-disabled+.swiper-wrapper+.swiper-pagination-bullets, .swiper-button-disabled+.swiper-button-disabled+.swiper-container>.swiper-pagination-bullets {
    display: none !important;
}

body .swiper-pagination-bullet-active {
    background-color: var(--et-black-color);
}

.swiper-slide {
    background-size: cover;
    background-position: center center;
}

.swiper-container img {
    height: auto;
}

.swiper-pagination.swiper-pagination-relative {
    position: relative;
    margin-top: 20px;
    bottom: auto;
}

.swiper-button-next, .swiper-button-prev {
    background-size: 18px;
}

.swiper-button-prev:before, .swiper-button-next:before {
    content: "\f104";
    font-family: 'FontAwesome';
    font-size: clamp(32px, 7vw, 52px);
}

.swiper-button-next:before {
    content: "\f105";
}

body .swiper-button-prev, body .swiper-button-next {
    background: none;
/*    color: var(--et-blue2-color);*/
    color: var(--et-black-color);
}

@media only screen and (min-width: 768px) {
    .swiper-entry > .swiper-button-next {
        right: calc(-45px - var(--arrow-offset, 0px));
    }

    .swiper-entry > .swiper-button-prev {
        left: calc(-45px - var(--arrow-offset, 0px));
    }
}

@media only screen and (max-width: 767px) {
    .swiper-entry > .swiper-button-next {
        right: calc(-27px - var(--arrow-offset, 0px));
    }

    .swiper-entry > .swiper-button-prev {
        left: calc(-27px - var(--arrow-offset, 0px));
    }
}

@media only screen and (max-width: 480px) {
    .swiper-entry > .swiper-button-next {
        right: 0;
    }

    .swiper-entry > .swiper-button-prev {
        left: 0;
    }
}

.swiper-button-archery-type:before {
    display: none; 
}

.swiper-button-archery-type {
    line-height: 1;
    border: 2px solid var(--et-black-color);
    border-radius: var(--et-border-radius);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(32px, 7vw, 52px);
    width: clamp(32px, 7vw, 52px);
    height: clamp(32px, 7vw, 52px);
    transition: all .2s linear;
    --arrow-offset: 20px;
}

body .swiper-button-archery-type {
    background: #fff;
}

@media only screen and (max-width: 1670px) {
    .swiper-button-archery-type {
        --arrow-offset: -50px;
    }
    .swiper-entry:not(:hover) .swiper-button-archery-type {
        opacity: 0;
        visibility: hidden;
    }
}

body .swiper-button-archery-type:hover {
    background: var(--et-black-color);
    color: #fff;
}

.swiper-button-archery-type.swiper-button-disabled {
    border-color: #e1e1e1;
}



/*-------------------------------------------------------------------------------------------------------------------------------*/
/* HEADER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* #header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background: rgba(255, 255, 255);
  z-index: 15;
  transition: height .3s, border-color .3s;
  -webkit-transition: height .3s, border-color .3s;
}

#header .container {
  height: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#logo, .footer-logo {
  height: 45px;
}

#logo img {
  display: inline-block;
  vertical-align: middle;
  max-height: 100%;
}

@media (min-width: 992px) {
  #header {
    height: 100px;
    border-bottom: var(--et-input-border-width, 2px) var(--et-border-color) solid;
  }

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

  #header.scrolled {
    height: 75px !important;
  }

  #header a {
    transition: all .3s;
    -webkit-transition: all .3s;
  }

  #header+* {
    margin-top: 100px;
  }

  #header nav #menu-top-nav-menu {
    margin-top: 0;
  }

  #header nav {
    font-size: 0;
    margin-left: auto;
    position: relative;
  }

  #header nav>ul {
    display: flex;
    align-items: center;
  }

  #header nav>ul>li {
    display: inline-flex;
    white-space: nowrap;
    align-items: center;
    margin-right: 25px;
    position: relative;
  }

  #header nav>ul>li.menu-item::after {
    content: " ";
    position: absolute;
    left: 0;
    top: -42px;
    width: 100%;
    transform: scaleX(0);
    transition: transform .2s ease-in-out;
    border-top: 4px solid var(--et-blue2-color);
  }

  /* #header nav>ul>li.menu-item.current-menu-parent::after,
  #header nav>ul>li.menu-item.current-menu-item::after,
  #header nav>ul>li.menu-item:hover::after {
    transform: scaleX(1);
  }

  #header nav>ul>li:last-child {
    margin-right: 0;
  }

  #header nav>ul>li>a:not(.button) {
    font-size: 16px;
    color: #1a1a1a;
  }

  #header nav ul li.current-menu-item>a, #header li.more>a, #header nav>ul>li>a:not(.button):hover {
    color: var(--et-blue2-color);
  }

  #header nav>ul>li>.fa {
    font-size: 16px;
    width: 15px;
    text-align: right;
    text-align: end;
    color: #bfbfbf;
  }

  #header nav ul ul {
    position: absolute;
    background: #fff;
    min-width: 200px;
    padding: 5px 0;
    box-shadow: 0 0 45px rgba(0, 0, 0, .1);
    border-radius: 3px;
    left: 0;
    top: 100%;
    margin-top: 12px;
    transition: left 0s .3s, margin-left .3s, opacity .3s;
    -webkit-transition: left 0s .3s, margin-left .3s, opacity .3s;
    left: 10000px;
    margin-left: 50px;
    opacity: 0;
    display: block !important;
  }

  #header nav ul li:hover ul {
    left: 0px;
    margin-left: 0px;
    transition: left 0s 0s, margin-left .1s, opacity .3s;
    -webkit-transition: left 0s 0s, margin-left .3s, opacity .3s;
  }

  #header nav ul li:hover>ul {
    opacity: 1;
  }

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

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

  #header nav ul ul .menu-item-has-children>a:after {
    content: "\f0da";
    position: absolute;
    right: 15px;
    font-family: 'fontawesome';
    color: #bfbfbf;
  }

  #header nav ul ul ul {
    top: 0;
    margin: -1px 0 0 30px !important;
    left: 100% !important;
  }

  #header nav ul ul ul:before {
    height: 100%;
    width: 15px;
    top: 0;
    left: -15px;
  }

  #header nav ul ul li:hover ul {
    left: 100%;
    margin-left: 15px !important;
    z-index: 2;
  }

  #header nav ul ul ul:after {
    top: 17px;
    left: -6px;
    transform: rotate(-135deg);
  }

  #header nav ul ul a {
    font-size: 14px;
    line-height: 18px;
    padding: 9px 20px;
    color: #1a1a1a;
    display: block;
  }

  #header nav ul ul li.active a, #header nav ul ul a:not(.button):hover {
    color: var(--et-blue2-color);
  }

  #header nav ul ul li.highlighted a {
    background: #f5f5f5;
    border-top: 1px #d9d9d9 solid;
    border-bottom: 1px #d9d9d9 solid;
  }

  #header nav ul ul li.highlighted:last-child {
    margin-bottom: -6px;
  }

  .loader-wrapper.big {
    font-size: 30px;
  }

  .loader-wrapper.medium {
    font-size: 22px;
  }

  .loader-wrapper {
    font-size: 12px;
  }
}

#header nav .avatar {
  max-width: 50px;
  position: relative;
  display: inline-flex;
  align-items: center;
  margin-right: 10px;
  line-height: 1 !important;
  padding: 0 !important;
  overflow: visible !important;
}

#header nav .avatar:before {
  content: '';
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  border: 2px solid rgba(230, 230, 230, 0.3);
  z-index: 1;
  border-radius: 50%;
}

#header nav .avatar+a {
  max-width: 110px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#header nav .avatar span {
  display: none;
  width: 20px;
  height: 20px;
  background: var(--et-blue2-color);
  border: 3px #fff solid;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  position: absolute;
  right: -6px;
  top: 0;
  font-size: 9px;
  font-weight: 500;
  line-height: 14px;
  text-align: center;
  color: #fff;
  z-index: 1;
}

#header nav .avatar img {
  border-radius: 50%;
  max-width: 100%;
}

#header nav .button-avatar {
  color: var(--et-blue2-color) !important;
}  */
.breadcrumbs {
    border-bottom: 1px var(--et-border-color) solid;
    color: var(--et-black-color);
    font-size: 14px;
    line-height: 30px;
    padding: 19px 0;
    background-color: #fff;
}

.page-template-account .breadcrumbs, .page-template-wordpress-templates .breadcrumbs, .page-template-html-psd-templates .breadcrumbs {
    display: none;
}

.breadcrumbs .container .row {
    display: flex;
    align-items: center;
}

.breadcrumbs .row>div {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.breadcrumbs .row>div:last-child {
    justify-content: flex-end;
}

.breadcrumbs span {
    line-height: 1;
}

.breadcrumbs a {
    float: left;
    line-height: 16px;
    margin-right: 12px;
    transition: color .3s;
    -webkit-transition: color .3s;
}

.breadcrumbs a:hover, .breadcrumbs a[href="#"] {
    color: var(--et-blue2-color);
}

.breadcrumbs .arrow {
    font-size: 1.5em;
    color: #ccc;
    margin-right: 12px;
}

/*@media only screen and (min-width: 992px) {
    .breadcrumbs > .container, #header > .container {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        max-width: 1600px;
    }
}*/
.hamburger {
    position: absolute;
    right: 15px;
    top: 50%;
    width: 42px;
    height: 42px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.hamburger.active {
    border-color: transparent;
}

.hamburger span {
    position: absolute;
    left: 15%;
    width: 70%;
    height: 2px;
    background: var(--et-blue2-color);
}

.hamburger span:nth-child(1) {
    top: 25%;
    margin-top: 0px;
    transition: top .25s .25s, margin .25s .25s, transform .25s;
    -webkit-transition: top .25s .25s, margin .25s .25s, -webkit-transform .25s;
}

.hamburger span:nth-child(2) {
    top: 50%;
    margin-top: -1px;
    transition: opacity .25s .25s;
    -webkit-transition: opacity .25s .25s;
}

.hamburger span:nth-child(3) {
    bottom: 25%;
    margin-top: 0px;
    transition: bottom .25s .25s, margin .25s .25s, transform .25s;
    -webkit-transition: bottom .25s .25s, margin .25s .25s, -webkit-transform .25s;
}

.hamburger.active span:nth-child(1) {
    top: 50%;
    margin-top: -1px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: top .25s, margin .25s, transform .5s .5s;
    -webkit-transition: top .25s, margin .25s, -webkit-transform .25s .25s;
}

.hamburger.active span:nth-child(2) {
    opacity: 0;
    transition: opacity .25s;
    -webkit-transition: opacity .25s;
}

.hamburger.active span:nth-child(3) {
    bottom: 50%;
    margin-bottom: -1px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: bottom .25s, margin .25s, transform .25s .25s;
    -webkit-transition: bottom .25s, margin .25s, -webkit-transform .25s .25s;
}

#header-toggle {
    display: none;
}

#header>.container {
    position: revert;
}

/* Tablets (>=768px)*/
@media (max-width: 991px) {
    /* #header {
    height: 60px;
  } *//* #logo {
    height: 40px;
  }

  #logo img {
    vertical-align: 0;
  } *//* #header:before {
    border-bottom: var(--et-input-border-width, 2px) var(--et-border-color) solid;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    content: "";
  }

  #header+* {
    margin-top: 60px;
  }

  .breadcrumbs {
    padding: 5px 0;
  }

  #header nav {
    position: fixed;
    top: 0;
    right: -10000px;
    width: 100%;
    bottom: 0;
    z-index: -1;
    transition: right 0s .5s;
    -webkit-transition: right 0s .5s;
  }

  #header nav:before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    content: "";
    background: rgba(255, 255, 255, .5);
    opacity: 0;
    transition: opacity .5s;
    -webkit-transition: opacity .5s;
  }

  #header.active nav {
    right: 0;
    transition: right 0s 0s;
    -webkit-transition: right 0s 0s;
  }

  #header.active nav:before {
    opacity: 1;
  }

  #header.active+#content-block {
    filter: blur(5px);
  }

  #header nav>ul {
    position: absolute;
    top: 0px;
    bottom: 0;
    padding-top: 60px;
    background: #fff;
    border-left: var(--et-input-border-width, 2px) var(--et-border-color) solid;
    right: 0;
    width: 300px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transition: transform .5s;
    -webkit-transition: -webkit-transform .5s;
  }

  #header.active nav>ul {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
  }

  #header nav>ul .button {
    -webkit-transform: scale(.7);
    transform: scale(.7);
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
  }

  #header.active nav>ul .button {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  #header nav ul>li {
    position: relative;
  }

  #header nav>ul>li {
    margin-top: 8px;
    padding: 0 15px;
  }

  #header nav>ul>li>a:not(.button) {
    font-size: 16px;
    color: #1a1a1a;
    line-height: 24px;
    padding: 10px 0;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 46px;
  }

  #header nav ul>li>.fa {
    width: 46px;
    height: 46px;
    line-height: 46px;
    position: absolute;
    right: 0;
    top: 0;
    color: #bfbfbf;
    font-size: 16px;
    text-align: center;
    background: #fff;
    cursor: pointer;
  }

  #header nav ul ul>li>.fa {
    height: 41px;
    line-height: 41px;
    right: -15px;
  }

  #header nav ul>li>.fa.active {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    color: #1a1a1a;
  }

  #header nav>ul>li:nth-last-child(2) {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }

  #header nav>ul>li:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 30px;
  }

  #header nav ul>li:last-child .fa {
    float: none;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right;
  }

  #header nav>ul>li:last-child .fa.active {
    text-align: inherit;
  }

  #header nav .avatar+a {
    display: inline-block;
    margin-left: 15px;
  }

  #header nav ul ul {
    display: none;
  }

  #header nav ul ul ul {
    padding-left: 15px;
  }

  #header nav ul ul li a {
    font-size: 14px;
    color: #1a1a1a;
    line-height: 21px;
    display: block;
    padding: 10px 30px;
  }

  #header nav li.active>a {
    color: var(--et-blue2-color);
    background: #fff;
  }

  #header nav .button {
    display: block;
    margin: 10px 0;
    width: 100%;
  }

  #header nav .avatar {
    width: 60px;
    margin: 0;
  }

  #header nav .avatar+a {
    max-width: 100%;
    font-size: 14px;
  }

  #header nav ul ul li.highlighted a {
    background: var(--et-green-color);
    color: #fff;
  }

  #header-toggle {
    display: block;
  }*/
}

@media (max-width: 767px) {
    .breadcrumbs {
        display: none;
    }
}

/*Phones (<480px)*/
@media (max-width: 480px) {
    .breadcrumbs {
        display: none;
    }

    .shapes-wrapper .align .button.hide-xs {
        display: none;
    }

    #video-popup .popup-align {
        padding: 0px;
    }

    .popup-container .button-close {
        color: #fff;
        right: 0px;
        top: -20px;
    }

    .show-xs {
        display: block !important;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* FOOTER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*
footer {
  padding-top: 65px;
  border-top: var(--et-input-border-width, 2px) var(--et-border-color) solid;
  background-color: #fff;
}

.footer-bottom {
  padding: 50px 0;
}

.footer-title {
  margin-bottom: 15px;
}

.footer-menu li:not(:last-child) {
  margin-bottom: 10px;
}

.footer-menu a {
  display: inline-block;
  vertical-align: top;
  color: var(--et-blue2-color);
  font-size: 16px;
  line-height: 25px;
}

.footer-menu a:hover {
  text-decoration: underline;
}

@media (min-width: 992px) {
  .footer-menu {
    display: block !important;
  }

  .footer-title {
    pointer-events: none;
  }
}
 */
/* Tablets (>=768px)*/
@media (max-width: 991px) {
    .footer-title.toggle {
        margin-bottom: 0 !important;
        padding: 10px 40px 10px 10px;
        position: relative;
        cursor: pointer;
        font-size: 16px;
    }

    .footer-title.toggle+.footer-menu, .footer-title.toggle+div {
        display: none;
        padding: 10px;
    }

    .footer-title.toggle:after {
        width: 38px;
        height: 38px;
        line-height: 38px;
        position: absolute;
        right: 0;
        top: 0;
        text-align: center;
        content: "\f107";
        font-family: "FontAwesome";
    }

    .footer-title.toggle.active:after {
        content: "\f106";
    }
}

/*Phones (<768px)*/
@media (max-width: 767px) {
    footer {
        padding-top: 45px;
        padding-bottom: 5px;
    }

    .footer-bottom {
        padding: 30px 0;
    }

    .top-banner-align.home-banner-block {
        padding: 35px 0;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* HOMEPAGE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.top-banner {
    position: relative;
}

.top-banner-align {
    display: table-cell;
    vertical-align: middle;
    width: 10000px;
    padding: 115px 0;
}

.top-banner-image-wrapper {
    position: absolute;
    left: 70%;
    top: 50%;
    width: 55%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    z-index: -1;
    max-width: 1400px;
}

.top-banner-image-wrapper:before {
    display: block;
    content: "";
    padding-bottom: 58%;
    content: "";
}

.top-banner-image-wrapper img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
}

.top-banner-image {
    position: absolute;
    left: 65%;
    top: 50%;
    width: 70%;
    height: auto;
    max-width: 1100px;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    z-index: -1;
}

.top-banner-image.small {
    width: 60%;
    left: 70%;
}

.simple-row .h5 {
    font-size: 20px;
}

.small-title {
    font-size: 48px;
}

.simple-row {
    padding: 3.7vw 0;
}

.plain-row {
    padding: 4.5vw 0px 5.7vw 0px;
}

.numbers-animation {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 0;
}

.numbers-animation span, .odometer-digit {
    font-size: 48px;
    font-weight: 500;
    color: #fff;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #259bff;
    display: inline-block;
    vertical-align: top;
    border-radius: 3px;
    position: relative;
    z-index: 0;
}

.numbers-animation span:before, .odometer-digit:before {
    position: absolute;
    background: #3ba5ff;
    width: 100%;
    height: 50%;
    left: 0;
    bottom: 0;
    border-radius: 0 0 3px 3px;
    content: "";
    z-index: -1;
}

.numbers-animation span:not(:first-child), .odometer-digit:not(:first-child) {
    margin-left: 4px;
}

.client-logo-entry {
    width: 125px;
    margin: 0 auto;
    position: relative;
}

.client-logo-entry span {
    display: block;
    transition: opacity .3s;
    -webkit-transition: opacity: .3s;
}

.client-logo-entry span:nth-child(2) {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    opacity: 0;
}

.swiper-slide-active .client-logo-entry span {
    opacity: 0;
}

.swiper-slide-active .client-logo-entry span:nth-child(2) {
    opacity: 1;
}

.price-table {
    border-radius: 6px;
    background-color: #fff;
    box-shadow: -1px 3px 3px rgba(0, 0, 0, .1);
    padding: 50px 25px 40px 25px;
    border-top: 3px var(--et-blue2-color) solid;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.price-table.installation-block-price {
    padding: 30px 25px;
}

.price-table.installation-block-price .price-table-list li {
    font-size: 17px;
    line-height: 22px;
    padding: 15px 10px;
}

.price-table.installation-block-price:hover {
    transform: scale(1.01);
    -webkit-transform: scale(1.01);
}

.price-table.current-plan {
    border: 2px solid var(--et-blue2-color);
}

.price-block {
    width: 37.33333333%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.price-block.offset-1 {
    margin-left: 13.33333333%;
}

.size-xs-2 i, .size-xs-2 input {
    height: 45px;
}

.result-message_lost {
    margin-bottom: 10px;
    color: var(--et-green-color);
}

.result-message_lost:empty {
    display: none;
}

.result-message_lost.error {
    color: var(--et-red-color);
}

@media (min-width: 768px) {
    .price-table:hover {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        box-shadow: 0px 0px 40px 0px rgba(50, 50, 50, 0.3);
        z-index: 1;
    }
}

@media (max-width: 767px) {
    .price-block {
        width: 100%;
    }

    .price-block.offset-1 {
        margin-left: 0%;
    }
}

.price-table .button {
    min-width: 170px;
    margin: 0 auto;
}

.price-table-list li {
    border-top: var(--et-input-border-width, 2px) var(--et-border-color) solid;
    font-size: 15px;
    line-height: 25px;
    padding: 10px 7px;
    text-transform: capitalize;
}

.price-table-list li .fa {
    margin-right: 10px;
}

.price-table .price-table-list {
    border-top: var(--et-input-border-width, 2px) var(--et-border-color) solid;
    padding: 20px 0px;
}

.price-table .price-table-list li {
    border-top: none;
}

/**/
.screens-slider {
    width: 120%;
    left: -10%;
    position: relative;
}

.screens-slider:before {
    position: absolute;
    left: 10%;
    right: 10%;
    top: 30%;
    bottom: -30%;
    background: url(../img/thumbnail-15.jpg) center bottom no-repeat;
    background-size: contain;
    content: "";
}

.screens-slider-entry-wrapper {
    margin: 0 auto;
    max-width: 1300px;
}

.screens-slider-entry {
    background: url(../img/thumbnail-transparent-5.png);
    background-size: 100% 100%;
    position: relative;
    margin: 0 100px;
    transition: .5s;
    -webkit-transition: .5s;
}

.screens-slider-entry:before {
    display: block;
    padding-bottom: 60%;
    content: "";
}

.swiper-button-next:hover+.swiper-wrapper .swiper-slide-next .screens-slider-entry {
    transform: translateX(-5%);
    -webkit-transform: translateX(-5%);
}

.swiper-button-prev:hover+.swiper-button-next+.swiper-wrapper .swiper-slide-prev .screens-slider-entry {
    transform: translateX(5%);
    -webkit-transform: translateX(5%);
}

.screens-slider-entry .content {
    position: absolute;
    overflow: hidden;
    left: 1%;
    top: 8%;
    right: 1%;
    bottom: 2%;
}

.screens-slider-entry .content img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.screens-slider-overlay:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(255, 255, 255, 0);
    transition: .3s;
    -webkit-transition: .3s;
}

.swiper-slide-active .screens-slider-entry:hover .screens-slider-overlay:before {
    background: rgba(255, 255, 255, .35);
}

.screens-slider-overlay .title, .screens-slider-overlay .description, .screens-slider-entry-wrapper .link {
    opacity: 0;
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    transition: .3s;
    -webkit-transition: .3s;
}

.screens-slider-entry-wrapper .link {
    text-align: center;
}

.screens-slider-entry-wrapper .link .button {
    padding: 12px 60px;
}

.screens-slider-overlay .title {
    margin-bottom: 5px;
}

.screens-slider-overlay .description {
    margin-bottom: 15px;
}

.swiper-slide-active .screens-slider-overlay:hover .description {
    transition-delay: .15s;
    -webkit-transition-delay: .15s;
}

.swiper-slide-active .screens-slider-overlay:hover .link {
    transition-delay: .3s;
    -webkit-transition-delay: .3s;
}

.swiper-slide-active .screens-slider-overlay:hover .title, .swiper-slide-active .screens-slider-overlay:hover .description, .swiper-slide-active .screens-slider-entry:hover .link {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}

.screens-slider-entry-wrapper .align {
    position: absolute;
    width: 90%;
    max-width: 500px;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
}

.screens-slider .swiper-button-next, .screens-slider .swiper-button-prev {
    background: url(../img/icon-3.png);
    background-size: 100% 100%;
    top: 50%;
    width: 1.5%;
    right: 24%;
    height: auto;
    transition: .3s;
    -webkit-transition: .3s;
    opacity: .7;
}

.screens-slider .swiper-button-next:hover, .screens-slider .swiper-button-prev:hover {
    opacity: 1;
}

.screens-slider .swiper-button-prev {
    right: 0;
    left: 24%;
    transform: rotateY(-180deg) translateY(-50%);
    -webkit-transform: rotateY(-180deg) translateY(-50%);
}

.screens-slider .swiper-button-next:before, .screens-slider .swiper-button-prev:before {
    content: "";
    display: block;
    padding-bottom: 190%;
}

.screens-slider .swiper-button-next:hover:after, .screens-slider .swiper-button-prev:hover:after {
    left: 0%;
    opacity: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
}

.swiper-text-content {
    font-size: 18px;
}

/*Desktops*/
@media (min-width: 2000px) {
    .password-banner {
        width: 35%;
        left: 65%;
    }

    .register-wrapper {
        width: 40%;
    }
}

/*Desktops */
@media (max-width: 1450px) {
    .password-banner {
        width: 48%;
    }

    .hide-md {
        display: none;
    }

    .h1 {
        font-size: 54px;
    }

    .top-banner-image-wrapper.home-banner {
        width: 62%;
    }

    .simple-row .h1 {
        font-size: 46px;
    }

    .size-20-md, .sa.size-20-md {
        font-size: 20px;
    }
}

/*Desktops */
@media (min-width: 992px) and (max-width: 1450px) {
    .product-detail .product-info+div {
        height: 90px;
    }
}

/*Desktops (>=992px)*/
@media (max-width: 1199px) {
    .screens-slider-entry {
        margin: 0 70px;
    }
}

/* Tablets (>=768px)*/
@media (max-width: 991px) {
    .top-banner-align {
        height: auto !important;
    }

    .top-banner-image, .top-banner-image.small {
        max-width: 45%;
    }

    .screens-slider-entry {
        margin: 0 15px;
    }

    .screens-slider-overlay:before {
        display: none;
    }

    .screens-slider:before {
        top: 15%;
        bottom: -15%;
    }
}

/*Phones (<768px)*/
@media (max-width: 767px) {
    .home-page-form .button {
        font-size: 10px;
        font-weight: 400;
        padding: 8px !important;
    }

    .home-page-form .si.size-1 {
        height: 40px;
        line-height: 18px;
        padding-left: 60px !important;
        padding-right: 75px !important;
    }

    .home-page-form .yikes-easy-mc-error-message, .home-page-form .yikes-easy-mc-success-message {
        transform: translateY(40px);
    }

    .si.size-1 {
        height: 40px;
        line-height: 38px;
    }

    .input-wrapper .icon.size-1 {
        width: 40px;
        line-height: 40px;
        font-size: 16px;
    }

    .input-wrapper .icon.left+.si.size-1 {
        padding-left: 60px !important;
    }

    .simple-row, .top-banner-align {
        padding: 45px 0;
    }

    .top-banner-image-wrapper {
        position: relative;
        top: auto;
        max-width: 100%;
        transform: none;
        -webkit-transform: none;
        width: auto;
        left: auto;
    }

    .top-banner-image, .top-banner-image.small {
        position: relative;
        top: auto;
        max-width: 100%;
        width: auto;
        left: auto;
        transform: none;
        -webkit-transform: none;
    }

    .screens-slider {
        width: 100%;
        left: 0;
    }

    .screens-slider-entry {
        margin: 0 50px;
    }

    .screens-slider .swiper-button-prev {
        left: 1%;
        width: 4%;
    }

    .screens-slider .swiper-button-next {
        right: 1%;
        width: 4%;
    }

    .top-banner-image-wrapper.home-banner {
        width: auto;
    }

    .screens-slider:before {
        left: -10%;
        right: -10%;
        top: 0;
        bottom: 0;
    }

    .price-block .price-heading {
        font-size: 56px;
    }

    .toggle-xs {
        display: none;
    }

    .theme-support-preview-left.user-image {
        width: auto;
        text-align: center;
    }
}

/*Phones (<480)*/
@media (max-width: 480px) {
    .button.size-2-xs {
        font-size: 13px;
        line-height: 19px;
        padding: 12px 21px 12px 21px;
        font-weight: 500;
        letter-spacing: 1px;
        min-width: 40px;
    }

    .input-wrapper .icon.right.size-2-xs+.si {
        padding-right: 45px !important;
    }

    .input-wrapper .icon.left+.si.size-2-xs {
        padding-left: 60px !important;
        height: 45px;
        line-height: 45px;
    }

    .input-file-wrapper .si.size-2-xs {
        padding-right: 40px;
    }

    .input-file-wrapper .si.size-2-xs+input+.file-remove {
        width: 40px;
        height: 40px;
    }

    .input-wrapper .icon.size-2-xs {
        width: 45px;
        line-height: 45px;
        font-size: 18px;
    }

    .product-detail {
        text-align: center;
    }

    .top-banner-image-wrapper.home-banner {
        width: 120%;
        left: -75px;
        max-width: 120%;
    }

    .screens-slider-entry {
        margin: 0px 50px;
    }

    .screens-slider .swiper-button-prev {
        left: 3%;
        width: 5%;
    }

    .screens-slider .swiper-button-next {
        right: 3%;
        width: 5%;
    }

    .generate-pass {
        position: relative;
    }

    /*.generate-pass .button {*/
    /*  position: absolute;*/
    /*  top: 0%;*/
    /*  right: 0%;*/
    /*  border-top-left-radius: 0px;*/
    /*  border-bottom-left-radius: 0px;*/
    /*}*/
    /*.generate-pass .input-wrapper input {*/
    /*  padding-right: 110px;*/
    /*}*/
    .odometer-digit {
        font-size: 38px;
    }

    .simple-row .h5, .swiper-text-content {
        font-size: 16px;
    }
}

/*Phones (<480)*/
@media (max-width: 400px) {
    .top-banner-image-wrapper.home-banner {
        left: -55px;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* CONTENTS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.contents-entry {
    /* background: #fff; */
    /* border: var(--et-input-border-width, 2px) var(--et-border-color) solid; */
    /* padding: 40px 50px; */
    /*    border-radius: 5px;*/
}

.contents-link {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 24px;
    padding: 6px 0;
    transition: all .3s;
    -webkit-transition: all .3s;
    color: var(--et-black-color);
}

.contents-link span:after {
    content: '';
    position: absolute;
    right: 0;
    top: 100%;
    height: 1px;
    background: currentColor;
    transition: all .3s;
    width: 0;
    display: var(--et-link-underline-effect-display, block);
}

.contents-link span {
    position: relative;
}

.contents-link:hover span:after {
    left: 0;
    right: auto;
    width: 100%;
}

.contents-link:hover {
    color: var(--et-blue2-color);
}

.contents-link:before {
    margin-right: 20px;
    content: "\f105";
    font-family: "FontAwesome";
}

/*Phones (<768px)*/
/*@media (max-width: 767px) {
    .contents-entry {
        padding: 30px;
    }
}*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* SUPPORT */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* .content-sidebar-wrapper {
  overflow: hidden;
} */
.content-sidebar-wrapper>.container>.row>[class*="col-"], .content-sidebar-wrapper>.container-fluid>.row>[class*="col-"] {
    position: static;
}

.content-entry:before {
    background: #f8f8f8;
    position: absolute;
    right: calc(25% - 30px);
    top: 0;
    bottom: 0;
    width: 10000px;
    border-right: 1px solid #e6e6e6;
    content: "";
    z-index: -1;
}

.content-entry.right:before, .col-md-12 .content-entry:before {
    background: transparent;
    border: none;
}

.sidebar-entry {
    position: relative;
    z-index: 1;
}

.sidebar-entry.left {
    padding: 50px 50px 50px 35px;
}

.sidebar-entry.right {
    padding: 40px 0 40px 40px;
}

/*.sidebar-entry.right:before{background: #fff; position: absolute; left: 0; width: 10000px; height: 10000px; top: 0; content: ""; border-left: var(--et-input-border-width, 2px) var(--et-border-color) solid; z-index: -1;}*/
.sidebar-title {
    margin-bottom: 15px;
}

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

.sidebar-list a.active {
    color: var(--et-green-color);
}

.sidebar-list a:hover {
    text-decoration: underline;
}

.sidebar-list li:not(:last-child) {
    margin-bottom: 12px;
}

.sidebar-tip {
    border: 1px #e6e6e6 solid;
    padding: 25px;
    text-align: center;
    position: relative;
    border-radius: 5px;
}

.sidebar-tip .widget {
    padding-bottom: 0;
}

.sidebar-tip:before {
    width: 18px;
    height: 18px;
    background: var(--et-light-color);
    border-top: 1px #e6e6e6 solid;
    border-right: 1px #e6e6e6 solid;
    position: absolute;
    left: 42px;
    top: -10px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    content: "";
}

.sidebar-tip .sa+* {
    /*margin-top: 35px;*/
    margin-top: -1px;
}

.sidebar-activity {
    background: #fff;
    border: 1px #e6e6e6 solid;
    padding: 10px 15px;
    border-radius: 5px;
}

.sidebar-activity:not(:first-child) {
    margin-top: -1px;
}

.sidebar-activity:not(:last-child) {
    margin-bottom: 10px;
    position: relative;
}

.sidebar-activity:not(:last-child):after {
    left: 18px;
    top: 100%;
    width: 2px;
    height: 10px;
    background: #e6e6e6;
    position: absolute;
    content: "";
}

.theme-support-preview {
    position: relative;
}

.theme-support-preview:after {
    content: "";
    display: block;
    clear: both;
}

.theme-support-preview-left {
    float: left;
}

.theme-support-preview-left, .theme-support-preview-right .rounded-image {
    max-width: 90px;
}

.sidebar-entry.new-design .theme-support-preview-left, .sidebar-entry.new-design .theme-support-preview-right .rounded-image {
    max-width: 70px;
}

.theme-support-preview-left img {
    border-radius: 50%;
    border: 1px solid #e1e1e1;
}

.theme-support-preview-left+.theme-support-preview-right {
    margin-left: 165px;
}

.theme-support-preview .rounded-image {
    float: left;
}

/*.theme-support-preview .rounded-image:not(:first-child){margin-left: -10px;}*/
.support-item {
    background: #fff;
    border: var(--et-input-border-width, 2px) var(--et-border-color) solid;
    padding: 40px 20px 40px 40px;
    font-size: 0;
    position: relative;
    margin-bottom: 12px;
    border-radius: 5px;
    transition: all .4s;
}

.support-item.last-reply_participant, .support-item.last-reply_keymaster {
    padding: 10px 20px 20px 40px;
}

/*.support-item-link{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}*/
.support-item .bbp-author-name {
    color: var(--et-blue2-color);
}

.support-item:hover {
    border: 1px #b9b9b9 solid;
}

.support-item.dropdown:hover {
    background-color: #fff;
}

.support-item.active {
    border: 2px var(--et-green-color) solid;
}

.support-item .rounded-image {
    display: inline-block;
    width: 25px;
    height: auto;
    vertical-align: middle;
    position: relative;
}

.support-item a.rounded-image {
    top: -3px;
}

.support-item .rounded-image img {
    vertical-align: text-top;
}

.support-item .right {
    width: 49%;
    text-align: center;
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
}

.support-item .left {
    width: 51%;
    padding-right: 15px;
    display: inline-block;
    vertical-align: middle;
}

.support-item .left .title {
    margin-bottom: 5px;
}

.type-forum .support-item .left .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.support-item:hover .left .title {
    color: var(--et-blue2-color);
}

.support-item .right .number {
    font-size: 22px;
    line-height: 1em;
    font-weight: 400;
}

.support-item .right .support-author {
    font-size: 18px;
    line-height: 24px;
}

.support-item .right .support-author strong {
    font-weight: 400;
}

.support-item .right [class*="column"] {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 0 5px;
}

.support-item .right [class*="column"]:before {
    position: absolute;
    width: 1px;
    height: 40px;
    top: 50%;
    margin-top: -20px;
    content: "";
    left: 0;
    background: #e6e6e6;
}

.support-item .right .column-1 {
    width: 30%;
}

.support-item .right .column-2 {
    width: 30%;
}

.support-item .right .column-3 {
    width: 40%;
}

.support-item .right .column-3 .grey a {
    color: #8c8c8c;
}

.support-item-label {
    position: absolute;
    left: 0;
    top: 0;
    color: #fff !important;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 22px;
    background: var(--et-blue2-color);
    font-weight: 500;
    letter-spacing: 1px;
    padding: 0 10px;
}

.bbp-forum-description img {
    display: inline-block;
}

/*.bbp-forum-description .bbp-author-name {
  color: var(--et-blue2-color);
}*/
.topic-number {
    display: inline-block;
}

.topic-number .key-icon {
    padding-left: 5px;
}

.bbp-header {
    display: block;
}

@media only screen and (min-width: 768px) {
    .bbp-header {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}

@media only screen and (max-width: 480px) {
    body #bbpress-forums .bbp-body div.bbp-reply-content, body #bbpress-forums .bbp-body div.bbp-topic-content {
        margin: 0;
    }
}

.topic-number:hover .key-icon {
    visibility: visible !important;
}

.licences-count {
    padding: 2px;
    background: var(--et-blue2-color);
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-size: .72em;
    vertical-align: middle;
}

.licences-count.step-2 {
    background-color: #FFA726;
}

.licences-count.step-3 {
    background-color: #000;
}

.waiting-for-reply {
    position: relative;
}

.waiting-for-reply .licences-count {
    position: absolute;
    right: 100%;
    top: 0;
    margin-right: 3px;
}

.sidebar-entry .waiting-for-reply .licences-count {
    position: static;
}

#bbpress-forums .status-closed .support-item .info-tooltip {
    display: none;
}

#bbpress-forums .status-closed .support-item.new-design .info-tooltip {
    display: block;
}

.support-item .bbp-topic-permalink {
    display: inline-block;
    width: 100%;
}

.support-item .user-info-wrapper {
    display: inline-block;
    position: relative;
}

.support-item .user-info-wrapper > .info-tooltip {
    display: none;
    /* @todo hide from content */
}

.support-item .user-info-wrapper:hover .info-tooltip, .waiting-for-reply:hover .info-tooltip {
    opacity: 1;
    visibility: visible;
}

.support-item .user-info-wrapper .info-tooltip, .bbp-author-avatar .info-tooltip, .waiting-for-reply .info-tooltip {
    left: calc(100% + 17px);
    background: #fff;
    border: none;
    padding: 30px 40px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%);
    width: 460px;
    z-index: 1;
}

body .bbp-author-avatar .info-tooltip {
    left: 20%;
    top: calc(100% + 17px);
    z-index: 101;
}

body .bbp-author-avatar .info-tooltip.new-design {
    top: auto;
    bottom: calc(100% + 17px);
}

body .bbp-author-avatar .info-tooltip:before {
    border: none;
}

.support-item .user-info-wrapper:not(:hover) .info-tooltip, .waiting-for-reply:not(:hover) .info-tooltip {
    transform: translateY(calc(-50% + 12px))
}

.support-item .user-info-wrapper .info-tooltip:before, .waiting-for-reply .info-tooltip:before {
    border-color: #fff;
    background-color: #fff;
    left: -10px;
}

.waiting-for-reply .info-tooltip {
    left: auto;
    right: calc(100% + 37px);
}

.waiting-for-reply .info-tooltip:before {
    transform: translateY(-50%) rotate(135deg);
    left: auto;
    right: -10px;
}

.widget .show-more-forums {
    position: relative;
}

.widget .show-more-forums .show-more-inner {
    position: absolute;
    width: 100%;
    background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%);
    background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%);
    top: -60px;
    padding-top: 50px;
    text-align: center;
    color: var(--et-blue2-color);
    font-size: 16px;
}

/* .widget_display_forums ul li:nth-child(n+7),
.replies-list ul li:nth-child(n+7),
.widget_et_display_user_topics ul li:nth-child(n+7) {
  display: none;
} */
.widget.widget_et_display_user_topics {
    padding: 30px 35px;
    background: #fff;
    border-radius: var(--et-border-radius);
}

.widget.widget_et_display_user_topics:has(.recent-topic-item) {
    /* padding: 30px 35px; */
    /* background: #fff; */
}

.widget.widget_et_display_user_topics .topic-actions {
    position: absolute;
    display: flex;
    align-items: center;
    right: 0;
    background: #fff;
    padding: 5px 0px 5px 10px;
    /*top: 50%;
    transform: translateY(-50%);*/
    top: 0;
    transition: all .2s linear;
    --sidebar-link-hover: var(
    --et-blue2-color);
}

.sidebar-entry .widget.widget_et_display_user_topics {
    padding: 0;
/*    padding-bottom: 35px;*/
    background: transparent;
}

.sidebar-entry .widget.widget_et_display_user_topics .topic-actions {
    background: transparent;
}

.widget.widget_et_display_user_topics .topic-actions > span,
.widget.widget_et_display_user_topics .topic-actions > a {
    display: inline-flex;
    align-items: center;
}

/*@media only screen and (hover: hover) {
    .widget.widget_et_display_user_topics .recent-topic-item:not(:hover) .topic-actions {
        opacity: 0;
        visibility: hidden;
    }
}*/

/*.widget.widget_et_display_user_topics .topic-actions a:last-child:hover .tooltip {
    left: -50%;
}*/

.widget.widget_et_display_user_topics .topic-actions .tooltip {
    left: auto;
    right: 0;
    transform: none;
}

/*.widget.widget_et_display_user_topics .button-new {
    text-decoration: none;
    color: #000;
    font-size: 14px;
    line-height: 1;
}*/

.widget.widget_et_display_user_topics .button-green {
    color: #fff !important;
}

/*#bbpress-forums .widget_et_display_user_topics .bbp-user-section {
    overflow: hidden;
}*/

.etheme-single-user-topic {
    position: relative;
}

.close-this-topic.active {
    opacity: 1;
    bottom: -10px;
}

.etheme-single-user-topic .support-author .grey {
    line-height: 24px;
}

.etheme-single-user-topic .support-author .grey a {
    color: #8c8c8c;
}

.etheme-single-user-topic .icon .topic-icon {
    display: flex;
    position: relative;
    padding: 0;
    padding-top: 3px;
    width: 25px;
    font-size: 18px;
}

.etheme-single-user-topic .close-this-topic a {
    display: inline-flex;
    align-items: center;
    /* font-size: 12px; */
    /* font-weight: 700; */
    /* line-height: 2; */
    /* color: var(--et-green-color); */
    /* vertical-align: middle; */
}

.etheme-single-user-topic .close-this-topic a:hover {
    text-decoration: underline;
}

.etheme-single-user-topic .title a:hover {
    color: #1a1a1a;
}

.etheme-single-user-topic:hover .widget ul li:not(:last-child) {
    margin-bottom: 12px;
}

.widget ul li:not(:last-child) {
    margin-bottom: 12px;
}

/* .close-single-topic, */
.close-this-topic-confirm,
.close-single-topic-confirm {
    position: absolute;
    background: #fff;
    width: 430px;
    /* max-height: 250px; */
    padding: 38px;
    box-shadow: 0 0 45px rgba(0, 0, 0, .1);
    border-radius: var(--et-border-radius);
    left: calc(50% - 215px);
    transition: transform .3s, opacity .3s, top .3s, margin-top .3s;
    -webkit-transition: -webkit-transform .3s, opacity .5s, top .3s, margin-top .3s;
    top: 100px;
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    z-index: -10;
}

.close-this-topic-confirm {
    position: fixed;
    top: 50%;
    left: 50%;
    right: auto;
    transform: translate(-50%, calc(-50% + 50px));
    z-index: 10;
    visibility: hidden;
    margin-top: 0;
    padding: 20px 25px;
    transition: all .3s ease-out;
}

.close-this-topic-confirm.active {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    right: auto;
    opacity: 1;
    visibility: visible;
    z-index: 10;
}

.etheme-single-user-topic:has(.close-this-topic-confirm):before {
    content: '';
    width: 100vw;
    height: 100vh;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background: rgba(0, 0, 0, .8);
    display: block;
    z-index: 10;
    position: fixed;
    transition: all .3s ease-out;
    opacity: 0;
    visibility: hidden;
}

.etheme-single-user-topic:has(.close-this-topic-confirm.active):before {
    opacity: 1;
    visibility: visible;
}

body:has(.close-this-topic-confirm.active) .header {
    transform: translateY(-100%);
    transition: none;
}


body:has(.close-this-topic-confirm.active) .back-top,
body:has(.close-this-topic-confirm.active) #beacon-container {
    opacity: 0;
    visibility: hidden;
}

body:has(.close-this-topic-confirm.active) .et-mobile-panel-wrapper {
    transform: translateY(100%);
    transition: none;
}

@media only screen and (max-width: 768px) {
    body .close-topic-wrapper {
        position: static;
    }
    .close-this-topic-confirm,
    .close-single-topic-confirm {
        width: calc(100vw - 30px);
    }
    .close-single-topic-confirm {
        top: auto !important;
        left: 15px;
        right: 15px;
    }
    .close-single-topic-confirm::after {
        display: none;
    }
}

.close-single-topic-confirm.active {
    top: 60px;
    opacity: 1;
    margin-top: 0;
    z-index: 10;
}

.close-single-topic-confirm::after {
    width: 10px;
    height: 10px;
    background: #fff;
    content: "";
    left: 215px;
    top: -6px;
    position: absolute;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

#five-stars-popup svg {
    fill: #ffe223;
    margin: 0 4px;
}

.widget ul li:not(:last-child) {
    margin-bottom: 12px;
}

.new-popup {
    position: fixed;
    left: -10000px;
    bottom: 0;
    width: 100%;
    background: #fff;
    border-top: var(--et-input-border-width, 2px) var(--et-border-color) solid;
    z-index: 25;
    padding: 19px 0 30px 0;
    max-height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    opacity: 0;
    transition: transform .5s, opacity .5s, left 0s .5s;
    -webkit-transition: -webkit-transform .5s, opacity .5s, left 0s .5s;
}

.new-popup.active {
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    opacity: 1;
    left: 0;
    transition: transform .5s, opacity .5s, left 0s 0s;
    -webkit-transition: -webkit-transform .5s, opacity .5s, left 0s 0s;
}

.new-popup-drag {
    position: absolute;
    width: 50px;
    height: 10px;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: 0;
    cursor: ns-resize;
    border-top: 1px var(--et-blue2-color) solid;
    padding-top: 40px;
}

.new-popup-drag:after {
    position: absolute;
    left: 0;
    width: 100%;
    top: 3px;
    background: var(--et-blue2-color);
    height: 2px;
    content: "";
}

.new-popup-drag:before {
    position: absolute;
    left: 0;
    width: 100%;
    top: 8px;
    background: var(--et-blue2-color);
    height: 1px;
    content: "";
}

.new-popup-inner .mce-panel {
    border-radius: 3px;
}

.new-popup div.bbp-submit-wrapper {
    float: none;
    margin-top: 10px;
}

.mce-panel {
    border-color: #e6e6e6 !important;
    background: #f8f8f8 !important;
    width: auto !important;
}

.mce-btn:not(:hover) {
    background: transparent !important;
}

.mce-btn:not(:hover) .mce-ico {
    color: #aaa;
}

.rating {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-size: 0;
}

.rating .entry {
    width: 35px;
    height: 35px;
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    transition: transform .15s;
    -webkit-transition: transform .15s;
    cursor: pointer;
}

.rating .entry:hover, .rating .entry.active {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

.rating .entry.disabled {
    transform: scale(.8);
    -webkit-transform: scale(.8);
    background-position: 0 -35px;
    opacity: .7;
}

.rating .entry.disabled:hover {
    transform: scale(1);
    -webkit-transform: scale(1);
}

.rating .entry:nth-child(1) {
    background-image: url(../img/icon-4.png);
}

.rating .entry:nth-child(2) {
    background-image: url(../img/icon-5.png);
}

.rating .entry:nth-child(3) {
    background-image: url(../img/icon-6.png);
}

.rating .entry:nth-child(4) {
    background-image: url(../img/icon-7.png);
}

.notice.info {
    background: #fafafa;
    border: 1px solid #e3e3e3;
    padding: 40px 40px;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    position: relative;
    border-radius: .35em;
}

.notice.info:before {
    content: "\f013";
    display: block;
    font-size: 200px;
    line-height: 200px;
    left: -50px;
    bottom: -70px;
    color: #eeeeee;
    z-index: 0;
    position: absolute;
    font-family: "FontAwesome";
}

.notice.info .notice-description {
    position: relative;
    padding: 5px 0px;
    font-size: 14px;
    line-height: 1.8;
    color: #575757;
}

.SlectBox.search-select+.CaptionCont {
    height: 45px;
    width: auto;
    line-height: 45px;
    font-size: 13px;
    border: 0;
    left: 1px;
    border-right: 1px solid #efefef;
    border-top-left-radius: .35em;
    border-bottom-left-radius: .35em;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.SlectBox.search-select+.CaptionCont label {
    width: 45px;
}

.SlectBox.search-select+.CaptionCont span {
    padding-right: 25px;
}

.SlectBox.search-select+.CaptionCont+.optWrapper .opt {
    font-size: 13px;
    line-height: 24px;
    border: none;
    padding: 8px 21px;
}

.SlectBox.search-select+.CaptionCont+.optWrapper .opt.selected {
    color: var(--et-blue2-color);
    background-color: transparent;
    border-color: #f5f5f5;
}

.SlectBox.search-select+.CaptionCont+.optWrapper .opt:hover {
    background-color: transparent;
    color: var(--et-blue2-color);
    border-color: #f5f5f5;
}

/*.input-search-wrapper {*/
/*  z-index: auto;*/
/*}*/
.input-search-wrapper.active {
    z-index: 12;
}

.forum-search:focus {
    border-color: #e6e6e6;
}

.input-search-wrapper .forum-search {
    border: none;
}

.input-search-wrapper .search-select-input+.forum-search {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.input-search-wrapper .input-autocomplete {
    margin-top: 1px;
}

.search-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    background: rgba(255, 255, 255, .1);
    -webkit-transition: background .5s ease;
    -o-transition: background .5s ease;
    transition: background .5s ease;
}

.search-bg.active {
    left: 0;
    z-index: 11;
    background: rgba(255, 255, 255, .7);
}

/* Tablets (>=768px)*/
@media (max-width: 991px) {
    .support-item.last-reply_participant, .support-item.last-reply_keymaster, .support-item {
        padding: 25px 15px;
    }

    .support-item .left {
        width: 45%;
    }

    .support-item .right {
        width: 55%;
    }

    .sidebar-entry.new-design > .empty-space:first-child {
        display: none !important;
    }

    .sidebar-entry.right:not(.sidebar-off-canvas, .new-design) {
        padding-right: 40px;
        border: var(--et-input-border-width, 2px) var(--et-border-color) solid;
        background: #fff;
        margin-bottom: 60px;
    }

    .sidebar-entry.right:not(.sidebar-off-canvas, .new-design):before {
        display: none;
    }

    .content-entry:before {
        /*right: 50%;*/
        /*margin-right: -5000px;*/
        display: none;
    }

    .content-sidebar-wrapper {
        background-color: #f8f8f8;
    }

    .sidebar-entry:not(.sidebar-off-canvas) {
        position: relative !important;
        top: auto !important;
        width: auto !important;
    }

    .sidebar-entry.left:not(.sidebar-off-canvas) {
        padding-bottom: 0;
    }

    .sidebar-entry:not(.sidebar-off-canvas)+* {
        display: none !important;
    }

    .themes-content, .sidebar-entry.left:not(.sidebar-off-canvas) {
        border-left: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .content-sidebar-wrapper .container-fluid {
        width: 750px;
    }

    .sidebar-toggle {
        display: none;
    }

    .toggle-new-popup-close {
        right: -3%;
    }

    .step-tooltip-content .toggle-new-popup-close {
        right: 1%;
    }
}

/*Tablets(<796px)*/
@media (max-width: 796px) {
    .new-popup-inner {
        width: 97%;
    }
    .replay-static-form .new-popup-inner {
        width: 100%;
    }

    .toggle-new-popup-close {
        right: -1%;
    }
}

/*Tablets (<768px)*/
@media (max-width: 767px) {
    .support-item .left, .support-item .right {
        display: block;
        width: auto;
    }

    .support-item .left {
        margin-bottom: 15px;
        padding-right: 0;
    }

    .support-item .right .column-1:before, .support-item .right .column-3:before {
        display: none;
    }

    .support-item .right .column-1, .support-item .right .column-2 {
        width: 50%;
        padding: 15px 0;
    }

    .support-item .right .column-3 {
        width: 100%;
        text-align: left;
        margin-top: 15px;
        text-align: center;
    }

    .new-popup {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .theme-support-preview-left {
        float: none;
    }

    .theme-support-preview-right {
        margin-left: 0;
    }

    .sidebar-entry.right:not(.sidebar-off-canvas, .new-design) {
        padding: 15px;
        margin-bottom: 0px;
        margin-top: 20px;
        font-size: 16px;
        border-radius: 5px;
    }

    .content-sidebar-wrapper .container-fluid {
        width: 100%;
    }

    .new-popup-inner {
        width: 95%;
    }

    .replay-static-form .new-popup-inner {
        width: 100%;
    }

    .toggle-new-popup-close {
        right: 1%;
    }

    .step-tooltip-content .step-number {
        top: 30px;
    }

    .topic-number {
        position: relative;
    }
}

/*Phones (<530px)*/
@media (max-width: 530px) {
    .step-tooltip-content .toggle-new-popup-close {
        top: 2%;
        position: absolute;
    }

    .step-tooltip-content .step-number {
        top: 40px;
    }
}

/*Phones (<480px)*/
@media (max-width: 480px) {
    .support-item .right .number {
        font-size: 18px;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* SUPPORT DETAIL */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.support-detail-entry {
    background: #fff;
    padding: 25px 30px;
    border: var(--et-input-border-width, 2px) var(--et-border-color) solid;
    border-radius: 5px 5px 0 0;
}

.support-detail-entry-header {
    padding-bottom: 21px;
}

.support-detail-entry-header .inline-entry-col:nth-child(2) {
    padding-left: 10px;
}

.support-detail-entry-header .inline-entry-col:nth-child(4) {
    top: 1px;
    position: relative;
}

/* user role text view */
.et-participant {
    border-radius: 5px;
    display: inline-block;
    color: #888;
    font-size: 14px !important;
    line-height: 16px !important;
    vertical-align: middle;
    background-color: rgba(120, 144, 156, .2);
    padding: 5px 14px;
    cursor: default;
}

.et-staff {
    text-transform: capitalize;
    background: #0085f2;
    color: #fff;
    display: inline-block;
    padding: 3px 7px 2px;
    border-radius: 3px;
    font-size: 12px !important;
    line-height: 16px !important;
}

.green-label {
    background: var(--et-green-color-10);
    color: var(--et-green-color);
}

.support-detail-entry-title {
    background: #fff;
    border-top: 1px var(--et-border-color) solid;
    border-right: 1px var(--et-border-color) solid;
    border-left: 1px var(--et-border-color) solid;
    margin-top: -1px;
    font-size: 0;
    border-radius: 5px 5px 0 0;
}

.support-detail-entry-title h1 {
    padding: 20px 0px;
    border-bottom: 1px var(--et-border-color) solid;
    margin: 0 30px;
    font-size: 20px;
}

.loop-item-0 .support-detail-entry {
    border-top: 0;
}

.support-detail-entry-footer {
    padding: 10px 30px;
    background: #fff;
    border: 1px var(--et-border-color) solid;
    margin-top: -1px;
    font-size: 0;
    margin-bottom: 19px;
    border-radius: 0 0 5px 5px;
}

.support-detail-entry-footer .topic-footer-icon:not(:last-child) {
    margin-right: 5px;
}

.support-detail-entry-footer .topic-footer-icon {
    /* margin-left: 5px; */
    /* display: inline-block !important; */
}

.support-detail-entry-footer .topic-footer-icon.liked i {
    color: #c62828;
}

.support-detail-entry-footer .topic-footer-icon {
    font-size: 18px;
    cursor: pointer;
    position: relative;
}

/*
.support-detail-entry-footer .topic-footer-icon i.up {
  transition: all 0s;
  position: absolute;
  top: 10px;
  opacity: 0;
}

.support-detail-entry-footer .topic-footer-icon:hover i.up {
  top: 0;
  opacity: 1;
  transition: all .3s;
}
.support-detail-entry-footer .topic-footer-icon:hover i {
  opacity: 0;
  transition: transform .3s, opacity .3s, top .3s;
  -webkit-transition: -webkit-transform .3s, opacity .3s, top .3s;
}
*/
.support-detail-entry-wrapper .support-detail-entry-wrapper {
    margin-left: 35px;
    position: relative;
}

.support-detail-entry-wrapper .support-detail-entry-wrapper:before {
    width: 18px;
    height: 76px;
    border-left: var(--et-input-border-width, 2px) var(--et-border-color) solid;
    border-bottom: var(--et-input-border-width, 2px) var(--et-border-color) solid;
    position: absolute;
    left: -18px;
    top: -19px;
    content: "";
}

.fixed-button {
    position: fixed;
    padding-top: 40px;
    padding-right: 100px;
    background-color: #fff;
    z-index: 9999;
    /* only if fixed because js works bad when page is scrolled already */
    top: 65px !important;
}

.fixed-button-container.fixed-button:after {
    content: "";
    position: absolute;
    height: 30px;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.5) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.5) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.5) 100%);
}

.admin-links>* {
    vertical-align: middle;
}

.admin-links .button {
    border-radius: 3px;
}

/*Phones (<768px)*/
@media (max-width: 767px) {
    .support-detail-entry-wrapper .support-detail-entry-wrapper {
        margin-left: 15px;
    }

    .support-detail-entry-wrapper .support-detail-entry-wrapper:before {
        left: -15px;
        width: 15px;
    }

    .support-detail-entry {
        padding: 15px;
    }

    .support-detail-entry-footer {
        padding: 10px 15px;
    }

    /*.support-detail-entry-footer .button.size-3 {padding: 5px 17px 5px 17px;}*/
    .support-detail-entry-header {
        text-align: center;
    }

    .support-detail-entry-header .bbp-author-avatar .info-tooltip.new-design {
        left: 50%;
    }

    .support-detail-entry-header .inline-entry-col:nth-child(1) {
        display: block;
        margin: 0 auto 5px auto;
        width: 50px;
    }

    .support-detail-entry-header .inline-entry-col:nth-child(2) {
        padding: 0;
        text-align: left;
    }

    .step-tooltip .button.prev-step, .step-tooltip .button.next-step {
        width: calc((100%/2) - 10px);
        display: inline-block;
        padding: 10px 0px;
    }

    .support-detail-entry-footer .topic-number {
        padding: 4px 0px;
        min-width: 250px;
    }
}

/*Phones (<420px)*/
@media (max-width: 410px) {
    .admin-links {
        width: 100%;
    }

    .admin-links .button:not(:last-child) {
        margin-right: 5px;
    }

    .support-detail-entry-footer .admin-links .button {
        padding: 5px 10px;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* REGISTER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.or-wrapper {
    overflow: hidden;
}

.or-wrapper div {
    position: relative;
    vertical-align: top;
}

.or-wrapper div:before {
    width: 100%;
    height: 1px;
    background: #e0e0e0;
    position: absolute;
    top: 50%;
    content: "";
    left: 0;
}

.or-wrapper div:after {
    content: 'or with a social network';
    background-color: #fff;
    display: inline-block;
    padding: 0 10px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    width: 65%;
}

.or-wrapper.login div:after {
    content: 'or';
    background-color: #fff;
    display: inline-block;
    padding: 0 10px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    width: auto;
}

.info-tooltip-wrapper {
    position: relative;
    z-index: 1;
}

.circle-info {
    font-size: 18px;
    position: absolute;
    right: 2%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    color: var(--et-black-color);
}

.info-tooltip {
    position: absolute;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 30px;
    top: 50%;
    padding: 12px 80px 12px 22px;
    margin-bottom: 0px;
    width: 425px;
    border: 2px var(--et-border-color) solid;
    background-color: #f5fcff;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s linear;
}

.circle-info .info-tooltip.new-design {
    bottom: calc(100% + 18px);
}

.input-wrapper .info-tooltip.new-design {
    right: 0;
    left: auto;
    transform: translateX(35px) translateY(10px);
}

.info-tooltip .info-tooltip-image {
    margin-bottom: 0px;
}

.info-tooltip-image {
    position: absolute;
    right: 2%;
    bottom: 0%;
}

.info-tooltip .info-description {
    color: var(--et-blue2-color);
    font-size: 14px;
    line-height: 24px;
}

.error-tooltip {
    text-align: center;
    position: absolute;
    min-width: 200px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 10px;
    box-shadow: var(--et-box-shadow);
    border-radius: 5px;
    background-color: #fff;
    color: #222;
    font-size: 14px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s linear;
}

.error-tooltip::after {
    width: 10px;
    height: 10px;
    background: #fff;
    /* box-shadow: var(--et-box-shadow); */
    content: "";
    left: 95px;
    bottom: -5px;
    position: absolute;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.et-form-error~.error-tooltip {
    opacity: 1;
    visibility: visible;
    z-index: 1;
}

.et-form-error~.error-tooltip+.error-tooltip {
    opacity: 0;
    visibility: hidden;
}

.input-wrapper .info-tooltip-wrapper .circle-info {
    right: 4px;
    left: auto;
    bottom: 7px;
}

.circle-info:hover>.info-tooltip {
    opacity: 1;
    visibility: visible;
}

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

#vb_envato.register-input {
    padding-right: 30px;
}

#vb_envato.register-input+.circle-info {
    right: 15px;
}

.account-panel .responsive-table table tbody tr td {
    white-space: nowrap;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.account-panel .license-status-row td.account-panel-border {
    overflow: auto;
    text-overflow: initial;
}

.account-panel .subscription-codes-table table tbody tr td {
    max-width: unset;
}

.account-panel .responsive-table table tbody td.ghost-buttons-wrapper {
    position: absolute;
    right: 0;
    transform: translateY(10px);
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    white-space: normal;
    max-width: unset;
    transition: all .3s;
    background: #fff;
    backface-visibility: hidden;
    z-index: 1;
}

.account-panel .responsive-table table tbody td.ghost-buttons-wrapper-left {
    right: auto;
    left: 0;
}

.account-panel .responsive-table .downloads-table tbody td.ghost-buttons-wrapper, .account-panel .responsive-table .etheme-subscription-keys tbody td.ghost-buttons-wrapper {
    transform: translateY(16px);
}

.account-panel .responsive-table .etheme-subscription-keys tbody td.ghost-buttons-wrapper-left {
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
}

.account-panel .responsive-table .downloads-table tbody td.ghost-buttons-wrapper-middle, .account-panel .responsive-table .etheme-subscription-keys tbody td.ghost-buttons-wrapper-middle {
    right: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
}

.account-panel table:not(.account-info-table) tbody tr:nth-child(2n+1) td.ghost-buttons-wrapper, table.account-payment-methods-table tbody tr:nth-child(2n+1) td.ghost-buttons-wrapper {
    background-color: #f8f8f8;
}

.account-panel table .download-item:not(:hover) .btn-download.button {
    opacity: 0;
    visibility: hidden;
}

.account-panel table .download-item .btn-download.button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.account-panel table .download-item .btn-download.button:not(:hover) {
    color: #fff;
}

.download-item {
    position: relative;
}

.account-panel .responsive-table table tbody tr td .button:not(.origin-size) {
    padding: 2px 10px;
    font-size: 10px;
}

.account-panel .responsive-table table tbody tr td .button:not(.origin-size) i {
    font-size: 1.1em;
    margin-right: 5px;
}

.account-panel .responsive-table table tbody tr .ghost-buttons-wrapper .tf-licence-remove {
    background-color: var(--et-red-color);
    border-color: var(--et-red-color);
}

.account-panel .responsive-table table tbody tr .ghost-buttons-wrapper .tf-licence-remove:hover {
    background-color: #fff;
    color: var(--et-red-color);
}

.account-panel .responsive-table table tbody tr:not(:hover) td.ghost-buttons-wrapper:not(.is-shown) {
    transform: translateY(26px);
    opacity: 0;
    visibility: hidden;
}

.account-panel .responsive-table table tbody tr:not(:hover) td.ghost-buttons-wrapper-middle:not(.is-shown) {
    transform: translate(-50%, calc(-50% + 10px));
}

/*Desktops (<1200)*/
@media (max-width: 1200px) {
    .input-wrapper .info-tooltip-wrapper .circle-info .info-tooltip {
        width: 375px;
    }

    .notice.info {
        padding: 25px 25px;
    }

    .downloads-table .download-file-type {
        display: none;
    }
}

@media (max-width: 1200px) and (min-width: 992px) {
    /* #header nav .avatar+a {
    max-width: 50px;
  }

  #header nav ul>li.hidden-md {
    display: none !important;
  } */
}

/*Phones (<768px)*/
@media (max-width: 767px) {
    .account-panel .responsive-table table tbody tr .download-file-name {
        max-width: 120px;
    }

    .input-wrapper>.circle-info .info-tooltip {
        right: -25px;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        bottom: 30px;
        top: auto;
        left: auto;
    }

    .input-wrapper>.circle-info .info-tooltip:before {
        top: auto;
        left: auto;
        right: 10px;
        transform: rotate(45deg) translateX(-50%);
        bottom: -18px;
    }

    .input-wrapper .info-tooltip-wrapper .circle-info .info-tooltip {
        top: auto;
        bottom: 100%;
        margin-bottom: 10px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

    .input-wrapper .info-tooltip-wrapper .circle-info .info-tooltip:before {
        left: 50%;
        bottom: -12px;
        top: auto;
        -webkit-transform: translateX(-50%) rotate(45deg);
        -ms-transform: translateX(-50%) rotate(45deg);
        transform: translateX(-50%) rotate(45deg);
    }

    *:hover>.tooltip {
        display: none;
    }

    .notice.info {
        padding: 15px 25px;
    }

    .popup-container.size-4 {
        max-width: 400px;
    }

    .downloads-table .download-file-date, .account-panel .responsive-table table tbody td.ghost-buttons-wrapper:not(.add-subscription-code-wrapper) {
        display: none;
    }
}

/*Phones (<550px)*/
@media (max-width: 520px) {
    .toggle-new-popup-close {
        right: 15px;
        top: -35px;
    }

    .new-popup {
        padding-top: 40px;
    }

    .new-popup-inner {
        width: 100% !important;
    }
}

/*Phones (<550px)*/
@media (max-width: 500px) {
    .info-tooltip-wrapper>.circle-info .info-tooltip {
        bottom: 35px;
        transform: translateX(0%);
        top: auto;
        left: -10px;
        width: 325px;
    }

    .info-tooltip-wrapper>.circle-info .info-tooltip::before {
        left: 10px;
        top: auto;
        transform: rotate(45deg) translateX(0%);
        webkit-transform: rotate(45deg) translateX(0%);
        bottom: -11px;
    }

    /*.account-panel.download-list-panel .responsive-table table{width: 500px;}*/
    .input-wrapper>.circle-info .info-tooltip-image {
        display: none;
    }

    .input-wrapper>.circle-info .info-tooltip {
        padding-left: 10px;
        padding-right: 0px;
        width: calc(100vw - 30px) !important;
        right: -2px;
        white-space: normal;
    }
}

/*Phones (<480px)*/
@media (max-width: 480px) {
    .account-panel .responsive-table table tbody td {
        max-width: 100px;
    }

    .input-wrapper .info-tooltip-wrapper .circle-info .info-tooltip {
        width: 330px;
        padding: 20px 85px 20px 10px;
        transform: translate(0, 0);
        webkit-transform: translate(0, 0);
        left: -235px;
    }

    .input-wrapper .info-tooltip-wrapper .circle-info .info-tooltip::before {
        left: auto;
        right: 75px;
        transform: translateX(0%) rotate(45deg);
        webkit-transform: translateX(0%) rotate(45deg);
    }
}

/*Phones (<380px)*/
@media (max-width: 400px) {
    .info-tooltip-wrapper>.circle-info .info-tooltip {
        padding: 10px;
        bottom: 40px;
        width: 253px;
    }

    .info-tooltip-image {
        display: none;
    }

    .input-wrapper .circle-info .info-tooltip {
        width: 315px;
    }

    .input-wrapper .info-tooltip-wrapper .circle-info .info-tooltip {
        width: 265px;
        padding: 10px;
        left: auto;
        right: -35px;
    }

    .input-wrapper .info-tooltip-wrapper .circle-info .info-tooltip .info-tooltip-image {
        display: none;
    }

    .input-wrapper .info-tooltip-wrapper .circle-info .info-tooltip::before {
        left: auto;
        right: 30px;
    }

    .input-wrapper.disabled input {
        padding-left: 60px;
        padding-right: 15px;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* ACCOUNT */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.account-panel.subscription-plan table {
    border-top: none;
}

.account-panel.subscription-plan .remove-item {
    text-align: center;
    padding: 0px 20px;
}

.account-icon {
    font-size: 24px;
    color: #ccc;
    line-height: 1.45em;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.account-icon:hover, .account-panel .download-item a {
    color: #555;
}

.key-icon:hover {
    color: var(--et-blue2-color);
    cursor: pointer;
}

.account-panel.background {
    background: var(--et-blue2-color);
    border: none;
}

.account-panel-background-title {
    font-size: 36px;
    line-height: 48px;
    font-weight: 300;
}

.account-panel-background-description {
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
}

.account-panel-background-content {
    max-width: 520px;
}

/*@media only screen and (min-width: 769px) {
    .customer-details {
        margin-left: -7.5px;
        margin-right: -7.5px;
    }

    .customer-details [class*=col-] {
        padding: 0 7.5px;
    }
}*/
.account-panel .col-xs-7 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.account-panel, .account-content {
    position: relative;
    background: #fff;
    padding: 30px 38px;
    /*  border: 1px solid #e0e0e0;*/
    border-radius: var(--et-border-radius, 5px);
}

@media only screen and (min-width: 768px) {
    .account-panel.new-licenses-panel, .account-panel:has(.account-orders-table) {
        padding-top: 35px;
        padding-bottom: 20px;
    }
}

/*.account-panel.new-licenses-panel:has(> ul > li:nth-of-type(3)) > ul {
    max-height: clamp(550px, 42vw, 720px);
    overflow: hidden;
    overflow-y: auto;
    padding-top: 10px;
}

.account-panel.new-licenses-panel td:last-child *:hover>.tooltip,
.account-panel.new-licenses-panel th:last-child *:hover>.tooltip {
    left: auto;
    right: 0;
    transform: translate(2px, 0%);
}*/

.account-panel.new-licenses-panel .renew-support:not(.button-new) span, .account-panel.new-licenses-panel .deactivate-domain span {
    position: relative;
}

@media only screen and (max-width: 767px) {
    .account-panel.new-licenses-panel .copy-code, .account-panel.new-licenses-panel .renew-support, .account-panel.new-licenses-panel .deactivate-domain {
        font-size: 1.2em;
    }
}

.account-panel.new-licenses-panel .renew-support svg, .account-panel.new-licenses-panel .deactivate-domain svg {
    transition: all .3s linear
}

.account-panel.new-licenses-panel .renew-support:not(.button-new):hover svg, .account-panel.new-licenses-panel .deactivate-domain:hover svg {
    -webkit-animation: toTopFromBottom .4s forwards;
    animation: toTopFromBottom .4s forwards;
}

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

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

    51% {
        opacity: 1
    }
}

/*.account-panel .account-panel-update {
  position: absolute;
  top: 30px;
  right: 38px;
}
*/
#ss-envato-verify-form {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

input#ss-envato-license {
    flex: 1;
    font-size: 16px;
}

.account-panel.subscription-plan .account-panel-update {
    position: static;
    margin-top: 0px;
}

.account-panel.subscription-plan .wcs-switch-link {
    position: static;
    float: right;
    display: block;
}

.account-panel table:not(.account-info-table) {
    position: relative;
    width: 100%;
    border-top: var(--et-input-border-width, 2px) var(--et-border-color) solid;
}

.account-panel table:not(.account-info-table).without-border {
    border-top: none;
}

.account-panel table:not(.account-info-table) th, table.account-payment-methods-table thead th {
    font-size: 16px;
    line-height: 18px;
    font-family: var(--et-heading-font);
    font-weight: var(--et-heading-font-weight);
    font-family: var(--et-text-font);
    font-weight: 700;
    color: var(--et-black-color);
    text-align: left;
    padding: 19px 20px;
    vertical-align: middle;
}

.account-panel table:not(.account-info-table) th:nth-child(3), .cart table td:nth-child(3), table.account-payment-methods-table th:nth-child(3) {
    text-align: left;
}

/* on testing  */
/*.account-panel table:not(.account-info-table) tbody tr:nth-child(2n+1), table.account-payment-methods-table tbody tr:nth-child(2n+1) {
    background: #f8f8f8;
}*/
.account-panel table:not(.account-info-table) tbody tr {
    transition: background .2s linear;
}
.account-panel table:not(.account-info-table) tbody tr:not(.colorized, .finded):hover {
    background: #f6f6f6;
}
/* end testing */

.account-panel table:not(.account-info-table) tbody tr.finded {
    background: #f6f6f6;
}

.account-panel table:not(.account-info-table) tbody tr.colorized {
    background: transparent;
}

.account-panel table:not(.account-info-table) tbody td, table.account-payment-methods-table tbody td {
    text-align: left;
    vertical-align: middle;
    padding: 15px 18px;
}

.account-panel table:not(.account-info-table) tbody td:nth-child(2), table.account-payment-methods-table tbody td:nth-child(2) {
    text-align: left;
}

.account-payment-methods-table tr:last-child, .account-payment-methods-table td:last-child {
    text-align: right !important;
}

.account-info-table tr td:first-child {
    padding-right: 30px;
}

.account-info-table tr:not(:last-child) td {
    padding-bottom: 7px;
}

/*.account-panel tbody tr:hover i:before,*/
.account-panel tbody tr:hover .small-tooltip {
    display: none;
}

.account-panel .c-number {
    display: inline-block;
}

.account-panel .account-panel-product, td .payment-method-method {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #555;
    text-transform: capitalize;
    white-space: nowrap;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.account-panel .downloads-table td img {
    margin-right: 5px;
    max-width: 25px;
    border-radius: 50%;
    height: auto;
    line-height: 1;
    border: 1px solid #e1e1e1;
    vertical-align: -6px;
}

.account-panel .account-panel-product-img {
    vertical-align: middle;
}

.account-panel-success {
    color: var(--et-green-color);
    font-size: 14px;
}

.account-panel-key {
    font-size: 14px;
}

.account-panel .account-panel:hover {
    color: var(--et-blue2-color);
}

.account-panel .remove-item a {
    font-size: 16px;
}

.account-panel .remove-item a:hover, .account-panel .download-item a:hover {
    color: var(--et-blue2-color);
    transition: all .3s;
    -webkit-transition: all .3s;
}

#download-list-panel-anker .download-item, .etheme-subscription-keys .account-panel-actions {
    overflow: visible;
    text-align: center;
}

.account-panel table:not(.account-info-table) .account-panel-icon {
    padding: 0px 0px;
    text-align: right;
}

.etheme-subscription-keys-wrapper {
    border-radius: 5px;
}

.account-panel table.etheme-subscription-keys {
    border: none;
}

.etheme-subscription-keys .account-panel-actions {
    text-align: right !important;
}

.etheme-subscription-keys .token-copy.tooltip-parent [class*=tooltip]:after, .etheme-subscription-keys .token-copy.button:after {
    content: attr(data-copy-text);
}

.etheme-subscription-keys .token-copy.tooltip-parent.copied [class*=tooltip]:after, .etheme-subscription-keys .token-copy.button.copied:after {
    content: attr(data-copied-text);
}

.etheme-subscription-keys .token-copy.tooltip-parent.copied .fa-clone:before, .etheme-subscription-keys .token-copy.button.copied .fa-clone:before {
    content: '\f00c';
}

.etheme-subscription-keys tbody tr.inactive:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,.7);
}

.etheme-subscription-keys tbody tr.inactive {
    background: transparent !important;
}

.etheme-subscription-keys tbody tr.inactive .etheme-subscription-key-column {
    color: transparent;
}

.subscription-section .etheme-subscription-keys .icon.left, .subscription-section .etheme-subscription-keys .token-holder {
    --et-border-color: transparent;
}

.subscription-section .etheme-subscription-keys .input-wrapper .icon.right.size-2+.icon+.si {
    padding-left: 2.5em !important;
}

.subscription-section .etheme-subscription-keys tbody tr.inactive:after, .subscription-section .etheme-subscription-keys tbody tr.inactive .etheme-subscription-key-column {
    display: none;
}

@media only screen and (max-width: 480px) {
    .account-panel .responsive-table table tbody tr .etheme-subscription-key-column {
        max-width: 100px;
    }
}

.etheme-subscription-keys tbody tr.inactive .account-panel-actions {
    opacity: 0;
    visibility: hidden;
}

.subscription-codes-table {
    max-height: 1200px;
}

.account-panel table:not(.account-info-table) .remove-item, .account-panel .download-item {
    padding: 0px 20px 0px 0px;
}

.account-panel-expired {
    color: var(--et-red-color);
    font-size: 14px;
    text-transform: none;
}

/* .account-panel-warning {
  color: #e8d01a;
  font-size: 14px;
} */
.account-panel tbody td.account-panel-date {
    padding: 15px 15px;
}

.account-panel thead th.date-heading {
    padding: 15px 15px;
}

.account-panel .responsive-table .license-status-row .account-status {
    position: relative;
    text-align: right;
    width: 100px;
}

.account-panel .responsive-table .license-status-row td:nth-child(1) {
    width: 100px;
}

.license-status-row .extend-support {
    display: block;
    opacity: 0;
    position: absolute;
    padding: 6px;
    left: 10px;
    font-size: 10px;
    max-height: 32px;
    word-break: break-all;
    overflow: hidden;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    top: 14px;
}

.license-status-row .extend-support:hover {
    color: #fff;
    background: #69b73f;
    border-color: #69b73f;
}

.licenses-panel .license-status-row:hover .extend-support {
    opacity: 1;
    top: 10px;
}

.licenses-panel .responsive-table table {
    overflow: hidden;
}

.border-empty {
    border-bottom: 1px solid #e6e6e6;
}

.account-panel.subscription-plan table tr, .account-panel.licenses-panel table tr {
    border-bottom: 4px solid #fff;
}

.account-panel.subscription-plan table tr:last-child, .account-panel.licenses-panel table tr:last-child {
    border-bottom: none;
}

.subscription-plan .account-panel-title {
    padding-bottom: 0px;
    border: none;
}

.subscription-plan .subscription-info {
    padding-top: 20px;
    border-top: 1px solid #e6e6e6;
    width: 100%;
}

.subscription-info li, .subscription-links li {
    line-height: 10px;
    padding: 0px 10px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400;
}

.subscription-info li:first-child, .subscription-links li:first-child {
    border-right: 1px solid #d9d9d9;
    padding-left: 0px;
}

.subscription-links li:last-child {
    padding-right: 0px;
}

.subscription-links li a {
    text-decoration: underline;
}

.subscription-info li {
    color: #999999;
}

.subscription-info li b {
    color: #1a1a1a;
}

.subscription-info li:last-child {
    padding-right: 0px;
}

.subscription-plan .account-panel-icon {
    padding-left: 20px;
}

.account-panel.subscription-plan tbody tr.empty-row {
    background-color: transparent;
}

.account-panel.subscription-plan tbody tr.empty-row td {
    padding: 0px 0px;
    background-color: transparent;
    line-height: 10px;
}

.progress-bar.progress-bar-domain {
    position: relative
}

.account-panel tbody tr {
    position: relative;
}

.progress-bar.progress-bar-domain:after {
    content: "progress";
    color: transparent;
    width: 70%;
    text-indent: -9999;
    display: block;
    position: absolute;
    top: 0%
}

.progress-bar.progress-bar-domain.three:after {
    width: 10%;
    background-color: #61bf13;
}

.progress-bar.progress-bar-domain.two:after {
    width: 40%;
    background-color: #61bf13;
}

.progress-bar.progress-bar-domain.one:after {
    width: 70%;
    background-color: #ecc800;
}

.progress-bar.progress-bar-domain.zero:after {
    width: 100%;
    background-color: #ecc800;
}

.size-4 {
    height: 40px;
}

/* subscription block */
.subscription-section {
    background: url(../img/subscription-bg.jpg);
    background-size: cover;
    background-position: 50%;
    color: #fff;
    padding: 30px 38px;
    border-radius: var(--et-border-radius);
}

/* change buttons colors because bg is violet now */
.subscription-section .button.style-10, .subscription-section .button.style-9:hover {
    color: #7501FF;
    --loader-color: #7501FF;
}

.subscription-section .button.style-9, .subscription-section .button.style-10:hover {
    color: #fff;
    --loader-color: #fff;
}

.subscription-section + .subscription-section {
    margin-top: 15px;
}

.subscription-section a:not(.button, .button-new) {
    color: currentColor !important;
    text-decoration: none;
}

.subscription-section .button-black:hover {
    --et_button-bg-hover-color: #fff;
    --et_button-hover-color: #000;
}

.subscription-section .button-white:hover {
    --et_button-bg-hover-color: transparent;
    --et_button-hover-br-color: currentColor;
    --et_button-hover-color: #fff;
}

.subscription-header {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(255,255,255,.2);
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.subscription-header ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.subscription-header ul li:not(.has-button) + li:not(.has-button) {
    border-left: 1px solid rgba(255,255,255,.2);
}

.subscription-header ul li:not(.has-button) + li:not(.has-button), .subscription-header ul li + .has-button {
    margin-left: 7px;
    padding-left: 7px;
}

.subscription-header a:not(.button, .button-new):after, .et-animated-link:after, .renew-support:not(.button-new) span:after, .deactivate-domain span:after, .footer a:after {
    content: '';
    position: absolute;
    right: 0;
    top: 100%;
    height: 1px;
    background: currentColor;
    transition: all .3s;
    width: 0;
    display: var(--et-link-underline-effect-display, block);
}

.subscription-header a:not(.button, .button-new),
.et-animated-link {
    position: relative;
}

.subscription-header a:not(.button, .button-new):hover:after, .et-animated-link:hover:after, .renew-support:not(.button-new):hover span:after, .deactivate-domain:hover span:after, .footer a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
}

.subscription-section .sep-left {
    padding-left: 7px;
    margin-left: 7px;
    border-left: 1px solid rgba(255,255,255,.2);
}

.subscription-section {
    color: var(--et-black-color);
    background-image: url(../img/subscription-bg-yellow.png);
    background-color: #fff;
}

.subscription-header ul li:not(.has-button) + li:not(.has-button) {
    border: none;
}

.subscription-section .button-blue {
    --et_button-bg-color: #FF6600;
}

/* shop */
.subscription-section.has-columns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 50px 50px 40px;
    margin-bottom: 50px;
}

@media only screen and (max-width: 767px) {
    .subscription-section.has-columns {
        padding: 30px;
    }
}

.subscription-section.has-columns .left-area, .subscription-section.has-columns .right-area {
    margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {
    .subscription-section.has-columns .button {
        padding: 12px 30px;
    }
}

/*Phones (<768px)*/
@media (max-width: 767px) {
    .account-panel, .account-content, .subscription-section, .widget.widget_et_display_user_topics:has(.recent-topic-item) {
        padding: 15px;
    }

    .account-panel, .subscription-section {
        padding-left: 15px;
        padding-right: 15px;
    }

    .account-panel .account-panel-update, #ss-envato-verify-form .account-panel-update {
        position: static;
        margin-top: 10px;
    }

    #ss-envato-verify-form .account-panel-update {
        /* margin: 10px auto 0; */
    }

    .account-panel table {
        /*margin-bottom: 25px;*/
        margin-bottom: 5px;
    }

    .account-panel thead {
        display: none;
    }

    .account-panel.new-licenses-panel thead {
        display: table-header-group;
    }

    .account-panel table:not(.account-info-table) thead th, .account-panel table:not(.account-info-table) tbody td {
        padding: 12px 5px 12px 10px;
        width: auto;
        position: relative;
    }

    .account-panel table:not(.account-info-table) tbody td:last-child {
        padding-right: 5px;
    }

    .account-panel-product {
        font-size: 12px;
        font-weight: 400;
    }

    .add-purchase-key {
        padding-right: 12px !important;
    }

    .account-panel #ss-envato-verify-form .account-panel-update {
        flex-basis: 100%;
/*        margin-top: 15px;*/
        margin-bottom: 15px;
    }

    .account-panel table:not(.account-info-table) .account-panel-icon, .account-panel table:not(.account-info-table) .remove-item {
        padding: 5px;
    }
}

/*Phones (<480px)*/
@media (max-width: 480px) {
    .subscription-plan input {
        padding: 0px 15px;
    }

    .account-panel .account-panel-update {
        margin-top: 0px;
    }

    .account-panel.subscription-plan .subscription-info {
        border: none;
        padding-top: 0px;
    }

    .account-panel.subscription-plan .account-panel-title {
        border-bottom: 1px solid #e6e6e6;
        margin-bottom: 15px;
        width: 100%;
        padding-bottom: 15px;
    }

    .account-panel.subscription-plan .account-panel-update, .account-panel.subscription-plan .wcs-switch-link {
        width: 100%;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* ACCOUNT SETTINGS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.account-settings {
    border-top: 1px solid #e6e6e6;
    padding-top: 20px;
}

.account-settings.new-design {
    border-top: none;
    padding-top: 0;
}

.account-settings.new-design label {
    font-family: var(--et-heading-font);
    font-weight: var(--et-heading-font-weight);
}

.settings-wrapper.align-middle {
    display: table;
}

.settings-wrapper.align-middle>* {
    display: table-cell;
    margin-bottom: 0px;
    vertical-align: middle;
}

.settings-wrapper.align-middle div {
    padding-left: 10px;
}

/* global buttons */
.button.style-9, .button.style-10 {
    border-radius: 3px;
    text-transform: uppercase;
    text-decoration: none;
}

.button.style-9, .button.style-10:hover {
    border-color: currentColor;
    color: #fff;
    background: transparent;
}

.button.style-10, .button.style-9:hover {
    background: #fff;
    border-color: #fff;
    color: var(--et-blue2-color);
    --loader-color: var(--et-blue2-color);
}

.vcenter {
    float: none;
    display: inline-block;
    vertical-align: middle;
}

.vmiddle>* {
    display: table-cell;
    vertical-align: middle;
}

.theme-support-preview-right.vcenter {
    margin-left: 20px;
}

.settings-field {
    display: table-cell;
    padding: 7px 0px;
    color: #1a1a1a;
}

.settings-field.change-btn {
    padding: 0px;
}

.card-expire {
    width: calc(50% - 10px);
    display: inline-block;
}

.card-expire+* {
    padding: 0px 3px;
}

.card-expire+.settings-field {
    display: inline-block;
    width: auto;
}

input.si.card-number {
    padding-left: 60px;
}

input.si.card-number:focus, .card-expire-date:focus {
    border-radius: .35em;
    border: 1px solid var(--et-blue2-color);
}

.card-expire-date {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.input-image {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 15px;
}

.theme-support-preview.valign-middle .theme-support-preview-right {
    margin-left: 25px;
}

.theme-support-preview.valign-middle .theme-support-preview-right .settings-wrapper .button {
    font-size: 12px;
    padding: 10px 23px;
    border-radius: 5px;
    font-weight: 500;
}

.theme-support-preview.valign-middle .theme-support-preview-right .settings-wrapper .input-file-wrapper .file-remove {
    display: none;
}

.theme-support-preview.valign-middle .theme-support-preview-right .settings-wrapper .input-file-wrapper {
    margin-right: 10px;
}

.theme-support-preview.valign-middle .theme-support-preview-right .settings-wrapper .input-file-wrapper .si {
    border: none;
    background: transparent;
    color: #fff;
}

.theme-support-preview.valign-middle .theme-support-preview-right .settings-wrapper .input-file-wrapper:hover .si {
    color: var(--et-blue2-color);
}

.settings-input input, .settings-input textarea {
    -webkit-appearance: none;
}

@media (max-width: 767px) {
    .settings-panel .account-panel-update.button {
        position: absolute;
        top: 0px;
        right: 15px;
        padding: 5px 15px;
    }

    .settings-desc {
        display: none;
    }

    .settings-field.change-btn {
        padding: 0px 15px;
    }

    .account-panel.settings-panel .account-panel-update {
        margin-top: 15px;
    }
}

/*Phones (<480px)*/
@media (max-width: 480px) {
    .theme-support-preview.valign-middle .user-image {
        margin-right: 0px;
    }

    .theme-support-preview.valign-middle {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }

    .settings-title {
        width: 33.33333333%;
    }

    .settings-input {
        width: 66.66666667%;
        padding-left: 0px;
    }

    .settings-field.change-btn {
        left: 33.33333333%;
        width: 66.66666667%;
        padding-left: 0px;
    }

    .account-settings .card-expire {
        width: calc(30% - 10px);
    }

    .theme-support-preview.valign-middle .theme-support-preview-right {
        margin-left: 0px;
    }
}

@media (max-width: 430px) {
    .settings-title {
        width: 100%;
    }

    .settings-input {
        width: 100%;
        left: 0%;
        padding-left: 15px;
    }

    .settings-field {
        width: 100%;
        left: 0%;
    }

    .settings-field.change-btn {
        width: 100%;
        left: 0%;
        padding-left: 15px;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* ACCOUNT HISTORY */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.account-activity {
    background: #fff;
    border: var(--et-input-border-width, 2px) var(--et-border-color) solid;
    padding: 45px;
}

.account-activity:not(:last-child) {
    margin-bottom: 30px;
    position: relative;
}

.account-activity:not(:last-child):after {
    left: 18px;
    top: 100%;
    width: 2px;
    height: 31px;
    background: #e6e6e6;
    position: absolute;
    content: "";
}

.activity-title {
    font-size: 20px;
    color: #1a1a1a;
}

.activity-date {
    float: right;
    color: #a6a6a6;
    font-size: 16px;
}

.activity-bottom {
    color: #a6a6a6;
    font-size: 16px;
    line-height: 24px;
}

.button.load-more {
    border-radius: 0px;
}

.filter-label {
    white-space: nowrap;
    display: table-cell;
    font-size: 12px;
    padding-right: 15px;
    color: #1a1a1a;
    text-transform: uppercase;
    font-weight: 500;
}

.category-select {
    display: table-cell;
    position: relative;
    width: 100%;
}

.category-select .SelectBox {
    border-radius: 0px;
}

.category-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    font-size: 14px;
    color: #a6a6a6;
    font-weight: 400;
}

.category-select .select-icon {
    font-size: 14px;
    color: #a6a6a6;
    font-weight: 400;
    height: 30px;
    padding: 0px 10px;
    border-left: 1px solid #e0e0e0;
    font-size: 14px;
    position: absolute;
    top: 0%;
    right: 0%;
}

.category-select .select-icon i {
    line-height: 30px;
}

.button.square {
    border-radius: 0px;
}

.account-panel-title {
    padding-bottom: 20px;
    border-bottom: 1px solid #e6e6e6;
}

.activity-select {
    border-right: 0px;
}

.filter-activities-table tbody td {
    padding-right: 15px;
    width: 100%;
}

.filter-activities-table tbody td:last-child {
    vertical-align: middle;
    text-align: right;
    padding-right: 0px;
    padding-left: 5px;
}

.filter-activities-table tbody tr {
}

.filter-activities-table {
    width: 100%;
}

.activity-select option {
    z-index: 10;
}

.category-select .SlectBox.size-3+.CaptionCont label {
    border-left: 1px solid #e0e0e0;
    text-align: center;
}

.date-select .SumoSelect>.CaptionCont>label>i:before {
    width: 30px;
    content: "\f073";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #a6a6a6;
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 0;
}

.date-select .SumoSelect>.CaptionCont>label>i {
    left: 0%;
    top: 0%;
    margin: 0;
    border: none;
    width: auto;
    height: auto;
    transform: rotate(0);
    -webkit-transform: rotate(0);
}

.date-select .SumoSelect.open>.CaptionCont>label>i {
    margin: 0;
}

.category-select .SlectBox.size-3+.CaptionCont label>i {
    width: .6em;
    height: .6em;
    border-width: 1px;
}

/*Phones (<768px)*/
/*@media (max-width: 767px) {
  .filter-activities-table .button.size-3 {padding: 5px 17px 5px 17px;}
}*/
/*Phones (<480px)*/
@media (max-width: 480px) {
    .account-activity {
        padding: 20px;
    }
}

/*Phones (<480px)*/
@media (max-width: 430px) {
    .activity-title {
        font-size: 18px;
    }

    .activity-date {
        font-size: 15px;
    }

    .activity-bottom {
        font-size: 15px;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Profile */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.profile-table tbody tr td:first-child {
    padding-right: 30px;
}

.theme-support-preview-right.profile-links ul li a {
    color: #999;
    line-height: 27px;
}

.theme-support-preview-right.profile-links ul li {
    padding-bottom: 0px;
}

.theme-support-preview-right.profile-links ul li a:hover {
    text-decoration: none;
}

.profile-table tbody tr td {
    font-size: 15px;
    line-height: 29px;
}

.user-note-info p {
    font-size: 15px;
    line-height: 30px;
    word-wrap: break-word;
}

.infobox.profile-box {
    padding: 30px 50px;
}

.profile-links ul {
    -webkit-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 30px;
    column-gap: 30px;
}

.responsive-table .profile-table td {
    white-space: nowrap;
}

@media (min-width: 1200px) {
    .theme-support-preview-left+.theme-support-preview-right.profile-links {
        margin-left: 205px;
    }
}

@media (max-width: 576px) {
    .profile-links ul {
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media (max-width: 480px) {
    .profile-table tbody tr td:first-child {
        padding-right: 20px;
    }
}

@media (max-width: 400px) {
    .profile-links ul {
        -webkit-column-count: 1;
        column-count: 1;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Orders */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.order-status {
    text-transform: capitalize;
}

.account-panel table.account-orders-table tbody td {
    font-size: 14px;
}

.account-panel table.account-orders-table thead th {
    padding: 15px 20px;
}

.account-panel table.account-orders-table tbody td {
    padding: 28px 20px;
}

.account-panel table.without-border thead th {
    padding-top: 0;
}

.account-panel table.account-orders-table tbody td.order-actions, .account-panel .account-orders-table th.header-order-actions, .account-panel table.account-orders-table tbody td:last-child, .account-panel .account-orders-table th:last-child {
    text-align: right;
}

.account-panel table.account-orders-table tbody td.order-actions .button {
    padding: 8px 30px;
}

.account-panel table.account-orders-table tbody td.order-actions:last-child {
    padding-right: 20px;
}

.account-panel table.account-orders-table tbody td.order-actions {
    overflow: visible;
}

.account-panel table.account-orders-table tbody td.order-actions a {
    transition: all .3s;
    -webkit-transition: all .3s;
}

.account-panel table.account-orders-table tbody td.order-actions a:last-child .tooltip {
    left: auto;
    right: 0;
    transform: none;
}

.account-panel table.account-orders-table tbody td.order-actions a.sa:hover {
    color: var(--et-blue2-color);
}

.woocommerce-view-order .shop_table th:first-child, .woocommerce-view-order .shop_table td:first-child {
    text-align: start;
}

/*.woocommerce-checkout-review-order-table .order-total {*/
/*  display: none;*/
/*}*/
/* global */
.empty-space {
    flex-basis: 100%;
}

.empty-space + .empty-space {
    display: none;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* THEMES-WRAPPER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.themes-container, .themes-wrapper {
    position: relative;
}

.themes-sidebar {
    position: relative;
    float: left;
    width: 20%;
    padding: 53px 48px;
    border-right: 1px solid #e0e0e0;
    left: 1px;
}

.themes-content {
    position: relative;
    padding: 45px 105px 25px 105px;
    /*border-left: 1px solid #e0e0e0;*/
}

.themes-loader {
    text-align: center;
    font-size: 0;
}

.themes-loader:before, .themes-loader:after, .themes-loader span:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #d9d9d9;
    margin-right: 8px;
    border-radius: 50%;
}

.themes-loader:after {
    margin-right: 0;
}

.filters-drop-down-title {
    display: none;
    padding-left: 0 !important;
    border-bottom: var(--et-input-border-width, 2px) var(--et-border-color) solid;
}

@media(min-width: 992px) {
    .filters-drop-down-wrapper {
        display: block !important;
    }
}

@media(max-width: 991px) {
    .filters-drop-down-title {
        display: block;
    }

    .filters-drop-down-wrapper {
        display: none;
        padding-top: 30px;
    }
}

@media(max-width: 767px) {
    .themes-content {
        padding-top: 15px;
        /*        padding-bottom: 45px;*/
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* THEME ITEM */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*custom hover*/
.custom-hover {
    display: inline-block;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    max-width: 100%;
}

.custom-hover.round:before {
    border-radius: 100%;
}

.theme-item {
    display: block;
    margin-bottom: 0;
    -webkit-transition: .1s ease;
    transition: .1s ease;
    position: relative;
    /*background: url(../img/thumbnail-transparent-6.png);*/
    /* for nice window hover */
    background-size: 100% auto;
    /*padding-top: 4.2%;*/
    /* for nice window hover */
    background-repeat: no-repeat;
    border-radius: 7px;
    /* for new hover instead of nice window one */
}

.theme-item:hover {
    /* box-shadow: 3px 10px 18px rgba(0, 0, 0, 0.3); */
    /* -webkit-transform: translateY(-5px) scale(1.018); */
    /* transform: translateY(-5px) scale(1.018); */
}

.custom-hover-redirect {
    display: block;
    right: 0;
    bottom: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.custom-hover-redirect.et-url-redirect {
    cursor: pointer;
}

.theme-top {
    display: block;
    background: #e0e0e0;
    padding: 10px 10px;
    font-size: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.theme-top:before, .theme-top:after, .theme-top span:before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #ccc;
    border-radius: 50%;
    margin-right: 5px;
}

.theme-item .custom-hover {
    padding-bottom: 69%;
    display: block;
    /*margin: 0 1%;*/
    /* for nice window hover */
    border: 2px solid var(--et-border-color);
    /* for new hover instead of nice window one */
    border-radius: 7px;
    /* for new hover instead of nice window one */
}

.theme-item .custom-hover[data-url] {
    cursor: pointer;
}

.theme-item .img-responsive {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.theme-item-title-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.theme-item-title {
    display: block;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    transition: all .3s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--et-black-color);
    /*    padding-right: 15px;*/
}

.theme-item-title:hover {
    color: var(--et-blue2-color);
}

.item-shop .price-cart-wrapper {
    padding: 5px 15px;
}

.item-shop .amount {
    color: #1088ef;
}

.item-shop .amount, .item-shop .free-price {
    font-size: 16px;
}

.item-shop .free-price {
    text-transform: uppercase;
}

.item-shop del {
    color: #999;
}

.item-shop ins {
    text-decoration: none;
    color: var(--et-red-color);
    margin-left: 5px;
}

.item-shop del .amount, .item-shop ins .amount {
    color: inherit;
}

.woocommerce-price-suffix {
    padding-left: 3px;
}

.item-shop .price-cart-wrapper .button {
    margin-left: auto;
}

.themes-ajax-new {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.themes-ajax-new.show {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

@media(max-width: 767px) {
    .theme-item {
        margin-left: auto;
        margin-right: auto;
    }
}

.sorting-container {
    margin: 0 -15px;
}

.sorting-item, .grid-sizer {
    width: 33.33%;
    float: left;
    position: relative;
}

.sorting-item .theme-item {
    margin-left: 15px;
    margin-right: 15px;
    backface-visibility: hidden;
}

.ribbons-wrapper {
    position: absolute;
    top: 0;
    right: 0px;
    width: 100%;
    bottom: 0;
    font-size: 0;
    white-space: nowrap;
    text-align: right;
    padding: 4% 10px 4px 0;
    margin-top: 10px;
}

.ribbons-inner {
    margin-right: auto;
}

.cats-inner {
    position: absolute;
    top: 5px;
    right: 22px;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    min-height: 30px;
    z-index: 1;
}

.cats-inner .cat-img + .cat-img {
    margin-top: 7px;
}

.cats-inner img {
    max-width: 30px;
    border-radius: 50%;
    height: auto;
}

.ribbon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    text-transform: uppercase;
    font-weight: 700;
}

.ribbon.red {
    background: #c62828;
}

.ribbon.green {
    background: #55b545;
}

/*@media (max-width: 2500px) {*/
/*  .sorting-item, .grid-sizer {*/
/*    width: 25%;*/
/*    transition: all .3s;*/
/*  }*/
/*}*/
/*Desktops (>=1200px)*/
/*@media (max-width: 1900px) {*/
/*  .sorting-item, .grid-sizer {*/
/*    width: 33.33%;*/
/*  }*/
/*}*/
@media (max-width: 1200px) {
    .sorting-item, .grid-sizer {
        width: 50%;
    }
}

@media (max-width: 1450px) {
    /*.sorting-item, .grid-sizer {*/ /*  width: 50%;*/ /*}*/ .top-banner-image.small {
        width: 55%;
    }

    .simple-row.product-row {
        padding: 10px 0px;
    }

    .products-title {
        font-size: 54px;
    }

    .register-wrapper {
        width: 48%;
    }

    .lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .sidebar-entry.left {
        padding-right: 20px;
    }
}

/*@media only screen and (max-width: 992px) {*/
/*  .page-template-wordpress-templates .container-fluid>.row,*/
/*  .page-html-psd-templates .container-fluid>.row,*/
/*  .page-free-wordpress-themes .container-fluid>.row {*/
/*    display: flex;*/
/*    flex-direction: column-reverse;*/
/*  }*/
/*}*/
/*Phones (<768px)*/
@media (max-width: 600px) {
    .sorting-item, .grid-sizer {
        width: 100%;
    }
}

/*Phones (<480px)*/
@media (max-width: 480px) {
    .product-row .shapes-wrapper:before {
        margin-top: -25px;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* PRODUCT */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.product-desktop {
    position: relative;
}

.product-desktop-screen {
    position: absolute;
    top: 5.9%;
    left: 2.3%;
    background: rgba(0, 0, 0, 0.2);
    right: 6.7%;
}

.product-desktop-screen img {
    opacity: 0.5;
}

.custom-pagination {
    font-size: 0;
    text-align: center;
}

.custom-pagination li {
    display: inline-block;
    position: relative;
    margin-right: 35px;
    cursor: pointer;
}

.custom-pagination li:last-child {
    margin-right: 0;
}

.custom-pagination img {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.custom-pagination img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.custom-pagination .active img {
    opacity: 0;
}

.custom-pagination .active img:nth-child(2) {
    opacity: 1;
}

.custom-pagination.responsive-wrapper {
    margin-top: -30px;
}

.product-info {
    display: table;
    width: 100%;
    overflow: hidden;
}

.product-info-item {
    display: table-cell;
    position: relative;
    width: 50%;
    padding: 0 40px;
}

.product-info-item:first-child {
    padding-left: 0;
}

.product-info-item:last-child {
    padding-right: 0;
}

.product-info-devider {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: -11px;
}

.product-info-devider:before, .product-info-devider:after {
    content: '';
    display: block;
    position: absolute;
    top: -1000px;
    left: 50%;
    width: 1px;
    height: 1000px;
    background: #e0e0e0;
}

.product-info-devider:after {
    top: auto;
    bottom: -1000px;
}

.product-info-list li {
    display: inline-block;
    position: relative;
    padding-right: 22px;
    margin-right: 22px;
}

.product-info-list li:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 12px;
    margin-top: -6px;
    background: #b3b3b3;
}

.product-info-list li:last-child {
    padding-right: 0;
    margin-right: 0;
}

.product-info-list li:last-child:before {
    display: none;
}

.product-info-list a {
    font-size: 15px;
    line-height: 22px;
    color: var(--et-blue2-color);
}

.product-info-list a:hover {
    text-decoration: underline;
}

@media (min-width: 992px) and (max-width: 1200px) {
    .product-detail .product-info+div {
        height: 90px;
    }

    .product-info-list li {
        padding-right: 10px;
        margin-right: 5px;
    }
}

@media(max-width: 767px) {
    .product-info, .product-info-item {
        display: block;
        width: 100%;
    }

    .product-info-item:first-child, .product-info-item:last-child {
        padding: 0;
    }

    .product-info-devider {
        position: relative;
        display: table;
        top: 0;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        margin: 25px auto;
    }

    .product-info-devider:before, .product-info-devider:after {
        top: 50%;
        left: -1000px;
        width: 1000px;
        height: 1px;
    }

    .product-info-devider:after {
        top: 50%;
        bottom: auto;
        left: auto;
        right: -1000px;
    }

    .custom-pagination {
        margin-top: 30px;
    }
}

@media (max-width: 480px) {
    .product-info-list {
        text-align: center;
    }

    .product-info-list li {
        padding: 0px 5px;
        margin-right: 0px;
    }

    .product-info-list li:before {
        display: none;
    }

    .product-info-item {
        text-align: left;
    }

    .hide-xs {
        display: none;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* INFOBOX */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.infobox {
    background: #fff;
    /*  border: 1px solid #e6e6e6;*/
    padding: 40px 50px;
    border-radius: var(--et-border-radius, 5px);
}

.infobox a:not(.button-new) {
    color: var(--et-blue2-color);
}

/*.infobox a:hover {*/
/*  text-decoration: underline;*/
/*}*/
/*.infobox a.button:hover {*/
/*  text-decoration: none;*/
/*}*/
@media(max-width: 767px) {
    #bbpress-forums #bbp-single-user-details #bbp-user-navigation {
        margin: 25px 0 0 0;
        flex-basis: 100%;
    }

    .infobox, .infobox.profile-box {
        padding: 20px 25px;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* SUPPORT-ITEM DROPDOWN*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.support-item.dropdown {
    padding: 20px 0 20px 35px;
}

.support-item.dropdown .support-item-label {
    position: static;
    display: inline-block;
}

.support-item.dropdown .left {
    width: 61%;
    padding: 20px 0 20px 25px;
}

.support-item.dropdown .right {
    width: 39%;
    padding: 20px 0;
}

.support-item.dropdown .right .number {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}

.support-item.dropdown .right .column-1 {
    width: 31%;
}

.support-item.dropdown .right .column-2 {
    width: 31%;
}

.support-item.dropdown .right .column-3 {
    width: 38%;
}

.support-item-toggle {
    display: none;
    position: relative;
    padding: 0px 40px 25px 25px;
}

.support-item-toggle:before {
    content: '';
    display: block;
    position: relative;
    top: 30px;
    left: 0;
    right: 35px;
    height: 1px;
    background: #d9d9d9;
}

.support-item-btn span {
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.support-item-btn span:nth-child(2) {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    opacity: 0;
}

.support-item-btn.active span:nth-child(1) {
    opacity: 0;
}

.support-item-btn.active span:nth-child(2) {
    opacity: 1;
}

.toggle-more {
    display: block;
}

@media(max-width: 991px) {
    .support-item.dropdown .left {
        width: 45%;
        padding-left: 0;
    }

    .support-item.dropdown .right {
        width: 55%;
    }

    .support-item-toggle {
        padding-left: 0px;
    }
}

@media(max-width: 767px) {
    .support-item.dropdown {
        padding: 30px;
    }

    .support-item.dropdown .left {
        width: 100%;
        padding: 0;
    }

    .support-item.dropdown .right {
        width: 100%;
    }

    .support-item.dropdown .right .column-1, .support-item.dropdown .right .column-2 {
        width: 50%;
    }

    .support-item.dropdown .right .column-3 {
        width: 100%;
    }

    .support-item-toggle {
        padding: 0px 5px 25px 5px;
    }
}

@media(max-width: 480px) {
    .SlectBox.search-select+.CaptionCont {
        padding: 0px 15px;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* ACCORDEON */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.accordeon-wrapper .accordeon {
    flex: 1;
    border-bottom: var(--et-input-border-width, 2px) solid var(--et-border-color);
}

.accordeon-main-title {
    flex-basis: 27%;
    margin-inline-end: 50px; }

@media only screen and (max-width: 991px) {
    .accordeon-main-title {
        margin-inline-end: 0;
        flex-basis: 100%;
    }
}

.accordeon-title {
    position: relative;
    border-top: var(--et-input-border-width, 2px) solid var(--et-border-color);
    border-bottom: var(--et-input-border-width, 2px) solid var(--et-border-color);
    cursor: pointer;
    padding: var(--et-accordion-space, 30px) 0;
    margin-bottom: calc(var(--et-input-border-width, 2px) * -1);
}

.accordeon-title:not(:has(svg)):before {
    content: '\f107';
    display: block;
    position: absolute;
    right: 0;
    font-family: 'FontAwesome';
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-size: 1.5em;
}

.accordeon-title svg {
    min-width: 1em;
    margin-inline-start: 7px; }

.accordeon-title.active svg:first-of-type, .accordeon-title:not(.active) svg:last-of-type {
    display: none;
}

.accordeon-toggle {
    display: none;
    margin-bottom: var(--et-accordion-space, 30px);
    margin-top: var(--et-accordion-space, 30px);
    word-break: break-word;
}

.accordeon-title.active:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

@media only screen and (max-width: 991px) {
    .accordeon-main-title {
        margin-bottom: var(--et-accordion-space, 30px);
    }
}

@media only screen and (max-width: 767px) {
    body {
        --et-accordion-space: 20px;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* BLOG */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.blog-img {
    display: block;
    border-radius: var(--et-border-radius) var(--et-border-radius) 0 0;
    overflow: hidden;
}

.blog-img .img-responsive {
    width: 100%;
}

.blog-info {
    padding: 38px 40px;
    background: #fff;
    font-size: 1rem;
    border: none;
    box-shadow: 0px 0px 50px 0px rgba(1, 40, 146, 0.03);
    border-radius: 0 0 var(--et-border-radius) var(--et-border-radius);
}

.swiper-slide .blog-info {
    padding: 28px 30px;
}

.blog-img+.blog-info {
    border-radius: 0 0 5px 5px;
}

.blog-info-title+.content-entry {
    margin-top: 15px;
}

.single-post .blog:not(.small) img {
    width: 100%;
}

.single-post .blog:not(.small) .blog-info {
    border-radius: 0;
}

.blog-info-title, .blog-cat {
    margin-bottom: 15px;
}

.blog-cat li {
    display: inline-block;
    position: relative;
    font-size: 16px;
    line-height: 20px;
    padding-right: 10px;
    margin-right: 10px;
}

.blog-cat li:not(:last-child):before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 2px;
    height: 12px;
    background: #ccc;
    margin-top: -6px;
}

.blog-info-user img {
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 5px;
}

.blog-info-user .sa {
    display: inline-block;
}

.blog-info-user .sa a {
    color: var(--et-blue2-color);
}

.blog-info-user .sa a:hover {
    text-decoration: underline;
}

.blog.small .blog-info {
    padding: 40px 33px;
}

.blog.small .blog-cat li {
    font-size: 12px;
    line-height: 16px;
}

.blog.small .blog-info-title {
    font-size: 20px;
    line-height: 1.3em;
    margin-bottom: 20px;
}

@media(max-width: 767px) {
    .blog-info {
        padding: 30px 15px;
    }

    .blog.small {
        margin: 0 auto;
    }

    .blog.small .blog-img, .blog.small .blog-img .img-responsive {
        width: 100%;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Video Tutorials */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.video-info {
    background: #fff;
    border: 1px solid #e0e0e0;
    padding: 48px 52px;
    border-radius: 5px;
}

.video-img .img-responsive {
    width: 100%;
}

.video-img {
    border: 2px solid var(--et-blue2-color);
    display: block;
    border-radius: 5px 5px 0 0;
}

.video-length {
    margin-bottom: 15px;
}

.video-title {
    margin-bottom: 15px;
    font-size: 22px;
}

.video-category, .video-length {
    font-size: 14px;
}

.video-img+.video-info {
    border-radius: 0 0 5px 5px;
}

@media (max-width: 480px) {
    .video-info {
        padding: 30px 15px;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* AUTHOR */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.single .author {
    padding: 46px 52px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
}

.author-img {
    float: left;
    max-width: 65px;
    height: auto;
    border-radius: 50%;
    margin-right: 35px;
}

.author-info-title {
    margin-bottom: 10px;
}

.author-info .sa {
    margin-bottom: 20px;
}

.author-info {
    display: table-cell;
    vertical-align: top;
}

.author-link:hover {
    text-decoration: underline;
}

@media(max-width: 767px) {
    .single .author {
        margin: 0 auto;
        text-align: center;
        padding-left: 15px;
        padding-right: 15px;
    }

    .author-img {
        float: none;
        margin-bottom: 20px;
        margin-right: 0;
    }

    .author-info {
        padding-left: 0px;
        display: block;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* CART */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.content-entry>.cart {
    position: relative;
    background: #fff;
    padding: 30px 38px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
}

/* .content-entry > .cart .woocommerce-cart-form{overflow-x: auto;} */
.cart-update {
    position: absolute;
    top: 30px;
    right: 38px;
}

.cart .shop_table {
    width: 100%;
    border-top: 1px solid #e6e6e6;
}

.cart .shop_table th {
    font-size: 14px;
    line-height: 16px;
    color: #1a1a1a;
    text-align: center;
    vertical-align: middle;
}

.cart .shop_table th:nth-child(3), .cart .shop_table td:nth-child(3) {
    text-align: left;
}

.cart .shop_table tbody tr:nth-child(2n+1) {
    background: #f8f8f8;
}

.cart .shop_table tbody td {
    text-align: center;
    vertical-align: middle;
    padding: 12px 10px;
    color: #1a1a1a;
}

.cart .shop_table tbody td:nth-child(2) {
    text-align: left;
}

.cart .c-number {
    display: inline-block;
}

.cart .button-close {
    top: auto;
}

.cart .shop_table .product-name a {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #1a1a1a;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.cart .shop_table .product-name a:hover {
    color: var(--et-blue2-color);
}

.cart .actions {
    width: 100%;
}

.cart-total-entry, .cart-cupon-entry, .cross-sells .products {
    border-top: 1px #efefef solid;
    padding: 15px 0px;
}

.cart-total-entry:last-child {
    padding-bottom: 0;
}

.cart-total-entry:first-child {
    padding-top: 0;
    border: none;
}

.cart-total-entry .dark, .cart-total-entry .regular, .cross-sells .regular {
    font-size: 24px;
}

.circle-popup .cross-sells>.row {
    margin-bottom: 15px;
}

.cart-total-entry .subtotal-price, .cart-total-entry .subtotal-title {
    font-size: 14px;
}

.cart-total-entry .sc-text, .price-cross .sc-text {
    text-align: right;
    font-size: 14px;
}

.cart-popup-close {
    position: relative;
}

.cart-icon-close {
    position: absolute;
    top: -70%;
    right: -7%;
    border-radius: 50%;
    color: #1D89F4;
    width: 24px;
    height: 24px;
    text-align: center;
    padding: 0;
    padding-top: 3px;
}

.cart-cupon-entry {
    border-top: 1px #efefef solid;
    padding-top: 20px;
}

.cart-cupon-entry .input-wrapper input.cupon-code {
    width: calc(65% - 5px);
    float: left;
    margin-right: 5px;
    height: 35px;
    line-height: 18px;
}

.cart-cupon-entry .input-wrapper input.button {
    width: 35%;
    min-width: auto;
    padding: 7px;
    border-top-left-radius: .35em;
    border-bottom-left-radius: .35em;
}

/*.checkout-cupon.active ~ .checkout_coupon {display: block !important;}*/
@media(max-width: 767px) {
    .content-entry>.cart {
        padding-left: 15px;
        padding-right: 15px;
    }

    .cart .shop_table {
        margin-bottom: 25px;
    }

    .cart .shop_table thead, .cart .shop_table .product-thumbnail, .cart .shop_table .product-price {
        display: none;
    }

    .cart .shop_table tbody td {
        padding: 5px !important;
        width: auto;
        position: relative;
    }

    .cart .shop_table .product-name a {
        padding: 5px;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Oreder complete */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.order-complete-block {
    position: relative;
    background-color: var(--et-light-color);
    display: inline-block;
    padding: 90px 60px;
    border-radius: var(--et-border-radius);
}

.order-complete-block:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.5em;
    font-size: 24px;
    height: 1em;
    background-size: 1em;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAkCAYAAAAD3IPhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEGSURBVHgBzdftDcIgEIDh0wkcoSO4kSM4gozgCGxgnMA4QUdghI5wQgSDtR/Q4+58E9KmTegT+oMWoEGIeAkDtIuQlB5oBEmdQDr/0DPOJwcKD8P1+EGFkNDgxxG4CpNjXTygCBmwvrYgAiTl/OiAWpgkTkbNkUANITQQA2QbiBFSBxKA5KDDP0BS/SQoXIw3pfsGKUJSj+DYRUzvD3z7SFl2H0/uoN/zc+ZXx6Be5oemBDKzayUMMqsvTwi0DslAV+SrHJKBLLbPwNYagyxQ85M8kJ6FFiF9u7hBywig6Z25EcipQzJQ6TePY4VUgMK9DqRaAMlCFkA6kBFoUIek8P372wGxF0scEJcTHb/UAAAAAElFTkSuQmCC);
    background-repeat: repeat-x;
    background-position: bottom right;
}

.order-complete-block>p {
    font-size: 16px;
    font-weight: 400;
    color: #1a1a1a;
    padding: 15px 30px;
    background: #fff;
    border-radius: var(--et-border-radius);
    margin-bottom: 10px;
}

.order-title {
    font-size: 36px;
    font-weight: 300;
    color: #1a1a1a;
    display: block;
}

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

/*Phones (<425px)*/
@media (max-width: 425px) {
    .order-complete-block {
        padding: 33px 30px;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Checkout */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.page-tip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

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

.page-tip-content {
    width: 100%;
    display: block;
}

.page-tip-content:before {
    width: 16px;
    height: 16px;
    background: #f5fcff;
    border-right: 2px var(--et-blue2-color) solid;
    border-bottom: 2px var(--et-blue2-color) solid;
    content: "";
    left: -21px;
    bottom: 41%;
    position: absolute;
    transform: rotate(135deg) translateX(-50%) translateY(-50%);
    -webkit-transform: rotate(135deg) translateX(-50%) translateY(-50%);
}

.page-tip-content .woocommerce-error+.checkout_coupon {
    display: block !important;
    margin-top: 5px;
}

.active-cupon {
    color: #1a1a1a;
    font-weight: 500;
}

.page-tip-title {
    cursor: pointer;
}

.page-tip-title+.checkout_coupon {
    margin-top: 5px;
}

.checkout_coupon .input-wrapper input[type="submit"] {
    height: 45px;
}

.page-tip-description {
    font-size: 14px;
    line-height: 22px;
    margin-top: 5px;
}

.page-tip img {
    float: left;
    margin-right: 30px;
    max-width: 100%;
    height: auto;
}

.billing-title, .h5.chekout-step, .h5.payment-method-title {
    font-size: 28px;
    /* padding-bottom: 20px; */
    /* border-bottom: 1px solid var(--et-border-color); */
    text-transform: capitalize;
}

@media only screen and (max-width: 768px) {
    .h5.chekout-step, .h5.payment-method-title, .checkout-totals {
        font-size: 26px;
    }
}

.payment-method-title {
    margin-top: 5px;
}

.showlogin {
    color: #999;
}

form.processing .ajax-load-3 {
    display: block;
    z-index: 9999;
}
@media only screen and (min-width: 992px) {
    #customer_details .woocommerce-billing-fields > div {
        padding-inline-end: min(2vw, 150px);
    }
}
.checkout-order {
    position: relative;
    padding: 50px 80px 70px;
    border: var(--et-input-border-width, 2px) solid var(--et-border-color);
    border-radius: var(--et-border-radius);
    border-top-color: var(--et-blue2-color);
    border-top-width: 4px;
    background: #fff;
}

/*#order_review > div:before {
    content: '';
    position: absolute;
    top: -17%;
    left: -17%;
    right: -17%;
    bottom: -17%;
    background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.00) 0%, #FFF 100%), conic-gradient(from 180deg at 50% 50%, #2962FF 0deg, #AE29FF 360deg);
    pointer-events: none;
    opacity: .1;
}*/
.order_item .product-name a {
    pointer-events: none;
}

.product-name, .product-total, th.product-quantity {
    font-size: 16px;
    font-weight: 400;
    color: #1a1a1a;
}

.product-name {
    text-align: left;
}

.product-download i {
    color: var(--et-blue2-color);
}

table.order_details thead th {
    padding-top: 0;
}

.product-total, .product-download {
    text-align: right;
}

/*@media screen and (max-width: 480px) {*/
.woocommerce-view-order .wc-item-meta {
    display: none;
}

/*}*/
.shop_table {
    width: 100%;
}

.shop_table thead th, .shop_table tbody td, .shop_table tfoot td, .shop_table tfoot th {
    border-bottom: 1px solid #e6e6e6;
    padding: 20px 0px;
}

.shop_table thead, .shop_table tbody, .shop_table tfoot {
    border-bottom: 1px solid #e6e6e6;
}

.shop_table tbody td, .shop_table tfoot td, .shop_table tfoot th {
    color: #999;
    font-size: 14px;
}

.shop_table .order-total td {
    color: #000;
}

.shop_table tfoot th {
    text-align: left;
}

.shop_table tfoot td {
    text-align: right;
}

.account-content .shop_table tfoot .order-total th, .account-content .shop_table tfoot .order-total td {
    border-bottom: none;
}

.payment_methods {
    margin-top: 20px;
}

.payment_methods li {
    /*border-bottom: 1px solid #e6e6e6;*/
    padding: 0 0 25px;
    position: relative;
}

.payment_methods li label, .woocommerce-checkout-payment .wc_payment_method .payment_box label, .woocommerce-checkout #payment .wc_payment_methods .payment_method_stripe label[for="payment_method_stripe"] {
    display: flex;
    align-items: center;
    position: relative;
    font-size: 20px;
    font-family: var(--et-heading-font);
    font-weight: var(--et-heading-font-weight);
    color: #222;
}

@media only screen and (max-width: 768px) {
    .payment_methods li label, .woocommerce-checkout-payment .wc_payment_method .payment_box label, .woocommerce-checkout #payment .wc_payment_methods .payment_method_stripe label[for="payment_method_stripe"] {
        font-size: 18px;
    }
}

.payment_methods li ul {
    padding-left: 25px;
}

.payment_methods li .woocommerce-error {
    padding-left: 0;
}

.payment_methods li ul li {
    padding-bottom: 12px;
}

#payment.woocommerce-checkout-payment .wc_payment_method .payment_box label {
    display: inline-block;
    font-size: 16px;
}

.payment_methods li label .about_paypal {
    font-size: 16px;
    /* color: #1088ef; */
    text-decoration: underline;
    padding-left: 15px;
    transition: all .3s linear;
}

.payment_methods li label .about_paypal:hover {
    color: var(--et-text-color);
}

.payment_methods li:last-child {
    border: none;
}

.euro_vat {
    line-height: 1.4;
}

/* stripe method */
.woocommerce-checkout #payment ul.payment_methods li img.stripe-icon:first-child {
    margin-left: 13px;
}

.payment_box #wc-stripe-cc-form > label {
    display: none;
}

.payment_box .wc-stripe-elements-field, .payment_box .wc-stripe-iban-element-field {
    border-radius: var(--et-border-radius);
    border: var(--et-input-border-width, 2px) var(--et-border-color) solid;
    font-size: 14px;
    padding: 12px 16px;
}

.payment_box {
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px;
}

.payment_box p {
    color: #999999;
}

.payment_box.payment_method_paypal, .payment_box.payment_method_stripe p,
.payment_box.payment_method_ppcp-gateway:has(p:only-child)  {
    display: none !important;
}

#payment .form-row.place-order {
    margin-top: 8px;
    margin-bottom: 0;
}

.shop_table .product-quantity {
    color: #1c1a19;
    font-weight: inherit;
}

.shop_table .woocommerce-remove-coupon {
    color: #888;
}

.payment_method_images {
    padding-left: 20px;
    position: relative;
    top: 10px;
    max-width: 100%;
    height: auto;
}

.SlectBox.size-2.border+.CaptionCont label {
    border-left: var(--et-input-border-width, 2px) var(--et-border-color) solid;
}

.enter-cupon {
    margin-bottom: 10px;
}

.subscription-plan tbody td {
    padding: 15px 20px;
}

.subscription-plan .account-panel-product {
    font-size: 16px;
    font-weight: 400;
}

.subscription-plan tbody td.account-panel-key {
    position: relative;
    text-align: center !important;
    border-left: 1px solid #e1e1e1;
    padding: 0px 35px;
    border-right: 1px solid #e1e1e1;
    color: #999999;
    text-transform: uppercase;
    font-size: 13px;
}

.key-icon {
    color: #888;
    font-size: 1.14em;
    padding-top: 2px;
}

.subscription-plan .account-panel-key .key-icon {
    position: absolute;
    right: 13px;
}

.subscription-plan .account-panel-key .progress {
    padding-right: 20px;
}

.subscription-plan .account-panel-key b {
    color: #1a1a1a;
}

.progress .sr {
    text-indent: 9999px;
    display: block;
    background-color: #d9d9d9;
    width: 100px;
}

.subscription-plan .account-panel-key .progress, .subscription-plan .account-panel-key .domain-left {
    display: inline-block;
}

/*.key-icon {visibility: hidden;}*/
.subscription-plan .account-panel-key:hover .key-icon {
    visibility: visible;
}

.location_confirmation>span {
    font-size: 14px;
    line-height: 22px;
    padding: 10px 20px;
    border: 1px solid var(--et-blue2-color);
    border-radius: .35em;
    background-color: #f5fcff;
    font-style: italic;
    margin: 15px 0px;
    color: #999999;
    width: 100%;
    display: inline-block;
}

.woocommerce-terms-and-conditions-wrapper label, .location_confirmation>label {
    font-size: 16px;
    line-height: 24px;
    color: #555;
}

.location_confirmation {
    margin-bottom: 10px;
}

.place-order .form-row.location_confirmation {
    padding-top: 0;
    margin-bottom: 30px;
}

.woocommerce-terms-and-conditions-wrapper .input-checkbox, .location_confirmation .input-checkbox {
    -webkit-appearance: none;
    cursor: pointer;
    -moz-appearance: none;
    width: 15px;
    height: 15px;
    border: var(--et-input-border-width, 2px) var(--et-border-color) solid;
    content: "";
    border-radius: 2px;
    -webkit-border-radius: 2px;
    position: relative;
    margin-right: 5px;
}

.woocommerce-terms-and-conditions-wrapper .input-checkbox:checked:before, .location_confirmation .input-checkbox:checked:before {
    width: 17px;
    height: 10px;
    border-left: var(--et-input-border-width, 2px) var(--et-black-color) solid;
    border-bottom: var(--et-input-border-width, 2px) var(--et-black-color) solid;
    content: "";
    position: absolute;
    left: 0px;
    top: -4px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.woocommerce-terms-and-conditions-wrapper .input-checkbox::-ms-expand, .location_confirmation .input-checkbox::-ms-expand {
    display: none;
}

.input-radio+label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 30px;
    margin-right: 15px;
    font-size: 13px;
}

input.input-radio[type=radio] {
    display: none;
}

.input-radio+label: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;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    bottom: 0px;
    background-color: #fff;
}

input.input-radio[type=radio]:checked+label:before {
    content: "\2022";
    color: var(--et-blue2-color);
    font-size: 20px;
    text-align: center;
    line-height: 10px;
}

label>input.payment-method-radio+.payment-image {
    cursor: pointer;
    position: relative;
    display: inline-block;
    background-image: url(../img/payment-types.png);
    height: 30px;
    width: 50px;
    margin-right: 12px;
}

label>input.payment-method-radio {
    position: absolute;
    visibility: hidden;
}

label>input.payment-method-radio[value="visa"]+.payment-image {
    background-position: 0px center;
    width: 52px;
}

label>input.payment-method-radio[value="mastercard"]+.payment-image {
    background-position: -64px center;
    width: 49px;
}

label>input.payment-method-radio[value="express"]+.payment-image {
    background-position: -123px center;
    width: 31px;
}

label>input.payment-method-radio[value="discover"]+.payment-image {
    background-position: -167px center;
    width: 47px;
}

label>input.payment-method-radio[value="paypal"]+.payment-image {
    background-position: -222px center;
    width: 56px;
    margin-right: 0px;
}

label>input.payment-method-radio:checked+.payment-image {
    outline: 2px solid var(--et-blue2-color);
}

label>input.payment-method-radio:checked+.payment-image:before {
    content: "";
    width: 100%;
    height: 100%;
    outline: 1px solid #fff;
    outline-offset: -1px;
    position: absolute;
}

@media (max-width: 1200px) {
    .subscription-plan tbody td {
        padding: 15px 10px;
    }

    .subscription-plan .account-panel-key {
        padding-left: 9px;
    }

    .progress .sr {
        width: 62px;
    }

    .subscription-plan .account-panel-key .progress {
        padding-right: 9px;
    }

    .order-complete-block {
        padding: 33px 30px;
    }

    .ignore-xs {
        display: none;
    }
}

@media (max-width: 992px) {
    .woocommerce-checkout #customer_details {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    /*.checkout_coupon .button.size-3 {padding: 5px 17px 5px 17px;}*/ /*.chekout-step {
        padding-bottom: 15px;
    }*/.subscription-plan .account-panel-update {
        position: absolute;
        top: 0;
        margin-top: 10px;
        right: 15px;
    }
}

/*Phones (<676px)*/
@media (max-width: 676px) {
    .subscription-plan .account-panel-product {
        font-size: 14px;
        word-break: break-all;
    }
}

/*Phones (<625px)*/
@media (max-width: 625px) {
    .subscription-plan tbody td {
        padding: 15px 4px;
    }
}

/*Phones (<600px)*/
@media (max-width: 600px) {
    .subscription-plan tbody td {
        padding: 15px 4px;
    }

    .subscription-plan .subscription-info, .subscription-plan .subscription-links {
        float: none !important;
        text-align: center;
    }
}

/*Phones (<597px)*/
@media (max-width: 597px) {
    .subscription-plan tbody td {
        padding: 15px 4px;
    }

    .subscription-plan .account-panel-key {
        text-align: left;
    }

    .subscription-plan .account-panel-key .progress {
        margin-bottom: 5px;
    }
}

/*Phones (<480px)*/
@media (max-width: 480px) {
    .checkout-order {
        padding: 10px 15px 15px;
    }

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

    .checkout-order .button-new {
        font-size: 16px;
    }

    .page-tip {
        margin-top: 20px;
    }

    .page-tip .page-tip-content {
        margin-top: 95px;
    }

    .page-tip img {
        position: absolute;
        top: 0;
    }

    .page-tip-content:before {
        top: -15px;
        left: 12%;
        transform: rotate(223deg) translateX(-50%);
        -webkit-transform: rotate(223deg) translateX(-50%);
    }

    .page-tip-description {
        font-size: 12px;
        line-height: 20px;
    }

    .subscription-plan .account-panel-icon {
        padding-left: 5px;
        padding-right: 5px;
    }

    .subscription-plan tbody td.account-panel-key {
        padding: 0px 15px;
    }

    .subscription-plan tbody td {
        padding: 10px 4px;
    }

    .subscription-plan .account-panel-key .key-icon {
        display: none;
    }

    .account-panel .account-panel-icon {
        padding-left: 5px;
        padding-right: 5px;
    }

    .account-panel table:not(.account-info-table) tbody td.account-panel-key {
        padding: 0px 15px;
    }

    .account-panel table:not(.account-info-table) thead th, .account-panel table:not(.account-info-table) tbody td {
        padding: 10px 10px;
        font-size: 14px;
    }

    .account-panel table:not(.account-info-table) thead th {
        font-size: 16px;   
    }

    .account-panel.new-licenses-panel table:not(.account-info-table) thead th:first-child, .account-panel.new-licenses-panel table:not(.account-info-table) tbody td:first-child {
        display: none;
    }

    .payment_method_images {
        max-width: 50%;
    }

    .payment-method-title {
        font-size: 24px;
    }

    .product-name, .product-total {
        font-size: 18px;
    }

    .account-panel table.account-orders-table tbody td {
        padding: 20px 10px;
    }

    .subscription-plan .account-panel-update {
        position: absolute;
        top: 0;
        margin-top: 10px;
        right: 15px;
    }
}

/*Phones (<370px)*/
@media (max-width: 370px) {
    .payment_method_images {
        max-width: 85px;
        top: 5px;
    }

    .payment_methods li label {
        width: 100%;
    }
}

/*Phones (<350px)*/
@media (max-width: 350px) {
    .payment_method_images {
        padding-left: 2px;
    }

    .payment_methods li label .about_paypal {
        padding-left: 10px;
    }

    label>input.payment-method-radio+.payment-image {
        margin-right: 3px;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* MEDIA QUERIES */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.contactus-block .wpcf7-response-output {
    display: none !important;
}

.contactus-block .wpcf7 input[type="file"] {
    position: static;
    opacity: 1;
    width: auto !important;
    height: auto !important;
}

span.wpcf7-not-valid-tip {
    padding: 0 10px;
}

/*Desktops (>=1200px)*/
@media (min-width: 1200px) {
    nav>ul>li {
        margin-right: 30px;
    }
}

/*Desktops (>=1200px)*/
@media (min-width: 1200px) and (max-width: 1240px) {
    /* #header nav ul ul {
    width: 180px;
  } */
}

/* Tablets (>=991px)*/
@media (max-width: 991px) {
    .lg-offset-1 {
        margin-left: 0%;
    }
}

/*Phones (<768px)*/
@media (max-width: 767px) {
    .center-image-animation {
        width: auto !important;
        min-width: 0 !important;
    }

    .top-banner-image.small {
        width: auto;
    }

    .top-banner-image.contactus-banner {
        width: 75%;
        top: 3%;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .top-banner .contactus-block {
        padding-top: 60%;
    }

    .top-banner-image-wrapper.register-wrapper {
        width: 75%;
        margin: 0 auto;
    }

    /*.button.size-3, .account-panel.subscription-plan .wcs-switch-link {padding: 12px 17px 12px 17px;}*/
    .contact-form .button {
        width: 100%;
    }

    .reverse {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .page-title {
        font-size: 28px;
    }
}

/*Phones (<480px)*/
@media (min-width: 480px) {
    .ignore-lg {
        display: none;
    }
}

@media (max-width: 480px) {
    .cart tbody td .btn-del {
        position: absolute;
        top: -5%;
        z-index: 1;
        left: 0;
        -webkit-transform: translateY(5%);
        -ms-transform: translateY(5%);
        transform: translateY(5%);
        margin-left: -5px;
    }

    .cart tbody td .btn-del .button-close {
        background: #f8f8f8;
        border: var(--et-input-border-width, 2px) var(--et-border-color) solid;
        border-radius: 2px;
        width: 14px;
        height: 14px;
    }

    .sm-center {
        text-align: center;
    }

    .sm-left {
        text-align: left;
    }

    .cart tbody td .btn-del .button-close:before {
        width: 8px;
        margin-left: -4px;
        left: 50%;
    }

    .cart tbody td .btn-del .button-close:after {
        height: 8px;
        margin-top: -4px;
        top: 50%;
    }

    .cart .c-number {
        margin-right: 5px;
    }

    .cart tbody td.remove-item {
        padding-left: 0px;
    }

    .blog-info-title {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 15px;
    }

    .sa.size-16 {
        font-size: 15px;
    }

    .account-panel-background-title {
        font-size: 26px;
    }

    .account-panel-background-description {
        font-size: 16px;
    }

    .top-banner-image.contactus-banner {
        width: auto;
    }

    .top-banner .contactus-block {
        padding-top: 80%;
    }

    .custom-pagination.responsive-wrapper {
        margin-top: -20px;
    }

    .top-banner-image-wrapper.register-wrapper {
        width: auto;
    }

    .new-popup-inner {
        width: 93%;
    }

    .contact-form {
        text-align: center;
    }

    .contact-form .SumoSelect {
        text-align: left;
    }

    .size-16-xs {
        font-size: 16px !important;
    }

    .size-18-xs {
        font-size: 18px !important;
    }

    .size-32-xs {
        font-size: 32px !important;
/*        font-weight: 300 !important;*/
    }

    .size-28-xs {
        font-size: 28px !important;
    }

    .se-3.size-18-xs, .se-2.size-18-xs {
        font-size: 18px;
    }

    .speed-image img {
        max-width: 95%;
    }

    .speed-image {
        right: -13px;
    }

    .drag-anim img {
        max-width: 105%;
    }

    .drag-anim {
        left: -25px;
    }

    .mobile-anim img {
        max-width: 105%;
    }

    .mobile-anim {
        left: -10px;
    }

    .mobile-anim .img-animate-14 {
        left: 48%;
    }

    #wpadminbar {
        display: none;
    }

    body {
        overflow-x: hidden;
        /* experiment */
        --wp-admin--admin-bar--height: 0px;
        /* in case #wpadminbar is hidden */
    }

    html.mobile {
        margin-top: 0 !important;
    }

    .support-detail-entry-footer .button:not(.square) {
        margin-top: 5px;
    }

    .anim-padding {
        padding: 35px 0px;
    }

    .odometer-title {
        font-size: 26px;
    }
}

/*Phones (<320px)*/
@media (max-width: 320px) {
    .cart tbody td .btn-del {
        top: 3%;
    }

    .new-popup-inner {
        width: 90%;
    }
}

.dark {
    color: #1a1a1a;
}

.dark-light {
    color: #595959;
}

.grey {
    color: #8c8c8c;
}

.grey-light {
    color: #999999;
}

.grey-semi {
    /*color: #5f5f5f;*/
    color: #555;
}

.grey-plain {
    color: #ccc;
}

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

.success {
    color: var(--et-green-color);
}

.warning {
    color: #FFA726;
}

.alert {
    color: var(--et-red-color);
}

.white {
    color: #fff;
}

.white-light {
    color: rgba(255, 255, 255, .7);
}

.anim-wrapper {
    position: relative;
    display: inline-block;
}

.anim-wrapper img {
    display: block;
}

[class*="img-animate"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.img-animate-1 {
    animation: imageAnimate1 2s infinite ease-in-out;
    transform-origin: 61% 55%;
}

@keyframes imageAnimate1 {
    0%, 100% {
        transform: perspective(300px) skewX(-5deg) rotateY(-20deg) rotateZ(-25deg);
    }

    50% {
        transform: perspective(300px) skewX(15deg) rotateY(20deg) rotateZ(5deg);
    }
}

.img-animate-2 {
    animation: imageAnimate2 3.5s infinite ease-in-out;
    transform-origin: 44% 75%;
}

@keyframes imageAnimate2 {
    0%, 100% {
        transform: scaleY(1) rotateZ(-3deg);
    }

    80% {
        transform: scaleY(1.1) rotateZ(3deg);
    }
}

.img-animate-3 {
    animation: imageAnimate3 3.5s infinite ease-in-out;
    transform-origin: 44% 57%;
}

@keyframes imageAnimate3 {
    0%, 100% {
        transform: rotateZ(-5deg);
    }

    50% {
        transform: rotateZ(5deg);
    }
}

.img-animate-4 {
    animation: imageAnimate4 5.0s infinite ease-in-out;
    transform-origin: 31.5% 46%;
}

@keyframes imageAnimate4 {
    0%, 60%, 100% {
        transform: scaleY(1);
    }

    80% {
        transform: scaleY(1.35);
    }
}

.img-animate-5 {
    animation: imageAnimate5 5.0s infinite ease-in-out;
    transform-origin: 34% 43%;
}

@keyframes imageAnimate5 {
    0%, 60%, 100% {
        transform: scale(0);
        opacity: 0;
    }

    80% {
        transform: scale(1.25);
        opacity: 1;
    }
}

.img-animate-6 {
    animation: imageAnimate6 5s infinite ease-in-out;
    transform-origin: 33% 60%;
}

@keyframes imageAnimate6 {
    0%, 30%, 100% {
        transform: rotateZ(10deg);
    }

    50% {
        transform: rotateZ(0deg);
    }
}

.img-animate-7 {
    animation: imageAnimate7 7.0s infinite ease-in-out;
    transform-origin: 25% 70%;
    left: -1%;
}

@keyframes imageAnimate7 {
    0%, 100% {
        transform: rotateZ(0deg);
    }

    80% {
        transform: rotateZ(-3deg);
    }
}

.img-animate-8 {
    animation: imageAnimate8 4.0s infinite ease-in-out;
    transform-origin: 24% 37%;
}

@keyframes imageAnimate8 {
    0%, 100% {
        transform: rotateZ(0deg);
    }

    50% {
        transform: rotateZ(10deg);
    }
}

.img-animate-9 {
    animation: imageAnimate9 4.0s infinite ease-in-out;
    transform-origin: 21% 55%;
}

@keyframes imageAnimate9 {
    0%, 100% {
        transform: scaleY(1) rotateZ(-10deg);
    }

    50% {
        transform: scaleY(1.15) rotateZ(10deg);
    }
}

.img-animate-10 {
    animation: imageAnimate10 4.0s infinite ease-in-out;
    position: absolute;
    left: 18%;
    width: 45%;
    top: 19%;
    position: absolute;
    height: auto;
}

@keyframes imageAnimate10 {
    0% {
        transform: rotate(0deg);
    }

    30% {
        transform: rotate(75deg);
    }

    35% {
        transform: rotate(70deg);
    }

    50% {
        transform: rotate(185deg);
    }

    55% {
        transform: rotate(180deg);
    }

    85% {
        transform: rotate(220deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.img-animate-11 {
    animation: imageAnimate11 7.0s infinite ease-in-out;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform-origin: 46% 83%;
}

@keyframes imageAnimate11 {
    0% {
        transform: translateX(-11%) rotate(35deg);
    }

    20% {
        transform: translateX(-5%) rotate(35deg);
    }

    40%, 60% {
        transform: translateX(0%) rotate(0deg);
    }

    80% {
        transform: translateX(-5%) rotate(35deg);
    }

    100% {
        transform: translateX(-11%) rotate(35deg);
    }
}

.img-animate-19 {
    animation: imageAnimate19 7.0s infinite ease-in-out;
}

@keyframes imageAnimate19 {
    0% {
        transform: translateX(0%);
    }

    20% {
        transform: translateX(1.5%);
    }

    40%, 60% {
        transform: translateX(3%);
    }

    80% {
        transform: translateX(1.5%);
    }

    100% {
        transform: translateX(0%);
    }
}

.img-animate-20 {
    animation: imageAnimate20 5.0s infinite ease-in-out;
    transform-origin: 41.5% 60.5%;
}

@keyframes imageAnimate20 {
    0%, 100% {
        transform: scale(0);
    }

    40%, 60% {
        transform: scale(1);
    }
}

.img-animate-12 {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    height: 100%;
}

.img-animate-14 {
    width: 27.3%;
    top: 15%;
    left: 45%;
    height: 67%;
    overflow: hidden;
}

.img-animate-14 img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
}

/*@keyframes imageAnimate14 {
  0%, 5%, 95%, 100%{transform: translateY(0%);}
  45%, 55%{transform: translateY(-70%);}
}*/
.img-animate-15, .img-animate-16 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
}

.img-animate-15 {
    animation: imageAnimate15 5.0s infinite ease-in-out;
    transform-origin: 46% 30%;
}

@keyframes imageAnimate15 {
    0%, 50%, 75%, 100% {
        opacity: 1;
        transform: scale(1);
    }

    55%, 70% {
        opacity: 0;
        transform: scale(.5);
    }
}

.img-animate-16 {
    animation: imageAnimate16 5.0s infinite ease-in-out;
    transform-origin: 55% 64%;
}

@keyframes imageAnimate16 {
    0%, 100% {
        transform: scaleX(.9) rotateZ(0deg);
    }

    30%, 70% {
        transform: scaleX(1.1) rotateZ(-15deg);
    }
}

.img-animate-18 {
    animation: imageAnimate18 3.0s infinite ease-in-out;
    transform-origin: 78% 53.5%;
}

@keyframes imageAnimate18 {
    0%, 100% {
        transform: scaleY(.3);
    }

    30%, 70% {
        transform: scaleX(1);
    }
}

.img-animate-21 {
    animation: imageAnimate23 2.5s infinite ease-in-out;
    transform-origin: 54.3% 63%;
}

@keyframes imageAnimate21 {
    0%, 100% {
        transform: perspective(300px) skewX(-5deg) rotateY(-20deg) rotateZ(-25deg);
    }

    50% {
        transform: perspective(300px) skewX(15deg) rotateY(20deg) rotateZ(5deg);
    }
}

.img-animate-23 {
    animation: imageAnimate23 2s infinite ease-in-out;
    transform-origin: 51% 81%;
}

@keyframes imageAnimate23 {
    0%, 100% {
        transform: skewX(-5deg) rotateZ(-10deg);
    }

    50% {
        transform: skewX(5deg) rotateZ(10deg);
    }
}

.img-animate-24 {
    opacity: 0;
    transform: scale(.7);
    -webkit-transform: scale(.7);
    transition: 1s .5s;
    -webkit-transition: 1s .5s;
    transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
}

.loaded .img-animate-24 {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
}

.img-animate-25 {
    opacity: 0;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transition: 1s 1.5s;
    -webkit-transition: 1s 1.5s;
    transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
}

.loaded .img-animate-25 {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
}

.center-image-animation {
    width: calc(100vw/4);
    position: relative;
    margin: 0 auto 15px auto;
    min-width: 574px;
}

.center-image-animation:before {
    display: block;
    content: "";
    padding-bottom: 60%;
}

/*Phones (<768px)*/
@media (min-width: 768px) {
    .custom-hover:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,.1);
        opacity: 0;
        backface-visibility: hidden;
        -webkit-transition: opacity 0.4s;
        transition: opacity 0.4s;
        z-index: 1;
    }

    .theme-item:hover .custom-hover:before {
        opacity: 1;
    }

    .item-shop .price-cart-wrapper .button {
        opacity: 0;
        visibility: hidden;
    }

    .item-shop:hover .price-cart-wrapper .button {
        opacity: 1;
        visibility: visible;
    }

    .hide-lg {
        display: none;
    }
}

/*Phones (<768px)*/
@media (max-width: 767px) {
    .circle-popup {
        display: none !important;
    }

    .item-shop .price-cart-wrapper {
        padding-top: 10px;
    }

    .popup-align {
        padding: 20px 35px;
    }

    .hide-sm {
        display: none;
    }
}

.img-animate-26 {
    animation: imageAnimate26 3s infinite ease-in-out;
    transform-origin: 58% 54%;
}

@keyframes imageAnimate26 {
    0%, 100% {
        transform: skewX(-10deg) rotateZ(-15deg);
    }

    50% {
        transform: skewX(5deg) rotateZ(10deg);
    }
}

.img-animate-27 {
    animation: imageAnimate27 5s infinite ease-in-out;
    transform-origin: 85% 51%;
}

@keyframes imageAnimate27 {
    0% {
        transform: rotateZ(-5deg);
    }

    30% {
        transform: rotateZ(20deg);
    }

    45% {
        transform: rotateZ(10deg);
    }

    60% {
        transform: rotateZ(5deg);
    }

    85% {
        transform: rotateZ(10deg);
    }

    100% {
        transform: rotateZ(-5deg);
    }
}

.img-animate-28 {
    animation: imageAnimate28 5s infinite ease-in-out;
    transform-origin: 90% 33%;
}

@keyframes imageAnimate28 {
    0%, 40%, 100% {
        transform: scale(0);
        opacity: 0;
    }

    20% {
        transform: scale(1);
        opacity: 1;
    }
}

@media (min-width: 768px) {
    [class^="se-"], [class*=" se-"] {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.2, 1);
        transition-timing-function: cubic-bezier(0.25, 0.1, 0.2, 1)
    }

    [class^="se-"]:not(.done), [class*=" se-"]:not(.done) {
        -webkit-transition-duration: 800ms;
        transition-duration: 800ms
    }

    .se-1:not(.done) {
        -webkit-transition-delay: 10ms;
        transition-delay: 10ms
    }

    .se-2:not(.done) {
        -webkit-transition-delay: 160ms;
        transition-delay: 160ms
    }

    .se-3:not(.done) {
        -webkit-transition-delay: 310ms;
        transition-delay: 310ms
    }

    .se-4:not(.done) {
        -webkit-transition-delay: 460ms;
        transition-delay: 460ms
    }

    .se-5:not(.done) {
        -webkit-transition-delay: 610ms;
        transition-delay: 610ms
    }

    .se-6:not(.done) {
        -webkit-transition-delay: 760ms;
        transition-delay: 760ms
    }

    .se-7:not(.done) {
        -webkit-transition-delay: 910ms;
        transition-delay: 910ms
    }

    .se-8:not(.done) {
        -webkit-transition-delay: 1060ms;
        transition-delay: 1060ms
    }

    .se-9:not(.done) {
        -webkit-transition-delay: 1210ms;
        transition-delay: 1210ms
    }

    .se-10:not(.done) {
        -webkit-transition-delay: 1360ms;
        transition-delay: 1360ms
    }

    .fast.se-1:not(.done), .se-1.fast:not(.done), .fast .se-1:not(.done) {
        -webkit-transition-delay: 10ms;
        transition-delay: 10ms
    }

    .fast.se-2:not(.done), .se-2.fast:not(.done), .fast .se-2:not(.done) {
        -webkit-transition-delay: 110ms;
        transition-delay: 110ms
    }

    .fast.se-3:not(.done), .se-3.fast:not(.done), .fast .se-3:not(.done) {
        -webkit-transition-delay: 210ms;
        transition-delay: 210ms
    }

    .fast.se-4:not(.done), .se-4.fast:not(.done), .fast .se-4:not(.done) {
        -webkit-transition-delay: 310ms;
        transition-delay: 310ms
    }

    .fast.se-5:not(.done), .se-5.fast:not(.done), .fast .se-5:not(.done) {
        -webkit-transition-delay: 410ms;
        transition-delay: 410ms
    }

    .fast.se-6:not(.done), .se-6.fast:not(.done), .fast .se-6:not(.done) {
        -webkit-transition-delay: 510ms;
        transition-delay: 510ms
    }

    .fast.se-7:not(.done), .se-7.fast:not(.done), .fast .se-7:not(.done) {
        -webkit-transition-delay: 610ms;
        transition-delay: 610ms
    }

    .fast.se-8:not(.done), .se-8.fast:not(.done), .fast .se-8:not(.done) {
        -webkit-transition-delay: 710ms;
        transition-delay: 710ms
    }

    .fast.se-9:not(.done), .se-9.fast:not(.done), .fast .se-9:not(.done) {
        -webkit-transition-delay: 810ms;
        transition-delay: 810ms
    }

    .fast.se-10:not(.done), .se-10.fast:not(.done), .fast .se-10:not(.done) {
        -webkit-transition-delay: 910ms;
        transition-delay: 910ms
    }

    .slow.se-1:not(.done), .se-1.slow:not(.done), .slow .se-1:not(.done) {
        -webkit-transition-delay: 10ms;
        transition-delay: 10ms
    }

    .slow.se-2:not(.done), .se-2.slow:not(.done), .slow .se-2:not(.done) {
        -webkit-transition-delay: 210ms;
        transition-delay: 210ms
    }

    .slow.se-3:not(.done), .se-3.slow:not(.done), .slow .se-3:not(.done) {
        -webkit-transition-delay: 410ms;
        transition-delay: 410ms
    }

    .slow.se-4:not(.done), .se-4.slow:not(.done), .slow .se-4:not(.done) {
        -webkit-transition-delay: 610ms;
        transition-delay: 610ms
    }

    .slow.se-5:not(.done), .se-5.slow:not(.done), .slow .se-5:not(.done) {
        -webkit-transition-delay: 810ms;
        transition-delay: 810ms
    }

    .slow.se-6:not(.done), .se-6.slow:not(.done), .slow .se-6:not(.done) {
        -webkit-transition-delay: 1010ms;
        transition-delay: 1010ms
    }

    .slow.se-7:not(.done), .se-7.slow:not(.done), .slow .se-7:not(.done) {
        -webkit-transition-delay: 1210ms;
        transition-delay: 1210ms
    }

    .slow.se-8:not(.done), .se-8.slow:not(.done), .slow .se-8:not(.done) {
        -webkit-transition-delay: 1410ms;
        transition-delay: 1410ms
    }

    .slow.se-9:not(.done), .se-9.slow:not(.done), .slow .se-9:not(.done) {
        -webkit-transition-delay: 1610ms;
        transition-delay: 1610ms
    }

    .slow.se-10:not(.done), .se-10.slow:not(.done), .slow .se-10:not(.done) {
        -webkit-transition-delay: 1810ms;
        transition-delay: 1810ms
    }

    [class^="se-"]:not(.done), [class*=" se-"]:not(.done), .fromBottom [class^="se-"]:not(.done), .fromBottom [class*=" se-"]:not(.done), [class^="se-"].fromBottom:not(.done), [class*=" se-"].fromBottom:not(.done) {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
        opacity: 0
    }

    .fromTop [class^="se-"]:not(.done), .fromTop [class*=" se-"]:not(.done), [class^="se-"].fromTop:not(.done), [class*=" se-"].fromTop:not(.done) {
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0)
    }

    .fromLeft [class^="se-"]:not(.done), .fromLeft [class*=" se-"]:not(.done), [class^="se-"].fromLeft:not(.done), [class*=" se-"].fromLeft:not(.done) {
        -webkit-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0)
    }

    .fromRight [class^="se-"]:not(.done), .fromRight [class*=" se-"]:not(.done), [class^="se-"].fromRight:not(.done), [class*=" se-"].fromRight:not(.done) {
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0)
    }

    .fromCenter [class^="se-"]:not(.done), .fromCenter [class*=" se-"]:not(.done), [class^="se-"].fromCenter:not(.done), [class*=" se-"].fromCenter:not(.done) {
        -webkit-transform: scale(0.8) translate3d(0, 0, 0);
        transform: scale(0.8) translate3d(0, 0, 0)
    }

    .fromAbove [class^="se-"]:not(.done), .fromAbove [class*=" se-"]:not(.done), [class^="se-"].fromAbove:not(.done), [class*=" se-"].fromAbove:not(.done) {
        -webkit-transform: scale(1.2) translate3d(0, 0, 0);
        transform: scale(1.2) translate3d(0, 0, 0)
    }

    .fromBottomLeft [class^="se-"]:not(.done), .fromBottomLeft [class*=" se-"]:not(.done), [class^="se-"].fromBottomLeft:not(.done), [class*=" se-"].fromBottomLeft:not(.done) {
        -webkit-transform: translate3d(-100px, 100px, 0);
        transform: translate3d(-100px, 100px, 0)
    }

    .fromTopLeft [class^="se-"]:not(.done), .fromTopLeft [class*=" se-"]:not(.done), [class^="se-"].fromTopLeft:not(.done), [class*=" se-"].fromTopLeft:not(.done) {
        -webkit-transform: translate3d(-100px, -100px, 0);
        transform: translate3d(-100px, -100px, 0)
    }

    .fromBottomRight [class^="se-"]:not(.done), .fromBottomRight [class*=" se-"]:not(.done), [class^="se-"].fromBottomRight:not(.done), [class*=" se-"].fromBottomRight:not(.done) {
        -webkit-transform: translate3d(100px, 100px, 0);
        transform: translate3d(100px, 100px, 0)
    }

    .fromTopRight [class^="se-"]:not(.done), .fromTopRight [class*=" se-"]:not(.done), [class^="se-"].fromTopRight:not(.done), [class*=" se-"].fromTopRight:not(.done) {
        -webkit-transform: translate3d(100px, -100px, 0);
        transform: translate3d(100px, -100px, 0)
    }

    .fadeIn [class^="se-"]:not(.done), .fadeIn [class*=" se-"]:not(.done), [class^="se-"].fadeIn:not(.done), [class*=" se-"].fadeIn:not(.done) {
        -webkit-transform: scale(1) translate3d(0, 0, 0);
        transform: scale(1) translate3d(0, 0, 0)
    }

    .fromBlur [class^="se-"]:not(.done), .fromBlur [class*=" se-"]:not(.done), [class^="se-"].fromBlur:not(.done), [class*=" se-"].fromBlur:not(.done) {
        -webkit-transform: scale(1) translate3d(0, 0, 0);
        transform: scale(1) translate3d(0, 0, 0);
        -webkit-filter: blur(10px);
        filter: blur(10px)
    }

    .slide.active [class^="se-"]:not(.done), .slide.active [class*=" se-"]:not(.done) {
        opacity: 1;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-filter: none;
        filter: none
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* ODOMETER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.odometer.odometer-auto-theme, .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default, .odometer.odometer-theme-default .odometer-digit {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display: inline-block;
    vertical-align: middle;
    visibility: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
    display: block
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0)
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
    position: absolute
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
    line-height: 1.1em
}

.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {
    text-align: center
}

.odometer-formatting-mark {
    display: none;
}

.odometer-digit-spacer, .odometer-value.odometer-last-value {
    padding: 0 10px;
}

@media (max-width: 480px) {
    .odometer {
        padding: 12px 0px;
        display: block !important;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* LAZYLOAD */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.b-lazy+.b-lazy-preloader-img {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 1%;
    bottom: 1%;
    background: url(../img/lazy-placeholder.jpg);
    background-size: cover;
    opacity: .4;
}

.b-loaded+.b-lazy-preloader-img {
    display: none;
}

.b-lazy, .swiper-lazy {
    opacity: 0;
    transition: opacity: .3s;
    -webkit-transition: opacity .3s;
}

.b-lazy.b-loaded, .swiper-lazy.swiper-lazy-loaded {
    opacity: 1;
}

.spinner {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -15px;
    background-color: #0085f2;
    border-radius: 100%;
    display: none;
}

.spinner.loading {
    -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
    animation: sk-scaleout 1.0s infinite ease-in-out;
    display: block;
    z-index: 1;
}

@-webkit-keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

@keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
        opacity: 0;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* PREVIEW SHAPES */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.shapes-wrapper {
    position: relative;
    color: var(--et-blue2-color);
    font-size: 10px;
    width: 50em;
    margin: 0 auto;
}

/*Desktops (>=1200px)*/
@media (min-width: 1200px) {
    .shapes-wrapper {
        font-size: 12px;
    }
}

/*Desktops (>=992px)*/
@media (max-width: 1199px) {
    .shapes-wrapper {
        font-size: 10px;
    }

    .button.size-2 {
        padding: 12px 10px 12px 10px;
    }

    .h1, .sa h1 {
        font-size: 43px;
    }

    .h5, .sa h5 {
        font-size: 21px;
    }
}

/* Tablets (>=768px)*/
@media (max-width: 991px) {
    .shapes-wrapper {
        font-size: 12px;
    }

    .h1 {
        font-size: 42px;
    }
    .size-20-md {
        font-size: 20px !important;
        line-height: 26px !important;
    }
    .size-14-md {
        font-size: 14px !important;
        line-height: 22px !important;
    }
    .size-16-md {
        font-size: 16px !important;
        line-height: 28px !important;
    }
     .size-32-md {
        font-size: 32px !important;
        line-height: 40px !important;
    }
}

/*Phones (<768px)*/
@media (max-width: 767px) {
    .shapes-wrapper {
        font-size: calc(100vw/55);
    }
}

@media (max-width: 480px) {
    .h1 {
        font-size: 28px !important;
    }

    .h2 {
        font-size: 26px;
    }

    .h5 {
        font-size: 18px;
    }
}

.shapes-wrapper *:not(.button) {
    position: absolute;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    border-color: currentColor;
    border-style: solid !important;
    border: 1px;
}

.shapes-wrapper:before {
    display: block;
    content: "";
    padding-bottom: 100%;
}

.shapes-wrapper .bottom {
    left: 7%;
    top: 67%;
    right: 7%;
    height: 8%;
    margin-top: -1px;
    border-radius: 0 0 1em 1em;
}

.shapes-wrapper .leg {
    border-color: transparent !important;
    left: 40%;
    right: 40%;
    top: 100%;
    height: 144%;
    border: 1px;
    transform-origin: 50% 0;
    -webkit-transform-origin: 50% 0;
}

.shapes-wrapper .leg:before {
    width: 1px;
    height: 100%;
    content: "";
    left: 0;
    bottom: 0;
    background: currentColor;
    position: absolute;
    transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
    transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
}

.shapes-wrapper .leg:after {
    width: 1px;
    height: 100%;
    content: "";
    right: 0;
    bottom: 0;
    background: currentColor;
    position: absolute;
    transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
}

.shapes-wrapper .stand {
    bottom: 0;
    margin-bottom: -2px;
    left: -20%;
    right: -20%;
    height: 17%;
    border: 1px;
    background: #fff;
    border-top-left-radius: 3em 1em;
    border-top-right-radius: 3em 1em;
    z-index: 1;
}

.shapes-wrapper .box {
    left: 43%;
    top: 0;
    margin-top: -1px;
    right: 43%;
    height: 69%;
    border: 1px;
    transform: scale(0);
    -webkit-transform: scale(0);
    transform-origin: 50% 0;
    -webkit-transform-origin: 50% 0;
    border-radius: 0 0 1em 1em;
}

.shapes-wrapper .camera {
    border-radius: 50%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.shapes-wrapper .menubutton {
    border-radius: 50%;
    left: 50%;
    transform: scale(0) translateX(-50%);
    -webkit-transform: scale(0) translateX(-50%);
    width: 5%;
    height: 5%;
    top: 83%;
}

.shapes-wrapper .sound {
    left: 50%;
    width: 7%;
    height: 1%;
    top: 18%;
    border-radius: 1em;
    transform: scale(0) translateX(-50%);
    -webkit-transform: scale(0) translateX(-50%);
}

.shapes-wrapper .align {
    position: absolute;
    left: -50px;
    right: -50px;
    top: 50%;
    text-align: center;
    margin-top: -15px;
    border: none !important;
    opacity: 0;
    transition: .7s;
    -webkit-transition: .7s;
}

body.mobile .shapes-wrapper .align {
    opacity: 1;
}

.shapes-wrapper .align .button {
    position: relative;
    display: inline-block;
}

.shapes-wrapper [class*="image"] {
    transition: opacity .3s, transform 0s .3s;
    -webkit-transition: opacity .3s, -webkit-transform: 0s .3s;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    background: #fff;
}

.shapes-wrapper [class*="image"].active {
    transition: opacity .7s .7s, transform 0s .7s;
    -webkit-transition: opacity .7s .7s, -webkit-transform 0s .7s;
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
}

.shapes-wrapper [class*="image"] .bg {
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    border: none !important;
}

.shapes-wrapper [class*="image"]:hover .bg {
    opacity: 0.5;
}

.shapes-wrapper [class*="image"]:hover .align {
    opacity: 1;
}

/**/
.shapes-wrapper.shape-1 .base {
    height: 51%;
    left: 7%;
    right: 7%;
    top: 16%;
    border-radius: 1em 1em 0 0;
}

.shapes-wrapper.shape-1 .screen, .shapes-wrapper .image-1 {
    left: 10%;
    top: 19%;
    right: 10%;
    height: 45%;
}

.shapes-wrapper.shape-1 .camera {
    width: 1%;
    height: 1%;
    top: 17%;
}

/**/
.shapes-wrapper.shape-2 .base {
    height: 55%;
    left: 7%;
    right: 7%;
    top: 21%;
    border-radius: 1em 1em 0 0;
}

.shapes-wrapper.shape-2 .screen, .shapes-wrapper .image-2 {
    left: 10%;
    top: 24%;
    right: 10%;
    height: 49%;
}

.shapes-wrapper.shape-2 .bottom {
    left: 1%;
    top: 76%;
    right: 1%;
    height: 4%;
    margin-top: -1px;
    border-radius: 0 0 2em 2em;
}

.shapes-wrapper.shape-2 .leg {
    transform: scale(0);
    -webkit-transform: scale(0);
}

.shapes-wrapper.shape-2 .box {
    transform: scale(1);
    -webkit-transform: scale(1);
}

.shapes-wrapper.shape-2 .camera {
    width: 1.4%;
    height: 1.4%;
    top: 22%;
}

/**/
.shapes-wrapper.shape-3 .base {
    height: 80%;
    left: 23%;
    right: 23%;
    top: 10%;
    border-radius: 1em;
}

.shapes-wrapper.shape-3 .screen, .shapes-wrapper .image-3 {
    left: 25%;
    top: 18%;
    right: 25%;
    height: 64%;
}

.shapes-wrapper.shape-3 .bottom {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    top: 100%;
    opacity: 0;
}

.shapes-wrapper.shape-3 .leg {
    transform: scale(0);
    -webkit-transform: scale(0);
}

.shapes-wrapper.shape-3 .box {
    transform: scale(0);
    -webkit-transform: scale(0);
}

.shapes-wrapper.shape-3 .camera {
    width: 1.4%;
    height: 1.4%;
    top: 14%;
}

.shapes-wrapper.shape-3 .menubutton {
    transform: scale(1) translateX(-50%);
    -webkit-transform: scale(1) translateX(-50%);
}

/**/
.shapes-wrapper.shape-4 .base {
    height: 72%;
    left: 31%;
    right: 31%;
    top: 14%;
    border-radius: 2.5em;
}

.shapes-wrapper.shape-4 .screen, .shapes-wrapper .image-4 {
    left: 34%;
    top: 22%;
    right: 34%;
    height: 57%;
}

.shapes-wrapper.shape-4 .bottom {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    top: 100%;
    opacity: 0;
}

.shapes-wrapper.shape-4 .leg {
    transform: scale(0);
    -webkit-transform: scale(0);
}

.shapes-wrapper.shape-4 .box {
    transform: scale(0);
    -webkit-transform: scale(0);
}

.shapes-wrapper.shape-4 .camera {
    width: 1.7%;
    height: 1.7%;
    top: 17.5%;
    left: 44%;
}

.shapes-wrapper.shape-4 .menubutton {
    transform: scale(1) translateX(-50%);
    -webkit-transform: scale(1) translateX(-50%);
    width: 4.5%;
    height: 4.5%;
    top: 80%;
}

.shapes-wrapper.shape-4 .sound {
    transform: scale(1) translateX(-50%);
    -webkit-transform: scale(1) translateX(-50%);
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* SPRITE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*[class*="sprite--"]{background-image: url(../img/sprite.png);}*/
.sprite--client-logo-1 {
    width: 125px;
    height: 39px;
    background-position: 0 -0px;
}

.sprite--client-logo-1- {
    width: 125px;
    height: 39px;
    background-position: 0 -39px;
}

.sprite--client-logo-2 {
    width: 125px;
    height: 39px;
    background-position: 0 -78px;
}

.sprite--client-logo-2- {
    width: 125px;
    height: 39px;
    background-position: 0 -117px;
}

.sprite--client-logo-3 {
    width: 125px;
    height: 39px;
    background-position: 0 -156px;
}

.sprite--client-logo-3- {
    width: 125px;
    height: 39px;
    background-position: 0 -195px;
}

.sprite--client-logo-4 {
    width: 125px;
    height: 39px;
    background-position: 0 -234px;
}

.sprite--client-logo-4- {
    width: 125px;
    height: 39px;
    background-position: 0 -273px;
}

.sprite--client-logo-5 {
    width: 125px;
    height: 39px;
    background-position: 0 -312px;
}

.sprite--client-logo-5- {
    width: 125px;
    height: 39px;
    background-position: 0 -351px;
}

.sprite--icon-1 {
    width: 30px;
    height: 30px;
    background-position: 0 -390px;
}

/*Phones (<480px)*/
@media (max-width: 480px) {
    .sprite--icon-1 {
        width: 25px;
        height: 25px;
        background-position: 0 -984px;
        background-size: 100px;
    }
}

/*loader*/
/* old loader
.loader-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.loader {
  display: inline-block;
  font-size: 90px;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 72px auto;
  position: relative;
  transform: translateZ(0); }

.loader1 {
  margin-right: 0.3em;
  animation: load1 3s infinite linear; }

.loader2 {
  margin-left: 0.3em;
  transform: rotate(-90deg);
  animation: load2 3s infinite linear; }*/
/* new loader */
.loader-wrapper {
    font-size: 14px;
}

.loader-wrapper.md {
    font-size: 12px;
}

.loader-wrapper.sm {
    font-size: 10px;
}

.loader-wrapper.xs {
    font-size: 8px;
}

.loader-wrapper-inner {
    width: 10.57em;
    height: 7.14em;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

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

.loader.with-shadow:after {
    content: "";
    top: auto;
    position: absolute;
    display: block;
    animation: shadow 2s infinite linear;
    -moz-animation: shadow 2s infinite linear;
    bottom: 0em;
    left: 0;
    height: .25em;
    width: 1em;
    border-radius: 50%;
    /*  background: url(../img/loader-circle.png);
  background-size: cover;*/
    /*border: 1px solid #85bfef;*/
    background-color: var(--et-blue2-color);
    opacity: 0.3;
}

.roller, .roller:last-child {
    width: 5em;
    height: 5em;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: rollercoaster 2s infinite linear;
    -webkit-transform: rotate(135deg);
    -moz-animation: rollercoaster 2s infinite linear;
    -moz-transform: rotate(135deg);
    animation: rollercoaster 2s infinite linear;
    transform: rotate(135deg);
}

.roller:last-child {
    left: auto;
    right: 0;
    -webkit-transform: rotate(-45deg);
    -webkit-animation: rollercoaster2 2s infinite linear;
    -moz-transform: rotate(-45deg);
    -moz-animation: rollercoaster2 2s infinite linear;
    transform: rotate(-45deg);
    animation: rollercoaster2 2s infinite linear;
}

.roller:before, .roller:last-child:before {
    content: "";
    display: block;
    width: 1.07em;
    height: 1.07em;
    /*background: url(../img/loader-circle.png);*/
    /*background-size: cover;*/
    background-color: var(--et-blue2-color);
    border-radius: 50%;
}

.loader-2:after {
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s;
}

.loader-2 .roller {
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s;
}

.loader-3:after {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.loader-3 .roller {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

/* use for search */
.small-loader {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 50%;
    transform: translate(-50%, -50%);
}

.small-loader:before {
    content: '';
    animation: rotate .75s infinite linear;
    width: 100%;
    display: block;
    height: 100%;
    border: 1px solid #e1e1e1;
    border-left-color: #555;
    border-radius: 50%;
}

/* old loader @keyframes load1 {
  0% {
    opacity: 1;
    transform: rotate(90deg);
    box-shadow: 0 -0.83em 0 -0.4em var(--et-blue2-color), 0 -0.83em 0 -0.42em var(--et-blue2-color), 0 -0.83em 0 -0.44em var(--et-blue2-color), 0 -0.83em 0 -0.46em var(--et-blue2-color), 0 -0.83em 0 -0.477em var(--et-blue2-color); }
  2.5%,
  47.5% {
    box-shadow: 0 -0.83em 0 -0.4em var(--et-blue2-color), 0 -0.83em 0 -0.42em var(--et-blue2-color), 0 -0.83em 0 -0.44em var(--et-blue2-color), 0 -0.83em 0 -0.46em var(--et-blue2-color), 0 -0.83em 0 -0.477em var(--et-blue2-color); }
  5%,
  29% {
    box-shadow: 0 -0.83em 0 -0.4em var(--et-blue2-color), -0.087em -0.825em 0 -0.42em var(--et-blue2-color), -0.173em -0.812em 0 -0.44em var(--et-blue2-color), -0.256em -0.789em 0 -0.46em var(--et-blue2-color), -0.297em -0.775em 0 -0.477em var(--et-blue2-color); }
  10% {
    box-shadow: 0 -0.83em 0 -0.4em var(--et-blue2-color), -0.338em -0.758em 0 -0.42em var(--et-blue2-color), -0.555em -0.617em 0 -0.44em var(--et-blue2-color), -0.671em -0.488em 0 -0.46em var(--et-blue2-color), -0.749em -0.34em 0 -0.477em var(--et-blue2-color); }
  19% {
    box-shadow: 0 -0.83em 0 -0.4em var(--et-blue2-color), -0.377em -0.74em 0 -0.42em var(--et-blue2-color), -0.645em -0.522em 0 -0.44em var(--et-blue2-color), -0.775em -0.297em 0 -0.46em var(--et-blue2-color), -0.82em -0.09em 0 -0.477em var(--et-blue2-color); }
  50% {
    opacity: 1;
    transform: rotate(450deg);
    box-shadow: 0 -0.83em 0 -0.4em var(--et-blue2-color), 0 -0.83em 0 -0.42em var(--et-blue2-color), 0 -0.83em 0 -0.44em var(--et-blue2-color), 0 -0.83em 0 -0.46em var(--et-blue2-color), 0 -0.83em 0 -0.477em var(--et-blue2-color); }
  51%,
  100% {
    opacity: 0;
    transform: rotate(450deg);
    box-shadow: 0 -0.83em 0 -0.4em var(--et-blue2-color), 0 -0.83em 0 -0.42em var(--et-blue2-color), 0 -0.83em 0 -0.44em var(--et-blue2-color), 0 -0.83em 0 -0.46em var(--et-blue2-color), 0 -0.83em 0 -0.477em var(--et-blue2-color); } }
@keyframes load2 {
  0%,
  49% {
    opacity: 0;
    transform: rotate(-90deg);
    box-shadow: 0 -0.83em 0 -0.4em var(--et-blue2-color), 0 -0.83em 0 -0.42em var(--et-blue2-color), 0 -0.83em 0 -0.44em var(--et-blue2-color), 0 -0.83em 0 -0.46em var(--et-blue2-color), 0 -0.83em 0 -0.477em var(--et-blue2-color); }
  50% {
    opacity: 1;
    transform: rotate(-90deg);
    box-shadow: 0 -0.83em 0 -0.4em var(--et-blue2-color), 0 -0.83em 0 -0.42em var(--et-blue2-color), 0 -0.83em 0 -0.44em var(--et-blue2-color), 0 -0.83em 0 -0.46em var(--et-blue2-color), 0 -0.83em 0 -0.477em var(--et-blue2-color); }
  52.5%,
  97.5% {
    box-shadow: 0 -0.83em 0 -0.4em var(--et-blue2-color), 0 -0.83em 0 -0.42em var(--et-blue2-color), 0 -0.83em 0 -0.44em var(--et-blue2-color), 0 -0.83em 0 -0.46em var(--et-blue2-color), 0 -0.83em 0 -0.477em var(--et-blue2-color); }
  55%,
  79% {
    box-shadow: 0 -0.83em 0 -0.4em var(--et-blue2-color), 0.087em -0.825em 0 -0.42em var(--et-blue2-color), 0.173em -0.812em 0 -0.44em var(--et-blue2-color), 0.256em -0.789em 0 -0.46em var(--et-blue2-color), 0.297em -0.775em 0 -0.477em var(--et-blue2-color); }
  60% {
    box-shadow: 0 -0.83em 0 -0.4em var(--et-blue2-color), 0.338em -0.758em 0 -0.42em var(--et-blue2-color), 0.555em -0.617em 0 -0.44em var(--et-blue2-color), 0.671em -0.488em 0 -0.46em var(--et-blue2-color), 0.749em -0.34em 0 -0.477em var(--et-blue2-color); }
  79% {
    box-shadow: 0 -0.83em 0 -0.4em var(--et-blue2-color), 0.377em -0.74em 0 -0.42em var(--et-blue2-color), 0.645em -0.522em 0 -0.44em var(--et-blue2-color), 0.775em -0.297em 0 -0.46em var(--et-blue2-color), 0.82em -0.09em 0 -0.477em var(--et-blue2-color); }
  100% {
    opacity: 1;
    transform: rotate(-450deg);
    box-shadow: 0 -0.83em 0 -0.4em var(--et-blue2-color), 0 -0.83em 0 -0.42em var(--et-blue2-color), 0 -0.83em 0 -0.44em var(--et-blue2-color), 0 -0.83em 0 -0.46em var(--et-blue2-color), 0 -0.83em 0 -0.477em var(--et-blue2-color); } }
*/
/*new loader animation */
/* No-prefix */
@keyframes rollercoaster {
    0% {
        transform: rotate(135deg);
    }

    8% {
        transform: rotate(240deg);
    }

    20% {
        transform: rotate(300deg);
    }

    40% {
        transform: rotate(380deg);
    }

    45% {
        transform: rotate(440deg);
    }

    50% {
        transform: rotate(495deg);
        opacity: 1;
    }

    50.1% {
        transform: rotate(495deg);
        opacity: 0;
    }

    100% {
        transform: rotate(495deg);
        opacity: 0;
    }
}

@keyframes rollercoaster2 {
    0% {
        opacity: 0;
    }

    49.9% {
        opacity: 0;
    }

    50% {
        opacity: 1;
        transform: rotate(-45deg);
    }

    58% {
        transform: rotate(-160deg);
    }

    70% {
        transform: rotate(-240deg);
    }

    80% {
        transform: rotate(-300deg);
    }

    90% {
        transform: rotate(-340deg);
    }

    100% {
        transform: rotate(-405deg);
    }
}

@keyframes shadow {
    0% {
        opacity: .3;
        transform: translateX(464%) scale(0.5, 0.5);
    }

    8% {
        transform: translateX(214%) scale(2, 2);
    }

    13% {
        transform: translateX(0%) scale(1.3, 1.3);
    }

    30% {
        transform: translateX(-107%) scale(0.5, 0.5);
        opacity: 0.1;
    }

    50% {
        transform: translateX(428%) scale(1.2, 1.2);
        opacity: 0.3;
    }

    60% {
        transform: translateX(928%) scale(2, 2);
        opacity: 0.05;
    }

    65% {
        transform: translateX(1035%) scale(1.2, 1.2);
    }

    80% {
        transform: translateX(875%) scale(0.5, 0.5);
        opacity: 0.1;
    }

    90% {
        transform: translateX(571%) scale(0.8, 0.8);
    }

    100% {
        transform: translateX(428%);
        opacity: 0.3;
    }
}

/* end loader animations */
@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

.sib-alert-message {
    font-size: 14px;
}

/* start shop filters  */
.shop-filters-button-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -5px 30px;
}

.shop-filters-button-group a {
    margin: 0 5px 15px;
    border: 2px solid #e1e1e1;
    /*display: inline-block;*/
    display: flex;
    align-items: center;
    padding: 10px 20px;
    text-transform: capitalize;
    cursor: pointer;
    font-size: 16px;
    line-height: 1.2;
    border-radius: 5px;
    transition: all .3s;
    -webkit-transition: all .3s;
}

@media only screen and (max-width: 480px) {
    .shop-filters-button-group a {
        flex: auto;
    }
}

.shop-filters-button-group a.active, .shop-filters-button-group a:hover {
    color: #fff;
    background-color: var(--et-blue2-color);
    border-color: var(--et-blue2-color);
}

.shop-filters-button-group img {
    margin-right: 10px;
    width: 25px;
    height: 25px;
    vertical-align: middle;
}

/*.shop-filters-button-group li.active{
  color:var(--et-blue2-color);
}
.shop-filters-button-group li:hover{
  color:var(--et-blue2-color);
}*/
/* end shop filters  */
/*# sourceMappingURL=style.css.map */
#mouse-leave-popup #sib_captcha {
    display: none;
}

/* back top */
.back-top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    color: #000;
    background-color: #fff;
    border-radius: 50px;
    -webkit-box-shadow: inset 0 0 0 1px #e7e7e7;
    box-shadow: inset 0 0 0 1px #e7e7e7;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    z-index: 3
}

@media only screen and (max-width: 991px) {
    body:has(.et-mobile-panel-wrapper) .back-top {
        bottom: 80px;
    }
}

@media only screen and (max-width: 767px) {
    .sticky-panel ~ .back-top {
        bottom: 80px;
    }
}

.back-top:not(.backIn) {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(15px);
    transform: translateY(15px)
}

.back-top > svg {
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    margin: -1px
}

.back-top > svg path {
    stroke: var(--et-black-color);
    stroke-width: 4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.back-top span {
    position: absolute;
    top: calc(50% - .5em);
    left: calc(50% - .5em);
}

.back-top:hover span:before {
    display: inline-block;
    -webkit-animation: animArrow 1s infinite;
    animation: animArrow 1s infinite
}

@media only screen and (max-width: 992px) {
    .back-top:hover span:before {
        -webkit-animation:none;
        animation: none
    }
}

@media only screen and (max-width: 480px) {
    .back-top {
        right:15px;
        bottom: 15px
    }
}

@-webkit-keyframes animArrow {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }

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

@keyframes animArrow {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }

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

.logged-in .licences-count-main.step-3:not(.status-closed) .support-item.last-reply_participant {
    border: 2px #1a1a1a solid !important;
}

.logged-in .licences-count-main.step-2:not(.status-closed) .support-item.last-reply_participant {
    border: 2px #fbc02d solid !important;
}

.logged-in .type-topic:not(.status-closed) .support-item.last-reply_participant .label-priority {
    background: #fbc02d;
}

.logged-in .type-topic:not(.status-closed) .support-item.last-reply_participant .label-premium {
    background: #1a1a1a;
}

.logged-in .user-level {
    position: absolute;
    max-width: 15px!important;
    right: 0;
    bottom: -5px;
    margin-bottom: 0px!important;
}

.logged-in .support-detail-entry-header .user-level {
    position: absolute;
    max-width: 24px!important;
    left: 50px;
    bottom: -5px;
    margin-bottom: 0px!important;
}

@media only screen and (max-width: 768px) {
    .logged-in .support-detail-entry-header .user-level {
        display: none;
    }
}

.logged-in .support-detail-entry-header .bbp-author-avatar:hover .info-tooltip {
    opacity: 1;
    visibility: visible;
}

/* shop pages filters new */
.versions-search {
    position: relative;
    border: var(--et-input-border-width, 2px) solid var(--et-border-color);
    border-radius: var(--et-border-radius);
    padding: 10px 15px;
    display: flex;
    height: 42px;
    align-items: center;
    /* margin-bottom: 20px; */
}

.versions-search input {
    background: 0 0;
    border: none;
    box-shadow: none;
    color: var(--et-font-color);
    padding: 0;
    margin: 0;
    font-size: 15px;
    width: 100%;
}

.versions-search input::placeholder {
    color: currentColor;
}

.versions-search .search-icon {
    margin-left: auto;
    display: inline-flex;
    cursor: pointer;
    height: 100%;
    background: var(--et-blue2-color);
    color: #fff;
    position: absolute;
    right: 0;
    align-items: center;
    width: 42px;
    justify-content: center;
    transition: all .3s;
    border-radius: 0 3px 3px 0;
}

.versions-search .search-loader {
    display: none;
    vertical-align: middle;
}

.versions-search .search-icon.loading .search-loader {
    display: flex
}

.versions-search .search-icon.loading svg {
    display: none;
}

.versions-search .search-loader:before {
    content: '';
    border: 1px solid #fff;
    border-left-color: #888;
    animation: rotate .3s infinite linear;
    width: 1.2em;
    height: 1.2em;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box
}

.versions-filters {
    margin-bottom: 40px;
}

.versions-filters > ul {
    /* margin-top: 10px; */
}

.versions-filters ul li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    /* padding: 6px 0; */
    /* line-height: 1.4; */
    font-size: 16px;
    /* text-transform: capitalize; */
    cursor: pointer;
    transition: all .3s linear;
}

.versions-filters ul li:hover, .versions-filters ul li.active {
    color: var(--et-blue2-color);
}

.versions-filters ul li span {
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    border: 2px solid #e1e1e1;
    border-radius: 2px;
    margin-right: 5px;
    align-self: center;
    position: relative;
}

.versions-filters ul li.active span:before, 
.versions-filters ul li:not(.active):hover span:before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 1px;
    background: var(--et-blue2-color);
    display: inline-block;
    position: absolute;
    top: calc(50% - 3px);
    left: calc(50% - 3px);
}

.versions-filters ul li svg {
    margin-inline-end: 5px; }

.versions-filters [data-count]:after {
    content: attr(data-count);
    background: #f2f2f2;
    padding: 3px 5px;
    font-size: .85em;
    border-radius: 3px;
    margin-inline-start: auto; }

.versions-filters ul li:hover:after, .versions-filters ul li.active:after {
    background-color: #e9f4ff;
}

@media only screen and (min-width: 993px) {
    .container {
        padding: 0 30px;
        width: 100%;
        max-width: 1600px;
        margin: 0 auto;
    }
}

/* if sidebar was created after content but moved by css to left side  */
/*.post-type-archive-product .content-sidebar-wrapper>.container>.row>[class*="col-"],
.post-type-archive-product .content-sidebar-wrapper>.container-fluid>.row>[class*="col-"],

.page-template-wordpress-templates .content-sidebar-wrapper>.container>.row>[class*="col-"],
.page-template-wordpress-templates .content-sidebar-wrapper>.container-fluid>.row>[class*="col-"],

.page-template-html-psd-templates .content-sidebar-wrapper>.container>.row>[class*="col-"],
.page-template-html-psd-templates .content-sidebar-wrapper>.container-fluid>.row>[class*="col-"] {
  position: relative;
}*/
.post-type-archive-product .themes-content, .page-template-wordpress-templates .themes-content, .page-template-html-psd-templates .themes-content {
    padding-left: 15px;
    padding-right: 0;
}

.post-type-archive-product .sidebar-entry.left, .page-template-wordpress-templates .sidebar-entry.left, .page-template-html-psd-templates .sidebar-entry.left {
    padding-left: 0;
    padding-right: 15px;
}

/* on products pages in sidebar */
.suggest-new-demo {
    border: var(--et-input-border-width, 2px) solid var(--et-border-color);
    padding: 30px 35px;
    border-radius: var(--et-border-radius);
}

/* moved from home page css to global */
.colored-shapes--wrapper {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    background: 0 0;
    height: 100%;
    top: 10px;
    left: 0;
    right: 0;
    z-index: -1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.post-type-archive-product .colored-shapes--wrapper {
    display: none;
}

.shop-description-above {
    position: relative !important;
    overflow: hidden;
    order: 1;
    /* usefull on < 992px */
}

.shop-description-above .bg-figures {
    position: absolute;
    z-index: -1
}

.shop-description-above .bg-figures--circle-dash {
    top: 33%;
    right: 80px
}

@media (max-width: 1800px) {
    .shop-description-above .bg-figures--circle-dash {
        right:0
    }
}

.shop-description-above .bg-figures--triangle-bg {
    right: 45px;
    opacity: .25;
    bottom: 35%;
}

@media (max-width: 767px) {
    .shop-description-above .bg-figures--triangle-bg {
        opacity:.01
    }
}

.shop-description-above .bg-figures--triangle-bg2 {
    height: 34px;
    width: auto;
    top: 23%;
}

.shop-description-above .bg-figures--circle-filled {
    display: none;
    bottom: 20px;
    left: 50%
}

@media (max-width: 1365px) {
    .shop-description-above .bg-figures--circle-filled {
        left:auto;
        right: 0
    }
}

.shop-description-above .bg-figures--circle-filled2 {
    bottom: 15%;
    left: 17%;
}

@media only screen and (max-width: 1550px) {
    .shop-description-above .specific-responsive-column {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }

    .shop-description-above .specific-responsive-column-sm {
        width: 76%;
        margin-left: 12%;
        margin-right: 12%;
    }
}

@media only screen and (max-width: 1199px) {
    .shop-description-above .specific-responsive-column, .shop-description-above .specific-responsive-column-sm {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

@media only screen and (max-width: 991px) {
    .shop-description-above .specific-responsive-hidden-block {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .shop-description-above .specific-responsive-column .h3 {
        font-size: 38px;
    }
}

/*@keyframes rotate {*/
/*  0% {*/
/*    transform: rotate(0)*/
/*  }*/
/*  100% {*/
/*    transform: rotate(360deg)*/
/*  }*/
/*}*/
.token-block .token-span.inactive {
    pointer-events: none;
    opacity: 0.3;
}

.token-block .add-subscription-code {
    z-index: 2;
    pointer-events: all;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.tr-subscription-codes {
    min-width: 300px;
}

/* header new login style */
.header--client-component .register-button {
    text-transform: uppercase;
    color: #fff;
    background: var(--et-blue2-color);
    border-color: var(--et-blue2-color);
    border-radius: 0.35em;
}

.header--client-component .login-button {
    text-transform: uppercase;
    color: var(--et-blue2-color);
    border-color: var(--et-blue2-color);
    background-color: #fff;
    letter-spacing: 0;
    border-radius: 0.35em;
}

.header--client-component .login-button:hover, .header--client-component .register-button:hover {
    opacity: .85;
}

@media only screen and (min-width: 769px) {
    .header .header--client-component .client-component--to-account {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    body:has(.et-mobile-panel-wrapper) .header .header--client-component .header-new-topic-btn {
        display: none;
    }

    body:has(.et-mobile-panel-wrapper) .header--client-component .menu {
        margin-right: 0;
    }
}

@media only screen and (max-width: 768px) {
    .header .header--client-component .client-component--to-account + a, .header .header--client-component .button, .header .header--client-component .header-new-topic-btn {
        display: none;
    }
}

.private-title {
    text-align: left;
    border-color: #e6e6e6 !important;
}

.et_user-quote {
    background-color: #f8f8f8;
    z-index: 999;
    display: block;
    padding: 10px;
    max-height: 100px;
    overflow-y: scroll;
    font-size: 14px;
}

.et_user-quote img {
    max-width: 20px;
}

.et_user-quote li {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.et_user-quote li:hover {
    color: var(--et-blue2-color);
}

.post-368987 .support-item-label {
    background-color: #75c04d;
}

body ul.sticky.post-368987 .support-item {
    border-color: #75c04d !important;
}

.post-304739 {
    display: none;
}


.bbp-reply-content code:has(.et_image-block) {
    color: inherit;
    font-family: inherit;
}

.bbp-reply-content .et_image-block {
    display: flex;
    align-items: center;
    padding: 15px;
    gap: 15px;
    background: #fff;
    border-radius: var(--et-border-radius);
}

.bbp-reply-content .et_image-block:not(:last-child) {
    margin-bottom: 20px;
}

.bbp-reply-content .et_image-block img, 
.bbp-reply-content .et_image-block video {
    border: 1px solid var(--et-border-color);
    border-radius: var(--et-border-radius);
}

.bbp-reply-content .et_image-block-date {
    margin-inline-start: auto;
}

.input-wrapper.active:has(.et_image-block) {
    width: 100%;
}

.bbp-reply-content .input-wrapper:not(.active) .et_image-block {
    display: none;
}

#kvFileinputModal{
    display: none;
}

#open-create-topic-popup.active{
    display: block;
}

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


.options.open li[data-raw-value="440097"]{
    display: none!important;
}



th.download-file-date,
td.download-file-date {
    display: none;
}



#bbp-search-form .input-autocomplete{
    display: none!important;
}