@font-face {
    font-family: 'Lato';
    src: url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-Light.woff2") format("woff2"),url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-Light.woff") format("woff");
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    text-rendering:optimizeLegibility}

@font-face {
    font-family: 'Lato';
    src: url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-LightItalic.woff2") format("woff2"),url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-LightItalic.woff") format("woff");
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    text-rendering:optimizeLegibility}

@font-face {
    font-family: 'Lato';
    src: url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-Regular.woff2") format("woff2"),url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-Regular.woff") format("woff");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    text-rendering:optimizeLegibility}

@font-face {
    font-family: 'Lato';
    src: url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-Italic.woff2") format("woff2"),url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-Italic.woff") format("woff");
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    text-rendering:optimizeLegibility}

@font-face {
    font-family: 'Lato';
    src: url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-Semibold.woff2") format("woff2"),url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-Semibold.woff") format("woff");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    text-rendering:optimizeLegibility}

@font-face {
    font-family: 'Lato';
    src: url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-SemiboldItalic.woff2") format("woff2"),url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-SemiboldItalic.woff") format("woff");
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    text-rendering:optimizeLegibility}

@font-face {
    font-family: 'Lato';
    src: url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-Bold.woff2") format("woff2"),url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-Bold.woff") format("woff");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    text-rendering:optimizeLegibility}

@font-face {
    font-family: 'Lato';
    src: url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-BoldItalic.woff2") format("woff2"),url("https://d1howb1wwyap5o.cloudfront.net/fonts/lato_v2/Lato-BoldItalic.woff") format("woff");
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    text-rendering:optimizeLegibility}

.d-flex {
    display: flex
}

.flex-grow-1 {
    flex-grow: 1
}

.flex-shrink-0 {
    flex-shrink: 0
}

.align-items-baseline {
    align-items: baseline
}

.align-items-center {
    align-items: center
}

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

.dashboard {
    position: relative
}

.dashboard .card.card-vertical .card__infographics {
    display: block;
    width: 100%
}

.dashboard .count {
    margin: 0 0 4px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px
}

@media screen and (min-width: 568px) {
    .dashboard .count {
        margin:0
    }
}

@media screen and (min-width: 1280px) {
    .dashboard .count {
        text-align:center
    }
}

.dashboard .count .count-number {
    display: inline-block;
    color: #275ce0;
    vertical-align: bottom;
    transition: color 0.2s ease-out
}

@media screen and (min-width: 1280px) {
    .dashboard .count .count-number {
        display:block;
        font-size: 32px;
        line-height: 38px
    }
}

.dashboard .count .count-desc {
    display: inline-block;
    color: #275ce0;
    vertical-align: bottom;
    transition: color 0.2s ease-out
}

@media screen and (min-width: 1280px) {
    .dashboard .count .count-desc {
        font-size:12px;
        line-height: 18px;
        display: block;
        color: #607385;
        text-transform: uppercase;
        hyphens: auto
    }
}

.dashboard .count--blue .count-number,.dashboard .count--blue .count-desc {
    color: #275ce0
}

.dashboard .count--green .count-number,.dashboard .count--green .count-desc {
    color: #0cac42
}

.dashboard .count--orange .count-number,.dashboard .count--orange .count-desc {
    color: #f9a650
}

@media screen and (min-width: 1280px) {
    .dashboard .count--small .count-number {
        font-size:16px;
        line-height: 24px
    }
}

@media screen and (min-width: 1280px) {
    .dashboard .count--blue .count-desc,.dashboard .count--green .count-desc,.dashboard .count--orange .count-desc {
        color:#607385
    }
}

.dashboard .dashboard__block-stats .block-stats__title {
    display: none
}

.dashboard .wizard-placeholder {
    position: relative;
    margin: 0 -8px
}

@media screen and (min-width: 768px) {
    .dashboard .wizard-placeholder {
        margin:0
    }
}

.wizard-container {
    position: absolute;
    left: 0;
    overflow-x: auto;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    -webkit-overflow-scrolling: touch
}

.wizard-container .wizard-container__inner {
    padding: 0
}

.wizard-container .OnboardingWizard {
    width: 100%
}

.ecwid-vertical-menu .dashboard,.ecwid-no-menu .dashboard {
    margin-top: -56px;
    padding-top: 56px
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu .dashboard,.ecwid-no-menu .dashboard {
        margin-top:-56px;
        padding-top: 56px
    }
}

.dashboard-support-section .settings-page__title,.dashboard-support-section .settings-page__subtitle {
    text-align: left
}

.wizard-progress-bar {
    position: relative;
    width: 100%;
    height: 2px;
    margin: 8px 0;
    border-radius: 1px;
    background: rgba(128,143,157,0.5) !important
}

.wizard-progress-bar__fill {
    position: absolute;
    top: -1px;
    left: 0;
    height: 4px;
    border-radius: 2px;
    background: #0cac42 !important
}

.wizard-progress-value {
    color: #0cac42 !important
}

.custom-app-banner-ios-shown .main-container {
    padding-top: 52px
}

.custom-app-banner-ios-shown .save-panel {
    top: 52px
}

.custom-app-banner-ios-shown.ecwid-vertical-menu .header .menu {
    padding-top: 52px
}

@media screen and (min-width: 768px) {
    .custom-app-banner-ios-shown .settings__preview-block {
        top:64px
    }
}

@media screen and (min-width: 768px) {
    .custom-app-banner-ios-shown .preheader.has-error~.body-container .settings__preview-block,.custom-app-banner-ios-shown .preheader.has-warning~.body-container .settings__preview-block {
        top:92px
    }
}

.custom-app-banner-android-shown .main-container {
    padding-top: 56px
}

.custom-app-banner-android-shown .save-panel {
    top: 56px
}

.custom-app-banner-android-shown.ecwid-vertical-menu .header .menu {
    padding-top: 56px
}

@media screen and (min-width: 768px) {
    .custom-app-banner-android-shown .settings__preview-block {
        top:68px
    }
}

@media screen and (min-width: 768px) {
    .custom-app-banner-android-shown .preheader.has-error~.body-container .settings__preview-block,.custom-app-banner-android-shown .preheader.has-warning~.body-container .settings__preview-block {
        top:96px
    }
}

.custom-app-banner {
    display: none;
    position: fixed;
    z-index: 9998;
    overflow: hidden;
    width: 100%;
    background: #fff;
    box-shadow: inset 0 -2px 2px -2px #c6c6c8;
    animation: fadeInDown .2s ease-in;
    animation-fill-mode: both
}

.custom-app-banner--shown {
    display: block
}

.custom-app-banner__container {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    height: 100%
}

.custom-app-banner__close {
    display: flex;
    flex: 0 0 16px;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin: 0 6px 0 10px;
    border: 0;
    text-decoration: none;
    cursor: pointer
}

.custom-app-banner__close svg {
    display: block;
    fill: currentColor
}

.custom-app-banner__icon {
    margin-right: 12px
}

.custom-app-banner__icon svg {
    display: block
}

@media (prefers-color-scheme: dark) {
    .custom-app-banner__icon svg rect {
        opacity:0
    }
}

.custom-app-banner__info {
    overflow: hidden;
    flex: 0 1 100%
}

.custom-app-banner__title {
    overflow: hidden;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.custom-app-banner__description {
    overflow: hidden;
    color: #666;
    font-size: 13px;
    line-height: 16px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.custom-app-banner__button {
    display: inline-block;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    margin: 0 12px 0 0;
    border: 0;
    outline: 0;
    box-shadow: transparent;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
    transform: translate3d(0, 0, 0);
    cursor: pointer;
    font-weight: var(--text-big-font-weight, 500)
}

.custom-app-banner--ios {
    height: 52px
}

.custom-app-banner--ios .custom-app-banner__close {
    color: #8a8a8e
}

.custom-app-banner--ios .custom-app-banner__close:active,.custom-app-banner--ios .custom-app-banner__close:hover {
    color: #616163
}

.custom-app-banner--ios .custom-app-banner__description {
    color: rgba(60,60,67,0.6)
}

.custom-app-banner--ios .custom-app-banner__button {
    padding: 4px 15px;
    border-radius: 14px;
    background: #007aff;
    color: #fff;
    text-transform: uppercase
}

.custom-app-banner--android {
    height: 56px
}

.custom-app-banner--android .custom-app-banner__close {
    margin-right: 14px;
    color: #999
}

.custom-app-banner--android .custom-app-banner__close:active,.custom-app-banner--android .custom-app-banner__close:hover {
    color: #6b6b6b
}

.custom-app-banner--android .custom-app-banner__button {
    padding: 6px 12px;
    border-radius: 4px;
    background: #1976d2;
    color: #fff
}

.ecwid-to-lightspeed-banner {
    background: #1b1e27;
    animation: fadeInDown .2s ease-in;
    animation-fill-mode: both;
    box-shadow: 32px 0 32px -32px #252e37 inset;
    padding-left: 8px;
    padding-right: 8px
}

@media screen and (min-width: 1024px) {
    .ecwid-to-lightspeed-banner {
        padding-left:32px
    }
}

@media screen and (min-width: 1400px) {
    .ecwid-to-lightspeed-banner {
        padding-left:40px
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-to-lightspeed-banner {
        padding-right:32px
    }
}

@media screen and (min-width: 1400px) {
    .ecwid-to-lightspeed-banner {
        padding-right:40px
    }
}

.ecwid-to-lightspeed-banner--center {
    box-shadow: none
}

.ecwid-to-lightspeed-banner--center .ecwid-to-lightspeed-banner__container {
    justify-content: center
}

.ecwid-to-lightspeed-banner__container {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    min-height: 64px
}

.ecwid-to-lightspeed-banner__icon {
    margin-right: 12px
}

.ecwid-to-lightspeed-banner__icon svg {
    display: block
}

.ecwid-to-lightspeed-banner__info {
    flex: 0 1 auto;
    padding: 8px 40px 8px 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px
}

@media screen and (min-width: 568px) {
    .ecwid-to-lightspeed-banner__info {
        font-size:14px;
        line-height: 22px
    }
}

.ecwid-to-lightspeed-banner__title {
    overflow: hidden;
    color: #e7eaed;
    font-family: var(--headers-font-family)
}

.ecwid-to-lightspeed-banner__anchor {
    color: #8af;
    white-space: nowrap
}

.ecwid-to-lightspeed-banner__anchor:hover,.ecwid-to-lightspeed-banner__anchor a:focus {
    color: #6c88cc
}

.ecwid-to-lightspeed-banner__close {
    display: block;
    position: absolute;
    top: 50%;
    right: 24px;
    width: 16px;
    height: 16px;
    border: 0;
    color: #607385;
    text-decoration: none;
    transform: translateY(-50%);
    cursor: pointer
}

.ecwid-to-lightspeed-banner__close:active,.ecwid-to-lightspeed-banner__close:hover {
    color: #4d5c6a
}

.ecwid-to-lightspeed-banner__close svg {
    display: block;
    fill: currentColor
}

.header-banner {
    background: #1b1e27;
    animation: fadeInDown .2s ease-in;
    animation-fill-mode: both;
    padding-left: 8px;
    padding-right: 8px
}

@media screen and (min-width: 1024px) {
    .header-banner {
        padding-left:32px
    }
}

@media screen and (min-width: 1400px) {
    .header-banner {
        padding-left:40px
    }
}

@media screen and (min-width: 1024px) {
    .header-banner {
        padding-right:32px
    }
}

@media screen and (min-width: 1400px) {
    .header-banner {
        padding-right:40px
    }
}

.header-banner__container {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    min-height: 40px
}

.header-banner__logo {
    width: auto;
    height: 22px;
    margin-right: 12px
}

.header-banner__logo svg {
    width: 100%;
    height: 100%;
    min-width: 22px
}

.header-banner__info {
    flex: 0 1 auto;
    padding: 8px 40px 8px 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px
}

@media screen and (min-width: 568px) {
    .header-banner__info {
        font-size:14px;
        line-height: 22px
    }
}

.header-banner__title {
    overflow: hidden;
    color: #e7eaed;
    font-family: var(--headers-font-family)
}

.header-banner__anchor {
    color: #8af;
    white-space: nowrap
}

.header-banner__anchor:hover,.header-banner__anchor a:focus {
    color: #6c88cc
}

.header-banner__close {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 16px;
    height: 16px;
    border: 0;
    color: #607385;
    text-decoration: none;
    transform: translateY(-50%);
    cursor: pointer
}

.header-banner__close:active,.header-banner__close:hover {
    color: #4d5c6a
}

.header-banner__close svg {
    display: block;
    fill: currentColor
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu .preheader-container.sticky .header-banner__container {
        padding-left:68px
    }
}

@media screen and (min-width: 1024px) and (max-width: 1679px) {
    .ecwid-vertical-menu--wider .preheader-container.sticky .header-banner__container {
        padding-left:200px
    }
}

@media screen and (min-width: 1680px) {
    .ecwid-vertical-menu--wider .preheader-container.sticky .header-banner__container {
        padding-left:270px
    }
}

.ecwid-no-menu .header {
    width: 100%;
    min-width: 320px;
    border-collapse: initial;
    font-size: 16px
}

.ecwid-no-menu .header+.body-container .ecwid-MainPanel-content,.ecwid-no-menu .header+.content-container .ecwid-MainPanel-content {
    padding-top: 56px
}

@media screen and (min-width: 1024px) {
    .ecwid-no-menu .header+.body-container .ecwid-MainPanel-content,.ecwid-no-menu .header+.content-container .ecwid-MainPanel-content {
        padding-top:56px
    }
}

.ecwid-no-menu .header .header-top {
    position: absolute;
    z-index: 30;
    right: 0;
    left: 0;
    height: 56px;
    padding: 0;
    transition: right .2s linear
}

.ecwid-no-menu .header .header-top--inverted .store-title-text,.ecwid-no-menu .header .header-top--inverted .iconable-link,.ecwid-no-menu .header .header-top--inverted .user-menu .icolinks .icolink-item .horizontal-icolink {
    color: #fff
}

.ecwid-no-menu .header .header-top--inverted .store-title-text:hover,.ecwid-no-menu .header .header-top--inverted .iconable-link:hover,.ecwid-no-menu .header .header-top--inverted .user-menu .icolinks .icolink-item .horizontal-icolink:hover {
    color: #b3b3b3
}

.ecwid-no-menu .header .header-top--inverted .store-title-text:active,.ecwid-no-menu .header .header-top--inverted .iconable-link:active,.ecwid-no-menu .header .header-top--inverted .user-menu .icolinks .icolink-item .horizontal-icolink:active {
    color: #e9effc
}

.ecwid-no-menu .header .nav-mobile {
    display: none
}

.ecwid-no-menu .header .main-menu {
    display: none
}

.ecwid-vertical-menu {
    --menu-width: 270px
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu {
        --menu-width: 68px
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu .preheader-container.sticky .info-container .notice-container .notice-wrapper,.ecwid-vertical-menu .preheader-container.sticky .info-container .status-container .status-wrapper {
        padding-left:var(--menu-width)
    }
}

.ecwid-vertical-menu .header {
    position: relative;
    width: 100%;
    min-width: 320px;
    border-collapse: initial;
    font-size: 16px
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu .header {
        position:static
    }
}

.ecwid-vertical-menu .header.menu-on .nav-mobile {
    width: 50px
}

.ecwid-vertical-menu .header.menu-on .nav-mobile .show-menu {
    display: none
}

.ecwid-vertical-menu .header.menu-on .nav-mobile .hide-menu {
    display: inline-block;
    z-index: 100
}

.ecwid-vertical-menu .header.menu-on .main-menu {
    z-index: 60;
    left: 0;
    overflow: auto;
    transition: left .2s linear
}

.ecwid-vertical-menu .header.menu-on .main-menu::-webkit-scrollbar {
    display: none
}

.ecwid-vertical-menu .header.menu-on .menu {
    width: 100%
}

.ecwid-vertical-menu .header.menu-off .main-menu {
    z-index: 60;
    transition: left .2s linear
}

.ecwid-vertical-menu .header+.body-container .ecwid-MainPanel-content,.ecwid-vertical-menu .header+.content-container .ecwid-MainPanel-content {
    padding-top: 56px
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu .header+.body-container .ecwid-MainPanel-content,.ecwid-vertical-menu .header+.content-container .ecwid-MainPanel-content {
        padding-top:56px
    }
}

.ecwid-vertical-menu .header .header-top {
    position: absolute;
    z-index: 30;
    right: 0;
    left: 0;
    height: 56px;
    padding: 0;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,0.15)
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu .header .header-top {
        left:var(--menu-width);
        background-color: transparent;
        box-shadow: none
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu .header .header-top {
        height:56px
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu .header .header-top--inverted .store-title-text,.ecwid-vertical-menu .header .header-top--inverted .iconable-link,.ecwid-vertical-menu .header .header-top--inverted .user-menu .icolinks .icolink-item .icolink-desktop,.ecwid-vertical-menu .header .header-top--inverted .user-menu .icolinks .icolink-item .horizontal-icolink {
        color:#fff
    }

    .ecwid-vertical-menu .header .header-top--inverted .store-title-text:focus,.ecwid-vertical-menu .header .header-top--inverted .store-title-text:hover,.ecwid-vertical-menu .header .header-top--inverted .iconable-link:focus,.ecwid-vertical-menu .header .header-top--inverted .iconable-link:hover,.ecwid-vertical-menu .header .header-top--inverted .user-menu .icolinks .icolink-item .icolink-desktop:focus,.ecwid-vertical-menu .header .header-top--inverted .user-menu .icolinks .icolink-item .icolink-desktop:hover,.ecwid-vertical-menu .header .header-top--inverted .user-menu .icolinks .icolink-item .horizontal-icolink:focus,.ecwid-vertical-menu .header .header-top--inverted .user-menu .icolinks .icolink-item .horizontal-icolink:hover {
        color: #b3b3b3
    }

    .ecwid-vertical-menu .header .header-top--inverted .store-title-text:active,.ecwid-vertical-menu .header .header-top--inverted .iconable-link:active,.ecwid-vertical-menu .header .header-top--inverted .user-menu .icolinks .icolink-item .icolink-desktop:active,.ecwid-vertical-menu .header .header-top--inverted .user-menu .icolinks .icolink-item .horizontal-icolink:active {
        color: #e9effc
    }
}

.ecwid-vertical-menu .header .nav-mobile {
    position: relative;
    z-index: 60;
    float: left;
    height: 100%;
    margin-left: 0;
    color: #fff;
    background-color: #275ce0;
    cursor: pointer
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu .header .nav-mobile {
        display:none
    }
}

.ecwid-vertical-menu .header .nav-mobile [class*='icon-'] {
    padding: 0 12px;
    color: #fff;
    font-size: 26px
}

.ecwid-vertical-menu .header .nav-mobile .show-menu {
    height: 100%;
    line-height: 56px
}

.ecwid-vertical-menu .header .nav-mobile .show-menu>span {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 26px;
    vertical-align: middle
}

.ecwid-vertical-menu .header .nav-mobile .show-menu .menu-label {
    display: none
}

@media screen and (min-width: 360px) {
    .ecwid-vertical-menu .header .nav-mobile .show-menu .menu-label {
        display:inline-block;
        padding: 0 20px 0 0;
        font-size: 14px;
        text-transform: uppercase
    }
}

.ecwid-vertical-menu .header .nav-mobile .show-menu--no-label .menu-label {
    display: none
}

.ecwid-vertical-menu .header .nav-mobile .hide-menu {
    display: none;
    position: relative;
    padding: 4px 15px;
    font-size: 20px;
    line-height: 48px;
    color: #fff
}

.ecwid-vertical-menu .header .main-menu .store-links-container {
    width: 100%
}

.ecwid-vertical-menu .header .main-menu .store-links-container .logo {
    display: block;
    overflow: hidden;
    box-sizing: content-box;
    width: auto;
    padding: 19px 0 19px 20px
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu .header .main-menu .store-links-container .logo {
        width:30px
    }
}

.ecwid-vertical-menu .header .main-menu .store-links-container .logo:hover img {
    opacity: .8
}

.ecwid-vertical-menu .header .main-menu .store-links-container .logo img {
    display: block;
    width: auto;
    height: 27px;
    margin: 0;
    border: none;
    transform: translateZ(0);
    transition: opacity .1s linear
}

.ecwid-vertical-menu .header .main-menu .store-links-container--has-narrow-logo .logo {
    box-sizing: border-box;
    height: 65px
}

.ecwid-vertical-menu .header .main-menu .store-links-container--has-narrow-logo .logo>span {
    display: flex
}

.ecwid-vertical-menu .header .main-menu .store-links-container--has-narrow-logo img.logo__image {
    width: auto;
    max-width: 132px;
    height: auto;
    max-height: 40px
}

.ecwid-vertical-menu .header .main-menu .store-links-container--has-narrow-logo img.logo__image--narrow {
    display: none;
    max-width: 28px;
    margin: 0 auto
}

.ecwid-vertical-menu .header .main-menu .store-links-container .store {
    display: table-cell;
    padding: 8px 8px 8px 0;
    vertical-align: middle
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu .header .main-menu .store-links-container .store {
        display:none
    }
}

.ecwid-vertical-menu .header .main-menu .store-links-container .store .store-link {
    display: inline-block;
    font-size: 12px;
    word-break: break-all;
    word-break: break-word;
    vertical-align: middle
}

.ecwid-vertical-menu .header .main-menu .store-links-container .store .store-link a {
    text-decoration: none
}

.ecwid-vertical-menu .header .main-menu .store-links-container .store .store-title {
    display: block;
    overflow: hidden;
    max-width: 180px;
    margin: 2px 0 0 0;
    color: #0a1c2e;
    font-size: 12px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ecwid-vertical-menu .header .main-menu .custom-logo-container.store-links-container:not(.store-links-container--has-narrow-logo) {
    background-color: #eceef0
}

.ecwid-vertical-menu .header .main-menu .custom-logo-container.store-links-container:not(.store-links-container--has-narrow-logo) .logo {
    width: 100%;
    padding: 11px 0
}

.ecwid-vertical-menu .header .main-menu .custom-logo-container.store-links-container:not(.store-links-container--has-narrow-logo) .logo img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 38px;
    margin: 0 auto
}

.ecwid-vertical-menu .header .main-menu .custom-logo-container.store-links-container:not(.store-links-container--has-narrow-logo) img.logo__image--narrow {
    display: none
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu:not(.ecwid-vertical-menu--wider) .header .main-menu .store-links-container.store-links-container--has-narrow-logo .logo {
        width:auto;
        padding-left: 0
    }

    .ecwid-vertical-menu:not(.ecwid-vertical-menu--wider) .header .main-menu .store-links-container.store-links-container--has-narrow-logo img.logo__image {
        display: none
    }

    .ecwid-vertical-menu:not(.ecwid-vertical-menu--wider) .header .main-menu .store-links-container.store-links-container--has-narrow-logo img.logo__image--narrow {
        display: block
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu.ecwid-vertical-menu--wider .header .preheader .info-container .notice-container .notice {
        max-width:850px
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu.ecwid-vertical-menu--wider .header .main-menu .store-links-container .logo {
        width:auto;
        padding-left: 16px
    }
}

@media screen and (min-width: 1680px) {
    .ecwid-vertical-menu.ecwid-vertical-menu--wider .header .main-menu .store-links-container .logo {
        padding-right:42px;
        padding-left: 42px
    }
}

@media screen and (min-width: 1024px) and (max-width: 1679px) {
    .ecwid-vertical-menu.ecwid-vertical-menu--wider .header .main-menu .store-links-container .store .store-title {
        max-width:120px
    }
}

.ecwid-vertical-menu .settings-page.startersite-settings .settings-page__header--highlighted,.ecwid-vertical-menu .settings-page.design-settings .settings-page__header--highlighted,.ecwid-vertical-menu .settings-page.fb-messenger-settings .settings-page__header--highlighted {
    margin-top: -56px;
    padding-top: 56px
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu .settings-page.startersite-settings .settings-page__header--highlighted,.ecwid-vertical-menu .settings-page.design-settings .settings-page__header--highlighted,.ecwid-vertical-menu .settings-page.fb-messenger-settings .settings-page__header--highlighted {
        margin-top:-56px;
        padding-top: 56px
    }
}

.ecwid-vertical-menu.ecwid-vertical-menu--with-icons .header .main-menu .store-links-container .logo {
    height: 80px;
    padding-top: 24px
}

.ecwid-vertical-menu.ecwid-vertical-menu--with-icons .header .main-menu .store-links-container--has-narrow-logo img.logo__image {
    max-height: 32px
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu.ecwid-vertical-menu--with-icons:not(.ecwid-vertical-menu--wider) .header .main-menu .store-links-container--has-narrow-logo img.logo__image--narrow {
        max-width:28px
    }
}

@media screen and (max-width: 1023px) {
    .ecwid-vertical-menu.ecwid-vertical-menu--with-icons .header .main-menu .store-links-container .logo {
        padding-left:18px
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu.ecwid-vertical-menu--with-icons.ecwid-vertical-menu--wider .header .main-menu .store-links-container .logo {
        padding-left:18px
    }
}

@media screen and (min-width: 1680px) {
    .ecwid-vertical-menu.ecwid-vertical-menu--with-icons.ecwid-vertical-menu--wider .header .main-menu .store-links-container .logo {
        padding-left:18px
    }
}

.header-wrapper {
    position: relative;
    box-sizing: border-box;
    height: 100%;
    margin: 0;
    transition: opacity 150ms
}

@media screen and (min-width: 1024px) {
    .header-wrapper {
        position:static;
        margin: 0 auto
    }
}

.header-wrapper .content-control-menu-nav {
    display: flex;
    float: left;
    align-items: center;
    height: 100%;
    margin-left: -2px;
    color: #275ce0;
    font-weight: 600;
    transition: color .1s linear;
    cursor: pointer;
    padding-left: 8px
}

@media screen and (min-width: 1024px) {
    .header-wrapper .content-control-menu-nav {
        padding-left:32px
    }
}

@media screen and (min-width: 1400px) {
    .header-wrapper .content-control-menu-nav {
        padding-left:40px
    }
}

.info-container {
    position: relative;
    min-height: 0;
    border-bottom: 0 solid #fff;
    background-color: #fff;
    transition: border-color .3s ease-out, background-color .3s ease-out, margin-top .3s ease-out
}

@media screen and (min-width: 1024px) {
    .info-container {
        max-width:100%
    }
}

.info-container.has-info,.info-container.has-error,.info-container.has-warning {
    min-height: 0;
    margin-top: 0
}

.info-container.has-info .notice-container,.info-container.has-error .notice-container,.info-container.has-warning .notice-container {
    max-height: 220px
}

.info-container.has-status-warning,.info-container.has-error.has-status-warning .status-container .status-warning {
    border-bottom-width: 1px;
    border-color: #de9d1c;
    background-color: #de9d1c
}

.info-container.has-status-error,.info-container.has-warning.has-status-error .status-container .status-error {
    border-bottom-width: 1px;
    border-color: #f43c36;
    background-color: #f43c36
}

.info-container.has-warning {
    border-bottom-width: 1px;
    border-color: #de9d1c;
    background-color: #de9d1c
}

.info-container.has-error {
    border-bottom-width: 1px;
    border-color: #f43c36;
    background-color: #f43c36
}

.info-container.has-info {
    border-bottom-width: 1px;
    border-color: #275ce0;
    background-color: #275ce0;
    color: #fff
}

@media screen and (min-width: 1024px) {
    .info-container.has-status-warning .status-container .status-warning {
        visibility:visible;
        z-index: 1;
        opacity: 1;
        transition: opacity .3s ease-out, border-color 0s linear .3s, background-color 0s linear .3s, visibility 0s linear 0s, z-index 0s linear 0s
    }
}

.info-container.has-status-error .status-container .status-error {
    visibility: visible;
    z-index: 1;
    opacity: 1;
    transition: opacity .3s ease-out, border-color 0s linear .3s, background-color 0s linear .3s, visibility 0s linear 0s, z-index 0s linear 0s
}

.info-container.has-error.has-status-warning .status-container .status-warning,.info-container.has-warning.has-status-error .status-container .status-error {
    transition: opacity .3s ease-out, border-color 0s ease-out, background-color 0s ease-out, visibility 0s linear 0s, z-index 0s linear 0s
}

.info-container.has-status-info,.info-container.has-status-error {
    min-height: 33px;
    margin-top: 0
}

@media screen and (min-width: 1024px) {
    .info-container.has-status-warning {
        min-height:33px;
        margin-top: 0
    }
}

.info-container.superuser-warning {
    display: none
}

.info-container.has-superuser-warning {
    display: block;
    z-index: 1
}

.info-container .notice-container {
    position: relative;
    overflow: hidden;
    max-height: 0;
    border: 0;
    background-color: transparent;
    transition: max-height .3s ease-out, background-color .3s ease-out
}

.info-container .notice-container .notice-wrapper {
    width: 100%;
    max-width: none;
    margin: 0 auto
}

.info-container .notice-container .notice-wrapper>div {
    position: relative;
    z-index: 5
}

.info-container .notice-container .notice {
    min-height: 32px;
    border-bottom: 0;
    padding-left: 8px
}

@media screen and (min-width: 1024px) {
    .info-container .notice-container .notice {
        padding-left:32px
    }
}

@media screen and (min-width: 1400px) {
    .info-container .notice-container .notice {
        padding-left:40px
    }
}

@media screen and (min-width: 1024px) {
    .info-container .notice-container .notice {
        max-width:722px
    }
}

@media screen and (min-width: 1280px) {
    .info-container .notice-container .notice {
        max-width:835px
    }
}

@media screen and (min-width: 1400px) {
    .info-container .notice-container .notice {
        max-width:972px
    }
}

.info-container .notice-container .notice.notice-on {
    opacity: 1;
    animation: fadein .3s 1 ease-out
}

.info-container .notice-container .notice.notice-off {
    opacity: 0;
    min-height: 0;
    max-height: 0;
    padding: 0;
    transition: opacity .3s ease-out, color 0s linear .3s, padding 0s linear .3s
}

.info-container .notice-container .notice.expanded .notice-title::after {
    content: "\e609";
    top: 0
}

.info-container .notice-container .notice.expanded .notice-text {
    max-height: 300px;
    margin-top: 10px;
    line-height: 1.4
}

.info-container .notice-container .notice>a {
    white-space: nowrap
}

.info-container .notice-container .notice .notice-title {
    display: inline-block;
    position: relative;
    padding-right: 20px;
    font-size: 13px;
    cursor: pointer
}

.info-container .notice-container .notice .notice-title::after {
    content: "\e018";
    position: absolute;
    top: 1px;
    right: 0;
    font-family: "font_icons", sans-serif;
    font-size: 8px;
    font-weight: 400
}

.info-container .notice-container .notice .notice-title.title-alone {
    cursor: default
}

.info-container .notice-container .notice .notice-title.title-alone::after {
    content: ""
}

.info-container .notice-container .notice .notice-text {
    display: block;
    overflow: hidden;
    max-height: 0;
    font-weight: 600
}

.info-container .notice-container .notice .btn-container {
    padding: 15px 0
}

.info-container .notice-container .notice .btn-container-empty {
    display: none
}

.info-container .status-container {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 0;
    border: 0;
    background-color: transparent;
    transition: background-color .3s ease-out
}

.info-container .status-container .status-wrapper {
    position: relative;
    max-width: 100%;
    margin: 0 auto
}

.has-status-warning .help-popup-arrow::after {
    border-color: transparent transparent #fff transparent
}

.info-container__close {
    display: flex;
    position: absolute;
    z-index: 10;
    top: 18px;
    right: 18px;
    opacity: 1;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    color: #fff;
    transition: opacity .1s linear;
    cursor: pointer
}

.info-container__close svg {
    width: 16px;
    height: 16px;
    fill: currentColor
}

.info-container__close:hover {
    opacity: .7
}

.preheader {
    overflow: hidden
}

.preheader.has-warning {
    background-color: #de9d1c
}

.preheader-container.sticky {
    position: fixed;
    z-index: 130;
    top: 0;
    right: 0;
    left: 0;
    max-width: 1920px;
    margin: auto
}

.store-profile-container {
    font-size: 0
}

.store-profile-container .store-name {
    margin-bottom: 4px;
    padding: 24px 24px 0;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e
}

.store-profile-container .store-email {
    overflow: hidden;
    margin-bottom: 8px;
    padding: 0 24px;
    font-size: 12px;
    text-overflow: ellipsis
}

@media screen and (min-width: 768px) {
    .store-profile-container .store-email {
        font-size:14px
    }
}

.store-profile-container .store-profile-icon {
    display: inline-block;
    margin-top: 26px;
    margin-left: 24px;
    vertical-align: top
}

.store-profile-container .store-profile-icon .multiadmin-profile {
    width: 56px;
    height: 56px;
    margin: 0;
    line-height: 56px
}

.store-profile-container .store-profile-icon .multiadmin-profile:hover::after {
    opacity: 0
}

.store-profile-container .store-profile-icon .multiadmin-profile__abbr {
    font-size: 24px
}

.store-profile-container .store-profile-icon .multiadmin-profile__abbr>span:hover,.store-profile-container .store-profile-icon .multiadmin-profile__img>img:hover {
    filter: none
}

.store-profile-container .store-profile-body {
    display: inline-block;
    max-width: 308px;
    word-break: break-all;
    word-break: break-word
}

@media screen and (max-width: 430px) {
    .store-profile-container .store-profile-body {
        max-width:initial
    }
}

.store-profile-container .store-links {
    padding: 0 30px 20px 24px;
    font-size: 12px;
    line-height: 18px
}

@media screen and (min-width: 768px) {
    .store-profile-container .store-links {
        font-size:14px;
        line-height: 24px
    }
}

.store-profile-container .store-links a {
    display: inline-block;
    margin-right: 20px;
    line-height: 28px;
    white-space: nowrap
}

.store-profile-container .store-profile-footer {
    padding: 20px 30px;
    border-top: 1px solid #bfc7ce;
    font-size: 12px;
    line-height: 18px
}

@media screen and (min-width: 768px) {
    .store-profile-container .store-profile-footer {
        font-size:13px;
        line-height: 24px
    }
}

.store-status {
    visibility: hidden;
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    overflow: hidden;
    opacity: 0;
    padding: 5px 27px 6px;
    border-bottom: 1px solid transparent;
    background-color: transparent;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.6;
    transition: opacity .3s ease-out, border-color 0s linear .3s, background-color 0s linear .3s, z-index 0s linear .3s
}

.store-status.status-error,.store-status.status-error a {
    color: #fff
}

.store-status.status-warning a {
    color: #fff
}

.store-status a {
    margin-left: 14px;
    font-size: 14px;
    font-weight: 400
}

.store-status .status-inline {
    display: inline-block
}

.store-status .status-uppercase {
    text-transform: uppercase
}

.store-status .status-open-link,.store-status .status-link {
    text-decoration: underline
}

.user-menu {
    display: table;
    position: relative;
    float: right;
    height: 100%;
    padding-left: 8px;
    padding-right: 8px
}

@media screen and (min-width: 1024px) {
    .user-menu {
        padding-left:32px
    }
}

@media screen and (min-width: 1400px) {
    .user-menu {
        padding-left:40px
    }
}

@media screen and (min-width: 1024px) {
    .user-menu {
        padding-right:32px
    }
}

@media screen and (min-width: 1400px) {
    .user-menu {
        padding-right:40px
    }
}

.user-menu.collapsed .icolink-item-store-link {
    min-width: 0
}

.user-menu.collapsed .icolinks .icolink-item {
    margin-left: 8px
}

.user-menu.collapsed .icolinks .icolink-item .icolink-desktop {
    position: absolute;
    z-index: -10;
    top: -10000px;
    left: -1000px;
    opacity: 0
}

.user-menu.collapsed .icolinks .icolink-item .icolink-mobile {
    display: inline-block
}

.user-menu.collapsed .upgrade-btn {
    position: absolute;
    z-index: -10;
    top: -10000px;
    left: -1000px;
    opacity: 0
}

.user-menu.collapsed .multiadmin-profile {
    margin: 0 3px
}

.user-menu .cell-block {
    display: table-cell;
    vertical-align: middle
}

.user-menu .icolinks {
    font-size: 0
}

.user-menu .icolinks .icolink-item {
    display: inline-block
}

.user-menu .icolinks .icolink-item .horizontal-icolink {
    vertical-align: middle
}

@media screen and (min-width: 1024px) {
    .user-menu .icolinks .icolink-item.icolink-item-store-link {
        display:inline-block
    }
}

.user-menu .icolinks .icolink-item .icolink-desktop {
    display: inline-block;
    overflow: hidden;
    max-width: 150px;
    margin-left: 16px;
    font-size: 14px;
    line-height: 22px;
    -webkit-font-smoothing: antialiased;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    vertical-align: middle
}

.user-menu .icolinks .icolink-item .icolink-desktop.store-title-text span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.user-menu .icolinks .icolink-item .icolink-desktop.horizontal-icolink {
    padding-right: 20px;
    white-space: nowrap
}

.user-menu .icolinks .icolink-item .icolink-desktop .icon-arr-down {
    top: 50%;
    margin-top: -6px;
    font-size: 6px;
    line-height: 1
}

@media screen and (min-width: 1024px) {
    .user-menu .icolinks .icolink-item .icolink-desktop .icon-arr-down {
        margin-top:-5px
    }
}

.user-menu .icolinks .icolink-item.icolink-item-help-link.icolink-item-help-link--btn-mode .icolink-desktop.horizontal-icolink {
    padding-right: 10px
}

.user-menu .icolinks .icolink-item .icolink-append {
    padding-right: 0
}

.user-menu .icolinks .icolink-item.help-popup-frame-trigger.opened {
    z-index: 110
}

.user-menu .icolinks .icolink-item .icolink-mobile {
    display: none;
    width: 26px;
    height: 26px;
    padding: 5px;
    vertical-align: middle
}

.user-menu .icolinks .icolink-item .icolink-mobile .svg-icon {
    display: inline-block;
    width: 100%;
    height: 100%
}

.user-menu .icolinks .icolink-item .icolink-mobile .svg-icon svg {
    width: 100%;
    height: 100%
}

.user-menu .upgrade-btn {
    margin-left: 16px
}

.user-menu .multiadmin-profile {
    margin: 0 0 0 16px
}

.user-menu.collapsed .gt-mobile-header-button--active .upgrade-btn {
    position: static;
    opacity: 1;
    margin-right: 15px
}

@media screen and (max-width: 567px) {
    .user-menu.collapsed .gt-mobile-header-button--active .upgrade-btn {
        margin:0 4px 0 6px
    }
}

@media screen and (max-width: 567px) {
    .user-menu.collapsed .gt-mobile-header-button--active .svg-icon {
        display:none
    }
}

@media screen and (max-width: 567px) {
    .user-menu.collapsed .gt-mobile-header-button--active .gwt-InlineLabel {
        display:flex;
        align-content: center;
        justify-content: center;
        width: 100%;
        max-width: 96px;
        margin: -7px 0px;
        white-space: normal
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--without-icons .onhover-selected>a {
        background-color:#275ce0;
        color: #fff
    }
}

.ecwid-vertical-menu--without-icons .onhover-selected .main-menu__icon>span>svg {
    fill: #fff
}

.ecwid-vertical-menu--without-icons .header .main-menu {
    display: flex;
    position: fixed;
    top: 0;
    left: calc(var(--menu-width) * -1);
    box-sizing: border-box;
    flex-direction: column;
    width: var(--menu-width);
    height: 100%;
    background-color: #1b1e27
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--without-icons .header .main-menu {
        position:absolute;
        z-index: 160;
        left: 0;
        overflow-y: visible;
        height: auto;
        min-height: 100%
    }
}

.ecwid-vertical-menu--without-icons .header .main-menu .main-menu__offer-badge {
    margin-left: 8px
}

.ecwid-vertical-menu--without-icons .header .main-menu .nav li {
    float: none;
    width: 100%;
    margin: 0
}

.ecwid-vertical-menu--without-icons .header .main-menu .submenu-wrapper {
    width: 264px;
    overflow: hidden;
    box-sizing: border-box;
    min-width: 100%;
    max-width: 100%;
    height: 0;
    background-color: #252e37;
    transform: translateZ(0)
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--without-icons .header .main-menu .submenu-wrapper {
        display:none;
        opacity: 0;
        position: absolute;
        top: 0;
        left: var(--menu-width);
        overflow: hidden;
        max-width: 264px;
        height: auto;
        border-width: 1px 0 1px 0;
        border-style: solid;
        border-color: transparent;
        box-shadow: none;
        transition: opacity 0s linear .2s, border-width 0s linear .2s, border-color 0s linear .2s, box-shadow 0s linear .2s, z-index 0s linear .2s
    }

    .ecwid-vertical-menu--without-icons .header .main-menu .submenu-wrapper .nav-links {
        opacity: 1
    }
}

.ecwid-vertical-menu--without-icons .header .main-menu .submenu-wrapper .submenu-title {
    display: none
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--without-icons .header .main-menu .submenu-wrapper .submenu-title {
        display:block;
        position: relative;
        padding: 15px 24px 15px 32px;
        color: #607385;
        font-size: 12px;
        font-weight: 600;
        text-decoration: none;
        text-transform: uppercase
    }
}

.ecwid-vertical-menu--without-icons .header .main-menu .submenu-wrapper .menu__search-wrapper {
    margin-top: -12px;
    padding: 0 24px 24px
}

.ecwid-vertical-menu--without-icons .header .main-menu .submenu-wrapper .menu__search {
    border-color: rgba(0,0,0,0.1);
    background: rgba(0,0,0,0.1);
    box-shadow: none;
    font-size: 12px
}

.ecwid-vertical-menu--without-icons .header .main-menu .submenu-wrapper .menu__search .prefix .svg-icon {
    display: block;
    width: 14px;
    height: 14px;
    margin-top: 2px
}

.ecwid-vertical-menu--without-icons .header .main-menu .submenu-wrapper .menu__search .prefix .svg-icon svg {
    height: 100%;
    fill: #e7eaed
}

.ecwid-vertical-menu--without-icons .header .main-menu .submenu-wrapper .menu__search.input-prefix-suffix input {
    color: #e7eaed
}

.ecwid-vertical-menu--without-icons .header .main-menu .submenu-wrapper .menu__search.input-prefix-suffix input::-webkit-input-placeholder {
    opacity: .5;
    color: #e7eaed
}

.ecwid-vertical-menu--without-icons .header .main-menu .submenu-wrapper .menu__search.focus {
    border-width: 1px;
    background: #fff
}

.ecwid-vertical-menu--without-icons .header .main-menu .submenu-wrapper .menu__search.focus .prefix {
    padding-left: 8px
}

.ecwid-vertical-menu--without-icons .header .main-menu .submenu-wrapper .menu__search.focus .prefix .svg-icon svg {
    fill: #0a1c2e
}

.ecwid-vertical-menu--without-icons .header .main-menu .submenu-wrapper .menu__search.focus.input-prefix-suffix input {
    margin: -1px 0;
    padding: 3px 8px;
    color: #0a1c2e
}

.ecwid-vertical-menu--without-icons .header .main-menu .submenu-wrapper .menu__search.focus.input-prefix-suffix input::-webkit-input-placeholder {
    color: #0a1c2e
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li {
        position:relative
    }
}

.ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li>a {
    position: relative;
    float: none;
    box-sizing: border-box;
    width: 100%;
    padding: 6px 20px 7px;
    border: none;
    color: #e7eaed;
    font-size: 13px;
    line-height: 20px;
    -webkit-backface-visibility: hidden;
    font-family: var(--headers-font-family)
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li>a {
        float:none;
        width: var(--menu-width);
        padding-left: 0
    }
}

.ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li>a>span {
    line-height: 1.2;
    vertical-align: middle;
    white-space: normal;
    -webkit-backface-visibility: hidden
}

.ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li>a:focus {
    background-color: #275ce0;
    color: #fff
}

.ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li:hover.onhover-selected>a:hover {
    background-color: #275ce0;
    color: #fff
}

.ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li:hover.onhover-selected .main-menu__icon svg {
    fill: #fff
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li:hover.onhover-selected .submenu-wrapper {
        z-index:2;
        display: block;
        height: auto;
        border-width: 1px 1px 1px 0;
        border-style: solid;
        border-color: rgba(0,0,0,0);
        box-shadow: 0 5px 20px rgba(0,0,0,0.15)
    }

    .ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li:hover.onhover-selected .submenu-wrapper.submenu-wrapper--visible {
        opacity: 1
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li:hover .submenu-wrapper {
        z-index:2;
        display: block;
        height: auto;
        border-width: 1px 1px 1px 0;
        border-style: solid;
        border-color: rgba(0,0,0,0);
        box-shadow: 0 5px 20px rgba(0,0,0,0.15)
    }

    .ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li:hover .submenu-wrapper.submenu-wrapper--visible {
        opacity: 1
    }
}

.ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li.active>a {
    background-color: #275ce0;
    color: #fff
}

.ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li.active .main-menu__icon svg {
    fill: #fff
}

.ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li.active .submenu-wrapper {
    height: auto;
    background-color: #2d3237
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li.active .submenu-wrapper {
        background-color:#252e37
    }
}

.ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li.active .nav-links {
    opacity: 1
}

.ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li.active .nav-links li>a {
    color: #e7eaed
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li.active .nav-links li>a {
        color:#e7eaed
    }
}

@media screen and (min-width: 1024px) and (max-width: 1679px) {
    .ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li.active .nav-links li>a {
        padding-right:16px
    }
}

.ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li.active .nav-links li>a:focus,.ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li.active .nav-links li>a:hover {
    color: #8af
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li.active .nav-links li>a:focus,.ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li.active .nav-links li>a:hover {
        color:#8af
    }
}

.ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li.active .nav-links li.active a {
    color: #8af
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li.active .nav-links li.active a {
        color:#8af
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li.has-submenu .new-menu {
        z-index:2;
        height: auto;
        border-width: 1px 1px 1px 0;
        border-style: solid;
        opacity: 0;
        visibility: hidden;
        border-color: rgba(0,0,0,0);
        box-shadow: 0 5px 20px rgba(0,0,0,0.15)
    }

    .ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li.has-submenu .new-menu.submenu-wrapper--visible {
        opacity: 1;
        display: block;
        visibility: visible
    }
}

.ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li:not(.has-submenu) .submenu-wrapper {
    display: none
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li.onhover-selected .submenu-wrapper {
        opacity:1;
        display: block;
        visibility: visible
    }
}

.ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li.onhover-selected .svg-icon svg {
    fill: #fff
}

.ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li .main-menu__icon {
    display: none;
    width: 28px;
    height: 20px;
    padding: 0 20px;
    vertical-align: middle
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li .main-menu__icon {
        display:block
    }
}

@media screen and (min-width: 1680px) {
    .ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li .main-menu__icon {
        height:21px
    }
}

.ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li .main-menu__icon svg {
    width: 100%;
    height: 100%;
    fill: #e7eaed
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li .main-menu__text {
        display:none
    }
}

.ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li.has-subsection>a {
    padding-top: 16px;
    padding-bottom: 2px;
    color: #aab8c5;
    font-size: 12px;
    font-weight: 500;
    cursor: default;
    user-select: none;
    font-family: var(--headers-font-family)
}

@media screen and (min-width: 1680px) {
    .ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li.has-subsection>a {
        padding-top:20px;
        padding-bottom: 4px
    }
}

.ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li.has-subsection:first-child>a {
    padding-top: 4px;
    padding-bottom: 3px
}

@media screen and (min-width: 1680px) {
    .ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li.has-subsection:first-child>a {
        padding-top:8px;
        padding-bottom: 5px
    }
}

.ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li.has-subsection:hover>a {
    background-color: transparent
}

.ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li.has-subsection:hover .main-menu__icon svg {
    fill: #e7eaed
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li.has-subsection .main-menu__icon {
        opacity:.5
    }
}

@media screen and (min-width: 1680px) {
    .ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li.has-subsection .main-menu__icon {
        height:20px
    }
}

.ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li.has-subsection .main-menu__icon::before {
    content: "";
    display: block;
    width: 24px;
    margin: 0 auto;
    padding-top: 10px;
    border-bottom: 1px solid #e7eaed
}

.ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li.has-subsection .main-menu__icon svg {
    display: none
}

.ecwid-vertical-menu--without-icons .header .main-menu .nav-blocks>li.has-subsection .submenu-wrapper {
    display: none
}

.ecwid-vertical-menu--without-icons .header .main-menu .nav-links {
    opacity: 0;
    margin: 10px 0 20px;
    transition: opacity .2s linear
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--without-icons .header .main-menu .nav-links {
        margin-top:0
    }
}

.ecwid-vertical-menu--without-icons .header .main-menu .nav-links li {
    white-space: normal
}

.ecwid-vertical-menu--without-icons .header .main-menu .nav-links li:hover a {
    color: #8af
}

.ecwid-vertical-menu--without-icons .header .main-menu .nav-links li.active>a {
    background-color: transparent;
    color: #8af
}

.ecwid-vertical-menu--without-icons .header .main-menu .nav-links li a {
    box-sizing: border-box;
    width: 100%;
    padding: 6px 24px 6px 32px;
    color: #e7eaed;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    white-space: normal
}

.ecwid-vertical-menu--without-icons .header .main-menu .nav-links li a>span {
    display: inline-block;
    position: relative;
    padding: 0;
    border-bottom-width: 0;
    line-height: 20px
}

.ecwid-vertical-menu--without-icons .header .main-menu .nav-links li a.changed>span::after {
    content: "*";
    position: absolute;
    top: 0;
    right: -12px;
    left: auto;
    width: 10px;
    height: 10px;
    font-size: 12px;
    text-align: center
}

.ecwid-vertical-menu--without-icons .header .main-menu.main-menu--fixed-top {
    position: fixed;
    top: 0;
    bottom: auto
}

.ecwid-vertical-menu--without-icons .header .main-menu.main-menu--fixed-bottom {
    position: fixed;
    top: auto;
    bottom: 0
}

.ecwid-vertical-menu--without-icons .header .menu {
    flex-grow: 1;
    padding-bottom: 48px
}

.ecwid-vertical-menu--without-icons .main-menu__offer-badge {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #275ce0
}

.ecwid-vertical-menu--without-icons .main-menu__offer-badge--hover {
    border: 1px solid #fff
}

.ecwid-vertical-menu--without-icons:not(.ecwid-vertical-menu--wider) .header .main-menu .main-menu__offer-badge {
    position: absolute;
    top: 50%;
    margin-left: 4px;
    transform: translateY(-50%)
}

@media screen and (min-width: 1024px) and (max-width: 1679px) {
    .ecwid-vertical-menu--without-icons.ecwid-vertical-menu--wider {
        --menu-width: 200px
    }
}

@media screen and (min-width: 1680px) {
    .ecwid-vertical-menu--without-icons.ecwid-vertical-menu--wider {
        --menu-width: 270px
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--without-icons.ecwid-vertical-menu--wider .header .main-menu .submenu-wrapper .submenu-title {
        display:none
    }
}

.ecwid-vertical-menu--without-icons.ecwid-vertical-menu--wider .header .main-menu .nav-blocks>.new-menu:hover {
    color: #e7eaed;
    background-color: #1b1e27
}

.ecwid-vertical-menu--without-icons.ecwid-vertical-menu--wider .header .main-menu .nav-blocks>.new-menu.active:hover>a {
    background-color: #275ce0 !important;
    color: #fff
}

.ecwid-vertical-menu--without-icons.ecwid-vertical-menu--wider .header .main-menu .nav-blocks>.new-menu.active.has-submenu .submenu-wrapper,.ecwid-vertical-menu--without-icons.ecwid-vertical-menu--wider .header .main-menu .nav-blocks>.new-menu.active.has-submenu:hover .submenu-wrapper {
    visibility: visible
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--without-icons.ecwid-vertical-menu--wider .header .main-menu .nav-blocks>li>a {
        padding-right:12px;
        padding-left: 16px
    }
}

@media screen and (min-width: 1680px) {
    .ecwid-vertical-menu--without-icons.ecwid-vertical-menu--wider .header .main-menu .nav-blocks>li>a {
        padding-right:20px;
        padding-left: 42px;
        font-size: 15px
    }
}

.ecwid-vertical-menu--without-icons.ecwid-vertical-menu--wider .header .main-menu .nav-blocks>li>a:hover {
    background-color: #1b1e27
}

.ecwid-vertical-menu--without-icons.ecwid-vertical-menu--wider .header .main-menu .nav-blocks>li.active:hover>a {
    background-color: #275ce0 !important;
    color: #fff
}

@media screen and (min-width: 1680px) {
    .ecwid-vertical-menu--without-icons.ecwid-vertical-menu--wider .header .main-menu .nav-blocks>li.active .nav-links li>a {
        padding-left:56px
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--without-icons.ecwid-vertical-menu--wider .header .main-menu .nav-blocks>li.active.has-submenu .submenu-wrapper,.ecwid-vertical-menu--without-icons.ecwid-vertical-menu--wider .header .main-menu .nav-blocks>li.active.has-submenu:hover .submenu-wrapper {
        position:relative;
        z-index: 1;
        display: block;
        opacity: 1;
        left: 0;
        min-width: 100%;
        max-width: 100%;
        border-width: 0;
        border-style: solid;
        border-color: transparent;
        box-shadow: none;
        transition: none;
        visibility: visible
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--without-icons.ecwid-vertical-menu--wider .header .main-menu .nav-blocks>li.active.has-submenu .submenu-title,.ecwid-vertical-menu--without-icons.ecwid-vertical-menu--wider .header .main-menu .nav-blocks>li.active.has-submenu:hover .submenu-title {
        display:none
    }
}

@media screen and (min-width: 1680px) {
    .ecwid-vertical-menu--without-icons.ecwid-vertical-menu--wider .header .main-menu .nav-blocks>li.active.has-submenu .menu__search-wrapper,.ecwid-vertical-menu--without-icons.ecwid-vertical-menu--wider .header .main-menu .nav-blocks>li.active.has-submenu:hover .menu__search-wrapper {
        padding:0 48px 24px
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--without-icons.ecwid-vertical-menu--wider .header .main-menu .nav-blocks>li:not(.has-submenu) .submenu-wrapper {
        display:none
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--without-icons.ecwid-vertical-menu--wider .header .main-menu .nav-blocks>li .main-menu__icon {
        display:none
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--without-icons.ecwid-vertical-menu--wider .header .main-menu .nav-blocks>li .main-menu__text {
        display:inline-block
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--without-icons.ecwid-vertical-menu--wider .header .main-menu .nav-blocks>li.has-subsection {
        display:block
    }
}

@media screen and (min-width: 1680px) {
    .ecwid-vertical-menu--without-icons.ecwid-vertical-menu--wider .header .main-menu .nav-blocks>li.has-subsection>a {
        font-size:13px
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--without-icons.ecwid-vertical-menu--wider .header .main-menu .nav-blocks>li.has-subsection:first-child>a {
        display:inline-block
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--without-icons.ecwid-vertical-menu--wider .header .main-menu .nav-links {
        margin-top:10px
    }
}

@media screen and (min-width: 1680px) {
    .ecwid-vertical-menu--without-icons.ecwid-vertical-menu--wider .header .main-menu .nav-links li a {
        font-size:14px
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--without-icons.ecwid-vertical-menu--wider .header .menu {
        width:100%
    }
}

.ecwid-vertical-menu--with-icons .main-menu {
    display: flex;
    position: fixed;
    top: 0;
    left: calc(var(--menu-width) * -1);
    box-sizing: border-box;
    flex-direction: column;
    width: var(--menu-width);
    height: 100%;
    padding-bottom: 24px;
    background-color: #1b1e27
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--with-icons .main-menu {
        position:absolute;
        z-index: 160;
        left: 0;
        overflow-y: visible;
        height: auto;
        min-height: 100%
    }
}

.ecwid-vertical-menu--with-icons .main-menu--fixed-top {
    position: fixed;
    top: 0;
    bottom: auto
}

.ecwid-vertical-menu--with-icons .main-menu--fixed-bottom {
    position: fixed;
    top: auto;
    bottom: 0
}

.ecwid-vertical-menu--with-icons .main-menu__offer-badge {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #275ce0
}

.ecwid-vertical-menu--with-icons .main-menu__offer-badge--hover {
    border: 1px solid #fff
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--with-icons {
        --menu-width: 56px
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--with-icons.ecwid-vertical-menu--wider {
        --menu-width: 220px
    }
}

@media screen and (min-width: 1680px) {
    .ecwid-vertical-menu--with-icons.ecwid-vertical-menu--wider {
        --menu-width: 280px
    }
}

@media screen and (max-width: 1023px) {
    .ecwid-vertical-menu--with-icons .main-menu__offer-badge {
        margin-left:8px
    }

    .ecwid-vertical-menu--with-icons .menu-item__icon .main-menu__offer-badge {
        display: none
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--with-icons.ecwid-vertical-menu--wider .main-menu__offer-badge {
        margin-left:8px
    }

    .ecwid-vertical-menu--with-icons.ecwid-vertical-menu--wider .menu-item__icon .main-menu__offer-badge {
        display: none
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--with-icons:not(.ecwid-vertical-menu--wider) .header .main-menu .main-menu__offer-badge {
        position:absolute;
        top: 50%;
        margin-left: 4px;
        transform: translateY(-50%)
    }
}

.ecwid-vertical-menu--with-icons .menu {
    flex-grow: 1;
    padding-bottom: 48px
}

.ecwid-vertical-menu--with-icons .menu__search-wrapper {
    margin-top: -12px;
    padding: 0 24px 24px
}

.ecwid-vertical-menu--with-icons .menu__search {
    border-color: rgba(0,0,0,0.1);
    background: rgba(0,0,0,0.1);
    box-shadow: none;
    font-size: 12px
}

.ecwid-vertical-menu--with-icons .menu__search .prefix .svg-icon {
    display: block;
    width: 14px;
    height: 14px;
    margin-top: 2px
}

.ecwid-vertical-menu--with-icons .menu__search .prefix .svg-icon svg {
    height: 100%;
    fill: #e7eaed
}

.ecwid-vertical-menu--with-icons .menu__search.input-prefix-suffix input {
    color: #e7eaed
}

.ecwid-vertical-menu--with-icons .menu__search.input-prefix-suffix input::-webkit-input-placeholder {
    opacity: .5;
    color: #e7eaed
}

.ecwid-vertical-menu--with-icons .menu__search.focus {
    border-width: 1px;
    background: #fff
}

.ecwid-vertical-menu--with-icons .menu__search.focus .prefix {
    padding-left: 8px
}

.ecwid-vertical-menu--with-icons .menu__search.focus .prefix .svg-icon svg {
    fill: #0a1c2e
}

.ecwid-vertical-menu--with-icons .menu__search.focus.input-prefix-suffix input {
    margin: -1px 0;
    padding: 3px 8px;
    color: #0a1c2e
}

.ecwid-vertical-menu--with-icons .menu__search.focus.input-prefix-suffix input::-webkit-input-placeholder {
    color: #0a1c2e
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--with-icons.ecwid-vertical-menu--wider .menu {
        width:100%
    }

    .ecwid-vertical-menu--with-icons.ecwid-vertical-menu--wider .menu-item.active .menu__search-wrapper {
        padding-left: 18px;
        padding-right: 18px
    }
}

@media screen and (min-width: 1680px) {
    .ecwid-vertical-menu--with-icons.ecwid-vertical-menu--wider .menu-item.active .menu__search-wrapper {
        padding-left:18px;
        padding-right: 18px
    }
}

@media screen and (max-width: 1023px) {
    .ecwid-vertical-menu--with-icons .menu__search-wrapper {
        padding-left:18px;
        padding-right: 18px
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--with-icons .menu-item.onhover-selected:not(.active) .menu__search-wrapper {
        margin-top:0;
        padding: 0 16px 16px
    }
}

.ecwid-vertical-menu--with-icons .menu-item {
    position: relative;
    margin: 0;
    white-space: normal
}

.ecwid-vertical-menu--with-icons .menu-item.onhover-selected .menu-item__link {
    background-color: #275ce0;
    color: #fff
}

.ecwid-vertical-menu--with-icons .menu-item.onhover-selected .menu-item__icon svg {
    fill: #fff
}

.ecwid-vertical-menu--with-icons .menu-item.active .menu-item__link {
    background-color: #275ce0;
    color: #fff
}

.ecwid-vertical-menu--with-icons .menu-item.active .menu-item__icon svg {
    fill: #fff
}

.ecwid-vertical-menu--with-icons .menu-item__link {
    display: flex;
    box-sizing: border-box;
    padding: 10px 12px 10px 18px;
    border: none;
    color: #e7eaed;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    transition: color .1s linear, background .1s linear;
    font-family: var(--headers-font-family)
}

.ecwid-vertical-menu--with-icons .menu-item__link:hover {
    color: #e7eaed
}

.ecwid-vertical-menu--with-icons .menu-item__link:focus {
    background-color: #275ce0;
    color: #fff
}

@media screen and (min-width: 1680px) {
    .ecwid-vertical-menu--with-icons .menu-item__link {
        padding-left:18px;
        font-size: 15px
    }
}

.ecwid-vertical-menu--with-icons .menu-item__icon {
    display: block;
    flex: 0 0 auto;
    width: 20px;
    height: 20px
}

.ecwid-vertical-menu--with-icons .menu-item__icon svg {
    width: 100%;
    height: 100%;
    fill: #e7eaed
}

.ecwid-vertical-menu--with-icons .menu-item__text {
    padding-left: 12px
}

@media screen and (min-width: 1680px) {
    .ecwid-vertical-menu--with-icons .menu-item__text {
        padding-left:16px
    }
}

.ecwid-vertical-menu--with-icons .menu-item__link,.ecwid-vertical-menu--with-icons .menu-item__icon,.ecwid-vertical-menu--with-icons .menu-item__text {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.ecwid-vertical-menu--with-icons .menu-item.has-subsection:first-child {
    position: absolute;
    top: auto;
    left: -10000px;
    overflow: hidden;
    width: 1px;
    height: 1px;
    white-space: nowrap;
    clip: rect(0 0 0 0);
    clip-path: inset(50%)
}

.ecwid-vertical-menu--with-icons .menu-item.has-subsection .menu-item__link {
    padding-top: 12px;
    padding-bottom: 12px;
    cursor: default;
    user-select: none;
    font-family: var(--headers-font-family)
}

.ecwid-vertical-menu--with-icons .menu-item.has-subsection .menu-item__link::before {
    content: "";
    display: block;
    width: 16px;
    margin: 0 2px;
    border-top: 1px solid #aab8c5
}

.ecwid-vertical-menu--with-icons .menu-item.has-subsection .menu-item__icon,.ecwid-vertical-menu--with-icons .menu-item.has-subsection .menu-item__text {
    display: none
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--with-icons:not(.ecwid-vertical-menu--wider) .menu-item__link {
        justify-content:center;
        padding-right: 0;
        padding-left: 0
    }

    .ecwid-vertical-menu--with-icons:not(.ecwid-vertical-menu--wider) .menu-item__text {
        display: none
    }
}

.ecwid-vertical-menu--with-icons .submenu-wrapper {
    overflow: hidden;
    box-sizing: border-box;
    width: 264px;
    min-width: 100%;
    max-width: 100%;
    height: 0;
    background-color: #252e37;
    transform: translateZ(0)
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--with-icons .submenu-wrapper {
        display:none;
        position: absolute;
        top: 0;
        left: var(--menu-width);
        overflow: hidden;
        max-width: 264px;
        height: auto;
        border-width: 1px 0;
        border-style: solid;
        border-color: transparent;
        box-shadow: none;
        transition: border-width 0s linear .2s, border-color 0s linear .2s, box-shadow 0s linear .2s, z-index 0s linear .2s
    }
}

.ecwid-vertical-menu--with-icons .submenu-wrapper__items {
    margin: 10px 0 20px
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--with-icons .submenu-wrapper__items {
        margin-top:0
    }
}

.ecwid-vertical-menu--with-icons .submenu-wrapper__title {
    display: none
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--with-icons .submenu-wrapper__title {
        display:block;
        position: relative;
        padding: 16px;
        color: #aab8c5;
        font-weight: 600;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 12px;
        line-height: 18px
    }

    .ecwid-vertical-menu--with-icons .submenu-wrapper__title:hover,.ecwid-vertical-menu--with-icons .submenu-wrapper__title:focus {
        color: #aab8c5
    }
}

.ecwid-vertical-menu--with-icons .menu-item.active .submenu-wrapper {
    height: auto;
    background-color: #2d3237
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--with-icons .menu-item.active .submenu-wrapper {
        background-color:#252e37
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--with-icons .menu-item.has-submenu .submenu-wrapper {
        visibility:hidden;
        z-index: 2;
        height: auto;
        border-width: 1px 1px 1px 0;
        border-style: solid;
        border-color: rgba(0,0,0,0);
        box-shadow: 0 5px 20px rgba(0,0,0,0.15)
    }
}

.ecwid-vertical-menu--with-icons .menu-item:not(.has-submenu) .submenu-wrapper__items {
    display: none
}

.ecwid-vertical-menu--with-icons .menu-item.has-subsection .submenu-wrapper {
    display: none
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--with-icons.ecwid-vertical-menu--wider .submenu-wrapper__title {
        display:none
    }
}

.ecwid-vertical-menu--with-icons.ecwid-vertical-menu--wider .menu-item.active.has-submenu .submenu-wrapper {
    visibility: visible
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--with-icons.ecwid-vertical-menu--wider .menu-item.active.has-submenu .submenu-wrapper {
        display:block;
        visibility: visible;
        position: relative;
        z-index: 1;
        left: 0;
        min-width: 100%;
        max-width: 100%;
        border-width: 0;
        border-style: solid;
        border-color: transparent;
        box-shadow: none;
        transition: none
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--with-icons.ecwid-vertical-menu--wider .menu-item.active.has-submenu .submenu-wrapper__title {
        display:none
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--with-icons.ecwid-vertical-menu--wider .menu-item:not(.has-submenu) .submenu-wrapper {
        display:none
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--with-icons.ecwid-vertical-menu--wider .submenu-wrapper__items {
        margin-top:10px
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--with-icons:not(.ecwid-vertical-menu--wider) .menu-item.onhover-selected .submenu-wrapper {
        display:block;
        visibility: visible;
        z-index: 2;
        overflow: visible;
        height: auto;
        margin-left: 10px;
        padding-top: 10px;
        padding-bottom: 6px;
        border-width: 1px 1px 1px 0;
        border-style: solid;
        border-radius: 6px;
        border-color: rgba(0,0,0,0);
        box-shadow: 0 5px 20px rgba(0,0,0,0.15)
    }

    .ecwid-vertical-menu--with-icons:not(.ecwid-vertical-menu--wider) .menu-item.onhover-selected .submenu-wrapper::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: -9px;
        width: 9px;
        height: 100%
    }

    .ecwid-vertical-menu--with-icons:not(.ecwid-vertical-menu--wider) .menu-item.onhover-selected .submenu-wrapper__title {
        margin: 0 0 8px;
        padding-top: 6px;
        padding-bottom: 2px
    }

    .ecwid-vertical-menu--with-icons:not(.ecwid-vertical-menu--wider) .menu-item.onhover-selected .submenu-wrapper__items {
        margin: 0 0 12px
    }

    .ecwid-vertical-menu--with-icons:not(.ecwid-vertical-menu--wider) .menu-item.onhover-selected .submenu-wrapper__arrow {
        position: absolute;
        top: 50%;
        left: -15px;
        width: 22px;
        height: 8px;
        margin-top: -4px;
        border: 0 solid transparent;
        background: url("data:image/svg+xml;charset=utf8,%3Csvg width='22' height='7' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 7' fill='%23252e37'%3E%3Cpath d='m9.246 5.525-3.48-3.302c-.598-.567-.897-.85-1.22-1.084A6 6 0 0 0 1.823.053C1.455.003.738 0 0 0l22 .002c-.945.008-1.53.04-2.087.181a6 6 0 0 0-1.807.792c-.626.408-1.151.978-2.202 2.117L13.8 5.372c-.769.835-1.153 1.252-1.609 1.418a2 2 0 0 1-1.246.042c-.465-.136-.877-.526-1.7-1.307Z'/%3E%3C/svg%3E") no-repeat center top;
        transform: rotate(90deg)
    }

    .ecwid-vertical-menu--with-icons:not(.ecwid-vertical-menu--wider) .menu-item.onhover-selected.has-submenu .submenu-wrapper {
        padding-bottom: 0
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--with-icons.ecwid-vertical-menu--wider .menu-item.onhover-selected.has-submenu:not(.active) .submenu-wrapper {
        display:block;
        visibility: visible;
        z-index: 2;
        overflow: visible;
        height: auto;
        margin-left: 10px;
        padding-top: 10px;
        padding-bottom: 6px;
        border-width: 1px 1px 1px 0;
        border-style: solid;
        border-radius: 6px;
        border-color: rgba(0,0,0,0);
        box-shadow: 0 5px 20px rgba(0,0,0,0.15)
    }

    .ecwid-vertical-menu--with-icons.ecwid-vertical-menu--wider .menu-item.onhover-selected.has-submenu:not(.active) .submenu-wrapper::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: -9px;
        width: 9px;
        height: 100%
    }

    .ecwid-vertical-menu--with-icons.ecwid-vertical-menu--wider .menu-item.onhover-selected.has-submenu:not(.active) .submenu-wrapper__title {
        margin: 0 0 8px;
        padding-top: 6px;
        padding-bottom: 2px
    }

    .ecwid-vertical-menu--with-icons.ecwid-vertical-menu--wider .menu-item.onhover-selected.has-submenu:not(.active) .submenu-wrapper__items {
        margin: 0 0 12px
    }

    .ecwid-vertical-menu--with-icons.ecwid-vertical-menu--wider .menu-item.onhover-selected.has-submenu:not(.active) .submenu-wrapper__arrow {
        position: absolute;
        top: 50%;
        left: -15px;
        width: 22px;
        height: 8px;
        margin-top: -4px;
        border: 0 solid transparent;
        background: url("data:image/svg+xml;charset=utf8,%3Csvg width='22' height='7' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 7' fill='%23252e37'%3E%3Cpath d='m9.246 5.525-3.48-3.302c-.598-.567-.897-.85-1.22-1.084A6 6 0 0 0 1.823.053C1.455.003.738 0 0 0l22 .002c-.945.008-1.53.04-2.087.181a6 6 0 0 0-1.807.792c-.626.408-1.151.978-2.202 2.117L13.8 5.372c-.769.835-1.153 1.252-1.609 1.418a2 2 0 0 1-1.246.042c-.465-.136-.877-.526-1.7-1.307Z'/%3E%3C/svg%3E") no-repeat center top;
        transform: rotate(90deg)
    }

    .ecwid-vertical-menu--with-icons.ecwid-vertical-menu--wider .menu-item.onhover-selected.has-submenu:not(.active).has-submenu .submenu-wrapper {
        padding-bottom: 0
    }
}

.ecwid-vertical-menu--with-icons .submenu-item {
    margin: 0;
    white-space: normal
}

.ecwid-vertical-menu--with-icons .submenu-item:hover .submenu-item__link {
    color: #8af
}

.ecwid-vertical-menu--with-icons .submenu-item.active .submenu-item__link {
    background-color: transparent;
    color: #8af
}

.ecwid-vertical-menu--with-icons .menu-item.active .submenu-item.active .submenu-item__link {
    color: #8af
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--with-icons .menu-item.active .submenu-item.active .submenu-item__link {
        color:#8af
    }
}

.ecwid-vertical-menu--with-icons .menu-item.active .submenu-item__link {
    color: #e7eaed
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--with-icons .menu-item.active .submenu-item__link {
        color:#e7eaed
    }
}

@media screen and (min-width: 1024px) and (max-width: 1679px) {
    .ecwid-vertical-menu--with-icons .menu-item.active .submenu-item__link {
        padding-right:16px
    }
}

.ecwid-vertical-menu--with-icons .menu-item.active .submenu-item__link:focus,.ecwid-vertical-menu--with-icons .menu-item.active .submenu-item__link:hover {
    color: #8af
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--with-icons .menu-item.active .submenu-item__link:focus,.ecwid-vertical-menu--with-icons .menu-item.active .submenu-item__link:hover {
        color:#8af
    }
}

.ecwid-vertical-menu--with-icons .submenu-item__link {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    padding: 6px 24px 6px 32px;
    color: #e7eaed;
    text-decoration: none;
    white-space: normal;
    transition: color .1s linear, border-color .1s linear;
    font-size: 14px;
    line-height: 22px
}

.ecwid-vertical-menu--with-icons .submenu-item__link.changed .submenu-item__link-inner::after {
    content: "*";
    position: absolute;
    top: 0;
    right: -12px;
    left: auto;
    width: 10px;
    height: 10px;
    font-size: 12px;
    text-align: center
}

.ecwid-vertical-menu--with-icons .submenu-item__link-inner {
    display: inline-block;
    position: relative;
    padding: 0;
    border-bottom-width: 0
}

.ecwid-vertical-menu--with-icons .submenu-item__link-inner .count-disable {
    display: inline-block;
    overflow: hidden;
    width: 18px;
    height: 18px;
    margin-bottom: -5px;
    margin-left: 5px;
    padding: 0;
    border-radius: 10px;
    background-color: #275ce0;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase
}

@media screen and (max-width: 1023px) {
    .ecwid-vertical-menu--with-icons .menu-item.active .submenu-item__link {
        padding-left:50px
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--with-icons.ecwid-vertical-menu--wider .menu-item.active .submenu-item__link {
        padding-left:50px
    }
}

@media screen and (min-width: 1680px) {
    .ecwid-vertical-menu--with-icons.ecwid-vertical-menu--wider .menu-item.active .submenu-item__link {
        padding-left:54px
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--with-icons:not(.ecwid-vertical-menu--wider) .menu-item.onhover-selected .submenu-item .submenu-item__link {
        padding:6px 16px
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--with-icons.ecwid-vertical-menu--wider .menu-item.onhover-selected.has-submenu:not(.active) .submenu-item .submenu-item__link {
        padding:6px 16px
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--new {
        --menu-width: 52px
    }
}

@media screen and (max-width: 1023px) {
    .ecwid-vertical-menu--new .menu-item.has-subsection {
        margin-top:20px
    }

    .ecwid-vertical-menu--new .menu-item.has-subsection:first-child {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        height: auto;
        margin-top: 0;
        clip-path: none
    }

    .ecwid-vertical-menu--new .menu-item.has-subsection .menu-item__link::before {
        content: none
    }

    .ecwid-vertical-menu--new .menu-item.has-subsection .menu-item__text {
        display: block;
        padding: 0;
        color: #aab8c5;
        font-size: 12px;
        font-weight: 500;
        cursor: default;
        user-select: none;
        font-family: var(--headers-font-family)
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--new.ecwid-vertical-menu--wider .menu-item.has-subsection {
        margin-top:20px
    }

    .ecwid-vertical-menu--new.ecwid-vertical-menu--wider .menu-item.has-subsection:first-child {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        height: auto;
        margin-top: 0;
        clip-path: none
    }

    .ecwid-vertical-menu--new.ecwid-vertical-menu--wider .menu-item.has-subsection .menu-item__link::before {
        content: none
    }

    .ecwid-vertical-menu--new.ecwid-vertical-menu--wider .menu-item.has-subsection .menu-item__text {
        display: block;
        padding: 0;
        color: #aab8c5;
        font-size: 12px;
        font-weight: 500;
        cursor: default;
        user-select: none;
        font-family: var(--headers-font-family)
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--new:not(.ecwid-vertical-menu--wider) .menu-item.onhover-selected .submenu-wrapper__title,.ecwid-vertical-menu--new:not(.ecwid-vertical-menu--wider) .menu-item.onhover-selected .submenu-item .submenu-item__link {
        padding-left:32px
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--new.ecwid-vertical-menu--wider .menu-item.onhover-selected.has-submenu:not(.active) .submenu-wrapper__title,.ecwid-vertical-menu--new.ecwid-vertical-menu--wider .menu-item.onhover-selected.has-submenu:not(.active) .submenu-item .submenu-item__link {
        padding-left:32px
    }
}

.ecwid-vertical-menu--new .menu-item.has-subsection {
    margin-top: 12px
}

.ecwid-vertical-menu--new .menu-item.has-subsection .menu-item__link {
    min-height: 24px;
    padding: 5px 16px
}

.ecwid-vertical-menu--new .menu-item__link {
    padding: 5px 16px;
    font-size: 13px;
    line-height: 22px
}

.ecwid-vertical-menu--new .submenu-item__link {
    padding: 5px 16px 5px 32px;
    font-size: 13px;
    line-height: 22px
}

.ecwid-vertical-menu--new .menu-item__text {
    padding-left: 10px
}

.ecwid-vertical-menu--new .submenu-wrapper__items {
    margin: 10px 0
}

.ecwid-vertical-menu--new .menu__search-wrapper {
    margin-top: -4px
}

@media screen and (max-width: 1023px) {
    .ecwid-vertical-menu--new .menu-item.active .submenu-item__link {
        padding-left:32px
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--new.ecwid-vertical-menu--wider .menu-item.active .submenu-item__link {
        padding-left:32px
    }
}

.loading-panel {
    position: fixed;
    top: 0%;
    left: 0%;
    width: 110%;
    height: 100%;
    min-width: 16em;
    min-height: 8.75em;
    margin-top: -4.3em;
    margin-left: -8em;
    font-size: 14px;
    animation: zoom .3s 1 linear, fadein .5s 1 linear
}

.loading-panel .loader {
    position: fixed;
    z-index: 30;
    left: 50%;
    top:50%;
    width: 88px;
    margin-left: -44px
}

    .loading-panel .loading-info {
        position: absolute;
        top: 60%;
        left:4%;
        width: 100%;
        margin-top: 6em;
        text-align: center;
        font-size: 16px;
        line-height: 24px;
        font-family: var(--headers-font-family);
        font-weight: var(--text-big-font-weight, 600);
        color: #0a1c2e
    }

.ecwid-loadingIndicator {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ecwid-loadingIndicator .loader {
    position: absolute;
    z-index: 30;
    top: 50%;
    left: 50%;
    width: 88px;
    height: 88px;
    margin-top: -57px;
    margin-left: -57px;
    padding: 13px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 5px 20px rgba(0,0,0,0.15)
}

.ecwid-loadingIndicator .loading-info {
    display: none
}

.loading-panel .loader .spinner-ball-outer,.ecwid-loadingIndicator .loader .spinner-ball-outer {
    width: 88px;
    height: 88px;
    background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 88 88'%3E%3Cpath fill='none' stroke='%23275ce0' stroke-linecap='round' stroke-width='3' d='M64.8 79.5C58.4 83.3 51 85.5 43 85.5 27 85.5 13 76.6 5.8 63.5M64.4 6.2C77 13.6 85.5 27.3 85.5 43 85.5 50.7 83.4 58 79.8 64.2M.5 43C.5 19.5 19.5.5 43 .5' transform='translate(1 1)'/%3E%3C/svg%3E") center center no-repeat;
    background-size: contain;
    animation: spinright .8s infinite linear
}

.loading-panel .loader .spinner-ball-inner,.ecwid-loadingIndicator .loader .spinner-ball-inner {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath fill='%23275ce0' d='M20 39.5C9.2 39.5.5 30.8.5 20S9.2.5 20 .5 39.5 9.2 39.5 20c0 .8-.7 1.5-1.5 1.5s-1.5-.7-1.5-1.5c0-9.1-7.4-16.5-16.5-16.5S3.5 10.9 3.5 20 10.9 36.5 20 36.5c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5z'/%3E%3C/svg%3E") center center no-repeat;
    background-size: contain;
    animation: spinleft .5s infinite linear
}

.loading-panel .loader .loader-object,.ecwid-loadingIndicator .loader .loader-object {
    width: 100%;
    height: 100%
}

.loading-panel .loader-mixed .spinner-ball-inner,.ecwid-loadingIndicator .loader-mixed .spinner-ball-inner {
    margin: -64px auto 64px
}

* {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none
}

html.hack-landscape {
    position: fixed;
    overflow-x: hidden;
    width: 100%
}

html,body {
    height: 100%
}

@media screen and (min-width: 1920px) {
    html {
        background-color:#dfe3e7
    }
}

@media screen and (min-width: 1920px) {
    body:not(.loading) {
        background-color:#dfe3e7
    }
}

.main-container {
    width: 100%;
    min-width: 320px;
    min-height: 100%;
    margin: 0 auto;
    background-color: #dfe3e7
}

.main-container.pushed .ecwid-to-lightspeed-banner,.main-container.pushed .preheader,.main-container.pushed .header,.main-container.pushed .content-container,.main-container.pushed .footer {
    margin-left: var(--menu-width)
}

.main-container.pushed .save-panel {
    z-index: 40;
    right: calc(var(--menu-width) * -1);
    left: var(--menu-width)
}

.main-container.pushed .save-panel .show-menu {
    display: none
}

.main-container.pushed .shadow {
    z-index: 50;
    opacity: .5;
    width: 100%;
    transition: opacity .2s linear,z-index 0s linear,width 0s linear
}

.main-container .header,.main-container .preheader,.main-container .content-container,.main-container .footer {
    min-width: 100%;
    margin: 0;
    transition: margin-left .2s linear
}

.main-container .ecwid-to-lightspeed-banner {
    width: 100%;
    box-sizing: border-box;
    transition: margin-left .2s linear
}

.ecwid-vertical-menu .main-container {
    max-width: 1920px
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu .main-container {
        position:relative;
        box-sizing: border-box;
        padding-left: var(--menu-width);
        background-color: #fff
    }

    .ecwid-vertical-menu .main-container .header,.ecwid-vertical-menu .main-container .content-container,.ecwid-vertical-menu .main-container .footer {
        transition: none
    }
}

.ecwid-no-menu .main-container {
    max-width: 1920px
}

@media screen and (min-width: 1024px) {
    .ecwid-no-menu .main-container {
        position:relative;
        background-color: #fff
    }

    .ecwid-no-menu .main-container .header,.ecwid-no-menu .main-container .content-container,.ecwid-no-menu .main-container .footer {
        transition: none
    }
}

.shadow {
    position: fixed;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    width: 0;
    background-color: #000;
    transition: opacity .2s linear,z-index 0s linear .2s,width 0s linear .2s
}

.content-container {
    position: relative;
    width: 100%;
    padding: 0
}

.content-container .ecwid-MainPanel-messagePanel {
    top: 10px
}

.content-wrapper {
    box-sizing: border-box;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    background-color: #fff;
    transition: padding .1s linear
}

.content-wrapper .content-wrapper-inner {
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    transition: opacity 150ms linear;
    padding-left: 8px;
    padding-right: 8px
}

@media screen and (min-width: 1024px) {
    .content-wrapper .content-wrapper-inner {
        padding-left:32px
    }
}

@media screen and (min-width: 1400px) {
    .content-wrapper .content-wrapper-inner {
        padding-left:40px
    }
}

@media screen and (min-width: 1024px) {
    .content-wrapper .content-wrapper-inner {
        padding-right:32px
    }
}

@media screen and (min-width: 1400px) {
    .content-wrapper .content-wrapper-inner {
        padding-right:40px
    }
}

.content-wrapper .content-wrapper-inner .content-panel {
    height: 100%
}

.content-wrapper .content-wrapper-inner .content-panel>div {
    box-sizing: border-box;
    min-height: inherit
}

.content-wrapper .content-wrapper-inner .content-panel>div>div[data-v-app] {
    min-height: inherit
}

.content-wrapper .content-wrapper-inner .content-panel .content-iframe--wrapper {
    min-height: inherit
}

.content-wrapper .content-wrapper-inner .content-panel .content-iframe--full {
    width: 100%;
    height: 100%;
    min-height: inherit;
    border: 0
}

.content-wrapper .settings-page {
    background-color: transparent
}

.cp-wrapper-hidden .content-wrapper-inner {
    opacity: 0
}

.content-wrapper.content-no-padding .content-wrapper-inner {
    padding: 0
}

.content-wrapper.content-bg-grey {
    background: #eceef0
}

.ecwid-iframe .header-wrapper,.ecwid-iframe .content-wrapper {
    padding-right: 10px
}

.ecwid-iframe .settings-page__img-container {
    margin-right: -10px
}

.content-wrapper .content-wrapper-inner .ecwid-MainPanel-content {
    margin: 0 !important;
    padding: 0
}

body.main-container-overflow-hidden .main-container {
    overflow: hidden
}

@media print {
    .nav-mobile,.main-menu {
        display: none
    }
}

.content-wrapper:not(.content-no-padding) .settings-page__header,.content-wrapper:not(.content-no-padding) .settings-page__body,.content-wrapper:not(.content-no-padding) .settings-page__section {
    padding-right: 0;
    padding-left: 0
}

.save-panel {
    position: fixed;
    z-index: 998;
    top: 0;
    right: 0;
    left: 0;
    overflow: hidden;
    max-width: 1920px;
    height: 56px;
    margin-right: auto;
    margin-left: auto;
    transition: background-color .5s ease-out,top 300ms ease-out,left .2s linear,max-width .2s linear,right .2s linear,z-index 0s linear,box-shadow .5s cubic-bezier(0.19, 1, 0.22, 1) .25s
}

.save-panel--button-visible,.save-panel--success-visible {
    box-shadow: 0 5px 25px rgba(20,46,112,0.35);
    transition: background-color .5s ease-out,top 300ms ease-out,left .2s linear,max-width .2s linear,right .2s linear,z-index 0s linear,box-shadow .5s cubic-bezier(0.19, 1, 0.22, 1)
}

.save-panel--success-visible {
    overflow: hidden
}

.save-panel--button-visible {
    animation: fadeInFromTop ease-out .2s
}

.save-panel--success-visible .save-panel__inner--success,.save-panel--button-visible .save-panel__inner--button {
    opacity: 1;
    transition: opacity .25s cubic-bezier(0.19, 1, 0.22, 1)
}

.save-panel--success-visible .save-panel__inner--success {
    z-index: 3
}

.save-panel--disable-transition-top {
    transition: background-color .5s ease-out,left .2s linear,max-width .2s linear,right .2s linear,z-index 0s linear,box-shadow .5s cubic-bezier(0.19, 1, 0.22, 1) .25s
}

.save-panel--disable-transition-top--button-visible,.save-panel--disable-transition-top--success-visible {
    box-shadow: 0 5px 25px rgba(20,46,112,0.35);
    transition: background-color .5s ease-out,left .2s linear,max-width .2s linear,right .2s linear,z-index 0s linear,box-shadow .5s cubic-bezier(0.19, 1, 0.22, 1)
}

@media screen and (min-width: 1024px) {
    .save-panel {
        height:56px
    }
}

.save-panel .save-panel__btn-save {
    min-width: 160px
}

.save-panel .save-panel__btn-save .svg-icon {
    width: 19px;
    height: 22px;
    padding-right: .4em;
    padding-left: 0
}

.save-panel .save-panel__btn-save .svg-icon svg {
    fill: currentColor
}

.save-panel [class*='icon-'] {
    padding: 0 12px;
    color: #275ce0;
    font-size: 26px
}

.save-panel .show-menu {
    height: 100%;
    margin-top: -10px;
    margin-left: -15px;
    line-height: 56px;
    color: #275ce0;
    transition: color .1s linear
}

.save-panel .show-menu:focus,.save-panel .show-menu:hover {
    color: #1b409d
}

.save-panel .show-menu:active {
    color: #688de9
}

.save-panel .show-menu>span {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 26px;
    vertical-align: middle
}

.save-panel .show-menu .menu-label {
    display: none
}

@media screen and (min-width: 360px) {
    .save-panel .show-menu .menu-label {
        display:inline-block;
        padding: 0 20px 0 0;
        font-size: 14px;
        text-transform: uppercase
    }
}

@media screen and (min-width: 1024px) {
    .save-panel .show-menu {
        display:none
    }
}

.save-panel .content-control-menu-nav {
    display: block;
    height: auto;
    padding: 0
}

.save-panel__inner {
    display: flex;
    box-sizing: border-box;
    opacity: 0;
    align-items: center;
    height: 56px;
    padding-top: 6px;
    padding-bottom: 6px;
    transition: opacity .5s cubic-bezier(0.19, 1, 0.22, 1) .25s;
    padding-left: 8px;
    padding-right: 8px
}

@media screen and (min-width: 1024px) {
    .save-panel__inner {
        padding-left:32px
    }
}

@media screen and (min-width: 1400px) {
    .save-panel__inner {
        padding-left:40px
    }
}

@media screen and (min-width: 1024px) {
    .save-panel__inner {
        padding-right:32px
    }
}

@media screen and (min-width: 1400px) {
    .save-panel__inner {
        padding-right:40px
    }
}

@media screen and (min-width: 1024px) {
    .save-panel__inner {
        height:56px
    }
}

.save-panel__inner .btn {
    margin-left: auto
}

.save-panel__inner .btn+.btn {
    margin-left: 12px
}

.save-panel__inner .content-control-menu-nav {
    margin: 0 16px 2px -2px;
    font-weight: 600
}

.save-panel__inner--success {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    justify-content: center;
    width: 100%;
    background-color: #ceeed9;
    color: #0cac42
}

.save-panel__inner--success .svg-icon {
    width: 19px;
    height: 22px;
    margin-right: 12px;
    vertical-align: middle
}

.save-panel__inner--success .svg-icon svg {
    width: 19px;
    height: 22px;
    fill: #0cac42 !important
}

.save-panel__inner--success .save-panel__message {
    display: block;
    font-weight: 400;
    vertical-align: middle
}

.save-panel__message {
    display: none
}

@media screen and (min-width: 1024px) {
    .save-panel__message {
        display:block;
        font-size: 14px;
        line-height: 22px;
        margin-right: auto
    }
}

.save-panel__shortcut span {
    font-weight: 600
}

@media screen and (min-width: 1024px) {
    .user-menu {
        z-index:1
    }
}

.save-panel__inner--button {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #d4def9
}

.ecwid-vertical-menu .save-panel {
    max-width: calc(1920px - var(--menu-width))
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu .save-panel {
        left:var(--menu-width)
    }
}

.conv-225 .help-side-shown .help-side-panel {
    box-shadow: 0 5px 25px rgba(20,46,112,0.35)
}

.footer {
    position: relative;
    z-index: 15;
    width: 100%;
    border-top: 1px solid #bfc7ce;
    background-color: #fff;
    font-size: 16px
}

.footer a {
    text-decoration: none
}

.footer .footer-wrapper {
    box-sizing: border-box;
    margin: 0;
    padding: 10px
}

.footer .footer-wrapper .footer-content-inner {
    max-width: 1000px;
    margin: 8px 0 8px 5px;
    line-height: 16px
}

.footer .store-id {
    font-size: 12px;
    white-space: nowrap
}

.footer .copyright {
    display: inline;
    font-size: 12px;
    line-height: 1.4;
    white-space: nowrap
}

.footer .store-id,.footer .copyright {
    margin: 0 9px 0 0
}

.footer .lang-switcher {
    display: inline-block;
    min-width: 226px;
    font-size: 12px;
    line-height: 1.4;
    white-space: nowrap
}

.footer .lang-switcher .popup-frame {
    position: relative;
    z-index: 170;
    cursor: pointer
}

.footer .lang-switcher .popup-frame .list-dropdown {
    bottom: 25px;
    left: 0;
    overflow: hidden;
    opacity: 0;
    max-width: 0;
    max-height: 0;
    margin-left: -60px;
    border-radius: 4px;
    transition: opacity .2s linear, max-width 0s linear .3s, max-height 0s linear .3s
}

.footer .lang-switcher .popup-frame .list-dropdown .list-wrapper {
    overflow-y: auto;
    min-width: 226px;
    max-width: 300px;
    max-height: 425px;
    padding: 7px 0
}

.footer .lang-switcher .popup-frame .list-dropdown .list-wrapper ul {
    padding: 0
}

.footer .lang-switcher .popup-frame .list-dropdown .list-wrapper ul li a {
    padding: 6px 19px;
    line-height: 23px
}

.footer .lang-switcher .popup-frame .list-dropdown .list-wrapper .add-language-link {
    display: inline-block;
    padding: 23px 19px 15px;
    line-height: 17px;
    white-space: normal
}

.footer .lang-switcher .popup-frame.popup-frame--opened .list-dropdown {
    opacity: 1;
    max-width: 1000px;
    max-height: 1000px;
    transition: opacity .2s linear
}

.footer ul.footer-links {
    display: inline;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
    line-height: 1.4
}

.footer ul.footer-links li {
    display: inline;
    margin: 0 10px 0 0;
    white-space: nowrap
}

.footer ul.footer-links li a {
    font-size: 12px;
    text-decoration: none
}

@media screen and (min-width: 1280px) {
    .ecwid-vertical-menu .footer .footer-wrapper .footer-content-inner {
        margin:8px 0 8px 25px
    }
}

.block-text-right {
    text-align: right
}

.block-text-left {
    text-align: left
}

.block-text-desc {
    max-width: 700px;
    padding: 0 0 16px;
    font-size: 14px;
    line-height: 22px
}

.block-text-desc p {
    position: relative;
    padding: 0
}

.block-rows {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 100px 0;
    border-bottom: 1px solid #bfc7ce
}

.block-rows--no-bottom-border {
    border-bottom: 0
}

.block-rows .block-rows-title {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 16px 0;
    text-transform: uppercase
}

.block-rows--noborder {
    border-bottom-color: transparent
}

.block-rows--nopadding {
    padding: 0
}

.block-rows--nomargin {
    margin: 0
}

.block-rows .block-row {
    padding: 24px 0 16px;
    border-top: 1px solid #bfc7ce
}

.block-rows .block-row--noborder {
    border-top-color: transparent
}

.block-rows .block-row--nopadding {
    padding: 0
}

.block-rows .block-row--nomargin {
    margin: 0
}

.block-rows .block-row .block-row-icon {
    display: none;
    text-align: center
}

@media screen and (min-width: 768px) {
    .block-rows .block-row .block-row-icon {
        display:table-cell;
        padding: 0 16px
    }
}

.block-rows .block-row .block-row-icon .block-row-icon-wrap {
    width: 140px;
    margin: 0 auto
}

.block-rows .block-row .block-row-icon svg {
    width: 100px;
    height: 92px
}

@media screen and (min-width: 768px) {
    .block-rows .block-row .block-row-info {
        padding:0 24px 0 0
    }
}

.block-rows .block-row .block-row-title {
    margin: 0 0 8px 0;
    font-size: 20px;
    line-height: 28px;
    font-family: var(--headers-font-family);
    font-weight: var(--headers-font-weight, 600);
    color: #0a1c2e
}

@media screen and (min-width: 768px) {
    .block-rows .block-row .block-row-title {
        font-size:24px;
        line-height: 30px
    }
}

.block-rows .block-row.disabled .block-row-title {
    color: #607385
}

.block-rows .block-row .block-row-subtitle {
    margin-bottom: 8px;
    font-size: 1em;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600)
}

.block-rows .block-row .block-row-desc,.block-rows .block-row .block-row-note {
    max-width: 625px;
    margin: 0 0 24px 0;
    font-size: .875em;
    line-height: 1.7
}

.block-rows .block-row .block-row-desc a,.block-rows .block-row .block-row-note a {
    text-decoration: none
}

.block-rows .block-row .block-control {
    overflow: hidden;
    margin: 8px 0 16px 0;
    text-align: left
}

@media screen and (min-width: 768px) {
    .block-rows .block-row .block-control {
        padding:16px 24px 0 0;
        text-align: right
    }
}

.block-rows .block-row .block-control label.checkbox {
    height: 55px;
    margin: 0 0 0 8px
}

@media screen and (min-width: 768px) {
    .block-rows .block-row .block-control label.checkbox {
        float:right;
        margin: 0 24px 0 24px
    }
}

.block-rows .block-row .block-control .btn {
    min-width: 200px
}

.block-rows .block-row .settings-table {
    margin: 0 0 16px 0;
    border-collapse: collapse
}

.block-rows .block-row .settings-table .settings-column-val {
    text-align: left
}

.block-rows .block-row .settings-table .settings-title {
    margin: 8px 64px 8px 0;
    font-size: 1.125em;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600)
}

.block-rows .block-row .settings-table label.checkbox {
    width: 140px
}

.block-rows.disabled {
    opacity: 1
}

.block-rows.disabled .block-row-title,.block-rows.disabled .block-settings-desc {
    color: #607385
}

.block-rows .ecwid-g-r {
    display: block
}

@media screen and (min-width: 768px) {
    .block-rows .ecwid-g-r {
        display:table;
        width: 100%
    }
}

.block-rows .ecwid-g-r [class*="ecwid-u-"] {
    display: block
}

@media screen and (min-width: 768px) {
    .block-rows .ecwid-g-r [class*="ecwid-u-"] {
        display:table-cell;
        vertical-align: top
    }
}

.block-row-info-full {
    max-width: 700px
}

.block-row-info-full.ecwid-g-r [class*="ecwid-u-"] {
    display: block;
    width: 100%;
    max-width: 100%
}

@media screen and (min-width: 960px) {
    .block-row-info-full.ecwid-g-r .ecwid-u-1-2 {
        display:table-cell;
        width: 50%;
        padding: 0 48px 0 0
    }
}

.block-row-info-full [class*="ecwid-u-"] {
    display: block
}

.block-row-info-full a {
    text-decoration: none
}

.block-settings {
    margin: 0 0 16px 0;
    font-size: 14px
}

@media screen and (min-width: 768px) {
    .block-settings {
        margin:0 0 64px 0;
        font-size: 16px
    }
}

.block-settings .block-settings-title {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 16px 0;
    text-transform: uppercase
}

.block-settings .block-setting {
    padding: 16px 0 24px
}

.block-setting .block-setting-title {
    margin: 0 0 8px 0;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600)
}

.block-setting .block-setting-desc {
    font-size: 14px;
    line-height: 22px;
    max-width: 625px;
    margin: 0 0 24px 0
}

.block-setting .block-checkbox {
    margin: 0 0 16px 0
}

.block-setting .block-upgrade {
    display: none
}

.block-setting.block-paid .block-checkbox {
    display: none
}

.block-setting.block-paid .block-upgrade {
    display: inline-block;
    margin: 0 0 16px 0;
    text-align: left
}

.block-setting.block-paid .block-upgrade .block-upgrade-note {
    display: block;
    max-width: 768px;
    margin: 8px auto 0;
    font-size: .875em
}

@keyframes wysiwygplaceholder {
    0% {
        fill: #e8ebed
    }

    20% {
        fill: #dadfe2
    }

    100% {
        fill: #e8ebed
    }
}

.ecwid-wysiwyg-placeholder {
    width: 100%;
    fill: #e8ebed
}

.ecwid-wysiwyg-placeholder_container {
    margin-bottom: 24px
}

.ecwid-wysiwyg-placeholder__bars .bar1 {
    animation: wysiwygplaceholder 750ms infinite ease-out 0ms
}

.ecwid-wysiwyg-placeholder__bars .bar2 {
    animation: wysiwygplaceholder 750ms infinite ease-out 108.3333333333ms
}

.ecwid-wysiwyg-placeholder__bars .bar3 {
    animation: wysiwygplaceholder 750ms infinite ease-out 216.6666666667ms
}

.ecwid-wysiwyg-placeholder__bars .bar4 {
    animation: wysiwygplaceholder 750ms infinite ease-out 325ms
}

.ecwid-wysiwyg-placeholder__bars .bar5 {
    animation: wysiwygplaceholder 750ms infinite ease-out 433.3333333333ms
}

.ecwid-wysiwyg-placeholder__bars .bar6 {
    animation: wysiwygplaceholder 750ms infinite ease-out 541.6666666667ms
}

span.ecwid-tooltipWrapper {
    position: relative
}

.productControlsContainer {
    text-align: left
}

@media screen and (min-width: 768px) {
    .productControlsContainer {
        white-space:nowrap
    }
}

@media screen and (min-width: 1024px) {
    .productControlsContainer {
        text-align:right
    }
}

.productControlsContainer .list-dropdown {
    max-width: 370px
}

.productControlsContainer .list-dropdown ul>li>a {
    overflow: hidden;
    text-overflow: ellipsis
}

.productControlsContainer .add-new-product {
    margin-bottom: 8px;
    border-radius: 3px
}

@media screen and (min-width: 768px) {
    .productControlsContainer .add-new-product {
        margin-bottom:0
    }
}

.productControlsContainer .product-types-hidden {
    display: none
}

.productControlsContainer .product-btn {
    display: inline-block;
    margin-left: 8px;
    vertical-align: top
}

.productControlsContainer .product-btn.btn-icon {
    padding-bottom: 6px
}

.productControlsContainer .product-btn.btn-icon .svg-icon {
    width: 18px;
    height: 18px;
    padding: 0
}

.content-wrapper-padding {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 16px
}

@media screen and (min-width: 1024px) {
    .content-wrapper-padding {
        padding-left:32px
    }
}

@media screen and (min-width: 1400px) {
    .content-wrapper-padding {
        padding-left:40px
    }
}

@media screen and (min-width: 1024px) {
    .content-wrapper-padding {
        padding-right:32px
    }
}

@media screen and (min-width: 1400px) {
    .content-wrapper-padding {
        padding-right:40px
    }
}

@media screen and (min-width: 768px) {
    .content-wrapper-padding {
        padding-top:24px
    }
}

@media screen and (min-width: 1024px) {
    .content-wrapper-padding {
        padding-top:0
    }
}

.Title,.title-wrapper,.page-title {
    padding-top: 16px;
    margin-bottom: 16px
}

@media screen and (min-width: 768px) {
    .Title,.title-wrapper,.page-title {
        padding-top:24px
    }
}

@media screen and (min-width: 1024px) {
    .Title,.title-wrapper,.page-title {
        padding-top:0
    }
}

@media screen and (min-width: 768px) {
    .Title,.title-wrapper,.page-title {
        margin-bottom:24px
    }
}

.title-wrapper {
    display: flex;
    align-items: center
}

.title-wrapper .Title,.title-wrapper .productsMode {
    display: inline-block;
    vertical-align: top
}

.title-wrapper .Title {
    margin-bottom: 0;
    padding-top: 0;
    padding-right: 0
}

.Title {
    padding-right: 10px;
    font-size: 20px;
    line-height: 28px;
    font-family: var(--headers-font-family);
    font-weight: var(--headers-font-weight, 700);
    color: #0a1c2e
}

@media screen and (min-width: 768px) {
    .Title {
        font-size:32px;
        line-height: 38px
    }
}

.CodeMirror {
    resize: vertical
}

.checklist {
    display: flex;
    position: relative;
    flex-wrap: nowrap;
    transition: color .15s linear
}

.checklist--done {
    color: #607385
}

.checklist--done .checklist__checkmark {
    border-color: #0cac42;
    background-color: #0cac42;
    color: #fff
}

.checklist--done .checklist__done {
    opacity: 1;
    max-width: 100px;
    margin-right: 4px;
    transition: opacity .15s ease-out,max-width .15s ease-out,margin-right .15s ease-out
}

.checklist--done .checklist__title {
    text-decoration: line-through
}

.checklist--done .checklist__emoji {
    opacity: 0;
    max-width: 0;
    transition: max-width .15s ease-in-out,opacity .15s ease-in-out
}

.checklist--has-action .checklist__body {
    padding-right: 8px
}

@media screen and (min-width: 768px) {
    .checklist--has-action .checklist__body {
        padding-right:16px
    }
}

.checklist--has-action .checklist__body-container {
    background-color: transparent;
    transition: background-color .1s linear;
    cursor: pointer
}

.checklist--has-action .checklist__body-container:focus,.checklist--has-action .checklist__body-container:hover {
    background-color: #e7f0f8
}

.checklist--has-action .checklist__body-container:focus .checklist__move-forward-arrow,.checklist--has-action .checklist__body-container:hover .checklist__move-forward-arrow {
    margin-right: -4px;
    margin-left: 4px;
    color: #1b409d
}

.checklist--has-action .checklist__checkmark {
    box-shadow: 0 5px 10px rgba(0,0,0,0.15)
}

.checklist--has-action .checklist__checkmark-container {
    cursor: pointer
}

.checklist--has-action .checklist__checkmark-container:focus+.checklist__body-container .checklist__title,.checklist--has-action .checklist__checkmark-container:hover+.checklist__body-container .checklist__title {
    text-decoration: line-through
}

.checklist--has-action .checklist__checkmark-container:focus .checklist__checkmark,.checklist--has-action .checklist__checkmark-container:hover .checklist__checkmark {
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    border-color: #275ce0;
    color: #275ce0
}

.checklist--has-action .checklist__move-forward-arrow {
    display: block
}

.checklist.checklist--done.checklist--has-action .checklist__checkmark-container:focus .checklist__checkmark,.checklist.checklist--done.checklist--has-action .checklist__checkmark-container:hover .checklist__checkmark {
    border-color: #08782e;
    background-color: #08782e;
    color: #fff
}

.checklist.checklist--done.checklist--has-action .checklist__checkmark-container:active .checklist__checkmark {
    box-shadow: 0 1px 4px rgba(0,0,0,0.2)
}

.checklist__checkmark {
    width: 36px;
    height: 36px;
    border: 1px solid rgba(128,143,157,0.3);
    border-radius: 50%;
    color: #808f9d;
    transition: color .1s linear, border-color .1s linear, box-shadow .2s linear, background-color .1s linear
}

.checklist__checkmark svg {
    fill: currentColor
}

.checklist__checkmark-placeholder {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 68px
}

@media screen and (min-width: 768px) {
    .checklist__checkmark-placeholder {
        width:94px
    }
}

.checklist__checkmark-container {
    position: absolute;
    top: 8px;
    left: 8px;
    padding: 8px
}

@media screen and (min-width: 768px) {
    .checklist__checkmark-container {
        left:24px
    }
}

.checklist__body-container {
    display: flex;
    flex-grow: 1;
    flex-wrap: nowrap;
    padding: 16px;
    padding-left: 68px
}

@media screen and (min-width: 768px) {
    .checklist__body-container {
        padding:28px 32px 24px 32px
    }
}

@media screen and (min-width: 768px) {
    .checklist__body-container {
        padding:16px 24px 16px 94px
    }
}

.checklist__header {
    margin-bottom: 4px;
    font-size: 0
}

.checklist__done {
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e;
    display: inline-block;
    opacity: 0;
    max-width: 0;
    margin-right: 0;
    transition: max-width .15s ease-in-out,opacity .15s ease-in-out,margin-right .15s ease-in-out
}

.checklist__emoji {
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e;
    opacity: 1;
    max-width: 30px;
    transition: max-width .15s ease-out,opacity .15s ease-out
}

.checklist__title {
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e;
    margin-right: 4px
}

.checklist__body {
    flex-grow: 1
}

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

.checklist__duration {
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap
}

.checklist__move-forward-arrow {
    display: none;
    flex-shrink: 0;
    align-self: center;
    width: 10px;
    color: #808f9d;
    transition: color 0.1s linear,margin-right 0.2s cubic-bezier(0, 0.71, 0.57, 1),margin-left 0.2s cubic-bezier(0, 0.71, 0.57, 1)
}

.checklist__move-forward-arrow svg {
    width: 100%;
    height: 100%;
    fill: currentColor
}

.before-checklist-paddings {
    padding: 16px;
    padding-bottom: 8px
}

@media screen and (min-width: 768px) {
    .before-checklist-paddings {
        padding:28px 32px 24px 32px
    }
}

@media screen and (min-width: 768px) {
    .before-checklist-paddings {
        padding-bottom:4px
    }
}

.after-checklist-paddings {
    padding: 16px;
    padding-top: 0
}

@media screen and (min-width: 768px) {
    .after-checklist-paddings {
        padding:28px 32px 24px 32px
    }
}

@media screen and (min-width: 768px) {
    .after-checklist-paddings {
        padding-top:0
    }
}

.block-template .block-text-desc {
    padding: 0
}

.block-template .block-text-desc p {
    margin-top: 0;
    margin-bottom: 8px;
    padding: 0
}

.block-template .block-need-help {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    float: left;
    margin-bottom: 8px
}

@media screen and (min-width: 768px) {
    .block-template .block-need-help {
        float:none
    }
}

.block-template .block-template-edit .block-template-edit-desc {
    font-size: 16px;
    line-height: 24px;
    margin: 10px 0 15px;
    font-weight: 600
}

.block-template .block-template-edit .block-template-edit-field {
    width: 100%;
    margin: 0 0 40px 0
}

.block-template .block-template-edit .block-template-edit-field .CodeMirror {
    display: inline-block;
    box-sizing: border-box;
    width: 100% !important;
    height: 40px;
    max-height: 40px;
    padding: 4px 3px;
    border: 1px solid #808f9d;
    border-radius: 5px;
    outline: 0;
    background-color: #f9f9fa;
    color: #607385;
    font-size: 14px;
    line-height: 1.5;
    vertical-align: middle;
    box-shadow: 0 1px 1px transparent inset
}

.block-template .block-template-edit .block-template-edit-field.multiline-code .CodeMirror {
    width: auto;
    height: 700px;
    max-height: none;
    padding: 0;
    line-height: 1.2
}

.block-template .block-template-edit .block-template-edit-field.multiline-code-medium .CodeMirror {
    width: auto;
    height: 100px;
    max-height: none;
    padding: 0;
    line-height: 1.2
}

.block-template .block-template-edit .block-template-edit-field.view-mode .CodeMirror {
    border: none
}

.block-template .block-template-edit .block-template-edit-field textarea {
    box-sizing: border-box;
    width: 100%;
    height: 700px;
    margin: 0;
    padding: 4px 4px 10px;
    border: 1px solid #808f9d;
    border-radius: 5px;
    font-size: 14px;
    line-height: 1.3;
    word-wrap: normal;
    white-space: pre;
    resize: vertical
}

@media screen and (min-width: 768px) {
    .block-template .block-template-edit .block-template-edit-field textarea {
        height:620px
    }
}

.block-template .block-template-edit .block-template-edit-field .link-revert {
    margin: 9px 0 50px 0;
    font-size: 14px
}

.block-template .block-template-edit .block-template-edit-field .link-revert a {
    text-decoration: none
}

@media screen and (min-width: 768px) {
    .block-template .block-need-help {
        float:none
    }
}

.notifications {
    max-width: 1360px
}

.notifications h1 {
    padding-top: 16px;
    margin-bottom: 16px
}

@media screen and (min-width: 768px) {
    .notifications h1 {
        padding-top:24px
    }
}

@media screen and (min-width: 1024px) {
    .notifications h1 {
        padding-top:0
    }
}

@media screen and (min-width: 768px) {
    .notifications h1 {
        margin-bottom:24px
    }
}

.notifications .block-text-desc {
    margin-bottom: 16px
}

@media screen and (min-width: 768px) {
    .notifications .block-text-desc p {
        padding:0 0 0 120px
    }
}

.notifications .block-text-desc p [class*="icon-"] {
    display: none
}

@media screen and (min-width: 768px) {
    .notifications .block-text-desc p [class*="icon-"] {
        display:block;
        position: absolute;
        top: -17px;
        left: 2px;
        color: #275ce0;
        font-size: 80px;
        cursor: default
    }
}

.notifications h3 {
    margin-bottom: 16px;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 24px
}

.notifications .block-row .ecwid-g-r [class*="ecwid-u-"] {
    display: inline-block
}

.notifications .block-row .ecwid-u-5-8 {
    display: block
}

.notifications .block-row .block-settings {
    padding: 6px 0 10px 0
}

@media (min-width: 700px) {
    .notifications .block-row .block-settings {
        padding:6px 0 60px 0
    }
}

.notifications .block-row .block-settings-desc {
    margin: 10px 0 0 0;
    font-size: 14px;
    line-height: 22px
}

.notifications .block-row .btn-group {
    margin: 0 2px 0 0
}

.notifications .block-row .btn-group>.btn:first-child {
    min-width: 81px
}

.notifications .block-row .btn-group>.btn-dropdown {
    min-width: 40px
}

.notifications .block-row .btn-group .bubble {
    width: 200px
}

.notifications .block-row .btn-group .list-dropdown {
    right: auto;
    left: 0
}

.notifications .block-row .ecwid-u-1-4 .btn-group {
    margin-right: -30px
}

.notifications .block-row .block-control-elements {
    width: 50%;
    margin-right: -1px;
    padding: 20px 0 16px 0;
    text-align: left
}

.notifications .block-row .block-control-elements label.checkbox {
    float: right
}

.notifications .block-row label.checkbox {
    margin: 0 38px 0 30px
}

.notifications .block-row .ecwid-u-1-8 label.checkbox {
    margin-left: 60px
}

.notifications .block-row .nolink {
    color: #0a1c2e;
    cursor: text
}

.notifications .block-settings-inner {
    padding: 13px 0 10px 0
}

.notifications .block-settings-inner .block-settings-inner-title {
    margin: 0 0 10px 0;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600)
}

.notifications .block-settings-inner p {
    margin: 18px 0 20px 0
}

.notifications .block-settings-inner a {
    text-decoration: none
}

.notifications .block-settings-inner .tip {
    display: block;
    margin: 5px 0 0 0;
    color: #607385;
    font-size: 14px;
    line-height: 22px
}

.notifications .block-settings-inner .btn-container {
    margin: 27px 0 11px
}

.notifications .block-settings-inner .btn-container .btn {
    min-width: 160px
}

.notifications .block-settings-inner .mail-logo {
    max-width: 768px;
    padding: 0 0 40px 0
}

.notifications .block-settings-inner .mail-logo .logo-container,.notifications .block-settings-inner .mail-logo .block-settings-inner-text {
    display: inline-block;
    vertical-align: middle
}

.notifications .block-settings-inner .logo-container {
    max-width: 285px;
    height: 100px;
    max-height: 100px;
    margin: 0 10px 0 0
}

.notifications .block-settings-inner .logo-container.no-logo {
    position: relative;
    width: 170px;
    height: 70px;
    padding: 0 15px;
    border: 1px solid #bfc7ce;
    font-size: 14px;
    text-align: center;
    cursor: pointer
}

.notifications .block-settings-inner .logo-container.no-logo .logo-container-inner {
    box-sizing: border-box;
    padding: 24px 0
}

.notifications .block-settings-inner .logo-container.no-logo .logo-container-inner.long {
    padding: 14px 0
}

.notifications .block-settings-inner .logo-container.no-logo input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.notifications .block-settings-inner .logo-container.no-logo span {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap
}

.notifications .block-settings-inner .logo-container img {
    max-width: 100%;
    height: 100%
}

.notifications .block-settings-inner .logo-container .logo-container-inner {
    height: 100%
}

.notifications .block-settings-inner .block-settings-inner-text {
    padding: 10px 0
}

.notifications .block-settings-inner .block-settings-inner-text .change-logo-link {
    display: inline-block;
    position: relative;
    text-decoration: none
}

.notifications .block-settings-inner .block-settings-inner-text .change-logo-link input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

@media (min-width: 600px) {
    .notifications .block-settings-inner .mail-logo .logo-container {
        margin:0 30px 0 0
    }

    .notifications .block-settings-inner .mail-logo .logo-container-inner {
        display: block;
        height: 100%
    }
}

@media (min-width: 700px) {
    .notifications .block-rows .block-row .ecwid-g-r {
        display:table;
        width: 100%
    }

    .notifications .block-rows .block-row .ecwid-g-r [class*="ecwid-u-"] {
        display: table-cell;
        vertical-align: middle
    }

    .notifications .block-rows .block-row .ecwid-g-r .btn-group .list-dropdown {
        right: 0;
        left: auto
    }

    .notifications .block-rows .block-row .block-row-title {
        margin: 0 7px 0 18px
    }

    .notifications .block-rows .block-row .block-settings-desc {
        margin: 10px 0 0 18px
    }

    .notifications .block-rows .block-row .ecwid-u-5-8 {
        width: 62.5%
    }

    .notifications .block-rows .block-row .block-control-elements {
        padding: 0;
        text-align: right
    }

    .notifications .block-rows .block-row .block-control-elements.ecwid-u-1-4 {
        width: 25%
    }

    .notifications .block-rows .block-row .block-control-elements.ecwid-u-1-8 {
        width: 12.5%
    }

    .notifications .block-settings-inner {
        padding: 13px 0 30px 18px
    }
}

.notifications .block-settings-edit {
    padding: 4px 0 0 0
}

.notifications .block-settings-edit .block-settings-edit-desc {
    margin: 10px 0 8px
}

.notifications .block-settings-edit .block-settings-edit-field {
    position: relative;
    max-width: 600px;
    margin: 0 0 20px 0
}

.notifications .block-settings-edit .block-settings-edit-field textarea {
    height: 75px;
    padding: 10px 15px;
    font-size: 16px;
    resize: none
}

.notifications .block-settings-edit .block-settings-edit-field textarea:focus {
    padding: 9px 14px
}

.notifications .block-settings-edit .has-error textarea {
    padding: 9px 14px
}

.edit_notifications {
    max-width: 1440px
}

.edit_notifications .block-feature-missing {
    padding: 10px 20px 20px 45px;
    background-color: #e8ebed
}

.edit_notifications .block-feature-missing .block-text-desc {
    max-width: 100%
}

.edit_notifications .disable-edit .CodeMirror {
    background-color: rgba(183,192,200,0.45) !important
}

.edit_notifications h3 {
    margin-bottom: 8px
}

.block-template .block-template-edit .block-template-edit-field textarea {
    word-wrap: normal;
    white-space: pre
}

@media screen and (min-width: 768px) {
    .edit_notifications__title {
        margin-bottom:8px
    }
}

.ecwid-facelift .ecwid-MainPanel-content {
    width: 100%;
    margin: 0 !important;
    padding: 0
}

.ecwid-facelift .ecwid-Button,.ecwid-facelift .ecwid-Button[type],.ecwid-facelift .gwt-Button,.ecwid-facelift button.gwt-Button,.ecwid-facelift #wrapper button.gwt-Button {
    font-size: 12px;
    line-height: 18px;
    display: inline-block;
    box-sizing: border-box;
    min-width: 84px;
    height: 28px;
    margin: 0;
    padding: 3px 8px;
    border: 1px solid rgba(0,0,0,0);
    border-radius: 6px;
    outline: 0;
    background-color: #275ce0;
    background-image: none;
    color: #fff;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
    transition: color .1s linear, background-color .1s linear, border-color .1s linear;
    cursor: pointer
}

.ecwid-facelift .ecwid-Button:hover {
    border-color: rgba(0,0,0,0);
    background-color: #4774e5;
    color: #fff
}

.ecwid-facelift .ecwid-Button:focus {
    background-color: #275ce0;
    box-shadow: 1px 1px 0 #1b409d inset,-1px -1px 0 #1b409d inset
}

.ecwid-facelift .ecwid-Button:focus:hover {
    background-color: #4774e5
}

.ecwid-facelift .ecwid-Button:active {
    background-color: #4774e5;
    color: #fff
}

.ecwid-facelift .ecwid-Button:focus:active {
    border-color: #1b409d;
    background-color: #275ce0
}

.ecwid-facelift .ecwid-Button[disabled] {
    pointer-events: none
}

.ecwid-facelift .ecwid-Button[disabled],.ecwid-facelift .ecwid-Button[disabled]:hover,.ecwid-facelift .ecwid-Button[disabled]:focus,.ecwid-facelift .ecwid-Button[disabled]:focus:hover,.ecwid-facelift .ecwid-Button[disabled]:active,.ecwid-facelift .ecwid-Button[disabled]:focus:active {
    opacity: .4;
    border: 1px solid rgba(0,0,0,0);
    background-color: #275ce0;
    color: #fff;
    cursor: default
}

.ecwid-facelift .gwt-Button,.ecwid-facelift button.gwt-Button,.ecwid-facelift #wrapper button.gwt-Button {
    border-color: transparent;
    background-color: #275ce0;
    color: #fff
}

.ecwid-facelift .gwt-Button:hover,.ecwid-facelift button.gwt-Button:hover,.ecwid-facelift #wrapper button.gwt-Button:hover {
    border-color: transparent;
    background-color: #4774e5;
    color: #fff
}

.ecwid-facelift .gwt-Button:active,.ecwid-facelift button.gwt-Button:active,.ecwid-facelift #wrapper button.gwt-Button:active {
    border-color: transparent;
    background-color: #4774e5;
    background-image: none;
    color: #fff
}

.ecwid-facelift .gwt-Button:focus,.ecwid-facelift button.gwt-Button:focus,.ecwid-facelift #wrapper button.gwt-Button:focus {
    border-color: #1b409d;
    box-shadow: 1px 1px 0 #1b409d,inset,-1px -1px 0 #1b409d inset
}

.ecwid-facelift .gwt-Button:focus:hover,.ecwid-facelift button.gwt-Button:focus:hover,.ecwid-facelift #wrapper button.gwt-Button:focus:hover {
    background-color: #4774e5
}

.ecwid-facelift .gwt-Button:focus:active,.ecwid-facelift button.gwt-Button:focus:active,.ecwid-facelift #wrapper button.gwt-Button:focus:active {
    background-color: #4774e5
}

.ecwid-facelift .gwt-TextBox,.ecwid-facelift .gwt-PasswordTextBox,.ecwid-facelift .PagingBar-PageTextBox,.ecwid-facelift div.ecwid-DateRangePopup input.gwt-DateBox,.ecwid-facelift .productSidebar-quantityField,.ecwid-facelift .productSidebar-warningField,.ecwid-facelift input.ExtraField,.ecwid-facelift input.CustomersListComponent-FilterTextBox,.ecwid-facelift input.backend-searchTextBox,.ecwid-facelift .Customer-Memberships-Panel .ecwid-fieldEnvelope-around .gwt-TextArea {
    font-size: 12px;
    line-height: 18px;
    display: inline-block;
    box-sizing: border-box;
    min-width: 40px;
    height: 28px;
    padding: 3px 6px;
    border: 1px solid #808f9d;
    border-radius: 5px;
    outline: 0;
    background-color: #f9f9fa;
    color: #0a1c2e;
    vertical-align: middle;
    transition: background-color .1s linear, color .1s linear, border-color .1s linear, box-shadow .1s linear;
    box-shadow: 0 1px 1px transparent inset
}

.ecwid-facelift .gwt-TextBox:hover,.ecwid-facelift .gwt-PasswordTextBox:hover,.ecwid-facelift .PagingBar-PageTextBox:hover,.ecwid-facelift div.ecwid-DateRangePopup input.gwt-DateBox:hover,.ecwid-facelift .productSidebar-quantityField:hover,.ecwid-facelift .productSidebar-warningField:hover,.ecwid-facelift input.ExtraField:hover,.ecwid-facelift input.CustomersListComponent-FilterTextBox:hover,.ecwid-facelift input.backend-searchTextBox:hover,.ecwid-facelift .Customer-Memberships-Panel .ecwid-fieldEnvelope-around .gwt-TextArea:hover {
    background-color: #fff
}

.ecwid-facelift .gwt-TextBox:active,.ecwid-facelift .gwt-TextBox:focus,.ecwid-facelift .gwt-PasswordTextBox:active,.ecwid-facelift .gwt-PasswordTextBox:focus,.ecwid-facelift .PagingBar-PageTextBox:active,.ecwid-facelift .PagingBar-PageTextBox:focus,.ecwid-facelift div.ecwid-DateRangePopup input.gwt-DateBox:active,.ecwid-facelift div.ecwid-DateRangePopup input.gwt-DateBox:focus,.ecwid-facelift .productSidebar-quantityField:focus,.ecwid-facelift .productSidebar-warningField:focus,.ecwid-facelift input.ExtraField:active,.ecwid-facelift input.ExtraField:focus,.ecwid-facelift input.CustomersListComponent-FilterTextBox:active,.ecwid-facelift input.CustomersListComponent-FilterTextBox:focus,.ecwid-facelift input.backend-searchTextBox:active,.ecwid-facelift input.backend-searchTextBox:focus,.ecwid-facelift .Customer-Memberships-Panel .ecwid-fieldEnvelope-around .gwt-TextArea:active,.ecwid-facelift .Customer-Memberships-Panel .ecwid-fieldEnvelope-around .gwt-TextArea:focus {
    padding: .231em .417em;
    border: 2px solid #275ce0;
    outline: 0;
    background-color: #fff;
    color: #0a1c2e
}

.ecwid-facelift .PagingBar-PageTextBox {
    width: 40px;
    margin-top: 2px
}

.ecwid-facelift div.ecwid-DateRangePopup input.gwt-DateBox {
    width: 100px
}

.ecwid-facelift div.ecwid-BigTextBox {
    padding: 0;
    border: none
}

.ecwid-facelift div.ecwid-BigTextBox .gwt-TextBox,.ecwid-facelift .compareToPricePanel .gwt-TextBox {
    height: 2.857em;
    padding: 4px 11px;
    border: 1px solid #808f9d;
    color: #0a1c2e;
    font-size: 14px;
    line-height: 1.75em
}

.ecwid-facelift div.ecwid-BigTextBox .gwt-TextBox-tooltip,.ecwid-facelift div.classNameEditor .gwt-TextBox-tooltip {
    opacity: .6;
    color: #0a1c2e
}

.ecwid-facelift div.ecwid-BigTextBox .gwt-TextBox:focus,.ecwid-facelift .compareToPricePanel .gwt-TextBox:focus {
    padding: 3px 10px;
    border: 2px solid #275ce0;
    outline: 0;
    background-color: #fff
}

.ecwid-facelift .gwt-TextBox[disabled],.ecwid-facelift .gwt-TextBox[disabled]:active,.ecwid-facelift .gwt-TextBox[disabled]:focus,.ecwid-facelift .gwt-TextBox[readonly],.ecwid-facelift div.ecwid-BigTextBox .gwt-TextBox.gwt-TextBox-readonly,.ecwid-facelift div.ecwid-BigTextBox .gwt-TextBox.gwt-TextBox-readonly:focus,.ecwid-facelift div.ecwid-BigTextBox .gwt-TextBox.gwt-TextBox-readonly:active {
    opacity: .4;
    border-width: 1px;
    border-color: #808f9d;
    background-color: rgba(183,192,200,0.45);
    cursor: not-allowed;
    box-shadow: 0 1px 1px transparent inset
}

.ecwid-facelift table.ecwid-fieldEnvelope {
    margin: 0
}

.ecwid-facelift table.ecwid-fieldEnvelope-hidden div.ecwid-fieldEnvelope-around,.ecwid-facelift table.ecwid-fieldEnvelope-error div.ecwid-fieldEnvelope-around {
    border: 0
}

.ecwid-facelift table.ecwid-fieldEnvelope-error div.ecwid-fieldEnvelope-around div.ecwid-BigTextBox .gwt-TextBox,.ecwid-facelift table.ecwid-fieldEnvelope-error div.ecwid-fieldEnvelope-around .gwt-TextBox,.ecwid-facelift table.ecwid-fieldEnvelope-error div.ecwid-fieldEnvelope-around .gwt-TextBox-error {
    padding: 2px 5px;
    border: 2px solid #f43c36;
    background-color: #feeceb;
    box-shadow: none;
    color: #f43c36;
    transition: background .15s linear, color .15s linear, border-color .15s linear, box-shadow .15s linear
}

.ecwid-facelift .productSidebar-priceField input {
    height: 48px;
    padding: 4px 10px;
    font-size: 28px
}

.ecwid-facelift .productSidebar-priceField input:focus {
    padding: 3px 9px
}

.ecwid-facelift table.ecwid-DropdownBox,.ecwid-facelift table.ecwid-DateRangeBox {
    height: 28px;
    border-collapse: separate;
    border: 1px solid #808f9d;
    border-radius: 5px;
    background-color: #f9f9fa;
    cursor: pointer
}

.ecwid-facelift table.ecwid-DropdownBox:hover,.ecwid-facelift table.ecwid-DateRangeBox:hover {
    background-color: #fff
}

.ecwid-facelift td.ecwid-DropdownBox-icon,.ecwid-facelift td.ecwid-DateRangeBox-icon {
    border-radius: 0 4px 4px 0;
    background: none;
    background-color: transparent;
    text-align: center
}

.ecwid-facelift td.ecwid-DropdownBox-icon::after,.ecwid-facelift td.ecwid-DateRangeBox-icon::after {
    content: "\e016";
    color: #808f9d;
    font-family: 'font_icons', sans-serif;
    font-size: 10px
}

.ecwid-facelift .ecwid-DateRangeBox .ecwid-DateRangeBox-range,.ecwid-facelift .ecwid-DropdownBox .ecwid-DropdownBox-content {
    border-radius: 4px 0 0 4px;
    background-color: transparent;
    color: #0a1c2e;
    font-size: 12px;
    text-align: left;
    vertical-align: middle
}

.ecwid-facelift div.ecwid-DateRangePopup,.ecwid-facelift .ecwid-DropdownBoxPopup {
    position: relative;
    z-index: 1001;
    overflow: hidden !important;
    padding: 15px 20px;
    border: 1px solid #bfc7ce;
    border-radius: 6px;
    background-color: #fff;
    font-size: 14px;
    clip: auto !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.15)
}

.ecwid-facelift div.ecwid-popup-content {
    padding: 0 20px 20px
}

.ecwid-facelift .ecwid-CustomListBox .ecwid-DropdownBox-content>.gwt-HTML {
    overflow: hidden;
    text-overflow: ellipsis
}

.ecwid-facelift .ecwid-CustomListBoxPopup {
    padding: 0
}

.ecwid-facelift .head-info-wrapper {
    display: flex;
    align-items: start;
    flex-direction: column
}

.ecwid-facelift .head-info-wrapper .Title {
    margin-bottom: 8px
}

.ecwid-facelift .ecwid-DropdownBoxPopup .ecwid-DropdownBox-checkboxAll input {
    margin-top: -4px;
    vertical-align: middle
}

.ecwid-facelift .ecwid-DropdownBoxPopup .gwt-CheckBox input {
    margin-top: -2px
}

.ecwid-facelift .ecwid-DropdownBoxPopup .gwt-Button {
    margin: 10px 5px 0
}

.ecwid-facelift .ecwid-DateRangePopup .ecwid-DateRangePopup-calendarIcon {
    box-sizing: border-box;
    width: 30px;
    height: 28px;
    margin-left: 3px;
    padding: 3px 7px;
    border: 1px solid #808f9d;
    border-radius: 3px;
    background: none;
    background-color: #e8ebed;
    color: #607385;
    font-size: 14px;
    transition: color .1s linear, background-color .1s linear, border-color .1s linear;
    cursor: pointer
}

.ecwid-facelift .ecwid-DateRangePopup .ecwid-DateRangePopup-calendarIcon::after {
    content: "\e616";
    color: #275ce0;
    font-family: 'font_icons', sans-serif
}

.ecwid-facelift .ecwid-DateRangePopup .ecwid-DateRangePopup-calendarIcon:hover {
    border-color: #bfc7ce;
    background-color: #fff;
    color: #1b409d
}

.ecwid-facelift .ecwid-DateRangePopup .ecwid-DateRangePopup-calendarIcon:focus {
    padding: 2px 6px;
    border: 2px solid #bfc7ce;
    background-color: #688de9
}

.ecwid-facelift div.backend-ExportPopup div.ecwid-fieldWrapper label.ecwid-fieldLabel {
    line-height: 1.25
}

.ecwid-facelift .enabled {
    color: #0cac42
}

.ecwid-facelift .backgroundedPanel .Title {
    margin: 0;
    padding: 22px 10px 12px 0;
    font-size: 26px;
    font-weight: 400
}

.ecwid-facelift .PagingBar .PagingBar-btn {
    margin-top: 2px
}

.ecwid-facelift .tableSubheader {
    background-color: #e8ebed
}

.ecwid-facelift tr.tableOdd td,.ecwid-facelift tr.tableEven td {
    border-width: 1px 0 1px 0
}

.ecwid-facelift .PagingBar {
    margin: 0 0 30px;
    background-color: transparent
}

.ecwid-facelift .gwt-TabBar .gwt-TabBar {
    border-bottom: 0
}

.ecwid-facelift .gwt-TabBar .gwt-TabBarFirst {
    border: 0
}

.ecwid-facelift .gwt-TabBar .gwt-TabBarItem {
    margin-right: 16px;
    margin-bottom: -1px;
    padding-right: 0;
    padding-left: 0;
    border-bottom: 3px solid transparent;
    color: #0a1c2e;
    font-size: 14px;
    line-height: 22px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e
}

@media screen and (min-width: 1400px) {
    .ecwid-facelift .gwt-TabBar .gwt-TabBarItem {
        font-size:16px;
        line-height: 24px
    }
}

.ecwid-facelift .gwt-TabBar .gwt-TabBarItem.gwt-TabBarItem-selected,.ecwid-facelift .gwt-TabBar .gwt-TabBarItem.gwt-TabBarItem-selected:focus {
    border: none;
    border-bottom: 3px solid #275ce0;
    color: #275ce0
}

.ecwid-facelift .toolbar-tabs .gwt-TabBar {
    border-bottom: 0
}

.ecwid-facelift .toolbar-tabs .gwt-TabBar .gwt-TabBarItem {
    margin-right: 16px;
    margin-bottom: 4px;
    padding: 0 0 2px
}

.ecwid-facelift .gwt-TabBarRest {
    border-bottom: 0
}

.ecwid-facelift .tabBarItemAsterisk {
    position: absolute;
    font-size: 10px
}

.ecwid-facelift .backend-optionsTab .gwt-TabBar .gwt-TabBarItem {
    padding: 10px 8px 9px
}

@media screen and (min-width: 1400px) {
    .ecwid-facelift .backend-optionsTab .gwt-TabBar .gwt-TabBarItem {
        padding-right:10px;
        padding-left: 10px
    }
}

.ecwid-facelift .gwt-TabBar-product .gwt-TabBarItem {
    position: relative
}

.ecwid-facelift .gwt-TabBar-product .gwt-TabBarItem-wrapper {
    display: inline-block
}

.ecwid-facelift .gwt-TabBar-product .gwt-TabBarRest-wrapper {
    display: inline-block;
    width: 0
}

.ecwid-facelift input.ProductsListComponent-FilterTextBox,.ecwid-facelift .ProductsListComponent-FilterListBox {
    width: 100%
}

.ecwid-facelift .ProductsListComponent td.tableCell-1,.ecwid-facelift .ProductsListComponent td.tableCell-4 {
    text-align: center
}

.ecwid-facelift .ProductsListComponent td.tableCell-1 .cell {
    padding: 7px 17px
}

.ecwid-facelift .ProductsListComponent td.tableCell-1 .cell .gwt-Label {
    overflow: hidden
}

.ecwid-facelift .ProductsListComponent td.tableCell-2 .cell,.ecwid-facelift .ProductsListComponent td.tableCell-3 .cell {
    padding: 7px 22px 7px 7px
}

.ecwid-facelift .ProductsListComponent td.tableCell-2 .cell span.gwt-InlineLabel,.ecwid-facelift .ProductsListComponent td.tableCell-3 .cell .gwt-HTML {
    display: block;
    overflow: hidden;
    width: 100%
}

.ecwid-facelift .CategoryEditor-AddProductsPopup tr.CategoryEditor-AddProductsPopup-filterRow td {
    padding: 0 3px
}

.ecwid-facelift .CategoryEditor-AddProductsPopup .table .cell {
    padding: 7px 10px
}

.ecwid-facelift .ProductClassesTab tr.tableHeader td {
    font-size: 12px;
    line-height: 18px
}

.ecwid-facelift .ProductClassesTab tr.tableHeader .backend-EcwidTip td {
    background-color: transparent;
    font-weight: 400
}

.ecwid-facelift .ProductClassesTab .product-type-title {
    margin-bottom: 8px
}

.ecwid-facelift .ProductClassesTab .product-type-subtitle {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 16px
}

@media screen and (min-width: 768px) {
    .ecwid-facelift .ProductClassesTab .product-type-subtitle {
        font-size:16px;
        line-height: 24px;
        margin-bottom: 24px
    }
}

.ecwid-facelift .ecwid-CustomersList .CustomersListComponent-FilterTextBox {
    width: 100%
}

.ecwid-facelift .ecwid-CustomersList .ecwid-fieldEnvelope-around .CustomersListComponent-FilterTextBox {
    width: 35px !important;
    margin-left: 11px
}

.ecwid-facelift .ecwid-CustomersList tr.ecwid-CustomersList-editingRow td.ecwid-CustomersList-cell-first {
    border-left: 0
}

.ecwid-facelift .ecwid-CustomersList tr.ecwid-CustomersList-editingRow td.ecwid-CustomersList-cell-last {
    border-right: 0
}

.ecwid-facelift .ecwid-CustomersList tr.ecwid-CustomersList-editingRow td.tableCell-1 div.cell {
    width: 100%;
    margin-left: 10px;
    padding: 0
}

.ecwid-facelift .ecwid-CustomersList tr.ecwid-CustomersList-editingRow td.tableCell-1 div.cell .ecwid-fieldEnvelope-around {
    padding-left: 30px
}

.ecwid-facelift .ecwid-CustomersList tr.ecwid-CustomersList-editingRow td.tableCell-2 div.cell {
    width: 100%;
    margin-left: 10px;
    padding: 0
}

.ecwid-facelift .ecwid-CustomersList tr.ecwid-CustomersList-editingRow td.tableCell-3 div.cell {
    padding-left: 23px
}

.ecwid-facelift .ecwid-CustomersList tr.ecwid-CustomersList-editingRow div.ecwid-fieldEnvelope-around {
    padding: 0;
    border: none
}

.ecwid-facelift .ecwid-CustomersList tr.ecwid-CustomersList-editingRow td.ecwid-CustomersList-cell {
    padding: 3px 6px
}

.ecwid-facelift .ecwid-CustomersList tr.ecwid-CustomersList-editingRow table.ecwid-fieldEnvelope {
    margin: -2px 0
}

.ecwid-facelift .ecwid-CustomersList tr.ecwid-CustomersList-editingRow td.tableCell-4 button {
    min-width: 71px
}

.ecwid-facelift .ecwid-CustomersList tr.ecwid-CustomersList-editingRow td.tableCell-6 .cell {
    padding: 0
}

.ecwid-facelift .ecwid-CustomersList tr.ecwid-CustomersList-editingRow td.tableCell-6 .cell img {
    vertical-align: middle
}

.ecwid-facelift .ecwid-CustomersList tr.ecwid-CustomersList-editingRow td.customerGroupsValue div.cell {
    padding-left: 5px
}

.ecwid-facelift .ecwid-CustomersList td.customerGroupsFilter .membershipFilter {
    margin-top: 1px
}

.ecwid-facelift .ecwid-CustomersList table.ecwid-fieldEnvelope-error div.ecwid-fieldEnvelope-around>.ecwid-CustomersList-EditBox {
    border-color: #f43c36
}

.ecwid-facelift .ecwid-CustomersList .gwt-CheckBox input {
    margin: 0
}

.ecwid-facelift .ecwid-CustomersList .gwt-Label {
    padding-left: 15px
}

.ecwid-facelift .Customer-Memberships-Panel .table .tableHeader {
    border-right-color: transparent
}

.ecwid-facelift .ecwid-DiscountCouponsList tr.tableHeader,.ecwid-facelift .ecwid-DiscountCouponsList tr.tableSubheader {
    border: 0
}

.ecwid-facelift .ecwid-DiscountCouponsList .tableRow .tableCell-1,.ecwid-facelift .ecwid-DiscountCouponsList .tableRow .tableCell-2 {
    word-wrap: break-word
}

.ecwid-facelift .ecwid-popup-content .SelectProductsTable .table .cell {
    padding: 7px 10px
}

.ecwid-facelift .backend-CombinationListViewImpl-tableHeader {
    border: none
}

.ecwid-facelift .CategoriesComponent-mainPanel .gwt-TabBar .gwt-TabBarItem {
    position: relative
}

.ecwid-facelift #manage-thumbnail a {
    font-size: 12px;
    line-height: 18px
}

.ecwid-facelift .terms-list-settings .gwt-Button {
    margin-right: 20px
}

.ecwid-facelift .terms-list-settings .terms-title {
    margin-bottom: 5px
}

.ecwid-facelift .terms-list-settings .terms-title .TermsItemCell,.ecwid-facelift .terms-list-settings .terms-title .EcwidEnableToggle {
    margin-top: 5px
}

.ecwid-facelift .terms-list-settings .TermsItemCell {
    margin: 5px 0
}

.ecwid-facelift .shippingMethodsPanel .shippingListContainer {
    min-width: 550px
}

.ecwid-facelift .AddNewShippingMethodButton {
    position: relative
}

.ecwid-facelift .starter-site-view-container {
    border-bottom: none
}

.ecwid-facelift .starter-site-view-container::after {
    display: none
}

.ecwid-facelift .ecwid-popup div.tableHeader {
    padding: 7px 37px 8px;
    border-radius: 5px 5px 0 0;
    background-color: #808f9d;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-align: left
}

.ecwid-facelift .SelectProductsTable tr.CategoryEditor-AddProductsPopup-filterRow td {
    padding: 0 3px
}

.ecwid-facelift .SelectProductsTable tr.CategoryEditor-AddProductsPopup-filterRow td:last-child {
    padding: 0 7px 0 3px
}

.ecwid-facelift .ecwid-popup .popupContent .ecwid-popup-AddCountry tr.tableHeader td {
    border-radius: 5px 0 0 5px
}

.ecwid-facelift .ecwid-popup .popupContent .ecwid-popup-AddCountry div.backend-searchTextBox {
    border: none;
    background-color: transparent
}

.ecwid-facelift .ecwid-popup .popupContent .ecwid-popup-AddCountry div.backend-searchTextBox img {
    top: 8px;
    right: 8px
}

.ecwid-facelift .ZoneEditor .ZoneEditor-container tr.tableHeader td {
    border-radius: 0
}

.ecwid-facelift .WizardPopup .ecwid-popup-roundCornerPopup-content .tableContainer {
    border: none
}

.ecwid-facelift .WizardPopup .with-default .carrier-config-test-button-wrapper {
    padding: 20px 5px 0 5px
}

.ecwid-facelift .WizardPopup .with-default .carrier-config-test-result {
    margin-top: 20px;
    padding: 10px 15px
}

.ecwid-facelift .WizardPopup .with-default .carrier-config-test-result div.ecwid-error {
    margin: 4px 0
}

.ecwid-facelift .shippingMethodsPanel .originAddressEditor select {
    width: 295px !important;
    border-color: #808f9d;
    font-size: 14px
}

.ecwid-facelift .shippingMethodsPanel .originAddressEditor .fieldLabel {
    margin-top: 4px
}

.ecwid-facelift table.ecwid-fieldEnvelope-error .ecwid-fieldEnvelope-around select.gwt-ListBox {
    border: 1px solid #f43c36;
    background-color: #feeceb;
    color: #f43c36;
    transition: background .15s linear, color .15s linear, border-color .15s linear, box-shadow .15s linear
}

.ecwid-facelift .backgroundedBoxPanel {
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,0.15)
}

.ecwid-facelift .tableEven,.ecwid-facelift .ZoneEditor-RegionsListBox-evenRow {
    background-color: #fff
}

.starter-site-info {
    margin: 17px 0
}

.starter-site-settings p {
    max-width: 620px;
    font-size: .875em
}

.starter-site-settings .ecwid-u-2-3 {
    max-width: 640px
}

.starter-site-l-box {
    padding: 30px 0 0 20px
}

.starter-site-settings .plate {
    max-width: 620px;
    padding: 20px 16px;
    text-align: center
}

.starter-site-title {
    font-size: 28px;
    line-height: 1.8
}

@media screen and (max-width: 767px) {
    .starter-site-title {
        font-size:16px
    }
}

.starter-site-url {
    font-size: 22px;
    font-weight: 700;
    line-height: 1
}

.starter-site-url>a {
    text-decoration: none
}

.starter-site-catalog {
    padding: 11px 0 50px 6px
}

.starter-site-catalog svg {
    float: left;
    width: 108px;
    height: 76px;
    margin: 6px 19px 0 0;
    fill: #275ce0
}

.starter-site-catalog h3 {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    font-weight: 600
}

.starter-site-catalog p {
    margin-top: 4px
}

.starter-site-l-box .help-block {
    display: block;
    max-width: 240px;
    margin-top: 17px;
    color: #607385;
    font-size: 12px;
    line-height: 18px
}

.starter-site-settings .ecwid-modal {
    margin: 0 auto
}

.starter-site-premium .ecwid-modal-footer {
    border-top: none
}

.starter-site-modal .ecwid-modal-footer {
    margin-top: 0
}

.starter-site-modal .ecwid-modal-title {
    margin: 0 0 24px
}

.starter-site-settings .form-control {
    font-size: 1em
}

.starter-site__preview-area {
    width: 100%
}

.starter-site-view-container {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #bfc7ce
}

.starter-site-view-container::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -1px;
    width: 23px;
    height: 1px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, transparent 0%, #fff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(100%, #fff));
    background: -webkit-linear-gradient(left, transparent 0%, #fff 100%);
    background: -o-linear-gradient(left, transparent 0%, #fff 100%);
    background: -ms-linear-gradient(left, transparent 0%, #fff 100%);
    background: linear-gradient(to right, transparent 0%, #fff 100%)
}

.starter-site-desktop-view {
    position: relative;
    overflow: hidden;
    width: auto;
    max-width: 620px;
    pointer-events: none
}

@media screen and (min-width: 768px) {
    .starter-site-desktop-view {
        padding:31px 0 0 4px;
        background: url("https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/icons/desktop-view.png") no-repeat
    }
}

.starter-site-desktop-view::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 150px;
    height: 245px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, transparent 0%, #fff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(100%, #fff));
    background: -webkit-linear-gradient(left, transparent 0%, #fff 100%);
    background: -o-linear-gradient(left, transparent 0%, #fff 100%);
    background: -ms-linear-gradient(left, transparent 0%, #fff 100%);
    background: linear-gradient(to right, transparent 0%, #fff 100%)
}

@media screen and (max-width: 767px) {
    .starter-site-desktop-view::after {
        display:none
    }
}

@media screen and (max-width: 767px) {
    .desktop-view-frame {
        display:none
    }
}

.starter-site-desktop-view iframe {
    width: 616px;
    height: 248px;
    border: 0;
    vertical-align: bottom
}

.starter-site-mobile-view {
    max-width: 320px;
    padding: 94px 19px 0 19px;
    background: url("https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/icons/mobile-view.png") no-repeat;
    background-size: 100% 100%
}

@media screen and (min-width: 768px) {
    .starter-site-mobile-view {
        position:absolute;
        z-index: 2;
        top: 75px;
        left: 272px;
        width: 356px;
        height: 110px
    }
}

.starter-site-settings .btn-change-url {
    min-width: 200px
}

.starter-site-settings .btn-upload-logo {
    min-width: 160px
}

.ecwid-change-site-url-container-narrow {
    width: auto
}

.ecwid-change-site-url-container-narrow .starter-site-l-box {
    padding: 16px 0
}

.starter-site-mobile-view iframe {
    width: 100%;
    height: 110px;
    border: 0
}

.starter-site-partners {
    margin: 0;
    padding: 40px 0;
    list-style-type: none
}

.starter-site-partners li {
    float: left;
    width: 180px;
    height: 140px;
    margin-right: 40px
}

.starter-site-partners li:last-child {
    margin-right: 0
}

.starter-site-partners li>a {
    display: block;
    height: 100%;
    border: 1px solid #bfc7ce;
    border-radius: 6px;
    background: #fff;
    background-repeat: no-repeat;
    background-position: center center
}

.starter-site-partners .wix-box {
    background-image: url("https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/icons/wix-logo.png")
}

.starter-site-partners .yola-box {
    background-image: url("https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/icons/yola-logo.png")
}

.starter-site-partners .webydo-box {
    background-image: url("https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/icons/webydo-logo.png")
}

.starter-site-more {
    margin: 0 -20px;
    padding: 58px 0 20px 20px;
    background: #e8ebed
}

.starter-site-more h2 {
    margin: 23px 0 18px 0;
    padding: 0;
    font-size: 1.75em
}

.starter-site-more p {
    max-width: 640px;
    margin: 13px 0 5px 0;
    padding: 0;
    font-size: .875em
}

.starter-site-remove-logo {
    display: inline-block;
    color: #607385;
    font-family: Tahoma, sans-serif;
    font-size: 14px
}

.starter-site-remove-logo>a {
    color: #0a1c2e
}

.starter-site-modal .ecwid-modal-header {
    margin-top: 13px;
    text-align: center
}

.starter-site-modal .ecwid-modal-body {
    padding: 0 15px
}

@media screen and (min-width: 768px) {
    .starter-site-modal .ecwid-modal-body {
        max-width:570px;
        padding: 0 49px
    }
}

.starter-site-modal .ecwid-modal-body .normalized {
    width: auto
}

@media screen and (min-width: 768px) {
    .starter-site-modal .ecwid-modal-body .normalized {
        width:570px
    }
}

.starter-site-modal .ecwid-control-group {
    margin: 24px 0 0 0
}

.starter-site-modal .ecwid-control-group .fieldset {
    width: 100%
}

.starter-site-modal label {
    display: block;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 9px
}

.starter-site-modal .help-block {
    display: block;
    margin: 0;
    padding: 9px 0 0 4px;
    color: #607385;
    font-size: 15px
}

.starter-site-modal .animate-parent {
    min-height: 30px
}

.starter-site-modal .plate {
    width: auto;
    margin-top: 20px;
    padding-top: 20px;
    border-width: 2px;
    border-color: #bfc7ce;
    text-align: left;
    cursor: default
}

.starter-site-modal .help-block em {
    color: #0a1c2e;
    font-style: normal
}

.starter-site-modal .form-control {
    color: #0a1c2e
}

.plate ol {
    margin: 0;
    padding: 0 10px 0 18px;
    list-style: none;
    *list-style: decimal;
    font-size: 14px;
    counter-reset: li
}

.plate li {
    position: relative
}

.plate li:not(:last-child) {
    margin-bottom: 10px
}

.plate li::before {
    content: counter(li, decimal) ". ";
    position: absolute;
    left: -1.8em;
    width: 2em;
    height: 2em;
    margin-top: -.3em;
    color: #607385;
    font-style: 14px;
    font-weight: bold;
    line-height: 2em;
    text-align: center;
    counter-increment: li
}

.starter-site-modal .starter-site-get-premium.ecwid-control-group {
    margin-top: 15px
}

.starter-site-free p {
    font-size: 14px
}

.starter-site-premium-link {
    display: block;
    margin-top: 18px;
    color: #275ce0;
    font-weight: 700;
    text-decoration: none
}

.starter-site-ecwid-domain,.starter-site-own-domain {
    width: auto;
    margin: 0 auto
}

@media screen and (min-width: 768px) {
    .starter-site-ecwid-domain,.starter-site-own-domain {
        width:480px
    }
}

.starter-site-own-domain {
    margin-top: 30px;
    margin-bottom: 40px
}

.starter-site-modal .divider {
    margin-top: 2.5em;
    margin-bottom: 1em
}

.starter-site-free .divider {
    margin-bottom: 1em
}

.starter-site-modal .use-your-domain-stub-tip {
    font-size: 15px
}

.starter-site-modal .divider::after {
    font-size: 1.1em
}

.starter-site-modal .ecwid-modal-footer button {
    margin: 0 8px 16px
}

.animate-FadeInDown-wrap {
    position: relative;
    overflow: hidden;
    transition: all .2s ease-out
}

.animate-FadeInDown {
    position: absolute;
    box-sizing: border-box;
    transition: all .2s ease-out
}

.animate-FadeInDown-hide {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.animate-FadeInDown-show {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    transition-delay: .2s
}

.help-block.animate-FadeInDown {
    -webkit-transform: none;
    transform: none
}

.starter-site-more .starter-site-partners {
    margin: 0;
    padding: 40px 0;
    list-style-type: none
}

.starter-site-modal .normalized label {
    font-weight: normal
}

.starter-site-get-premium {
    min-height: 195px;
    padding-top: 230px;
    background: url("https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/icons/starterSiteOwnDomain.png") no-repeat scroll top transparent
}

@media screen and (min-width: 768px) {
    .starter-site-get-premium {
        padding:30px 0 0 237px;
        background-position: 0 0
    }
}

.starter-site-logo-upload-area-narrow {
    width: auto;
    margin-top: -56px
}

.starter-site-logo-upload-area-narrow .starter-site-l-box {
    padding: 16px 0
}

.ecwid-u-1-3.starter-site-logo-upload {
    width: auto;
    min-width: 250px;
    max-width: 390px
}

.starter-site-logo-upload .alert-error {
    margin-bottom: 20px
}

.current-settings-state {
    max-width: 500px;
    margin: 16px auto 30px;
    padding: 16px;
    border: 1px solid #bfc7ce;
    background: #fff;
    text-align: center;
    box-shadow: 0 5px 10px rgba(0,0,0,0.15);
    font-size: 12px
}

@media screen and (min-width: 768px) {
    .current-settings-state {
        font-size:14px
    }
}

.current-settings-state__preview {
    background: #e8ebed
}

.current-settings-state__preview img {
    display: block;
    width: 100%
}

.current-settings-state__preview a {
    text-decoration: none
}

.current-settings-state__info {
    padding: 0;
    line-height: 1.7143;
    text-align: center
}

.current-settings-state__info .btn {
    display: block;
    margin: 0 auto 8px
}

@media screen and (min-width: 568px) {
    .current-settings-state__info .btn {
        display:inline-block;
        margin: 8px 8px 16px 0
    }

    .current-settings-state__info .btn:last-of-type {
        margin-right: 0
    }
}

.current-settings-state__info p {
    text-align: left
}

@media screen and (min-width: 768px) {
    .current-settings-state__info {
        padding:0 16px 0 32px;
        text-align: left
    }
}

@media screen and (min-width: 768px) {
    .current-settings-state {
        max-width:980px;
        margin: 24px 16px 50px
    }
}

@media screen and (min-width: 1024px) {
    .current-settings-state {
        margin-right:auto;
        margin-left: auto
    }
}

.settings-feature {
    max-width: 370px;
    margin: 0 auto 40px;
    padding: 0 15px;
    text-align: center
}

.settings-feature__icon {
    width: 100%;
    height: 62px;
    margin-bottom: 15px;
    text-align: center
}

.settings-feature__icon img,.settings-feature__icon svg {
    display: inline-block;
    width: auto;
    height: 100%;
    fill: #275ce0
}

@media screen and (min-width: 768px) {
    .settings-feature__icon {
        margin-bottom:20px
    }
}

.settings-feature__name {
    font-weight: 600;
    font-size: 14px
}

@media screen and (min-width: 768px) {
    .settings-feature__name {
        font-size:16px
    }
}

.settings-feature__description {
    font-size: 12px
}

@media screen and (min-width: 768px) {
    .settings-feature__description {
        font-size:14px
    }
}

@media screen and (min-width: 768px) {
    .settings-feature {
        margin-bottom:0
    }
}

.settings-panel {
    max-width: 980px;
    margin: 16px auto 0;
    padding: 0 16px;
    background: #eceef0;
    line-height: 1.7em;
    font-size: 12px
}

@media screen and (min-width: 768px) {
    .settings-panel {
        font-size:14px
    }
}

.settings-panel__text {
    padding: 16px 0 24px;
    text-align: center;
    vertical-align: middle
}

.settings-panel__text p {
    text-align: left
}

.settings-panel__text strong {
    font-weight: 600
}

.settings-panel__text .btn {
    margin: 8px 0
}

@media screen and (min-width: 768px) {
    .settings-panel__text {
        padding:32px 64px 24px 0;
        text-align: left
    }
}

.settings-panel__image {
    padding-top: 20px;
    text-align: center;
    vertical-align: bottom
}

.settings-panel__image img,.settings-panel__image svg {
    display: block;
    width: 85%;
    max-width: 400px;
    margin: auto
}

@media screen and (min-width: 768px) {
    .settings-panel__image {
        padding-top:0
    }
}

.settings-panel__title {
    margin: 0 0 1em;
    text-align: center;
    font-size: 20px
}

@media screen and (min-width: 768px) {
    .settings-panel__title {
        font-size:22px
    }
}

@media screen and (min-width: 768px) {
    .settings-panel__title {
        text-align:left
    }
}

.settings-panel__group {
    display: block;
    margin-bottom: 8px
}

.settings-panel__or-sign {
    margin: 0 10px;
    color: #607385
}

.settings-panel__remove-link {
    color: #607385;
    text-decoration: underline
}

.settings-panel__remove-link:hover {
    color: #0a1c2e;
    text-decoration: none
}

.settings-panel__link-more {
    font-size: 12px
}

@media screen and (min-width: 768px) {
    .settings-panel__link-more {
        font-size:14px
    }
}

.settings-panel__link-more a {
    display: block;
    text-decoration: none
}

@media screen and (min-width: 568px) {
    .settings-panel__link-more a {
        display:inline
    }
}

.settings-panel .ecwid-g-r {
    display: block;
    height: 100%
}

@media screen and (min-width: 768px) {
    .settings-panel .ecwid-g-r {
        display:table;
        width: 100%;
        table-layout: fixed
    }
}

.settings-panel .ecwid-u-1-2 {
    display: block
}

@media screen and (min-width: 768px) {
    .settings-panel .ecwid-u-1-2 {
        display:table-cell
    }
}

.starter-site-preview {
    position: relative;
    width: 100%;
    height: 320px
}

.starter-site-preview--dark::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.25)
}

.starter-site-preview div {
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -ms-flex-pack: center
}

.starter-site-preview div span {
    font-size: 20px;
    line-height: 28px;
    position: relative;
    padding: 0 32px;
    color: white;
    -webkit-font-smoothing: antialiased;
    font-weight: 600;
    text-shadow: 0 1px 1px rgba(0,0,0,0.25);
    word-wrap: break-word
}

@media screen and (min-width: 768px) {
    .starter-site-preview div span {
        font-size:34px;
        line-height: 40px
    }
}

.starter-site-preview iframe {
    width: 200%;
    height: 640px;
    transform: scale(0.5);
    transform-origin: left top
}

.starter-site-preview-link {
    display: inline-block;
    width: 400px;
    max-width: 100%
}

.starter-site-url {
    overflow: hidden;
    max-width: 410px;
    margin: 16px auto;
    color: #275ce0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.7143em;
    text-overflow: ellipsis
}

@media screen and (min-width: 768px) {
    .starter-site-url {
        margin:16px 0
    }
}

.starter-site-url__title {
    color: #0a1c2e;
    font-weight: 600
}

.starter-site-url__link {
    font-weight: normal;
    white-space: nowrap
}

.promo-wizard {
    margin-bottom: 40px;
    text-align: center;
    font-size: 12px
}

@media screen and (min-width: 768px) {
    .promo-wizard {
        font-size:14px
    }
}

@media screen and (min-width: 768px) {
    .promo-wizard {
        margin-bottom:64px
    }
}

.promo-wizard__link {
    display: block;
    margin-top: 20px;
    margin-bottom: 30px;
    font-weight: 600;
    text-decoration: none
}

.promo-wizard p {
    max-width: 800px;
    line-height: 1.7
}

.promo-wizard__banner img {
    display: block;
    max-width: 90%;
    margin: 0 auto
}

.customize-starter-site .starter-site-content .settings-panel__image {
    padding-top: 16px;
    padding-bottom: 16px;
    vertical-align: middle
}

.startersite-settings .starter-site-preview--small {
    height: 210px;
    text-align: center;
    position: relative;
    cursor: pointer
}

.startersite-settings .starter-site-preview--small::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.25);
    transition: background-color .1s linear
}

.startersite-settings .starter-site-preview--small:hover::before {
    background-color: rgba(0,0,0,0.45)
}

.startersite-settings .startersite-url {
    display: block;
    overflow: hidden;
    max-width: 410px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap
}

.migrations h1 {
    padding-top: 16px;
    margin-bottom: 16px
}

@media screen and (min-width: 768px) {
    .migrations h1 {
        padding-top:24px
    }
}

@media screen and (min-width: 1024px) {
    .migrations h1 {
        padding-top:0
    }
}

@media screen and (min-width: 768px) {
    .migrations h1 {
        margin-bottom:24px
    }
}

.migrations,.automatic_taxes {
    max-width: 1360px
}

.migrations .migrations-title,.automatic_taxes .migrations-title {
    margin: .6em 0
}

.migrations .block-settings,.automatic_taxes .block-settings {
    overflow: hidden
}

.migrations .block-settings .block-title,.automatic_taxes .block-settings .block-title {
    font-size: 16px;
    line-height: 24px;
    opacity: 1;
    margin-top: 12px;
    margin-bottom: 15px;
    text-transform: uppercase;
    transition: opacity .3s ease-in-out 0s
}

.migrations .block-settings .lines,.automatic_taxes .block-settings .lines {
    position: relative;
    padding-top: 1px
}

.migrations .block-settings .lines .up-to-date,.automatic_taxes .block-settings .lines .up-to-date {
    visibility: hidden;
    position: absolute;
    top: 0;
    overflow: hidden;
    box-sizing: border-box;
    opacity: 0;
    width: 100%;
    padding: 15px 15px;
    background-color: #e7f7ec;
    color: #0cac42;
    font-size: 20px;
    line-height: 1.3em;
    text-align: center;
    text-transform: none;
    -webkit-transform: scale(3);
    transform: scale(3);
    transition: transform 0s ease-in-out .3s, visibility 0s linear .3s, opacity .3s ease-in-out 0s
}

@media (min-width: 600px) {
    .migrations .block-settings .lines .up-to-date,.automatic_taxes .block-settings .lines .up-to-date {
        padding:32px 15px;
        font-size: 24px
    }
}

.migrations .block-settings .lines .up-to-date.shown,.automatic_taxes .block-settings .lines .up-to-date.shown {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: transform .3s ease-in-out 0s, visibility 0s linear 0s, opacity .3s ease-in-out 0s
}

.migrations .block-settings .lines .up-to-date svg,.automatic_taxes .block-settings .lines .up-to-date svg {
    position: relative;
    top: 4px;
    margin: 0 6px
}

.migrations .block-settings .spacer,.automatic_taxes .block-settings .spacer {
    transition: height .5s ease-in-out 0s
}

.migrations .block-settings .block-row,.automatic_taxes .block-settings .block-row {
    opacity: 1
}

.migrations .block-settings .block-row.moving,.automatic_taxes .block-settings .block-row.moving {
    position: relative;
    top: 0;
    opacity: .6;
    transition: opacity .25s ease-in-out 0s, top .5s ease-in-out 0s;
    pointer-events: none
}

.migrations .block-settings .invisible,.automatic_taxes .block-settings .invisible {
    opacity: 0;
    transition: opacity .2s ease-in-out 0s
}

.migrations .block-settings .disabled-options,.automatic_taxes .block-settings .disabled-options {
    margin-top: 20px
}

.migrations .block-settings .enabled-options,.automatic_taxes .block-settings .enabled-options {
    margin-top: 70px
}

.migrations .block-text-desc,.automatic_taxes .block-text-desc {
    position: relative;
    box-sizing: border-box;
    max-width: 970px;
    padding: 0 0 44px 140px;
    background: transparent url(https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/icons/table_cake.svg) no-repeat scroll left top
}

.migrations .block-text-desc p,.automatic_taxes .block-text-desc p {
    margin: 10px 0 -2px;
    padding: 0 0 0 0;
    line-height: 1.5
}

.migrations .block-text-desc p a,.automatic_taxes .block-text-desc p a {
    text-decoration: none
}

.migrations .block-rows,.automatic_taxes .block-rows {
    overflow: visible
}

@media (max-width: 700px) {
    .migrations .block-rows,.automatic_taxes .block-rows {
        border-bottom:0
    }
}

.migrations .block-row,.automatic_taxes .block-row {
    max-width: 100%;
    min-height: 76px;
    padding: 31px 0 32px 4px
}

.migrations .block-row .ecwid-g-r,.automatic_taxes .block-row .ecwid-g-r {
    display: table;
    width: 100%
}

.migrations .block-row .ecwid-g-r [class*="ecwid-u-"],.automatic_taxes .block-row .ecwid-g-r [class*="ecwid-u-"] {
    display: table-cell;
    vertical-align: middle
}

.migrations .block-row .ecwid-u-7-8,.automatic_taxes .block-row .ecwid-u-7-8 {
    width: 77.5%
}

.migrations .block-row .block-control-elements,.automatic_taxes .block-row .block-control-elements {
    padding: 0;
    text-align: left
}

.migrations .block-row .block-control-elements.ecwid-u-1-8,.automatic_taxes .block-row .block-control-elements.ecwid-u-1-8 {
    width: 12.5%
}

.migrations .block-row .block-control-elements label.checkbox,.automatic_taxes .block-row .block-control-elements label.checkbox {
    float: right
}

@media (max-width: 500px) {
    .migrations .block-row .block-control-elements label.checkbox,.automatic_taxes .block-row .block-control-elements label.checkbox {
        float:left
    }
}

.migrations .block-row .block-row-title,.automatic_taxes .block-row .block-row-title {
    margin: 0 6px 0 0;
    letter-spacing: -.2px;
    font-size: 16px;
    line-height: 24px
}

.migrations .block-row .block-settings-desc,.automatic_taxes .block-row .block-settings-desc {
    margin: 10px 0 0 0;
    font-size: 14px;
    line-height: 1.5
}

.migrations .block-row .block-settings-desc.block-settings-desc--link,.automatic_taxes .block-row .block-settings-desc.block-settings-desc--link {
    margin: 6px 0 -7px 0
}

.migrations .block-row .block-settings-desc a,.automatic_taxes .block-row .block-settings-desc a {
    text-decoration: none
}

.migrations .block-row label.checkbox,.automatic_taxes .block-row label.checkbox {
    margin: 0 38px 0 30px
}

@media (max-width: 500px) {
    .migrations .block-row label.checkbox,.automatic_taxes .block-row label.checkbox {
        margin:0 0 0 10px
    }
}

.nav-links #EcwidTab\:Whats_New>span,.nav-links .whats-new>span {
    position: relative
}

.nav-links #EcwidTab\:Whats_New .count-disable,.nav-links .whats-new .count-disable {
    display: inline-block;
    overflow: hidden;
    width: 18px;
    height: 18px;
    margin-bottom: -5px;
    margin-left: 5px;
    padding: 0;
    border-radius: 10px;
    background-color: #275ce0;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase
}

@media (min-width: 900px) {
    .nav-links #EcwidTab\:Whats_New .count-disable {
        position:absolute;
        top: 3px;
        right: -20px
    }
}

.ecwid-vertical-menu .nav-links #EcwidTab\:Whats_New .count-disable {
    position: static
}

.apps {
    font-size: 16px
}

.apps h1 {
    margin: 17px 0 19px;
    line-height: 1.4
}

.apps p {
    max-width: 780px;
    margin: 0;
    padding: 5px 0 0 0;
    font-size: 1em;
    line-height: 1.5em
}

.app-list {
    max-width: 1180px;
    padding-top: 50px
}

.app-list a {
    text-decoration: none
}

.app-img {
    display: table-cell;
    width: 100px;
    padding: 3px 0 0;
    text-align: center;
    vertical-align: top
}

.app-img img {
    max-width: 60px;
    height: auto;
    border-radius: 50%
}

.app-desc {
    display: inline-block;
    box-sizing: border-box;
    width: 55%;
    vertical-align: top
}

.app-title {
    margin: 0;
    padding: 4px 0 0;
    font-weight: 600
}

.app-desc p {
    padding-top: 6px;
    font-size: .875em
}

.app-author,.app-url {
    padding-top: 9px;
    font-size: .875em
}

.app-url {
    padding-top: 12px;
    word-break: break-all
}

.app-remove {
    position: relative;
    font-size: 1.0625em
}

.app-right-name {
    font-weight: 600
}

.app-desc .icon {
    margin: 4px 0 0 -3px;
    font-size: .5em
}

.app-desc .icon-arr-down {
    position: relative
}

@media screen and (max-width: 767px) {
    .apps {
        font-size:14px
    }

    .apps h1 {
        margin: 16px 0
    }

    .app-img {
        width: 80px;
        padding-right: 5px;
        padding-left: 0
    }

    .app-img img {
        max-width: 60px;
        height: auto;
        border-radius: 50%
    }

    .app-title {
        padding: 3px 30px 0 0
    }

    .app-desc {
        width: 100%;
        margin-top: 6px;
        padding-right: 0
    }

    .app-remove {
        font-size: 1.21em
    }
}

@media screen and (max-width: 567px) {
    .app-img {
        display:none
    }
}

div.apps .apps-overview {
    width: 100%;
    height: 7000px;
    border: 0
}

.app-logo {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.promo-banner {
    position: relative;
    padding-bottom: 25px;
    border: 1px solid #bfc7ce;
    border-radius: 4px;
    text-align: center
}

.promo-banner .mainText {
    font-size: 16px;
    line-height: 24px;
    margin: 13px 8px
}

.promo-banner .mainText small {
    display: inline-block;
    margin-top: 6px;
    font-size: 16px;
    line-height: 20px
}

.promo-banner .tip {
    margin: 10px 20px -15px;
    color: #607385;
    font-size: 12px
}

.promo-banner .close {
    position: absolute;
    top: 12px;
    right: 12px;
    color: #275ce0;
    cursor: pointer
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .promo-banner .close {
        top:5px;
        right: 5px;
        width: 30px;
        height: 30px;
        line-height: 30px
    }
}

.promo-banner .close:hover {
    color: #1b409d
}

.promo-banner .close:active {
    color: #688de9
}

.promo-banner .image {
    display: block;
    width: 100%;
    border-radius: 3px 3px 0 0;
    cursor: pointer
}

.plain-page {
    display: flex;
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    opacity: 0;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: #eceef0;
    text-align: center;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    transition: transform .3s ease-out 0s, opacity .3s ease-out 0s, z-index 0s linear .3s;
    padding-left: 8px;
    padding-right: 8px
}

@media screen and (min-width: 1024px) {
    .plain-page {
        padding-left:32px
    }
}

@media screen and (min-width: 1400px) {
    .plain-page {
        padding-left:40px
    }
}

@media screen and (min-width: 1024px) {
    .plain-page {
        padding-right:32px
    }
}

@media screen and (min-width: 1400px) {
    .plain-page {
        padding-right:40px
    }
}

.plain-page.opened {
    z-index: 10000;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: transform .3s ease-out 0s, opacity .3s ease-out 0s
}

.plain-page .logo {
    height: 32px;
    margin-top: 16px;
    margin-bottom: 8px;
    align-self: center
}

@media screen and (min-width: 768px) {
    .plain-page .logo {
        height:48px;
        margin-bottom: 16px
    }
}

.plain-page .logo.default-logo {
    height: 40px;
    padding-left: 8px
}

@media screen and (min-width: 1024px) {
    .plain-page .logo.default-logo {
        padding-left:32px
    }
}

@media screen and (min-width: 1400px) {
    .plain-page .logo.default-logo {
        padding-left:40px
    }
}

.plain-page__logo-container {
    width: 100%;
    min-width: 290px;
    max-width: 800px;
    margin: 0 auto;
    text-align: left
}

.plain-page .dialog {
    display: block;
    margin: 0 auto;
    text-align: left
}

.plain-page .dialog .dialog-cancel,.plain-page .dialog .billing-changeHead {
    display: none
}

.plain-page .dialog .billing-changePay {
    margin-top: 20px
}

.plain-page .billing-page {
    max-width: 800px;
    margin: 0 auto;
    text-align: left
}

.plain-page .skip {
    display: block;
    margin: 18px 15px;
    font-size: 14px;
    text-decoration: none
}

@media screen and (min-width: 768px) {
    .plain-page .skip {
        font-size:16px
    }
}

.plain-page .skip:focus {
    color: #275ce0
}

.plain-page .mini-footer {
    max-width: 732px;
    margin: auto auto 25px;
    border-top: 1px solid #bfc7ce
}

.plain-page .mini-footer--noborder {
    border: none
}

.plain-page .mini-footer .copy {
    font-size: 12px;
    line-height: 18px;
    margin-top: 18px;
    color: #607385
}

.plain-page .mini-footer a {
    display: inline-block;
    margin: 10px 10px 0;
    text-decoration: none;
    font-size: 12px;
    line-height: 18px
}

.plain-page--intended-mode .plain-page__logo-container {
    display: none
}

.plain-page--intended-mode .plain-page__content {
    width: 100%;
    max-width: 1138px;
    margin: 0 auto;
    text-align: left
}

@media screen and (min-width: 1280px) {
    .plain-page--intended-mode .plain-page__content {
        margin-top:32px
    }
}

.plain-page .plain-page__content .logo.default-logo {
    padding-left: 0
}

.play-overlay {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.play-overlay--large .play-overlay__circle {
    width: 100px;
    height: 100px;
    background-position: 35px 30px;
    background-size: 37px 40px
}

.play-overlay--with-zoom-on-hover {
    cursor: pointer;
    pointer-events: auto
}

.play-overlay--with-zoom-on-hover:hover .play-overlay__circle {
    width: 35px;
    height: 35px;
    background-position: 13px 11px;
    background-size: 12px 13px
}

.play-overlay--large.play-overlay--with-zoom-on-hover:hover .play-overlay__circle {
    width: 108px;
    height: 108px;
    background-position: 38px 32px;
    background-size: 40px 43px
}

.play-overlay--left-bottom-corner-mode .play-overlay__circle {
    position: absolute;
    bottom: 5px;
    left: 5px
}

.play-overlay--extra-small .play-overlay__circle {
    width: 24px;
    height: 24px;
    background-position: 9px 8px;
    background-size: 8px 9px
}

.play-overlay--align-left {
    justify-content: flex-start
}

.play-overlay--align-top {
    align-items: flex-start
}

.play-overlay--align-left.play-overlay--extra-small .play-overlay__circle {
    margin-left: 6px
}

.play-overlay--align-top.play-overlay--extra-small .play-overlay__circle {
    margin-top: 6px
}

.play-overlay__circle {
    overflow: hidden;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.5);
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='37' height='40' viewBox='0 0 37 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 36.4716V3.52824C0 0.884566 2.71115 -0.81748 4.97972 0.402004L35.1642 16.6278C37.595 17.9345 37.6164 21.5225 35.2013 22.8601L5.01686 39.5776C2.74672 40.8349 0 39.1344 0 36.4716Z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 12px 10px;
    background-size: 11px 12px
}

.preview-invoice {
    position: relative;
    overflow: hidden;
    height: 200px;
    border: 1px solid #bfc7ce
}

.preview-invoice__frame {
    opacity: 1;
    width: 210mm;
    height: 297mm;
    border: 0;
    transform: scale(0.375);
    transform-origin: 0 0;
    transition: opacity .3s ease-out 0s;
    cursor: pointer
}

@media screen and (min-width: 1400px) {
    .preview-invoice__frame {
        transform:scale(0.5)
    }
}

.preview-invoice__cover {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.preview-invoice--loading .preview-invoice__frame {
    opacity: 0
}

.expand-preview {
    position: relative;
    min-width: 300px;
    min-height: 424px;
    margin: 0 auto
}

.expand-preview--loading .expand-preview__frame {
    opacity: 0
}

.expand-preview--expanded {
    top: 0;
    right: 0;
    left: 0;
    width: 100% !important;
    max-width: 700px
}

@media screen and (min-width: 768px) {
    .expand-preview--expanded {
        top:-38px
    }
}

.expand-preview--expanded .expand-preview__body {
    width: 100%;
    height: auto
}

.expand-preview--expanded .expand-preview__frame {
    display: block;
    overflow: auto;
    max-width: none;
    max-height: 100%;
    margin: 0 auto
}

.expand-preview--expanded .expand-preview__body-content {
    overflow: hidden
}

.expand-preview__title {
    margin-bottom: 8px;
    color: #607385;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 22px
}

.expand-preview__body {
    display: flex;
    position: relative;
    overflow: hidden;
    flex-direction: column;
    height: 100%;
    margin: 0 auto;
    border: 2px solid #bfc7ce;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,0.15),0 0 0 rgba(0,0,0,0.08) inset;
    transition: box-shadow .2s linear, border-color .2s linear, background-color .2s linear;
    box-shadow: 0 1px 4px -1px rgba(15,17,22,0.1),0 0 0 rgba(0,0,0,0.08) inset
}

.expand-preview__body-spacer {
    width: 100%;
    padding-top: 142%
}

.expand-preview__body-content {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.expand-preview__frame {
    opacity: 1;
    flex: 1 0 auto;
    width: 100%;
    border: 0;
    border-radius: 8px;
    transform-origin: 0 0;
    cursor: pointer
}

.expand-preview__frame--auto-height {
    height: 100% !important
}

.expand-preview__expand {
    position: absolute;
    top: -4px;
    right: 0
}

@media screen and (min-width: 768px) {
    .tax-invoice-editor-page .expand-preview {
        top:-38px
    }
}

@media screen and (min-width: 768px) {
    .tax-invoice-editor-page .expand-preview--expanded {
        top:0
    }
}

.tax-invoice-editor-page .expand-preview--expanded .expand-preview__body-spacer {
    display: block
}

.tax-invoice-editor-page .expand-preview__body-spacer {
    display: none
}

.edit_invoice .block-template-edit {
    margin-top: 13px
}

@media screen and (min-width: 768px) {
    .edit_invoice__title {
        margin-bottom:8px
    }
}

.legal-promo {
    font-size: 14px;
    line-height: 22px;
    max-width: 740px;
    padding: 2.25em 0 4.5em
}

.legal-promo h3 {
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--headers-font-weight, 700);
    color: #0a1c2e
}

@media screen and (min-width: 768px) {
    .legal-promo h3 {
        font-size:20px;
        line-height: 28px
    }
}

.legal-promo a {
    word-break: break-word
}

.test-variant {
    display: none
}

.test-variant-shown .test-variant {
    display: block
}

.control-variant {
    display: none
}

.control-variant-shown .control-variant {
    display: block
}

.get-help-block {
    display: none
}

.help-side-panel {
    display: none
}

.header .user-menu .cell-block .icolinks .upgrade-btn {
    display: none
}

.conv-225 .header .user-menu .cell-block .icolinks .upgrade-btn {
    display: inline-block
}

.conv-225 .header .user-menu .cell-block>.upgrade-btn {
    display: none
}

.conv-225 .header .user-menu .cell-block .icolink-item-help-link {
    display: none !important
}

@media screen and (min-width: 768px) {
    .conv-225 .body-container {
        display:flex;
        align-items: flex-start;
        justify-content: center
    }
}

.conv-225 .body-container__main {
    flex: 1 0 0;
    min-width: 0
}

.conv-225 .help-side-panel {
    display: none
}

@media screen and (min-width: 1280px) {
    .conv-225 .help-side-panel {
        position:relative;
        overflow: hidden;
        box-sizing: border-box;
        flex: 1 0 250px;
        align-self: stretch;
        max-width: 0;
        background: #fff;
        box-shadow: 0 5px 20px rgba(0,0,0,0.15)
    }
}

@media screen and (min-width: 1280px) and (min-width: 1680px) {
    .conv-225 .help-side-panel {
        flex-basis:280px
    }
}

.conv-225 .get-help-block {
    display: inline-block
}

@media screen and (min-width: 1280px) {
    .conv-225 .get-help-block--hidden {
        overflow:hidden;
        width: 0
    }
}

.conv-225 .help-side-panel__content-wrapper {
    opacity: 0;
    height: 100%;
    transform: translateX(30px);
    transition: opacity 150ms ease-out,transform 150ms ease-out
}

.conv-225 .help-side-panel__container {
    display: none
}

@media screen and (min-width: 1024px) {
    .conv-225 .help-side-panel__container {
        display:block;
        position: relative;
        box-sizing: border-box;
        width: 250px
    }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
    .conv-225 .help-side-panel__container {
        width:280px
    }
}

@media screen and (min-width: 1024px) {
    .conv-225 .help-side-panel__container.help-side-panel--fixed-top {
        position:fixed;
        top: 0 !important;
        bottom: auto
    }

    .conv-225 .help-side-panel__container.help-side-panel--fixed-bottom {
        position: fixed;
        top: auto !important;
        bottom: 0
    }

    .conv-225 .get-help-title {
        display: inline-block;
        margin-bottom: 10px;
        padding: 15px 16px 9px;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
        vertical-align: middle;
        white-space: nowrap
    }

    .conv-225 .get-help-title__text {
        vertical-align: middle
    }

    .conv-225 .help-side-shown .header-top {
        z-index: 90;
        right: 250px
    }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
    .conv-225 .help-side-shown .header-top {
        right:280px
    }
}

@media screen and (min-width: 1024px) {
    .conv-225 .help-side-shown .save-panel {
        right:250px
    }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
    .conv-225 .help-side-shown .save-panel {
        right:280px;
        max-width: 1572px
    }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
    .conv-225 .help-side-shown .help-side-panel {
        display:block;
        z-index: 10;
        max-width: 250px
    }
}

@media screen and (min-width: 1024px) and (min-width: 1680px) {
    .conv-225 .help-side-shown .help-side-panel {
        max-width:280px
    }
}

@media screen and (min-width: 1024px) {
    .conv-225 .help-side-shown .help-side-panel__content-wrapper {
        opacity:1;
        transform: translateX(0)
    }
}

@media screen and (min-width: 2200px) {
    .conv-225 .ecwid-facelift .main-container {
        max-width:1920px
    }
}

.conv-225 .header .user-menu .icolinks .icolink-item.icolink-item-upgrade-link .icolink-desktop {
    max-width: none;
    font-size: 14px
}

.conv-225 .header .user-menu .icolinks .icolink-item.icolink-item-upgrade-link .icolink-desktop .svg-icon {
    top: 1px;
    left: -4px;
    width: 1.3em;
    height: 1.3em
}

.conv-225 .main-popup__close.help-side-panel__close {
    top: 0;
    right: 0;
    box-sizing: border-box;
    justify-content: flex-end;
    width: 100%;
    height: 52px;
    padding: 16px
}

.conv-225 .help-side-panel__close-btn {
    width: 16px;
    height: 16px
}

.conv-225 .help-side-shown .content-wrapper.content-no-padding .content-wrapper-inner {
    padding: 0
}

.conv-225 .ecwid-CustomersList {
    min-width: 890px
}

.ecwid-vertical-menu .conv-225 .header .header-top {
    transition: none
}

@media screen and (max-width: 1679px) {
    .ecwid-vertical-menu .conv-225 .help-side-shown .refer-a-friend.collapse-link {
        display:none
    }
}

.ecwid-vertical-menu.ecwid-vertical-menu--wider .conv-225 .help-side-shown .save-panel {
    max-width: 1370px
}

.promo-cp {
    box-sizing: border-box;
    padding-bottom: 20px
}

.promo-cp * {
    box-sizing: border-box
}

.promo-cp [class^='icon-'],.promo-cp [class*=' icon-'] {
    display: block;
    font-size: 60px;
    cursor: default
}

.promo-cp .promo-cp-logo {
    display: table;
    width: 100%;
    padding: 27px 0 0;
    color: #275ce0;
    text-align: center;
    vertical-align: middle
}

.promo-cp .promo-cp-logo .promo-cp-logo-inner {
    display: table-cell;
    height: 100%;
    vertical-align: middle
}

.promo-cp .promo-cp-logo .promo-cp-logo-inner .icon-svg {
    display: inline-block
}

.promo-cp .promo-cp-logo .promo-cp-logo-inner .icon-svg path {
    fill: currentColor
}

.promo-cp .promo-cp-logo .promo-cp-logo-inner .icon-svg--fee {
    margin-top: 3px;
    margin-bottom: -3px
}

.promo-cp .promo-cp-logo .promo-cp-logo-inner .icon-marketplaces {
    margin-bottom: 5px
}

.promo-cp .promo-cp-logo .promo-cp-logo-inner .icon-unfinished {
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 54px
}

.promo-cp .promo-cp-title {
    max-width: 680px;
    margin: 0 auto 8px;
    color: #0a1c2e;
    text-align: center;
    font-size: 20px;
    line-height: 28px;
    font-family: var(--headers-font-family);
    font-weight: var(--headers-font-weight, 600);
    padding-top: 16px;
    color: #0a1c2e
}

@media screen and (min-width: 768px) {
    .promo-cp .promo-cp-title {
        font-size:32px;
        line-height: 38px
    }
}

@media screen and (min-width: 768px) {
    .promo-cp .promo-cp-title {
        padding-top:24px
    }
}

@media screen and (min-width: 1024px) {
    .promo-cp .promo-cp-title {
        padding-top:0
    }
}

.promo-cp .promo-cp-title-description {
    max-width: 680px;
    margin: 8px auto 24px;
    padding: 0 40px;
    color: #0a1c2e;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    font-weight: var(--base-font-weight, 400)
}

@media screen and (min-width: 768px) {
    .promo-cp .promo-cp-title-description {
        padding:0 20px
    }

    .promo-cp .promo-cp-title-description br {
        display: none
    }
}

.promo-cp .promo-cp-button-wrapper {
    margin-bottom: 1.1em;
    text-align: center
}

.promo-cp .promo-cp-button-wrapper .promo-cp-button {
    height: auto;
    line-height: 1.45;
    white-space: normal;
    min-width: 276px;
    max-width: 100%
}

.promo-cp .promo-cp-button-description {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 42px;
    color: #607385;
    font-weight: 400;
    text-align: center
}

@media (max-width: 767px) {
    .promo-cp .promo-cp-button-description {
        margin-bottom:32px
    }
}

.promo-cp .promo-cp-button-description b {
    color: #0a1c2e;
    font-weight: 600;
    text-transform: uppercase
}

.promo-cp .block-promo-description {
    font-size: 14px;
    line-height: 22px;
    max-width: 740px;
    margin: 0 auto;
    color: #0a1c2e;
    font-weight: 400
}

@media (min-width: 768px) {
    .promo-cp .block-promo-description {
        display:table;
        margin-bottom: 38px
    }

    .promo-cp .block-promo-description+.block-promo-description {
        margin-bottom: 78px
    }
}

@media (max-width: 767px) {
    .promo-cp .block-promo-description {
        display:flex;
        flex-direction: column
    }
}

.promo-cp .block-promo-description::before,.promo-cp .block-promo-description::after {
    content: '';
    display: table;
    clear: both
}

.promo-cp .block-promo-description a {
    color: #275ce0;
    text-decoration: none
}

.promo-cp .block-promo-description .block-promo-description-image {
    text-align: center
}

@media (min-width: 768px) {
    .promo-cp .block-promo-description .block-promo-description-image.block-promo-description-image--align-left {
        text-align:left
    }
}

@media (min-width: 768px) {
    .promo-cp .block-promo-description .block-promo-description-image {
        display:table-cell;
        width: 50%;
        vertical-align: middle
    }
}

@media (max-width: 767px) {
    .promo-cp .block-promo-description .block-promo-description-image {
        width:100%;
        margin-bottom: 20px
    }
}

.promo-cp .block-promo-description .block-promo-description-image img {
    max-width: 100%
}

.promo-cp .block-promo-description .block-promo-description-text {
    padding-left: 12px;
    line-height: 1.75
}

@media (max-width: 767px) {
    .promo-cp .block-promo-description .block-promo-description-text {
        width:100%;
        max-width: 620px;
        margin: 0 auto 20px;
        padding: 0 15px
    }
}

@media (min-width: 768px) {
    .promo-cp .block-promo-description .block-promo-description-text {
        display:table-cell;
        width: 50%;
        vertical-align: middle
    }
}

.promo-cp .block-promo-description .block-promo-description-text p {
    margin: .8em 0
}

.promo-cp .block-promo-description .block-promo-description-text p:first-child {
    margin-top: 0
}

.promo-cp .block-promo-description.block-promo-description--full .block-promo-description-image {
    display: block;
    width: 100%;
    padding-bottom: 12px
}

@media (max-width: 767px) {
    .promo-cp .block-promo-description.block-promo-description--full .block-promo-description-image br {
        display:none
    }
}

.promo-cp .block-promo-description.block-promo-description--full .block-promo-description-image img,.promo-cp .block-promo-description.block-promo-description--full .block-promo-description-image svg,.promo-cp .block-promo-description.block-promo-description--full .block-promo-description-image span[class^="l10n-img"] {
    margin: 0 22px 28px;
    vertical-align: middle
}

.promo-cp .block-promo-description.block-promo-description--full .block-promo-description-image .google-shopping-logo svg {
    width: 130px;
    height: 56px
}

.promo-cp .block-promo-description.block-promo-description--full .block-promo-description-text {
    display: block;
    width: 100%;
    padding: 0 20px
}

.promo-cp .block-promo-description.block-promo-description--left {
    padding-top: 18px
}

.promo-cp .block-promo-description.block-promo-description--right {
    padding-top: 10px
}

@media (max-width: 767px) {
    .promo-cp .block-promo-description.block-promo-description--right {
        flex-direction:column-reverse
    }
}

.promo-cp.promo-cp--inner {
    padding-top: 27px
}

.promo-cp.promo-cp--inner::before,.promo-cp.promo-cp--inner::after {
    content: '';
    display: table;
    clear: both
}

.promo-cp.promo-cp--inner .promo-cp-title {
    margin-bottom: 20px
}

.promo-cp.promo-cp--inner .promo-cp-button-description {
    margin-bottom: 40px
}

.promo-cp.promo-cp--inner .block-promo-description {
    margin-bottom: 30px
}

.promo-cp.promo-cp--inner .block-promo-description .block-promo-description-image img,.promo-cp.promo-cp--inner .block-promo-description .block-promo-description-image span[class^="l10n-img"] {
    margin-bottom: 8px
}

.promo-cp.promo-cp--inner .block-promo-description .block-promo-description-text {
    width: 100%;
    padding: 0 40px
}

span[class^="l10n-img"] {
    display: inline-block
}

span.l10n-img-memberships {
    width: 341px;
    height: 192px;
    background-image: url(https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/l10n/en/memberships.png)
}

span.l10n-img-edit-note {
    width: 144px;
    height: 80px;
    background-image: url(https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/l10n/en/edit-note-transparent.png)
}

span.l10n-img-applied-discounts {
    width: 309px;
    height: 207px;
    background-image: url(https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/l10n/en/applied-discounts.png)
}

span.l10n-img-coupons-code {
    width: 340px;
    height: 77px;
    background-image: url(https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/l10n/en/discount-coupons-code.png)
}

span.l10n-img-discounts {
    width: 289px;
    height: 207px;
    background-image: url(https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/l10n/en/discounts.png)
}

span.l10n-img-handling-fee {
    width: 289px;
    height: 207px;
    background-image: url(https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/l10n/en/handling-fee.png)
}

.ecwid-lang-de .l10n-img-memberships {
    background-image: url(https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/l10n/de/memberships.png)
}

.ecwid-lang-de .l10n-img-edit-note {
    background-image: url(https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/l10n/de/edit-note-transparent.png)
}

.ecwid-lang-de .l10n-img-applied-discounts {
    background-image: url(https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/l10n/de/applied-discounts.png)
}

.ecwid-lang-de .l10n-img-coupons-code {
    background-image: url(https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/l10n/de/discount-coupons-code.png)
}

.ecwid-lang-de .l10n-img-discounts {
    background-image: url(https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/l10n/de/discounts.png)
}

.ecwid-lang-de .l10n-img-handling-fee {
    background-image: url(https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/l10n/de/handling-fee.png)
}

.ecwid-lang-pt_BR .l10n-img-applied-discounts {
    background-image: url(https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/l10n/pt_br/applied-discounts.png)
}

.ecwid-lang-pt_BR .l10n-img-coupons-code {
    background-image: url(https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/l10n/pt_br/discount-coupons-code.png)
}

.ecwid-lang-pt_BR .l10n-img-discounts {
    background-image: url(https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/l10n/pt_br/discounts.png)
}

.header .header-top .icolinks .help-popup-frame-trigger.opened .horizontal-icolink {
    color: #1b409d
}

.header .header-top .icolinks .help-popup-frame-trigger.opened .svg-icon svg {
    fill: #1b409d
}

.help-popup-frame-trigger {
    position: relative;
    z-index: 10;
    cursor: pointer
}

.help-popup-frame-trigger .help-popup-arrow {
    visibility: hidden;
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;
    opacity: 0;
    width: 0;
    height: 0;
    margin: 20px 0 0 -8px;
    border-width: 0 8px 8px;
    border-style: solid;
    border-color: transparent transparent #bfc7ce transparent;
    transform: translate3d(0, 10px, 0);
    transition: transform 0s ease-out .2s, opacity .2s ease-out 0s, visibility .2s ease-out 0s, border-width 0s linear .2s;
    cursor: default
}

.help-popup-frame-trigger .help-popup-arrow::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: 1px;
    left: -7px;
    width: 0;
    height: 0;
    border-width: 0 7px 7px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    transition: border-width 0s linear .2s
}

.help-popup-frame-trigger .help-popup-frame {
    visibility: visible;
    position: absolute;
    top: 100%;
    left: 50%;
    overflow: hidden;
    box-sizing: border-box;
    opacity: 0;
    width: 320px;
    max-width: 0;
    max-height: 0;
    margin-top: 27px;
    margin-left: -160px;
    border: 1px solid #bfc7ce;
    border-radius: 4px;
    background-color: #fff;
    transform: translate3d(0, 10px, 0);
    transition: transform 0s ease-out .2s, opacity .2s ease-out 0s, visibility .2s ease-out 0s, max-width 0s linear .2s, max-height 0s linear .2s;
    cursor: default;
    box-shadow: 0 5px 20px rgba(0,0,0,0.15)
}

.help-popup-frame-trigger .help-popup-frame iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 4px;
    resize: none
}

.help-popup-frame-trigger.opened {
    z-index: 50
}

.help-popup-frame-trigger.opened .help-popup-frame {
    max-width: 10000px;
    max-height: 10000px
}

.help-popup-frame-trigger.opened .help-popup-arrow,.help-popup-frame-trigger.opened .help-popup-frame {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: transform .2s ease-out 0s, opacity .2s ease-out 0s
}

.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink {
    display: inline-block;
    box-sizing: border-box;
    border: 0 solid transparent;
    outline: 0;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
    transition: color .1s linear, background-color .1s linear, border-color .1s linear;
    cursor: pointer;
    min-width: none;
    height: 32px;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.45;
    background-color: #275ce0;
    color: #fff;
    background-image: none;
    box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
    box-shadow: none
}

.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink.btn-loading::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 23px;
    height: 23px;
    margin-top: -12px;
    margin-left: -12px;
    animation: fadein .1s 1 linear, spinright .5s infinite linear
}

.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    border-radius: 6px;
    background-color: rgba(31,74,179,0.5);
    background-image: none;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
    transition: opacity .1s ease-out 0s
}

.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink:focus::before,.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink:hover::before {
    opacity: 1
}

.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink:hover {
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
    color: #fff
}

.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink:focus {
    box-shadow: 0 1px 6px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
    color: #fff
}

.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink:active {
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
    color: #fff;
    transform: translate3d(0, 1px, 0)
}

.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink:focus:active {
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset
}

.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink:focus:active::before {
    box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset
}

.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink::before,.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink:hover,.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink:focus,.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink:active,.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink:focus:active,.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink:focus:active::before {
    box-shadow: none
}

.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink.btn-loading,.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink.btn-loading:hover,.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink.btn-loading:focus,.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink.btn-loading:focus:hover,.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink.btn-loading:active,.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink.btn-loading:focus:active {
    position: relative;
    overflow: visible;
    background-color: #275ce0
}

.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink.btn-loading::after,.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink.btn-loading:hover::after,.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink.btn-loading:focus::after,.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink.btn-loading:focus:hover::after,.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink.btn-loading:active::after,.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink.btn-loading:focus:active::after {
    background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100' width='100' viewBox='0 0 100 100' fill='none' stroke-width='6'%3E%3Ccircle cx='50' cy='50' r='46' stroke-linecap='round' stroke-dasharray='217 72' stroke='%23fff'/%3E%3C/svg%3E") center center no-repeat;
    background-size: contain
}

.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink.btn-loading svg,.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink.btn-loading .loader,.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink.btn-loading:hover svg,.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink.btn-loading:hover .loader,.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink.btn-loading:focus svg,.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink.btn-loading:focus .loader,.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink.btn-loading:focus:hover svg,.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink.btn-loading:focus:hover .loader,.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink.btn-loading:active svg,.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink.btn-loading:active .loader,.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink.btn-loading:focus:active svg,.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink.btn-loading:focus:active .loader {
    display: none
}

.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink [class*="icon-"] {
    display: none
}

.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink:hover,.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode .horizontal-icolink:active {
    color: #fff
}

.header .icolinks .help-popup-frame-trigger.icolink-item-help-link.icolink-item-help-link--btn-mode.opened .horizontal-icolink {
    background-color: #4774e5;
    color: #fff
}

.no-intercom .ecwid-u-11-12 {
    width: 100%
}

.no-intercom .custom-intercom-container {
    display: none
}

.custom-intercom-container {
    max-width: 100%;
    height: 100%
}

.custom-intercom-container .intercom-launcher {
    position: relative;
    float: right;
    width: 30px;
    height: 30px;
    margin: 10px 15px 0 8px
}

.custom-intercom-container .intercom-launcher .intercom-launcher-button {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: none !important;
    cursor: pointer
}

.custom-intercom-container .intercom-launcher .intercom-launcher-button path {
    fill: #275ce0;
    transition: fill .1s linear
}

.custom-intercom-container .intercom-launcher .intercom-launcher-button:hover path {
    fill: #1b409d
}

.custom-intercom-container .intercom-launcher .intercom-launcher-button:active path {
    fill: #688de9
}

.custom-intercom-container .intercom-launcher .intercom-launcher-badge {
    visibility: hidden;
    position: absolute;
    top: 0;
    right: -7px;
    opacity: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #f43c36;
    color: white;
    font-size: 10px;
    line-height: 18px;
    text-align: center;
    cursor: pointer
}

.custom-intercom-container .intercom-launcher.intercom-launcher-active.intercom-launcher-with-badge .intercom-launcher-button {
    background-image: none !important
}

.custom-intercom-container .intercom-launcher.intercom-launcher-active.intercom-launcher-with-badge .intercom-launcher-button path {
    fill: #275ce0
}

.custom-intercom-container .intercom-launcher.intercom-launcher-active.intercom-launcher-with-badge .intercom-launcher-button:hover path {
    fill: #1b409d
}

.custom-intercom-container .intercom-launcher.intercom-launcher-active.intercom-launcher-with-badge .intercom-launcher-button:active path {
    fill: #688de9
}

.custom-intercom-container .intercom-launcher.intercom-launcher-active.intercom-launcher-with-badge .intercom-launcher-badge {
    visibility: visible;
    opacity: 1
}

@media screen and (min-width: 1150px) {
    .custom-intercom-container .intercom-launcher {
        width:36px;
        height: 36px
    }

    .custom-intercom-container .intercom-launcher .intercom-launcher-button {
        width: 36px;
        height: 36px
    }
}

#intercom-container .intercom-notifications-frame {
    background: radial-gradient(rgba(96,115,133,0.5) 0%, transparent 65%)
}

#intercom-container .intercom-notifications-frame,#intercom-container .intercom-messenger-frame,#intercom-container .intercom-note {
    animation-name: intercomPopupInserted
}

#intercom-container .intercom-notifications-frame,#intercom-container .intercom-note {
    animation-duration: .001s
}

#intercom-container .intercom-messenger-frame {
    animation-duration: .2s
}

@keyframes intercomPopupInserted {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#intercom-container .intercom-chat .intercom-chat-card-body {
    overflow-y: hidden
}

.labeled-picture {
    display: flex
}

.labeled-picture .labeled-picture__graphics {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    margin-right: 16px
}

.labeled-picture .labeled-picture__graphics svg,.labeled-picture .labeled-picture__graphics img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 6px
}

.labeled-picture .labeled-picture__graphics svg {
    width: 100%;
    height: 100%
}

.popup-frame {
    display: inline-block;
    position: relative;
    z-index: 0;
    transition: z-index 0s linear .2s;
    cursor: pointer
}

.popup-frame .popup-frame__arrow {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    opacity: 0;
    width: 0;
    height: 0;
    margin: -13px 0 0 -11px;
    border-width: 0;
    border-style: solid;
    border-color: transparent transparent transparent #bfc7ce;
    transition: opacity .2s ease-out 0s, border-width 0s linear .2s;
    cursor: default
}

.popup-frame .popup-frame__arrow::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: -11px;
    right: 1px;
    width: 0;
    height: 0;
    border-width: 0;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    transition: border-width 0s linear .2s
}

.popup-frame .popup-frame__popup-window {
    position: absolute;
    top: 50%;
    right: 100%;
    overflow: hidden;
    box-sizing: border-box;
    opacity: 0;
    width: 540px;
    max-width: 0;
    max-height: 0;
    margin-right: 10px;
    border: 1px solid #bfc7ce;
    border-radius: 4px;
    background-color: #fff;
    transition: opacity .2s ease-out 0s, max-width 0s linear .2s, max-height 0s linear .2s;
    cursor: default;
    box-shadow: 0 5px 20px rgba(0,0,0,0.15)
}

.popup-frame.popup-frame_opened {
    z-index: 150;
    transition: z-index 0s linear 0s
}

.popup-frame.popup-frame_opened .popup-frame__arrow {
    border-width: 13px 0 13px 12px
}

.popup-frame.popup-frame_opened .popup-frame__arrow::after {
    border-width: 11px 0 11px 11px;
    transition: none
}

.popup-frame.popup-frame_opened .popup-frame__popup-window {
    max-width: 10000px;
    max-height: 10000px
}

.popup-frame.popup-frame_opened .popup-frame__arrow,.popup-frame.popup-frame_opened .popup-frame__popup-window {
    opacity: 1;
    transition: opacity .2s ease-out 0s
}

.popup-frame .popup-frame__popup-title {
    margin: 30px 0 10px;
    font-size: 20px;
    font-weight: 600;
    text-align: center
}

.popup-frame .popup-frame__popup-subtitle {
    margin: 10px 0;
    font-size: 14px;
    text-align: center
}

.popup-frame .popup-frame__popup-window-container {
    padding: 16px
}

@media screen and (min-width: 768px) {
    .popup-frame .popup-frame__popup-window-container {
        padding:28px 32px 24px 32px
    }
}

.popup-frame-bottom.popup-frame_opened .popup-frame__arrow {
    border-width: 0 11px 11px 11px
}

.popup-frame-bottom.popup-frame_opened .popup-frame__arrow::after {
    border-width: 0 11px 11px 11px
}

.popup-frame-bottom .popup-frame__arrow {
    top: 100%;
    bottom: 100%;
    left: 50%;
    margin: -1px 0 0 -11px;
    border-width: 0 11px 11px 11px;
    border-color: transparent transparent #bfc7ce transparent
}

.popup-frame-bottom .popup-frame__arrow::after {
    top: 1px;
    right: -11px;
    border-width: 0 11px 11px 11px;
    border-color: transparent transparent white transparent
}

.popup-frame-bottom .popup-frame__popup-window {
    top: 100%;
    right: auto;
    margin: 10px 0 0
}

@media screen and (max-width: 767px) {
    .popup-frame-bottom .popup-frame__popup-window {
        right:auto;
        left: 0;
        width: calc(100vw - 32px);
        margin-left: 16px
    }
}

.popup-frame-bottom .popup-frame__popup-window-container .btn-container {
    text-align: center
}

.productEditor {
    position: relative;
    width: 100%
}

.productEditor .CodeMirror.CodeMirror-wrap {
    box-sizing: border-box
}

.productEditor .CodeMirror .cm-string {
    display: inline-block;
    word-break: break-all
}

.productEditor .redactor-editor img {
    max-width: 620px
}

.productEditor .gwt-TabBar .gwt-TabBarItem {
    position: relative
}

.productEditor .gwt-TabBar {
    display: block;
    padding-bottom: 10px
}

.productEditor .gwt-TabBar tr {
    display: block
}

.productEditor .gwt-TabBar .gwt-TabBarItem-wrapper {
    display: inline-block
}

.productEditor .formLabel {
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600)
}

.productEditor .a-card .productSidebar-priceBlock,.productEditor .a-card .pricePerUnitPanel,.productEditor .a-card .productSidebar-availBlock,.productEditor .a-card .productSidebar-bottomLine,.productEditor .a-card .productSidebar-quantityBlock,.productEditor .a-card .product-sidebar__premium-features-container {
    padding: 16px
}

@media screen and (min-width: 768px) {
    .productEditor .a-card .productSidebar-priceBlock,.productEditor .a-card .pricePerUnitPanel,.productEditor .a-card .productSidebar-availBlock,.productEditor .a-card .productSidebar-bottomLine,.productEditor .a-card .productSidebar-quantityBlock,.productEditor .a-card .product-sidebar__premium-features-container {
        padding:20px 24px
    }
}

.productEditor .a-card .productSidebar-priceBlock,.productEditor .a-card .productSidebar-quantityBlock,.productEditor .a-card .pricePerUnitPanel,.productEditor .a-card .productSidebar-availBlock,.productEditor .a-card .productSidebar-bottomLine,.productEditor .a-card .compareToPricePanel,.productEditor .a-card .WholesalePrices,.productEditor .a-card .QuantityBlock,.productEditor .a-card .product-sidebar__premium-features-container {
    background-color: transparent
}

.productEditor .a-card .popup-frame,.productEditor .a-card .productSidebar-preview-link,.productEditor .a-card .productSidebar-open-store,.productEditor .a-card .productSidebar-promote,.productEditor .a-card .compareToPricePanel,.productEditor .a-card .QuantityBlock {
    padding-left: 0
}

.productEditor .a-card .productSidebar-preview-link {
    padding-top: 0
}

.productEditor .a-card .productSidebar-promote,.productEditor .a-card .QuantityBlock {
    padding-bottom: 0
}

.productEditor .a-card .product-sidebar__premium-features-container {
    margin-top: -16px
}

@media screen and (min-width: 768px) {
    .productEditor .a-card .product-sidebar__premium-features-container {
        margin-top:-24px
    }
}

.productEditor .a-card .QuantityBlock .productSidebar-fieldName:first-child,.productEditor .a-card .productSidebar-availBlock .productSidebar-fieldName:first-child,.productEditor .a-card .compareToPricePanel {
    margin-top: -11px
}

.productEditor .a-card .WholesalePrices {
    margin-bottom: -14px
}

.productEditor .a-card .WholesalePrices .wholesaleLabel,.productEditor .a-card .WholesalePrices .wholesale-add-row {
    padding-left: 0
}

.productEditor .a-card #productSidebar-bottom {
    display: none
}

.productEditor .a-card .tax_and_shipping {
    margin-top: -14px
}

.productEditor .a-card .gwt-TabBar {
    padding-bottom: 0
}

.productEditor .a-card .gwt-TabBar .gwt-TabBarItem {
    padding: 0 0 2px
}

@media screen and (max-width: 767px) {
    .productEditor .a-card .ProductgeneralInfo-NeedShipping-panel {
        margin-bottom:24px
    }
}

.productEditor .a-card.a-card--compact .productSidebar-bottomLine {
    padding: 0;
    border: none
}

.productEditor .detailed-layout__sidebar .a-card:last-of-type,.productEditor .detailed-layout__main .a-card:last-of-type {
    margin-bottom: 0
}

.productEditor .productSidebar-giftCard .productSidebar-priceBlock,.productEditor .productSidebar-giftCard .productSidebar-pricePerUnitBlock,.productEditor .productSidebar-giftCard .productSidebar-stockBlock,.productEditor .productSidebar-giftCard .productSidebar-stockBlock-title,.productEditor .productSidebar-giftCard .productSidebar-quantityBlock,.productEditor .productSidebar-giftCard #productSidebar-bottom {
    display: none
}

.productEditor .productSidebar-giftCard .productSidebar-availBlock {
    border-top: 0 none
}

.productEditor .productSidebar-giftCard .product-sidebar__premium-features-container {
    padding-top: 8px
}

.productEditor .tableCell.tableCell-7 {
    border-right: none
}

.product-heading {
    max-width: 930px;
    margin-bottom: 16px
}

@media screen and (min-width: 768px) {
    .product-heading {
        display:flex;
        margin-bottom: 24px;
        padding-top: 24px
    }
}

@media screen and (min-width: 1024px) {
    .product-heading {
        padding-top:0
    }
}

.product-heading--expanded {
    max-width: 1320px
}

.product-heading__title {
    word-wrap: break-word;
    word-break: break-word;
    font-size: 20px;
    line-height: 28px;
    font-family: var(--headers-font-family);
    font-weight: var(--headers-font-weight, 700);
    color: #0a1c2e;
    margin-bottom: 16px;
    padding-top: 16px
}

@media screen and (min-width: 768px) {
    .product-heading__title {
        font-size:32px;
        line-height: 38px
    }
}

@media screen and (min-width: 768px) {
    .product-heading__title {
        margin-bottom:0;
        padding-top: 0
    }
}

.product-heading__controls {
    margin-bottom: 16px
}

@media screen and (min-width: 768px) {
    .product-heading__controls {
        flex:1 0 auto;
        margin-bottom: 0;
        padding-top: 4px;
        text-align: right
    }
}

.product-sidebar__premium-features-container {
    background-color: #e8ebed
}

.product-sidebar__premium-features-container .premium-feature--disabled .product-sidebar__premium-feature-block {
    display: block
}

.product-sidebar__premium-feature-block {
    display: none
}

.product-sidebar__premium-feature-block .btn-container {
    margin-bottom: 24px;
    text-align: center
}

.product-sidebar__premium-feature-block .premium-feature-name svg {
    fill: #f9a650;
    transition: fill .1s linear
}

.product-sidebar__premium-feature-block .premium-feature-name:hover svg {
    fill: #ae7438
}

.premium-features-list {
    padding: 0;
    list-style: none
}

@media screen and (min-width: 768px) {
    .premium-features-list {
        margin:0 0 0 24px;
        text-align: left
    }
}

@media screen and (min-width: 768px) {
    .premium-features-list .premium-features-list__table-block {
        display:table
    }
}

.premium-features-list .premium-features-list__cell-block {
    text-align: center
}

@media screen and (min-width: 768px) {
    .premium-features-list .premium-features-list__cell-block {
        display:table-cell;
        text-align: left;
        vertical-align: middle
    }
}

.premium-features-list .premium-features-list__cell-block--has-meta {
    position: relative
}

.premium-features-list .premium-features-list__item-img {
    max-width: 144px;
    height: auto;
    margin-bottom: 8px;
    vertical-align: middle
}

@media screen and (min-width: 768px) {
    .premium-features-list .premium-features-list__item-img {
        margin-bottom:0
    }
}

.premium-features-list .premium-features-list__item-img-meta {
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: space-evenly;
    width: 144px;
    min-height: 80px;
    margin: 0 auto 14px;
    padding: 8px 16px;
    background-color: #eceef0;
    position: relative
}

.premium-features-list .premium-features-list__item-img-meta::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 6px;
    background: linear-gradient(45deg, transparent, transparent 50%, #eceef0 50%, #eceef0 0),linear-gradient(135deg, #eceef0, #eceef0 50%, transparent 50%, transparent 0);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 12px 12px
}

@media screen and (min-width: 768px) {
    .premium-features-list .premium-features-list__item-img-meta {
        margin-bottom:6px
    }
}

.premium-features-list .premium-features-list__item-img-meta p {
    overflow: hidden;
    width: 100%;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.premium-features-list .premium-features-list__item-img-meta--no-padding {
    padding: 0
}

.premium-features-list .premium-features-list__item {
    margin-bottom: 24px
}

.premium-features-list .premium-features-list__item-desc {
    margin: 0 0 32px
}

@media screen and (min-width: 768px) {
    .premium-features-list .premium-features-list__item-desc {
        margin:0 0 0 24px
    }
}

.premium-features-list .premium-features-list__item-title {
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e
}

.premium-features-list .premium-features-list__item-text {
    font-size: 12px;
    line-height: 18px
}

.premium-features-list.premium-features-list--no-item-title .premium-features-list__item-title {
    display: none
}

.previewpopup {
    height: 100%;
    width: 100%
}

.previewpopup .ecwid-popup {
    border: solid 1px #bfc7ce;
    border-radius: 5px
}

.previewpopup button.ecwid-popup-closeButton {
    width: 18px;
    height: 18px;
    margin: 5px 7px;
    border-radius: 50%;
    background: #808f9d url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath fill='%23fff' fill-rule='evenodd' clip-rule='evenodd' d='M1.7929 1.7929c.3905-.3905 1.0237-.3905 1.4142 0L9 7.5858l5.7929-5.793c.3905-.3904 1.0237-.3904 1.4142 0 .3905.3906.3905 1.0238 0 1.4143L10.4142 9l5.7929 5.7929c.3905.3905.3905 1.0237 0 1.4142-.3905.3905-1.0237.3905-1.4142 0L9 10.4142l-5.7929 5.7929c-.3905.3905-1.0237.3905-1.4142 0-.3905-.3905-.3905-1.0237 0-1.4142L7.5858 9l-5.793-5.7929c-.3904-.3905-.3904-1.0237 0-1.4142z'/%3E%3C/svg%3E") no-repeat center center;
    background-size: 8px auto
}

.related-products .related-category-title {
    margin-top: 16px;
    margin-bottom: 4px;
    font-weight: 600
}

.related-products .RelatedProductsTab-QtyLabel {
    display: inline-block;
    width: auto;
    font-size: 14px
}

.related-products .related-products-qty {
    display: inline-block;
    width: auto;
    vertical-align: middle
}

.related-products .related-products-qty input {
    width: 30px;
    height: 26px
}

.progress-title {
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 768px) {
    .progress-title {
        flex-direction:row
    }
}

@media screen and (max-width: 767px) {
    .progress-title__title {
        margin-bottom:0
    }
}

@media screen and (min-width: 768px) {
    .progress-title__title {
        margin-right:16px;
        flex-grow: 1
    }
}

@media screen and (min-width: 768px) {
    .progress-title__progress {
        flex-basis:120px;
        flex-shrink: 0
    }
}

.progress-title__value {
    display: none;
    text-align: center;
    font-family: var(--headers-font-family);
    font-weight: var(--headers-font-weight, 700);
    font-size: 44px;
    line-height: 52px
}

@media screen and (min-width: 768px) {
    .progress-title__value {
        display:block
    }
}

.fb-promo-cp-subtitle {
    font-size: 16px;
    line-height: 24px;
    max-width: 600px;
    margin: 10px auto 35px;
    padding: 0 20px;
    text-align: center
}

.promo-cp-button-description {
    padding: 0 20px
}

.fb-promo-description-image {
    box-sizing: border-box;
    margin-top: 70px;
    margin-bottom: 16px;
    text-align: center
}

.fb-promo-description-image img {
    max-width: 100%;
    max-height: 512px
}

@media screen and (min-width: 768px) {
    .fb-promo-description-image {
        width:50%;
        margin-bottom: 0;
        padding-right: 16px
    }
}

.fb-promo-features {
    box-sizing: border-box;
    text-align: center
}

@media screen and (min-width: 768px) {
    .fb-promo-features {
        width:50%;
        padding-top: 48px;
        padding-left: 16px;
        text-align: left
    }
}

.fb-promo-feature {
    margin-bottom: 32px;
    color: #0a1c2e
}

.fb-promo-feature__title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px;
    font-weight: 600
}

.fb-promo-feature__text {
    font-size: 14px;
    line-height: 22px
}

.promo-cp-logo-fb {
    width: 64px;
    height: 64px;
    margin: auto;
    border-radius: 50%;
    background: #4267b2;
    line-height: 64px
}

.promo-cp-logo-fb svg {
    width: auto;
    height: 50%;
    vertical-align: middle
}

@media screen and (min-width: 768px) {
    .promo-cp-logo-fb {
        margin-bottom:-8px
    }
}

@media screen and (min-width: 1024px) {
    .promo-cp-logo-fb {
        margin-bottom:16px
    }
}

.promo-cp-fb-free .fb-promo-cp-subtitle {
    font-size: 14px;
    line-height: 22px;
    max-width: 680px;
    text-align: left
}

@media screen and (min-width: 768px) {
    .promo-cp-fb-free .fb-promo-cp-subtitle {
        font-size:16px;
        line-height: 26px
    }
}

.promo-cp-fb-free .promo-cp-button-description {
    max-width: 620px;
    margin-right: auto;
    margin-left: auto
}

.promo-cp-fb-free .promo-cp-fblink {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600
}

.promo-cp-fb-free .promo-cp-fblink .btn {
    margin-top: 1.1em
}

.promo-cp .fb-select-wrap .select-wrap {
    display: block;
    margin: 0 auto 8px
}

.promo-cp .fb-select-wrap .btn,.promo-cp .fb-select-wrap .select-wrap {
    width: 290px;
    max-width: 100%
}

.promo-cp .fb-select-wrap {
    margin-top: 10px;
    margin-bottom: 10px
}

.fb-promo-description {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center
}

@media screen and (min-width: 768px) {
    .fb-promo-description {
        overflow:hidden;
        max-width: 970px;
        margin: auto
    }
}

.apps-list {
    margin: 0 0 100px;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #bfc7ce
}

.apps-list__item {
    margin: 0;
    border-top: 1px solid #bfc7ce;
    color: #0a1c2e
}

.app-list-item {
    display: table;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: -25px;
    padding: 20px 0 25px;
    cursor: pointer
}

.app-list-item:hover {
    background: #e7f0f8
}

.app-icon {
    display: inline-block;
    width: 60px;
    padding-top: 5px;
    padding-right: 20px;
    padding-left: 20px;
    vertical-align: top
}

.app-icon__image {
    overflow: hidden;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    vertical-align: middle
}

.app-icon__image img {
    display: block;
    width: 100%
}

.app-description {
    display: inline-block;
    box-sizing: border-box;
    max-width: 95%;
    margin-left: -100px;
    padding: 0 10px 0 100px;
    vertical-align: top
}

.app-description__title {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e
}

.app-description__text {
    display: inline-block;
    margin-right: 5px;
    font-size: 14px
}

.app-status {
    display: table-cell;
    width: 40%;
    min-width: 400px;
    text-align: right;
    vertical-align: middle
}

.app-status__action {
    display: inline-block;
    width: 49%;
    text-align: center;
    vertical-align: middle
}

.app-status__message {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase
}

.app-status__message--suspended {
    color: #f43c36
}

.app-price {
    display: inline-block;
    box-sizing: border-box;
    width: 49%;
    padding: 0 10px;
    text-align: right;
    vertical-align: middle
}

.app-price__cost {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600
}

.app-price__period {
    font-size: 14px
}

.app-price__expires {
    font-size: 14px;
    font-weight: 600
}

.app-link {
    color: #275ce0;
    font-size: 14px;
    text-decoration: none
}

.app-description__label {
    padding-right: 10px
}

.app-details-container {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    height: 0;
    padding-top: 25px;
    transition: height 150ms ease-out
}

.app-details-container::before {
    border: 15px transparent solid;
    border-bottom-color: #e8ebed;
    content: '';
    position: absolute;
    z-index: 2;
    top: -4px;
    left: 35px
}

.app-details-container__inner {
    display: flex;
    box-sizing: border-box;
    flex-wrap: wrap;
    width: 100%;
    padding: 40px 0 15px 100px;
    background-color: #e8ebed;
    transition: background-color 150ms ease-in
}

.app-details-container::before,.app-details-container .app-details {
    opacity: 0;
    transition: opacity 200ms ease-in
}

.app-details-container .app-remove--details {
    opacity: 0;
    transition: opacity 100ms ease-in
}

.apps-list__item--expanded .app-details-container {
    height: auto;
    transition: height 200ms cubic-bezier(0.6, 0, 1, 1)
}

.apps-list__item--expanded .app-details-container::before,.apps-list__item--expanded .app-details-container .app-details {
    opacity: 1;
    transition: opacity 150ms ease-in
}

.apps-list__item--expanded .app-details-container .app-remove--details {
    opacity: 1;
    transition: opacity 100ms ease-in 100ms
}

.app-details {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 24px;
    vertical-align: top
}

@media screen and (min-width: 768px) {
    .app-details {
        width:50%;
        padding-right: 24px
    }
}

.app-details--uninstall {
    flex-grow: 1;
    align-self: flex-end
}

.app-details__title {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e
}

.app-details__title--suspended {
    color: #f43c36
}

.app-details__content {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 16px
}

.app-details__links .app-link {
    display: inline-block;
    margin-bottom: 5px;
    padding-right: 15px
}

.app-details .btn-primary {
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis
}

.app-remove {
    display: flex;
    justify-content: flex-end;
    font-size: 14px;
    line-height: 24px
}

.app-remove a.app-remove__feedback {
    color: #0cac42;
    text-decoration: none
}

.app-remove a.app-remove__feedback:hover {
    color: #08782e
}

.app-remove__feedback {
    margin-right: 20px
}

@media screen and (min-width: 768px) {
    .app-remove__feedback {
        margin-right:40px
    }
}

.app-remove__label {
    color: #275ce0;
    vertical-align: middle;
    cursor: pointer
}

.app-remove__label:hover {
    color: #1b409d
}

.app-remove__label::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 22px;
    margin-top: -4px;
    margin-right: 8px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='%23275ce0'%3E%3Cpath d='M7 0h4l1 2H6l1-2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 3c-.5523 0-1 .4477-1 1s.4477 1 1 1v11c0 1.1046.8954 2 2 2h10c1.1046 0 2-.8954 2-2V5c.5523 0 1-.4477 1-1s-.4477-1-1-1H2zm12 13V5H4v11h10z'/%3E%3Cpath d='M6 7.5c0-.5523.4477-1 1-1s1 .4477 1 1v6c0 .5523-.4477 1-1 1s-1-.4477-1-1v-6zM10 7.5c0-.5523.4477-1 1-1s1 .4477 1 1v6c0 .5523-.4477 1-1 1s-1-.4477-1-1v-6z'/%3E%3C/svg%3E") no-repeat center;
    line-height: 24px;
    vertical-align: middle
}

.app-remove__label:hover::before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='%231b409d'%3E%3Cpath d='M7 0h4l1 2H6l1-2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 3c-.5523 0-1 .4477-1 1s.4477 1 1 1v11c0 1.1046.8954 2 2 2h10c1.1046 0 2-.8954 2-2V5c.5523 0 1-.4477 1-1s-.4477-1-1-1H2zm12 13V5H4v11h10z'/%3E%3Cpath d='M6 7.5c0-.5523.4477-1 1-1s1 .4477 1 1v6c0 .5523-.4477 1-1 1s-1-.4477-1-1v-6zM10 7.5c0-.5523.4477-1 1-1s1 .4477 1 1v6c0 .5523-.4477 1-1 1s-1-.4477-1-1v-6z'/%3E%3C/svg%3E") no-repeat center
}

.app-list-empty {
    padding: 0 0 50px;
    text-align: center
}

.app-list-empty__title {
    font-size: 20px;
    line-height: 28px;
    padding-top: 16px;
    color: #0a1c2e;
    margin-bottom: 8px;
    font-weight: 700
}

@media screen and (min-width: 768px) {
    .app-list-empty__title {
        font-size:32px;
        line-height: 38px
    }
}

@media screen and (min-width: 768px) {
    .app-list-empty__title {
        padding-top:24px
    }
}

@media screen and (min-width: 1024px) {
    .app-list-empty__title {
        padding-top:0
    }
}

.app-list-empty__subtitle {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 24px;
    font-weight: 400
}

.app-list-empty .btn-visit-market {
    min-width: 220px
}

@media screen and (max-width: 767px) {
    .apps-list {
        margin-bottom:60px
    }

    .app-list-item {
        display: block;
        width: 100%;
        margin-bottom: 0;
        padding-bottom: 5px
    }

    .app-icon {
        float: left;
        width: 48px
    }

    .app-icon__image {
        width: 48px;
        height: 48px
    }

    .app-description {
        display: block;
        width: 100%;
        margin-left: 0;
        padding-left: 88px
    }

    .app-description__title {
        word-wrap: break-word;
        word-break: break-word
    }

    .app-status {
        display: flex;
        box-sizing: border-box;
        flex-wrap: wrap;
        align-items: center;
        width: 100%;
        min-width: 0;
        padding: 15px 0 10px 88px;
        text-align: left
    }

    .app-status__action {
        display: inline-block;
        order: 1;
        width: auto;
        margin-bottom: 15px;
        padding-right: 20px;
        text-align: left
    }

    .app-price {
        order: 2;
        width: auto;
        margin-bottom: 15px;
        padding-right: 25px;
        padding-left: 0;
        text-align: left
    }

    .app-details-container {
        padding-top: 0
    }

    .app-details-container__inner {
        padding: 20px
    }

    .apps-list__item--expanded .app-details-container::before,.app-details-container::before {
        content: none
    }

    .app-details--uninstall {
        margin-bottom: 0
    }
}

.apps-title-recommended {
    margin: 48px 0 32px;
    font-size: 24px;
    font-weight: 400;
    text-align: center
}

.apps-title-recommended--hidden {
    display: none
}

.apps-list-recommended {
    display: block;
    width: 100%;
    min-height: 364px;
    border: 0
}

.apps-list-recommended--hidden {
    display: none
}

.pswp {
    display: none;
    position: absolute;
    z-index: 1500;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    outline: none;
    -webkit-backface-visibility: hidden;
    -webkit-text-size-adjust: 100%;
    -ms-touch-action: none;
    touch-action: none
}

.pswp * {
    box-sizing: border-box
}

.pswp img {
    max-width: none
}

.pswp__bg {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    background: #000;
    -webkit-backface-visibility: hidden;
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    will-change: opacity
}

.pswp__scroll-wrap {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pswp__container,.pswp__zoom-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    -ms-touch-action: none;
    touch-action: none;
    will-change: transform
}

.pswp__container,.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp__item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden
}

.pswp__img {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: auto
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
    background: #0a1c2e
}

.pswp__error-msg {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -8px;
    color: #0a1c2e;
    font-size: 14px;
    line-height: 16px;
    text-align: center
}

.pswp__error-msg a {
    color: #0a1c2e;
    text-decoration: underline
}

.pswp__share-modal,.pswp__counter {
    display: none
}

.pswp__caption {
    position: absolute;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    min-height: 44px;
    background-color: rgba(255,255,255,0.5);
    -webkit-backface-visibility: hidden;
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    will-change: opacity
}

.pswp__caption__center {
    max-width: 420px;
    margin: 0 auto;
    padding: 12px;
    font-size: 14px;
    line-height: 20px;
    text-align: center
}

.pswp__caption--empty {
    display: none
}

.pswp__caption--fake {
    visibility: hidden
}

.pswp__caption small {
    font-size: 11px
}

.pswp__caption__center,.pswp__caption small {
    color: #0a1c2e
}

.pswp__top-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 44px
}

.pswp__button {
    display: block;
    position: absolute;
    overflow: visible;
    opacity: .5;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-backface-visibility: hidden;
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    cursor: pointer;
    -webkit-appearance: none;
    will-change: opacity
}

.pswp__button:focus,.pswp__button:hover {
    opacity: 1
}

.pswp__button:active {
    opacity: .9;
    outline: none
}

.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.pswp__button--close,.pswp__button--zoom {
    top: 0;
    left: 0;
    width: 90px;
    height: 90px
}

.pswp__button--close::before,.pswp__button--zoom::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 64px;
    height: 64px;
    border-radius: 0 0 10px;
    background-repeat: no-repeat;
    background-position: 15px 15px;
    background-size: 32px 32px
}

.pswp__button--zoom {
    display: none;
    right: 0;
    left: auto
}

.pswp__button--zoom::before {
    right: 0;
    left: auto;
    border-radius: 0 0 0 10px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' viewBox='0 0 33 33'%3E%3Cg fill='%23000' fill-rule='evenodd'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 26C12.82 26 7 20.18 7 13C7 5.82 12.82 0 20 0C27.18 0 33 5.82 33 13C33 20.18 27.18 26 20 26ZM20 24C13.925 24 9 19.075 9 13C9 6.925 13.925 2 20 2C26.075 2 31 6.925 31 13C31 19.075 26.075 24 20 24Z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 21C11.61 20.61 10.978 20.607 10.585 21L0.687 30.9C0.297 31.29 0.293 31.92 0.687 32.314C1.077 32.704 1.707 32.706 2.101 32.314L12.001 22.414C12.391 22.024 12.394 21.394 12.001 21H12ZM21 17.998C21 18.544 20.552 19 20 19C19.444 19 19 18.55 19 17.998V14H15.002C14.456 14 14 13.552 14 13C14 12.444 14.45 12 15.002 12H19V8.002C19 7.456 19.448 7 20 7C20.556 7 21 7.45 21 8.002V12H24.998C25.544 12 26 12.448 26 13C26 13.556 25.55 14 24.998 14H21V17.998Z'/%3E%3C/g%3E%3C/svg%3E");
    background-position: 19px 16px;
    background-size: 33px 33px
}

.pswp__button--arrow--left,.pswp__button--arrow--right {
    top: 50%;
    width: 110px;
    height: 150px;
    margin-top: -75px
}

.pswp__button--arrow--left::before,.pswp__button--arrow--right::before {
    content: '';
    position: absolute;
    top: 50%;
    width: 64px;
    height: 96px;
    margin-top: -48px;
    background-repeat: no-repeat;
    background-size: 31px 70px
}

.pswp__button--arrow--left {
    left: 0
}

.pswp__button--arrow--left::before {
    left: 0;
    border-radius: 0 10px 10px 0;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='70' viewBox='0 0 31 70'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M0 34.996c0 .26.1.52.296.715l28.48 33.937c.352.42.977.474 1.403.116.422-.355.48-.983.13-1.4L2.31 35l28-33.362c.35-.418.292-1.046-.13-1.4-.427-.36-1.052-.304-1.403.115L.297 34.29C.1 34.48 0 34.737 0 34.995z'/%3E%3C/svg%3E");
    background-position: 15px center
}

.pswp__button--arrow--right {
    right: 0
}

.pswp__button--arrow--right::before {
    right: 0;
    border-radius: 10px 0 0 10px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='70' viewBox='0 0 31 70'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M30.538 34.996c.002.26-.1.52-.296.715L1.762 69.648c-.352.42-.977.474-1.403.116-.424-.355-.48-.983-.13-1.4L28.23 35 .23 1.638C-.12 1.22-.064.592.36.238c.425-.36 1.05-.304 1.402.115l28.48 33.936c.195.192.296.448.296.706z'/%3E%3C/svg%3E");
    background-position: 19px center
}

.pswp__button--share,.pswp__button--fs {
    display: none
}

.pswp__button::before {
    background-color: rgba(255,255,255,0.5)
}

.pswp__button--close::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M15.85 14.436L1.71.296C1.32-.095.683-.098.293.293c-.394.393-.39 1.024 0 1.415l14.142 14.14L.296 29.99c-.39.39-.393 1.026-.002 1.416.393.394 1.024.39 1.415 0l14.14-14.142 14.14 14.14c.39.39 1.026.393 1.416.002.394-.393.39-1.024 0-1.415L17.263 15.85l14.14-14.14c.39-.39.393-1.026.002-1.416-.393-.394-1.024-.39-1.415 0L15.85 14.437z'/%3E%3C/svg%3E")
}

.pswp__preloader {
    position: absolute;
    top: 0;
    left: 50%;
    opacity: 0;
    width: 44px;
    height: 44px;
    margin-left: -22px;
    transition: opacity .25s ease-out;
    direction: ltr;
    will-change: opacity
}

.pswp__preloader .pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px
}

.pswp__preloader--active {
    opacity: 1
}

.pswp__preloader--active .pswp__preloader__icn {
    background: url(preloader.gif) 0 0 no-repeat
}

.pswp__ui {
    visibility: visible;
    z-index: 1550;
    opacity: 1;
    -webkit-font-smoothing: auto
}

.pswp__ui--idle .pswp__button {
    opacity: 0
}

.pswp__ui--idle .pswp__button--close {
    opacity: .5
}

.pswp__ui--hidden .pswp__top-bar,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right {
    opacity: .001
}

.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right {
    display: none
}

.pswp__element--disabled {
    display: none !important
}

.pswp__iframe-outer-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding-top: 44px;
    padding-bottom: 64px
}

.pswp__iframe-holder {
    position: relative;
    width: 100%;
    max-height: 100%
}

.pswp__iframe-holder iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 0 none
}

.pswp--animate_opacity {
    opacity: .001;
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    will-change: opacity
}

.pswp--open {
    display: block
}

.pswp--zoom-allowed .pswp__img {
    cursor: zoom-in
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__img {
    cursor: -webkit-grab;
    cursor: grab
}

.pswp--zoomed-in .pswp__button--zoom::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' viewBox='0 0 33 33'%3E%3Cg fill='%23000' fill-rule='evenodd'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 26C12.82 26 7 20.18 7 13C7 5.82 12.82 0 20 0C27.18 0 33 5.82 33 13C33 20.18 27.18 26 20 26ZM20 24C13.925 24 9 19.075 9 13C9 6.925 13.925 2 20 2C26.075 2 31 6.925 31 13C31 19.075 26.075 24 20 24Z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 21C11.61 20.61 10.978 20.607 10.585 21L0.687 30.9C0.297 31.29 0.293 31.92 0.687 32.314C1.077 32.704 1.707 32.706 2.101 32.314L12.001 22.414C12.391 22.024 12.394 21.394 12.001 21H12ZM15.002 14C14.456 14 14 13.552 14 13C14 12.444 14.45 12 15.002 12H24.998C25.544 12 26 12.448 26 13C26 13.556 25.55 14 24.998 14H15.002Z'/%3E%3C/g%3E%3C/svg%3E")
}

.pswp--dragging .pswp__img {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap {
    transition: none
}

.pswp--ie .pswp__img {
    top: 0;
    left: 0;
    width: 100% !important;
    height: auto !important
}

.pswp--css_animation .pswp__preloader__icn {
    position: absolute;
    top: 15px;
    left: 15px;
    opacity: .75;
    width: 14px;
    height: 14px;
    margin: 0;
    background: none
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    overflow: hidden;
    width: 7px;
    height: 14px
}

.pswp--css_animation .pswp__preloader__donut {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    margin: 0;
    border: 2px solid;
    border-radius: 50%;
    border-bottom-color: transparent;
    border-left-color: transparent;
    background: none
}

.pswp--css_animation .pswp__preloader--active {
    opacity: 1
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    animation: spinright 500ms linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite
}

.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right {
    visibility: hidden
}

.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible
}

.pswp--minimal--dark .pswp__top-bar {
    background: none
}

.pswp__bg,.pswp--css_animation .pswp__preloader__donut {
    background: #fff
}

.mobile-promo {
    padding: 27px 0 0
}

.mobile-promo * {
    box-sizing: border-box
}

.mobile-promo__logo {
    height: 60px;
    margin: 0 auto;
    text-align: center
}

.mobile-promo__logo svg {
    max-height: 100%
}

.mobile-promo__title {
    margin-top: 16px;
    margin-bottom: 8px;
    padding: 0 20px;
    text-align: center
}

.mobile-promo__subtitle {
    font-size: 14px;
    line-height: 22px;
    max-width: 600px;
    margin: 5px auto 41px;
    padding: 0 20px;
    text-align: center
}

.mobile-promo__button {
    margin-bottom: 20px;
    text-align: center
}

.mobile-promo__button button {
    min-width: 7.385em;
    height: auto;
    padding: 10px 15px;
    border-radius: 6px;
    font-size: 15px;
    line-height: 1.45
}

@media screen and (min-width: 568px) {
    .mobile-promo__button button {
        padding:10px 40px;
        font-size: 17px
    }
}

.mobile-promo__button-description {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 10px;
    padding: 0 20px;
    text-align: center
}

@media screen and (min-width: 768px) {
    .mobile-promo__button-description {
        margin-bottom:30px
    }
}

.mobile-promo__content {
    padding-top: 30px
}

@media screen and (min-width: 768px) {
    .mobile-promo__content {
        overflow:hidden;
        max-width: 970px;
        margin: auto
    }
}

.mobile-promo__button+.mobile-promo__content {
    padding-top: 45px
}

@media screen and (min-width: 768px) {
    .mobile-promo__button+.mobile-promo__content {
        padding-top:85px
    }
}

.mobile-app__image {
    margin: 0 auto 50px;
    padding: 0 40px;
    text-align: center
}

.mobile-app__image img {
    max-width: 100%;
    height: 100%
}

@media screen and (min-width: 768px) {
    .mobile-app__image {
        float:left;
        width: 68%;
        padding-right: 3%;
        padding-left: 20px
    }
}

.feature-block {
    max-width: 490px;
    margin: 0 auto 40px;
    padding: 0 20px;
    color: #0a1c2e;
    text-align: center
}

.feature-block__title {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e
}

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

@media screen and (min-width: 768px) {
    .feature-block {
        float:right;
        clear: right;
        width: 32%;
        max-width: 320px;
        margin-bottom: 41px;
        padding: 0 20px 0 0;
        text-align: left
    }
}

.mobile-promo-popup {
    min-width: 300px
}

.mobile-promo-popup .ecwid-modal-body {
    margin: 0 0 20px
}

.mobile-promo-popup__phone {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    max-width: 290px;
    margin: 12px auto 18px
}

.mobile-promo-popup__button {
    display: block;
    width: 100%;
    max-width: 290px;
    margin: 0 auto 16px
}

.mobile-promo-popup .ecwid-modal-content {
    max-width: 480px;
    padding-bottom: 30px
}

@media screen and (min-width: 768px) {
    .mobile-promo-popup .ecwid-modal-content {
        padding-bottom:65px
    }
}

.mobile-promo-popup .ecwid-g-r {
    clear: both
}

.mobile-promo-popup .ecwid-u-1 {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    margin-bottom: 30px;
    padding-right: 20px;
    padding-left: 20px;
    text-align: center
}

@media screen and (min-width: 768px) {
    .mobile-promo-popup .ecwid-u-1 {
        margin-bottom:0;
        padding-right: 40px;
        padding-left: 40px
    }
}

.mobile-promo-popup__title {
    margin: 0 0 25px;
    font-size: 30px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600)
}

.mobile-promo-popup__description {
    font-size: 14px;
    line-height: 22px;
    margin: 10px 0 42px
}

.mobile-promo-popup__warning {
    max-width: 290px;
    margin: 10px auto;
    color: #607385;
    font-size: 14px;
    line-height: 22px
}

@media screen and (min-width: 768px) {
    .mobile-promo-popup__warning {
        margin-bottom:30px
    }
}

.mobile-promo-popup__links {
    margin-top: 35px
}

.mobile-promo-popup__links>a {
    display: inline-block;
    margin: 0 5px 10px;
    border: 1px solid #bfc7ce;
    border-radius: 7px;
    vertical-align: middle
}

.mobile-promo-popup__links>a svg {
    display: inline-block;
    vertical-align: middle
}

.mobile-promo-popup__links>a:hover {
    opacity: .6
}

@media screen and (min-width: 768px) {
    .mobile-promo-popup__links {
        margin-top:76px
    }
}

.mobile-promo-popup__qrcode {
    box-sizing: border-box;
    width: 264px;
    height: 264px;
    margin: 10px auto;
    padding: 16px;
    border: 1px solid #bfc7ce
}

@media screen and (min-width: 768px) {
    .mobile-promo-popup__qrcode {
        width:288px;
        height: 288px
    }
}

.mobile-promo-popup__qrcode-placeholder {
    overflow: hidden;
    box-sizing: border-box;
    width: 232px;
    height: 232px;
    line-height: 232px;
    text-align: center;
    vertical-align: middle
}

.mobile-promo-popup__qrcode-placeholder img {
    display: inline-block;
    width: 100%;
    height: auto;
    vertical-align: middle
}

@media screen and (min-width: 768px) {
    .mobile-promo-popup__qrcode-placeholder {
        width:254px;
        height: 254px;
        line-height: 254px
    }
}

.mobile-promo-popup .sms-success {
    margin-bottom: 18px;
    text-align: center
}

.mobile-promo-popup .sms-success__icon {
    width: 72px;
    height: 72px;
    margin: 5px auto 20px
}

.mobile-promo-popup .sms-success__send-again {
    text-decoration: none
}

.mobile-promo-popup__sms-fail {
    display: none
}

.mobile-promo-popup__direct-download {
    display: none;
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 24px
}

.mobile-promo-popup__sms-fail,.mobile-promo-popup__direct-download {
    max-width: 480px
}

.mobile-promo-popup__body--fail .ecwid-u-1-2 {
    width: 100%;
    text-align: center
}

.mobile-promo-popup__body--fail .mobile-promo-popup__sms-fail {
    display: block
}

.mobile-promo-popup__body--fail .mobile-promo-popup__direct-download {
    display: block
}

.mobile-promo-popup__body--fail .mobile-promo-popup__send-sms {
    display: none
}

.mobile-promo-popup__body--fail .mobile-promo-popup__qrcode-block {
    display: none
}

.mobile-promo-popup__body--fail .mobile-promo-popup__links {
    margin-top: 48px
}

.mobile-promo-popup .sms-fail__icon {
    width: 65px;
    height: 65px;
    margin: 0 auto 24px
}

.mobile-promo-popup .sms-fail__text {
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 22px
}

.mobile-app-links {
    display: inline-grid;
    grid-column-gap: 16px;
    grid-row-gap: 8px;
    grid-template-columns: auto auto
}

.mobile-app-links__button-container {
    grid-column-end: 2;
    grid-column-start: 1;
    align-self: center;
    text-align: right
}

.mobile-app-links__button {
    display: inline-block;
    border: 1px solid #bfc7ce;
    border-radius: 7px
}

.mobile-app-links__button svg {
    display: inline-block;
    vertical-align: middle
}

.mobile-app-links__button:hover {
    opacity: .6
}

.mobile-app-links__text {
    grid-column-end: 3;
    grid-column-start: 2;
    align-self: center;
    text-align: left;
    font-size: 14px;
    line-height: 22px
}

div.ecwid-store-panel {
    margin-bottom: 15px
}

col.ecwid-store-panel-table-label {
    width: 215px
}

col.ecwid-store-panel-table-field {
    width: 315px
}

col.ecwid-store-panel-table-delimiter-column {
    width: 1px
}

.subtotal-range {
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 16px
}

@media screen and (min-width: 768px) {
    .subtotal-range {
        margin-bottom:0
    }
}

.subtotal-range .subtotal-range__start,.subtotal-range .subtotal-range__end {
    display: inline-block;
    flex-basis: 50%;
    flex-grow: 1
}

.subtotal-range .subtotal-range__end a {
    line-height: 40px
}

.subtotal-range .subtotal-range__dash {
    margin: 0 8px;
    color: #607385;
    line-height: 40px
}

.subtotal-range .subtotal-range__more {
    display: none;
    width: 100%;
    margin: 0 8px;
    color: #607385;
    font-size: 12px;
    line-height: 18px
}

.subtotal-range .fieldset {
    width: 100%
}

.subtotal-range--small {
    margin-bottom: 8px;
    line-height: 32px
}

@media screen and (min-width: 768px) {
    .subtotal-range--small {
        margin-bottom:0
    }
}

.subtotal-range--center {
    align-items: center
}

.subtotal-range--with-more .subtotal-range__more {
    display: inline-block
}

.subtotal-range--with-more .subtotal-range__dash,.subtotal-range--with-more .subtotal-range__end {
    display: none
}

.super-headers-block {
    position: relative;
    padding: 16px
}

@media screen and (min-width: 768px) {
    .super-headers-block {
        padding:24px 0
    }
}

.super-headers-block--inversed-texts {
    color: #fff
}

.super-headers-block--inversed-texts a {
    color: #fff
}

.super-headers-block--inversed-texts a:hover {
    color: #b3b3b3
}

.super-headers-block--inversed-texts a:active {
    color: #e9effc
}

.super-headers-block--inversed-texts .super-headers-block__subtitle {
    color: #fff
}

.super-headers-block__title {
    display: inline-block;
    margin-bottom: 8px;
    font-family: var(--headers-font-family);
    font-weight: var(--headers-font-weight, 700);
    font-size: 24px;
    line-height: 30px;
    word-wrap: break-word;
    word-break: break-word
}

@media screen and (min-width: 768px) {
    .super-headers-block__title {
        margin-bottom:16px;
        font-size: 44px;
        line-height: 52px
    }
}

.super-headers-block__container {
    display: flex;
    flex-wrap: wrap
}

@media screen and (min-width: 768px) {
    .super-headers-block__container--with-primary-action {
        flex-wrap:nowrap;
        align-items: center
    }
}

@media screen and (min-width: 768px) {
    .super-headers-block__container--with-primary-action .super-headers-block__subtitle {
        max-width:60%
    }
}

.super-headers-block__container--with-primary-action .super-headers-block__button {
    min-width: 256px
}

@media screen and (min-width: 768px) {
    .super-headers-block__container--with-primary-action .super-headers-block__button {
        margin-left:auto
    }
}

.super-headers-block__container--with-secondary-action {
    align-items: center
}

@media screen and (min-width: 768px) {
    .super-headers-block__container--with-secondary-action .super-headers-block__subtitle {
        width:100%
    }
}

.super-headers-block__container--with-secondary-action .super-headers-block__button {
    min-width: 128px
}

.super-headers-block__subtitle {
    display: inline-block;
    width: 100%;
    margin-bottom: 16px;
    word-wrap: break-word;
    word-break: break-word
}

.super-headers-block__link {
    display: inline-block;
    width: 100%;
    margin-right: 16px;
    margin-bottom: 16px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    word-wrap: break-word;
    word-break: break-word
}

@media screen and (min-width: 768px) {
    .super-headers-block__link {
        width:auto
    }
}

.super-headers-block__button {
    margin-bottom: 16px
}

@media screen and (min-width: 1280px) {
    .ecwid-vertical-menu .super-headers-block {
        padding-top:0
    }
}

@media screen and (min-width: 1280px) {
    .ecwid-vertical-menu .super-headers-block__container--with-primary-action {
        flex-wrap:wrap;
        align-items: flex-start
    }
}

@media screen and (min-width: 1280px) {
    .ecwid-vertical-menu .super-headers-block__container--with-primary-action .super-headers-block__subtitle {
        max-width:none
    }
}

@media screen and (min-width: 1280px) {
    .ecwid-vertical-menu .super-headers-block__container--with-primary-action .super-headers-block__button {
        margin-left:unset
    }
}

@media screen and (min-width: 1280px) {
    .ecwid-vertical-menu .super-headers-block__link {
        width:100%
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-no-menu .super-headers-block {
        padding-top:0
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-no-menu .super-headers-block__container--with-primary-action {
        flex-wrap:wrap;
        align-items: flex-start
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-no-menu .super-headers-block__container--with-primary-action .super-headers-block__subtitle {
        max-width:none
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-no-menu .super-headers-block__container--with-primary-action .super-headers-block__button {
        margin-left:unset
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-no-menu .super-headers-block__link {
        width:100%
    }
}

.taxes .block-rows {
    overflow: visible
}

.taxes .block-rows.block-table {
    display: table;
    width: 100%
}

.taxes .block-rows .block-row-container {
    display: table;
    width: 100%
}

.taxes .block-row .block-row-title {
    max-width: 625px
}

.taxes .block-row .block-row-note {
    display: none
}

.taxes .block-row .block-row-status {
    display: none;
    margin: 20px 0 0 0;
    font-size: 1em;
    font-weight: 600
}

.taxes .block-row .block-row-status.row-status-enabled {
    color: #0cac42
}

.taxes .block-row .block-row-control {
    margin: 0 0 16px 0
}

.taxes .block-row .block-row-control .block-upgrade {
    display: none
}

.taxes .block-row .block-row-control .btn {
    min-width: 200px
}

.taxes .block-row .block-row-address {
    display: none;
    margin: 0 0 24px 0
}

.taxes .block-row .block-row-address .block-row-desc {
    margin: 0 0 24px 0
}

.taxes .block-row .block-row-address .block-row-desc .address {
    display: block;
    margin: 4px 0 0 0;
    font-weight: 600
}

.taxes .block-row .block-row-address .block-row-desc .address .horizontal-icolink {
    color: #0a1c2e;
    font-size: 1em
}

.taxes .block-row .block-row-address .block-row-desc .address .horizontal-icolink [class*="icon-"] {
    opacity: 0;
    transition: opacity .1s linear
}

.taxes .block-row .block-row-address .block-row-desc .address .horizontal-icolink:hover {
    color: #1b409d
}

.taxes .block-row .block-row-address .block-row-desc .address .horizontal-icolink:hover [class*="icon-"] {
    opacity: 1
}

.taxes .block-row .block-row-address .block-row-desc .address .horizontal-icolink:active {
    color: #688de9
}

.taxes .block-row .block-row-address .alert {
    display: none;
    margin: 0 0 24px 0
}

.taxes .block-row .block-row-address.row-address-error .alert {
    display: block
}

.taxes .block-row .block-control .block-upgrade,.taxes .block-row .block-control .block-availability,.taxes .block-row .block-control .block-status-set,.taxes .block-row .block-control .block-status-not-set,.taxes .block-row .block-control .block-status-inactive {
    display: none
}

.taxes .block-row .block-control .block-status-set,.taxes .block-row .block-control .block-status-inactive {
    width: 125px;
    margin: 0;
    text-align: center
}

.taxes .block-row .block-control .block-status-set [class*=feature],.taxes .block-row .block-control .block-status-inactive [class*=feature] {
    float: left
}

@media screen and (min-width: 768px) {
    .taxes .block-row .block-control .block-status-set,.taxes .block-row .block-control .block-status-inactive {
        float:right
    }

    .taxes .block-row .block-control .block-status-set [class*=feature],.taxes .block-row .block-control .block-status-inactive [class*=feature] {
        float: none
    }
}

.taxes .block-row.block-enabled.block-auto-tax .row-status-enabled {
    display: block;
    margin: 0 0 24px 0
}

.taxes .block-row.block-enabled.block-auto-tax .block-row-address {
    display: block
}

.taxes .block-row.block-enabled.block-auto-tax .block-row-info-full {
    display: none
}

.taxes .block-row.block-auto-tax .alert {
    display: none
}

.taxes .block-row.block-auto-tax .alert.taxes-disabled-in-storefront-warning {
    display: block;
    margin-top: 30px
}

.taxes .block-row.block-set .block-control .block-status-set {
    display: block
}

.taxes .block-row.block-set .block-taxrates {
    display: block;
    margin: 0 0 24px 0
}

.taxes .block-row.block-set .block-taxrates .block-row-desc {
    margin: 0 0 8px 0
}

.taxes .block-row.block-not-set .block-control .block-status-not-set {
    display: block
}

.taxes .block-row.block-not-set .block-row-control {
    display: none
}

.taxes .block-row.block-inactive .block-status-inactive {
    display: block
}

.taxes .block-row.block-inactive.block-set .block-control .block-status-set {
    display: none
}

.taxes .block-row.block-inactive.block-not-set .block-control .block-status-not-set {
    display: none
}

.taxes .block-row.block-unavailable .block-row-icon svg path,.taxes .block-row.block-inactive .block-row-icon svg path {
    fill: #808f9d
}

.taxes .block-row.block-unavailable .block-taxrates .tax-rates-status,.taxes .block-row.block-unavailable .block-taxrates .block-row-desc,.taxes .block-row.block-inactive .block-taxrates .tax-rates-status,.taxes .block-row.block-inactive .block-taxrates .block-row-desc {
    color: #607385
}

.taxes .block-row.block-unavailable .block-control label.checkbox {
    display: none
}

.taxes .block-row.block-unavailable .block-availability {
    display: block;
    font-size: .875em;
    font-weight: 600
}

.taxes .block-row.block-unavailable .block-availability .block-row-note {
    display: block;
    font-size: 1em;
    font-weight: 400
}

.taxes .block-row.block-paid .block-control label.checkbox {
    display: none
}

.taxes .block-row.block-paid .block-control .block-upgrade {
    display: inline-block;
    text-align: left
}

@media screen and (min-width: 768px) {
    .taxes .block-row.block-paid .block-control .block-upgrade {
        text-align:center
    }
}

.taxes .block-row.block-paid .block-control .block-upgrade .block-upgrade-note {
    display: block;
    margin: 12px 0 0;
    font-size: .875em
}

@media screen and (min-width: 768px) {
    .taxes .block-row.block-paid .block-control .block-upgrade .block-upgrade-note {
        max-width:200px;
        margin: 12px auto 0
    }
}

.taxes .block-row.block-first {
    display: table-caption
}

.taxes .block-taxrates {
    display: none
}

.taxes .block-taxrates .block-row-subtitle {
    font-size: .875em;
    text-transform: uppercase
}

.taxes .block-taxrates .block-row-desc {
    font-weight: 600
}

.taxes .block-taxrates .block-row-desc .tax-rates-status {
    text-transform: uppercase
}

.taxes .block-taxrates .block-row-desc .tax-rates-status--enabled {
    color: #0cac42
}

.taxes .block-taxrates .block-row-desc .tax-rates-status--disabled {
    color: #607385
}

.taxes .block-help {
    margin-top: -100px
}

.taxes .block-help .block-help-inner {
    max-width: 500px;
    margin: 20px auto;
    text-align: center
}

.taxes .block-help .block-help-inner .block-row-title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
    font-weight: 300
}

@media screen and (min-width: 768px) {
    .taxes .block-row .ecwid-u-1-8 {
        width:11%
    }

    .taxes .block-row .block-control .block-availability {
        float: right;
        max-width: 110px;
        text-align: center
    }

    .taxes .block-row.block-unavailable .block-row-info .block-row-note {
        display: block
    }

    .taxes .block-row.block-unavailable .block-availability .block-row-note {
        display: none
    }

    .taxes .block-row.block-unavailable .block-row-info-full {
        display: none
    }
}

.taxes .extra-actions-group {
    padding-top: 0;
    padding-left: 0
}

@media screen and (min-width: 768px) {
    .taxes .extra-actions-group {
        padding-left:42px
    }
}

.taxes .btn {
    height: auto;
    white-space: normal
}

.taxes .taxes__auto .block-rows,.taxes .taxes__manual .block-rows {
    margin-bottom: 0;
    border: none
}

.taxes .taxes__auto .block-rows .block-row,.taxes .taxes__manual .block-rows .block-row {
    padding: 0;
    border: none
}

.taxes .taxes__auto .block-rows .block-row .block-control,.taxes .taxes__manual .block-rows .block-row .block-control {
    margin: 0;
    padding: 0;
    text-align: left
}

.taxes .taxes__auto .block-rows .block-row .block-control label.checkbox,.taxes .taxes__manual .block-rows .block-row .block-control label.checkbox {
    float: none;
    height: 24px;
    margin: 0
}

.taxes .taxes__auto .feature-element__status-dropdown-container,.taxes .taxes__manual .feature-element__status-dropdown-container {
    display: none
}

.taxes .taxes__auto .a-card,.taxes .taxes__manual .a-card {
    margin-bottom: 0
}

.taxes .taxes__auto .a-card:first-child,.taxes .taxes__manual .a-card:first-child {
    margin-bottom: -1px
}

.taxes .taxes__auto {
    margin-bottom: 16px
}

.taxes .taxes__auto .block-rows .block-row.block-paid .block-control .block-upgrade {
    text-align: left
}

.taxes .taxes__auto .block-rows .block-row.block-paid .block-control .block-upgrade .block-upgrade-note {
    max-width: none;
    margin: 0;
    font-size: 14px;
    line-height: 22px
}

.taxes .taxes__auto .block-rows .block-unavailable {
    color: #607385
}

.taxes .taxes__auto .block-rows .block-unavailable .feature-element__icon svg path {
    fill: #808f9d
}

.taxes .taxes__auto .block-rows .block-unavailable .feature-element__title,.taxes .taxes__auto .block-rows .block-unavailable .feature-element__status-title {
    color: #607385
}

.taxes .taxes__auto .block-rows .block-row-note {
    margin-bottom: 0
}

.taxes .taxes__manual .block-inactive {
    color: #607385
}

.taxes .taxes__manual .block-inactive .feature-element__icon svg path {
    fill: #808f9d
}

.taxes .taxes__manual .block-inactive .feature-element__status-title {
    color: #607385
}

.taxes .taxes__manual .block-row .block-control .block-status-not-set {
    display: block
}

.taxes .taxes__manual .block-not-set .custom-block-taxrates {
    display: none
}

.taxes .taxes__manual .block-not-set .a-card:first-child {
    margin-bottom: 16px
}

.taxes .taxes__manual .block-row.block-set .block-taxrates {
    margin-bottom: 0
}

.taxes .block-first {
    display: flex;
    flex-direction: column-reverse
}

.taxes .block-first .taxes__manual {
    margin-bottom: 16px
}

.taxes .block-first .taxes__auto {
    margin-bottom: 0
}

.taxes .ask-taxid-block .block-upgrade {
    display: none
}

@media screen and (min-width: 768px) {
    .taxes .ask-taxid-block .block-upgrade {
        text-align:center
    }
}

.taxes .ask-taxid-block .block-upgrade .btn {
    min-width: 200px
}

@media screen and (min-width: 768px) {
    .taxes .ask-taxid-block .block-upgrade .btn {
        white-space:nowrap
    }
}

.taxes .ask-taxid-block .block-upgrade .block-upgrade-note {
    font-size: 14px;
    line-height: 22px;
    line-height: normal;
    white-space: normal
}

@media screen and (min-width: 768px) {
    .taxes .ask-taxid-block .block-upgrade .block-upgrade-note {
        max-width:200px;
        margin: auto;
        text-align: center
    }
}

.taxes .ask-taxid-block.block-paid .block-upgrade {
    display: block
}

.taxes .ask-taxid-block.block-paid .block-checkbox {
    display: none
}

.taxes .settings-page__section:last-child {
    margin-bottom: 0
}

.taxes .support-section__action>a {
    margin-right: 0
}

.custom-rates-table-wrapper {
    padding: 0 15px
}

@media screen and (min-width: 1280px) {
    .custom-rates-table-wrapper {
        padding:0 35px
    }
}

.ecwid-tax-exempt-enabled {
    margin-left: 4px;
    color: #0cac42;
    font-weight: 600
}

.ecwid-tax-exempt-label {
    cursor: pointer
}

.ecwid-tax-exempt-cell label.checkbox:not(.big) {
    width: 150px
}

.ecwid-tax-exempt-cell label.checkbox:not(.big)>div::before,.ecwid-tax-exempt-cell label.checkbox:not(.big)>div::after {
    overflow: hidden;
    max-width: 170px;
    height: 16px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ecwid-tax-exempt-cell label.checkbox>div::before,.ecwid-tax-exempt-cell label.checkbox>div::after {
    text-transform: none
}

.ecwid-facelift .ecwid-CustomersList tr.ecwid-CustomersList-editingRow td.tableCell-1 div.cell .ecwid-fieldEnvelope-around {
    padding-left: 0
}

.ecwid-facelift .ecwid-CustomersList td.tableCell-2 div.cell a {
    word-break: break-all
}

.seo-panel {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px
}

.seo-panel__header {
    margin-bottom: 40px;
    text-align: center
}

.seo-panel__title {
    margin-top: 1.1em;
    margin-bottom: 0;
    font-size: 1.4286em;
    font-weight: 600
}

.seo-panel__title+p {
    margin: 9px 0 20px
}

.seo-panel__features {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .seo-panel__features {
        margin-left:20px
    }
}

.seo-panel__footer {
    margin: 40px 0 48px;
    text-align: center
}

.seo-panel__footer-title {
    font-size: 16px;
    line-height: 24px
}

.seo-feature {
    margin-bottom: 32px
}

.seo-feature__thumb {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 201px;
    margin: auto auto 8px;
    padding: 15px 20px 18px;
    background: #e8ebed;
    vertical-align: top
}

@media screen and (min-width: 768px) {
    .seo-feature__thumb {
        display:inline-block;
        margin-bottom: 0
    }
}

.seo-feature__thumb::after {
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 14px;
    background: linear-gradient(-45deg, #fff 7px, transparent 0),linear-gradient(45deg, #fff 7px, transparent 0);
    background-repeat: repeat-x;
    background-position: 7px bottom;
    background-size: 14px 14px
}

.seo-feature__thumb-content {
    overflow: hidden;
    width: 100%;
    height: 90px
}

.seo-feature__thumb-content .seo-settings {
    width: 200px;
    margin: 0;
    padding: 0
}

.seo-feature__thumb-content .seo-product-preview,.seo-feature__thumb-content .seo-category-preview {
    border: none
}

.seo-feature__thumb-content .seo-product-preview__description,.seo-feature__thumb-content .seo-category-preview__description {
    overflow: hidden;
    height: 38px;
    padding-right: 10px;
    padding-bottom: 0
}

.seo-feature__thumb-content .seo-settings__title {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 24px
}

.seo-feature__thumb-content .seo-settings__input,.seo-feature__thumb-content .seo-settings__textarea {
    padding: 5px 15px;
    border: 1px solid #808f9d;
    border-radius: 3px;
    outline: 0;
    background-color: #f9f9fa;
    vertical-align: middle;
    box-shadow: 0 1px 1px transparent inset
}

.seo-feature__thumb-content .seo-settings__input {
    font-size: 16px;
    line-height: 24px;
    box-sizing: border-box;
    height: 49px;
    white-space: nowrap
}

.seo-feature__thumb-content .seo-settings__textarea {
    width: 220px;
    height: 90px;
    padding: 7px 15px;
    font-size: 14px
}

.seo-feature__description {
    display: inline-block;
    box-sizing: border-box;
    max-width: 410px;
    vertical-align: top
}

@media screen and (min-width: 768px) {
    .seo-feature__description {
        padding-left:30px
    }
}

.seo-feature__description p {
    margin-top: 0;
    margin-bottom: .5em
}

.seo-feature__description p+p {
    font-size: .8571em;
    line-height: 1.55em
}

.seo-settings {
    position: relative
}

.seo-settings__title {
    margin: 27px 0 15px;
    font-size: 20px;
    font-weight: 600
}

.seo-settings__label {
    position: absolute;
    right: 5px;
    bottom: 2px;
    color: #607385;
    font-size: 10px;
    text-align: right
}

.seo-settings .seo-characters-count--overlimit {
    color: #f43c36
}

.seo-settings__textarea-wrapper {
    padding: 10px 14px 20px;
    border: 1px solid #808f9d;
    border-radius: 3px;
    background-color: #f9f9fa;
    color: #0a1c2e;
    box-shadow: 0 1px 1px transparent inset
}

.seo-settings__textarea-wrapper--focused {
    padding: 9px 13px 19px;
    border-width: 2px;
    border-color: #275ce0;
    background-color: #fff
}

.seo-settings__textarea-wrapper .seo-settings__form-field--changed {
    color: #0a1c2e
}

.seo-settings__form-field--input.form-control.input-large {
    height: 56px;
    padding: 4px 14px;
    font-size: 24px
}

.seo-settings__form-field--input.form-control.input-large:focus {
    padding: 3px 13px
}

.seo-settings__form-field--textarea {
    overflow: auto;
    width: 100%;
    min-height: 150px;
    border: none;
    background-color: transparent;
    box-shadow: none;
    resize: none;
    font-size: 16px;
    line-height: 24px
}

.seo-product-preview,.seo-category-preview {
    margin-bottom: 30px;
    padding: 16px 22px 22px;
    border: 1px solid #808f9d;
    font-size: 12px;
    line-height: 18px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.15)
}

.seo-product-preview__title,.seo-category-preview__title {
    color: #1a0dab;
    font-size: 16px;
    line-height: 24px
}

.seo-product-preview__title a,.seo-category-preview__title a {
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    color: #1a0dab;
    text-overflow: ellipsis;
    cursor: default
}

@media screen and (min-width: 768px) {
    .seo-product-preview__title a,.seo-category-preview__title a {
        white-space:nowrap
    }
}

.seo-product-preview__title a:hover,.seo-category-preview__title a:hover {
    color: #1a0dab;
    text-decoration: underline
}

.seo-product-preview__link,.seo-category-preview__link {
    display: inline-block;
    overflow: hidden;
    max-width: 650px;
    margin: 0;
    color: #006621;
    line-height: 16px;
    text-overflow: ellipsis;
    vertical-align: middle;
    word-wrap: break-word;
    word-break: break-word
}

.seo-product-preview__link::after,.seo-category-preview__link::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin-top: -3px;
    margin-left: 3px;
    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: #006621 transparent;
    vertical-align: middle
}

.seo-product-preview__link:visited,.seo-category-preview__link:visited {
    color: #006621
}

.seo-product-preview__description,.seo-category-preview__description {
    margin: 0;
    padding-bottom: 10px;
    color: #607385;
    word-wrap: break-word;
    font-size: 14px;
    line-height: 22px
}

.gift-card-status {
    display: inline-block
}

.gift-card-status--active {
    color: #0cac42
}

.gift-card-status--active:hover {
    color: #076427
}

.gift-card-status--expired {
    color: #607385
}

.gift-card-status--expired:hover {
    color: #404d59
}

.gift-card-status--redeemed {
    color: #607385
}

.gift-card-status--redeemed:hover {
    color: #404d59
}

.gift-card-status--deactivated {
    color: #607385
}

.gift-card-status--deactivated:hover {
    color: #404d59
}

.gift-card-status-dropdown {
    vertical-align: top
}

.list-select-bar {
    margin-bottom: 8px
}

.list-select-bar .btn {
    margin-right: 0
}

.list-select-bar .btn-group--filter {
    margin-bottom: 0
}

.list-select-bar .btn-group--filter .btn-group.dropdown-toggle>.btn-dropdown {
    border-radius: 6px
}

.list-select-bar .ecwid-orders__statuses {
    margin-bottom: 0
}

.list-select-bar__select-look {
    font-size: 12px;
    text-transform: uppercase;
    white-space: nowrap
}

.list-select-bar__select-look .iconable-link .iconable-link__text {
    white-space: nowrap
}

.order-status {
    display: inline-block
}

.order-status--paid {
    color: #0cac42
}

.order-status--paid[disabled] {
    color: #076427
}

.order-status--declined {
    color: #607385
}

.order-status--declined[disabled] {
    color: #404d59
}

.order-status--cancelled {
    color: #607385
}

.order-status--cancelled[disabled] {
    color: #404d59
}

.order-status--awaiting-payment {
    color: #f9a650
}

.order-status--awaiting-payment[disabled] {
    color: #f78d1f
}

.order-status--chargeable {
    color: #f9a650
}

.order-status--chargeable[disabled] {
    color: #f78d1f
}

.order-status--refunded {
    color: #607385
}

.order-status--refunded[disabled] {
    color: #404d59
}

.order-status--partially-refunded {
    color: #000
}

.order-status--partially-refunded[disabled] {
    color: #000
}

.order-status--awaiting-processing {
    color: #275ce0
}

.order-status--awaiting-processing[disabled] {
    color: #1b48b9
}

.order-status--shipped {
    color: #0cac42
}

.order-status--shipped[disabled] {
    color: #076427
}

.order-status--out-for-delivery {
    color: #0cac42
}

.order-status--out-for-delivery[disabled] {
    color: #076427
}

.order-status--ready-for-pickup {
    color: #0cac42
}

.order-status--ready-for-pickup[disabled] {
    color: #076427
}

.order-status--delivered {
    color: #607385
}

.order-status--delivered[disabled] {
    color: #404d59
}

.order-status--will-not-deliver {
    color: #607385
}

.order-status--will-not-deliver[disabled] {
    color: #404d59
}

.order-status--returned {
    color: #607385
}

.order-status--returned[disabled] {
    color: #404d59
}

.order-status--not-paid-not-shipped {
    color: #f9a650
}

.order-status--not-paid-not-shipped[disabled] {
    color: #f78d1f
}

.order-status--paid-not-shipped {
    color: #0cac42
}

.order-status--paid-not-shipped[disabled] {
    color: #076427
}

.order-status--not-paid-shipped {
    color: #275ce0
}

.order-status--not-paid-shipped[disabled] {
    color: #1b48b9
}

.order-status--processing {
    color: #f9a650
}

.order-status--processing[disabled] {
    color: #f78d1f
}

.order-status--custom-fulfillment-status-1 {
    color: #f9a650
}

.order-status--custom-fulfillment-status-1[disabled] {
    color: #f78d1f
}

.order-status--custom-fulfillment-status-2 {
    color: #f9a650
}

.order-status--custom-fulfillment-status-2[disabled] {
    color: #f78d1f
}

.order-status--custom-fulfillment-status-3 {
    color: #f9a650
}

.order-status--custom-fulfillment-status-3[disabled] {
    color: #f78d1f
}

.order-status--custom-payment-status-1 {
    color: #f9a650
}

.order-status--custom-payment-status-1[disabled] {
    color: #f78d1f
}

.order-status--custom-payment-status-2 {
    color: #f9a650
}

.order-status--custom-payment-status-2[disabled] {
    color: #f78d1f
}

.order-status--custom-payment-status-3 {
    color: #f9a650
}

.order-status--custom-payment-status-3[disabled] {
    color: #f78d1f
}

.order-status-dropdown {
    margin: -8px 8px -8px -8px
}

.order-status-dropdown .btn-dropdown {
    height: auto;
    padding: 8px !important;
    border: none;
    background: none;
    box-shadow: none;
    font-size: inherit;
    line-height: inherit
}

.order-status-dropdown .btn-dropdown [class*='icon-'] {
    margin-left: 5px
}

.order-status-dropdown .btn-dropdown::before {
    background: none;
    box-shadow: none
}

.order-status-dropdown:hover .order-status--paid {
    color: #076427
}

.order-status-dropdown:hover .order-status--declined {
    color: #404d59
}

.order-status-dropdown:hover .order-status--cancelled {
    color: #404d59
}

.order-status-dropdown:hover .order-status--awaiting-payment {
    color: #f78d1f
}

.order-status-dropdown:hover .order-status--chargeable {
    color: #f78d1f
}

.order-status-dropdown:hover .order-status--refunded {
    color: #404d59
}

.order-status-dropdown:hover .order-status--partially-refunded {
    color: #000
}

.order-status-dropdown:hover .order-status--awaiting-processing {
    color: #1b48b9
}

.order-status-dropdown:hover .order-status--shipped {
    color: #076427
}

.order-status-dropdown:hover .order-status--out-for-delivery {
    color: #076427
}

.order-status-dropdown:hover .order-status--ready-for-pickup {
    color: #076427
}

.order-status-dropdown:hover .order-status--delivered {
    color: #404d59
}

.order-status-dropdown:hover .order-status--will-not-deliver {
    color: #404d59
}

.order-status-dropdown:hover .order-status--returned {
    color: #404d59
}

.order-status-dropdown:hover .order-status--not-paid-not-shipped {
    color: #f78d1f
}

.order-status-dropdown:hover .order-status--paid-not-shipped {
    color: #076427
}

.order-status-dropdown:hover .order-status--not-paid-shipped {
    color: #1b48b9
}

.order-status-dropdown:hover .order-status--processing {
    color: #f78d1f
}

.order-status-dropdown:hover .order-status--custom-fulfillment-status-1 {
    color: #f78d1f
}

.order-status-dropdown:hover .order-status--custom-fulfillment-status-2 {
    color: #f78d1f
}

.order-status-dropdown:hover .order-status--custom-fulfillment-status-3 {
    color: #f78d1f
}

.order-status-dropdown:hover .order-status--custom-payment-status-1 {
    color: #f78d1f
}

.order-status-dropdown:hover .order-status--custom-payment-status-2 {
    color: #f78d1f
}

.order-status-dropdown:hover .order-status--custom-payment-status-3 {
    color: #f78d1f
}

.order-status-dropdown .btn:not([disabled])+.btn-icon.btn-dropdown:focus,.order-status-dropdown.opened .btn-icon.btn-dropdown,.order-status-dropdown.opened .btn:not([disabled])+.btn-icon.btn-dropdown,.order-status-dropdown .btn:not([disabled])+.btn-default.btn-dropdown:focus,.order-status-dropdown.opened .btn-default.btn-dropdown,.order-status-dropdown.opened .btn:not([disabled])+.btn-default.btn-dropdown {
    padding: 0;
    border: none;
    background: none;
    box-shadow: none
}

.order-status-dropdown.btn-group .list-dropdown.list-dropdown--left {
    left: -10px;
    margin-top: -8px
}

.ecwid-order--notactive {
    color: #607385
}

.ecwid-order-status {
    display: inline-block
}

.ecwid-order-status--paid {
    color: #0cac42
}

.ecwid-order-status--declined {
    color: #607385
}

.ecwid-order-status--cancelled {
    color: #607385
}

.ecwid-order-status--awaiting-payment {
    color: #f9a650
}

.ecwid-order-status--chargeable {
    color: #f9a650
}

.ecwid-order-status--refunded {
    color: #607385
}

.ecwid-order-status--partially-refunded {
    color: #000
}

.ecwid-order-status--awaiting-processing {
    color: #275ce0
}

.ecwid-order-status--shipped {
    color: #0cac42
}

.ecwid-order-status--out-for-delivery {
    color: #0cac42
}

.ecwid-order-status--ready-for-pickup {
    color: #0cac42
}

.ecwid-order-status--delivered {
    color: #607385
}

.ecwid-order-status--will-not-deliver {
    color: #607385
}

.ecwid-order-status--returned {
    color: #607385
}

.ecwid-order-status--not-paid-not-shipped {
    color: #f9a650
}

.ecwid-order-status--paid-not-shipped {
    color: #0cac42
}

.ecwid-order-status--not-paid-shipped {
    color: #275ce0
}

.ecwid-order-status--processing {
    color: #f9a650
}

.ecwid-order-status--custom-fulfillment-status-1 {
    color: #f9a650
}

.ecwid-order-status--custom-fulfillment-status-2 {
    color: #f9a650
}

.ecwid-order-status--custom-fulfillment-status-3 {
    color: #f9a650
}

.ecwid-order-status--custom-payment-status-1 {
    color: #f9a650
}

.ecwid-order-status--custom-payment-status-2 {
    color: #f9a650
}

.ecwid-order-status--custom-payment-status-3 {
    color: #f9a650
}

.ecwid-orders-status-panel .selected-orders {
    display: none;
    font-size: 12px;
    text-align: left;
    text-transform: uppercase
}

.ecwid-orders-status-panel .selected-orders__select-all {
    text-decoration: none
}

.ecwid-orders-status-panel .selected-orders.shown {
    display: inline;
    margin-right: 16px
}

.ecwid-orders-status-panel .selected-orders__count {
    font-weight: 600
}

.ecwid-orders-status-panel__status {
    display: inline;
    margin-right: 4px
}

.ecwid-orders-status-panel__items {
    display: inline
}

.ecwid-orders-status-panel__items .ecwid-order-status {
    font-weight: 600
}

.ecwid-orders-status-panel__show-all {
    display: inline-block
}

.ecwid-orders-status-panel__hint svg {
    position: relative;
    top: 1px;
    fill: #275ce0
}

.ecwid-orders {
    padding-left: 8px;
    padding-right: 8px;
    min-height: 600px
}

@media screen and (min-width: 1024px) {
    .ecwid-orders {
        padding-left:32px
    }
}

@media screen and (min-width: 1400px) {
    .ecwid-orders {
        padding-left:40px
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-orders {
        padding-right:32px
    }
}

@media screen and (min-width: 1400px) {
    .ecwid-orders {
        padding-right:40px
    }
}

@media screen and (max-width: 767px) {
    .ecwid-orders {
        overflow:hidden
    }
}

.ecwid-orders__statuses {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 12px;
    text-transform: uppercase;
    vertical-align: middle
}

.ecwid-orders__show-all {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 12px;
    text-transform: uppercase;
    vertical-align: middle
}

.ecwid-orders__date-picker-popup {
    min-width: 290px
}

.ecwid-orders__date-picker-popup .range-group .ecwid-u-1-2 {
    width: 50%
}

.ecwid-orders__date-picker-popup .range-group .range-group__fieldset {
    margin: 0 4px
}

@media screen and (min-width: 768px) {
    .ecwid-orders__date-picker-popup .range-group .range-group__fieldset {
        margin-bottom:0
    }
}

.ecwid-orders__date-picker-popup .range-periods {
    margin-top: 5px;
    margin-left: 5px
}

.ecwid-orders__date-picker-popup .range-periods__period {
    display: block;
    margin: 10px 0;
    text-decoration: none
}

.ecwid-orders__no-results {
    padding: 30px 20px 50px;
    font-size: 14px;
    text-align: center
}

@media screen and (min-width: 568px) {
    .ecwid-orders__no-results {
        padding:60px 20px 100px
    }
}

.ecwid-orders .filter-label {
    margin: 0 .5em;
    pointer-events: none
}

@media screen and (min-width: 568px) and (max-width: 1023px) {
    .ecwid-orders .ecwid-orders__filter-panel.opened+.ecwid-orders__main-panel .ecwid-orders-list .order__number,.ecwid-orders .ecwid-orders__filter-panel.opened+.ecwid-orders__main-panel .ecwid-orders-list .order__price {
        font-size:16px;
        line-height: 26px
    }
}

.ecwid-orders .ecwid-orders__manage {
    display: none;
    border-bottom: none
}

.ecwid-orders .ecwid-orders__manage .block-row {
    border-top: 0
}

@media screen and (min-width: 568px) {
    .ecwid-orders .ecwid-orders__manage {
        display:block;
        padding: 0 0 90px
    }
}

@media screen and (min-width: 768px) {
    .ecwid-orders .ecwid-orders__manage {
        max-width:1200px
    }
}

.ecwid-orders .ecwid-orders-search-request {
    font-weight: 600
}

.ecwid-orders .extra-action__buttons {
    margin-top: 12px
}

.ecwid-orders .extra-action__buttons .btn {
    margin-top: 8px;
    margin-bottom: 0
}

.ecwid-orders .utilities-bar .dropdown-checkbox {
    padding-left: 18px
}

.ecwid-orders-filter-popup .main-popup__container .ecwid-g-r .ecwid-u-1-2:first-child:last-child,.filter-dropdown-body .main-popup__container .ecwid-g-r .ecwid-u-1-2:first-child:last-child {
    width: 100%
}

.ecwid-orders-filter-popup .options-list,.filter-dropdown-body .options-list {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left
}

.ecwid-orders-filter-popup .options-list__item,.filter-dropdown-body .options-list__item {
    position: relative;
    margin: 0;
    border-top: 1px solid #808f9d;
    color: #0a1c2e
}

.ecwid-orders-filter-popup .options-list__item:first-child,.filter-dropdown-body .options-list__item:first-child {
    border-top: none
}

.ecwid-orders-filter-popup .options-list__item:not(.options-list__item--disabled):hover,.filter-dropdown-body .options-list__item:not(.options-list__item--disabled):hover {
    background-color: #dfe5eb
}

.ecwid-orders-filter-popup .options-list__label,.filter-dropdown-body .options-list__label {
    display: block;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer
}

.ecwid-orders-filter-popup .options-list__label .svg-icon,.filter-dropdown-body .options-list__label .svg-icon {
    position: absolute;
    top: 50%;
    right: 8px;
    width: 1em;
    height: 1em;
    margin-top: -.5em
}

.ecwid-orders-filter-popup .options-list__label .svg-icon--checked,.filter-dropdown-body .options-list__label .svg-icon--checked {
    display: none
}

.ecwid-orders-filter-popup .options-list__label .svg-icon--checked svg,.filter-dropdown-body .options-list__label .svg-icon--checked svg {
    fill: #275ce0
}

.ecwid-orders-filter-popup .options-list__label .svg-icon--locked,.filter-dropdown-body .options-list__label .svg-icon--locked {
    color: #607385
}

.ecwid-orders-filter-popup .options-list__label input,.filter-dropdown-body .options-list__label input {
    position: absolute
}

.ecwid-orders-filter-popup .options-list__label input:checked+.options-list__label-text,.filter-dropdown-body .options-list__label input:checked+.options-list__label-text {
    position: relative
}

.ecwid-orders-filter-popup .options-list__label input:checked+.options-list__label-text .svg-icon--checked,.filter-dropdown-body .options-list__label input:checked+.options-list__label-text .svg-icon--checked {
    display: block
}

.ecwid-orders-filter-popup .options-list__label input[type=radio]:checked+.radio-btn-icon+.options-list__label-text,.filter-dropdown-body .options-list__label input[type=radio]:checked+.radio-btn-icon+.options-list__label-text {
    background-color: #d3dee8
}

.ecwid-orders-filter-popup .options-list__label input[type=radio]:checked+.radio-btn-icon,.filter-dropdown-body .options-list__label input[type=radio]:checked+.radio-btn-icon {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' %3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 16.2A7.2 7.2 0 109 1.8a7.2 7.2 0 000 14.4zM9 18A9 9 0 109 0a9 9 0 000 18z' fill='%23275ce0'/%3E%3Cpath d='M13 9a4 4 0 11-8 0 4 4 0 018 0z' fill='%23275ce0'/%3E%3C/svg%3E") no-repeat center
}

.ecwid-orders-filter-popup .options-list__item--active .options-list__label,.filter-dropdown-body .options-list__item--active .options-list__label {
    font-weight: 600
}

.ecwid-orders-filter-popup .options-list__label-text,.filter-dropdown-body .options-list__label-text {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 40px 10px 8px;
    background-color: transparent;
    transition: background-color 150ms ease-out
}

.ecwid-orders-filter-popup .options-list__radio,.ecwid-orders-filter-popup .options-list__checkbox,.filter-dropdown-body .options-list__radio,.filter-dropdown-body .options-list__checkbox {
    opacity: 0;
    margin-left: auto
}

.ecwid-orders-filter-popup .options-list__item-status--paid input[type=radio]:checked+.radio-btn-icon+.options-list__label-text,.filter-dropdown-body .options-list__item-status--paid input[type=radio]:checked+.radio-btn-icon+.options-list__label-text {
    background: rgba(12,172,66,0.15)
}

.ecwid-orders-filter-popup .options-list__item-status--declined input[type=radio]:checked+.radio-btn-icon+.options-list__label-text,.filter-dropdown-body .options-list__item-status--declined input[type=radio]:checked+.radio-btn-icon+.options-list__label-text {
    background: rgba(96,115,133,0.15)
}

.ecwid-orders-filter-popup .options-list__item-status--cancelled input[type=radio]:checked+.radio-btn-icon+.options-list__label-text,.filter-dropdown-body .options-list__item-status--cancelled input[type=radio]:checked+.radio-btn-icon+.options-list__label-text {
    background: rgba(96,115,133,0.15)
}

.ecwid-orders-filter-popup .options-list__item-status--awaiting-payment input[type=radio]:checked+.radio-btn-icon+.options-list__label-text,.filter-dropdown-body .options-list__item-status--awaiting-payment input[type=radio]:checked+.radio-btn-icon+.options-list__label-text {
    background: rgba(249,166,80,0.15)
}

.ecwid-orders-filter-popup .options-list__item-status--chargeable input[type=radio]:checked+.radio-btn-icon+.options-list__label-text,.filter-dropdown-body .options-list__item-status--chargeable input[type=radio]:checked+.radio-btn-icon+.options-list__label-text {
    background: rgba(249,166,80,0.15)
}

.ecwid-orders-filter-popup .options-list__item-status--refunded input[type=radio]:checked+.radio-btn-icon+.options-list__label-text,.filter-dropdown-body .options-list__item-status--refunded input[type=radio]:checked+.radio-btn-icon+.options-list__label-text {
    background: rgba(96,115,133,0.15)
}

.ecwid-orders-filter-popup .options-list__item-status--partially-refunded input[type=radio]:checked+.radio-btn-icon+.options-list__label-text,.filter-dropdown-body .options-list__item-status--partially-refunded input[type=radio]:checked+.radio-btn-icon+.options-list__label-text {
    background: rgba(0,0,0,0.15)
}

.ecwid-orders-filter-popup .options-list__item-status--awaiting-processing input[type=radio]:checked+.radio-btn-icon+.options-list__label-text,.filter-dropdown-body .options-list__item-status--awaiting-processing input[type=radio]:checked+.radio-btn-icon+.options-list__label-text {
    background: rgba(39,92,224,0.15)
}

.ecwid-orders-filter-popup .options-list__item-status--shipped input[type=radio]:checked+.radio-btn-icon+.options-list__label-text,.filter-dropdown-body .options-list__item-status--shipped input[type=radio]:checked+.radio-btn-icon+.options-list__label-text {
    background: rgba(12,172,66,0.15)
}

.ecwid-orders-filter-popup .options-list__item-status--out-for-delivery input[type=radio]:checked+.radio-btn-icon+.options-list__label-text,.filter-dropdown-body .options-list__item-status--out-for-delivery input[type=radio]:checked+.radio-btn-icon+.options-list__label-text {
    background: rgba(12,172,66,0.15)
}

.ecwid-orders-filter-popup .options-list__item-status--ready-for-pickup input[type=radio]:checked+.radio-btn-icon+.options-list__label-text,.filter-dropdown-body .options-list__item-status--ready-for-pickup input[type=radio]:checked+.radio-btn-icon+.options-list__label-text {
    background: rgba(12,172,66,0.15)
}

.ecwid-orders-filter-popup .options-list__item-status--delivered input[type=radio]:checked+.radio-btn-icon+.options-list__label-text,.filter-dropdown-body .options-list__item-status--delivered input[type=radio]:checked+.radio-btn-icon+.options-list__label-text {
    background: rgba(96,115,133,0.15)
}

.ecwid-orders-filter-popup .options-list__item-status--will-not-deliver input[type=radio]:checked+.radio-btn-icon+.options-list__label-text,.filter-dropdown-body .options-list__item-status--will-not-deliver input[type=radio]:checked+.radio-btn-icon+.options-list__label-text {
    background: rgba(96,115,133,0.15)
}

.ecwid-orders-filter-popup .options-list__item-status--returned input[type=radio]:checked+.radio-btn-icon+.options-list__label-text,.filter-dropdown-body .options-list__item-status--returned input[type=radio]:checked+.radio-btn-icon+.options-list__label-text {
    background: rgba(96,115,133,0.15)
}

.ecwid-orders-filter-popup .options-list__item-status--not-paid-not-shipped input[type=radio]:checked+.radio-btn-icon+.options-list__label-text,.filter-dropdown-body .options-list__item-status--not-paid-not-shipped input[type=radio]:checked+.radio-btn-icon+.options-list__label-text {
    background: rgba(249,166,80,0.15)
}

.ecwid-orders-filter-popup .options-list__item-status--paid-not-shipped input[type=radio]:checked+.radio-btn-icon+.options-list__label-text,.filter-dropdown-body .options-list__item-status--paid-not-shipped input[type=radio]:checked+.radio-btn-icon+.options-list__label-text {
    background: rgba(12,172,66,0.15)
}

.ecwid-orders-filter-popup .options-list__item-status--not-paid-shipped input[type=radio]:checked+.radio-btn-icon+.options-list__label-text,.filter-dropdown-body .options-list__item-status--not-paid-shipped input[type=radio]:checked+.radio-btn-icon+.options-list__label-text {
    background: rgba(39,92,224,0.15)
}

.ecwid-orders-filter-popup .options-list__item-status--processing input[type=radio]:checked+.radio-btn-icon+.options-list__label-text,.filter-dropdown-body .options-list__item-status--processing input[type=radio]:checked+.radio-btn-icon+.options-list__label-text {
    background: rgba(249,166,80,0.15)
}

.ecwid-orders-filter-popup .options-list__item-status--custom-fulfillment-status-1 input[type=radio]:checked+.radio-btn-icon+.options-list__label-text,.filter-dropdown-body .options-list__item-status--custom-fulfillment-status-1 input[type=radio]:checked+.radio-btn-icon+.options-list__label-text {
    background: rgba(249,166,80,0.15)
}

.ecwid-orders-filter-popup .options-list__item-status--custom-fulfillment-status-2 input[type=radio]:checked+.radio-btn-icon+.options-list__label-text,.filter-dropdown-body .options-list__item-status--custom-fulfillment-status-2 input[type=radio]:checked+.radio-btn-icon+.options-list__label-text {
    background: rgba(249,166,80,0.15)
}

.ecwid-orders-filter-popup .options-list__item-status--custom-fulfillment-status-3 input[type=radio]:checked+.radio-btn-icon+.options-list__label-text,.filter-dropdown-body .options-list__item-status--custom-fulfillment-status-3 input[type=radio]:checked+.radio-btn-icon+.options-list__label-text {
    background: rgba(249,166,80,0.15)
}

.ecwid-orders-filter-popup .options-list__item-status--custom-payment-status-1 input[type=radio]:checked+.radio-btn-icon+.options-list__label-text,.filter-dropdown-body .options-list__item-status--custom-payment-status-1 input[type=radio]:checked+.radio-btn-icon+.options-list__label-text {
    background: rgba(249,166,80,0.15)
}

.ecwid-orders-filter-popup .options-list__item-status--custom-payment-status-2 input[type=radio]:checked+.radio-btn-icon+.options-list__label-text,.filter-dropdown-body .options-list__item-status--custom-payment-status-2 input[type=radio]:checked+.radio-btn-icon+.options-list__label-text {
    background: rgba(249,166,80,0.15)
}

.ecwid-orders-filter-popup .options-list__item-status--custom-payment-status-3 input[type=radio]:checked+.radio-btn-icon+.options-list__label-text,.filter-dropdown-body .options-list__item-status--custom-payment-status-3 input[type=radio]:checked+.radio-btn-icon+.options-list__label-text {
    background: rgba(249,166,80,0.15)
}

.ecwid-orders-filter-popup .options-list__item--disabled,.filter-dropdown-body .options-list__item--disabled {
    pointer-events: none;
    color: #607385
}

.ecwid-orders-filter-popup .options-list__item--disabled .options-list__label,.filter-dropdown-body .options-list__item--disabled .options-list__label {
    cursor: default
}

.ecwid-orders-filter-popup .options-block,.filter-dropdown-body .options-block {
    min-width: 240px
}

@media screen and (min-width: 568px) {
    .ecwid-orders-filter-popup .options-block,.filter-dropdown-body .options-block {
        padding-right:16px
    }
}

.ecwid-orders-filter-popup .radio-btn-icon,.filter-dropdown-body .radio-btn-icon {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 8px;
    box-sizing: border-box;
    width: 1em;
    height: 1em;
    margin-top: -.5em;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' %3E%3Ccircle cx='9' cy='9' r='8' stroke='%23275ce0' stroke-width='2'/%3E%3C/svg%3E") no-repeat center;
    transform: translateY(2px)
}

.ecwid-orders-filter-popup .radio-btn-icon--big,.filter-dropdown-body .radio-btn-icon--big {
    font-size: 32px
}

.ecwid-orders-filter-popup .radio-btn-icon--big::after,.filter-dropdown-body .radio-btn-icon--big::after {
    top: 8px;
    right: 8px;
    bottom: 8px;
    left: 8px
}

.ecwid-orders-list .list-item__actions .btn-group .list-dropdown ul>li.item-disabled>a {
    padding-bottom: 0;
    color: #607385
}

.ecwid-orders-list .list-item__actions .btn-group .list-dropdown ul>li.item-disabled:hover {
    background-color: transparent
}

.ecwid-orders-list .list-item__actions .btn-group .list-dropdown ul>li.item-disabled>a.help-link {
    font-size: 12px;
    line-height: 18px;
    display: block;
    padding: 2px 32px 13px 16px;
    color: #275ce0
}

.ecwid-orders-list .list-item__actions .btn-group .list-dropdown ul>li.item-disabled:hover>a.help-link {
    color: #275ce0
}

.abandoned__features {
    margin-bottom: 50px
}

.abandoned__features h2 {
    text-align: center
}

.ecwid-customers {
    padding-left: 8px;
    padding-right: 8px;
    min-height: 600px
}

@media screen and (min-width: 1024px) {
    .ecwid-customers {
        padding-left:32px
    }
}

@media screen and (min-width: 1400px) {
    .ecwid-customers {
        padding-left:40px
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-customers {
        padding-right:32px
    }
}

@media screen and (min-width: 1400px) {
    .ecwid-customers {
        padding-right:40px
    }
}

@media screen and (max-width: 767px) {
    .ecwid-customers {
        overflow:hidden
    }
}

.ecwid-customers__statuses {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 12px;
    text-transform: uppercase;
    vertical-align: middle
}

.order-details {
    box-sizing: border-box;
    max-width: 1320px;
    margin-bottom: 128px;
    font-size: 14px;
    line-height: 22px
}

.order-details::before,.order-details::after {
    content: '';
    display: table;
    clear: both
}

@media screen and (min-width: 768px) {
    .order-details .order-details__statistic .a-card__paddings {
        padding-bottom:8px
    }
}

.order-details .order-details__header .list-dropdown ul>li.item-disabled>a {
    padding-bottom: 0;
    color: #607385
}

.order-details .order-details__header .list-dropdown ul>li.item-disabled:hover {
    background-color: transparent
}

.order-details .order-details__header .list-dropdown ul>li.item-disabled>a.help-link {
    display: block;
    padding: 2px 32px 13px 16px;
    color: #275ce0;
    font-size: 12px;
    line-height: 17px
}

.order-details .order-details__header .list-dropdown ul>li.item-disabled:hover>a.help-link {
    color: #275ce0
}

@media screen and (min-width: 768px) {
    .order-details__right {
        float:right;
        width: 276px;
        padding-left: 24px
    }
}

@media screen and (min-width: 1024px) {
    .order-details__right {
        width:316px
    }
}

@media print {
    .order-details__right {
        float: right;
        width: 276px;
        padding-left: 24px
    }

    .order-details__right .a-card {
        margin-bottom: -1px
    }
}

@media screen and (min-width: 768px) {
    .order-details__left {
        float:left;
        width: calc(100% - 24px - 276px)
    }
}

@media screen and (min-width: 768px) and (min-width: 1024px) {
    .order-details__left {
        width:calc(100% - 24px - 316px)
    }
}

@media print {
    .order-details__left {
        float: left;
        width: calc(100% - 24px - 276px)
    }
}

.order-header__number {
    margin-bottom: 8px;
    padding-top: 16px;
    font-size: 20px;
    line-height: 28px;
    font-family: var(--headers-font-family);
    font-weight: var(--headers-font-weight, 700);
    color: #0a1c2e
}

@media screen and (min-width: 768px) {
    .order-header__number {
        font-size:32px;
        line-height: 38px
    }
}

@media screen and (min-width: 768px) {
    .order-header__number {
        padding-top:24px
    }
}

@media screen and (min-width: 1024px) {
    .order-header__number {
        padding-top:0
    }
}

.order-details__statistic .a-card__paddings {
    padding-bottom: 8px
}

@media screen and (min-width: 768px) {
    .order-details__general-header {
        display:flex;
        align-items: center
    }
}

@media screen and (min-width: 768px) {
    .order-details__general-header .order-details__statuses,.order-details__general-header .order-details__info,.order-details__general-header .order-details__header-info {
        flex-grow:1
    }
}

.order-details__info,.order-details__title {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e
}

@media screen and (min-width: 768px) {
    .order-details__info,.order-details__title {
        margin-bottom:0
    }
}

@media screen and (min-width: 1400px) {
    .order-details__info,.order-details__title {
        font-size:20px;
        line-height: 28px
    }
}

.order-details__info--multiline .order-details__hyphen,.order-details__title--multiline .order-details__hyphen {
    display: block;
    font-size: 0;
    line-height: 0
}

@media screen and (min-width: 768px) {
    .order-details__info:not(.order-details__info--multiline),.order-details__title:not(.order-details__title--multiline) {
        line-height:32px
    }
}

@media screen and (min-width: 1280px) {
    .order-details__info:not(.order-details__info--multiline),.order-details__title:not(.order-details__title--multiline) {
        line-height:40px
    }
}

@media screen and (min-width: 768px) {
    .order-details__labels-mobile {
        display:none
    }
}

@media screen and (max-width: 767px) {
    .order-details__labels-desktop {
        display:none
    }
}

.order-details__label {
    display: block;
    margin-bottom: 8px
}

@media screen and (min-width: 768px) {
    .order-details__label {
        margin-top:8px;
        margin-bottom: 0
    }
}

@media screen and (min-width: 768px) {
    .order-details__buttons {
        display:flex
    }
}

.order-details__button {
    margin-top: 8px
}

@media screen and (min-width: 768px) {
    .order-details__button {
        margin-top:0;
        margin-left: 8px
    }
}

.order-details__button--primary {
    min-width: 180px
}

.order-details__admin-note {
    cursor: pointer
}

.order-details__admin-note .order-note__content ::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 8px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='%23275ce0'%3E%3Cpath d='M5.0355 15.7929 2.207 12.9645 1.5 16.5l3.5355-.7071z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.8136.9437c.3906-.3905 1.0237-.3905 1.4143 0l2.8284 2.8284c.3905.3905.3905 1.0237 0 1.4142L5.5285 16.7141.2252 17.7748l1.0606-5.3033L12.8136.9437zm.7072 2.1213-9.8995 9.8995 1.4142 1.4142 9.8995-9.8995-1.4142-1.4142zM3.0071 15.1788l-.186-.186-.0464.2325.2324-.0465z'/%3E%3C/svg%3E") no-repeat;
    background-size: 14px 14px;
    vertical-align: middle
}

.order-details__add-admin-note-free {
    padding: 0 17px 32px
}

@media screen and (min-width: 768px) {
    .order-details__add-admin-note-free {
        padding-right:25px;
        padding-left: 25px
    }
}

.order-details__add-admin-note-free .popup-body .popup-frame__arrow {
    margin-top: -32px
}

.order-details__add-admin-note-free .popup-body .popup-frame__popup-window {
    margin-top: -21px
}

.order-details__note-stack.hidden+.order-details__add-admin-note-free {
    padding-top: 16px
}

.order-note {
    position: relative
}

.order-note .add-note {
    display: none
}

.order-note .edit-note {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}

@media screen and (min-width: 768px) {
    .order-note .edit-note {
        display:inline-block;
        position: static;
        width: auto;
        height: auto
    }
}

.order-note .edit-note__text {
    display: none;
    font-size: 14px;
    line-height: 22px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e;
    color: #607385
}

@media screen and (min-width: 768px) {
    .order-note .edit-note__text {
        display:inline-block
    }
}

.order-note .edit-note__icon {
    display: block;
    position: absolute;
    top: 50%;
    right: -5px;
    margin-top: 2px;
    font-size: 24px
}

.order-note .edit-note__icon svg {
    fill: currentColor
}

@media screen and (min-width: 768px) {
    .order-note .edit-note__icon {
        display:none
    }
}

.order-note--empty {
    display: none
}

.order-note--edit .order-note__title {
    display: none
}

.order-note--edit .order-note__content {
    display: none
}

.order-note--edit .order-note__editor {
    display: block
}

.order-note__editor .admin-notes .title {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 22px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e;
    color: #607385
}

.order-note__editor .admin-notes textarea {
    min-height: 70px
}

.order-note__editor .admin-notes .tip {
    margin-bottom: 16px;
    color: #607385;
    font-size: 12px;
    line-height: 18px
}

.order-note__editor .admin-notes .tip .svg-icon {
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle
}

.order-note__editor .admin-notes .tip::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 18px;
    margin-right: 8px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='%23808f9d'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 6V5c0-2.7614 2.2386-5 5-5s5 2.2386 5 5v1h1c1.1046 0 2 .8954 2 2v8c0 1.1046-.8954 2-2 2H3c-1.1046 0-2-.8954-2-2V8c0-1.1046.8954-2 2-2h1zm8-1v1H6V5c0-1.6568 1.3431-3 3-3s3 1.3432 3 3zM3 8v8h12V8H3z'/%3E%3C/svg%3E") center center no-repeat;
    vertical-align: top
}

.order-note__cancel-button {
    margin-left: 8px
}

.order-note__title {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 22px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e;
    color: #607385
}

.order-note__content {
    display: inline-block;
    box-sizing: border-box;
    padding-right: 40px;
    font-size: 14px;
    line-height: 22px;
    word-wrap: break-word;
    word-break: break-word
}

.order-note__trigger {
    padding: 4px 8px
}

.order-note__trigger svg {
    display: inline-block;
    fill: currentColor;
    vertical-align: middle
}

.order-details__info-wrapper {
    margin-bottom: -32px
}

.order-details-info {
    margin-bottom: 32px;
    font-size: 14px;
    line-height: 22px
}

.order-details-info__title {
    margin-bottom: 8px;
    word-wrap: break-word;
    word-break: break-all;
    font-size: 14px;
    line-height: 22px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e;
    color: #607385
}

.order-details-info__content {
    word-wrap: break-word;
    word-break: break-word
}

.order-details-info__content p {
    margin: 0 0 8px
}

.order-details__customer {
    position: relative
}

.order-details__customer .order-details-info__title {
    padding-right: 64px
}

.order-details__customer .order-details-info__content p:first-child {
    padding-right: 64px
}

.order-details__customer .multiadmin-profile {
    position: absolute;
    top: 15px;
    right: 20px;
    width: 53px;
    height: 53px
}

.order-details__customer .multiadmin-profile .multiadmin-profile__abbr {
    font-size: 14px;
    font-weight: 600;
    line-height: 53px
}

.order-details__customer .multiadmin-profile::after {
    content: none
}

.order-details-customer__title {
    padding-right: 64px
}

.order-details-customer__content p:first-child {
    padding-right: 64px
}

.order-details__delivery .order-details-info .order-details-info__title,.order-details__shipping .order-details-info .order-details-info__title {
    padding-right: 50px
}

.order-details__delivery .form-area__title,.order-details__shipping .form-area__title {
    padding-right: 50px
}

.order-details__delivery::after,.order-details__shipping::after {
    content: '';
    position: absolute;
    top: 15px;
    right: 20px;
    width: 32px;
    height: 32px;
    background-size: 100% auto
}

.order-details--iconable {
    position: relative
}

.order-details--iconable::after {
    content: '';
    position: absolute;
    top: 15px;
    right: 20px;
    width: 32px;
    height: 32px;
    background-size: contain
}

.order-details__delivery::after {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M33.5 17l-4-2.3a5 5 0 00-2.6-.7H24V9a1 1 0 00-1-1h-5V6A6 6 0 006 6v2H1a1 1 0 00-1 1v24a1 1 0 001 1h9.2a3 3 0 002.8 2h18a5 5 0 005-5v-9.7a5 5 0 00-2.5-4.3zM8 6a4 4 0 018 0v2H8zm-6 4h4v2a1 1 0 002 0v-2h8v2a1 1 0 002 0v-2h4v8H11a3 3 0 00-2.8 4.1 3 3 0 00-.8 5.4A3 3 0 007 29a3 3 0 003 3H2zm32 21a3 3 0 01-3 3H13a1 1 0 010-2h8a1 1 0 000-2H10a1 1 0 010-2h11a1 1 0 000-2H9a1 1 0 010-2h12a1 1 0 000-2H11a1 1 0 010-2h12a1 1 0 001-1v-3h3a3 3 0 011.4.4l4 2.3a3 3 0 011.6 2.6z' fill='%23275ce0'/%3E%3C/svg%3E") no-repeat right bottom
}

.order-details__shipping::after {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23275ce0' fill-rule='evenodd' clip-rule='evenodd' d='M0 2.5A.5.5 0 0 1 .5 2h10.014a.5.5 0 0 1 .5.486L11.053 4h2.665a1 1 0 0 1 .97.757L16 9a2 2 0 0 1 2 2v3.5a.5.5 0 0 1-.5.5h-1.063a2 2 0 0 1-3.874 0H6.437a2 2 0 0 1-3.874 0H.5a.5.5 0 0 1-.5-.5v-12zM12.563 14a2 2 0 0 1 3.874 0H17v-3a1 1 0 0 0-1-1h-5.5a.5.5 0 0 1-.5-.5V3H1v11h1.563a2 2 0 0 1 3.874 0h6.126zM11 5v4h3.97l-1.25-4H11zM4.5 15.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm11-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0z'/%3E%3C/svg%3E") no-repeat right bottom;
    background-size: contain
}

.order-details--amazon-referer::after {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cpath fill='%23000000' d='M22.47 41.36c0-3.03.75-5.62 2.24-7.78 1.49-2.15 3.54-3.78 6.13-4.88 2.37-1.01 5.29-1.74 8.77-2.17 1.19-.13 3.12-.31 5.8-.53v-1.12c0-2.81-.31-4.7-.92-5.67-.92-1.32-2.37-1.98-4.35-1.98h-.53c-1.45.13-2.7.59-3.76 1.38-1.05.79-1.74 1.89-2.04 3.3-.18.88-.62 1.38-1.32 1.52l-7.58-.92c-.75-.18-1.12-.57-1.12-1.19 0-.13.02-.29.07-.46.75-3.91 2.58-6.81 5.5-8.7C32.28 10.27 35.7 9.22 39.61 9h1.65c5.01 0 8.92 1.3 11.73 3.89.44.44.85.92 1.22 1.42.37.51.67.96.89 1.35.22.4.42.97.59 1.71.18.75.31 1.26.4 1.55.09.29.15.9.2 1.85.04.94.07 1.5.07 1.68V38.4c0 1.14.16 2.19.49 3.13.33.94.65 1.63.96 2.04.31.42.81 1.09 1.52 2.01.26.4.4.75.4 1.05 0 .35-.18.66-.53.92-3.65 3.16-5.62 4.88-5.93 5.14-.53.4-1.16.44-1.91.13-.62-.53-1.15-1.03-1.61-1.52-.46-.48-.79-.83-.99-1.05s-.52-.65-.96-1.29c-.44-.64-.75-1.07-.92-1.29-2.46 2.68-4.88 4.35-7.25 5.01-1.49.44-3.34.66-5.54.66-3.38 0-6.16-1.04-8.34-3.13s-3.28-5.03-3.28-8.85zm11.34-1.32c0 1.71.43 3.09 1.29 4.12.86 1.03 2.01 1.55 3.46 1.55.13 0 .32-.02.56-.07.24-.04.41-.07.49-.07 1.85-.48 3.27-1.67 4.28-3.56.48-.83.85-1.75 1.09-2.74.24-.99.37-1.79.4-2.41.02-.62.03-1.63.03-3.03V32.2c-2.55 0-4.48.18-5.8.53-3.87 1.1-5.8 3.53-5.8 7.31z'/%3E%3Cpath fill='%23FE971F' d='M3.85 58.15c.22-.35.57-.37 1.05-.07 10.98 6.37 22.94 9.56 35.85 9.56 8.61 0 17.11-1.6 25.51-4.81.22-.09.54-.22.96-.4.42-.18.71-.31.89-.4.66-.26 1.18-.13 1.55.4.37.53.25 1.01-.36 1.45-.79.57-1.8 1.23-3.03 1.98-3.78 2.24-8 3.98-12.65 5.21-4.66 1.23-9.21 1.85-13.64 1.85-6.85 0-13.34-1.2-19.44-3.59-6.12-2.41-11.59-5.78-16.43-10.13-.26-.22-.4-.44-.4-.66.01-.13.05-.26.14-.39z'/%3E%3Cpath fill='%23FE971F' d='M62.71 59.27c.09-.18.22-.35.4-.53 1.1-.75 2.15-1.25 3.16-1.52 1.67-.44 3.3-.68 4.88-.73.44-.04.86-.02 1.25.07 1.98.18 3.16.51 3.56.99.18.26.26.66.26 1.19v.46c0 1.54-.42 3.35-1.25 5.44-.83 2.09-2 3.77-3.49 5.04-.22.18-.42.26-.59.26-.09 0-.18-.02-.26-.07-.26-.13-.33-.37-.2-.72 1.63-3.82 2.44-6.48 2.44-7.98 0-.48-.09-.83-.26-1.05-.44-.53-1.67-.79-3.69-.79-.75 0-1.63.04-2.64.13-1.1.13-2.11.26-3.03.4-.26 0-.44-.04-.53-.13-.09-.09-.11-.18-.07-.26-.01-.05.01-.12.06-.2z'/%3E%3C/svg%3E") no-repeat right bottom
}

.order-details--icon-lightspeed::after {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='22' height='32' viewBox='0 0 22 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.728 0l1.475 2.566c.295.53.295 1.18 0 1.71l-8.79 15.248 4.16 7.197a3.667 3.667 0 003.155 1.828 3.667 3.667 0 003.156-1.828l4.158-7.197-1.09-1.946-4.72 8.17a1.71 1.71 0 01-1.474.855c-.62 0-1.18-.325-1.475-.856l-3.628-6.223 8.17-14.156L15.3 7.934c.294.53.294 1.18 0 1.71l-5.693 9.88 1.121 1.947 6.194-10.736 4.07 7.05a3.547 3.547 0 010 3.509l-4.13 7.167C16.244 29.552 14.268 32 10.729 32c-3.54 0-5.486-2.448-6.134-3.54l-4.13-7.166a3.547 3.547 0 010-3.51L10.729 0z' fill='%23E81C1C'/%3E%3C/svg%3E") no-repeat center bottom
}

.order-details-iconable__title {
    padding-right: 50px
}

.order-details__tracking-number {
    display: inline-block;
    padding-right: 24px;
    text-transform: uppercase
}

.order-details__tracking-number--editable::after {
    content: '';
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    margin-right: -24px;
    margin-left: 8px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='%23275ce0'%3E%3Cpath d='M5.0355 15.7929 2.207 12.9645 1.5 16.5l3.5355-.7071z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.8136.9437c.3906-.3905 1.0237-.3905 1.4143 0l2.8284 2.8284c.3905.3905.3905 1.0237 0 1.4142L5.5285 16.7141.2252 17.7748l1.0606-5.3033L12.8136.9437zm.7072 2.1213-9.8995 9.8995 1.4142 1.4142 9.8995-9.8995-1.4142-1.4142zM3.0071 15.1788l-.186-.186-.0464.2325.2324-.0465z'/%3E%3C/svg%3E") no-repeat;
    background-size: 14px 14px;
    vertical-align: middle
}

.order-details__tracking-number--no-editable {
    display: inline-block;
    padding-right: 24px;
    text-transform: uppercase
}

.order-details__payment {
    position: relative
}

.order-details__payment .order-details-info:first-child .order-details-info__title {
    padding-right: 50px
}

.order-details__payment::after {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.758.17A1 1 0 0 1 15 1.14V3h.5A1.5 1.5 0 0 1 17 4.5v9a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 1 13.5V4.196c0-.693.47-1.294 1.144-1.457C4.92 2.07 12.859.395 13.758.17zM14 3V1.46a.25.25 0 0 0-.31-.242L5.561 3H14zM2 4.5a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9z' fill='%23275ce0'/%3E%3Cpath d='M13 9a1 1 0 1 0 2 0 1 1 0 0 0-2 0z' fill='%23275ce0'/%3E%3C/svg%3E") no-repeat right bottom;
    background-size: contain
}

.order-details__payment .ecwid-Person-phone {
    display: none
}

.order-details__subscriptions::after {
    content: '';
    position: absolute;
    top: 15px;
    right: 20px;
    width: 32px;
    height: 32px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cpath fill='%23275ce0' d='M30.55 5.2a1 1 0 0 0-1.22.71l-.61 2.28A15 15 0 0 0 16 1a15 15 0 0 0-13.93 9.64 1 1 0 0 0 1.86.72A13 13 0 0 1 16 3a13 13 0 0 1 11.16 6.47l-2.73-.73a1 1 0 0 0-.52 1.93L28.7 12h.3a1 1 0 0 0 .34-.06h0a1.53 1.53 0 0 0 .25-.16l.08-.09a.56.56 0 0 0 .14-.2l.06-.11v-.09l1.29-4.83a1 1 0 0 0-.61-1.26zm-1.19 14.87a1 1 0 0 0-1.29.57A13 13 0 0 1 16 29a13 13 0 0 1-11.16-6.47l2.73.73a1 1 0 0 0 .52-1.93L3.26 20a.41.41 0 0 0-.11 0h-.52a.67.67 0 0 0-.18.11.49.49 0 0 0-.13.12.53.53 0 0 0-.11.15.76.76 0 0 0-.09.18v.07L.74 25.57a1 1 0 0 0 .71 1.23 1.09 1.09 0 0 0 .26 0 1 1 0 0 0 1-.74l.61-2.28A15 15 0 0 0 16 31a15 15 0 0 0 13.93-9.64 1 1 0 0 0-.57-1.29zm-10.71 1.09a4.58 4.58 0 0 1-2.61.61 4.21 4.21 0 0 1-2.48-.63 2.6 2.6 0 0 1-1.08-1.51.53.53 0 0 0-.52-.42h-1.09a.45.45 0 0 0-.32.14.41.41 0 0 0-.13.3 3.35 3.35 0 0 0 .58 1.78 4.32 4.32 0 0 0 1.61 1.38 6.58 6.58 0 0 0 2.53.69V25a.45.45 0 0 0 .13.34.48.48 0 0 0 .34.14h.8a.48.48 0 0 0 .49-.48v-1.48a5.91 5.91 0 0 0 3.43-1.27 3.59 3.59 0 0 0 1.25-2.87 3.43 3.43 0 0 0-.5-1.94 3.76 3.76 0 0 0-1.52-1.28 14.7 14.7 0 0 0-2.79-1 19.75 19.75 0 0 1-2.31-.79 3.14 3.14 0 0 1-1.18-.81 1.73 1.73 0 0 1-.38-1.17 1.83 1.83 0 0 1 .81-1.62 4 4 0 0 1 2.23-.55 3.77 3.77 0 0 1 2.14.58 2.08 2.08 0 0 1 1 1.46.5.5 0 0 0 .54.4h1.11a.38.38 0 0 0 .32-.13.4.4 0 0 0 .12-.29 3.43 3.43 0 0 0-.54-1.6 4.22 4.22 0 0 0-1.43-1.38 5.64 5.64 0 0 0-2.3-.76V7a.48.48 0 0 0-.48-.48h-.8a.48.48 0 0 0-.34.14.45.45 0 0 0-.13.34v1.48A5.26 5.26 0 0 0 12 9.77a3.47 3.47 0 0 0-1.15 2.64 3.66 3.66 0 0 0 .48 1.95 3.74 3.74 0 0 0 1.44 1.3 12.94 12.94 0 0 0 2.58 1l2.5.84a3.54 3.54 0 0 1 1.26.78 1.56 1.56 0 0 1 .43 1.15 2 2 0 0 1-.89 1.73z'/%3E%3C/svg%3E") no-repeat right bottom;
    background-size: 100% auto
}

.order-details__subscriptions .order-details-info__title {
    padding-right: 64px
}

.order-details__subscriptions .canonical-status {
    margin-right: 10px
}

.order-details__additional p {
    display: block;
    margin-top: 0;
    margin-bottom: 8px
}

.order-details__statuses {
    display: flex;
    flex-wrap: wrap
}

.order-details__statuses-inner {
    display: flex;
    flex-wrap: wrap;
    margin-right: -16px;
    margin-bottom: -8px
}

@media screen and (min-width: 1400px) {
    .order-details__statuses-inner {
        margin-bottom:-16px
    }
}

.order-details-status {
    min-width: 200px;
    margin-bottom: 8px;
    padding-right: 16px
}

@media screen and (min-width: 1400px) {
    .order-details-status {
        margin-bottom:16px
    }
}

.order-details-status__label {
    padding-bottom: 4px
}

.order-details-status__dropdown {
    font-size: 14px
}

@media screen and (min-width: 1024px) {
    .order-details-status__dropdown {
        font-size:16px;
        line-height: 24px
    }
}

.order-details-products-list__amount {
    font-size: 14px;
    line-height: 22px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e;
    color: #607385
}

.products-amount__label {
    text-transform: uppercase
}

.order-details .a-card .order-details-products-list__amount {
    padding-bottom: 0
}

.order-details-product {
    display: flex;
    align-items: flex-start
}

.order-details-product:last-child {
    border-bottom: 1px solid #bfc7ce
}

@media screen and (min-width: 768px) {
    .order-details-product {
        padding-right:16px
    }
}

.order-details-product__thumbnail {
    margin-top: 4px;
    cursor: pointer
}

.order-details-product__thumbnail-disabled {
    cursor: default
}

.order-details-product__content {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-left: 16px
}

@media screen and (min-width: 768px) {
    .order-details-product__content {
        margin-left:20px
    }
}

.order-details-product__info {
    -ms-flex: 5;
    flex: 5;
    flex-shrink: 0;
    word-break: break-all;
    font-size: 14px;
    line-height: 22px
}

@media screen and (min-width: 768px) {
    .order-details-product__info {
        min-width:250px
    }
}

.order-details-product__name {
    display: block;
    margin-bottom: 4px;
    color: #0a1c2e;
    text-decoration: none;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e
}

.order-details-product__name-disabled {
    cursor: default
}

.order-details-product__name-disabled:hover {
    color: initial
}

.order-details-product__sku {
    display: inline-block;
    margin-right: 10px;
    color: #607385
}

.order-details-product__weight {
    display: inline-block;
    color: #607385
}

.order-details-product__recurring {
    margin-top: 16px
}

.order-details-product__files .product-files {
    margin-bottom: 4px
}

@media screen and (min-width: 768px) {
    .order-details-product__files {
        display:flex;
        flex-wrap: wrap
    }

    .order-details-product__files .product-files {
        flex: 1;
        margin-bottom: 0
    }

    .order-details-product__files .product-files:not(:first-child) {
        padding-left: 32px
    }
}

.order-details-product__cost {
    flex: 1 0 100%;
    flex-basis: 105px;
    width: 100%
}

@media screen and (min-width: 1024px) {
    .order-details-product__cost {
        box-sizing:border-box;
        width: auto;
        padding-left: 20px
    }
}

.order-details-product__attributes {
    margin-bottom: 4px
}

.product-attribute {
    margin-bottom: 4px
}

.product-attribute--compact {
    margin-bottom: 2px
}

.product-attribute__name,.product-attribute__value--empty {
    color: #607385
}

.product-files {
    position: relative
}

.product-files .download-status__value {
    color: #0cac42
}

.product-files.product-files--expired .download-status__value {
    color: #f43c36
}

.product-files__title {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 22px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e;
    color: #607385
}

.product-files__item {
    display: block;
    margin-bottom: 4px;
    color: #0a1c2e;
    font-weight: 600;
    text-decoration: none
}

.product-files__item::before {
    content: attr(data-file-type);
    display: inline-block;
    margin-right: 8px;
    padding: 2px 4px;
    border-radius: 2px;
    background: #275ce0;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    line-height: 12px;
    text-transform: uppercase;
    vertical-align: 1px
}

.product-files__item-no-icon::before {
    display: none
}

.product-files__items {
    margin-bottom: 8px
}

.product-files--expired .product-files__item::before {
    background: #f43c36
}

.download-status {
    display: inline-block;
    position: relative;
    padding-top: 4px;
    cursor: pointer;
    font-size: 14px;
    line-height: 22px
}

@media screen and (max-width: 767px) {
    .download-status .list-dropdown {
        top:100%;
        left: 0
    }
}

.download-status__trigger {
    display: inline-block;
    color: #275ce0;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 22px
}

.download-status__trigger .change-trigger__text {
    display: none
}

@media screen and (min-width: 768px) {
    .download-status__trigger .change-trigger__text {
        display:inline
    }
}

.download-status__trigger .change-trigger__desktop-icon {
    display: none;
    width: 12px;
    height: 22px;
    vertical-align: middle
}

@media screen and (min-width: 768px) {
    .download-status__trigger .change-trigger__desktop-icon {
        display:inline-block
    }
}

.download-status__trigger .change-trigger__desktop-icon svg {
    max-width: 100%;
    fill: currentColor
}

.download-status__trigger .change-trigger__mobile-icon {
    display: none;
    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: -10px;
    font-size: 20px;
    line-height: 28px
}

@media screen and (min-width: 768px) {
    .download-status__trigger .change-trigger__mobile-icon {
        display:none
    }
}

.download-status__trigger .svg-icon {
    margin-left: 4px;
    vertical-align: middle
}

.download-status__value {
    margin-right: 4px;
    border: 0;
    background: none
}

.order-details__total {
    display: flex;
    justify-content: flex-end;
    padding: 16px;
    font-size: 14px;
    line-height: 22px
}

@media screen and (min-width: 768px) {
    .order-details__total {
        padding-right:24px;
        padding-left: 24px
    }
}

.order-total {
    width: fit-content;
    min-width: 240px;
    max-width: 350px;
    border-collapse: collapse;
    font-size: 14px;
    line-height: 22px
}

.order-total__cell {
    padding: 1px 0 1px 16px;
    text-align: right;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e
}

.order-total__caption {
    font-weight: normal;
    line-height: 26px;
    text-align: left
}

@media screen and (min-width: 568px) {
    .order-total__caption {
        padding:1px 16px 1px 0
    }
}

.order-total__discount {
    position: relative;
    margin-left: -20px;
    padding-left: 20px;
    text-decoration: none
}

@media screen and (min-width: 768px) {
    .order-total__discount {
        margin-right:-20px;
        margin-left: 0;
        padding-right: 20px;
        padding-left: 0
    }
}

.order-total__discount .bubble {
    display: none
}

.order-total__discount:hover .bubble {
    display: block;
    position: absolute;
    top: 50%;
    right: 100%;
    left: auto;
    width: 200px;
    transform: translateY(-50%)
}

@media screen and (min-width: 768px) {
    .order-total__discount:hover .bubble {
        display:block;
        right: auto;
        left: 100%;
        width: 200px
    }
}

.order-total__detailed-tax-hint {
    position: relative;
    margin-right: -15px;
    padding-right: 15px;
    text-decoration: none
}

@media screen and (min-width: 480px) {
    .order-total__detailed-tax-hint {
        margin-left:-15px;
        margin-right: 0;
        padding-left: 15px;
        padding-right: 0
    }
}

.order-total__detailed-tax-hint .bubble {
    display: none
}

.order-total__detailed-tax-hint:hover .bubble {
    display: block;
    position: absolute;
    top: 50%;
    right: auto;
    left: 100%;
    width: 200px;
    transform: translateY(-50%)
}

@media screen and (min-width: 480px) {
    .order-total__detailed-tax-hint:hover .bubble {
        display:block;
        right: 100%;
        left: auto;
        width: max-content
    }
}

.order-total__body--vat .order-total__row:first-child .order-total__caption,.order-total__body--vat .order-total__row:first-child .order-total__cell {
    padding-top: 8px
}

.order-total__body--vat .order-total__cell {
    font-weight: normal;
    font-size: 14px;
    line-height: 22px
}

.order-total__footer {
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e
}

.order-total__footer .order-total__caption {
    padding-top: 8px;
    font-weight: var(--text-big-font-weight, 600)
}

.order-total__footer .order-total__cell {
    padding-top: 8px
}

.product-cost {
    text-align: right;
    font-size: 14px;
    line-height: 22px;
    font-weight: var(--text-big-font-weight, 600)
}

.product-cost__price {
    color: #607385
}

.product-cost__times {
    margin-right: 4px;
    margin-left: 4px;
    color: #607385
}

.product-cost__total-cost {
    display: block;
    min-width: 105px;
    margin-bottom: 4px;
    white-space: nowrap;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e
}

.order-details__coupon {
    margin-top: -1px;
    padding: 16px 16px 16px 80px;
    border-top: 1px dashed #bfc7ce;
    border-bottom: 1px dashed #bfc7ce;
    background-color: #fff;
    font-size: 14px;
    line-height: 22px
}

.order-details__coupon p {
    margin: 0 0 8px
}

@media screen and (min-width: 768px) {
    .order-details__coupon {
        padding-right:24px;
        padding-left: 96px
    }
}

@media screen and (min-width: 1024px) {
    .order-details__coupon {
        padding-left:136px
    }
}

.link-icon {
    display: inline-block;
    box-sizing: border-box;
    height: 32px;
    margin: 0;
    padding: 6px 10px;
    color: #275ce0;
    font-size: 14px;
    line-height: 1.45;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap
}

.link-icon:hover {
    color: #1b409d
}

.link-icon:hover .svg-icon svg {
    fill: #ae7438
}

.link-icon:active {
    color: #688de9
}

.link-icon[disabled],.link-icon[disabled]:hover,.link-icon[disabled]:active {
    color: #275ce0
}

.link-icon .svg-icon {
    display: inline-block;
    box-sizing: border-box;
    width: 22px;
    height: 100%;
    margin-top: -4px;
    padding-right: .2em;
    padding-left: .2em;
    vertical-align: middle
}

.link-icon .svg-icon svg {
    width: 100%;
    height: 100%;
    fill: #f9a650
}

@media print {
    .order-details {
        margin-bottom: 64px
    }

    .order-details .order-details-status {
        min-width: 0
    }

    .order-details .order-header__utilites,.order-details .iconed-text,.order-details .copy-address-link {
        display: none
    }
}

.order-header {
    display: none;
    margin: -8px 0;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #0a1c2e;
    white-space: normal;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e
}

@media screen and (min-width: 568px) {
    .order-header {
        font-size:20px;
        line-height: 28px
    }
}

@media screen and (min-width: 768px) {
    .order-header {
        font-size:24px;
        line-height: 30px
    }
}

.order-header--long {
    word-break: break-all
}

.order-header--mobile-wrapper {
    display: inline-block;
    white-space: normal
}

@media screen and (min-width: 568px) {
    .order-header--mobile-wrapper {
        display:block
    }
}

@media screen and (min-width: 768px) {
    .order-header--mobile-wrapper .order-header__date,.order-header--mobile-wrapper .order-header__octothorpe--mobile,.order-header--mobile-wrapper .order-header__vendor-order-number {
        display:none
    }
}

@media screen and (max-width: 767px) {
    .order-header--mobile-wrapper .order-header__date,.order-header--mobile-wrapper .order-header__octothorpe--mobile,.order-header--mobile-wrapper .order-header__vendor-order-number {
        display:inline-block
    }
}

.order-header--mobile-wrapper .order-header__date {
    margin-left: 6px
}

@media screen and (min-width: 1024px) {
    .order-header--mobile-wrapper {
        display:inline-block;
        margin-top: -2px;
        vertical-align: middle
    }
}

.order-header .order-header__octothorpe {
    padding-right: 0
}

@media screen and (max-width: 767px) {
    .order-header .order-header__octothorpe {
        display:none
    }
}

@media screen and (min-width: 768px) {
    .order-header {
        display:inline-block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-right: 0;
        word-wrap: break-word
    }

    .order-header--long {
        display: block;
        flex: 0 0 100%;
        margin-bottom: -4px
    }

    .order-header--long+.order__info {
        flex-basis: 100%
    }
}

@media screen and (min-width: 1024px) {
    .order-header--long {
        display:inline-block
    }
}

.order-header__vendor-order-number {
    margin-right: -6px;
    margin-left: -6px
}

.order-header__date {
    margin-left: -8px
}

@media screen and (max-width: 767px) {
    .order-header__date {
        display:none
    }
}

@media screen and (min-width: 568px) {
    .order-header__date {
        line-height:28px
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes collapse {
    0% {
        flex-direction: column
    }

    99% {
        flex-direction: column
    }

    100% {
        flex-direction: row
    }
}

.order__storefront {
    display: inline-block
}

@media screen and (min-width: 768px) {
    .order__info-wrapper {
        display:flex;
        flex-wrap: wrap
    }
}

.order__info {
    display: block;
    -ms-flex: 1;
    flex: 1;
    line-height: 18px;
    vertical-align: top;
    font-size: 12px;
    line-height: 18px
}

@media screen and (min-width: 568px) {
    .order__info {
        font-size:14px;
        line-height: 22px
    }
}

.order__mobile-statuses {
    display: inline-block
}

@media screen and (min-width: 568px) {
    .order__mobile-statuses {
        display:none
    }
}

.order__desktop-statuses {
    display: none;
    font-size: 14px;
    line-height: 22px
}

@media screen and (min-width: 568px) {
    .order__desktop-statuses {
        display:inline-block
    }
}

@media screen and (min-width: 768px) {
    .order__desktop-statuses {
        font-size:16px;
        line-height: 26px
    }
}

.order__date {
    display: inline-block;
    margin-right: 8px;
    font-size: 14px;
    line-height: 28px
}

@media screen and (min-width: 568px) {
    .order__date {
        line-height:28px
    }
}

.order__address {
    margin-bottom: 8px
}

.order__shipping,.order__payment,.order-owner__info-item {
    display: inline-block;
    margin-bottom: 8px;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.order__shipping,.order__payment,.order-owner__info-item:not(:first-child) {
    margin-right: 16px
}

.order__payment-icon {
    display: inline-block;
    width: 25px;
    height: 20px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.758.17A1 1 0 0 1 15 1.14V3h.5A1.5 1.5 0 0 1 17 4.5v9a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 1 13.5V4.196c0-.693.47-1.294 1.144-1.457C4.92 2.07 12.859.395 13.758.17zM14 3V1.46a.25.25 0 0 0-.31-.242L5.561 3H14zM2 4.5a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9z' fill='%23275ce0'/%3E%3Cpath d='M13 9a1 1 0 1 0 2 0 1 1 0 0 0-2 0z' fill='%23275ce0'/%3E%3C/svg%3E") no-repeat left bottom;
    vertical-align: -3px
}

.ecwid-orders-list .svg-icon {
    display: inline-block;
    margin-right: 2px;
    color: #275ce0;
    vertical-align: -4px
}

.ecwid-orders-list .svg-icon svg {
    fill: currentColor
}

.ecwid-orders-list .ecwid-order--notactive .svg-icon {
    color: #808f9d
}

.order__header-link:visited {
    color: #0a1c2e
}

.order__header-link:hover .order-header,.order__header-link:visited:hover .order-header {
    color: #2c4259
}

@media screen and (max-width: 767px) {
    .order__header-link {
        display:none
    }
}

.order__note {
    font-size: 12px;
    line-height: 18px;
    margin-top: 4px;
    margin-bottom: 4px;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

@media screen and (min-width: 568px) {
    .order__note {
        font-size:14px;
        line-height: 22px
    }
}

.order__price {
    display: block;
    margin-bottom: 8px;
    text-align: right;
    vertical-align: middle;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e
}

@media screen and (min-width: 568px) {
    .order__price {
        font-size:20px;
        line-height: 28px
    }
}

@media screen and (min-width: 768px) {
    .order__price {
        font-size:24px;
        line-height: 30px
    }
}

@media screen and (min-width: 768px) {
    .order__price {
        vertical-align:top
    }
}

@media screen and (min-width: 1400px) {
    .order__price {
        display:inline-block
    }
}

.order__status {
    margin-right: 16px;
    margin-bottom: 4px;
    font-weight: 600;
    transition: color 150ms ease-out
}

.order__status a {
    text-decoration: none
}

.order--notactive {
    color: #607385
}

.order--abandoned {
    overflow: hidden
}

.order__email {
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    padding-right: 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 28px;
    vertical-align: bottom
}

.order__email>a {
    display: block;
    overflow: hidden;
    color: #275ce0;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color 150ms ease-out
}

.order__email>a:hover {
    color: #1b409d
}

@media screen and (min-width: 1024px) {
    .order__email {
        font-size:16px;
        line-height: 26px
    }
}

.order__error-label {
    color: #f43c36;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px
}

.order-owner {
    font-size: 12px;
    line-height: 18px;
    margin-top: 4px;
    margin-bottom: 2px
}

@media screen and (min-width: 568px) {
    .order-owner {
        font-size:14px;
        line-height: 22px
    }
}

@media screen and (min-width: 768px) {
    .order-owner {
        margin-bottom:5px
    }
}

.order-owner__name {
    display: inline-block;
    margin-right: -6px;
    padding-right: 8px
}

.order-owner__email {
    display: none;
    margin-right: -4px;
    padding-right: 10px;
    text-decoration: none;
    word-break: break-all
}

@media screen and (min-width: 768px) {
    .order-owner__email {
        display:inline-block
    }
}

.order-owner__address {
    display: block;
    margin-bottom: 8px;
    white-space: pre-wrap
}

.order-products-list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    transition: opacity 200ms ease-in;
    cursor: pointer
}

.order-product {
    display: flex;
    flex: 0 1 36px;
    align-items: flex-start;
    width: 36px;
    margin-right: 12px;
    font-size: 14px;
    line-height: 22px
}

@media screen and (min-width: 768px) {
    .order-product {
        font-size:16px;
        line-height: 26px
    }
}

.list-item-details:not(.list-item-details--expanded):hover .order-product__thumbnail::after {
    opacity: .1
}

.order-product__description {
    display: none;
    opacity: 0;
    flex: 1 0 auto;
    width: calc(100% - 70px);
    font-size: 12px;
    line-height: 18px;
    word-wrap: break-word;
    word-break: break-word;
    transition: opacity 200ms ease-out
}

.order-product__name {
    display: inline;
    width: 100%;
    margin-right: 12px;
    text-decoration: none;
    transition: color 150ms ease-out;
    cursor: pointer;
    word-wrap: break-word;
    word-break: break-word;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600)
}

.order-product__name:hover {
    color: #1b409d
}

@media screen and (max-width: 767px) {
    .order-product__name {
        word-wrap:break-word;
        word-break: break-all
    }
}

.order-product__name--disabled {
    color: #0a1c2e;
    cursor: default
}

.order-product__name--disabled:hover,.order-product__name--disabled:active,.order-product__name--disabled:visited {
    color: #0a1c2e
}

.order-product__sku {
    margin-right: 8px;
    white-space: nowrap
}

.order-product__options {
    word-break: break-all;
    word-break: break-word
}

.order-product__total {
    display: block;
    white-space: nowrap
}

.order-products-list--disabled .order-product__name {
    color: #607385;
    transition: color 150ms ease-out
}

.order-products-list--disabled .order-product__name:hover {
    color: #404d59
}

.list-item-details--animated .order-product__description {
    display: block;
    opacity: 0
}

.list-item-details--animated .order-products-list {
    flex-direction: column
}

.list-item-details--animated .order-product {
    flex-basis: auto;
    margin-bottom: 16px
}

.list-item-details--animated .order-product__thumbnail {
    margin-right: 12px;
    margin-bottom: 0;
    pointer-events: all
}

.list-item-details--animated.list-itemdetails--expanded .order-products-list {
    flex-direction: column
}

.list-item-details--animated.list-itemdetails--expanded .order-product__description {
    opacity: 1;
    animation: fadeOut 200ms ease-out forwards
}

:not(.list-item-details--expanded) .order-product__thumbnail {
    cursor: pointer
}

.list-item-details--collapsed .order-products-list,.list-item-details--expanded .order-products-list,.order-products-list--expanded {
    flex-direction: column
}

.list-item-details--collapsed .order-products-list .order-product,.list-item-details--expanded .order-products-list .order-product,.order-products-list--expanded .order-product {
    flex: 1 0 auto;
    width: 100%;
    margin-bottom: 16px;
    cursor: default
}

.list-item-details--collapsed .order-products-list .order-product__thumbnail,.list-item-details--expanded .order-products-list .order-product__thumbnail,.order-products-list--expanded .order-product__thumbnail {
    margin-right: 12px;
    margin-bottom: 0;
    cursor: default
}

.list-item-details--expanded .order-products-list,.order-products-list--expanded {
    cursor: default
}

.list-item-details--expanded .order-products-list .order-product__description,.order-products-list--expanded .order-product__description {
    display: block;
    opacity: 0;
    animation: fadeIn 200ms ease-out forwards
}

.list-item-details--expanded.animation-disabled .order-products-list .order-product__description {
    opacity: 1;
    animation: none
}

.list-item-details--collapsed .order-product__description {
    display: block;
    animation: fadeOut 200ms ease-out
}

@media screen and (min-width: 768px) {
    .order-products-list--desktop-expanded {
        flex-direction:column
    }

    .order-products-list--desktop-expanded .order-product {
        flex: 1;
        margin-bottom: 16px
    }

    .order-products-list--desktop-expanded .order-product__thumbnail {
        margin-right: 12px;
        pointer-events: all
    }

    .order-products-list--desktop-expanded .order-product__description {
        display: block;
        opacity: 1;
        flex: 1 0 auto;
        height: auto;
        font-size: 12px;
        line-height: 18px
    }
}

.order-element__title {
    margin: -8px 0 -8px -8px;
    padding: 8px;
    white-space: normal;
    cursor: pointer
}

.order-element__title-link,.order-element__title-link:visited {
    display: inline-flex;
    color: #0a1c2e
}

.order-element__title-link:focus,.order-element__title-link:hover,.order-element__title-link:visited:focus,.order-element__title-link:visited:hover {
    color: #2c4259
}

.order-element__title-link:active,.order-element__title-link:visited:active {
    color: calc-active-color(#0a1c2e)
}

.order-element__title-number {
    display: inline-block;
    margin-right: 16px
}

.order-element__title-date {
    font-family: Lato,sans-serif;
    font-weight: 400
}

.order-element__mobile-statuses {
    margin-bottom: -4px
}

.order-element__person-name {
    display: inline-block;
    padding-right: 8px
}

.order-element__person-email {
    display: inline-block;
    text-decoration: none;
    word-break: break-all
}

.order-element__person-email--on-new-line {
    display: block
}

.order-element__person-address {
    display: block;
    white-space: pre-wrap
}

.order-element--disabled .order-element__title-link,.order-element--disabled .order-element__title-link:visited {
    color: #607385
}

@keyframes slideFromBottom {
    0% {
        transform: translateY(20px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes fadeinFromTop {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.tax_and_shipping .slide-from-bottom {
    animation: slideFromBottom .2s 1 ease-out .1s
}

.tax_and_shipping .fadein-from-top {
    animation: fadeinFromTop .2s 1 ease-out
}

.tax_and_shipping .fadeout {
    opacity: 0;
    transition: opacity .15s ease-out
}

.tax_and_shipping .block-rows {
    border-bottom: 0
}

.tax_and_shipping .block-rows .block-row:first-of-type {
    padding-top: 14px
}

.tax_and_shipping .block-rows .block-row .block-row-form .radio .radio-label .radio-label-note span {
    display: inline;
    margin: 0;
    font-weight: 400
}

.tax_and_shipping .block-rows .block-row .block-row-form .radio .radio-label:hover .radio-label-note span {
    color: #0a1c2e
}

.tax_and_shipping .block-rows .block-row.taxes .block-row-desc {
    margin-bottom: 16px
}

.tax_and_shipping .block-rows .block-row:nth-child(2) .fieldset-container .fieldset,.tax_and_shipping .fieldset-container--measures .fieldset {
    display: inline-block;
    width: auto;
    vertical-align: middle
}

.tax_and_shipping .block-rows .block-row:nth-child(2) .fieldset-container .field,.tax_and_shipping .fieldset-container--measures .field {
    width: 108px
}

.tax_and_shipping .block-rows .block-row:nth-child(3) .block-row-form .radio:nth-child(1) .fieldset-container.has-prefix .fieldset,.tax_and_shipping .block-rows .block-row:nth-child(3) .block-row-form .radio:nth-child(3) .fieldset-container.has-prefix .fieldset {
    display: inline-block;
    width: auto;
    vertical-align: middle
}

.tax_and_shipping .block-rows .block-row:nth-child(3) .block-row-form .radio:nth-child(1) .fieldset-container.has-prefix .field,.tax_and_shipping .block-rows .block-row:nth-child(3) .block-row-form .radio:nth-child(3) .fieldset-container.has-prefix .field {
    width: 147px
}

.tax_and_shipping .fieldset-container--disabled .fieldset-container__note {
    display: block;
    width: 73%
}

@media screen and (max-width: 767px) {
    .tax_and_shipping .fieldset-container--disabled .fieldset-container__note {
        width:55%
    }
}

.tax_and_shipping .fieldset-container--disabled .fieldset-container__note .plan-name {
    text-transform: uppercase
}

.tax_and_shipping .ship-per-product-list {
    display: flex;
    flex-direction: column
}

.tax_and_shipping .ship-per-product-list__item {
    order: 1
}

.tax_and_shipping .ship-per-product-list__item.ship-per-product-list__item--active {
    order: 0
}

.tax_and_shipping .plan-name {
    text-transform: uppercase
}

.page-placeholder {
    max-width: 680px;
    margin: 0 auto;
    padding: 20px 20px 50px;
    text-align: center
}

.page-placeholder__image {
    height: 200px;
    margin: 0 auto 16px
}

.page-placeholder__image img,.page-placeholder__image svg {
    width: auto;
    height: 100%;
    max-height: 100%
}

.page-placeholder__title {
    margin-bottom: 16px;
    font-size: 20px;
    line-height: 28px;
    font-family: var(--headers-font-family);
    font-weight: var(--headers-font-weight, 700);
    color: #0a1c2e
}

@media screen and (min-width: 768px) {
    .page-placeholder__title {
        font-size:32px;
        line-height: 38px
    }
}

.page-placeholder__text {
    margin-bottom: 26px;
    font-size: 14px;
    line-height: 22px
}

.complete-registration {
    max-width: 730px;
    margin: auto;
    text-align: left
}

.complete-registration__block {
    overflow: hidden;
    opacity: 1;
    max-height: 100px;
    margin-bottom: 16px;
    transition: max-height .3s ease-in, opacity .3s ease-in
}

.complete-registration__block label {
    display: block;
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 22px
}

.complete-registration__block--hidden {
    opacity: 0;
    max-height: 0;
    margin-bottom: 0;
    transition: max-height .2s ease-out, opacity .2s ease-out
}

.complete-registration__group .complete-registration__block+.complete-registration__block--without-label {
    margin-top: -11px
}

.complete-registration__group .complete-registration__block--hidden {
    margin-bottom: 0
}

.complete-registration__group .complete-registration__block--hidden.complete-registration__block--without-label {
    margin-top: 0
}

.import-products-dialog .main-popup__container {
    max-width: 812px
}

.import-products-dialog .ecwid-popup-headLabel {
    padding-bottom: 0;
    color: #0a1c2e;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e
}

@media (min-width: 640px) {
    .import-products-dialog .ecwid-popup-headLabel {
        font-size:22px
    }
}

.import-products-dialog .description {
    margin-bottom: 40px;
    color: #0a1c2e;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px
}

@media (min-width: 640px) {
    .import-products-dialog .description {
        font-size:14px
    }
}

.import-products-dialog .gwt-FileUpload {
    max-width: 200px
}

@media (min-width: 640px) {
    .import-products-dialog .gwt-FileUpload {
        max-width:none
    }
}

.import-products-dialog .tab-panel,.import-products-dialog .content-panel,.import-products-dialog .central-panel {
    width: 100%
}

.import-products-dialog .backend-ImportPopup-lc-tabbar .gwt-TabBarItem-wrapper {
    background-color: #fff;
    color: #607385;
    vertical-align: top !important;
    cursor: pointer
}

.import-products-dialog .backend-ImportPopup-lc-tabbar .gwt-TabBarItem-wrapper-selected {
    background-color: #e8ebed;
    color: #275ce0;
    cursor: default
}

.import-products-dialog .backend-ImportPopup-import-form {
    margin: 0
}

.import-products-dialog .backend-ImportPopup-left-panel,.import-products-dialog .backend-ImportPopup-right-panel {
    width: auto;
    height: auto
}

.import-products-dialog .left-panel,.import-products-dialog .right-panel {
    display: block
}

@media (min-width: 640px) {
    .import-products-dialog .left-panel,.import-products-dialog .right-panel {
        display:table-cell;
        width: 50%
    }
}

@media (min-width: 640px) {
    .import-products-dialog input[type="file"] {
        width:100%
    }
}

.import-products-dialog .gwt-TabBar .gwt-TabBarItem,.import-products-dialog .backend-ImportPopup-lc-tabbar .gwt-TabBarItem-wrapper,.import-products-dialog label.ecwid-fieldLabel,.import-products-dialog .gwt-TextBox,.import-products-dialog .gwt-ListBox,.import-products-dialog .backend-ImportPopup-column-label {
    font-size: 14px
}

@media (min-width: 640px) {
    .import-products-dialog .gwt-TabBar .gwt-TabBarItem,.import-products-dialog .backend-ImportPopup-lc-tabbar .gwt-TabBarItem-wrapper,.import-products-dialog label.ecwid-fieldLabel,.import-products-dialog .gwt-TextBox,.import-products-dialog .gwt-ListBox,.import-products-dialog .backend-ImportPopup-column-label {
        font-size:16px
    }
}

.import-products-dialog .backend-EcwidTip,.import-products-dialog input {
    font-size: 12px;
    line-height: 18px
}

.import-products-dialog .gwt-CheckBox {
    font-size: 12px;
    line-height: 18px
}

@media (min-width: 640px) {
    .import-products-dialog .gwt-CheckBox {
        font-size:14px
    }
}

.pickup .settings-page__header .a-card,.pickup .settings-page__section .a-card {
    max-width: 980px
}

.pickup .a-card {
    margin-bottom: 0
}

.list-combo-settings {
    margin-bottom: 8px;
    border: 1px solid #bfc7ce;
    box-shadow: 0 5px 10px rgba(0,0,0,0.15)
}

.combo-settings {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
    padding: 8px 14px
}

@media screen and (min-width: 568px) {
    .combo-settings {
        flex-wrap:nowrap
    }
}

.combo-settings:not(:last-child) {
    border-bottom: 1px solid #bfc7ce
}

.combo-settings.combo-settings--disabled {
    color: #607385
}

.combo-settings.combo-settings--disabled .btn {
    border-color: #808f9d;
    background-color: rgba(128,143,157,0.5);
    color: #607385
}

.combo-settings.combo-settings--disabled .btn,.combo-settings.combo-settings--disabled .btn-group,.combo-settings.combo-settings--disabled .add-btn,.combo-settings.combo-settings--disabled .remove-btn {
    pointer-events: none
}

.combo-settings__switcher {
    width: 100%;
    margin-bottom: 8px;
    padding-top: 2px
}

@media screen and (min-width: 568px) {
    .combo-settings__switcher {
        width:auto;
        margin-bottom: 0
    }
}

.combo-settings__intervals {
    width: calc(100% - 38px);
    margin-left: 0;
    text-align: right
}

@media screen and (min-width: 568px) {
    .combo-settings__intervals {
        width:auto;
        margin-left: auto
    }
}

.combo-settings__interval:first-child .combo-settings__remove-item {
    display: none
}

.combo-settings__interval:not(:last-child) {
    margin-bottom: 8px
}

.combo-settings__add-item {
    flex: none;
    margin: 2px 0 0 14px
}

.combo-settings__remove-item {
    display: block;
    position: absolute;
    top: 6px;
    right: -34px;
    margin: 0;
    padding: 4px;
    border: none;
    background: none;
    color: #607385;
    cursor: pointer
}

.combo-settings__remove-item:hover {
    color: #1b409d
}

.combo-settings__remove-item .svg-icon {
    display: block;
    width: 8px;
    height: 8px
}

.combo-settings__remove-item .svg-icon svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: currentColor
}

.add-btn {
    display: inline-flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 1px solid #bfc7ce;
    border-radius: 50%;
    background: none;
    color: #607385;
    line-height: 24px;
    vertical-align: middle
}

.add-btn:not(.add-btn--disabled):hover {
    border-color: #a2aeb8;
    color: #1b409d;
    cursor: pointer
}

.add-btn .svg-icon {
    font-size: 10px
}

.add-btn .svg-icon svg {
    display: block;
    width: 1em;
    height: 1em;
    margin: auto;
    fill: currentColor
}

.fieldset--combo .opened .list-dropdown {
    display: block
}

.interval-select {
    position: relative
}

@media screen and (max-width: 567px) {
    .interval-select {
        display:flex;
        justify-content: space-between
    }

    .interval-select .dropdown-container {
        width: 40%
    }

    .interval-select .dropdown-container .btn-group {
        width: 100%
    }

    .interval-select .dropdown-container .btn-group .btn-dropdown {
        width: 100%
    }

    .interval-select .dropdown-container .btn-group .btn-dropdown .btn-dropdown-container {
        display: inline-block;
        width: 80%;
        text-align: left
    }
}

.interval-select .dropdown-container {
    display: inline-block
}

.interval-select .btn-dropdown {
    width: 100px
}

.interval-select .list-dropdown {
    overflow-y: auto;
    max-height: 240px
}

.design-settings .ec-size .ec-store .grid,.design-settings .ec-size .ec-store .grid__categories,.design-settings .ec-size .ec-store .grid__products {
    padding-bottom: 0
}

@media screen and (min-width: 568px) {
    .design-settings .ec-size:not(.ec-size--s) .ec-store .grid__products--layout-justify.grid__products--medium-items .grid-product__title .grid-product__price {
        float:right;
        padding: 0 0 0 10%;
        text-align: right
    }
}

.design-settings--v1 * {
    box-sizing: border-box
}

.design-settings .block-row .block-row-icon .icon-magicwand {
    width: 96px;
    height: 96px;
    margin: auto;
    border-radius: 50%;
    box-shadow: inset 0 0 0 2px #275ce0;
    transition: background 150ms ease-in, box-shadow 150ms ease-in
}

.design-settings .block-row .block-row-icon .icon-magicwand svg {
    width: 65%
}

.design-settings .block-row .block-row-icon .icon-magicwand path {
    fill: #275ce0;
    transition: fill 150ms ease-in
}

.design-settings.design-settings--chameleon .block-row .block-row-icon .icon-magicwand {
    background: #ff4e50;
    background-image: linear-gradient(121deg, #ff4e50 0%, #f9d423 100%);
    box-shadow: none;
    transition: background 150ms ease-in, box-shadow 150ms ease-in
}

.design-settings.design-settings--chameleon .block-row .block-row-icon .icon-magicwand path {
    fill: #fff;
    transition: fill 150ms ease-in
}

.design-settings.design-settings--custom .settings-page__features {
    display: none
}

@media screen and (min-width: 768px) {
    .design-settings .settings-panel>.ecwid-g-r {
        min-height:320px
    }
}

.design-settings .settings-panel__image--centered {
    vertical-align: middle
}

.design-settings .settingline .block-rows {
    margin: 0 0 16px;
    text-align: left
}

@media screen and (min-width: 768px) {
    .design-settings .settingline .block-rows {
        margin-bottom:40px
    }
}

.design-settings .settingline .block-rows .block-row {
    padding: 0
}

.design-settings .settings-page__cards-wrapper,.design-settings .settings-page__sections-wrapper {
    max-width: 980px
}

.design-settings .settings-page__cards-wrapper {
    margin: 0 auto 24px
}

.design-settings .settings-page__sections-wrapper,.design-settings .settings-page__section-wrapper {
    display: flex;
    box-sizing: content-box;
    flex-direction: column;
    max-width: 980px;
    margin: 0 auto;
    padding: 64px 16px 0
}

.design-settings.design-settings--new-product-list .settings-page__sections-wrapper,.design-settings.design-settings--new-product-list .settings-page__section-wrapper {
    flex-direction: column-reverse
}

.design-settings .settings-page__section.help-section {
    margin-bottom: 0
}

.design-settings .settings-page__section:last-child {
    margin-bottom: 0
}

.theme-status__label {
    margin-top: 24px;
    color: #607385;
    font-weight: 600;
    text-transform: uppercase
}

@media screen and (min-width: 768px) {
    .theme-status__label {
        margin-top:6px
    }
}

.theme-status__theme-name {
    font-size: 18px;
    line-height: 28px;
    word-wrap: break-word
}

@media screen and (min-width: 768px) {
    .theme-status__theme-name {
        font-size:22px;
        line-height: 32px
    }
}

.theme-status__adaptation {
    margin: 16px 0
}

.theme-status__adaptation .color-adaptation {
    text-transform: uppercase
}

.theme-status__adaptation .color-adaptation--enabled {
    color: #0cac42
}

.theme-status__adaptation .color-adaptation--disabled {
    color: #607385
}

.design-header-image {
    padding: 24px 5% 0;
    background: #eceef0;
    vertical-align: bottom;
    transition: background 150ms ease-in
}

.design-header-image__icon {
    display: block;
    width: 62px;
    height: 62px;
    margin: 0 auto 24px
}

.design-header-image__icon svg,.design-header-image__icon path {
    fill: #fff
}

.design-header-image .default-theme-colors {
    width: 74px;
    margin-top: 8px;
    margin-bottom: 16px
}

.design-header-image .default-theme-colors #color-price {
    fill: #d64767
}

.design-header-image .default-theme-colors #color-btn {
    fill: #51acaa
}

.design-header-image .default-theme-colors #color-link {
    fill: #189dee
}

.design-settings--chameleon .design-header-image .default-theme-colors {
    display: none
}

.design-header-image .icon-magicwand {
    display: none
}

.design-settings--chameleon .design-header-image .icon-magicwand {
    display: block
}

.design-header-image__img {
    display: block;
    width: 100%;
    vertical-align: bottom
}

.design-settings--chameleon .design-header-image {
    background: #ff4e50;
    background-image: linear-gradient(121deg, #ff4e50 0%, #f9d423 100%);
    transition: background 150ms ease-in
}

.design-settings--custom .design-header-image {
    background: #275ce0 url(data:image/svg+xml,%3Csvg%20width%3D%22447%22%20height%3D%22305%22%20viewBox%3D%220%200%20447%20305%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20stroke%3D%22%23FFF%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22square%22%20opacity%3D%22.1%22%3E%3Cpath%20d%3D%22M15.5.5v303.06M31.5.5v303.06M47.5.5v303.06M63.5.5v303.06M79.5.5v303.06M95.5.5v303.06M111.5.5v303.06M127.5.5v303.06M143.5.5v303.06M159.5.5v303.06M175.5.5v303.06M191.5.5v303.06M207.5.5v303.06M223.5.5v303.06M239.5.5v303.06M255.5.5v303.06M271.5.5v303.06M287.5.5v303.06M303.5.5v303.06M319.5.5v303.06M335.5.5v303.06M351.5.5v303.06M367.5.5v303.06M383.5.5v303.06M399.5.5v303.06M415.5.5v303.06M431.5.5v303.06M446.555%2015.5H.5M446.555%2031.5H.5M446.555%2047.5H.5M446.555%2063.5H.5M446.555%2079.5H.5M446.555%2095.5H.5M446.555%20111.5H.5M446.555%20127.5H.5M446.555%20143.5H.5M446.555%20159.5H.5M446.555%20175.5H.5M446.555%20191.5H.5M446.555%20207.5H.5M446.555%20223.5H.5M446.555%20239.5H.5M446.555%20255.5H.5M446.555%20271.5H.5M446.555%20287.5H.5M446.555%20303.5H.5%22/%3E%3C/g%3E%3C/svg%3E) no-repeat center center;
    background-size: cover
}

.theme-settings__pannel {
    max-width: 980px;
    margin: auto;
    padding: 0 20px;
    border-bottom: none
}

@media screen and (min-width: 768px) {
    .theme-settings__pannel {
        padding:0
    }
}

.thumbnails-settings {
    margin: 0
}

.thumbnails-settings .disabled strong {
    color: #607385
}

.thumbnails-settings .thumbnail-size {
    font-size: 12px;
    line-height: 18px;
    width: 100%;
    margin-bottom: 24px
}

@media screen and (min-width: 768px) {
    .thumbnails-settings .thumbnail-size {
        font-size:14px;
        line-height: 22px
    }
}

.thumbnails-settings .thumbnail-size p {
    margin: 0;
    padding-right: 20px
}

.thumbnails-settings .thumbnail-size strong {
    font-weight: 600
}

.thumbnails-settings .thumbnail-size .ecwid-g-r {
    width: 100%
}

.thumbnails-settings .thumbnail-size .ecwid-g-r>[class*="ecwid-u-"] {
    display: inline-block
}

.thumbnails-settings .thumbnail-size .ecwid-g-r .ecwid-u-1-4 {
    width: 25%
}

.thumbnails-settings .thumbnail-size .ecwid-g-r .ecwid-u-3-4 {
    width: 75%
}

.thumbnails-settings .thumbnail-save-size {
    display: none;
    margin: 20px auto 0;
    text-align: center
}

.thumbnails-settings.edit-thumbnails-size .settings-field__icolink {
    display: none
}

.thumbnails-settings.edit-thumbnails-size .settings-field__input,.thumbnails-settings.edit-thumbnails-size .settings-field__label {
    display: inline-block
}

.thumbnails-settings.edit-thumbnails-size .thumbnail-save-size {
    display: block
}

.thumbnails-settings .settings-field__error,.thumbnails-settings .thumbnails-size-error {
    max-width: 100px;
    margin-top: 5px;
    color: #f43c36;
    font-size: 11px;
    line-height: normal;
    text-align: left;
    white-space: normal
}

.thumbnails-settings.thumbnails-settings--edit .settings-field__icolink {
    display: none
}

.thumbnails-settings.thumbnails-settings--edit .settings-field__input,.thumbnails-settings.thumbnails-settings--edit .settings-field__label {
    display: inline-block
}

.thumbnails-settings.thumbnails-settings--edit .thumbnails-settings__save {
    display: block
}

.thumbnails-settings .settings-field {
    position: relative;
    padding-top: 5px;
    white-space: nowrap
}

.thumbnails-settings .settings-field,.thumbnails-settings .settings-field * {
    box-sizing: border-box
}

.thumbnails-settings .settings-field__icolink {
    height: 40px;
    padding: 10px 2em 10px 0;
    font-size: 16px;
    line-height: 24px
}

.thumbnails-settings .settings-field__icolink .settings-field__value {
    display: inline-block
}

@media screen and (min-width: 768px) {
    .thumbnails-settings .settings-field__icolink .settings-field__value {
        width:96px;
        text-align: right
    }
}

.thumbnails-settings .settings-field__icolink .icon-edit {
    top: 10px
}

.thumbnails-settings .settings-field__input {
    font-size: 16px;
    line-height: 24px;
    display: none;
    width: 96px;
    height: 40px;
    line-height: 20px;
    text-align: right;
    vertical-align: middle
}

@media screen and (min-width: 768px) {
    .thumbnails-settings .settings-field__input {
        font-size:18px;
        line-height: 28px
    }
}

.thumbnails-settings .settings-field__label {
    font-size: 16px;
    line-height: 24px;
    display: none;
    margin-left: 5px;
    line-height: 20px;
    vertical-align: middle
}

@media screen and (min-width: 768px) {
    .thumbnails-settings .settings-field__label {
        font-size:18px;
        line-height: 28px
    }
}

.thumbnails-settings .settings-field--editing .settings-field__icolink {
    display: none
}

.thumbnails-settings .settings-field--editing .settings-field__input,.thumbnails-settings .settings-field--editing .settings-field__label {
    display: inline-block
}

.thumbnails-settings .settings-field--editing .thumbnail-save-size {
    display: block
}

@media screen and (min-width: 768px) {
    .thumbnails-settings .settings-field {
        padding-top:0
    }
}

.thumbnails-settings__save {
    display: none;
    margin: 20px auto 0;
    text-align: center
}

.thumbnail-setting {
    margin-bottom: 24px
}

.thumbnail-setting__title {
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 600
}

@media screen and (min-width: 768px) {
    .thumbnail-setting__title {
        font-size:16px
    }
}

.thumbnail-setting__text {
    font-size: 14px
}

.panel-appmarket a {
    text-decoration: none
}

@media screen and (min-width: 768px) {
    .panel-appmarket .settings-panel__text {
        padding-right:80px
    }
}

.panel-appmarket .settings-panel__image {
    padding: 10% 5% 0
}

@media screen and (min-width: 768px) {
    .panel-appmarket .settings-panel__image {
        padding:5% 5% 3%;
        background-image: url("https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/icons/apps-image.png");
        background-repeat: no-repeat;
        background-position: 110% bottom;
        background-size: auto 120%
    }
}

.panel-appmarket .app-card {
    display: inline-block;
    max-width: 31%;
    vertical-align: top
}

.panel-appmarket .app-card__img {
    max-width: 100px
}

.panel-appmarket .app-card__title {
    margin-top: 4px;
    font-size: 12px;
    text-decoration: none
}

@media screen and (min-width: 768px) {
    .panel-appmarket {
        padding-right:0;
        padding-left: 0;
        background-size: 48% auto
    }
}

.tuning-block__item {
    box-sizing: border-box;
    max-width: 480px;
    margin-bottom: 16px
}

@media screen and (min-width: 1280px) {
    .tuning-block__item {
        max-width:none;
        margin-bottom: 32px
    }
}

.tuning-block__item .tuning-block__item-desc,.tuning-block__item .fieldset {
    width: 100%;
    max-width: 320px
}

@media screen and (min-width: 1280px) {
    .tuning-block__item .tuning-block__item-desc,.tuning-block__item .fieldset {
        max-width:none
    }
}

.tuning-block__item-desc {
    font-size: 12px;
    line-height: 18px;
    margin-top: 4px;
    color: #607385
}

.settings__tuning-block .tuning-block {
    display: flex;
    overflow: hidden;
    box-sizing: border-box;
    flex-wrap: wrap;
    margin: 0 -24px
}

.settings__tuning-block .tuning-block__item {
    flex-basis: 100%;
    margin: 0;
    padding: 0 24px 24px
}

@media screen and (min-width: 768px) {
    .settings__tuning-block .tuning-block__item {
        flex-basis:33.33333%
    }
}

.settings__preview-block {
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    max-width: 600px;
    margin: 0 auto
}

@media screen and (min-width: 768px) {
    .settings__preview-block {
        position:-webkit-sticky;
        position: sticky;
        top: 12px
    }
}

@media screen and (min-width: 1280px) {
    .settings__preview-block {
        width:100%
    }
}

.design-settings .settings-area__body>.settings__preview-block {
    margin-bottom: 32px
}

@media screen and (min-width: 768px) {
    .preheader.has-error~.body-container .settings__preview-block,.preheader.has-warning~.body-container .settings__preview-block {
        top:40px
    }
}

.settings-preview {
    width: 100%
}

.settings-preview--fixed {
    position: fixed;
    top: 12px
}

@media screen and (max-width: 767px) {
    .settings-preview--fixed {
        position:relative;
        top: 0 !important;
        left: 0 !important
    }
}

.settings-preview--single {
    overflow: hidden;
    box-sizing: border-box;
    max-width: 600px;
    margin: 0 auto
}

.settings-preview__title {
    margin-bottom: 4px;
    color: #607385;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase
}

.settings-preview__container {
    position: relative;
    overflow: hidden;
    box-sizing: content-box
}

.settings-preview__container--details {
    overflow-x: hidden;
    overflow-y: auto;
    width: 300%;
    height: 300%;
    transform: scale(0.333);
    transform-origin: 0 0
}

@media screen and (min-width: 568px) {
    .settings-preview__container--details {
        width:200%;
        height: 200%;
        transform: scale(0.5)
    }
}

@media screen and (min-width: 768px) {
    .settings-preview__container--details {
        width:150%;
        height: 150%;
        transform: scale(0.667)
    }
}

@media screen and (min-width: 1024px) {
    .settings-preview__container--large-details {
        width:200%;
        height: 200%;
        transform: scale(0.5)
    }
}

.settings-preview__iframe {
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    min-height: 400px;
    margin-top: -8px;
    border: 0;
    transition: opacity .3s ease-in
}

.settings-preview__iframe--loaded {
    opacity: 1
}

.settings-preview__iframe--loaded+.settings-preview__preloader {
    z-index: -1;
    opacity: 0
}

.settings-preview__preloader {
    position: absolute;
    z-index: 10;
    top: 26%;
    left: 50%;
    opacity: 1;
    width: 60px;
    height: 60px;
    margin-left: -30px;
    transition: opacity .3s ease-in, z-index 0s linear .3s;
    animation: preloader-rotate 1.4s linear 0s infinite
}

.settings-preview__preloader svg {
    display: block;
    width: 100%;
    height: 100%;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-dasharray: 19;
    stroke-dashoffset: 60;
    animation: preloader-stroke 1.8s cubic-bezier(0.4, 0, 0.35, 1) 0s infinite
}

.settings-preview__preloader svg path {
    stroke: #808f9d
}

@keyframes preloader-rotate {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes preloader-stroke {
    from {
        stroke-dasharray: 75;
        stroke-dashoffset: 219
    }

    to {
        stroke-dasharray: 75;
        stroke-dashoffset: 75
    }
}

.settings-preview__tablet {
    position: relative;
    padding: 3.7% 7.7%;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDg3IiBoZWlnaHQ9IjM1MiIgdmlld0JveD0iMCAwIDQ4NyAzNTIiIHhtbG5 zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgZmlsbC1ydWxlPSJub256ZXJvIi BmaWxsPSIjQ0NDIj4KICAgIDxwYXRoIGQ9Ik0yMCAzNTBoNDQ3YzkuOTQ2IDAgMTgtOC4wNTQgM TgtMTcuOTk0VjIwLjA1M2MwLTkuOTM3LTguMDYtMTcuOTk0LTE4LTE3Ljk5NEgyMGMtOS45NDYg MC0xOCA4LjA1My0xOCAxNy45OTN2MzExLjk1M0MyIDM0MS45NDMgMTAuMDYgMzUwIDIwIDM1MHp tMCAyYy0xMS4wNDYgMC0yMC04Ljk1My0yMC0xOS45OTRWMjAuMDUzQzAgOS4wMSA4Ljk0OC4wNi AyMCAuMDZoNDQ3YzExLjA0NiAwIDIwIDguOTUyIDIwIDE5Ljk5M3YzMTEuOTUzYzAgMTEuMDQyL TguOTQ4IDE5Ljk5NC0yMCAxOS45OTRIMjB6Ii8+CiAgICA8cGF0aCBkPSJNNDQ5IDMzNFYxOEgz N3YzMTZoNDEyem0tNDE0IDJWMTZoNDE2djMyMEgzNXpNMTkgMTc2YzAtMS4xMDQtLjg5NS0yLTI tMnMtMiAuODk2LTIgMmMwIDEuMTA1Ljg5NSAyIDIgMnMyLS44OTUgMi0yem0yIDBjMCAyLjIxLT EuNzkgNC00IDRzLTQtMS43OS00LTQgMS43OS00IDQtNCA0IDEuNzkgNCA0ek00NzYgMTc2YzAtM y44NjYtMy4xMzQtNy03LTdzLTcgMy4xMzQtNyA3YzAgMy44NjggMy4xMzQgNy4wMDIgNyA3LjAw MnM3LTMuMTM0IDctN3ptMiAwYzAgNC45NzItNC4wMyA5LjAwMi05IDkuMDAycy05LTQuMDMtOS0 5YzAtNC45NzIgNC4wMy05LjAwMiA5LTkuMDAyczkgNC4wMyA5IDl6Ii8+CiAgPC9nPgo8L3N2Zz 4=");
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.settings-preview__tablet--with-arrows .settings-preview__tablet-inner::after,.settings-preview__tablet--with-arrows .settings-preview__tablet-inner::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    left: 50%;
    opacity: 0;
    width: 20px;
    height: 50px;
    margin-left: -10px;
    background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='70' viewBox='0 0 31 70'%3E%3Cpath fill='%23bfc7ce' fill-rule='evenodd' d='M0 34.996c0 .26.1.52.296.715l28.48 33.937c.352.42.977.474 1.403.116.422-.355.48-.983.13-1.4L2.31 35l28-33.362c.35-.418.292-1.046-.13-1.4-.427-.36-1.052-.304-1.403.115L.297 34.29C.1 34.48 0 34.737 0 34.995z'/%3E%3C/svg%3E") center center no-repeat;
    background-size: 100%;
    transition: opacity .2s ease 0s, transform 0s linear .2s;
    pointer-events: none
}

.settings-preview__tablet--with-arrows .settings-preview__tablet-inner::after {
    bottom: 0;
    transform: rotate(-90deg) translate3d(15px, 0, 0)
}

.settings-preview__tablet--with-arrows .settings-preview__tablet-inner::before {
    top: 0;
    transform: rotate(90deg) translate3d(15px, 0, 0)
}

.settings-preview__tablet--with-arrows .settings-preview__tablet-inner:hover::after {
    transform: rotate(-90deg) translate3d(0, 0, 0)
}

.settings-preview__tablet--with-arrows .settings-preview__tablet-inner:hover::before {
    transform: rotate(90deg) translate3d(0, 0, 0)
}

.settings-preview__tablet--with-arrows .settings-preview__tablet-inner:hover::after,.settings-preview__tablet--with-arrows .settings-preview__tablet-inner:hover::before {
    opacity: 1;
    transition: opacity .2s ease 0s, transform .2s ease-out 0s
}

.settings-preview__tablet--no-frame {
    padding: 0;
    background: none
}

.settings-preview__tablet--no-frame .settings-preview__tablet-content {
    padding: 0;
    background: none
}

.settings-preview__tablet-spacer {
    width: 100%;
    padding-top: 75%
}

.settings-preview__tablet-inner {
    position: relative
}

.settings-preview__tablet-content {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 2%
}

.preview-product .preview-product__grid {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%
}

.preview-product--hide-images .preview-product__image .preview-product__spacer {
    padding-top: 0
}

.preview-product--hide-images .preview-product__image-wrap {
    display: none
}

.preview-product--darken-images .preview-product__shadow {
    background-color: rgba(0,0,0,0.04)
}

.preview-product__item {
    box-sizing: border-box;
    padding: 8px 8px 16px 8px;
    text-align: center
}

.preview-product__image {
    position: relative
}

.preview-product__spacer {
    width: 100%;
    padding-top: 100%
}

.preview-product__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.preview-product__image-wrap {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    padding: 8px
}

.preview-product__picture {
    width: 100%
}

.preview-product__shadow {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity .1s linear
}

.preview-product__text-placeholder {
    width: 90%;
    height: 8px;
    margin: 8px auto 0;
    background: #e8ebed
}

.preview-product--aspect-ratio-0667 .preview-product__spacer {
    padding-top: 149.9250374813%
}

.preview-product--aspect-ratio-075 .preview-product__spacer {
    padding-top: 133.3333333333%
}

.preview-product--aspect-ratio-1 .preview-product__spacer {
    padding-top: 100%
}

.preview-product--aspect-ratio-1333 .preview-product__spacer {
    padding-top: 75.0187546887%
}

.preview-product--aspect-ratio-15 .preview-product__spacer {
    padding-top: 66.6666666667%
}

.preview-product--size-small .preview-product__item {
    width: 25%
}

.preview-product--size-medium .preview-product__item {
    width: 33.3333333333%
}

.preview-product--size-large .preview-product__item {
    width: 50%
}

.storefront-sidebar {
    margin: 8px 0
}

.toggle-wrapper {
    width: 132px
}

@media screen and (min-width: 768px) {
    .toggle-wrapper {
        padding-left:40px
    }
}

.layout-orientation {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    margin-top: 16px;
    padding-bottom: 32px
}

@media screen and (min-width: 768px) {
    .layout-orientation {
        padding-bottom:48px
    }
}

.layout-orientation .radio-label {
    border: 1px solid #808f9d;
    text-align: center
}

.layout-orientation .radio-label .gwt-InlineLabel,.layout-orientation .radio-label .radio-label-note {
    position: absolute;
    top: 50%;
    right: 4px;
    left: 4px;
    color: #275ce0;
    font-weight: 400;
    text-align: center
}

.layout-orientation .radio-label .gwt-InlineLabel {
    transform: translateY(-50%)
}

@media screen and (min-width: 1024px) {
    .layout-orientation .radio-label .gwt-InlineLabel {
        transform:none
    }
}

.layout-orientation .radio-label .radio-label-note {
    display: none
}

@media screen and (min-width: 1024px) {
    .layout-orientation .radio-label .radio-label-note {
        display:block;
        overflow: hidden;
        font-size: 12px;
        text-overflow: ellipsis;
        transform: translateY(-100%)
    }
}

.layout-orientation .radio input[type=radio]:checked+.radio-label {
    border: 1px solid #275ce0;
    box-shadow: inset 0 0 0 3px #275ce0
}

.layout-orientation .radio input[type=radio]:checked+.radio-label .gwt-InlineLabel,.layout-orientation .radio input[type=radio]:checked+.radio-label .radio-label-note {
    color: #275ce0
}

.layout-orientation .radio input[type=radio]:checked+.radio-label:hover {
    border: 1px solid #275ce0
}

.layout-orientation .radio input[type=radio]+.radio-label {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    color: #275ce0
}

.layout-orientation .radio input[type=radio]+.radio-label:hover {
    border: 1px solid #1b409d
}

.layout-orientation .radio input[type=radio]+.radio-label:hover .gwt-InlineLabel,.layout-orientation .radio input[type=radio]+.radio-label:hover .radio-label-note {
    color: #1b409d
}

.layout-orientation .radio input[type=radio]+.radio-label::before {
    top: 100%;
    right: 0;
    left: 0;
    margin: 0;
    padding-top: 8px;
    text-align: center
}

@media screen and (min-width: 768px) {
    .layout-orientation .radio input[type=radio]+.radio-label::before {
        padding-top:16px
    }
}

.layout-orientation .layout {
    margin-right: 8px
}

@media screen and (min-width: 768px) {
    .layout-orientation .layout {
        margin-right:24px
    }
}

.layout-orientation .layout:last-child {
    margin-right: 0
}

.layout-orientation .radio.layout-1-1 {
    flex-grow: 112
}

.layout-orientation .radio.layout-1-1 input[type=radio]+.radio-label {
    padding-top: 100%
}

.layout-orientation .radio.layout-3-4 {
    flex-grow: 104
}

.layout-orientation .radio.layout-3-4 input[type=radio]+.radio-label {
    padding-top: 131%
}

.layout-orientation .radio.layout-2-3 {
    flex-grow: 88
}

.layout-orientation .radio.layout-2-3 input[type=radio]+.radio-label {
    padding-top: 173%
}

.layout-orientation .radio.layout-4-3 {
    flex-grow: 136
}

.layout-orientation .radio.layout-4-3 input[type=radio]+.radio-label {
    padding-top: 76%
}

.layout-orientation .radio.layout-3-2 {
    flex-grow: 152
}

.layout-orientation .radio.layout-3-2 input[type=radio]+.radio-label {
    padding-top: 58%
}

.shipping {
    box-sizing: border-box
}

.shipping-settings-edit {
    max-width: 680px;
    padding: 17px 0 6px
}

.shipping-settings-edit .fieldset-group {
    display: block;
    width: 100%;
    margin-bottom: 23px;
    text-align: left
}

@media screen and (min-width: 768px) {
    .shipping-settings-edit .fieldset-group {
        display:table
    }
}

.shipping-settings-edit .fieldset-group--country {
    line-height: 20px
}

.shipping-settings-edit .fieldset-group--country .field__note {
    font-weight: 600
}

.shipping-settings-edit .fieldset-group--country .fieldset-subgroup--title {
    margin-bottom: 0;
    line-height: 24px
}

@media screen and (min-width: 768px) {
    .shipping-settings-edit .fieldset-group--country {
        line-height:33px
    }
}

.shipping-settings-edit .fieldset-group--fee {
    margin-bottom: 15px
}

.shipping-settings-edit .fieldset-group:last-child {
    margin-bottom: 8px
}

@media screen and (min-width: 568px) {
    .shipping-settings-edit .fieldset-group:last-child {
        margin-bottom:0
    }
}

@media screen and (min-width: 1024px) {
    .shipping-settings-edit .fieldset-group {
        display:inline-block
    }
}

@media (min-width: 600px) {
    .shipping-settings-edit .fieldset-group--address .fieldset-subgroup {
        margin-top:6px
    }

    .shipping-settings-edit .fieldset-group--address .fieldset-subgroup .fieldset {
        display: inline-block;
        width: 50%
    }
}

.shipping-settings-edit .fieldset-subgroup {
    display: block;
    vertical-align: top
}

.shipping-settings-edit .fieldset-subgroup .fieldset {
    display: block;
    margin-bottom: 6px
}

@media (min-width: 600px) {
    .shipping-settings-edit .fieldset-subgroup .fieldset {
        margin-bottom:0
    }

    .shipping-settings-edit .fieldset-subgroup .fieldset:first-child {
        padding-right: 6px
    }
}

.shipping-settings-edit .fieldset-subgroup--title {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 11px
}

.shipping-settings-edit .fieldset-subgroup--fee .fieldset--fee-name,.shipping-settings-edit .fieldset-subgroup--fee .fieldset--fee-value {
    width: 100%;
    padding-right: 0
}

@media screen and (min-width: 568px) {
    .shipping-settings-edit .fieldset-subgroup--fee .fieldset--fee-name {
        display:inline-block;
        width: 226px;
        padding-right: 6px
    }

    .shipping-settings-edit .fieldset-subgroup--fee .fieldset--fee-value {
        display: inline-block;
        width: 156px
    }
}

@media (min-width: 600px) {
    .shipping-settings-edit .fieldset-subgroup--desc {
        max-width:540px;
        margin-top: 21px
    }
}

.shipping-settings-edit .btn-primary {
    margin-bottom: 9px
}

.shipping-settings-edit .extra-action__link {
    padding-left: 29px
}

.shipping .actions {
    margin: 0 .5em;
    pointer-events: none
}

.shipping .settings-page__section:last-child {
    margin-bottom: 0
}

.shipping .extra-action:last-child {
    margin-bottom: 0
}

.shipping .custom-rates .subtotal-range {
    padding-right: 40px
}

@media screen and (min-width: 768px) {
    .shipping .custom-rates .subtotal-range {
        padding-right:0
    }
}

.shipping .shipping-rate {
    position: relative;
    padding-right: 40px
}

.shipping .shipping-rate .shipping-rate__input .fieldset {
    width: 100%;
    margin-bottom: 8px
}

.shipping .shipping-rate .shipping-rate__button {
    display: inline-block;
    position: absolute;
    top: -122px;
    right: 0
}

@media screen and (min-width: 768px) {
    .shipping .shipping-rate .shipping-rate__button {
        top:0
    }
}

.shipping .tax_and_shipping .fieldset-container {
    display: flex
}

.shipping .tax_and_shipping .fieldset-container .fieldset__title {
    margin-bottom: 4px;
    color: #607385
}

.shipping .tax_and_shipping .fieldset-container .suffix {
    padding-top: 26px;
    padding-right: 4px;
    padding-left: 4px;
    color: #607385;
    line-height: 40px
}

.shipping .tax_and_shipping .fieldset-container .field {
    width: auto
}

.shipping .shipping--create .change-country {
    padding-right: 16px
}

.shipping .shipping-options-table .flex-table__row {
    -ms-flex-direction: row;
    flex-direction: row
}

.shipping .shipping-options-table .flex-table__col--1 {
    flex-basis: 80%;
    padding-right: 8px
}

@media screen and (min-width: 768px) {
    .shipping .shipping-options-table .flex-table__col--1 {
        padding-right:16px
    }
}

.shipping .shipping-options-table .flex-table__col--2 {
    flex-basis: 20%;
    text-align: right
}

@media screen and (min-width: 768px) {
    .shipping .shipping-options-table .flex-table__col--2 {
        text-align:left
    }
}

.shipping .google-map-controls {
    padding-top: 16px;
    padding-left: 16px
}

.shipping .google-map-container {
    width: 100%;
    height: 300px;
    margin-bottom: 16px;
    border-radius: 8px
}

@media screen and (min-width: 568px) {
    .shipping .google-map-container {
        height:400px
    }
}

@media screen and (min-width: 768px) {
    .shipping .google-map-container {
        height:500px
    }
}

@media screen and (min-width: 1280px) {
    .shipping .google-map-container {
        height:600px
    }
}

.shipping .google-map-container .gm-style .gm-style-iw-c {
    padding: 16px !important;
    font-family: Lato,sans-serif !important;
    font-weight: 400;
    word-wrap: break-word;
    word-break: break-word
}

.a-card .shipping-settings-edit {
    padding: 0;
    font-size: 0
}

.settings-page__section .extra-actions-group {
    padding: 0
}

.shipping .shipping-method-dropdown .list-dropdown {
    min-width: 200px
}

.shipping-carrier-placeholder {
    border-radius: 5px;
    color: #fff;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    text-transform: uppercase
}

@media screen and (min-width: 768px) {
    .shipping-carrier-placeholder {
        line-height:48px
    }
}

@media screen and (min-width: 1280px) {
    .shipping-carrier-placeholder {
        line-height:56px
    }
}

.shipping-zone-zip-codes {
    margin-bottom: 8px
}

@media screen and (min-width: 768px) {
    .shipping-zone-zip-codes {
        max-height:283px;
        margin-bottom: 0;
        padding-right: 10px
    }
}

.card {
    box-sizing: border-box;
    padding: 8px;
    border: 0 solid transparent;
    border-radius: 8px;
    font-size: 14px;
    border-width: 0;
    border-color: #bfc7ce;
    background-color: #fff;
    color: #0a1c2e;
    position: relative;
    margin-bottom: 16px;
    line-height: 1.66em;
    transition: box-shadow .2s linear;
    will-change: box-shadow;
    box-shadow: 0 5px 10px rgba(0,0,0,0.15)
}

.card div {
    box-sizing: border-box
}

.card .card__title {
    display: table;
    padding: 0 24px 8px 0;
    color: #0a1c2e;
    transition: color .2s linear;
    will-change: color;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e
}

.card.card-action {
    padding: 0
}

.card.card-action:not(.card--not-editable) {
    cursor: pointer
}

.card.card-action .card__inner {
    display: table;
    box-sizing: border-box;
    width: 100%;
    padding: 16px;
    transition: background-color .2s ease-out
}

@media screen and (min-width: 568px) {
    .card.card-action .card__inner {
        position:relative
    }
}

@media screen and (min-width: 768px) {
    .card.card-action .card__inner {
        padding-right:24px;
        padding-left: 24px
    }
}

.card.card-action .card__inner .card__text {
    display: inline-block;
    position: relative;
    overflow: hidden;
    max-height: 138px
}

.card.card-action .card__inner .card__text::before {
    content: "";
    position: absolute;
    top: 75px;
    left: 0;
    width: 100%;
    height: 70px;
    background: -webkit-linear-gradient(#fff 100%, rgba(255,255,255,0) 0%);
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(rgba(255,255,255,0)));
    background: -webkit-linear-gradient(bottom, #fff 0%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(bottom, #fff 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to top, #fff 0%, rgba(255,255,255,0) 100%)
}

.card.card-action .card__inner .card__text * {
    font-size: 12px !important;
    line-height: 20px !important
}

@media screen and (min-width: 768px) {
    .card.card-action .card__inner .card__text * {
        font-size:14px !important;
        line-height: 24px !important
    }
}

.card.card-action .card__inner .card__text img,.card.card-action .card__inner .card__text svg,.card.card-action .card__inner .card__text object,.card.card-action .card__inner .card__text embed {
    display: none
}

.card.card-action .card__content,.card.card-action .card__edit,.card.card-action .card__cta {
    display: table-cell;
    position: static;
    vertical-align: top
}

.card.card-action .card__infographics {
    display: none
}

@media screen and (min-width: 768px) {
    .card.card-action .card__infographics {
        display:table-cell;
        position: static;
        box-sizing: border-box;
        opacity: 1;
        width: 72px;
        padding: 0 24px 0 0;
        text-align: center;
        vertical-align: top;
        transform: translate3d(0, 0, 0);
        transition: opacity .1s linear, padding-left .1s linear, padding-right .1s linear, transform .1s linear;
        will-change: opacity, padding-left, padding-right, transform
    }
}

@media screen and (min-width: 1280px) {
    .card.card-action .card__infographics {
        width:104px
    }
}

.card.card-action .card__infographics .svg-icon,.card.card-action .card__infographics .card-icon {
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    vertical-align: middle
}

@media screen and (min-width: 768px) {
    .card.card-action .card__infographics .svg-icon,.card.card-action .card__infographics .card-icon {
        width:48px;
        height: 48px;
        margin: 8px 0;
        line-height: 48px
    }
}

@media screen and (min-width: 1280px) {
    .card.card-action .card__infographics .svg-icon,.card.card-action .card__infographics .card-icon {
        width:56px;
        height: 56px;
        line-height: 56px
    }
}

.card.card-action .card__infographics .svg-icon svg,.card.card-action .card__infographics .card-icon svg {
    width: 100%;
    height: 100%;
    fill: #275ce0
}

.card.card-action .card__infographics .card-icon {
    background-position: center;
    background-size: cover;
    transition: opacity .2s linear, -webkit-filter .2s linear, filter .2s linear;
    will-change: opacity, -webkit-filter, filter
}

.card.card-action .card__infographics .app-icon {
    padding-left: 0;
    border-radius: 50%
}

.card.card-action .card__content {
    position: relative;
    padding: 0 0 8px
}

@media screen and (min-width: 568px) {
    .card.card-action .card__content {
        padding:0 24px 8px 0
    }
}

@media screen and (min-width: 768px) {
    .card.card-action .card__content {
        padding:8px 24px 8px 0
    }
}

.card.card-action--alt {
    transition: box-shadow .2s linear, border-color .2s linear, background-color .2s linear
}

.card.card-action--alt .card__content {
    display: inline-block
}

.card.card-action--alt .card__cta {
    display: block
}

@media screen and (min-width: 768px) {
    .card.card-action--alt .card__infographics,.card.card-action--alt .card__content {
        display:table-cell;
        vertical-align: top
    }

    .card.card-action--alt .card__cta {
        display: table-cell;
        padding-top: 16px;
        padding-bottom: 16px;
        vertical-align: middle
    }

    .card.card-action--alt .card__cta .btn {
        margin-top: 0
    }
}

.card.card-action--alt:not(.action-element-hovered):hover {
    background: #e7f0f8;
    cursor: pointer;
    box-shadow: 0 1px 4px rgba(0,0,0,0.2)
}

.card.card-action--alt:not(.action-element-hovered):hover .btn-success {
    background-color: #0a8a35
}

.card.card-action--alt:not(.action-element-hovered):hover .btn-primary {
    background-color: #4774e5
}

.card.card-action--alt:not(.action-element-hovered):hover .btn-default {
    border-color: #1f4ab3;
    background-color: #fff;
    color: #0a1c2e
}

.card.card-action--alt:not(.action-element-hovered):active .btn-primary {
    background-color: #4774e5
}

.card.card-action--alt:not(.action-element-hovered):active .btn-default {
    border-color: #527de6;
    background-color: #e7f0f8;
    color: #0a1c2e
}

.card.card-action .card__text-indent {
    display: block;
    margin-bottom: 8px;
    padding-right: 20px
}

.card.card-action .card__text-indent:last-child {
    margin-bottom: 0;
    padding-right: 0
}

.card.card-action__edit-setting {
    font-weight: 600
}

.card.card-action__edit-setting-value {
    padding-right: 10px
}

.card.card-action--compact .card__content {
    padding: 0 0 8px
}

.card.card-action--compact .card__title {
    margin: 0 0 8px 0;
    font-size: 14px;
    line-height: 22px
}

@media screen and (min-width: 768px) {
    .card.card-action--compact .card__title {
        font-size:16px;
        line-height: 24px
    }
}

.card.card-action--compact .card__cta {
    padding: 8px 0
}

@media screen and (min-width: 768px) {
    .card.card-action--compact .card__cta {
        padding:8px 20px 8px 0
    }
}

.card.card-action--done {
    background-color: #e8ebed
}

.card.card-action--done .card__infographics .svg-icon svg {
    fill: #0cac42
}

.card:not(.card-action--alt) {
    transition: background-color .2s ease-out, border-color .2s ease-out;
    will-change: background-color, border-color
}

.card__edit-setting {
    font-weight: 600
}

.card__edit-setting-value {
    padding-right: 10px
}

.card.card-action[class*="card-state"] {
    border-width: 2px;
    border-style: solid;
    box-shadow: none;
    cursor: initial
}

.card.card-action[class*="card-state"] .card__inside {
    opacity: 1;
    width: 100%;
    max-height: 1000px;
    padding: 24px 24px 16px 30px;
    border-top: 1px solid transparent
}

@media screen and (min-width: 768px) {
    .card.card-action[class*="card-state"] .card__inside {
        display:table;
        padding: 32px 40px 24px 48px
    }
}

@media screen and (min-width: 1280px) {
    .card.card-action[class*="card-state"] .card__inside {
        padding-left:64px
    }
}

.card.card-action[class*="card-state"] .card__inside .card__content,.card.card-action[class*="card-state"] .card__inside .card_cta {
    display: inline-block;
    width: 100%
}

@media screen and (min-width: 768px) {
    .card.card-action[class*="card-state"] .card__inside .card__content,.card.card-action[class*="card-state"] .card__inside .card_cta {
        display:table-cell;
        vertical-align: middle
    }
}

.card.card-action[class*="card-state"] .card__inside .card__content {
    padding-top: 0
}

.card.card-action[class*="card-state"] .card__inside .card__cta {
    padding: 8px 0 0
}

@media screen and (min-width: 768px) {
    .card.card-action[class*="card-state"] .card__inside .card__cta {
        padding:14px 0 14px 22px
    }
}

.card.card-action[class*="card-state"] .card__inside .card__title {
    font-size: 16px;
    line-height: 24px
}

.choice-dialog.block-rows {
    margin: 0;
    text-align: left
}

.choice-dialog.block-rows .block-row {
    padding: 0
}

.choice-dialog.block-rows .block-row .block-row-form .radio .radio-label .fieldset__svg-icon {
    margin: 0
}

.choice-dialog .gwt-InlineLabel {
    font-size: 16px;
    line-height: 24px
}

.choice-dialog .fieldset__svg-icon {
    margin: 0
}

.choice-dialog .fieldset-container {
    max-width: 310px;
    margin-bottom: -11px
}

.choice-dialog .main-popup__buttons {
    padding-top: 32px
}

.choice-dialog .radio {
    transition: color .1s linear 0s, max-height .2s ease-out 0s, min-height .2s ease-out 0s
}

.choice-dialog .radio .fieldset .field__error {
    opacity: 0;
    max-height: 0;
    margin: 0;
    transition: max-height .15s ease, padding .1s ease, opacity .08s ease
}

.choice-dialog .radio .fieldset.has-error .field__error {
    opacity: 1;
    max-height: 30px;
    padding: 6px 3px 10px
}

.fb-messenger-settings .fieldset--page {
    display: block;
    max-width: 238px
}

@media screen and (min-width: 768px) {
    .fb-messenger-settings .fieldset--page {
        max-width:256px
    }
}

.fb-messenger-settings .btn-large {
    min-width: 238px;
    height: 40px;
    padding: 9px 12px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.45
}

.fb-messenger-settings .btn-large:focus {
    padding: 8px 11px
}

.fb-messenger-settings .btn-large .svg-icon {
    width: 22px
}

@media screen and (min-width: 768px) {
    .fb-messenger-settings .btn-large {
        min-width:256px;
        height: 48px;
        padding: 11px 16px;
        border-radius: 6px;
        font-size: 17px;
        line-height: 1.45
    }

    .fb-messenger-settings .btn-large:focus {
        padding: 10px 15px
    }

    .fb-messenger-settings .btn-large .svg-icon {
        width: 24px
    }
}

.fb-messenger-settings .btn.btn-responsive .svg-icon {
    height: 19px
}

.fb-messenger-settings .btn-responsive {
    height: auto
}

.fb-messenger-settings .fb-promo-description,.fb-messenger-settings .a-card {
    margin: 0 auto 48px
}

.fb-messenger-settings .popup-frame {
    z-index: 1
}

.fb-messenger-settings .alert {
    max-width: 980px;
    margin: 0 auto 16px;
    text-align: left
}

.fb-messenger-settings .feature-element__content .alert {
    margin: 0 0 16px
}

.fb-messenger-settings .fb-messenger-options {
    margin-bottom: 16px;
    font-size: 14px;
    text-align: center
}

@media screen and (min-width: 768px) {
    .fb-messenger-settings .fb-messenger-options {
        font-size:16px
    }
}

.fb-messenger-settings .a-card {
    max-width: 980px
}

.fb-message-preview {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #eceef0;
    position: relative
}

.fb-message-preview .muted {
    position: absolute;
    top: 8px;
    z-index: 2;
    font-size: 12px;
    text-align: center;
    width: 100%
}

.extra-action {
    display: flex;
    flex: 1 0 100%;
    margin-bottom: 36px;
    line-height: 1.5
}

.extra-action a {
    text-decoration: none
}

.extra-action--halfwidth {
    flex-grow: 0
}

@media screen and (min-width: 768px) {
    .extra-action {
        flex-basis:50%;
        min-width: 50%;
        word-wrap: break-word
    }
}

.extra-action__thumb {
    display: none;
    flex: 0 0 100px;
    margin-right: 30px
}

@media screen and (min-width: 768px) {
    .extra-action__thumb {
        display:block
    }
}

.extra-action__icon {
    display: block;
    width: 100px;
    color: #275ce0
}

.extra-action__icon svg {
    width: 100%;
    fill: currentColor
}

.extra-action__image {
    display: block;
    padding-top: 5px
}

.extra-action__image img {
    width: 100%;
    max-width: 100px;
    height: auto
}

.extra-action__info {
    flex: 1;
    padding: 0
}

@media screen and (min-width: 768px) {
    .extra-action__info {
        max-width:720px;
        padding: 0 40px 0 0
    }
}

.extra-action__title {
    margin: 0 0 .5em;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e
}

.extra-action__description {
    margin: 0 0 .5em;
    font-size: 14px;
    line-height: 22px
}

.extra-action__buttons {
    margin-top: 20px
}

.extra-action__buttons .btn {
    position: static;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 8px
}

.extra-action__buttons .btn+.extra-action__link {
    margin-bottom: 8px;
    vertical-align: middle
}

.extra-action__link {
    font-size: 12px;
    line-height: 18px;
    display: inline-block;
    text-decoration: none
}

@media screen and (min-width: 768px) {
    .extra-action__link {
        font-size:14px
    }
}

.extra-action__message {
    font-size: 12px;
    line-height: 18px;
    margin-top: .5em
}

@media screen and (min-width: 768px) {
    .extra-action__message {
        padding:40px 35px 12px;
        font-size: 14px
    }
}

.extra-actions--fullwidth {
    flex-wrap: wrap;
    max-width: none
}

.extra-actions--fullwidth .extra-action__info {
    flex-basis: 100%
}

@media screen and (min-width: 768px) {
    .extra-actions--fullwidth .extra-action__info {
        flex-basis:0
    }
}

@media screen and (min-width: 768px) {
    .extra-actions--fullwidth>.extra-action__buttons {
        margin-left:auto;
        padding-right: 24px
    }
}

.extra-actions-group {
    padding: 30px 15px 12px
}

.extra-actions-group__header {
    display: block;
    margin-bottom: 1em;
    font-size: 22px
}

@media screen and (min-width: 768px) {
    .extra-actions-group__header {
        font-size:28px
    }
}

.extra-actions-group__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.help-section {
    font-size: 12px;
    line-height: 18px;
    background: #e8ebed
}

@media screen and (min-width: 768px) {
    .help-section {
        font-size:14px
    }
}

.help-section,.help-section * {
    box-sizing: border-box
}

.help-section__container {
    max-width: 980px;
    margin: auto
}

@media screen and (min-width: 1024px) {
    .help-section__container {
        display:table;
        width: 100%;
        direction: rtl
    }
}

.help-section__text {
    padding-right: 0;
    padding-bottom: 0
}

@media screen and (min-width: 1024px) {
    .help-section__text {
        display:table-cell;
        width: 50%;
        padding-right: 75px;
        padding-bottom: 35px;
        vertical-align: middle;
        direction: ltr
    }
}

.help-section__text p {
    margin: 16px auto
}

.help-section__title {
    margin: 1em 0;
    font-size: 20px;
    text-align: center
}

@media screen and (min-width: 768px) {
    .help-section__title {
        font-size:22px;
        text-align: left
    }
}

.help-section__image {
    text-align: center;
    vertical-align: bottom
}

.help-section__image img {
    display: block;
    width: 100%;
    max-width: 455px;
    height: auto;
    margin: auto
}

@media screen and (min-width: 1024px) {
    .help-section__image {
        display:table-cell;
        width: 50%;
        padding-right: 20px;
        direction: ltr
    }
}

.help-section__action {
    margin-bottom: 30px
}

.help-section__action a {
    display: block;
    margin-top: 10px;
    margin-right: 30px;
    text-decoration: none
}

@media screen and (min-width: 568px) {
    .help-section__action a {
        display:inline-block;
        margin-top: 0
    }
}

.my-stores-store {
    position: relative;
    padding: 16px 48px 16px 24px;
    transition: background-color .1s linear;
    cursor: pointer
}

.my-stores-store .store-title {
    word-wrap: break-word;
    font-size: 14px;
    line-height: 22px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e
}

.my-stores-store .store-id {
    color: #607385;
    font-size: 12px;
    line-height: 18px
}

.my-stores-store::after {
    content: '';
    position: absolute;
    top: 38%;
    right: 16px;
    width: 10px;
    height: 17px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 17'%3E%3Cpath fill='%23808f9d' d='M7.3 8.5L1 14.8c-.4.4-.4 1.1 0 1.6.4.4 1.1.4 1.6 0l6.8-6.8c.7-.7.7-1.5 0-2.2L2.6.6C2.1.2 1.4.2 1 .6c-.4.5-.4 1.2 0 1.6l6.3 6.3z'/%3E%3C/svg%3E") center top no-repeat
}

.my-stores-store:hover {
    background-color: #eceef0
}

.my-stores-store:hover::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 17'%3E%3Cpath fill='%231b409d' d='M7.3 8.5L1 14.8c-.4.4-.4 1.1 0 1.6.4.4 1.1.4 1.6 0l6.8-6.8c.7-.7.7-1.5 0-2.2L2.6.6C2.1.2 1.4.2 1 .6c-.4.5-.4 1.2 0 1.6l6.3 6.3z'/%3E%3C/svg%3E")
}

.my-stores-store:hover:active {
    background-color: #e7f0f8
}

.my-stores-list {
    overflow-x: scroll;
    max-height: 500px
}

.my-stores-store+.my-stores-store,.my-stores-store+.my-stores-list {
    border-top: 1px solid #bfc7ce
}

.my-stores-store--active {
    padding-top: 24px;
    padding-bottom: 24px;
    cursor: default
}

.my-stores-store--active .store-title {
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e
}

@media screen and (min-width: 768px) {
    .my-stores-store--active .store-id {
        font-size:14px;
        line-height: 22px
    }
}

.my-stores-store--active::after {
    top: 38%;
    width: 22px;
    height: 22px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.6508 2.7408c.4193.3594.4679.9907.1085 1.41l-9 10.5c-.3791.4423-1.0545.4682-1.4664.0563l-5-5c-.3905-.3905-.3905-1.0237 0-1.4142.3905-.3905 1.0237-.3905 1.4142 0l4.2364 4.2364 8.2972-9.68c.3595-.4194.9908-.468 1.4101-.1085z' fill='%230cac42'/%3E%3C/svg%3E") center top no-repeat;
    background-size: contain
}

.my-stores-store--active:hover {
    background-color: white
}

.my-stores-store--active:hover::after {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.6508 2.7408c.4193.3594.4679.9907.1085 1.41l-9 10.5c-.3791.4423-1.0545.4682-1.4664.0563l-5-5c-.3905-.3905-.3905-1.0237 0-1.4142.3905-.3905 1.0237-.3905 1.4142 0l4.2364 4.2364 8.2972-9.68c.3595-.4194.9908-.468 1.4101-.1085z' fill='%230cac42'/%3E%3C/svg%3E") center top no-repeat
}

.multiadmin-profile {
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
    vertical-align: middle
}

@media screen and (min-width: 1024px) {
    .multiadmin-profile {
        width:34px;
        height: 34px;
        line-height: 34px
    }

    .multiadmin-profile .multiadmin-profile__abbr {
        font-size: 14px
    }
}

.multiadmin-profile .multiadmin-profile__abbr {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    text-transform: uppercase
}

.multiadmin-profile .multiadmin-profile__img {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%
}

.multiadmin-profile .multiadmin-profile__abbr>span,.multiadmin-profile .multiadmin-profile__img>img {
    max-width: 100%;
    max-height: 100%
}

.header .multiadmin-profile {
    position: relative;
    cursor: pointer;
    -webkit-mask-image: -webkit-radial-gradient(#fff, #000)
}

.header .multiadmin-profile::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    background-color: black;
    transition: opacity .1s ease-out, background-color .1s ease-out, box-shadow .1s ease-out, transform .1s ease-out
}

.header .multiadmin-profile:hover::after {
    opacity: .15
}

.header .horizontal-icolink:focus .multiadmin-profile::after {
    opacity: .15
}

.store-team .multiadmin-profile {
    line-height: 28px
}

@media screen and (min-width: 768px) {
    .store-team .multiadmin-profile {
        line-height:48px
    }
}

@media screen and (min-width: 1280px) {
    .store-team .multiadmin-profile {
        line-height:56px
    }
}

.store-team .multiadmin-profile .multiadmin-profile__abbr {
    font-size: 12px
}

@media screen and (min-width: 768px) {
    .store-team .multiadmin-profile .multiadmin-profile__abbr {
        font-size:24px
    }
}

.store-team .main-popup__text {
    padding: 0
}

.store-team .popup-enter-email {
    margin-bottom: 32px
}

.store-team .popup-enter-email .main-popup__subtitle {
    margin-bottom: 8px;
    text-align: left;
    font-size: 14px;
    line-height: 22px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600)
}

@media (min-width: 640px) {
    .store-team .popup-enter-email .main-popup__subtitle {
        font-size:16px;
        line-height: 26px
    }
}

.store-team .popup-enter-email .fieldset {
    width: 100%
}

.settingline {
    position: relative;
    border-top: 1px solid #bfc7ce
}

.settingline--noborder {
    border-top-color: transparent
}

.settingline--noborder .settingline__inner {
    padding-top: 0
}

@media screen and (max-width: 767px) {
    .settingline .checkbox.big {
        height:24px
    }

    .settingline .checkbox.big>div {
        width: 40px;
        height: 24px
    }

    .settingline .checkbox.big>div::before,.settingline .checkbox.big>div::after {
        display: none
    }

    .settingline .checkbox.big>div>div {
        width: 20px;
        height: 20px
    }

    .settingline .checkbox.big input {
        width: 40px
    }

    .settingline .checkbox.big input:checked+div>div {
        margin-left: 16px
    }
}

.settingline__inner {
    padding: 16px 0
}

@media screen and (min-width: 768px) {
    .settingline__inner {
        display:-ms-flexbox;
        display: flex;
        padding: 24px 8px 24px 0
    }
}

.settingline__icon-container {
    display: none;
    flex: 0 0 100px;
    margin-right: 28px
}

@media screen and (min-width: 768px) {
    .settingline__icon-container {
        display:block
    }
}

.settingline__icon-container svg {
    max-width: 100px;
    max-height: 100px
}

.settingline__body-container {
    flex-grow: 1;
    padding: 0
}

@media screen and (min-width: 768px) {
    .settingline__body-container {
        display:flex;
        padding: 0 24px 8px 0
    }
}

.settingline__toggle-container {
    display: block;
    position: absolute;
    top: 16px;
    right: 0;
    padding: 0 0 8px 0
}

@media screen and (min-width: 768px) {
    .settingline__toggle-container {
        position:static;
        padding: 8px 24px 16px 10px;
        text-align: right
    }
}

@media screen and (max-width: 767px) {
    .settingline__toggle-container .checkbox {
        height:24px
    }

    .settingline__toggle-container .checkbox>div {
        width: 40px;
        height: 24px
    }

    .settingline__toggle-container .checkbox>div::before,.settingline__toggle-container .checkbox>div::after {
        display: none
    }

    .settingline__toggle-container .checkbox>div>div {
        width: 20px;
        height: 20px
    }

    .settingline__toggle-container .checkbox input {
        width: 40px
    }

    .settingline__toggle-container .checkbox input:checked+div>div {
        margin-left: 16px
    }
}

.settingline__body {
    flex-grow: 1
}

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

@media screen and (min-width: 768px) {
    .settingline__controls {
        flex-wrap:nowrap;
        padding: 4px 0 0 20px
    }
}

.settingline__controls .btn.btn-dropdown {
    border-radius: 6px
}

.settingline__controls .btn+.btn-group {
    margin-left: 8px
}

.settingline__toggle-control {
    display: block;
    position: absolute;
    top: 16px;
    right: 0;
    padding: 0 0 8px 0
}

@media screen and (min-width: 768px) {
    .settingline__toggle-control {
        position:static;
        padding: 8px 24px 16px 10px;
        text-align: right
    }
}

.settingline__icon {
    margin-top: 4px;
    text-align: center
}

.settingline__title {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e;
    padding-right: 70px
}

@media screen and (min-width: 768px) {
    .settingline__title {
        padding-right:0;
        font-size: 22px
    }
}

.settingline__subtitle {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e
}

.settingline__text {
    font-size: 14px;
    line-height: 22px;
    max-width: 720px;
    margin-bottom: 16px
}

.a-card .settingline {
    border-top: none;
    border-bottom: none
}

.a-card .settingline,.a-card .settingline__inner {
    padding: 0
}

.a-card .settingline__title {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600
}

@media screen and (min-width: 768px) {
    .a-card .settingline__title {
        font-size:16px
    }
}

.a-card .settingline__subtitle {
    margin-bottom: 0
}

.a-card .settingline__text {
    margin-bottom: 0
}

.a-card .settingline .settingline__toggle-control {
    top: 0;
    padding-top: 0;
    padding-right: 0
}

.feature-element__provided-icon {
    height: 19px;
    margin-left: 4px;
    vertical-align: -2px
}

.feature-element__provided-icon img {
    display: inline-block
}

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

.app-setup .fieldset-group {
    margin-bottom: 40px
}

.app-setup .fieldset-group .fieldset {
    max-width: 320px
}

.app-setup .fieldset-title {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e
}

.app-setup .fieldset-subgroup--title {
    margin-bottom: 24px
}

.abandoned-orders-list .list-item__info {
    flex-basis: 65%
}

@media screen and (min-width: 568px) {
    .abandoned-orders-list .list-item__info {
        flex-basis:60%
    }
}

@media screen and (min-width: 768px) {
    .abandoned-orders-list .list-item__info {
        flex-basis:65%
    }
}

.abandoned-orders-list .list-item__actions {
    flex-basis: 35%
}

@media screen and (min-width: 568px) {
    .abandoned-orders-list .list-item__actions {
        flex-basis:40%
    }
}

@media screen and (min-width: 768px) {
    .abandoned-orders-list .list-item__actions {
        flex-basis:35%
    }
}

.abandoned-orders-list .list-dropdown ul {
    min-width: 128px
}

.abandoned-orders-list .svg-icon {
    margin-right: 2px;
    vertical-align: -4px
}

.abandoned-status {
    display: inline-block;
    margin-top: 4px;
    transition: color 150ms ease-out
}

.abandoned-status--sent {
    color: #607385
}

.abandoned-status--shedulled {
    color: #f9a650
}

.abandoned-status--notsent {
    color: #f9a650
}

.abandoned-status--recovered {
    color: #0cac42
}

.abandoned-status--marketingnotaccepted {
    color: #607385
}

.abandoned-status--manual {
    color: #275ce0
}

.abandoned-status.order__price {
    margin-top: 0
}

.abandoned-status.order__status {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400
}

.status-animated--out {
    opacity: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    transition: opacity 350ms ease-out, -webkit-transform 350ms ease-out;
    transition: transform 350ms ease-out, opacity 350ms ease-out;
    transition: transform 350ms ease-out, opacity 350ms ease-out, -webkit-transform 350ms ease-out
}

.status-animated--in {
    position: absolute;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: opacity 350ms ease-out, -webkit-transform 350ms ease-out;
    transition: transform 350ms ease-out, opacity 350ms ease-out;
    transition: transform 350ms ease-out, opacity 350ms ease-out, -webkit-transform 350ms ease-out
}

.status-animated.status-animated--out {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.status-animated.status-animated--in {
    opacity: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.abandoned--recovered .abandoned-cart__number {
    color: #607385
}

.abandoned--recovered .abandoned__email a {
    color: #607385
}

.abandoned--recovered .abandoned__date {
    color: #607385
}

.abandoned__features {
    margin-bottom: 50px
}

.abandoned__features h2 {
    text-align: center
}

.abandoned__footer {
    margin-bottom: 95px;
    text-align: center
}

.abandoned__footer h3 {
    font-weight: 300
}

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

.abandoned__footer a {
    text-decoration: none
}

.abandoned-popup-panel {
    font-size: 14px;
    line-height: 22px;
    text-align: left
}

.abandoned-popup-panel .svg-icon {
    margin-right: 2px;
    vertical-align: -4px
}

.send-email-form .list-item-details--expanded .order-product__description,.send-email-form .order-products-list--expanded .order-product__description {
    font-size: 12px;
    line-height: 18px
}

.send-email-form .order-products-list {
    overflow: hidden;
    flex-wrap: initial
}

.send-email-form .order-products-list:not(.order-products-list--expanded) .order-product {
    flex: 0 0 auto;
    flex-basis: initial
}

.send-email-form .order-product__thumbnail {
    flex-basis: 48px;
    max-width: 48px;
    height: 48px
}

.send-email-form .abandoned__info {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 18px
}

.send-email-form__input-group {
    display: flex;
    align-items: center;
    margin-bottom: 16px
}

.send-email-form__label {
    flex: 0 0 60px;
    padding-right: 16px
}

.send-email-form__input {
    flex: 1;
    padding-bottom: 8px
}

.send-email-form__textarea {
    display: block;
    width: 100%;
    min-height: 100px;
    margin-top: 4px
}

.send-email-form__textarea.form-control {
    font-size: 14px;
    line-height: 22px
}

.send-email-form__discount-recommendation {
    margin-top: 4px;
    margin-bottom: 16px
}

.send-email-form__predefined {
    flex: 1;
    width: 100%
}

.send-email-form__predefined b {
    font-weight: 600
}

.send-email-form__products {
    display: inline-block;
    height: 48px;
    margin-right: 16px;
    vertical-align: middle
}

.send-email-form__products img {
    max-height: 100%
}

.send-email-form__total {
    display: inline-block;
    vertical-align: middle
}

.abandoned-popup-panel__upgrade {
    font-size: 14px;
    line-height: 22px
}

.abandoned-popup-panel__upgrade .svg-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    padding-top: .1em;
    padding-right: .2em;
    vertical-align: top
}

.abandoned-popup-panel__upgrade .svg-icon svg {
    width: 100%;
    height: 100%;
    fill: #f9a650
}

.abandoned-free-plan .btn-large {
    min-width: 238px;
    height: 40px;
    padding: 9px 12px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.45
}

@media screen and (min-width: 768px) {
    .abandoned-free-plan .btn-large {
        min-width:256px;
        height: 48px;
        padding: 11px 16px;
        border-radius: 6px;
        font-size: 17px;
        line-height: 1.45
    }
}

.abandoned-free-plan .fb-promo-description {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    margin: 0 auto 48px;
    padding: 0
}

@media screen and (min-width: 768px) {
    .abandoned-free-plan .fb-promo-description {
        overflow:hidden;
        max-width: 970px
    }
}

.abandoned-free-plan .fb-promo-description-image {
    float: none;
    padding: 0;
    text-align: center
}

@media screen and (min-width: 768px) {
    .abandoned-free-plan .fb-promo-description-image {
        width:50%;
        margin-bottom: 0;
        padding-right: 16px
    }
}

.abandoned-cart__number,.abandoned-cart__email {
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    padding-right: 8px;
    vertical-align: bottom;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e
}

@media screen and (min-width: 568px) {
    .abandoned-cart__number,.abandoned-cart__email {
        font-size:20px;
        line-height: 28px
    }
}

@media screen and (min-width: 768px) {
    .abandoned-cart__number,.abandoned-cart__email {
        font-size:24px;
        line-height: 30px
    }
}

.abandoned-cart__number>a,.abandoned-cart__email>a {
    display: block;
    overflow: hidden;
    color: #275ce0;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color 150ms ease-out
}

.abandoned-cart__number>a:visited,.abandoned-cart__email>a:visited {
    color: #275ce0
}

.abandoned-cart__date {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    margin: 4px 8px 4px 0
}

.abandoned-sales .smart-row {
    max-width: 980px;
    margin-bottom: 24px
}

.abandoned-sales--empty {
    padding-bottom: 80px
}

.abandoned-sales--empty .abandoned-sales__total-recovered {
    font-weight: 600
}

.abandoned-sales--empty .page-placeholder {
    padding: 20px
}

.abandoned-sales--empty .page-placeholder__image {
    max-width: none;
    height: 200px
}

.abandoned-sales--empty .page-placeholder__image img,.abandoned-sales--empty .page-placeholder__image svg {
    max-height: 100%
}

.abandoned-sales__helplink {
    margin-bottom: 16px
}

@media screen and (min-width: 768px) {
    .abandoned-sales__helplink {
        margin-bottom:24px
    }
}

.abandoned-sales__total {
    max-width: 600px;
    margin-bottom: 16px
}

@media screen and (min-width: 768px) {
    .abandoned-sales__total {
        margin-bottom:24px
    }
}

.abandoned-sales-statistics {
    display: flex
}

.abandoned-sales-statistics__column {
    flex: 0 1 auto;
    padding-right: 48px
}

@media screen and (min-width: 768px) {
    .abandoned-sales-statistics__column {
        padding-right:80px
    }
}

.abandoned-sales-statistics__column--green {
    color: #0cac42
}

.abandoned-sales-statistics__column--blue {
    color: #275ce0
}

.abandoned-sales-statistics__label {
    color: #607385;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase
}

.abandoned-sales-statistics__value {
    color: inherit;
    font-size: 24px;
    line-height: 34px
}

@media screen and (min-width: 768px) {
    .abandoned-sales-statistics__value {
        font-size:40px;
        line-height: 50px
    }
}

.section {
    margin-bottom: 40px
}

@media screen and (min-width: 768px) {
    .section {
        margin-bottom:64px
    }
}

@media screen and (min-width: 1280px) {
    .section--inverted-header-color .iconable-link,.section--inverted-header-color .section__title {
        color:#fff
    }
}

.section--on-color-background {
    margin-bottom: 16px
}

.section__header {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between
}

.section__title {
    position: relative;
    padding-left: 16px;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e
}

@media screen and (min-width: 768px) {
    .section__title {
        padding-left:0
    }
}

@media screen and (min-width: 1280px) {
    .section__title--inverted-color {
        color:#fff
    }
}

.section__title--show-on-desktop-only {
    display: none
}

@media screen and (min-width: 1280px) {
    .section__title--show-on-desktop-only {
        display:block
    }
}

.section__action {
    align-self: center
}

@media screen and (min-width: 1280px) {
    .ecwid-vertical-menu .section--on-color-background {
        min-height:322px;
        margin-bottom: 16px
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-no-menu .section--on-color-background {
        min-height:322px;
        margin-bottom: 16px
    }
}

.settings-panel-row {
    overflow: hidden;
    max-width: 980px;
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 22px
}

.settings-panel-row .fieldLabel {
    box-sizing: border-box;
    margin: 4px 0;
    padding-right: 24px;
    font-weight: 600;
    white-space: normal;
    font-size: 14px;
    line-height: 22px
}

@media screen and (min-width: 768px) {
    .settings-panel-row .fieldLabel {
        float:left;
        width: 50%
    }
}

.settings-panel-row .settings-panel-value {
    max-width: 400px
}

@media screen and (min-width: 768px) {
    .settings-panel-row .settings-panel-value {
        float:left;
        width: 50%
    }
}

.settings-panel-row .settings-panel-value select {
    width: 100%;
    border: 1px solid #808f9d;
    background-color: #f9f9fa
}

.settings-panel-row .settings-panel-value table,.settings-panel-row .settings-panel-value table input,.settings-panel-row .settings-panel-value input {
    width: 100%
}

.settings-panel-row .settings-panel-row .settings-panel-row__text {
    margin-left: 16px
}

.settings-panel-row .example-panel {
    position: relative;
    box-sizing: border-box;
    max-width: 400px;
    padding: 8px 16px;
    background-color: #e8ebed;
    text-align: center
}

@media screen and (min-width: 768px) {
    .settings-panel-row .example-panel {
        max-width:none
    }
}

.settings-panel-row .example-panel__note {
    display: block;
    color: #607385;
    font-size: 12px;
    line-height: 18px
}

.settings-panel-row__title {
    margin-bottom: 16px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600)
}

.settings-panel-row__wrapper {
    overflow: hidden
}

.settings-panel-row__info {
    box-sizing: border-box;
    margin: 4px 0;
    padding-right: 24px;
    white-space: normal;
    font-size: 14px;
    line-height: 22px
}

@media screen and (min-width: 768px) {
    .settings-panel-row__info {
        float:left;
        width: 50%
    }
}

.settings-panel-row__label {
    margin-bottom: 4px;
    font-weight: 600
}

.settings-panel-row__label-icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 4px;
    vertical-align: top
}

.settings-panel-row__label-icon svg {
    width: 100%;
    height: 100%
}

@media screen and (max-width: 767px) {
    .settings-panel-row__text {
        margin-bottom:16px
    }
}

.settings-panel-row__value {
    max-width: 400px
}

@media screen and (min-width: 768px) {
    .settings-panel-row__value {
        float:left;
        width: 50%
    }
}

.settings-panel-row__value select {
    width: 100%;
    max-width: 400px;
    border: 1px solid #808f9d;
    background-color: #f9f9fa
}

.settings-panel-row__value table,.settings-panel-row__value table input,.settings-panel-row__value input {
    width: 100%
}

.settings-panel-row__value .EcwidEnableToggle {
    padding: 3px 0
}

.settings-panel-value__col {
    display: inline-block;
    margin-bottom: 4px
}

.settings-panel-row__inner {
    margin: 6px 0;
    padding: 16px 0;
    border-top: 1px solid #bfc7ce;
    border-bottom: 1px solid #bfc7ce
}

.settings-block {
    overflow: hidden
}

.settings-block .fieldLabel {
    font-size: 14px
}

.settings-block__titles {
    margin-bottom: 16px
}

.settings-block__title {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--headers-font-weight, 700);
    color: #0a1c2e
}

@media screen and (min-width: 768px) {
    .settings-block__title {
        font-size:20px;
        line-height: 28px
    }
}

.settings-block__subtitle {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px
}

.settings-block__text {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px
}

.settings-block__text>p {
    margin: 0 0 8px
}

.settings-block__text>b,.settings-block__text>strong {
    font-weight: 600
}

.settings-block__texts {
    margin-bottom: 16px
}

.settings-block__cta {
    margin-bottom: 16px
}

.swappable {
    display: flex;
    flex-direction: column
}

.swappable.swap-3-4 :nth-child(-n+2) {
    order: 1
}

.swappable.swap-3-4 :nth-child(3) {
    order: 4
}

.swappable.swap-3-4 :nth-child(4) {
    order: 3
}

.swappable.swap-3-4 :nth-child(n+5) {
    order: 100
}

.swappable.swap-2-3 :nth-child(-n+1) {
    order: 1
}

.swappable.swap-2-3 :nth-child(2) {
    order: 3
}

.swappable.swap-2-3 :nth-child(3) {
    order: 2
}

.swappable.swap-2-3 :nth-child(n+4) {
    order: 100
}

.general-settings {
    padding-top: 6px;
    padding-bottom: 16px
}

.general-settings .backgroundedPanel {
    margin-bottom: 16px
}

.general-settings .fieldLabel {
    margin-bottom: 16px;
    white-space: normal;
    font-size: 14px;
    line-height: 22px
}

.general-settings .backend-EcwidTip {
    margin-top: 4px;
    line-height: 1.6
}

.general-settings .SystemSettings-storeClosedLabel,.general-settings .SystemSettings-storeOpenLabel,.general-settings .store-open-ips {
    display: inline-block;
    vertical-align: middle
}

.general-settings .SystemSettings-storeClosedLabel,.general-settings .SystemSettings-storeOpenLabel {
    margin-right: 24px
}

.general-settings .SystemSettings-storeClosedLabel {
    margin-top: -8px;
    margin-bottom: 8px
}

.general-settings .store-open-ips textarea {
    min-width: 240px;
    border: 1px solid #808f9d
}

.general-settings .card-icon.done i {
    color: #0cac42
}

.general-settings .card-icon.done i::after {
    content: "\e00f";
    position: absolute;
    top: -8px;
    right: -8px;
    color: #0cac42;
    font-family: 'font_icons', sans-serif;
    font-size: 10px;
    font-style: normal;
    line-height: 1
}

.general-settings .card-icon i {
    display: block;
    position: relative;
    color: #275ce0;
    font-size: 46px;
    font-style: normal
}

@media screen and (max-width: 767px) {
    .general-settings .card-icon i {
        font-size:27px
    }
}

@media screen and (min-width: 768px) {
    .general-settings .settings-panel-row__info {
        width:30%;
        max-width: 196px
    }
}

@media screen and (min-width: 768px) {
    .general-settings .settings-panel-row__value {
        width:70%;
        max-width: 300px
    }
}

.general-settings .settings-block {
    max-width: 400px
}

@media screen and (min-width: 768px) {
    .general-settings .settings-block {
        max-width:496px
    }
}

.formats-and-units {
    margin: 0 0 32px;
    padding-top: 6px
}

@media screen and (min-width: 768px) {
    .formats-and-units .cards-set {
        display:flex;
        justify-content: space-between
    }
}

@media screen and (min-width: 768px) {
    .formats-and-units .cards-set__wrapper {
        flex:1 0 50%;
        max-width: calc(50% - 8px)
    }
}

.formats-and-units .ecwid-fieldEnvelope {
    margin-bottom: 8px
}

.formats-and-units .currency-rate-calc {
    margin-top: 8px
}

.formats-and-units .EcwidEnableToggle {
    line-height: 20px
}

.formats-and-units .EcwidEnableToggle .ImageContainer-enabled,.formats-and-units .EcwidEnableToggle .ImageContainer-disabled {
    box-sizing: content-box
}

.formats-and-units .fieldText {
    font-size: 14px;
    line-height: 22px
}

.formats-and-units .text-small.muted {
    margin-top: 4px
}

.cart-settings {
    padding-top: 6px
}

.cart-settings .fieldLabel-disabled {
    font-size: 14px;
    font-weight: 600
}

.cart-settings .backend-TitledPanel {
    background-color: transparent
}

.cart-settings .backend-TitledPanel .backend-TitledPanel-headerBlock {
    background-color: transparent
}

.cart-settings .backend-TitledPanel .backend-TitledPanel-header {
    display: none
}

.cart-settings .backend-TitledPanel .backend-TitledPanel-buttonContainer {
    margin: 0 0 16px 0
}

.cart-settings .backend-TitledPanel .backend-TitledPanel-content {
    padding: 0;
    background-color: transparent
}

.cart-settings .settings-panel__hint {
    display: inline-block;
    position: relative;
    color: #275ce0
}

.cart-settings .settings-panel__hint .ecwid-EcwidHintingLink {
    vertical-align: text-bottom;
    font-size: 14px;
    line-height: 22px
}

.cart-settings .settings-panel-row {
    margin-bottom: 24px
}

@media screen and (min-width: 768px) {
    .cart-settings .settings-panel-row__info {
        width:282px
    }
}

@media screen and (min-width: 1024px) {
    .cart-settings .settings-panel-row__info {
        width:338px
    }
}

@media screen and (min-width: 1280px) {
    .cart-settings .settings-panel-row__info {
        width:392px
    }
}

@media screen and (min-width: 768px) {
    .cart-settings .settings-panel-row__value {
        width:calc(100% - 282px)
    }
}

@media screen and (min-width: 1024px) {
    .cart-settings .settings-panel-row__value {
        width:calc(100% - 338px)
    }
}

@media screen and (min-width: 1280px) {
    .cart-settings .settings-panel-row__value {
        width:calc(100% - 392px)
    }
}

@media screen and (min-width: 1024px) {
    .cart-settings .settings-panel-row__value {
        white-space:nowrap
    }

    .cart-settings .settings-panel-row__value .gwt-ListBox {
        margin-right: 16px
    }
}

.cart-settings .settings-panel-row__value .cart-settings-select+.settings-panel__hint {
    top: 5px
}

@media screen and (min-width: 1024px) {
    .cart-settings .settings-panel-row__value .cart-settings-select+.settings-panel__hint {
        top:3px;
        white-space: nowrap
    }
}

@media screen and (min-width: 768px) {
    .cart-settings .settings-panel-row__value .cart-settings-text {
        margin-top:4px
    }
}

.cart-settings .settings-panel-row__value .cart-settings-hint {
    display: inline-block;
    vertical-align: text-bottom
}

.cart-settings .settings-panel-row__value .checkbox {
    margin-right: 16px
}

.cart-settings .settings-panel-row__value .checkbox+.cart-settings-hint,.cart-settings .settings-panel-row__value .checkbox+.settings-panel__hint {
    top: 5px
}

.cart-settings .settings-panel-row__label {
    margin-bottom: 8px
}

.cart-settings .backend-EcwidTip {
    margin-top: 4px
}

.cart-settings .backend-EcwidTip__preset {
    display: inline-block;
    border-bottom: 1px dotted #bfc7ce;
    cursor: pointer
}

.cart-settings .example-panel__content {
    box-sizing: border-box;
    min-height: 90px;
    padding: 16px 0 0
}

.cart-settings .preview-row__was,.cart-settings .preview-row__save {
    color: #607385;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px
}

.cart-settings .preview-row__was-price {
    text-decoration: line-through
}

.cart-settings .settings-cart__compare-price {
    box-sizing: border-box
}

@media screen and (min-width: 768px) {
    .cart-settings .settings-cart__compare-price {
        float:left
    }

    .cart-settings .settings-cart__compare-price--info {
        width: 65%;
        padding-right: 24px
    }

    .cart-settings .settings-cart__compare-price--preview {
        width: 35%
    }
}

@media screen and (min-width: 768px) {
    .cart-settings .settings-cart__compare-price .settings-panel-row__info {
        width:40%
    }
}

@media screen and (min-width: 768px) {
    .cart-settings .settings-cart__compare-price .settings-panel-row__value {
        width:60%
    }
}

.cart-settings .settings-cart__favorites .upgrade-container {
    margin-bottom: 16px
}

.cart-settings .settings-cart__favorites .settings-panel-row__label {
    margin-bottom: 0
}

.cart-settings .settings-cart__favorites .settings-panel-row__value {
    width: auto;
    max-width: none
}

.cart-settings .settings-cart__order-id {
    margin-bottom: 24px
}

.cart-settings .settings-cart__order-id .next-order-id__number {
    font-size: 16px;
    line-height: 24px;
    color: #0cac42
}

.cart-settings .settings-cart__order-id .form-control__title {
    margin-bottom: 4px
}

.cart-settings .settings-cart__order-id .settings-panel-row {
    margin-bottom: 0
}

.cart-settings .settings-cart__order-id .order-id-settings .input-box-row,.cart-settings .settings-cart__order-id .order-id-settings .input-errors-row {
    overflow: hidden
}

@media screen and (min-width: 768px) {
    .cart-settings .settings-cart__order-id .order-id-settings .input-box-row,.cart-settings .settings-cart__order-id .order-id-settings .input-errors-row {
        display:flex;
        display: -ms-flexbox;
        align-items: flex-end;
        justify-content: space-between;
        -ms-flex-pack: justify
    }
}

.cart-settings .settings-cart__order-id .order-id-settings .settings-panel-row__value {
    max-width: 600px
}

.cart-settings .settings-cart__order-id .order-id-settings .input-info__item {
    display: inline
}

.cart-settings .settings-cart__order-id .order-id-settings .input-info__field {
    display: inline-block;
    width: 110px;
    margin-right: -40px;
    vertical-align: top
}

.cart-settings .settings-cart__order-id .order-id-settings .input-info__field .form-control {
    width: 70px
}

.cart-settings .settings-cart__order-id .order-id-settings .msg {
    font-size: 12px;
    line-height: 18px;
    margin: 4px 0 0
}

.cart-settings .settings-cart__order-id .order-id-settings .msg--desktop {
    display: none
}

@media screen and (min-width: 768px) {
    .cart-settings .settings-cart__order-id .order-id-settings .msg--desktop {
        display:block
    }
}

@media screen and (min-width: 768px) {
    .cart-settings .settings-cart__order-id .order-id-settings .msg--mobile {
        display:none
    }
}

.cart-settings .settings-cart__order-id .order-id__prefix-col,.cart-settings .settings-cart__order-id .order-id__suffix-col {
    display: block;
    width: 100%;
    max-width: 480px;
    margin: 0 0 16px 0
}

@media screen and (min-width: 768px) {
    .cart-settings .settings-cart__order-id .order-id__prefix-col,.cart-settings .settings-cart__order-id .order-id__suffix-col {
        width:25%;
        margin: 0
    }
}

.cart-settings .settings-cart__order-id .order-id__number-col {
    display: block;
    width: 100%;
    max-width: 480px;
    margin: 0 0 16px 0
}

@media screen and (min-width: 768px) {
    .cart-settings .settings-cart__order-id .order-id__number-col {
        width:50%;
        margin: 0;
        padding: 0 8px
    }
}

.cart-settings .settings-cart__order-id .form-control__bubble {
    padding-top: 10px
}

.cart-settings .settings-cart__order-id .form-control__bubble--desktop {
    display: none
}

@media screen and (min-width: 768px) {
    .cart-settings .settings-cart__order-id .form-control__bubble--desktop {
        display:block
    }
}

@media screen and (min-width: 768px) {
    .cart-settings .settings-cart__order-id .form-control__bubble--mobile {
        display:none
    }
}

.cart-settings .settings-cart__order-id .bubble {
    position: relative;
    z-index: 10;
    max-width: none
}

.cart-settings .settings-cart__order-id .bubble .bubble-info {
    animation: none
}

.cart-settings .settings-cart__order-id .btn-container {
    clear: both;
    padding-top: 16px
}

.cart-settings .gwt-TextBox-error {
    border-color: #f43c36
}

.cart-settings .settings-controls .checkbox {
    margin-right: 24px;
    margin-bottom: 5px
}

.cart-settings .settings-controls__buttons {
    display: inline-block
}

.cart-settings .settings-cart__order-limits .upgrade-container {
    margin-top: 8px
}

.cart-settings .settings-cart__egoods {
    position: relative
}

.cart-settings .settings-cart__egoods .settings-cart__egoods-link {
    font-size: 14px;
    line-height: 22px;
    max-width: 600px;
    margin-bottom: 16px
}

.cart-settings .settings-cart__egoods .upgrade-container {
    margin-top: 8px
}

.cart-settings .settings-cart__newsletters {
    position: relative
}

.cart-settings .settings-cart__newsletters .settings-cart__newsletters-description {
    font-size: 14px;
    line-height: 22px;
    max-width: 600px;
    margin-bottom: 16px
}

.cart-settings .settings-cart__newsletters .upgrade-container {
    margin-top: 8px
}

.cart-settings .checkbox {
    margin-top: 4px
}

.cart-settings .form-control-readonly,.cart-settings .gwt-TextBox-readonly,.cart-settings input[disabled] {
    opacity: .4
}

.cart-settings .checkbox input[disabled] {
    opacity: 0
}

.cart-settings .feature-element {
    max-width: none
}

.popupContent .cart-payment-tip,.popupContent .cart-settings-tip {
    max-width: 350px
}

.legal-pages-settings {
    margin-top: 6px
}

.legal-pages-settings .legal-pages-list__item {
    margin-bottom: 24px
}

@media screen and (min-width: 568px) {
    .legal-pages-settings .legal-pages-list__item {
        display:table;
        width: 100%;
        min-height: 32px;
        margin-bottom: 8px
    }
}

.legal-pages-settings .legal-pages-list__label,.legal-pages-settings .legal-pages-list__edit,.legal-pages-settings .legal-pages-list__toggle {
    margin: 0 0 8px 16px
}

@media screen and (min-width: 568px) {
    .legal-pages-settings .legal-pages-list__label,.legal-pages-settings .legal-pages-list__edit,.legal-pages-settings .legal-pages-list__toggle {
        display:table-cell;
        margin: 0;
        vertical-align: middle
    }
}

@media screen and (min-width: 568px) {
    .legal-pages-settings .legal-pages-list__label {
        width:30%
    }
}

@media screen and (min-width: 768px) {
    .legal-pages-settings .legal-pages-list__label {
        width:30%
    }
}

@media screen and (min-width: 568px) {
    .legal-pages-settings .legal-pages-list__edit {
        width:30%;
        text-align: right
    }
}

@media screen and (min-width: 768px) {
    .legal-pages-settings .legal-pages-list__edit {
        width:20%
    }
}

.legal-pages-settings .legal-pages-list__edit .btn {
    margin-right: 16px
}

@media screen and (min-width: 568px) {
    .legal-pages-settings .legal-pages-list__toggle {
        width:40%
    }
}

@media screen and (min-width: 768px) {
    .legal-pages-settings .legal-pages-list__toggle {
        width:50%
    }
}

.legal-pages-settings .legal-pages-list__label-text {
    display: inline-block;
    text-align: left
}

@media screen and (min-width: 568px) {
    .legal-pages-settings .legal-pages-list__label-text {
        margin-left:16px
    }
}

.legal-pages-settings .legal-pages__editor-container {
    position: relative;
    overflow: scroll;
    margin: 8px 0;
    padding: 16px;
    background-color: #eceef0
}

.legal-pages-settings .editor-manage-panel {
    position: relative;
    margin-bottom: 16px;
    padding-top: 8px
}

@media screen and (min-width: 768px) {
    .legal-pages-settings .editor-manage-panel {
        overflow:hidden
    }
}

.legal-pages-settings .editor-manage-panel__item {
    margin: 0 0 16px 0
}

@media screen and (min-width: 768px) {
    .legal-pages-settings .editor-manage-panel__item {
        float:left;
        margin-right: 16px
    }
}

.legal-pages-settings .editor-manage-panel__item-label {
    font-weight: 600
}

@media screen and (min-width: 768px) {
    .legal-pages-settings .editor-manage-panel__item-label {
        display:inline-block;
        margin-right: 8px;
        line-height: 27px;
        vertical-align: top
    }
}

@media screen and (min-width: 768px) {
    .legal-pages-settings .editor-manage-panel__item-value {
        display:inline-block
    }
}

.legal-pages-settings .editor-manage-panel__item-value table,.legal-pages-settings .editor-manage-panel__item-value table select,.legal-pages-settings .editor-manage-panel__item-value input {
    width: 100%;
    max-width: 480px
}

.legal-pages-settings .editor-manage-panel__item-value table select {
    border: 1px solid #808f9d;
    background-color: #eceef0
}

.legal-pages-settings .editor-manage-panel__close {
    position: absolute;
    top: -16px;
    right: -16px;
    width: 32px;
    height: 32px;
    cursor: pointer
}

@media screen and (min-width: 768px) {
    .legal-pages-settings .editor-manage-panel__close {
        top:0;
        right: 0
    }
}

.legal-pages-settings .editor-manage-panel__close-cross {
    position: absolute;
    top: 0;
    right: 8px;
    color: #275ce0;
    font-size: 26px;
    line-height: 32px;
    text-decoration: none
}

.legal-pages-settings .editor__body {
    width: 100%
}

.legal-pages-settings .editor__body input {
    width: 100%;
    max-width: 480px
}

.legal-pages-settings .editor__body-label {
    font-weight: 600
}

.legal-pages-settings .redactor-box {
    width: 100%;
    min-width: 200px
}

.tracking-settings {
    padding-top: 6px
}

.tracking-settings .RemarketingToggleWidget {
    margin-top: 3px
}

@media screen and (min-width: 768px) {
    .tracking-settings .settings-panel-row__info {
        width:282px
    }
}

@media screen and (min-width: 1024px) {
    .tracking-settings .settings-panel-row__info {
        width:338px
    }
}

@media screen and (min-width: 1280px) {
    .tracking-settings .settings-panel-row__info {
        width:392px
    }
}

.tracking-settings .btn-container {
    padding: 8px 0
}

@media screen and (min-width: 768px) {
    .tracking-settings .settings-panel-row__value {
        width:calc(100% - 282px);
        max-width: 300px
    }
}

@media screen and (min-width: 1024px) {
    .tracking-settings .settings-panel-row__value {
        width:calc(100% - 338px)
    }
}

@media screen and (min-width: 1280px) {
    .tracking-settings .settings-panel-row__value {
        width:calc(100% - 392px)
    }
}

.tracking-settings .tracking-settings-no-label .settings-panel-row__info {
    margin-top: 0
}

.tracking-settings .tracking-settings-no-label .settings-panel-row__label {
    display: none
}

.tracking-settings .feature-element {
    max-width: none
}

@media screen and (min-width: 768px) {
    .tracking-settings .settings-block {
        width:calc(40% + 300px);
        max-width: 692px
    }
}

.tracking-settings ol {
    margin: 0 0 16px 0;
    padding: 0 0 0 1.2em
}

.tracking-settings ol>li {
    margin-bottom: 4px
}

.languages-settings .table .tableCell.tableCell-0 {
    width: 40%;
    font-size: 12px
}

@media screen and (min-width: 568px) {
    .languages-settings .table .tableCell.tableCell-0 {
        width:auto;
        font-size: 14px
    }
}

.languages-settings .table .tableCell.tableCell-1 {
    width: 20%
}

@media screen and (min-width: 568px) {
    .languages-settings .table .tableCell.tableCell-1 {
        width:auto
    }
}

.languages-settings .table .tableCell.tableCell-2 {
    width: 40%;
    font-size: 12px
}

@media screen and (min-width: 568px) {
    .languages-settings .table .tableCell.tableCell-2 {
        width:auto;
        font-size: 14px
    }
}

@media screen and (max-width: 767px) {
    .languages-settings .table .tableCell .EcwidEnableToggle {
        text-align:right
    }

    .languages-settings .table .tableCell .EcwidEnableToggle,.languages-settings .table .tableCell .EcwidEnableToggle .link {
        font-size: 12px;
        white-space: normal
    }

    .languages-settings .table .tableCell .EcwidEnableToggle .link {
        margin-right: 10px
    }
}

.languages-settings .a-card {
    max-width: 980px
}

.languages-settings__container {
    overflow: hidden;
    margin-bottom: 32px
}

.languages-settings__buttons {
    margin-bottom: 32px
}

.languages-settings__buttons .btn {
    margin-right: 8px;
    margin-bottom: 8px
}

@media screen and (min-width: 768px) {
    .languages-settings__buttons .btn {
        min-width:180px
    }
}

@media screen and (min-width: 768px) {
    .languages-settings__table {
        max-width:700px
    }
}

.languages-settings__btn-container {
    margin-bottom: 16px
}

.languages-settings__btn-container .btn {
    margin-right: 4px
}

.support-section {
    max-width: 1260px;
    margin-bottom: 0
}

@media screen and (min-width: 1024px) {
    .support-section {
        display:flex
    }
}

.support-section--centered {
    max-width: 980px;
    margin: 0 auto
}

.support-section--centered .support-section__data {
    max-width: none
}

@media screen and (min-width: 1024px) {
    .support-section--centered .support-section__data {
        max-width:600px
    }
}

.support-section--centered .settings-page__subtitle {
    max-width: none
}

.support-section--centered .settings-page__titles--left .settings-page__title {
    text-align: center
}

@media screen and (min-width: 768px) {
    .support-section--centered .settings-page__titles--left .settings-page__title {
        text-align:left
    }
}

.support-section--centered .support-section__image {
    margin: auto
}

.support-section__data {
    max-width: 600px;
    padding-bottom: 16px
}

@media screen and (min-width: 1400px) {
    .support-section__data {
        padding-top:56px
    }
}

.support-section__action {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 16px
}

.support-section__image {
    flex-shrink: 0;
    align-self: flex-end;
    max-width: 238px;
    height: auto;
    font-size: 0
}

@media screen and (min-width: 568px) {
    .support-section__image {
        max-width:300px
    }
}

@media screen and (min-width: 1400px) {
    .support-section__image {
        max-width:400px
    }
}

.support-section__image>img {
    max-width: 100%;
    height: auto;
    max-height: 100%
}

@keyframes scaleUp {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }

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

@keyframes scaleDown {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0)
    }

    100% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }
}

.product {
    display: flex;
    font-size: 14px;
    line-height: 22px
}

@media screen and (min-width: 768px) {
    .product .product__price {
        display:none
    }
}

.product__image {
    position: relative;
    overflow: hidden;
    flex: 0 0 48px;
    align-self: flex-start;
    width: 48px;
    height: 48px;
    margin-right: 12px;
    cursor: pointer
}

@media screen and (min-width: 568px) {
    .product__image {
        flex-basis:64px;
        width: 64px;
        height: 64px;
        margin-right: 16px
    }
}

@media screen and (min-width: 768px) {
    .product__image {
        flex-basis:72px;
        width: 72px;
        height: 72px;
        margin-right: 24px
    }
}

.product__image img {
    position: relative;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.product-placeholder {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #607385;
    font-size: 16px;
    line-height: 24px
}

@media screen and (min-width: 768px) {
    .product-placeholder {
        font-size:22px
    }
}

.product-placeholder.colored-background-0 {
    background-color: #b5ebdc
}

.product-placeholder.colored-background-1 {
    background-color: #f9d9e2
}

.product-placeholder.colored-background-2 {
    background-color: #d4def4
}

.product-placeholder.colored-background-3 {
    background-color: #d3f2ff
}

.product-placeholder.colored-background-4 {
    background-color: #fee1d8
}

.product-placeholder.colored-background-5 {
    background-color: #deecd3
}

.product-placeholder.colored-background-6 {
    background-color: #ffefcf
}

.product-placeholder.colored-background-7 {
    background-color: #fbced1
}

.product-placeholder.colored-background-8 {
    background-color: #e7d7d3
}

.product-placeholder.colored-background-9 {
    background-color: #caf0ed
}

.product__info {
    flex: 1;
    word-wrap: break-word
}

.product__details .list-item__details {
    display: block
}

@media screen and (min-width: 1024px) {
    .product__description {
        display:inline-block;
        flex: 1;
        min-width: 250px;
        padding-right: 50px
    }
}

.product__details-wrapper {
    display: flex
}

.product__name {
    display: inline;
    overflow: hidden;
    margin: -12px 0 0 -8px;
    padding: 8px 10px 4px 8px;
    vertical-align: baseline;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e;
    word-wrap: break-word;
    word-break: break-word
}

@media screen and (min-width: 1024px) {
    .product__name {
        flex-basis:100%
    }
}

.product__name:hover {
    color: #1b409d
}

a.product__name {
    color: #0a1c2e
}

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

@media screen and (min-width: 568px) {
    .product__status {
        vertical-align:top
    }
}

@media screen and (min-width: 768px) {
    .product__status {
        white-space:nowrap
    }
}

.product__status .ecwid-order-status-dropdown.btn-group .list-dropdown.list-dropdown--left {
    left: -10px;
    margin-top: -8px
}

.product__status .linklike-dropdown .btn-dropdown {
    font-size: 14px;
    line-height: 22px;
    vertical-align: middle
}

.product__mobile-status {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 22px
}

@media screen and (min-width: 768px) {
    .product__mobile-status {
        display:none
    }
}

.product__sku {
    display: inline-block;
    margin-right: 12px;
    color: #607385;
    vertical-align: baseline;
    cursor: pointer;
    font-size: 14px;
    line-height: 22px;
    word-wrap: break-word;
    word-break: break-word
}

@media screen and (min-width: 768px) {
    .product__sku {
        margin-right:16px
    }
}

a.product__sku {
    color: #607385
}

.product__categories {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 22px
}

.product__categories-more--hidden {
    display: none
}

.product__other-categories--hidden {
    display: none
}

.product__price {
    display: block;
    margin-top: -1px;
    margin-bottom: 8px;
    margin-left: auto;
    padding-left: 16px;
    text-align: right;
    white-space: nowrap;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--headers-font-weight, 700);
    color: #0a1c2e
}

@media screen and (min-width: 768px) {
    .product__price {
        font-size:20px;
        line-height: 28px
    }
}

@media screen and (min-width: 768px) {
    .product__price {
        display:inline-block;
        margin-top: 0;
        vertical-align: middle
    }
}

.product__price--variations {
    font-size: 16px;
    line-height: 24px
}

@media screen and (min-width: 768px) {
    .product__price--variations {
        display:inline-block;
        vertical-align: middle
    }
}

.product-instock {
    display: inline-block;
    padding-bottom: 4px;
    vertical-align: top;
    white-space: nowrap;
    font-size: 14px;
    line-height: 22px
}

.product-instock--yes,.product-instock--yes .btn.btn-default {
    color: #0a1c2e
}

.product-instock--no,.product-instock--no .btn.btn-default {
    color: #f43c36
}

.product-availability {
    display: inline-block;
    margin-right: 12px;
    padding-bottom: 4px;
    vertical-align: top;
    transition: width 150ms ease-out
}

.product-availability:hover .product-availability__icon {
    -webkit-transform: scale(1.285);
    transform: scale(1.285)
}

@media screen and (min-width: 768px) {
    .product-availability {
        cursor:pointer
    }
}

.product-availability__icon {
    display: none
}

@media screen and (min-width: 768px) {
    .product-availability__icon {
        display:inline-block;
        position: relative;
        width: 6px;
        height: 6px;
        margin-bottom: 1px;
        margin-left: 4px;
        border-radius: 50%;
        background-color: #808f9d;
        vertical-align: middle
    }

    .product-availability__icon::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background-color: #fff;
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0);
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center
    }
}

.product-availability--enabled {
    color: #0cac42
}

.product-availability--enabled .product-availability__icon {
    background-color: #0cac42
}

.product-availability--enabled .product-availability__icon::after {
    animation: scaleUp 150ms ease-out forwards
}

@media screen and (min-width: 768px) {
    .product-availability--enabled:hover {
        color:#076427
    }

    .product-availability--enabled:hover .product-availability__icon {
        background-color: #076427
    }
}

.product-availability--disabled {
    color: #607385
}

.product-availability--disabled .product-availability__icon::after {
    animation: scaleDown 150ms ease-out forwards
}

@media screen and (min-width: 768px) {
    .product-availability--disabled:hover {
        color:#404d59
    }

    .product-availability--disabled:hover .product-availability__icon {
        background-color: #667684
    }
}

.list-item--disabled .product__name,.list-item--disabled .product__name:hover,.list-item--disabled .product__price,.list-item--disabled .product-instock--yes,.list-item--disabled .product-instock--no {
    color: #607385
}

.list-item--disabled .product__image {
    opacity: .6;
    filter: grayscale(100%)
}

.list-item--disabled .labeled-icon__icon {
    color: #808f9d
}

.products-list {
    padding-bottom: 80px;
    padding-left: 8px;
    padding-right: 8px
}

@media screen and (min-width: 1024px) {
    .products-list {
        padding-left:32px
    }
}

@media screen and (min-width: 1400px) {
    .products-list {
        padding-left:40px
    }
}

@media screen and (min-width: 1024px) {
    .products-list {
        padding-right:32px
    }
}

@media screen and (min-width: 1400px) {
    .products-list {
        padding-right:40px
    }
}

@media screen and (max-width: 767px) {
    .products-list {
        overflow:hidden
    }
}

.products-list .list-item-details--expanded .order-products-list {
    flex-direction: column-reverse
}

.products-list .order-product .product__status {
    display: block
}

.products-list .order-product .product__status .product-instock {
    font-size: 12px;
    line-height: 18px
}

.products-list .order-product .product__status .linklike-dropdown .btn-dropdown {
    font-size: 12px;
    line-height: 18px
}

.products-list .list-item__controls {
    display: inline-block;
    margin-bottom: 8px;
    margin-left: 16px;
    vertical-align: middle
}

.products-list .list-item__buttons-set .btn-group {
    display: flex
}

.products-list .list-item__buttons-set .btn-group .btn {
    overflow: hidden;
    text-overflow: ellipsis
}

.products-list .extra-actions-group {
    padding-right: 0;
    padding-left: 0
}

.products-list__body {
    display: flex;
    position: relative
}

@media screen and (max-width: 767px) {
    .products-list__body {
        display:block
    }
}

.products-list__items {
    z-index: 1;
    flex: 9999 0 100%;
    margin-bottom: 24px
}

@media screen and (min-width: 768px) {
    .products-list__items {
        flex:1;
        width: 100%
    }
}

.products-list__items .list-item__info {
    max-width: none
}

@media screen and (max-width: 767px) {
    .products-list__items .list-item__info {
        flex-grow:9999
    }
}

.products-list__items .list-item__actions {
    display: none
}

@media screen and (min-width: 768px) {
    .products-list__items .list-item__actions {
        display:block;
        margin-top: -5px
    }
}

.products-list__select-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 16px;
    padding-right: 8px;
    padding-left: 8px
}

@media screen and (min-width: 568px) {
    .products-list__select-bar {
        flex-wrap:nowrap
    }
}

@media screen and (min-width: 768px) {
    .products-list__select-bar {
        padding-right:0;
        padding-left: 0
    }
}

.products-list__select-bar--no-margin {
    margin-bottom: 0
}

.products-list__select .btn-group--filter {
    margin-bottom: 8px;
    white-space: nowrap
}

@media screen and (min-width: 568px) {
    .products-list__select .btn-group--filter {
        margin-bottom:0
    }
}

.products-list__select .btn-group--filter .btn {
    margin-right: 16px
}

.products-list__statuses {
    display: inline-block;
    margin-bottom: 6px;
    font-size: 12px;
    text-transform: uppercase;
    vertical-align: bottom
}

@media screen and (min-width: 768px) {
    .products-list__statuses {
        margin-top:8px
    }
}

.products-list__statuses .ecwid-orders-status-panel__status {
    word-wrap: break-word;
    word-break: break-all
}

.list-item__buttons-set.product__actions {
    margin-bottom: 8px;
    padding-left: 16px
}

.list-item__buttons-set.product__actions .btn-group .btn+.btn {
    margin-left: -1px
}

.product__settings {
    font-size: 12px;
    line-height: 18px
}

@media screen and (min-width: 568px) {
    .product__settings {
        font-size:14px;
        line-height: 22px
    }
}

.products-mode {
    display: inline-block;
    margin-left: 24px;
    vertical-align: middle
}

.products-mode .ecwid-QuickFilter-link {
    margin-top: 9px;
    margin-left: 32px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none
}

@media screen and (max-width: 767px) {
    .dropdown-filter-panel-opened .products-list__manage {
        display:none
    }
}

.options-list__search {
    margin-bottom: 4px
}

.options-list__search .filter-panel__search {
    margin-left: 0
}

.form-control__select {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    -webkit-appearance: none
}

.form-control__select option {
    padding: 4px 5px
}

.products-list__sort-by {
    align-self: flex-end;
    margin-right: 0;
    margin-bottom: 6px;
    margin-left: auto;
    padding-left: 16px;
    font-size: 12px;
    text-transform: uppercase;
    white-space: nowrap
}

.products-list__sort-by .form-control--select-inline {
    position: relative
}

.products-list__sort-by .form-control__select-text {
    display: inline-block;
    overflow: hidden;
    max-width: 300px;
    padding-right: .35em;
    color: #275ce0;
    font-size: inherit;
    line-height: inherit;
    text-overflow: ellipsis;
    text-transform: uppercase;
    vertical-align: middle;
    transition: color .12s ease-out 0s
}

.products-list__sort-by .form-control__arrow {
    display: inline-block;
    position: relative;
    top: -.1em;
    right: 0;
    bottom: 0;
    width: 1em;
    color: #275ce0;
    pointer-events: none
}

.products-list__sort-by .form-control__arrow svg {
    display: inline-block;
    width: .75em;
    height: .45em
}

.customers-list__statuses {
    font-size: 12px;
    text-transform: uppercase;
    vertical-align: bottom
}

.customers-list__select-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

@media screen and (min-width: 568px) {
    .customers-list__select-bar {
        flex-wrap:nowrap
    }
}

@media screen and (min-width: 768px) {
    .customers-list__select-bar {
        padding-right:0;
        padding-left: 0
    }
}

.customers-list__select-bar .list-select-bar {
    flex-grow: 1
}

.products-import {
    display: inline-block;
    margin-bottom: 4px;
    padding-left: 8px;
    vertical-align: top;
    font-size: 14px;
    line-height: 22px
}

.products-import--full-width {
    display: block;
    margin: 0;
    padding: 0
}

.products-import--one-line .products-import__status {
    display: inline;
    margin-right: 16px
}

.products-import--one-line .products-import__info {
    display: inline
}

.products-import__status {
    font-weight: 600
}

.products-import__status--success {
    color: #0cac42
}

.products-import__log {
    margin-right: 8px
}

.products-import__actions a {
    margin-right: 16px;
    font-weight: 600
}

.refer-a-friend {
    padding-bottom: 24px
}

.refer-a-friend .refer-a-friend__link {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 2px 16px 3px;
    color: #aab8c5;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    cursor: pointer
}

@media screen and (min-width: 1024px) {
    .refer-a-friend .refer-a-friend__link {
        float:none;
        width: var(--menu-width)
    }
}

.refer-a-friend .refer-a-friend__link:hover {
    color: #8af
}

.refer-a-friend .refer-a-friend__link:hover .refer-a-friend__arrow svg {
    fill: #8af
}

@media screen and (min-width: 1024px) {
    .refer-a-friend .refer-a-friend__link:hover .refer-a-friend__submenu-wrapper {
        z-index:2;
        width: 264px;
        height: auto;
        border-width: 1px 1px 1px 0;
        border-style: solid;
        border-color: rgba(0,0,0,0);
        box-shadow: 0 5px 20px rgba(0,0,0,0.15)
    }
}

.refer-a-friend .refer-a-friend__icon {
    display: inline-block;
    width: 28px;
    height: 20px;
    padding: 0 4px;
    vertical-align: middle
}

.refer-a-friend .refer-a-friend__icon svg {
    width: 100%;
    height: 100%;
    fill: currentColor
}

.refer-a-friend .refer-a-friend__text {
    position: relative;
    padding-left: 6px;
    word-wrap: break-word;
    vertical-align: middle
}

.refer-a-friend .refer-a-friend__arrow {
    width: 10px;
    height: 10px
}

.refer-a-friend .refer-a-friend__arrow svg {
    width: 10px;
    height: 10px;
    fill: #808f9d;
    transition: fill .1s linear
}

.refer-a-friend .refer-a-friend__text,.refer-a-friend .refer-a-friend__arrow {
    display: inline-block
}

@media screen and (min-width: 1024px) {
    .refer-a-friend .refer-a-friend__text,.refer-a-friend .refer-a-friend__arrow {
        display:none
    }
}

.refer-a-friend .refer-a-friend__submenu-wrapper {
    display: none;
    overflow: hidden;
    box-sizing: border-box;
    min-width: 100%;
    max-width: 100%;
    height: 0;
    background-color: #252e37;
    transform: translateZ(0)
}

@media screen and (min-width: 1024px) {
    .refer-a-friend .refer-a-friend__submenu-wrapper {
        display:block;
        position: absolute;
        top: 0;
        left: var(--menu-width);
        overflow: hidden;
        width: 0;
        min-width: 0;
        max-width: 264px;
        height: auto;
        border-width: 1px 0;
        border-style: solid;
        border-color: transparent;
        box-shadow: none;
        transition: width 0s linear .2s, border-width 0s linear .2s, border-color 0s linear .2s, box-shadow 0s linear .2s, z-index 0s linear .2s
    }
}

.refer-a-friend .refer-a-friend__submenu-title {
    display: none
}

@media screen and (min-width: 1024px) {
    .refer-a-friend .refer-a-friend__submenu-title {
        display:block;
        position: relative;
        padding: 15px 24px 15px 32px;
        color: #607385;
        font-size: 12px;
        font-weight: 600;
        text-decoration: none;
        text-transform: uppercase
    }
}

.refer-a-friend+.refer-a-friend {
    margin-top: -16px
}

@media screen and (min-width: 1680px) {
    .ecwid-vertical-menu--wider .refer-a-friend .refer-a-friend__link {
        padding-left:42px
    }
}

.ecwid-vertical-menu--wider .refer-a-friend .refer-a-friend__icon {
    width: 20px
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--wider .refer-a-friend .refer-a-friend__icon {
        padding:0
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--wider .refer-a-friend .refer-a-friend__text,.ecwid-vertical-menu--wider .refer-a-friend .refer-a-friend__arrow {
        display:inline
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--wider .refer-a-friend .refer-a-friend__submenu-wrapper {
        display:none
    }
}

.ecwid-vertical-menu--wider .refer-a-friend.collapse-link .collapse-link__expand {
    display: none
}

.ecwid-vertical-menu--wider .refer-a-friend.collapse-link .collapse-link__collapse {
    display: inline-block
}

.ecwid-vertical-menu--with-icons .refer-a-friend {
    padding-bottom: 0
}

.ecwid-vertical-menu--with-icons .refer-a-friend .refer-a-friend__link {
    padding: 10px 10px 10px
}

.ecwid-vertical-menu--with-icons .refer-a-friend__icon {
    display: block
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--with-icons:not(.ecwid-vertical-menu--wider) .refer-a-friend.collapse-link .collapse-link__expand {
        display:block
    }
}

@media screen and (max-width: 1023px) {
    .ecwid-vertical-menu--with-icons .refer-a-friend .refer-a-friend__link {
        display:flex;
        padding-left: 18px;
        font-size: 14px;
        line-height: 20px
    }

    .ecwid-vertical-menu--with-icons .refer-a-friend .refer-a-friend__icon {
        width: 20px;
        padding: 0 12px 0 0
    }

    .ecwid-vertical-menu--with-icons .refer-a-friend .refer-a-friend__text {
        padding-left: 0
    }

    .ecwid-vertical-menu--with-icons .refer-a-friend.collapse-link .collapse-link__collapse {
        display: block
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--with-icons.ecwid-vertical-menu--wider .refer-a-friend .refer-a-friend__link {
        display:flex;
        padding-left: 18px;
        font-size: 14px;
        line-height: 20px
    }

    .ecwid-vertical-menu--with-icons.ecwid-vertical-menu--wider .refer-a-friend .refer-a-friend__icon {
        width: 20px;
        padding: 0 12px 0 0
    }

    .ecwid-vertical-menu--with-icons.ecwid-vertical-menu--wider .refer-a-friend .refer-a-friend__text {
        padding-left: 0
    }

    .ecwid-vertical-menu--with-icons.ecwid-vertical-menu--wider .refer-a-friend.collapse-link .collapse-link__collapse {
        display: block
    }
}

@media screen and (min-width: 1680px) {
    .ecwid-vertical-menu--with-icons.ecwid-vertical-menu--wider .refer-a-friend .refer-a-friend__link {
        padding-left:18px;
        font-size: 15px
    }

    .ecwid-vertical-menu--with-icons.ecwid-vertical-menu--wider .refer-a-friend .refer-a-friend__icon {
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--with-icons:not(.ecwid-vertical-menu--wider) .refer-a-friend .refer-a-friend__link .refer-a-friend__submenu-wrapper {
        display:none;
        height: auto;
        margin-left: 10px;
        padding-top: 12px;
        padding-bottom: 8px;
        border-width: 1px 1px 1px 0;
        border-style: solid;
        border-radius: 6px;
        border-color: rgba(0,0,0,0);
        box-shadow: 0 5px 20px rgba(0,0,0,0.15)
    }

    .ecwid-vertical-menu--with-icons:not(.ecwid-vertical-menu--wider) .refer-a-friend .refer-a-friend__link:hover .refer-a-friend__submenu-wrapper {
        display: block;
        top: -7px;
        overflow: visible
    }

    .ecwid-vertical-menu--with-icons:not(.ecwid-vertical-menu--wider) .refer-a-friend .refer-a-friend__link:hover .refer-a-friend__submenu-wrapper::before {
        content: "";
        position: absolute;
        top: 50%;
        left: -15px;
        width: 22px;
        height: 8px;
        margin-top: -4px;
        border: 0 solid transparent;
        background: url("data:image/svg+xml;charset=utf8,%3Csvg width='22' height='7' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 7' fill='%23252e37'%3E%3Cpath d='m9.246 5.525-3.48-3.302c-.598-.567-.897-.85-1.22-1.084A6 6 0 0 0 1.823.053C1.455.003.738 0 0 0l22 .002c-.945.008-1.53.04-2.087.181a6 6 0 0 0-1.807.792c-.626.408-1.151.978-2.202 2.117L13.8 5.372c-.769.835-1.153 1.252-1.609 1.418a2 2 0 0 1-1.246.042c-.465-.136-.877-.526-1.7-1.307Z'/%3E%3C/svg%3E") no-repeat center top;
        transform: rotate(90deg)
    }

    .ecwid-vertical-menu--with-icons:not(.ecwid-vertical-menu--wider) .refer-a-friend .refer-a-friend__link:hover .refer-a-friend__submenu-wrapper::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: -10px;
        width: 10px;
        height: 100%
    }

    .ecwid-vertical-menu--with-icons:not(.ecwid-vertical-menu--wider) .refer-a-friend .refer-a-friend__link:hover .refer-a-friend__submenu-title {
        margin: 0 0 4px;
        padding: 4px 16px
    }
}

.refer-a-friend.collapse-link {
    display: none
}

@media screen and (min-width: 1024px) {
    .refer-a-friend.collapse-link {
        display:block
    }
}

.refer-a-friend.collapse-link .collapse-link__expand {
    display: inline-block
}

.refer-a-friend.collapse-link .collapse-link__collapse {
    display: none
}

.settings-page.ebay-page .fb-promo-description-image img,.settings-page.amazon-page .fb-promo-description-image img {
    width: 400px;
    height: auto
}

.ecwid-hide-footer .footer {
    display: none
}

.ecwid-hide-profile-menu .header .user-menu .icolinks .icolink-item.store-profile-popup {
    display: none
}

.ecwid-hide-help-menu .header .user-menu .icolinks .icolink-item-help-link {
    display: none
}

.ecwid-hide-visit-storefront-menu .header .user-menu .icolinks .icolink-item.icolink-item-store-link {
    display: none
}

.ecwid-hide-page-header .page-title,.ecwid-hide-page-header .Title,.ecwid-hide-page-header .title-wrapper .Title,.ecwid-hide-page-header .settings-page__titles,.ecwid-hide-page-header .settings-page__header .settings-page__titles {
    display: none
}

.ecwid-hide-back-button .header .header-wrapper .content-control-menu-nav {
    display: none
}

.ecwid-hide-back-button .main-container .page-breadcrumbs .content-control-menu-nav {
    display: none
}

.ecwid-hide-profile-header .main-container .header .header-top {
    display: none
}

.ecwid-hide-profile-header .header+.body-container .ecwid-MainPanel-content,.ecwid-hide-profile-header .header+.content-container .ecwid-MainPanel-content {
    padding-top: 0
}

.ecwid-hide-unresponsive-elements .unresponsive-element {
    display: none
}

.ecwid-hide-preheader .preheader {
    display: none
}

.ecwid-hide-save-button .header .header-wrapper .save-panel {
    display: none
}

.ecwid-hide-support-section .support-section {
    display: none
}

.ecwid-hide-dashboard-background-image .settings-page__img-container {
    display: none
}

.ecwid-hide-dashboard-background-image .super-headers-block--inversed-texts {
    color: #0a1c2e
}

.ecwid-hide-dashboard-background-image .super-headers-block--inversed-texts a {
    color: #275ce0;
    transition: color .1s linear
}

.ecwid-hide-dashboard-background-image .super-headers-block--inversed-texts a:focus,.ecwid-hide-dashboard-background-image .super-headers-block--inversed-texts a:hover {
    color: #1b409d
}

.ecwid-hide-dashboard-background-image .super-headers-block--inversed-texts a:active {
    color: #688de9
}

@media screen and (min-width: 1024px) {
    .ecwid-hide-dashboard-background-image .header .header-top--inverted .store-title-text,.ecwid-hide-dashboard-background-image .header .header-top--inverted .iconable-link,.ecwid-hide-dashboard-background-image .header .header-top--inverted .user-menu .icolinks .icolink-item .horizontal-icolink {
        color:#275ce0;
        transition: color .1s linear
    }

    .ecwid-hide-dashboard-background-image .header .header-top--inverted .store-title-text:focus,.ecwid-hide-dashboard-background-image .header .header-top--inverted .store-title-text:hover,.ecwid-hide-dashboard-background-image .header .header-top--inverted .iconable-link:focus,.ecwid-hide-dashboard-background-image .header .header-top--inverted .iconable-link:hover,.ecwid-hide-dashboard-background-image .header .header-top--inverted .user-menu .icolinks .icolink-item .horizontal-icolink:focus,.ecwid-hide-dashboard-background-image .header .header-top--inverted .user-menu .icolinks .icolink-item .horizontal-icolink:hover {
        color: #1b409d
    }

    .ecwid-hide-dashboard-background-image .header .header-top--inverted .store-title-text:active,.ecwid-hide-dashboard-background-image .header .header-top--inverted .iconable-link:active,.ecwid-hide-dashboard-background-image .header .header-top--inverted .user-menu .icolinks .icolink-item .horizontal-icolink:active {
        color: #688de9
    }
}

@media screen and (min-width: 1280px) {
    .ecwid-hide-dashboard-background-image .section__title--inverted-color {
        color:#0a1c2e
    }
}

@media screen and (min-width: 1280px) {
    .ecwid-hide-dashboard-background-image .section--inverted-header-color .iconable-link,.ecwid-hide-dashboard-background-image .section--inverted-header-color .section__title {
        color:#0a1c2e
    }
}

.ecwid-hide-staff-accounts-header-menu .header .user-menu .icolinks .icolink-item.my-stores-popup {
    display: none
}

.detailed-layout {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 930px);
    -ms-grid-rows: auto 16px auto 16px auto;
    grid-template-columns: minmax(0, 930px);
    grid-template-rows: auto 16px auto 16px auto;
    max-width: 930px;
    margin-bottom: 48px
}

@media screen and (min-width: 768px) {
    .detailed-layout {
        -ms-grid-columns:minmax(0, 672px) 16px 242px;
        -ms-grid-rows: auto 16px 1fr;
        grid-template-columns: minmax(0, 672px) 16px 242px;
        grid-template-rows: auto 16px 1fr
    }
}

.detailed-layout .detailed-layout__main {
    -ms-grid-row: 1;
    grid-row: 1 / 2;
    -ms-grid-row-span: 1
}

@media screen and (min-width: 768px) {
    .detailed-layout .detailed-layout__main {
        -ms-grid-column:1;
        grid-column: 1 / 2;
        -ms-grid-row: 1;
        grid-row: 1 / 2;
        -ms-grid-column-span: 1;
        -ms-grid-row-span: 1
    }
}

.detailed-layout .detailed-layout__sidebar {
    -ms-grid-row: 3;
    grid-row: 3 / 4;
    -ms-grid-row-span: 1
}

@media screen and (min-width: 768px) {
    .detailed-layout .detailed-layout__sidebar {
        -ms-grid-column:3;
        grid-column: 3 / 4;
        -ms-grid-row: 1;
        grid-row: 1 / 4;
        -ms-grid-column-span: 1;
        -ms-grid-row-span: 3
    }
}

.detailed-layout .detailed-layout__other {
    -ms-grid-row: 5;
    grid-row: 5 / 6;
    -ms-grid-row-span: 1
}

@media screen and (min-width: 768px) {
    .detailed-layout .detailed-layout__other {
        -ms-grid-column:1;
        grid-column: 1 / 2;
        -ms-grid-row: 3;
        grid-row: 3 / 4;
        -ms-grid-column-span: 1;
        -ms-grid-row-span: 1
    }
}

.detailed-layout.detailed-layout--expanded {
    max-width: 1320px
}

@media screen and (min-width: 768px) {
    .detailed-layout.detailed-layout--expanded {
        -ms-grid-columns:minmax(0, 1028px) 16px 276px;
        grid-template-columns: minmax(0, 1028px) 16px 276px
    }
}

@media screen and (min-width: 1024px) {
    .detailed-layout.detailed-layout--expanded {
        -ms-grid-columns:minmax(0, 988px) 16px 316px;
        grid-template-columns: minmax(0, 988px) 16px 316px
    }
}

.detailed-layout.detailed-layout--one-column .detailed-layout__main {
    -ms-grid-column: 1;
    grid-column: 1 / 4;
    -ms-grid-column-span: 3
}

#wootric-modal.wootric-survey-type-csat.wootric-bottom.light.compact {
    display: none
}

#wootric-modal.wootric-survey-type-csat.wootric-bottom.light.compact.show.wootric-show-after-chat {
    display: block
}

#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact {
    position: fixed;
    z-index: 16000000;
    top: auto;
    right: 16px;
    bottom: 16px;
    left: auto;
    overflow: hidden;
    width: 342px;
    height: 540px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 8px;
    box-shadow: rgba(0,0,0,0.2) 0 0 6px 0 !important;
    font-family: system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;
    transition: none
}

#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact div {
    color: #2f3941;
    font-family: system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif
}

#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact p {
    padding: 0 24px;
    color: #2f3941;
    font-size: 16px
}

#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact label {
    font-style: normal
}

#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact .wootric-beacon-parent {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-width: 100%;
    height: 100%;
    padding-top: 44px;
    border: 1px solid #d8dcde;
    border-top: 0 none;
    box-shadow: none
}

#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact .wootric-beacon-parent::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: -1px;
    left: -1px;
    height: 44px;
    background-color: #363b40
}

#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact .wootric-beacon-contents {
    display: flex;
    flex-direction: column;
    padding: 56px 20px 0
}

#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact .wootric-beacon-contents #wootric-thanks {
    order: 10
}

#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact .wootric-beacon-contents #wootric-fullscore {
    order: 20
}

#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact .wootric-beacon-contents #wootric-feedback {
    order: 30
}

#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact .wootric-beacon-contents #wootric-share {
    order: 40
}

#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact #wootric-score {
    display: flex !important;
    justify-content: space-between;
    margin: 0
}

#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact #wootric-score li {
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    margin: 0;
    padding: 0;
    border: 1px solid #d8dcde;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 500;
    vertical-align: top;
    transition: all .1s
}

#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact #wootric-score li.selected,#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact #wootric-score li:hover,#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact #wootric-score li:focus {
    border-color: #275ce0;
    background-color: #275ce0;
    color: #fff !important
}

#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact #wootric-score .wootric-visible {
    display: inline-flex
}

#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact #wootric-fullscore {
    margin-bottom: 40px
}

#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact #wootric-feedback {
    padding: 0
}

#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact #wootric-feedback #wootric-text {
    display: block;
    width: 100%;
    height: 4.5em;
    max-height: 80px;
    margin: 0 auto 20px;
    border: 1px solid #d8dcde;
    border-radius: 4px;
    background-color: #fff;
    font-size: 14px;
    transition: border-color .25s ease-in-out 0s, box-shadow .1s ease-in-out 0s, background-color .25s ease-in-out 0s, color .25s ease-in-out 0s
}

#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact #wootric-feedback #wootric-text:focus,#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact #wootric-feedback #wootric-text:hover {
    border-color: #68737d !important
}

#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact #wootric-feedback #wootric-text:focus {
    box-shadow: rgba(153,153,153,0.4) 0 0 0 3px
}

#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact #wootric-feedback #wootric-submit {
    display: block;
    width: 100%;
    margin: 0 auto 16px;
    padding: 12px;
    border: 0 none;
    border-radius: 4px;
    background-color: #363b40;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    transition: color .1s linear, background-color .1s linear, border-color .1s linear, box-shadow .1s linear
}

#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact #wootric-feedback #wootric-submit:hover {
    background-color: #2b2f33
}

#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact #wootric-thanks,#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact #wootric-question {
    margin: 0 0 32px;
    padding: 0
}

#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact #wootric-thanks p,#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact #wootric-question p {
    padding: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact #wootric-not-likely-label,#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact #wootric-likely-label {
    display: none
}

#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact .wootric-alt-anchors {
    display: flex
}

#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact .wootric-alt-anchors .wootric-alt-anchors__anchor {
    color: #6d7883;
    font-size: 14px;
    line-height: 20px
}

#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact .wootric-alt-anchors .wootric-alt-anchors__anchor--negative {
    text-align: left
}

#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact .wootric-alt-anchors .wootric-alt-anchors__anchor--positive {
    text-align: right
}

#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact .wootric-followup {
    padding-bottom: 24px
}

#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact #wootric-close {
    position: absolute;
    top: -36px;
    right: 14px;
    width: 28px;
    height: 28px;
    border: 0 none;
    border-radius: 0;
    background: transparent none;
    transition: border-color .25s ease-in-out 0s, box-shadow .1s ease-in-out 0s, background-color .25s ease-in-out 0s, color .25s ease-in-out 0s
}

#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact #wootric-close #wootric-dismiss,#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact #wootric-close .wootric-x-wrapper {
    display: none
}

#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact #wootric-close::before,#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact #wootric-close::after {
    content: '';
    display: block;
    position: absolute;
    left: 6px;
    width: 16px;
    height: 2px;
    background: #fff;
    transform: rotate(45deg);
    transition: background-color .1s
}

#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact #wootric-close::after {
    transform: rotate(-45deg)
}

#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact #wootric-close:hover {
    width: 28px;
    background-color: #3b4146
}

#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact #wootric-close:hover::before,#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact #wootric-close:hover::after {
    background-color: #fff
}

#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact.modal-locked .wootric-alt-anchors {
    display: none
}

#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact.wootric-mobile-modal {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0
}

#wootric-modal.wootric-zendesk-layout.wootric-survey-type-csat.wootric-bottom.light.compact.wootric-mobile-modal .wootric-beacon-parent {
    border-top: 0 none !important
}

.btn-fb {
    background-color: #4267b2;
    color: #fff;
    background-image: none;
    box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
    box-shadow: none
}

.btn-fb::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    border-radius: 6px;
    background-color: rgba(53,82,142,0.5);
    background-image: none;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
    transition: opacity .1s ease-out 0s
}

.btn-fb:focus::before,.btn-fb:hover::before {
    opacity: 1
}

.btn-fb:hover {
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
    color: #fff
}

.btn-fb:focus {
    box-shadow: 0 1px 6px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
    color: #fff
}

.btn-fb:active {
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
    color: #fff;
    transform: translate3d(0, 1px, 0)
}

.btn-fb:focus:active {
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset
}

.btn-fb:focus:active::before {
    box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset
}

.btn-fb::before,.btn-fb:hover,.btn-fb:focus,.btn-fb:active,.btn-fb:focus:active,.btn-fb:focus:active::before {
    box-shadow: none
}

.btn-fb.btn-loading,.btn-fb.btn-loading:hover,.btn-fb.btn-loading:focus,.btn-fb.btn-loading:focus:hover,.btn-fb.btn-loading:active,.btn-fb.btn-loading:focus:active {
    position: relative;
    overflow: visible;
    background-color: #4267b2
}

.btn-fb.btn-loading::after,.btn-fb.btn-loading:hover::after,.btn-fb.btn-loading:focus::after,.btn-fb.btn-loading:focus:hover::after,.btn-fb.btn-loading:active::after,.btn-fb.btn-loading:focus:active::after {
    background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100' width='100' viewBox='0 0 100 100' fill='none' stroke-width='6'%3E%3Ccircle cx='50' cy='50' r='46' stroke-linecap='round' stroke-dasharray='217 72' stroke='%23fff'/%3E%3C/svg%3E") center center no-repeat;
    background-size: contain
}

.btn-fb.btn-loading svg,.btn-fb.btn-loading .loader,.btn-fb.btn-loading:hover svg,.btn-fb.btn-loading:hover .loader,.btn-fb.btn-loading:focus svg,.btn-fb.btn-loading:focus .loader,.btn-fb.btn-loading:focus:hover svg,.btn-fb.btn-loading:focus:hover .loader,.btn-fb.btn-loading:active svg,.btn-fb.btn-loading:active .loader,.btn-fb.btn-loading:focus:active svg,.btn-fb.btn-loading:focus:active .loader {
    display: none
}

.btn-fb .svg-icon {
    color: #fff
}

.btn-twitter {
    background-color: #00abf0;
    color: #fff;
    background-image: none;
    box-shadow: 0 1px 2px 0 transparent, 0 0 0 1px transparent inset;
    box-shadow: none
}

.btn-twitter::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    border-radius: 6px;
    background-color: rgba(0,137,192,0.5);
    background-image: none;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
    transition: opacity .1s ease-out 0s
}

.btn-twitter:focus::before,.btn-twitter:hover::before {
    opacity: 1
}

.btn-twitter:hover {
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
    color: #fff
}

.btn-twitter:focus {
    box-shadow: 0 1px 6px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
    color: #fff
}

.btn-twitter:active {
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset;
    color: #fff;
    transform: translate3d(0, 1px, 0)
}

.btn-twitter:focus:active {
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.1) inset
}

.btn-twitter:focus:active::before {
    box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset
}

.btn-twitter::before,.btn-twitter:hover,.btn-twitter:focus,.btn-twitter:active,.btn-twitter:focus:active,.btn-twitter:focus:active::before {
    box-shadow: none
}

.btn-twitter.btn-loading,.btn-twitter.btn-loading:hover,.btn-twitter.btn-loading:focus,.btn-twitter.btn-loading:focus:hover,.btn-twitter.btn-loading:active,.btn-twitter.btn-loading:focus:active {
    position: relative;
    overflow: visible;
    background-color: #00abf0
}

.btn-twitter.btn-loading::after,.btn-twitter.btn-loading:hover::after,.btn-twitter.btn-loading:focus::after,.btn-twitter.btn-loading:focus:hover::after,.btn-twitter.btn-loading:active::after,.btn-twitter.btn-loading:focus:active::after {
    background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100' width='100' viewBox='0 0 100 100' fill='none' stroke-width='6'%3E%3Ccircle cx='50' cy='50' r='46' stroke-linecap='round' stroke-dasharray='217 72' stroke='%23fff'/%3E%3C/svg%3E") center center no-repeat;
    background-size: contain
}

.btn-twitter.btn-loading svg,.btn-twitter.btn-loading .loader,.btn-twitter.btn-loading:hover svg,.btn-twitter.btn-loading:hover .loader,.btn-twitter.btn-loading:focus svg,.btn-twitter.btn-loading:focus .loader,.btn-twitter.btn-loading:focus:hover svg,.btn-twitter.btn-loading:focus:hover .loader,.btn-twitter.btn-loading:active svg,.btn-twitter.btn-loading:active .loader,.btn-twitter.btn-loading:focus:active svg,.btn-twitter.btn-loading:focus:active .loader {
    display: none
}

.btn-twitter .svg-icon {
    color: #fff
}

.unavailable-content {
    position: relative
}

.unavailable-content__content .statistic-grid,.unavailable-content__content .smart-row {
    filter: blur(5px)
}

.unavailable-content__placeholder {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent
}

.unavailable-content__placeholder::before {
    content: '';
    position: absolute;
    opacity: .75;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background-color: white
}

.unavailable-content__placeholder .a-card {
    width: 100%;
    height: 100%;
    background-color: transparent
}

.ribbon {
    font-family: Lato,sans-serif;
    -webkit-font-smoothing: antialiased;
    transition: background-color .1s linear 0s;
    word-wrap: break-word;
    word-break: break-word
}

.ribbon--nowrap {
    white-space: nowrap
}

.ribbon__label {
    display: inline-block;
    padding: 0 .5em;
    background-color: transparent;
    -webkit-font-smoothing: antialiased;
    line-height: 1.7em;
    transition: background-color .1s linear 0s
}

.ribbon__label-text {
    position: relative;
    font-size: inherit;
    font-weight: 600
}

.ribbon-preview {
    padding-bottom: 4px;
    font-weight: 400;
    text-align: center;
    font-size: 12px;
    line-height: 18px
}

.preview-ribbon .ribbon {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    max-width: 80%;
    margin-top: 8px
}

.preview-ribbon .ribbon__label {
    position: relative;
    margin-top: 8px
}

@media screen and (min-width: 1024px) {
    .preview-ribbon .ribbon__label {
        margin-top:10px
    }
}

.example-product .example-product__name {
    font-size: 14px;
    line-height: 22px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e
}

.example-product .example-product__main-info {
    display: flex;
    align-items: center
}

.example-product .example-product__price {
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--headers-font-weight, 700);
    color: #0a1c2e
}

@media screen and (min-width: 768px) {
    .example-product .example-product__price {
        font-size:20px;
        line-height: 28px
    }
}

.muted .example-product__name,.muted .example-product__price {
    color: #607385
}

@media screen and (min-width: 568px) and (max-width: 767px) {
    .examples-panel {
        display:flex;
        flex-wrap: wrap
    }
}

.examples-panel .examples-panel__item {
    flex: 1 0 50%
}

.product-option-choice {
    display: flex;
    flex-grow: 1
}

@media screen and (min-width: 1280px) {
    .product-option-choice:hover .product-option-choice__add-price-modifier-link {
        display:block
    }
}

.product-option-choice__body {
    flex-grow: 1;
    margin-right: 8px
}

@media screen and (min-width: 1280px) {
    .product-option-choice__body {
        display:flex
    }
}

.product-option-choice__name-field {
    margin-bottom: 8px
}

@media screen and (min-width: 1280px) {
    .product-option-choice__name-field {
        width:calc(50% - 4px);
        margin-bottom: 0;
        margin-right: 16px
    }
}

.product-option-choice__price-modifier-fields {
    width: 160px
}

@media screen and (min-width: 1280px) {
    .product-option-choice__price-modifier-fields {
        display:block
    }
}

@media screen and (min-width: 1280px) {
    .product-option-choice__add-price-modifier-link {
        display:none;
        padding-top: 8px
    }
}

.product-option-choice__remove-price-modifier-link {
    margin-left: 8px;
    padding-top: 8px;
    display: none
}

@media screen and (min-width: 768px) {
    .product-option-choice__remove-price-modifier-link {
        display:inline-block
    }
}

@media screen and (min-width: 1280px) {
    .product-option-choice__remove-price-modifier-link {
        display:none
    }
}

.product-option-choice__control {
    padding-top: 3px
}

.product-option-item {
    padding-top: 5px;
    padding-bottom: 5px
}

@media screen and (min-width: 768px) {
    .product-option-item {
        display:flex;
        min-height: 34px;
        padding-top: 4px;
        padding-bottom: 4px
    }

    .product-option-item .product-option-item__name {
        flex: 1;
        align-self: flex-start;
        width: 0;
        margin-top: 5px;
        margin-right: 16px;
        margin-bottom: 0
    }

    .product-option-item .product-option-item__choices {
        flex: 1;
        flex-grow: 3;
        width: 0;
        margin-right: 8px
    }
}

.product-option-item--customer-input-field .product-option-item__required-note {
    margin-top: 5px
}

.product-option-item--customer-input-field .product-option-item__choices {
    display: none
}

.product-option-item__name {
    margin-bottom: 8px;
    word-wrap: break-word;
    word-break: break-word
}

.choices-list {
    margin-bottom: -8px
}

@media screen and (min-width: 768px) {
    .product-option-item-menu {
        margin-top:5px
    }
}

.get-the-app {
    padding-bottom: 24px
}

.get-the-app .get-the-app__link {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: auto;
    margin-left: 6px;
    padding: 3px 8px;
    border: 1px solid rgba(170,184,197,0.5);
    border-radius: 3px;
    color: #aab8c5;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    transition: color .1s ease-out 0s, border-color .1s ease-out 0s;
    cursor: pointer
}

.get-the-app .get-the-app__link:hover {
    border-color: #8af;
    color: #8af
}

@media screen and (min-width: 1024px) {
    .get-the-app .get-the-app__link:hover .get-the-app__submenu-wrapper {
        z-index:2;
        width: 264px;
        height: auto;
        border-width: 1px 1px 1px 0;
        border-style: solid;
        border-color: rgba(0,0,0,0);
        box-shadow: 0 5px 20px rgba(0,0,0,0.15)
    }
}

.get-the-app .get-the-app__icon {
    display: inline-block;
    position: relative;
    top: 1px;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom
}

.get-the-app .get-the-app__icon svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
    transition: fill .1s ease-out 0s
}

.get-the-app .get-the-app__text {
    display: inline;
    word-wrap: break-word
}

@media screen and (min-width: 1024px) {
    .get-the-app .get-the-app__text {
        display:none
    }
}

.get-the-app .get-the-app__submenu-wrapper {
    display: none;
    overflow: hidden;
    box-sizing: border-box;
    min-width: 100%;
    max-width: 100%;
    height: 0;
    background-color: #252e37;
    transform: translateZ(0)
}

@media screen and (min-width: 1024px) {
    .get-the-app .get-the-app__submenu-wrapper {
        display:block;
        position: absolute;
        top: 0;
        left: calc(var(--menu-width) - 7px);
        overflow: hidden;
        width: 0;
        min-width: 0;
        max-width: 264px;
        height: auto;
        border-width: 1px 0 1px 0;
        border-style: solid;
        border-color: transparent;
        box-shadow: none;
        transition: width 0s linear .2s, border-width 0s linear .2s, border-color 0s linear .2s, box-shadow 0s linear .2s, z-index 0s linear .2s
    }
}

.get-the-app .get-the-app__submenu-title {
    display: none
}

@media screen and (min-width: 1024px) {
    .get-the-app .get-the-app__submenu-title {
        display:block;
        position: relative;
        padding: 15px 24px 15px 32px;
        color: #607385;
        font-size: 12px;
        font-weight: 600;
        text-decoration: none;
        text-transform: uppercase
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--wider .get-the-app .get-the-app__link {
        margin-left:16px
    }
}

@media screen and (min-width: 1680px) {
    .ecwid-vertical-menu--wider .get-the-app .get-the-app__link {
        width:auto;
        margin-left: 42px
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--wider .get-the-app .get-the-app__icon {
        margin-left:8px
    }
}

.ecwid-vertical-menu--wider .get-the-app .get-the-app__icon+.get-the-app__icon {
    margin-left: 0
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--wider .get-the-app .get-the-app__text {
        display:inline
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--wider .get-the-app .get-the-app__submenu-wrapper {
        display:none
    }
}

.ecwid-main-container-pushed .get-the-app .get-the-app__link {
    margin-left: 19px
}

.ecwid-main-container-pushed .get-the-app .get-the-app__icon {
    margin-left: 8px
}

.ecwid-main-container-pushed .get-the-app .get-the-app__icon+.get-the-app__icon {
    margin-left: 0
}

.ecwid-vertical-menu--with-icons .get-the-app {
    padding-top: 8px;
    padding-bottom: 8px
}

@media screen and (max-width: 1023px) {
    .ecwid-vertical-menu--with-icons .get-the-app .get-the-app__link {
        margin-left:18px
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--with-icons.ecwid-vertical-menu--wider .get-the-app .get-the-app__link {
        margin-left:18px
    }
}

@media screen and (min-width: 1680px) {
    .ecwid-vertical-menu--with-icons.ecwid-vertical-menu--wider .get-the-app .get-the-app__link {
        margin-left:18px
    }
}

@media screen and (min-width: 1024px) {
    .ecwid-vertical-menu--with-icons:not(.ecwid-vertical-menu--wider) .get-the-app .get-the-app__link {
        display:block;
        margin-left: 0;
        border-right: 0;
        border-left: 0;
        border-radius: 0
    }

    .ecwid-vertical-menu--with-icons:not(.ecwid-vertical-menu--wider) .get-the-app .get-the-app__link .get-the-app__submenu-wrapper {
        display: none;
        height: auto;
        margin-left: 10px;
        padding-top: 12px;
        padding-bottom: 8px;
        border-width: 1px 1px 1px 0;
        border-style: solid;
        border-radius: 6px;
        border-color: rgba(0,0,0,0);
        line-height: 20px;
        box-shadow: 0 5px 20px rgba(0,0,0,0.15)
    }

    .ecwid-vertical-menu--with-icons:not(.ecwid-vertical-menu--wider) .get-the-app .get-the-app__link:hover .get-the-app__submenu-wrapper {
        display: block;
        top: -14px;
        left: var(--menu-width);
        overflow: visible
    }

    .ecwid-vertical-menu--with-icons:not(.ecwid-vertical-menu--wider) .get-the-app .get-the-app__link:hover .get-the-app__submenu-wrapper::before {
        content: "";
        position: absolute;
        top: 50%;
        left: -15px;
        width: 22px;
        height: 8px;
        margin-top: -4px;
        border: 0 solid transparent;
        background: url("data:image/svg+xml;charset=utf8,%3Csvg width='22' height='7' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 7' fill='%23252e37'%3E%3Cpath d='m9.246 5.525-3.48-3.302c-.598-.567-.897-.85-1.22-1.084A6 6 0 0 0 1.823.053C1.455.003.738 0 0 0l22 .002c-.945.008-1.53.04-2.087.181a6 6 0 0 0-1.807.792c-.626.408-1.151.978-2.202 2.117L13.8 5.372c-.769.835-1.153 1.252-1.609 1.418a2 2 0 0 1-1.246.042c-.465-.136-.877-.526-1.7-1.307Z'/%3E%3C/svg%3E") no-repeat center top;
        transform: rotate(90deg)
    }

    .ecwid-vertical-menu--with-icons:not(.ecwid-vertical-menu--wider) .get-the-app .get-the-app__link:hover .get-the-app__submenu-wrapper::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: -10px;
        width: 10px;
        height: 100%
    }

    .ecwid-vertical-menu--with-icons:not(.ecwid-vertical-menu--wider) .get-the-app .get-the-app__link:hover .get-the-app__submenu-title {
        margin: 0 0 4px;
        padding: 4px 16px
    }
}

@media screen and (min-width: 1024px) and (max-width: 1679px) {
    .ecwid-lang-bg .get-the-app .get-the-app__text,.ecwid-lang-hu .get-the-app .get-the-app__text,.ecwid-lang-ru .get-the-app .get-the-app__text {
        display:none
    }

    .ecwid-lang-bg .get-the-app .get-the-app__icon,.ecwid-lang-hu .get-the-app .get-the-app__icon,.ecwid-lang-ru .get-the-app .get-the-app__icon {
        margin-left: 0
    }
}

.profile .profile__card .multiadmin-profile {
    width: inherit;
    height: inherit
}

@media screen and (min-width: 1024px) {
    .profile .profile__card .multiadmin-profile {
        width:inherit;
        height: inherit
    }
}

.preview-product__popup .main-popup__main-title {
    margin-bottom: 48px;
    font-size: 16px;
    line-height: 24px
}

@media screen and (min-width: 768px) {
    .preview-product__popup .main-popup__main-title {
        font-size:20px;
        line-height: 28px
    }
}

.preview-product__popup .ec-store .product-details__gallery .details-gallery__images-zoom {
    background-color: #fff
}

.gt-questions {
    overflow: visible;
    background-color: #fff
}

@media screen and (max-width: 1023px) {
    .gt-questions {
        padding-right:16px;
        padding-left: 16px
    }
}

.gt-questions .plain-page__head {
    display: grid;
    grid-template-columns: min-content 1fr min-content;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding-bottom: 8px
}

@media screen and (min-width: 1024px) {
    .gt-questions .plain-page__head {
        grid-template-columns:1fr 600px 1fr;
        max-width: none;
        padding-bottom: 24px
    }
}

.gt-questions .plain-page__content {
    overflow: hidden;
    height: 100%
}

.gt-questions .plain-page__content--shadow::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    box-shadow: 0 -1px 0 0 #bfc7ce
}

.gt-questions .website-choose .btn {
    min-width: 100%;
    margin-bottom: 5px;
    text-align: left
}

.gt-questions .btn {
    margin-bottom: 5px
}

@media screen and (min-width: 568px) {
    .gt-questions .btn {
        min-width:270px
    }
}

.gt-questions .fieldset {
    width: 100%
}

.gt-questions__steps {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    margin-right: -30px;
    padding: 24px 30px 0 0;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth
}

.gt-questions__logo {
    grid-column: 1 / span 1;
    grid-row: 1
}

.gt-questions__logo--desktop {
    margin: 24px 32px 0 0
}

@media screen and (max-width: 767px) {
    .gt-questions__logo--desktop {
        display:none
    }
}

.gt-questions__logo--desktop svg,.gt-questions__logo--desktop img {
    display: block;
    width: auto;
    height: 37px
}

.gt-questions__logo--mobile {
    margin: 8px 12px 0 0
}

@media screen and (min-width: 768px) {
    .gt-questions__logo--mobile {
        display:none
    }
}

.gt-questions__logo--mobile svg,.gt-questions__logo--mobile img {
    display: block;
    width: auto;
    height: 34px
}

.gt-questions__progress {
    grid-column: 2 / span 2;
    grid-row: 1;
    width: 100%;
    max-width: 600px;
    margin-top: 8px;
    text-align: left
}

@media screen and (min-width: 768px) {
    .gt-questions__progress {
        margin-top:28px
    }
}

@media screen and (min-width: 1024px) {
    .gt-questions__progress {
        grid-column:2
    }
}

.gt-questions__skip {
    grid-column: 3;
    grid-row: 1;
    padding: 8px 0 0 8px;
    text-align: right;
    font-size: 14px;
    line-height: 22px
}

@media screen and (min-width: 768px) {
    .gt-questions__skip {
        margin-top:20px
    }
}

.gt-questions__step {
    display: none;
    opacity: 0;
    max-width: 600px;
    margin: 0 auto 56px;
    font-size: 14px;
    line-height: 22px
}

.gt-questions__step--shown {
    display: block;
    animation: fadeIn .3s ease-out .3s forwards
}

.gt-questions__step--active {
    min-height: 100%
}

.gt-questions__step .radio-card .iconable-link {
    display: grid;
    grid-gap: 12px;
    grid-template-columns: 28px 1fr
}

.gt-questions__step .radio-card .iconable-link--vertical {
    grid-gap: 12px;
    grid-template: 50px 1fr / 1fr;
    align-items: center;
    margin: 12px;
    text-align: center;
    justify-items: center
}

.gt-questions__step .radio-card .iconable-link--vertical .iconable-link__icon {
    height: auto
}

.gt-questions__step .radio-card .iconable-link--vertical svg {
    display: block;
    width: 50px;
    height: 50px
}

.gt-questions__step .radio-card .iconable-link__icon {
    margin: 0;
    padding: 0;
    font-size: 24px
}

.gt-questions__step .radio-card .iconable-link__text {
    font-size: 14px;
    line-height: 22px
}

.gt-questions__step .custom-checkbox__text {
    font-weight: 400
}

.gt-questions__promo {
    display: grid;
    grid-gap: 24px;
    font-size: 14px;
    line-height: 22px
}

@media screen and (min-width: 568px) {
    .gt-questions__promo {
        grid-template-columns:240px 1fr
    }
}

.gt-questions__promo img {
    display: block;
    width: 240px;
    max-width: 80%
}

@media screen and (min-width: 568px) {
    .gt-questions__promo img {
        max-width:100%
    }
}

.gt-questions__promo ul {
    margin: 16px 0;
    padding: 0 0 0 20px
}

.gt-questions__promo li {
    margin-bottom: 8px;
    list-style: disc
}

.radio-card-block {
    display: grid;
    grid-gap: 8px
}

.radio-card-block--col2 {
    grid-template-columns: 1fr 1fr
}

.radio-card-block--col3 {
    grid-template-columns: 1fr 1fr
}

@media screen and (min-width: 568px) {
    .radio-card-block--col3 {
        grid-template-columns:1fr 1fr 1fr
    }
}

.radio-card {
    display: flex;
    transition: background-color .1s linear;
    cursor: pointer
}

.radio-card:hover {
    background-color: #f9f9fa
}

.radio-card input {
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0
}

.radio-card input:checked~.radio-card__wrap {
    border-color: #275ce0;
    outline: 0;
    background-color: #fff;
    box-shadow: 0 0 0 1px #275ce0 inset
}

.radio-card__wrap {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 12px;
    border: 1px solid #bfc7ce;
    border-radius: 5px;
    transition: color .1s linear, background-color .1s linear, border-color .1s linear, box-shadow .1s linear
}

.gt-plans-page {
    margin-bottom: 40px
}

.gt-plans-page h1 {
    margin-top: 24px;
    text-align: center
}

@media screen and (min-width: 1024px) {
    .gt-plans-page h1 {
        margin-top:40px
    }
}

@media screen and (min-width: 1280px) {
    .gt-plans-page h1 {
        margin-top:8px
    }
}

.gt-plans-page .text-selector {
    width: 400px;
    max-width: 100%;
    margin: 24px auto
}

@media screen and (min-width: 1024px) {
    .gt-plans-page .text-selector {
        margin-bottom:40px
    }
}

@media screen and (max-height: 800px) {
    .gt-plans-page .text-selector {
        margin:16px auto
    }
}

.gt-plans-page__plans {
    --plan-cell-width: 300px;
    --plan-cell-margin: 8px;
    --page-padding: -8px;
    --carousel-shift: 120%;
    --carousel-svg-shift: 30px;
    overflow: hidden;
    width: 100vw;
    margin-left: min(var(--page-padding), calc(( 1138px - 100vw) / 2))
}

@media screen and (min-width: 1024px) {
    .gt-plans-page__plans {
        --page-padding: -32px
    }
}

@media screen and (min-width: 1400px) {
    .gt-plans-page__plans {
        --page-padding: -40px
    }
}

.gt-plans-table {
    position: relative;
    overflow-x: auto;
    overflow-y: visible;
    margin-bottom: -30px;
    padding-bottom: 30px;
    -webkit-overflow-scrolling: touch;
    scroll-snap-destination: 50% 50%;
    scroll-snap-type: x mandatory
}

.gt-plans-table__wrap {
    display: flex;
    width: calc(var(--plan-cell-width) * 4 + var(--plan-cell-margin) * 8);
    margin: 0 auto;
    padding: 0 calc(50% - var(--plan-cell-width) * .5 - var(--plan-cell-margin))
}

@media screen and (min-width: 1024px) {
    .gt-plans-table__wrap {
        padding:0 calc(50% - var(--plan-cell-width) * 1.5 - var(--plan-cell-margin) * 3)
    }
}

@media screen and (min-width: 1280px) {
    .gt-plans-table__wrap {
        padding:0
    }
}

.gt-plans-table__cell {
    display: flex;
    flex: 0 0 var(--plan-cell-width);
    align-items: flex-start;
    width: var(--plan-cell-width);
    padding: 0 var(--plan-cell-margin);
    scroll-snap-align: center;
    -webkit-scroll-snap-coordinate: 50% 50%;
    scroll-snap-coordinate: 50% 50%;
    font-size: 14px;
    line-height: 22px
}

.gt-plans-table__cell:nth-child(n + 2) .a-card-stack {
    display: flex;
    flex-direction: column;
    height: 100%
}

@media screen and (min-width: 568px) {
    .gt-plans-table__cell:nth-child(n + 2) .a-card-stack {
        height:calc(100% - 38px)
    }
}

.gt-plans-table__cell .a-card-stack {
    width: 100%
}

.gt-plans-table__cell .a-card-stack .a-card {
    border-bottom: 0
}

@media screen and (min-width: 568px) {
    .gt-plans-table__cell .a-card-stack {
        margin:38px 0 0
    }
}

@media screen and (min-width: 568px) {
    .gt-plans-table__cell--featured:nth-child(n + 2) .a-card-stack {
        height:100%
    }

    .gt-plans-table__cell--featured .a-card-stack {
        margin-top: 0
    }
}

.gt-plans-table__cell .a-card,.gt-plans-table__cell .a-card__paddings {
    display: flex
}

.gt-plans-table__cell .a-card>div,.gt-plans-table__cell .a-card__paddings>div {
    display: flex;
    flex: 1;
    flex-direction: column;
    height: auto
}

.gt-plans-table__cell .inline-text-tag {
    position: absolute;
    top: 10px;
    right: 8px;
    font-size: 14px;
    line-height: 22px
}

@media screen and (min-width: 568px) {
    .gt-plans-table__cell .inline-text-tag {
        display:none
    }
}

.a-card-stack .gt-plans-table__label {
    padding: 8px 20px;
    background-color: #cfdbfa;
    color: #275ce0;
    text-align: center
}

@media screen and (max-width: 567px) {
    .a-card-stack .gt-plans-table__label {
        display:none
    }
}

.a-card-stack .gt-plans-table__body {
    flex: 1
}

.a-card-stack .gt-plans-table__body .a-card__paddings {
    padding: 20px
}

@media screen and (max-width: 567px) {
    .a-card-stack .gt-plans-table__body {
        border-top-left-radius:8px;
        border-top-right-radius: 8px
    }
}

.gt-plans-table__features {
    flex: 1;
    margin-bottom: 32px;
    padding-top: 24px;
    border-top: 1px solid #bfc7ce
}

@media screen and (max-height: 800px) {
    .gt-plans-table__features {
        margin-bottom:16px
    }
}

.gt-plans-table__features ul {
    margin: 0 0 16px;
    padding: 0
}

.gt-plans-table__features li {
    display: flex;
    align-items: flex-start;
    margin: 0 0 8px;
    padding: 0;
    list-style: none
}

@media screen and (max-height: 800px) {
    .gt-plans-table__features li {
        margin:0 0 4px
    }
}

.gt-plans-table__features li .svg-icon {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    flex: 0 0 26px;
    width: 18px;
    height: 18px;
    margin-top: 2px;
    padding: 2px
}

.gt-plans-table__features li .svg-icon svg {
    display: block;
    width: 14px;
    height: 14px;
    fill: #0cac42
}

.gt-plans-table__features a {
    color: #0a1c2e;
    text-decoration: underline
}

.gt-plans-table__description {
    min-height: 44px
}

.gt-plans-table__price {
    margin-bottom: 8px
}

.gt-plans-table__price sup {
    margin-right: 3px;
    vertical-align: top;
    font-size: 14px;
    line-height: 22px
}

.gt-plans-table__price span {
    margin-right: 4px;
    font-size: 32px;
    line-height: 38px
}

.gt-plans-table__arrow {
    display: none;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    opacity: .7;
    color: #607385;
    transition: opacity .12s linear 0s;
    cursor: pointer
}

.gt-plans-table__arrow svg {
    position: absolute;
    top: 180px;
    width: 18px;
    height: 18px
}

.gt-plans-table__arrow svg path {
    fill: currentColor
}

.gt-plans-table__arrow--left {
    right: calc(50% + var(--plan-cell-width) / 2);
    left: 0
}

.gt-plans-table__arrow--left svg {
    right: var(--carousel-svg-shift)
}

.gt-plans-table__arrow--right {
    right: 0;
    left: calc(50% + var(--plan-cell-width) / 2)
}

.gt-plans-table__arrow--right svg {
    left: var(--carousel-svg-shift);
    transform: rotate(180deg)
}

.gt-plans-page__submenu {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 24px;
    border-bottom: 1px solid #bfc7ce
}

@media screen and (min-width: 1024px) {
    .gt-plans-page__submenu {
        display:none
    }
}

@media screen and (max-height: 700px) {
    .gt-plans-page__submenu {
        display:none
    }
}

.gt-plans-page__subitem {
    margin-bottom: -1px;
    padding: 12px 16px;
    border-bottom: 3px solid transparent;
    color: #607385;
    font-weight: 500;
    cursor: pointer
}

.gt-plans-page__subitem--active {
    border-color: #275ce0;
    color: #0a1c2e
}

.gt-plans-table--animated .gt-plans-table__cell {
    transition: all .3s ease-out 0s
}

@media screen and (min-width: 1024px) {
    .gt-plans-table--carousel {
        overflow:hidden;
        scroll-snap-type: none
    }

    .gt-plans-table--carousel .gt-plans-table__wrap {
        width: calc(var(--plan-cell-width) + var(--plan-cell-margin) * 2);
        margin: 0 auto;
        padding: 0 0 38px
    }

    .gt-plans-table--carousel .gt-plans-table__cell {
        position: relative;
        z-index: 1;
        opacity: 0
    }

    .gt-plans-table--carousel .gt-plans-table__cell .a-card-stack {
        height: auto;
        margin: 0
    }

    .gt-plans-table--carousel .gt-plans-table__cell:nth-child(n+1) {
        margin-right: -100%
    }

    .gt-plans-table--carousel .gt-plans-table__cell--left {
        z-index: 2;
        opacity: .5;
        transform: translate3d(calc(var(--carousel-shift) * -1), 24px, 0)
    }

    .gt-plans-table--carousel .gt-plans-table__cell--right {
        z-index: 2;
        opacity: .5;
        transform: translate3d(var(--carousel-shift), 24px, 0)
    }

    .gt-plans-table--carousel .gt-plans-table__cell--spare-left {
        transform: translate3d(calc(var(--carousel-shift) * -.5), 24px, 0) scale(0.5)
    }

    .gt-plans-table--carousel .gt-plans-table__cell--spare-right {
        transform: translate3d(calc(var(--carousel-shift) * -.5), 24px, 0) scale(0.5)
    }

    .gt-plans-table--carousel .gt-plans-table__cell--selected {
        z-index: 3;
        opacity: 1
    }

    .gt-plans-table--carousel .gt-plans-table__cell--left,.gt-plans-table--carousel .gt-plans-table__cell--right,.gt-plans-table--carousel .gt-plans-table__cell--spare-left,.gt-plans-table--carousel .gt-plans-table__cell--spare-right {
        pointer-events: none
    }

    .gt-plans-table--carousel .gt-plans-table__cell--left .gt-plans-table__features,.gt-plans-table--carousel .gt-plans-table__cell--right .gt-plans-table__features,.gt-plans-table--carousel .gt-plans-table__cell--spare-left .gt-plans-table__features,.gt-plans-table--carousel .gt-plans-table__cell--spare-right .gt-plans-table__features {
        margin-bottom: 0
    }

    .gt-plans-table--carousel .gt-plans-table__cell--left .btn,.gt-plans-table--carousel .gt-plans-table__cell--right .btn,.gt-plans-table--carousel .gt-plans-table__cell--spare-left .btn,.gt-plans-table--carousel .gt-plans-table__cell--spare-right .btn {
        display: none
    }

    .gt-plans-table--carousel .gt-plans-table__description {
        min-height: 0
    }

    .gt-plans-table--carousel .inline-text-tag {
        display: block
    }

    .gt-plans-table--carousel .a-card-stack .gt-plans-table__body {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px
    }

    .gt-plans-table--carousel .a-card-stack .gt-plans-table__label {
        display: none
    }

    .gt-plans-table--carousel .gt-plans-table__arrow {
        display: block
    }
}

@media screen and (min-width: 1280px) {
    .gt-plans-table--carousel {
        --carousel-shift: 140%;
        --carousel-svg-shift: 50px
    }
}

@media screen and (min-width: 1400px) {
    .gt-plans-table--carousel {
        --carousel-shift: 160%
    }
}

.mobile-app-promo {
    display: flex;
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    align-items: flex-end;
    background-color: rgba(0,0,0,0.5)
}

.mobile-app-promo__wrap {
    display: grid;
    opacity: 0;
    grid-row-gap: 8px;
    grid-template-areas: "logo title close" "text text text" "button button button";
    grid-template-columns: 48px 1fr 30px;
    width: 100%;
    padding: 16px;
    border-radius: 8px 8px 0 0;
    background-color: #fff;
    animation: show-mobile-app-promo .2s ease-out .2s forwards
}

.mobile-app-promo__logo {
    grid-area: logo
}

.mobile-app-promo__logo svg {
    display: block;
    width: 36px;
    height: 36px
}

.mobile-app-promo__title {
    grid-area: title;
    align-self: center;
    font-size: 20px;
    line-height: 28px;
    font-family: var(--headers-font-family);
    font-weight: var(--headers-font-weight, 700);
    color: #0a1c2e
}

@media screen and (min-width: 768px) {
    .mobile-app-promo__title {
        font-size:24px;
        line-height: 30px
    }
}

.mobile-app-promo__close {
    grid-area: close;
    width: 18px;
    height: 18px;
    margin: -12px -12px 0 0;
    padding: 12px
}

.mobile-app-promo__close svg {
    display: block
}

.mobile-app-promo__close svg path {
    fill: #607385
}

.mobile-app-promo__close svg:hover {
    opacity: .8
}

.mobile-app-promo__text {
    grid-area: text
}

.mobile-app-promo__button {
    grid-area: button;
    margin-top: 4px
}

@keyframes show-mobile-app-promo {
    0% {
        opacity: 0;
        transform: translate3d(0, 20px, 0)
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.order-refund-reason__header {
    padding: 0
}

.order-refund-reason__header .labeled-icon {
    margin: 0
}

.order-refund-refunds-list__item {
    border-bottom: 1px solid #bfc7ce;
    border-width: 1px 0;
    padding: 10px 0
}

.order-refund-refunds-list__item:last-child {
    border: 0
}

.mobile-header {
    display: none;
    position: absolute;
    z-index: 30;
    right: 0;
    left: 0;
    align-items: center;
    padding: 8px
}

.mobile-header .mobile-header__help .icolink-item .get-help-block .icolink-desktop {
    position: absolute;
    z-index: -10;
    top: -10000px;
    left: -1000px;
    opacity: 0
}

.mobile-header__store {
    flex: 1
}

.mobile-header__store>.icolink-item-defaultStoreUrl {
    display: none
}

.mobile-header__dashboard {
    position: inherit;
    background-color: white
}

.mobile-header__upgrade,.mobile-header__help {
    flex-shrink: 0;
    margin-left: 16px
}

.mobile-menu {
    display: none;
    position: fixed;
    z-index: 1000;
    right: 0;
    bottom: 0;
    left: 0;
    justify-content: stretch;
    padding-bottom: 8px;
    border-top: 1px solid #bfc7ce;
    background-color: #fff
}

.mobile-menu__button {
    flex: 1;
    padding: 6px;
    text-align: center;
    font-size: 12px;
    line-height: 18px
}

.mobile-menu__button,.mobile-menu__button:visited {
    color: #607385
}

.mobile-menu__button--active,.mobile-menu__button--active:visited {
    color: #275ce0
}

.mobile-menu__button svg {
    display: block;
    width: 24px;
    height: 24px;
    margin: 4px auto
}

.mobile-menu__button svg path {
    fill: currentColor
}

.menu-page .a-card {
    margin-bottom: 10px
}

@media screen and (max-width: 567px) {
    .gt-mobile-menu-active .mobile-header,.gt-mobile-menu-active .mobile-menu {
        display:flex
    }
}

@media screen and (max-width: 567px) {
    .gt-mobile-menu-active .main-menu>.header-wrapper>*:not(.save-panel,.mobile-header),.gt-mobile-menu-active .header-top>.header-wrapper>*:not(.save-panel,.mobile-header) {
        display:none
    }
}

.gt-mobile-menu-active .main-menu>.header-wrapper>.mobile-header>.mobile-header__store>.icolink-item-defaultStoreUrl,.gt-mobile-menu-active .header-top>.header-wrapper>.mobile-header>.mobile-header__store>.icolink-item-defaultStoreUrl {
    display: block
}

.gt-mobile-menu-active .main-menu.gt-mobile,.gt-mobile-menu-active .header-top.gt-mobile {
    background-color: transparent;
    box-shadow: none
}

@media screen and (max-width: 567px) {
    .gt-mobile-menu-active .header+.body-container .ecwid-MainPanel-content {
        padding-top:56px
    }
}

@media screen and (max-width: 567px) {
    .gt-mobile-menu-active .footer {
        padding-bottom:60px
    }
}

.settings-page.menu-page .settings-page__header .main-menu__icon {
    display: none
}

.settings-page.menu-page .settings-page__header .submenu-wrapper {
    display: none
}

.settings-page.menu-page .settings-page__header .submenu-wrapper .submenu-title {
    display: none
}

.settings-page.menu-page .settings-page__header .submenu-wrapper .nav.nav-links {
    padding: 12px 16px;
    border-top: 1px solid #bfc7ce
}

.settings-page.menu-page .settings-page__header .submenu-wrapper .nav.nav-links .active span {
    border-bottom: none
}

.settings-page.menu-page .settings-page__header .submenu-wrapper .nav.nav-links>li {
    float: none
}

.settings-page.menu-page .settings-page__header .submenu-wrapper .nav.nav-links>li>a>span {
    padding-bottom: 0
}

.settings-page.menu-page .settings-page__header .submenu-wrapper .menu__search-wrapper {
    display: none
}

.settings-page.menu-page .settings-page__header>.a-card li {
    margin-bottom: 0;
    list-style-type: none
}

.settings-page.menu-page .settings-page__header>.a-card li:not(.has-subsection)>a .main-menu__text {
    display: block;
    padding: 12px 16px;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px
}

.settings-page.menu-page .settings-page__header>.a-card li:not(.has-subsection)>a .main-menu__text,.settings-page.menu-page .settings-page__header>.a-card li:not(.has-subsection)>a .main-menu__text:visited {
    color: #0a1c2e
}

.settings-page.menu-page .settings-page__header>.a-card li.has-submenu.active>.submenu-wrapper {
    display: block
}

.settings-page.menu-page .settings-page__header>.a-card li.has-subsection {
    padding-top: 16px
}

.settings-page.menu-page .settings-page__header>.a-card li.has-subsection>a {
    padding: 16px 16px 0;
    color: #607385;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px
}

.settings-page.menu-page .settings-page__header>.a-card li.has-subsection+li {
    border-top-width: 0
}

.settings-ground {
    background-color: #eceef0
}

@media screen and (min-width: 568px) {
    .website-card--mobile {
        display:none
    }
}

@media screen and (max-width: 567px) {
    .website-card--desktop {
        display:none
    }
}

.website-card__title {
    display: grid;
    grid-gap: 0 12px;
    grid-template-areas: "address" "action" "preview" "button";
    grid-template-columns: 1fr
}

@media screen and (min-width: 568px) {
    .website-card__title {
        grid-template-areas:"icon address button" "icon action button";
        grid-template-columns: 40px 1fr min-content
    }
}

@media screen and (min-width: 1024px) {
    .website-card__title {
        grid-template-areas:"address button" "action button";
        grid-template-columns: 1fr min-content
    }
}

@media screen and (min-width: 1280px) {
    .website-card__title {
        grid-template-areas:"icon address button" "icon action button";
        grid-template-columns: 40px 1fr min-content
    }
}

.website-card__icon {
    grid-area: icon;
    align-self: center;
    padding-right: 12px
}

.website-card__icon svg {
    display: block;
    color: #275ce0
}

@media screen and (min-width: 1024px) {
    .website-card__icon {
        display:none
    }
}

@media screen and (min-width: 1280px) {
    .website-card__icon {
        display:block
    }
}

.website-card__address {
    grid-area: address;
    word-break: break-word
}

.website-card__action {
    grid-area: action
}

.website-card__preview {
    overflow: hidden;
    grid-area: preview;
    width: 100%;
    max-width: 200px;
    margin: 0 auto
}

.website-card__preview .website-card__products {
    padding: 30px 0 20px
}

.website-card__preview .website-card__product-title {
    font-size: 10px;
    line-height: 1.3em
}

.website-card__preview .website-card__product-price {
    font-size: 12px
}

.website-card__preview--phone {
    max-width: 160px;
    margin: 24px auto;
    border: 4px solid #0a1c2e;
    border-radius: 16px
}

.website-card__preview--phone::after {
    content: "";
    display: block;
    width: 40%;
    height: 7px;
    margin: 0 auto;
    border-top: 2px solid #0a1c2e;
    border-radius: 2px
}

.website-card__preview--phone .website-card__products {
    padding: 10px 10px 20px
}

.website-card__preview--phone .website-card__products:empty {
    min-height: 100px;
    padding: 10px
}

.website-card__preview--phone .website-card__product-title {
    font-size: 9px;
    line-height: 1.3em
}

.website-card__preview--phone .website-card__product-price {
    font-size: 11px
}

.website-card__button {
    grid-area: button;
    align-self: center
}

@media screen and (min-width: 568px) {
    .website-card__button {
        min-width:200px
    }
}

@media screen and (min-width: 1024px) {
    .website-card__button {
        min-width:0
    }
}

@media screen and (min-width: 1280px) {
    .website-card__button {
        min-width:260px
    }
}

.website-card__body {
    position: relative
}

@media screen and (max-width: 567px) {
    .website-card__body {
        display:none
    }
}

@media (hover: hover) {
    .website-card__body:hover .website-card__overlay {
        opacity:1
    }
}

.website-card__image {
    width: 100%;
    margin: -1px 0 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.website-card__image~.website-card__overlay {
    top: -1px
}

.website-card__products {
    display: grid;
    grid-gap: 24px;
    grid-template-columns: 1fr;
    padding: 20px 24px
}

@media screen and (min-width: 568px) {
    .website-card__products {
        grid-template-columns:1fr 1fr
    }
}

@media screen and (min-width: 768px) {
    .website-card__products {
        grid-template-columns:1fr 1fr 1fr
    }
}

@media screen and (min-width: 1024px) {
    .website-card__products {
        grid-template-columns:1fr 1fr
    }
}

@media screen and (min-width: 1280px) {
    .website-card__products {
        grid-template-columns:1fr 1fr 1fr
    }
}

.website-card__products:empty {
    padding: 10px
}

@media screen and (min-width: 568px) {
    .website-card__products:empty {
        min-height:220px
    }
}

.website-card__products:empty~.website-card__overlay {
    animation: fadein .1s linear 2s forwards
}

.website-card__product:nth-child(n+2) {
    display: none
}

@media screen and (min-width: 568px) {
    .website-card__product:nth-child(2) {
        display:block
    }
}

@media screen and (min-width: 768px) {
    .website-card__product:nth-child(3) {
        display:block
    }
}

@media screen and (min-width: 1024px) {
    .website-card__product:nth-child(3) {
        display:none
    }
}

@media screen and (min-width: 1280px) {
    .website-card__product:nth-child(3) {
        display:block
    }
}

.website-card__product:nth-child(1) .website-card__product-image--no-image {
    background-color: #b5ebdc
}

.website-card__product:nth-child(2) .website-card__product-image--no-image {
    background-color: #f9d9e2
}

.website-card__product:nth-child(3) .website-card__product-image--no-image {
    background-color: #d4def4
}

.website-card__product-image {
    position: relative;
    margin: 0 0 10px;
    padding-top: 100%
}

.website-card__product-image.placeholder-blink {
    opacity: .5
}

.website-card__product-image.placeholder-blink img {
    opacity: 0
}

.website-card__product-image img {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.website-card__product-title {
    text-align: center;
    font-size: 14px;
    line-height: 22px
}

.website-card__product-price {
    font-weight: 600;
    text-align: center;
    font-size: 16px;
    line-height: 24px
}

.website-card__product-sample-ribbon {
    position: absolute;
    background-color: #000;
    right: 0;
    bottom: 0;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 22px
}

.website-card__overlay {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 0 0 8px 8px;
    background-color: rgba(255,255,255,0.65);
    transition: opacity .3s ease 0s
}

.website-card__overlay-inner {
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08)
}

a.website-card__overlay-control {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 230px;
    height: 40px;
    margin-top: -1px;
    border: 1px solid #bfc7ce;
    color: #0a1c2e;
    transition: background-color .1s linear 0s;
    font-family: var(--headers-font-family)
}

a.website-card__overlay-control:first-child {
    margin-top: 0;
    border-radius: 8px 8px 0 0
}

a.website-card__overlay-control:last-child {
    border-radius: 0 0 8px 8px
}

@media (hover: hover) {
    a.website-card__overlay-control:hover {
        color:#275ce0
    }
}

a.website-card__overlay-control:active {
    color: #688de9
}

@media screen and (min-width: 568px) {
    .website-card-partners--mobile {
        display:none
    }
}

@media screen and (max-width: 567px) {
    .website-card-partners--desktop {
        display:none
    }
}

.website-card-partners__title {
    display: grid;
    grid-gap: 0 12px;
    grid-template-areas: "address" "action" "preview" "button";
    grid-template-columns: 1fr
}

@media screen and (min-width: 568px) {
    .website-card-partners__title {
        grid-template-areas:"icon address button" "icon action button";
        grid-template-columns: 40px 1fr min-content
    }
}

@media screen and (min-width: 1024px) {
    .website-card-partners__title {
        grid-template-areas:"address button" "action button";
        grid-template-columns: 1fr min-content
    }
}

@media screen and (min-width: 1280px) {
    .website-card-partners__title {
        grid-template-areas:"icon address button" "icon action button";
        grid-template-columns: 40px 1fr min-content
    }
}

.website-card-partners__icon {
    grid-area: icon;
    align-self: center;
    padding-right: 12px
}

.website-card-partners__icon svg {
    display: block;
    color: #275ce0
}

@media screen and (min-width: 1024px) {
    .website-card-partners__icon {
        display:none
    }
}

@media screen and (min-width: 1280px) {
    .website-card-partners__icon {
        display:block
    }
}

.website-card-partners__address {
    grid-area: address;
    word-break: break-word
}

.website-card-partners__action {
    grid-area: action
}

.website-card-partners__preview {
    overflow: hidden;
    grid-area: preview;
    width: 100%;
    max-width: 200px;
    margin: 0 auto
}

.website-card-partners__preview .website-card-partners__products {
    padding: 30px 0 20px
}

.website-card-partners__preview .website-card-partners__product-title {
    font-size: 10px;
    line-height: 1.3em
}

.website-card-partners__preview .website-card-partners__product-price {
    font-size: 12px
}

.website-card-partners__preview--phone {
    max-width: 160px;
    margin: 24px auto;
    border: 4px solid #0a1c2e;
    border-radius: 16px
}

.website-card-partners__preview--phone::after {
    content: "";
    display: block;
    width: 40%;
    height: 7px;
    margin: 0 auto;
    border-top: 2px solid #0a1c2e;
    border-radius: 2px
}

.website-card-partners__preview--phone .website-card-partners__products {
    padding: 10px 10px 20px
}

.website-card-partners__preview--phone .website-card-partners__products:empty {
    min-height: 100px;
    padding: 10px
}

.website-card-partners__preview--phone .website-card-partners__product-title {
    font-size: 9px;
    line-height: 1.3em
}

.website-card-partners__preview--phone .website-card-partners__product-price {
    font-size: 11px
}

.website-card-partners__button {
    grid-area: button;
    align-self: center
}

@media screen and (min-width: 568px) {
    .website-card-partners__button {
        min-width:200px
    }
}

@media screen and (min-width: 1024px) {
    .website-card-partners__button {
        min-width:0
    }
}

@media screen and (min-width: 1280px) {
    .website-card-partners__button {
        min-width:260px
    }
}

.website-card-partners__body {
    position: relative
}

@media screen and (max-width: 567px) {
    .website-card-partners__body {
        display:none
    }
}

@media (hover: hover) {
    .website-card-partners__body:hover .website-card-partners__overlay {
        opacity:1
    }
}

.website-card-partners__image-background {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 16px;
    margin-bottom: 16px
}

.website-card-partners__image {
    width: calc(100% + 4px);
    margin: -3px -2px -4px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.website-card-partners__image~.website-card-partners__overlay {
    top: -3px
}

.website-card-partners__products {
    display: grid;
    grid-gap: 24px;
    grid-template-columns: 1fr;
    padding: 20px 24px
}

@media screen and (min-width: 568px) {
    .website-card-partners__products {
        grid-template-columns:1fr 1fr
    }
}

@media screen and (min-width: 768px) {
    .website-card-partners__products {
        grid-template-columns:1fr 1fr 1fr
    }
}

@media screen and (min-width: 1024px) {
    .website-card-partners__products {
        grid-template-columns:1fr 1fr
    }
}

@media screen and (min-width: 1280px) {
    .website-card-partners__products {
        grid-template-columns:1fr 1fr 1fr
    }
}

.website-card-partners__products:empty {
    padding: 10px
}

@media screen and (min-width: 568px) {
    .website-card-partners__products:empty {
        min-height:220px
    }
}

.website-card-partners__products:empty~.website-card-partners__overlay {
    animation: fadein .1s linear 2s forwards
}

.website-card-partners__product:nth-child(n+2) {
    display: none
}

@media screen and (min-width: 568px) {
    .website-card-partners__product:nth-child(2) {
        display:block
    }
}

@media screen and (min-width: 768px) {
    .website-card-partners__product:nth-child(3) {
        display:block
    }
}

@media screen and (min-width: 1024px) {
    .website-card-partners__product:nth-child(3) {
        display:none
    }
}

@media screen and (min-width: 1280px) {
    .website-card-partners__product:nth-child(3) {
        display:block
    }
}

.website-card-partners__product:nth-child(1) .website-card-partners__product-image--no-image {
    background-color: #b5ebdc
}

.website-card-partners__product:nth-child(2) .website-card-partners__product-image--no-image {
    background-color: #f9d9e2
}

.website-card-partners__product:nth-child(3) .website-card-partners__product-image--no-image {
    background-color: #d4def4
}

.website-card-partners__product-image {
    position: relative;
    margin: 0 0 10px;
    padding-top: 100%
}

.website-card-partners__product-image.placeholder-blink {
    opacity: .5
}

.website-card-partners__product-image.placeholder-blink img {
    opacity: 0
}

.website-card-partners__product-image img {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.website-card-partners__product-title {
    text-align: center;
    font-size: 14px;
    line-height: 22px
}

.website-card-partners__product-price {
    font-weight: 600;
    text-align: center;
    font-size: 16px;
    line-height: 24px
}

.website-card-partners__product-sample-ribbon {
    position: absolute;
    background-color: #000;
    right: 0;
    bottom: 0;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 22px
}

.website-card-partners__overlay {
    display: flex;
    position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    opacity: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 0 0 8px 8px;
    background-color: rgba(255,255,255,0.65);
    transition: opacity .3s ease 0s
}

.website-card-partners__overlay.themes {
    bottom: 0;
    background-color: rgba(0,0,0,0.7);
    border-radius: 0
}

.website-card-partners__overlay.manage-products {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.website-card-partners__overlay–-no-title {
    border-radius: 8px
}

.website-card-partners__overlay-inner {
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08)
}

a.website-card-partners__overlay-control {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 230px;
    height: 40px;
    margin-top: -1px;
    border: 1px solid #bfc7ce;
    color: #0a1c2e;
    transition: background-color .1s linear 0s;
    font-family: var(--headers-font-family)
}

a.website-card-partners__overlay-control.themes {
    color: #fff;
    border: 0
}

a.website-card-partners__overlay-control:first-child {
    margin-top: 0;
    border-radius: 8px 8px 0 0
}

a.website-card-partners__overlay-control:last-child {
    border-radius: 0 0 8px 8px
}

@media (hover: hover) {
    a.website-card-partners__overlay-control:hover {
        color:#275ce0
    }
}

a.website-card-partners__overlay-control:active {
    color: #688de9
}

.website-card-partners__manage-products-header {
    display: grid;
    grid-gap: 0 12px;
    grid-template-areas: "title manage button";
    grid-template-columns: min-content 1fr min-content;
    align-items: center;
    padding: 20px 24px;
    border-bottom: solid 1px #bfc7ce
}

.website-card-partners__manage-products-header--mobile {
    grid-template-areas: "title manage" "button button";
    grid-template-columns: min-content 1fr;
    padding: 0;
    border-bottom: none
}

.website-card-partners__manage-products-header .website-card-partners__manage-products-title {
    grid-area: title;
    white-space: nowrap;
    font-size: 16px;
    font-weight: bold
}

.website-card-partners__manage-products-header .website-card-partners__manage-products-manage {
    grid-area: manage;
    font-size: 16px;
    word-break: break-word
}

.website-card-partners__manage-products-header .website-card-partners__manage-products-button {
    grid-area: button
}

.website-card-partners__manage-products-header .website-card-partners__manage-products-button .website-card-partners__manage-products-button--full-size {
    width: 100%
}

.gt-wizard-step {
    display: flex;
    align-items: center
}

.gt-wizard-step--completed .gt-wizard-step__marker {
    border-color: transparent;
    background-color: #275ce0;
    color: #fff
}

.gt-wizard-step--completed .gt-wizard-step__title {
    text-decoration: line-through
}

.gt-wizard-step:hover .gt-wizard-step__marker {
    border-color: transparent;
    background-color: #275ce0;
    color: #fff
}

.gt-wizard-step:hover .gt-wizard-step__arrow {
    transform: translateX(2px)
}

.gt-wizard-step__marker {
    display: flex;
    flex: 0 0 24px;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    border: 1px solid currentColor;
    border-radius: 50%;
    color: #0a1c2e;
    transition: border-color .12s linear 0s, background-color .12s linear 0s, color .12s linear 0s
}

.gt-wizard-step__marker svg {
    display: block;
    width: 12px;
    height: 12px
}

.gt-wizard-step__title {
    flex: 1;
    font-size: 14px;
    line-height: 22px;
    font-family: var(--headers-font-family);
    color: #0a1c2e
}

.gt-wizard-step__arrow {
    flex: 0 0 10px;
    width: 10px;
    height: 10px;
    color: #607385;
    transition: transform .12s ease-out 0s
}

.gt-wizard-step__arrow svg {
    display: block;
    width: auto;
    height: 100%
}

.progress-circle {
    --size: 56px;
    --line-width: 8px;
    display: inline-block;
    position: relative;
    width: var(--size);
    height: var(--size)
}

@media screen and (min-width: 568px) {
    .progress-circle {
        --size: 64px
    }
}

.progress-circle__fill {
    position: absolute;
    top: 0;
    left: 0;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    background-color: #eceef0;
    transform: rotate(-90deg)
}

.progress-circle__fill circle {
    stroke-width: var(--line-width);
    stroke-dasharray: calc(1.5 * var(--progress)) 500;
    stroke: #275ce0;
    fill: none;
    transition: stroke-dasharray .12s ease-in-out;
    cx: 50%;
    cy: 50%;
    r: calc(50% - var(--line-width) / 2)
}

.progress-circle__data {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: calc(var(--size) - var(--line-width) * 2);
    height: calc(var(--size) - var(--line-width) * 2);
    margin: var(--line-width);
    border-radius: 50%;
    background-color: #fff;
    color: #0a1c2e;
    font-size: 12px;
    line-height: 18px;
    font-weight: var(--text-big-font-weight, 600)
}

.badges-with-icons {
    display: grid;
    grid-gap: 16px 8px;
    grid-template-columns: repeat(2, 1fr)
}

@media screen and (min-width: 568px) {
    .badges-with-icons {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media screen and (min-width: 768px) {
    .badges-with-icons {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media screen and (min-width: 1280px) {
    .badges-with-icons {
        grid-template-columns:repeat(5, 1fr)
    }
}

.badges-with-icons__item {
    --gradient-color-start: #bfc7ce;
    --gradient-color-end: #bfc7ce;
    --gradient-width: 1px;
    display: flex;
    position: relative;
    flex-direction: column;
    padding: 16px 8px;
    border-radius: 6px;
    background-image: linear-gradient(to right, var(--gradient-color-start) 0%, var(--gradient-color-end) 100%);
    cursor: pointer
}

.badges-with-icons__item::before {
    content: "";
    display: block;
    position: absolute;
    top: var(--gradient-width);
    right: var(--gradient-width);
    bottom: var(--gradient-width);
    left: var(--gradient-width);
    border-radius: calc(6px - var(--gradient-width));
    background-color: #fff;
    transition: background-color .2s linear
}

@media (hover: hover) {
    .badges-with-icons__item:hover::before {
        background-color:#e7f0f8
    }
}

.badges-with-icons__item--success .badges-with-icons__icon {
    background-color: transparent;
    color: #0cac42
}

@media (hover: hover) {
    .badges-with-icons__item--success .badges-with-icons__icon:hover {
        background-color:transparent
    }
}

.badges-with-icons__item--featured {
    --gradient-color-start: #7145ec;
    --gradient-color-end: #d83794
}

.badges-with-icons__item--featured::before {
    --gradient-width: 2px
}

.badges-with-icons__item--linkup .badges-with-icons__logo svg {
    width: auto
}

.badges-with-icons__logo {
    position: relative;
    margin-bottom: 8px
}

.badges-with-icons__logo svg {
    display: block;
    width: 56px;
    height: 56px;
    margin: 0 auto
}

.badges-with-icons__title {
    position: relative;
    flex: 1;
    margin-bottom: 12px;
    text-align: center
}

.badges-with-icons__icon {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #275ce0;
    color: #fff;
    transition: background-color .1s linear 0s
}

.badges-with-icons__icon:hover {
    background-color: #688de9
}

.badges-with-icons__cta {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 56px
}

.simple-feature-list {
    display: grid;
    grid-gap: 8px;
    grid-template-columns: 1fr
}

@media screen and (min-width: 568px) {
    .simple-feature-list {
        grid-template-columns:1fr 1fr
    }
}

.simple-feature-list__item {
    display: flex;
    align-items: center;
    padding: 16px 20px;
    border: 1px solid #bfc7ce;
    border-radius: 6px;
    color: #275ce0;
    font-weight: 500;
    transition: background-color .2s linear;
    cursor: pointer
}

@media (hover: hover) {
    .simple-feature-list__item:hover {
        background-color:#e7f0f8
    }
}

.simple-feature-list__item--success {
    color: #0a1c2e
}

.simple-feature-list__item--success svg {
    color: #0cac42
}

.simple-feature-list__item svg {
    flex: 0 0 18px;
    margin-right: 12px
}

@media screen and (min-width: 568px) {
    .simple-feature-list__item:nth-child(1) {
        order:1
    }

    .simple-feature-list__item:nth-child(2) {
        order: 3
    }

    .simple-feature-list__item:nth-child(3) {
        order: 2
    }

    .simple-feature-list__item:nth-child(4) {
        order: 4
    }

    .simple-feature-list__item:nth-child(5) {
        order: 6
    }

    .simple-feature-list__item:nth-child(6) {
        order: 5
    }
}

.gt-support-tooltip {
    display: block;
    position: fixed;
    z-index: 30;
    right: 8px;
    bottom: 8px;
    box-sizing: border-box;
    width: 426px;
    max-width: calc(100% - 16px);
    padding: 20px;
    border-radius: 8px;
    background-color: #262c37;
    color: #fff;
    animation: show-support-tooltip .2s ease-out 0s forwards
}

@media screen and (min-width: 480px) {
    .gt-support-tooltip {
        right:16px;
        bottom: 16px
    }
}

.gt-support-tooltip h4 {
    margin-right: 20px;
    color: #fff
}

.gt-support-tooltip__close {
    position: absolute;
    z-index: 1;
    top: 16px;
    right: 16px;
    width: 18px;
    height: 18px;
    padding: 1px;
    cursor: pointer
}

.gt-support-tooltip__close svg {
    display: block;
    width: 16px;
    height: 16px;
    fill: #fff
}

@keyframes show-support-tooltip {
    0% {
        opacity: 0;
        transform: scale(0.8);
        transform-origin: 100% 100%
    }

    100% {
        opacity: 1;
        transform: scale(1);
        transform-origin: 100% 100%
    }
}

@media screen and (max-width: 567px) {
    .badges-with-icons.LINKUP .badges-with-icons__item:nth-last-child(n+5) {
        display:none
    }
}

@media screen and (max-width: 567px) {
    .badges-with-icons:not(.LINKUP) .badges-with-icons__item:nth-child(n+5) {
        display:none
    }
}

.main-popup__container--domain {
    max-width: 680px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 24px 32px 32px;
    text-align: left
}

.main-popup__container--domain .btn-primary {
    min-width: 100%
}

@media screen and (min-width: 568px) {
    .main-popup__container--domain .btn-primary {
        min-width:270px;
        margin-right: 24px
    }
}

.main-popup__container--domain .btn-link {
    min-width: 100%;
    margin-top: 8px
}

@media screen and (min-width: 568px) {
    .main-popup__container--domain .btn-link {
        min-width:0;
        margin-top: 0
    }
}

.main-popup__container--domain .custom-checkbox--disabled .custom-checkbox__text,.main-popup__container--domain .custom-checkbox--disabled .custom-checkbox__note {
    color: #0a1c2e
}

.main-popup__container--domain .subdomain-step .fieldset {
    max-width: 300px
}

.main-popup__container--domain .hr {
    margin: 0 -32px 24px;
    border-top: 1px solid #bfc7ce
}

.main-popup__container--domain .checkmark {
    display: inline-block;
    position: relative;
    bottom: -4px
}

.main-popup__container--domain .checkmark svg {
    fill: #0cac42
}

.main-popup__container--domain:not(.paid) .custom-domain-step {
    background-color: #e4e4fb
}

.main-popup__container--domain.paid .for-unpaid {
    display: none
}

.main-popup__container--domain.paid .for-paid {
    display: block
}

.main-popup__container--domain.publish .for-change {
    display: none
}

.main-popup__container--domain.publish .for-publish {
    display: block
}

.main-popup__container--domain .for-paid,.main-popup__container--domain .for-publish {
    display: none
}

.just-borders {
    border: 1px solid #bfc7ce;
    border-radius: 5px
}

.just-borders__item {
    padding: 16px
}

.just-borders__item--important {
    background-color: #e4e4fb
}

.just-borders__item:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.just-borders__item:last-child {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.just-borders__item::after {
    content: "";
    display: table;
    clear: both
}

.just-borders__item+.just-borders__item {
    border-top: 1px solid #bfc7ce
}

.just-borders__image {
    display: none
}

@media screen and (min-width: 568px) {
    .just-borders__image {
        display:block;
        float: right;
        width: 200px;
        margin-left: 24px
    }
}

.just-borders__image img {
    width: 100%;
    height: 100%
}

@media screen and (min-width: 568px) {
    .just-borders__content {
        margin-right:224px
    }
}

.ecwid-BlackoutDates-link {
    display: inline-block;
    margin-right: 15px;
    text-decoration: underline
}

.ecwid-BlackoutDates-row {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.ecwid-BlackoutDates-dateRange {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 10px;
    margin-right: 20px
}

.ecwid-BlackoutDates-deleteButton {
    margin-left: auto
}

div.other-apps div.title {
    padding: 5px 15px 30px;
    border-bottom: 1px solid #bfc7ce;
    text-align: center
}

div.other-apps div.title h2 {
    font-size: 22px
}

div.other-apps div.title div.badge {
    display: inline-block;
    vertical-align: middle
}

div.other-apps div.title div.badge div.avatar {
    width: 50px;
    height: 50px;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%
}

div.other-apps div.title div.badge span.badge-inner {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    padding: 5px 30px 5px 10px
}

div.other-apps div.title div.badge a {
    font-size: 12px;
    line-height: 18px
}

@media screen and (min-width: 568px) {
    div.other-apps div.title {
        padding:5px 5% 30px
    }
}

@media (min-width: 600px) {
    div.other-apps div.title {
        padding:15px 0;
        text-align: left;
        border-bottom: 1px solid #bfc7ce;
        display: table;
        width: 100%;
        height: 57px
    }

    div.other-apps div.title h2 {
        padding: 0 20px;
        display: table-cell;
        vertical-align: middle;
        width: 90%
    }

    div.other-apps div.title div.badge {
        display: table-cell;
        vertical-align: middle;
        text-align: right;
        white-space: nowrap
    }

    div.other-apps div.title div.badge div.avatar {
        width: 50px;
        height: 50px;
        background-color: #fff;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 50%
    }

    div.other-apps div.title div.badge span.badge-inner {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        line-height: 20px;
        text-align: left;
        white-space: normal;
        padding: 0 30px 0 10px;
        white-space: nowrap
    }
}

@media (min-width: 960px) {
    div.other-apps div.title h2 {
        padding:0 27px;
        font-size: 24px
    }
}

@media screen and (min-width: 1280px) {
    div.other-apps div.title h2 {
        padding:0 45px
    }
}

.dashboard-store-id-label {
    text-align: center;
    display: none
}

div.other-apps div.connect-loading-candy {
    position: absolute;
    width: 100%;
    height: 90%
}

div.other-apps div.connect-loading-candy .loading-panel {
    min-width: 20em;
    margin-left: -10em
}

div.other-apps div.connect-loading-candy .loader {
    left: 50%;
    top: 50%;
    width: 88px;
    height: 88px;
    margin-left: -44px;
    margin-top: -44px
}

div.other-apps div.connect-loading-candy .loader .spinner-ball-outer {
    width: 88px;
    height: 88px
}

div.other-apps div.connect-loading-candy .loader .spinner-ball-outer img {
    display: none
}

div.other-apps div.connect-loading-candy .loader .spinner-ball-inner {
    width: 40px;
    height: 40px;
    margin: -64px auto 64px
}

div.other-apps div.connect-loading-candy .loader .spinner-ball-inner img {
    display: none
}

div.other-apps div.connect-loading-candy .loading-info {
    margin-top: 7em
}

div.other-apps div.connect-loading {
    display: none;
    opacity: 0;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    color: #607385
}

div.other-apps div.connect-loading.active {
    opacity: 1;
    -webkit-transition: opacity .3s ease-out .2s;
    transition: opacity .3s ease-out .2s
}

div.other-apps div.connect-error {
    margin: 0 auto;
    padding: 0 15px;
    display: none;
    opacity: 0;
    -webkit-transform: translate3D(0, 20px, 0);
    transform: translate3D(0, 20px, 0)
}

div.other-apps div.connect-error.active {
    display: block;
    opacity: 1;
    -webkit-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0);
    -webkit-transition: -webkit-transform .3s ease-out .4s, opacity .2s ease-out .3s;
    transition: transform .3s ease-out .4s, opacity .2s ease-out .3s
}

div.other-apps div.connect-error img {
    display: block
}

div.other-apps div.connect-error h3 {
    text-align: center
}

div.other-apps div.connect-error p a {
    text-decoration: none
}

div.other-apps div.connect-error {
    max-width: 700px
}

@media (min-width: 600px) {
    div.other-apps div.connect-error p {
        padding-left:20px
    }
}

div.other-apps div.loader-line {
    margin: -2px 0 -1px;
    width: 100%;
    height: 3px
}

div.other-apps div.loader-line>div {
    height: 3px;
    width: 0%;
    margin: 0 auto;
    background-color: #275ce0;
    overflow: hidden;
    -webkit-transition: width .3s ease-in-out 0s;
    -ms-transition: width .3s ease-in-out 0s;
    transition: width .3s ease-in-out 0s
}

div.other-apps div.loader-line>div>div {
    height: 3px;
    width: 50%;
    position: relative;
    left: -50%;
    background: #275ce0;
    background: -moz-linear-gradient(left, #275ce0 0%, #fff 50%, #275ce0 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #275ce0), color-stop(50%, #fff), color-stop(100%, #275ce0));
    background: -webkit-linear-gradient(left, #275ce0 0%, #fff 50%, #275ce0 100%);
    background: -o-linear-gradient(left, #275ce0 0%, #fff 50%, #275ce0 100%);
    background: -ms-linear-gradient(left, #275ce0 0%, #fff 50%, #275ce0 100%);
    background: linear-gradient(to right, #275ce0 0%, #fff 50%, #275ce0 100%)
}

div.other-apps div.loader-line.active>div {
    width: 100%
}

div.other-apps div.loader-line.active>div>div {
    -webkit-transform: translateZ(0);
    -webkit-animation: 1.6s linear 1s normal none infinite apps-loader;
    animation: 1.6s linear 1s normal none infinite apps-loader
}

@keyframes apps-loader {
    0% {
        margin-left: -50%
    }

    50% {
        margin-left: 150%
    }

    100% {
        margin-left: 150%
    }
}

@-webkit-keyframes apps-loader {
    0% {
        margin-left: -50%
    }

    50% {
        margin-left: 150%
    }

    100% {
        margin-left: 150%
    }
}

.app-page-bottom {
    padding: 16px 10px;
    background: #eceef0
}

.app-page-bottom:after {
    content: '';
    display: table;
    clear: both
}

.app-page-bottom--like-a-card {
    padding: 16px
}

@media screen and (min-width: 768px) {
    .app-page-bottom--like-a-card {
        padding:28px 32px 24px 32px
    }
}

.app-page-icon {
    display: block;
    float: left;
    text-indent: -9999px;
    width: 48px;
    height: 48px;
    margin: 0 16px;
    border-radius: 100%;
    background-size: cover
}

@media (max-width: 640px) {
    .app-page-icon {
        margin:0 auto;
        float: none
    }
}

.app-page-title {
    font-size: 14px;
    line-height: 1.29;
    float: left;
    padding: 0;
    margin: 15px 16px 0 0;
    color: #0a1c2e
}

.app-page-title .gwt-InlineLabel {
    color: #607385
}

@media (max-width: 640px) {
    .app-page-title {
        box-sizing:border-box;
        width: 100%;
        margin: 0;
        padding: 15px 5% 0;
        float: none;
        text-align: center
    }
}

.app-page-list {
    line-height: 1.29;
    font-size: 14px;
    float: left;
    padding: 0;
    margin: 0;
    list-style: none
}

.app-page-list:after {
    content: '';
    display: table;
    clear: both
}

@media (max-width: 640px) {
    .app-page-list {
        width:100%;
        text-align: center
    }
}

.app-page-list-item {
    float: left;
    margin: 15px 16px 0 0
}

@media (max-width: 640px) {
    .app-page-list-item {
        margin:0;
        padding: 15px 8px 0;
        box-sizing: border-box;
        float: none;
        display: inline-block
    }
}

.app-page-error,.app-page-error * {
    box-sizing: border-box
}

.app-page-error h3 {
    font-size: 36px;
    font-weight: 300;
    margin: 0.6em 0
}

.app-page-error p {
    font-size: 16px;
    line-height: 24px;
    margin: 0 auto 0.6em;
    padding: 0 15px
}

.app-page-error-image {
    margin: 80px auto 0;
    width: 96px;
    height: 96px
}

.app-page-link {
    text-decoration: none
}

.app-page-top {
    position: relative;
    min-height: 400px;
    overflow: hidden
}

.app-page-loading {
    position: absolute;
    top: 50%;
    height: 100px;
    margin-top: -50px;
    display: block;
    width: 100%;
    overflow: hidden
}

.app-page-loader {
    text-align: left;
    position: relative;
    display: block;
    width: 100%;
    max-width: 320px;
    margin: 0 auto 22px;
    height: 8px
}

.app-page-loading-text {
    font-size: 14px;
    line-height: 1.36;
    color: #0a1c2e;
    display: block;
    width: 100%;
    text-align: center;
    padding: 0 5%;
    box-sizing: border-box
}

.app-page-loader {
    max-width: 320px;
    margin: 0 auto 20px;
    position: relative
}

.app-page-loader-circle {
    width: 8px;
    height: 8px;
    left: -100%;
    position: absolute;
    border-radius: 50%;
    animation: move 2s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
    -webkit-animation: move 2s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23)
}

.app-page-loader-circle:nth-child(2) {
    animation-delay: 180ms;
    -webkit-animation-delay: 180ms
}

.app-page-loader-circle:nth-child(3) {
    animation-delay: 360ms;
    -webkit-animation-delay: 360ms
}

.app-page-loader-circle:nth-child(4) {
    animation-delay: 540ms;
    -webkit-animation-delay: 540ms
}

@keyframes move {
    0%,5% {
        left: 0%;
        background-color: transparent
    }

    30%,70% {
        background-color: rgba(0,0,0,0.5)
    }

    95%,100% {
        left: 100%;
        background-color: transparent
    }
}

@-webkit-keyframes move {
    0%,5% {
        left: 0%;
        background-color: transparent
    }

    30%,70% {
        background-color: rgba(0,0,0,0.5)
    }

    95%,100% {
        left: 100%;
        background-color: transparent
    }
}

.main-popup.main-popup--app .main-popup__close {
    background-color: #fff;
    border-radius: 50%;
    top: 16px;
    right: 16px;
    padding: 6px;
    z-index: 2
}

.main-popup.main-popup--app .main-popup__container {
    padding: 32px 0 0;
    width: 100%;
    max-width: 980px
}

.main-popup.main-popup--app .main-popup__container>div+div {
    width: 100%
}

@media (min-width: 640px) {
    .main-popup.main-popup--app .main-popup__container {
        padding:0
    }
}

.mobileSafari.ecwid-dialog-open .ecwid-facelift {
    display: none
}

.hc-widget.hc-widget--ecwid .hc-stars {
    color: #f9a650
}

.hc-widget.hc-widget--ecwid .hc-product-rating__review-count {
    font-size: 14px;
    line-height: 22px
}

.payeezy .table {
    width: 100%
}

@media screen and (min-width: 768px) {
    .payeezy .table {
        display:table
    }
}

@media screen and (min-width: 768px) {
    .payeezy .table .td {
        display:table-cell;
        vertical-align: middle
    }
}

.payeezy .table .td.logo {
    text-align: center;
    padding-bottom: 20px
}

@media screen and (min-width: 768px) {
    .payeezy .table .td.logo {
        padding-bottom:0
    }
}

.payeezy .table .td.logo img {
    width: 100%;
    height: auto
}

@media screen and (min-width: 568px) {
    .payeezy .table .td.logo img {
        width:auto
    }
}

.payeezy .table .td.text {
    font-size: 12px;
    line-height: 18px
}

@media screen and (min-width: 768px) {
    .payeezy .table .td.text {
        padding-left:33px;
        padding-right: 20px;
        max-width: 440px
    }
}

.payeezy .tabs {
    display: block;
    border-bottom: 1px solid #bfc7ce;
    text-align: center;
    margin: 45px 0 20px
}

.payeezy .tabs .tab {
    display: inline-block;
    margin: 0 1%;
    background-color: #e8ebed;
    border: 1px solid #bfc7ce;
    border-bottom-width: 0;
    border-radius: 4px 4px 0 0;
    position: relative;
    text-decoration: none;
    padding: 14px 11px;
    font-size: 16px;
    line-height: 20px;
    color: #0a1c2e;
    box-sizing: border-box
}

@media (min-width: 600px) {
    .payeezy .tabs .tab {
        width:45%
    }
}

.payeezy .tabs .tab:hover {
    color: #1b409d
}

.payeezy .tabs .tab:active {
    color: #688de9
}

.payeezy .tabs .tab.selected {
    background-color: #fff;
    color: #275ce0;
    cursor: default
}

.payeezy .tabs .tab.selected::after {
    content: "";
    position: absolute;
    bottom: -1px;
    background-color: #fff;
    width: 100%;
    height: 1px;
    left: 0
}

.payeezy .tabs-content .tab-content.new {
    text-align: center;
    padding-bottom: 27.55%
}

.payeezy .tabs-content .tab-content.new p {
    max-width: 440px;
    margin: 0 auto;
    padding: 9.4% 15px 3%;
    font-size: 16px;
    line-height: 24px
}

@media screen and (max-width: 567px) {
    .payeezy .tabs-content .tab-content.new .btn {
        font-size:12px;
        margin-top: 20px
    }
}

.payeezy .tabs-content .tab-content .ecwid-modal-footer {
    margin: 40px 0 24px
}

.payeezy .form {
    max-width: 400px;
    margin: 36px auto 0
}

.payeezy .form .row {
    margin-bottom: 24px
}

.payeezy .form .row .title {
    padding-left: 10px;
    font-size: 14px;
    line-height: 22px
}

.payeezy .form .row .input-tip {
    float: right;
    position: relative;
    z-index: 1;
    cursor: pointer;
    padding: 5px 2px 0 0
}

.payeezy .form .row .input {
    width: 100%;
    padding: 10px 17px 3px 10px;
    margin-right: -25px;
    box-sizing: border-box
}

.payeezy .form .row .input select,.payeezy .form .row .input input {
    width: 100%;
    box-sizing: border-box
}

.payeezy .form .row .msg {
    padding: 0 0 0 10px
}

.payeezy .form .row .msg a {
    text-decoration: none
}

.payeezy .form .row .gwt-CheckBox {
    margin: -8px 0 0 10px;
    display: block
}

.payeezy .alert {
    margin: 10px auto;
    padding: 7px 20px 13px;
    width: 100%;
    max-width: 680px
}

@media (min-width: 600px) {
    .payeezy .alert {
        width:92%
    }
}

.payeezy .alert .title {
    font-size: 14px;
    font-weight: 700
}

.payeezy .alert a {
    color: inherit;
    font-weight: 600;
    word-wrap: break-word
}

.sberbank-settings__logo {
    max-width: 280px;
    margin: 20px 0
}

.sberbank-settings__logo svg,.sberbank-settings__logo img {
    width: 100%;
    max-height: 58px
}

.sberbank-settings {
    margin-bottom: 45px
}

.sberbank-settings .ecwid-g-r {
    margin: 0 -4px
}

.sberbank-settings__formfield {
    padding: 0 5px;
    margin: 0 0 10px
}

.sberbank-settings__formfield.control-group .form-control {
    padding-right: 1px
}

.sberbank-settings__formfield.control-group .form-control-focus {
    padding-right: 0
}

.sberbank-instruction-link {
    font-size: 14px
}

.sberbank-instruction-link a {
    text-decoration: none
}

.sberbank-test-mode-label {
    font-size: 14px;
    margin-top: 30px;
    padding-bottom: 4px
}

.yandex-till {
    max-width: 700px;
    width: 100%
}

@media (min-width: 870px) {
    .yandex-till {
        width:700px
    }
}

.yandex-till p {
    margin: 22px 0
}

.yandex-till p:last-child {
    margin-bottom: 0
}

.yandex-till .logo {
    width: 238px;
    height: 65px
}

.yandex-till .logo svg {
    width: 100%;
    height: 100%
}

.yandex-till .form {
    display: table;
    width: 100%;
    margin-top: 29px
}

.yandex-till .form .body {
    display: block;
    width: 100%;
    vertical-align: middle
}

@media (min-width: 600px) {
    .yandex-till .form .body {
        float:left;
        width: 50%
    }
}

.yandex-till .form .body .row {
    min-height: 47px
}

@media (min-width: 600px) {
    .yandex-till .form .body .row {
        padding-right:12px
    }
}

.yandex-till .form .body .mode {
    padding: 14px 0
}

.yandex-till .form .body .mode span {
    padding: 0 12px 0 2px
}

.yandex-till .form .desc {
    display: block;
    width: 100%;
    text-align: center;
    padding: 30px 0
}

@media (min-width: 600px) {
    .yandex-till .form .desc {
        float:right;
        width: 50%;
        padding: 0 24px;
        display: table
    }
}

.yandex-till .form .desc .title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600
}

@media (min-width: 600px) {
    .yandex-till .form .desc>div {
        height:134px;
        vertical-align: middle;
        display: table-cell
    }
}

.yandex-till .info a {
    padding-right: 24px
}

.yandex-till .dropdown {
    position: relative;
    margin-top: 5px
}

@media (min-width: 600px) {
    .yandex-till .dropdown {
        display:inline-block;
        margin: 0
    }
}

.yandex-till .dropdown .list-dropdown {
    display: none;
    left: 1px;
    margin-bottom: 8px;
    right: 1px;
    top: 140%
}

@media (min-width: 600px) {
    .yandex-till .dropdown .list-dropdown {
        left:-8px;
        right: auto
    }
}

.yandex-till .dropdown.open .list-dropdown {
    display: block
}

.yandex-till .dropdown.open .icon-arr-up {
    display: inline
}

.yandex-till .dropdown.open .icon-arr-down {
    display: none
}

.yandex-till .dropdown .icon-arr-up,.yandex-till .dropdown .icon-arr-down {
    font-size: 6px;
    padding-left: 2px;
    position: relative;
    top: -1px
}

@media (min-width: 600px) {
    .yandex-till .dropdown .icon-arr-up,.yandex-till .dropdown .icon-arr-down {
        font-size:8px;
        padding-left: 4px
    }
}

.yandex-till .dropdown .icon-arr-up {
    display: none
}

.yandex-till .methods+p {
    margin: 16px 0 30px
}

.yandex-till .methods .fieldsets-batch {
    padding-bottom: 0
}

.yandex-till .methods .row {
    display: table;
    width: 100%
}

.yandex-till .methods .row.new {
    background-color: #fff4b2
}

.yandex-till .methods .row.edit .title {
    display: none
}

.yandex-till .methods .row.edit .control-group {
    display: block
}

.yandex-till .methods .row.edit .save-btn {
    display: inline-block;
    width: 100%
}

.yandex-till .methods .row.edit .remove-icon {
    display: none
}

.yandex-till .methods .row.edit .td {
    vertical-align: top
}

@media (max-width: 599px) {
    .yandex-till .methods .row.edit .td {
        display:block;
        width: auto;
        padding: 10px
    }
}

@media (max-width: 599px) {
    .yandex-till .methods .row.edit .td:first-child {
        border-bottom:0;
        padding-bottom: 0
    }
}

@media (min-width: 600px) {
    .yandex-till .methods .row.edit .td:first-child {
        padding-right:0
    }
}

.yandex-till .methods .row.edit .td:last-child {
    width: auto
}

@media (min-width: 600px) {
    .yandex-till .methods .row.edit .td:last-child {
        width:140px
    }
}

.yandex-till .methods .row.remove .remove-btn {
    display: inline-block;
    width: 100%
}

.yandex-till .methods .row.remove .remove-icon {
    display: none
}

.yandex-till .methods .row.remove .td:last-child {
    width: 100px
}

@media (min-width: 600px) {
    .yandex-till .methods .row.remove .td:last-child {
        width:140px
    }
}

.yandex-till .methods .td {
    display: table-cell;
    border-bottom: 1px solid #bfc7ce;
    padding: 10px;
    text-align: left;
    font-size: 12px;
    line-height: 18px;
    vertical-align: middle;
    height: 40px
}

@media (min-width: 600px) {
    .yandex-till .methods .td {
        font-size:14px;
        line-height: 20px
    }
}

.yandex-till .methods .td:last-child {
    width: 50px;
    text-align: right
}

.yandex-till .methods .editable .control-group {
    display: none;
    width: 100%;
    font-size: 16px
}

.yandex-till .methods .title {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='%23275ce0'%3E%3Cpath d='M5.0355 15.7929 2.207 12.9645 1.5 16.5l3.5355-.7071z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.8136.9437c.3906-.3905 1.0237-.3905 1.4143 0l2.8284 2.8284c.3905.3905.3905 1.0237 0 1.4142L5.5285 16.7141.2252 17.7748l1.0606-5.3033L12.8136.9437zm.7072 2.1213-9.8995 9.8995 1.4142 1.4142 9.8995-9.8995-1.4142-1.4142zM3.0071 15.1788l-.186-.186-.0464.2325.2324-.0465z'/%3E%3C/svg%3E") no-repeat right center;
    background-size: 14px 14px;
    color: #0a1c2e;
    box-sizing: border-box;
    display: inline;
    font-size: 12px;
    line-height: 18px;
    padding: 0 20px 0 0;
    word-wrap: break-word
}

@media (min-width: 600px) {
    .yandex-till .methods .title {
        font-size:14px;
        line-height: 20px
    }
}

.yandex-till .methods .title:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='%231b409d'%3E%3Cpath d='M5.0355 15.7929 2.207 12.9645 1.5 16.5l3.5355-.7071z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.8136.9437c.3906-.3905 1.0237-.3905 1.4143 0l2.8284 2.8284c.3905.3905.3905 1.0237 0 1.4142L5.5285 16.7141.2252 17.7748l1.0606-5.3033L12.8136.9437zm.7072 2.1213-9.8995 9.8995 1.4142 1.4142 9.8995-9.8995-1.4142-1.4142zM3.0071 15.1788l-.186-.186-.0464.2325.2324-.0465z'/%3E%3C/svg%3E");
    color: #1b409d
}

.yandex-till .methods .title:active {
    color: #688de9;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='%23688de9'%3E%3Cpath d='M5.0355 15.7929 2.207 12.9645 1.5 16.5l3.5355-.7071z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.8136.9437c.3906-.3905 1.0237-.3905 1.4143 0l2.8284 2.8284c.3905.3905.3905 1.0237 0 1.4142L5.5285 16.7141.2252 17.7748l1.0606-5.3033L12.8136.9437zm.7072 2.1213-9.8995 9.8995 1.4142 1.4142 9.8995-9.8995-1.4142-1.4142zM3.0071 15.1788l-.186-.186-.0464.2325.2324-.0465z'/%3E%3C/svg%3E")
}

.yandex-till .methods .remove-icon {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='%23275ce0'%3E%3Cpath d='M7 0h4l1 2H6l1-2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 3c-.5523 0-1 .4477-1 1s.4477 1 1 1v11c0 1.1046.8954 2 2 2h10c1.1046 0 2-.8954 2-2V5c.5523 0 1-.4477 1-1s-.4477-1-1-1H2zm12 13V5H4v11h10z'/%3E%3Cpath d='M6 7.5c0-.5523.4477-1 1-1s1 .4477 1 1v6c0 .5523-.4477 1-1 1s-1-.4477-1-1v-6zM10 7.5c0-.5523.4477-1 1-1s1 .4477 1 1v6c0 .5523-.4477 1-1 1s-1-.4477-1-1v-6z'/%3E%3C/svg%3E") no-repeat center center;
    background-size: 18px auto;
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle
}

@media (min-width: 600px) {
    .yandex-till .methods .remove-icon {
        background-size:22px auto
    }
}

.yandex-till .methods .remove-icon:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='%231b409d'%3E%3Cpath d='M7 0h4l1 2H6l1-2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 3c-.5523 0-1 .4477-1 1s.4477 1 1 1v11c0 1.1046.8954 2 2 2h10c1.1046 0 2-.8954 2-2V5c.5523 0 1-.4477 1-1s-.4477-1-1-1H2zm12 13V5H4v11h10z'/%3E%3Cpath d='M6 7.5c0-.5523.4477-1 1-1s1 .4477 1 1v6c0 .5523-.4477 1-1 1s-1-.4477-1-1v-6zM10 7.5c0-.5523.4477-1 1-1s1 .4477 1 1v6c0 .5523-.4477 1-1 1s-1-.4477-1-1v-6z'/%3E%3C/svg%3E")
}

.yandex-till .methods .remove-icon:active {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='%23688de9'%3E%3Cpath d='M7 0h4l1 2H6l1-2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 3c-.5523 0-1 .4477-1 1s.4477 1 1 1v11c0 1.1046.8954 2 2 2h10c1.1046 0 2-.8954 2-2V5c.5523 0 1-.4477 1-1s-.4477-1-1-1H2zm12 13V5H4v11h10z'/%3E%3Cpath d='M6 7.5c0-.5523.4477-1 1-1s1 .4477 1 1v6c0 .5523-.4477 1-1 1s-1-.4477-1-1v-6zM10 7.5c0-.5523.4477-1 1-1s1 .4477 1 1v6c0 .5523-.4477 1-1 1s-1-.4477-1-1v-6z'/%3E%3C/svg%3E")
}

.yandex-till .methods .save-btn,.yandex-till .methods .remove-btn {
    display: none
}

.yandex-till .form-area__content .methods .tbody {
    border-top: 1px solid #bfc7ce
}

.yandex-till .methods-tip {
    font-weight: 600
}

.yandex-till .authorized {
    margin-bottom: 40px
}

.yandex-till .yandex-taxes {
    margin-bottom: 22px
}

.yandex-till .yandex-taxes .methods-tip {
    display: block;
    margin-bottom: 8px
}

.yandex-till .yandex-taxes .btn-group.linklike-dropdown .btn-dropdown [class*='icon-'] {
    font-size: .4em;
    margin-left: 8px
}

button.yandex-kassa-connect {
    min-width: 230px
}

button.yandex-kassa-close {
    min-width: 186px
}

.ecwid-payments-create {
    text-align: left;
    margin: 18px auto 0;
    max-width: 512px
}

.ecwid-payments-create .fieldset-group {
    display: table;
    width: 100%;
    margin-bottom: 9px
}

.ecwid-payments-create .fieldset-group .fieldset--firstname {
    margin-bottom: 9px
}

@media screen and (min-width: 768px) {
    .ecwid-payments-create .fieldset-group .fieldset--firstname,.ecwid-payments-create .fieldset-group .fieldset--lastname {
        display:table-cell;
        width: 50%
    }

    .ecwid-payments-create .fieldset-group .fieldset--firstname {
        padding-right: 3px
    }

    .ecwid-payments-create .fieldset-group .fieldset--lastname {
        padding-left: 3px
    }
}

.ecwid-payments-create .fieldset--country {
    margin-top: 8px
}

@media screen and (min-width: 768px) {
    .ecwid-payments-create .fieldset--country {
        margin-top:34px
    }
}

.ecwid-payments-create .field__note {
    margin-top: 12px;
    color: #607385
}

.fieldset--ssn-note-tip {
    z-index: 9999
}

.ecwid-payments {
    text-align: left
}

@media screen and (min-width: 768px) {
    .ecwid-payments {
        min-width:676px
    }
}

.ecwid-payments-popup .main-popup__container {
    padding: 20px 25px;
    max-width: 752px
}

@media screen and (min-width: 768px) {
    .ecwid-payments-popup .main-popup__container {
        padding:40px 45px
    }
}

.ecwid-payments-popup .btn {
    min-width: 114px
}

.ecwid-payments__header {
    display: table;
    width: 100%;
    margin-top: 24px
}

@media screen and (min-width: 768px) {
    .ecwid-payments__header {
        margin-top:0
    }
}

.ecwid-payments__header svg {
    max-width: 100%
}

.ecwid-payments__logo {
    display: block
}

@media screen and (min-width: 768px) {
    .ecwid-payments__logo {
        display:table-cell
    }
}

.ecwid-payments__logo svg {
    max-width: 281px
}

.ecwid-payments__credit-cards {
    display: block;
    margin-top: 16px
}

@media screen and (min-width: 768px) {
    .ecwid-payments__credit-cards {
        display:table-cell;
        text-align: right;
        vertical-align: middle
    }
}

.ecwid-payments__credit-cards svg {
    max-height: 38px
}

.ecwid-payments__title {
    font-size: 16px;
    line-height: 24px;
    margin-top: 22px;
    margin-bottom: 4px;
    max-width: 550px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600)
}

.ecwid-payments__country-form {
    max-width: 512px
}

.ecwid-payments__controls {
    margin-top: 20px
}

.ecwid-payments__controls .btn {
    height: 40px;
    padding: 6px 40px;
    min-width: unset
}

.ecwid-payments__controls .btn:focus {
    padding-left: 39px;
    padding-right: 39px
}

.ecwid-payments__controls .btn+.btn {
    margin-left: 7px
}

.ecwid-payments--disabled .ecwid-payments__title {
    color: #f43c36
}

.ecwid-payments--disabled .ecwid-payments__settings-account {
    color: #607385
}

.ecwid-tabs-payment .alert {
    margin-top: 20px;
    margin-bottom: 45px;
    margin-left: 10px
}

.ecwid-payment-send-email {
    transition: min-height ease-out .3s
}

.ecwid-payment-send-email>div {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform ease-out .25s, opacity ease-out .25s;
    transition: transform ease-out .25s, opacity ease-out .25s
}

.ecwid-payment-send-email>div.animate,.ecwid-payment-send-email>div.hidden {
    opacity: 0;
    max-height: 0;
    -webkit-transform: translate3d(0, -25px, 0);
    transform: translate3d(0, -25px, 0);
    -webkit-transition: -webkit-transform ease-out .25s, opacity ease-out .25s;
    transition: transform ease-out .25s, opacity ease-out .25s
}

.ecwid-payment-send-email__desc {
    padding-top: 15px;
    font-weight: 600;
    font-size: 14px
}

.ecwid-payments-dialog .ecwid-modal-footer {
    margin-top: 0;
    padding-top: 5px
}

.payments .ecwid-payments .ecwid-payments__content {
    min-height: 190px
}

.OnboardingWizard .ecwid-payments .ecwid-payments__content {
    min-height: 150px
}

.ecwid-FormPopup-fieldWrapper .ecwid-payments {
    max-width: 752px
}

.ecwid-FormPopup-fieldWrapper .ecwid-payments a {
    text-decoration: none
}

.payments .card {
    margin-left: auto;
    margin-right: auto;
    max-width: 980px
}

.payments label.checkbox.not_animate>div>div {
    -webkit-transition: margin 0s ease-out 0s;
    transition: margin 0s ease-out 0s
}

.payments p {
    margin: 0 0 16px 0
}

.payments .settings-page__header div>.settings-page__titles {
    margin-top: 32px
}

@media screen and (min-width: 768px) {
    .payments .settings-page__header div>.settings-page__titles {
        margin-top:64px
    }
}

.payments .settings-page__header .cta-wrapper {
    display: table;
    border-spacing: 0 8px
}

.payments .settings-page__header .cta-wrapper .feature-element__button,.payments .settings-page__header .cta-wrapper .feature-element__select {
    display: table-row
}

.payments .settings-page__header .cta-wrapper .feature-element__button .svg-icon {
    display: none
}

@media screen and (min-width: 568px) {
    .payments .settings-page__header .cta-wrapper .feature-element__button .svg-icon {
        display:inline-block
    }
}

.payments .settings-page__header .feature-element__button {
    min-width: 236px
}

@media screen and (min-width: 568px) {
    .payments .settings-page__header .feature-element__button {
        min-width:256px
    }
}

.payments .settings-page__titles+.settings-page__titles {
    margin-top: -26px
}

.payments .ecwid-payment {
    max-width: 755px;
    padding-top: 8px
}

.payments .ecwid-payment__header {
    display: table;
    margin-top: 4px
}

.payments .ecwid-payment__logo {
    display: inline-block;
    text-align: left
}

@media screen and (min-width: 768px) {
    .payments .ecwid-payment__logo {
        display:table-cell
    }
}

.payments .ecwid-payment__logo svg {
    width: 100%;
    max-width: 200px;
    height: auto;
    max-height: 53px
}

@media screen and (min-width: 768px) {
    .payments .ecwid-payment__logo svg {
        max-width:270px
    }
}

.payments .ecwid-payment__logo--paypal {
    width: 120px
}

@media screen and (min-width: 768px) {
    .payments .ecwid-payment__logo--paypal {
        width:245px
    }
}

.payments .ecwid-payment__logo--paypal svg {
    max-width: 194px
}

.payments .ecwid-payment__logo--stripe {
    width: 100px
}

@media screen and (min-width: 768px) {
    .payments .ecwid-payment__logo--stripe {
        width:215px
    }
}

.payments .ecwid-payment__logo--stripe svg {
    max-width: 167px
}

.payments .ecwid-payment__credit-cards {
    display: block;
    text-align: left;
    vertical-align: middle;
    padding: 10px 0 0 0;
    white-space: nowrap
}

@media screen and (min-width: 768px) {
    .payments .ecwid-payment__credit-cards {
        display:table-cell;
        padding: 0 0 0 70px
    }
}

.payments .ecwid-payment__credit-cards svg {
    display: inline-block;
    width: 29px;
    height: 19px;
    margin-left: 10px
}

@media screen and (min-width: 768px) {
    .payments .ecwid-payment__credit-cards svg {
        width:53px;
        height: 34px
    }
}

.payments .ecwid-payment__credit-cards svg:first-child {
    margin-left: 0
}

.payments .ecwid-payment__title,.payments .ecwid-payment__subtitle {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e
}

.payments .ecwid-payment__title .payment-upgrade-link,.payments .ecwid-payment__subtitle .payment-upgrade-link {
    margin-top: 16px
}

.payments .ecwid-payment__title nobr,.payments .ecwid-payment__subtitle nobr {
    white-space: normal
}

@media screen and (min-width: 768px) {
    .payments .ecwid-payment__title nobr,.payments .ecwid-payment__subtitle nobr {
        white-space:nowrap
    }
}

.payments .ecwid-payment__subtitle {
    margin-top: 32px
}

.payments .ecwid-payment p {
    font-size: 12px;
    line-height: 18px
}

@media screen and (min-width: 768px) {
    .payments .ecwid-payment p {
        font-size:14px;
        line-height: 22px
    }
}

.payments .ecwid-payment__desc {
    font-size: 12px;
    line-height: 18px;
    max-width: 730px;
    margin-bottom: 16px
}

@media screen and (min-width: 768px) {
    .payments .ecwid-payment__desc {
        font-size:14px;
        line-height: 22px
    }
}

.payments .ecwid-payment__desc .card__edit-setting {
    display: inline-block
}

.payments .ecwid-payment__desc--verify {
    border-bottom: 1px solid #bfc7ce;
    margin-bottom: 32px;
    max-width: 100%
}

.payments .ecwid-payment__desc .btn-group {
    margin-top: -2px
}

.payments .ecwid-payment__message {
    font-size: 14px;
    line-height: 22px;
    font-weight: 600
}

@media screen and (min-width: 768px) {
    .payments .ecwid-payment__message {
        font-size:16px;
        line-height: 24px
    }
}

.payments .ecwid-payment__settings {
    font-size: 12px;
    line-height: 18px;
    max-width: 750px;
    transition: min-height ease-out .2s
}

@media screen and (min-width: 768px) {
    .payments .ecwid-payment__settings {
        font-size:14px;
        line-height: 22px
    }
}

.payments .ecwid-payment__settings>div {
    max-height: 50px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform ease-out .3s, opacity ease-out .3s;
    transition: transform ease-out .3s, opacity ease-out .3s
}

.payments .ecwid-payment__settings>div.animate,.payments .ecwid-payment__settings>div.hidden {
    opacity: 0;
    max-height: 0;
    -webkit-transform: translate3d(0, -25px, 0);
    transform: translate3d(0, -25px, 0);
    -webkit-transition: -webkit-transform ease-out .3s, opacity ease-out .3s;
    transition: transform ease-out .3s, opacity ease-out .3s
}

.payments .ecwid-payment__settings .payment-setting {
    font-weight: 600;
    padding-left: 5px
}

.payments .ecwid-payment__settings .payment-setting__value {
    padding-right: 10px
}

.payments .ecwid-payment__settings .card__edit-setting {
    display: inline-block;
    padding-right: 25px
}

.payments .ecwid-payment__settings-links a:first-child,.payments .ecwid-payment__settings-links a+a {
    padding-right: 25px
}

.payments .ecwid-payment__setting {
    padding-right: 6px
}

.payments .ecwid-payment .payment-upgrade-link {
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    margin: 0
}

@media screen and (min-width: 768px) {
    .payments .ecwid-payment .payment-upgrade-link {
        font-size:14px;
        line-height: 22px
    }
}

.payments .ecwid-payment .payment-upgrade-link .svg-icon {
    float: left;
    margin: 1px 5px 0 0
}

@media screen and (min-width: 768px) {
    .payments .ecwid-payment .payment-upgrade-link .svg-icon {
        margin-top:3px
    }
}

.payments .ecwid-payment__controls {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: left;
    -webkit-align-items: left;
    align-items: left;
    -ms-flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: 0 0 32px
}

@media screen and (min-width: 768px) {
    .payments .ecwid-payment__controls {
        -ms-flex-direction:row;
        -webkit-flex-direction: row;
        flex-direction: row;
        -ms-align-items: center;
        -webkit-align-items: center;
        align-items: center
    }
}

.payments .ecwid-payment__controls .btn {
    min-width: 160px
}

.payments .ecwid-payment__controls .btn+.btn {
    margin-left: 7px
}

.payments .ecwid-payment__controls .payment-upgrade-link {
    display: inline-block
}

.payments .ecwid-payment-send-email__desc {
    font-weight: 600
}

.payments .ecwid-payment__step {
    margin: 0;
    border-collapse: collapse;
    width: 100%;
    border-top: 1px solid #bfc7ce
}

@media screen and (min-width: 768px) {
    .payments .ecwid-payment__step {
        table-layout:fixed
    }

    .payments .ecwid-payment__step tr:last-child td:first-child {
        border-top: 1px dashed #bfc7ce
    }
}

.payments .ecwid-payment__step td {
    display: block;
    padding: 12px 10px 12px 0
}

@media screen and (min-width: 768px) {
    .payments .ecwid-payment__step td {
        display:table-cell
    }
}

.payments .ecwid-payment__step td dl {
    line-height: 20px;
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0
}

@media screen and (min-width: 768px) {
    .payments .ecwid-payment__step td dl {
        line-height:24px
    }
}

.payments .ecwid-payment__step td dl dt {
    font-size: 14px;
    font-weight: 600;
    padding: 0;
    margin: 0
}

@media screen and (min-width: 768px) {
    .payments .ecwid-payment__step td dl dt {
        font-size:16px
    }
}

.payments .ecwid-payment__step td dl dt+dd {
    padding-top: 2px
}

.payments .ecwid-payment__step td dl dd {
    font-size: 12px;
    line-height: 18px;
    padding: 0;
    margin: 0
}

@media screen and (min-width: 768px) {
    .payments .ecwid-payment__step td dl dd {
        font-size:14px
    }
}

.payments .ecwid-payment__step td .btn {
    height: 40px;
    min-width: 200px
}

.payments .ecwid-payment__step td:last-child {
    text-align: left;
    padding-top: 0;
    padding-bottom: 17px;
    width: 240px
}

@media screen and (min-width: 768px) {
    .payments .ecwid-payment__step td:last-child {
        padding:0 20px;
        text-align: center
    }
}

.payments .ecwid-payment__step td:last-child dd {
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    color: #607385
}

.payments .ecwid-payment__step:last-child {
    border-bottom: 1px solid #bfc7ce;
    margin-bottom: 16px
}

@media screen and (min-width: 768px) {
    .payments .ecwid-payment__step:last-child {
        margin-bottom:32px
    }
}

.payments .ecwid-payment__step+.ecwid-payment__step {
    border-top: 1px dashed #bfc7ce;
    margin-top: 0
}

.payments .ecwid-payment__step--done {
    position: relative
}

.payments .ecwid-payment__step--done td {
    display: block;
    padding: 12px 10px 12px 0
}

@media screen and (min-width: 768px) {
    .payments .ecwid-payment__step--done td {
        display:table-cell
    }
}

.payments .ecwid-payment__step--done td:last-child {
    position: absolute;
    top: 12px;
    right: 0;
    padding: 0;
    width: auto
}

@media screen and (min-width: 768px) {
    .payments .ecwid-payment__step--done td:last-child {
        position:static;
        width: 240px
    }
}

.payments .ecwid-payment__step--done td dl dt {
    padding-right: 35px
}

@media screen and (min-width: 768px) {
    .payments .ecwid-payment__step--done td dl dt {
        padding-right:0
    }
}

.payments .ecwid-payment-options-desc {
    margin-top: 24px
}

.payments .ecwid-payment-options-desc p {
    line-height: 24px
}

@media screen and (min-width: 768px) {
    .payments .ecwid-payment-options-desc {
        margin-top:40px
    }
}

.payments .ecwid-payment-options-list {
    max-width: 730px;
    margin-bottom: 32px
}

.payments .ecwid-payment-option {
    color: #0a1c2e;
    margin: 0;
    width: 100%;
    position: relative;
    border-top: 1px solid #bfc7ce;
    border-collapse: collapse
}

@media screen and (min-width: 768px) {
    .payments .ecwid-payment-option {
        table-layout:fixed;
        margin-top: 0
    }

    .payments .ecwid-payment-option tr:last-child td:first-child {
        border-top: 1px solid #bfc7ce
    }
}

.payments .ecwid-payment-option td {
    display: block;
    padding: 0 10px 10px 0;
    vertical-align: top;
    transition: color 0.2s ease-out
}

@media screen and (min-width: 768px) {
    .payments .ecwid-payment-option td {
        font-size:14px;
        line-height: 22px;
        display: table-cell;
        padding: 14px 10px 14px 0;
        margin: 0
    }
}

.payments .ecwid-payment-option td:first-child {
    font-size: 14px;
    font-weight: 600;
    padding: 10px 90px 2px 0
}

@media screen and (min-width: 768px) {
    .payments .ecwid-payment-option td:first-child {
        font-size:16px;
        width: 42%;
        padding: 14px 40px 14px 0
    }
}

.payments .ecwid-payment-option td:last-child {
    position: absolute;
    top: 12px;
    right: 0;
    padding: 0
}

@media screen and (min-width: 768px) {
    .payments .ecwid-payment-option td:last-child {
        position:static;
        width: 75px;
        padding: 0 20px;
        text-align: center;
        padding: 14px 10px 14px 0
    }
}

.payments .ecwid-payment-option:last-child {
    border-bottom: 1px solid #bfc7ce
}

.payments .ecwid-payment-option--disabled {
    color: #607385
}

.payments .ecwid-payment-option--disabled .ecwid-payment-title svg path {
    fill: currentColor
}

.payments .ecwid-payment-option .columned__item {
    padding: 14px 40px 14px 0
}

.payments .ecwid-payment-title {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    cursor: pointer
}

.payments .ecwid-payment-title svg {
    width: 14px;
    height: 14px;
    margin: 4px 0 0 10px;
    position: absolute
}

@media screen and (min-width: 768px) {
    .payments .ecwid-payment-title svg {
        margin-top:5px
    }
}

.payments .ecwid-payment-title svg path {
    fill: #275ce0;
    transition: fill 0.2s ease-out
}

.payments .ecwid-payment-title:hover {
    color: #1b409d
}

.payments .ecwid-payment-title:hover svg path {
    fill: currentColor
}

.payments .ecwid-payment__footer p {
    color: #607385
}

@media screen and (min-width: 768px) {
    .payments .ecwid-payment__footer p {
        font-size:12px;
        line-height: 18px
    }
}

.payments .ecwid-payment__footer--status {
    margin-top: -24px
}

.payments .ecwid-payment__footer--status .error {
    color: #f43c36
}

.payments .ecwid-payment--error {
    color: #f43c36
}

.payments .ecwid-payment--disabled {
    color: #607385
}

.payments .ecwid-payment .alert {
    margin: 0 0 32px
}

.payments .ecwid-payment .alert-content .title {
    text-align: left;
    margin: 0 0 6px
}

.payments .ecwid-payment .alert-content .btn {
    margin: 18px 0 0
}

.payments .ecwid-payment__fee,.payments .ecwid-payment__account-info {
    display: inline-block
}

.payments .card--disabled .ecwid-payment-option {
    color: #607385
}

.payments .card--disabled .ecwid-payment-option .ecwid-payment-title svg path {
    fill: currentColor
}

.payments .block-help {
    padding: 20px 16px 10px;
    max-width: 630px;
    margin: 0 auto
}

@media screen and (min-width: 768px) {
    .payments .block-help {
        font-size:16px;
        line-height: 24px;
        padding: 0 16px 25px
    }
}

.payments .block-help__title {
    font-size: 16px;
    line-height: 26px;
    text-align: center
}

@media screen and (min-width: 768px) {
    .payments .block-help__title {
        font-size:16px;
        line-height: 24px
    }
}

.payments .block-help__desc {
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    margin-top: 14px
}

@media screen and (min-width: 768px) {
    .payments .block-help__desc {
        font-size:14px;
        line-height: 22px
    }
}

.payments .block-help__cta {
    position: relative
}

.payments .ecwid-modal-footer {
    margin-top: 0;
    padding-top: 5px;
    border-top: none
}

.payments .form-control--select-inline {
    position: relative;
    display: inline-block;
    width: 100%
}

@media screen and (min-width: 768px) {
    .payments .form-control--select-inline {
        width:auto
    }
}

.payments .form-control__select {
    height: 40px;
    font-size: 14px;
    line-height: 22px
}

.payments.payment-editor .ecwid-form .columned {
    max-width: none
}

@media screen and (max-width: 768px) {
    .payments.payment-editor .ecwid-form .ecwid-fieldEnvelope {
        width:100%
    }
}

@media screen and (max-width: 768px) {
    .payments.payment-editor .ecwid-form .gwt-TextBox,.payments.payment-editor .ecwid-form .gwt-TextArea,.payments.payment-editor .ecwid-form .gwt-PasswordTextBox,.payments.payment-editor .ecwid-form .gwt-ListBox {
        width:100% !important
    }
}

.payments.payment-editor .ecwid-form .gwt-ListBox {
    background-color: #f9f9fa
}

.payments.payment-editor .other-apps .app-page-title,.payments.payment-editor .other-apps .app-page-list-item {
    margin-top: 0
}

@media screen and (min-width: 768px) {
    .payments.payment-editor .other-apps .app-page-title,.payments.payment-editor .other-apps .app-page-list-item {
        margin-bottom:8px
    }
}

@media screen and (max-width: 768px) {
    .payments.payment-editor .PayPalInfo-cc-box {
        display:block
    }
}

.payments .block-help__cta .btn-list {
    position: relative
}

.payments .block-help__cta .btn-list .svg-icon {
    position: absolute;
    width: 14px;
    top: 5px;
    right: 10px;
    opacity: 1
}

.payments .block-help__cta .btn-list.btn-success .svg-icon {
    display: none
}

.refund-popup .main-popup__container {
    max-width: 609px;
    padding: 20px 10px
}

@media (min-width: 400px) {
    .refund-popup .main-popup__container {
        padding:26px 40px 42px
    }
}

@media screen and (min-width: 768px) {
    .refund-popup .main-popup__container {
        padding:26px 60px 42px
    }
}

.refund-popup .main-popup__buttons {
    padding-top: 12px
}

.refund-popup .main-popup__buttons .btn {
    min-width: 200px
}

.refund-order div {
    box-sizing: border-box
}

.refund-order p {
    margin: 20px 0;
    text-align: left
}

.refund-order p+p {
    margin-top: 24px
}

.refund-order-info {
    font-size: 14px;
    line-height: 22px;
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    margin: 3px auto 0;
    text-align: left
}

@media screen and (min-width: 768px) {
    .refund-order-info {
        min-width:463px
    }
}

.refund-order-info .ecwid-u-1-3 {
    width: 50%
}

@media screen and (min-width: 568px) {
    .refund-order-info .ecwid-u-1-3 {
        width:33.3333%
    }
}

@media screen and (min-width: 768px) {
    .refund-order-info .ecwid-u-1-3 {
        width:33.3333%
    }
}

.refund-order-info__title {
    color: #607385;
    font-weight: 600;
    padding-top: 8px
}

@media screen and (min-width: 768px) {
    .refund-order-info__title {
        padding-top:16px
    }
}

.refund-order-info__val {
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 16px
}

@media screen and (min-width: 768px) {
    .refund-order-info__val {
        font-size:16px
    }
}

.refund-order-info--last {
    margin-bottom: 20px
}

.refund-order-info--last .refund-order-info__val {
    font-size: 14px;
    font-weight: 400
}

.refund-order-info:first-child {
    border-bottom: 1px solid #bfc7ce
}

.refund-order-info:first-child .refund-order-info__title {
    padding-top: 4px
}

.refund-order-form .fieldset {
    margin: 20px auto 16px;
    height: 40px;
    width: 100%
}

.refund-order .error {
    color: #f43c36
}

.refund-order--disabled .refund-order-form {
    display: none
}

.transaction-details-popup {
    text-align: left
}

.transaction-details-popup .main-popup__container {
    max-width: 772px
}

@media (min-width: 640px) {
    .transaction-details-popup .main-popup__container {
        padding-left:40px;
        padding-right: 40px;
        padding-top: 30px
    }
}

.transaction-details-popup .main-popup__container .main-popup__title {
    font-size: 16px;
    line-height: 24px;
    padding-top: 0
}

@media screen and (min-width: 768px) {
    .transaction-details-popup .main-popup__container .main-popup__title {
        font-size:22px
    }
}

.transaction-details-popup .main-popup__buttons {
    padding-top: 12px
}

.transaction-details-popup .main-popup__buttons .btn {
    min-width: 200px
}

.transaction-details-popup .main-popup__footer-text {
    margin-top: 36px
}

.transaction-details {
    box-sizing: border-box;
    font-size: 12px;
    line-height: 18px;
    margin: 12px auto 0;
    max-width: 772px
}

@media screen and (min-width: 768px) {
    .transaction-details {
        font-size:14px;
        line-height: 22px
    }
}

.transaction-details .btn {
    margin-top: 34px;
    min-width: 200px
}

.transaction-details div {
    box-sizing: border-box
}

.transaction-details p {
    margin: 13px 0 20px;
    text-align: left
}

.transaction-details p+p {
    margin-top: 24px
}

.transaction-details a {
    display: inline-block
}

.transaction-details h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    margin-top: 40px;
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .transaction-details h3 {
        font-size:16px;
        line-height: 24px
    }
}

.transaction-details-info {
    font-size: 14px;
    line-height: 22px;
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    margin: 3px auto 0;
    text-align: left
}

@media (min-width: 900px) {
    .transaction-details-info {
        min-width:680px
    }
}

.transaction-details-info .ecwid-u-1-3 {
    width: 50%
}

@media screen and (min-width: 568px) {
    .transaction-details-info .ecwid-u-1-3 {
        width:33.3333%
    }
}

@media screen and (min-width: 768px) {
    .transaction-details-info .ecwid-u-1-3 {
        width:33.3333%
    }

    .transaction-details-info .ecwid-u-1-3:nth-child(2) {
        padding-left: 5%
    }

    .transaction-details-info .ecwid-u-1-3:nth-child(3) {
        padding-left: 4%
    }
}

.transaction-details-info .ecwid-u-1-4 {
    width: 50%
}

@media screen and (min-width: 568px) {
    .transaction-details-info .ecwid-u-1-4 {
        width:50%
    }
}

@media screen and (min-width: 768px) {
    .transaction-details-info .ecwid-u-1-4 {
        width:50%
    }
}

@media (min-width: 900px) {
    .transaction-details-info .ecwid-u-1-4 {
        width:25%
    }

    .transaction-details-info .ecwid-u-1-4:nth-child(1) {
        width: 24%
    }

    .transaction-details-info .ecwid-u-1-4:nth-child(2) {
        width: 19.5%
    }

    .transaction-details-info .ecwid-u-1-4:nth-child(3) {
        width: 26%
    }

    .transaction-details-info.transaction-details-history .ecwid-u-1-2 {
        width: 43.5%
    }

    .transaction-details-info.transaction-details-history .ecwid-u-1-4 {
        width: 26%
    }

    .transaction-details-info.transaction-details-history .ecwid-u-1-4:last-child {
        width: 25%
    }
}

.transaction-details-info__title {
    color: #607385;
    font-weight: 600;
    line-height: 20px;
    padding-top: 8px
}

@media screen and (min-width: 768px) {
    .transaction-details-info__title {
        padding-top:10px
    }
}

.transaction-details-info__val {
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 10px
}

@media screen and (min-width: 768px) {
    .transaction-details-info__val {
        font-size:16px
    }
}

.transaction-details-info__text {
    font-size: 12px;
    line-height: 18px;
    padding-bottom: 10px
}

@media screen and (min-width: 768px) {
    .transaction-details-info__text {
        font-size:14px
    }
}

.transaction-details-info__total {
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 10px
}

@media screen and (min-width: 768px) {
    .transaction-details-info__total {
        font-size:16px
    }
}

.transaction-details-info--last {
    margin-bottom: 20px
}

.transaction-details-info--last .refund-order-info__val {
    font-size: 14px;
    font-weight: 400
}

.transaction-details-info:first-child .refund-order-info__title {
    padding-top: 4px
}

.transaction-details-history {
    border-top: 1px solid #bfc7ce;
    border-bottom: 1px solid #bfc7ce;
    margin-top: -1px
}

@media screen and (min-width: 768px) {
    .transaction-details-history {
        display:-ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row
    }
}

.transaction-details-history~.transaction-details__refund-reason {
    margin-top: 25px
}

.transaction-details-history .ecwid-u-1-3 {
    width: 50%
}

.transaction-details-history .ecwid-u-1-3 .transaction-details-info__val {
    padding-bottom: 0
}

@media screen and (min-width: 768px) {
    .transaction-details-history .ecwid-u-1-3 {
        -ms-flex:1;
        -webkit-flex: 1;
        flex: 1;
        padding-left: 4%
    }

    .transaction-details-history .ecwid-u-1-3 .transaction-details-info__val {
        padding-bottom: 10px
    }
}

.transaction-details-history .ecwid-u-1-3:last-child {
    width: 100%
}

@media screen and (min-width: 768px) {
    .transaction-details-history .ecwid-u-1-3:last-child {
        -ms-flex-order:-1;
        -webkit-order: -1;
        order: -1;
        padding-left: 0
    }
}

.transaction-details-history .ecwid-u-1-3:last-child .transaction-details-info__val {
    padding-bottom: 10px
}

.transaction-details .error {
    color: #f43c36
}

.transaction-details--disabled .refund-order-form {
    display: none
}

.transaction-details__refund-reason {
    font-weight: 600;
    color: #f43c36;
    margin-top: 15px
}

.transaction-details__refund-reason:not([style*='display: none'])+p {
    margin-top: 0
}

.partial-refund-popup .main-popup__container {
    width: 100%;
    max-width: 609px
}

@media screen and (min-width: 768px) {
    .partial-refund-popup .main-popup__container {
        padding-left:65px;
        padding-right: 65px
    }
}

.partial-refund-popup .main-popup__buttons {
    padding-top: 11px
}

.partial-refund-popup .choice-dialog.block-rows {
    margin-left: 10px
}

.partial-refund-popup .choice-dialog .fieldset-container {
    max-width: none
}

.partial-refund-popup .choice-dialog.normalized .radio input[type="radio"]+.radio-label {
    width: 100%;
    max-width: 418px;
    padding-right: 30px;
    box-sizing: border-box
}

@media screen and (min-width: 768px) {
    .partial-refund-popup .choice-dialog.normalized .radio input[type="radio"]+.radio-label {
        max-width:428px;
        padding-right: 40px
    }
}

.partial-refund-popup p {
    font-size: 12px;
    line-height: 18px
}

@media screen and (min-width: 768px) {
    .partial-refund-popup p {
        font-size:14px;
        line-height: 22px
    }
}

.partial-refund-popup p a {
    display: inline-block
}

@media screen and (min-width: 768px) {
    .partial-refund-popup .btn-primary {
        min-width:270px
    }
}

.partial-refund-popup .refund-reason {
    text-align: left;
    border-top: 1px solid #bfc7ce;
    margin: 15px 0;
    padding: 13px 0 0
}

@media screen and (min-width: 768px) {
    .partial-refund-popup .refund-reason {
        margin:30px 0
    }
}

.partial-refund-popup .refund-message {
    font-weight: 600;
    color: #f43c36;
    margin-top: 16px;
    text-align: center
}

@media screen and (min-width: 768px) {
    .partial-refund-popup .refund-message {
        margin-top:32px
    }
}

.partial-refund-popup .refund-message+p {
    margin-top: 28px;
    margin-bottom: 0
}

.partial-refund-popup .choice-dialog .fieldset-container {
    opacity: 0;
    overflow: hidden;
    padding-top: 0;
    margin-top: 0;
    max-width: none;
    max-height: 0;
    transition: opacity .1s linear, padding-top .15s linear, max-height .15s ease-out
}

.partial-refund-popup .choice-dialog .fieldset-container--expand {
    max-height: 40px;
    opacity: 1;
    padding-top: 11px
}

.payments-promo>div {
    box-sizing: border-box
}

.payments-promo p {
    margin: 10px 0
}

.payments-promo-content {
    position: relative;
    text-align: left;
    padding-top: 8px
}

@media screen and (min-width: 768px) {
    .payments-promo-content {
        padding-top:16px
    }
}

.payments-promo-content dl {
    margin: 20px 0 0;
    font-weight: 600
}

.payments-promo-content dl dt {
    font-size: 16px;
    line-height: 24px;
    color: #275ce0;
    margin: 0;
    padding: 0
}

@media screen and (min-width: 768px) {
    .payments-promo-content dl dt {
        font-size:22px
    }
}

@media screen and (min-width: 1024px) {
    .payments-promo-content dl dt {
        font-size:28px
    }
}

.payments-promo-content dl dt small {
    font-size: 16px;
    line-height: 24px
}

.payments-promo-content dl dd {
    margin: 0 0 18px;
    padding: 0
}

.payments-promo-content p {
    line-height: 1.36;
    margin: 14px 0 16px
}

@media screen and (min-width: 768px) {
    .payments-promo-content p {
        padding-right:400px
    }
}

.payments-promo-content .btn~p {
    padding-right: 0
}

.payments-promo-content__img {
    margin: 10px 0
}

@media screen and (min-width: 768px) {
    .payments-promo-content__img {
        position:absolute;
        top: 42px;
        right: -5px;
        margin: 0;
        max-width: 340px
    }
}

.payments-promo-content__img img {
    display: none
}

@media screen and (min-width: 768px) {
    .payments-promo-content__img img {
        display:block;
        margin-bottom: 32px
    }
}

.payments-promo__block {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media screen and (min-width: 768px) {
    .payments-promo__block {
        -ms-flex-direction:column;
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

.payments-promo__credit-cards {
    text-align: left;
    white-space: nowrap
}

@media screen and (min-width: 768px) {
    .payments-promo__credit-cards {
        margin-left:25px
    }
}

.payments-promo__credit-cards svg {
    display: inline-block;
    margin: 0 4px;
    height: auto;
    width: 40px
}

@media screen and (min-width: 768px) {
    .payments-promo__credit-cards svg {
        width:53px
    }
}

.payments-promo__terms {
    margin: 20px 0 0
}

@media screen and (min-width: 768px) {
    .payments-promo__terms {
        margin-top:24px
    }
}

.payments-promo__terms p {
    color: #607385;
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 8px
}

@media screen and (min-width: 768px) {
    .payments-promo__terms p {
        line-height:24px
    }
}

.OnboardingWizard-payments-list .ecwid-payment .payment-upgrade-link {
    display: none
}

@media screen and (min-width: 768px) {
    .payment-account-settings {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.payment-account-settings .fieldset {
    display: block
}

.payment-account-settings__title {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e;
    word-wrap: break-word;
    word-break: break-word
}

.payment-account-settings__email {
    font-weight: 400
}

@media screen and (min-width: 768px) {
    .payment-account-settings__account-wrapper {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%
    }
}

.payment-account-settings__account-wrapper--no-advanced-settings .payment-account-settings__account {
    margin-bottom: 0
}

.payment-account-settings__account-wrapper--no-advanced-settings .payment-account-settings__advanced {
    display: none
}

.payment-account-settings__account {
    margin-bottom: 16px
}

@media screen and (min-width: 768px) {
    .payment-account-settings__account {
        -webkit-box-flex:1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        min-width: 270px;
        padding-right: 65px
    }
}

@media screen and (min-width: 768px) {
    .payment-account-settings__setup-guide {
        -webkit-box-flex:1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%
    }
}

.payment-account-settings__muse-placeholder {
    min-height: 50px
}

@media screen and (min-width: 768px) {
    .payment-account-settings__advanced {
        -webkit-box-flex:1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        min-width: 50%;
        padding-right: 65px
    }
}

.payment-account-advanced-option {
    padding-bottom: 16px
}

.payment-account-advanced-option p {
    margin-top: 0;
    margin-bottom: 8px
}

.payment-account-advanced-option__description {
    color: #607385;
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px
}

.payment-account-advanced-option__description p {
    color: inherit;
    margin-top: 0;
    margin-bottom: 8px
}

.payment-account-advanced-option__description b {
    color: inherit;
    font-weight: 600
}

.checkbox-switcher {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.checkbox-switcher__checkbox {
    padding-right: 8px
}

.checkbox-switcher__label {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.checkbox-switcher__label .payment-account-advanced-option__description {
    margin-top: 4px
}

.Bancomer div.ecwid-popup-content {
    padding: 0 30px 8px;
    position: relative;
    top: -9px
}

div.gge4-popup div.ecwid-modal-body {
    max-width: 830px
}

.eway-modal {
    max-width: 600px
}

.eway-modal .ecwid-modal-footer button {
    margin-right: 3px;
    margin-left: 3px
}

@media screen and (max-width: 567px) {
    .eway-modal .ecwid-modal-header {
        margin:0 20px 0 15px
    }

    .eway-modal .ecwid-modal-footer {
        margin: 35px 15px
    }
}

div.ipay88-popup div.ecwid-FormPopup-fieldWrapper {
    margin: 0 70px
}

div.hsbcGlobalIris-popup div.ecwid-modal-header,div.hsbcGlobalIris-popup div.ecwid-modal-body {
    max-width: 376px
}

div.multiSafePay-popup div.ecwid-FormPopup-fieldWrapper,div.multiSafePay-popup span.gwt-CheckBox {
    margin: 0 85px
}

div.payJunction-popup div.ecwid-modal-header,div.payJunction-popup div.ecwid-modal-body {
    max-width: 496px
}

div.twoCheckout-popup .gwt-CheckBox {
    display: block
}

.toucanPopup .ecwid-modal-body {
    margin: 0 15px 20px
}

.toucanPopup .ecwid-modal-content {
    min-width: 320px
}

.toucanPopup .ecwid-modal-body-center {
    text-align: center
}

@media screen and (min-width: 768px) {
    .toucanPopup .ecwid-modal-body {
        margin:0 50px 20px
    }
}

.toucanPopup .ecwid-modal-footer {
    display: none
}

.toucanPopup .ecwid-form {
    background-color: white
}

.PayPalPopup div.ecwid-popup-content {
    padding: 0 30px 8px;
    position: relative;
    top: -9px
}

.PayPalPopup div.ecwid-popup-headLabel {
    font-size: 0;
    margin: 0;
    padding: 0
}

.PayPalPopup .gwt-CheckBox {
    display: inline-block;
    height: 19px;
    line-height: 20px
}

.PayPalPopup .gwt-CheckBox input {
    margin-right: 10px;
    vertical-align: text-bottom
}

.PayPalPopup .gwt-CheckBox label {
    vertical-align: text-top
}

.PayPalStandard div.ecwid-form {
    max-width: 597px
}

.sberbank-modal .ecwid-modal-footer button {
    margin-right: 3px;
    margin-left: 3px
}

@media screen and (max-width: 567px) {
    .sberbank-modal .ecwid-modal-header {
        margin:0 20px 0 15px
    }

    .sberbank-modal .ecwid-modal-footer {
        margin: 35px 15px
    }
}

.StripePopup .ecwid-modal-body {
    overflow: visible;
    margin: 0 41px 5px
}

.StripePopup .ecwid-modal-footer {
    margin-top: 22px;
    padding-top: 13px;
    margin-left: 38px;
    margin-right: 38px
}

.backend-AuthorizeNetConfigForm {
    max-width: 624px
}

.backend-AuthorizeNetConfigForm div.ecwid-form {
    padding: 20px 0 20px 0
}

.backend-AuthorizeNetConfigForm div.ecwid-FormPopup-fieldWrapper {
    padding-left: 150px;
    padding-right: 150px
}

.backend-AuthorizeNetConfigForm span.gwt-CheckBox {
    padding-left: 150px;
    padding-right: 150px
}

.PayPalPayflow .PayPalInfo-logo {
    margin: 4px 0 0 51px
}

.PayPalPayflow .PayPalInfo-cc-box,.PayPalAdvanced .PayPalInfo-cc-box {
    width: 465px
}

.PayPalPayflow .backend-paymentAccountDetails-infoPanel,.PayPalAdvanced .backend-paymentAccountDetails-infoPanel {
    margin-bottom: 17px
}

.PayPalPayflow div.ecwid-form,.PayPalAdvanced div.ecwid-form {
    padding: 20px 20px 17px;
    width: 732px
}

.eway-settings__logo {
    margin: 20px 0
}

.eway-settings__logo svg {
    height: 60px
}

.eway-settings {
    margin-bottom: 45px
}

.eway-settings__title {
    margin-bottom: .4em
}

.eway-settings__description {
    font-size: 14px;
    margin: 0 0 30px
}

.eway-settings .ecwid-g-r {
    margin: 0 -4px
}

.eway-settings__formfield {
    padding: 0 5px;
    margin: 0 0 10px
}

.eway-settings__formfield.control-group .form-control {
    padding-right: 1px
}

.eway-settings__formfield.control-group .form-control-focus {
    padding-right: 0
}

.PayPalInfo-header {
    font: italic 24px helvetica, arial, verdana, sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 12px 2px;
    display: block
}

@media screen and (min-width: 768px) {
    .PayPalInfo-header {
        font-size:24px;
        padding-left: 135px
    }
}

.PayPalInfo-header:before {
    content: "";
    display: block;
    height: 30px;
    width: 120px;
    margin-bottom: 12px
}

@media screen and (min-width: 768px) {
    .PayPalInfo-header:before {
        margin:-6px 0 0 -135px;
        position: absolute
    }
}

.PayPalInfo-logo {
    margin: 0
}

.PayPalInfo-logo img {
    height: 48px;
    width: 100%
}

@media screen and (min-width: 768px) {
    .PayPalInfo-logo img {
        height:68px
    }
}

.PayPalStandard-fieldBox {
    width: 145px;
    height: 32px;
    margin-right: 1px
}

@media screen and (min-width: 768px) {
    .PayPalStandard-fieldBox {
        width:279px
    }
}

.ecwid.ecwid-SingleProduct-v2 {
    box-sizing: content-box;
    min-width: 230px;
    max-width: 400px;
    color: #191919;
    font-family: inherit;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.35;
    text-align: center;
    vertical-align: top
}

.ecwid.ecwid-SingleProduct-v2.ecwid-SingleProduct-v2-centered.loaded {
    display: block;
    margin: auto;
    margin-bottom: 8px
}

.ecwid.ecwid-SingleProduct-v2.loaded {
    display: inline-block;
    padding-bottom: 8px
}

.ecwid.ecwid-SingleProduct-v2.loaded .ecwid-title,.ecwid.ecwid-SingleProduct-v2.loaded .ecwid-productBrowser-price {
    margin-top: 24px;
    margin-bottom: 24px
}

.ecwid.ecwid-SingleProduct-v2.ecwid-SingleProduct-v2-bordered.loaded {
    border: 1px solid rgba(0,0,0,0.2);
    background-color: rgba(255,255,255,0);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2)
}

.ecwid.ecwid-SingleProduct-v2.ecwid-SingleProduct-v2-bordered.loaded .ecwid-SingleProduct-picture::after {
    background-color: rgba(0,0,0,0.025)
}

@media print {
    .ecwid.ecwid-SingleProduct-v2.ecwid-SingleProduct-v2-bordered.loaded .ecwid-SingleProduct-picture::after {
        background: none
    }
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-SingleProduct-picture {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 24px;
    -ms-flex-align: center
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-SingleProduct-picture::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-SingleProduct-picture img {
    max-width: 100%;
    height: auto !important
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-SingleProduct-options,.ecwid.ecwid-SingleProduct-v2 .ecwid-SingleProduct-qty,.ecwid.ecwid-SingleProduct-v2 .ecwid-btn--addToBag,.ecwid.ecwid-SingleProduct-v2 div[customprop='addtobag'],.ecwid.ecwid-SingleProduct-v2 .ecwid-AddToBagButton {
    margin-top: 24px;
    margin-bottom: 24px
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-SingleProduct-vat {
    color: #607385;
    margin-top: -14px;
    margin-bottom: 24px;
    font-size: 0.85714em;
    line-height: 1.16666
}

.ecwid.ecwid-SingleProduct-v2.price-hidden .ecwid-productBrowser-price {
    display: none;
    margin-top: 0;
    margin-bottom: 0
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-title {
    box-sizing: border-box;
    color: #191919;
    font-size: 1.428571429em;
    font-weight: 400;
    line-height: 1.35;
    word-wrap: break-word
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-title,.ecwid.ecwid-SingleProduct-v2 .ecwid-AddToBagButton,.ecwid.ecwid-SingleProduct-v2 .ecwid-SingleProduct-options {
    padding-right: 24px;
    padding-left: 24px
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-SingleProduct-options {
    box-sizing: border-box;
    max-width: 320px;
    margin-right: auto;
    margin-left: auto
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-fieldLabel {
    margin-bottom: 8px;
    font-family: inherit;
    font-size: 1.142857143em;
    font-weight: 400;
    line-height: 1.35;
    text-align: center
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionPanel {
    margin-bottom: 24px;
    padding-bottom: 0;
    text-align: left
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionPanel-textfield .ecwid-fieldLabel,.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionPanel-select .ecwid-fieldLabel,.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionPanel-date .ecwid-fieldLabel,.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionPanel-textarea .ecwid-fieldLabel {
    margin-bottom: 2px
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionRadioButton,.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionCheckbox,.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionSelectBox,.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionTextField,.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionDateField,.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionTextArea {
    width: 100%;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionTextField,.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionTextArea,.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionDateField,.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionSelectBox {
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,0.22);
    border-radius: 2px;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.07);
    text-rendering: optimizeLegibility;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    transition: color .1s linear, background-color .1s linear, border-color .1s linear, box-shadow .1s linear;
    -o-user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionDateField.ecwid-DateBox-formatError {
    border-width: 1px;
    border-color: #d64767
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionTextField,.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionTextArea {
    height: 32px;
    padding: 9px
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionTextField:focus,.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionTextField.focus,.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionTextArea:focus,.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionTextArea.focus {
    padding: 8px;
    border-width: 2px
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionTextField:focus,.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionTextField.focus,.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionTextField:active,.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionTextField.active,.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionTextArea:focus,.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionTextArea.focus,.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionTextArea:active,.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionTextArea.active {
    border-color: #5dbaf3;
    box-shadow: 0 0 4px #e8f5fd
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionTextArea {
    min-height: 100px
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionRadioButton,.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionCheckbox {
    box-sizing: border-box;
    margin: 0;
    padding-left: 20px
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionRadioButton input[type='radio'],.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionCheckbox input[type='checkbox'] {
    height: 14px;
    margin-left: -20px
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-datePicker {
    width: 100%;
    margin: auto
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-datePicker-button {
    display: none
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionDateField {
    height: 32px;
    margin-right: 0;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cpath fill='none' d='M1 1h24v24H1z'/%3E%3Cpath fill='%23bfbfbf' d='M7 6c-.55 0-1-.45-1-1V2c0-.55.45-1 1-1s1 .45 1 1v3c0 .55-.45 1-1 1z'/%3E%3Cpath fill='%23bfbfbf' d='M22 3h-1v2c0 1.1-.9 2-2 2s-2-.9-2-2V3H9v2c0 1.1-.9 2-2 2s-2-.9-2-2V3H4C2.34 3 1 4.34 1 6v16c0 1.66 1.34 3 3 3h18c1.66 0 3-1.34 3-3V6c0-1.66-1.34-3-3-3zm1 19c0 .55-.45 1-1 1H4c-.55 0-1-.45-1-1V10h20v12z'/%3E%3Cpath fill='%23bfbfbf' d='M19 6c-.55 0-1-.45-1-1V2c0-.55.45-1 1-1s1 .45 1 1v3c0 .55-.45 1-1 1zM20.5 20h-15c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h15c.28 0 .5.22.5.5s-.22.5-.5.5zM20.5 17h-15c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h15c.28 0 .5.22.5.5s-.22.5-.5.5zM20.5 14h-15c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h15c.28 0 .5.22.5.5s-.22.5-.5.5z'/%3E%3C/svg%3E") no-repeat;
    background-color: #fff;
    background-position: right 5px center;
    background-size: 20px;
    line-height: 34px;
    text-align: center
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionDateField::-ms-clear {
    display: none
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionSelectBox {
    overflow: hidden;
    height: 32px;
    margin: -1px 0 0 0;
    padding: 0 32px 0 8px;
    background-color: #fff;
    text-align: left;
    text-decoration: none;
    text-indent: .01px;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionUploadFiles {
    font-family: inherit
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionUploadFiles-filename {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionUploadFiles-filesize {
    display: none
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionUploadFiles-button {
    margin-top: 8px
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionUploadFiles-button table {
    margin: auto
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionUploadFiles-button table.ecwid-fieldEnvelope-error div.ecwid-fieldEnvelope-around {
    border-radius: 5px
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionUploadFiles-button .ecwid-btn.ecwid-btn--secondary {
    min-width: 120px;
    height: 40px;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionUploadFiles-widget table {
    margin: auto
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionUploadFiles-removeButton {
    width: 15px;
    height: 15px;
    margin-top: 2px;
    margin-left: -4px;
    border-radius: 50%;
    background: #bfbfbf url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11'%3E%3Cpath fill='rgba(255,255,255,0)' d='M9.83 0L11 1.205 6.712 5.512l4.263 4.283L9.807 11 5.494 6.73 1.254 11 .024 9.795 4.29 5.512 0 1.23 1.218 0l4.3 4.32L9.83 0z'/%3E%3C/svg%3E") no-repeat center center;
    background-size: 7px auto
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionRadioButton+.ecwid-productBrowser-details-optionRadioButton {
    margin-top: 8px
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionCheckbox+.ecwid-productBrowser-details-optionCheckbox {
    margin-top: 8px
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-SingleProduct-qty .gwt-InlineLabel {
    padding-right: 10px;
    font-size: 1.142857143em;
    font-weight: 400;
    line-height: 1.35;
    vertical-align: middle
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-SingleProduct-qty .gwt-TextBox {
    display: inline-block;
    position: relative;
    z-index: 3;
    box-sizing: content-box;
    width: 60px;
    padding-top: 6px;
    padding-bottom: 6px;
    border: 1px solid rgba(0,0,0,0.22);
    border-radius: 2px;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.07);
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    text-align: right;
    text-rendering: optimizeLegibility;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    transition: color .1s linear, background-color .1s linear, border-color .1s linear, box-shadow .1s linear;
    -webkit-appearance: none
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-btn--addToBag {
    margin-top: 0;
    margin-bottom: 0;
    font-family: inherit
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionPanel-select .ecwid-fieldLabel {
    position: relative;
    z-index: 1
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionPanel-select .ecwid-fieldLabel::after {
    content: '';
    display: block;
    position: absolute;
    right: 10px;
    bottom: -28px;
    width: 22px;
    height: 22px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cpath fill='%23bfbfbf' d='M7.85 10l5.02 4.9 5.27-4.9c.65-.66 1.71-.66 2.36 0 .65.67.65 1.74 0 2.4l-6.45 6.1c-.33.33-.76.5-1.18.5-.43 0-.86-.17-1.18-.5l-6.21-6.1c-.65-.66-.65-1.74 0-2.41.66-.65 1.72-.65 2.37.01z'/%3E%3C/svg%3E") no-repeat center center;
    -webkit-font-smoothing: antialiased;
    -webkit-transform: translateZ(0);
    transition: opacity .14s ease-out, color .14s ease-out;
    pointer-events: none
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-price {
    font-family: inherit;
    font-size: 1.714285714em
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-price-save-container,.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-price-compareTo-container {
    font-family: inherit;
    font-size: inherit
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-price-save,.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-price-compareTo {
    font-family: inherit;
    font-size: .583333333em;
    font-weight: 400;
    line-height: inherit
}

.ecwid.ecwid-SingleProduct-v2 select::-ms-expand {
    display: none
}

.ecwid.ecwid-SingleProduct-v2 table.ecwid-fieldEnvelope-error div.ecwid-fieldEnvelope-around {
    border-radius: 2px;
    box-shadow: 1px 1px 0 #d64767,-1px -1px 0 #d64767,1px -1px 0 #d64767,-1px 1px 0 #d64767
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-fieldEnvelope-label.ecwid-fieldEnvelope-label-light {
    text-align: center
}

.ecwid.ecwid-SingleProduct-v2 div.ecwid-fieldEnvelope-label {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionPanel.ecwid-productBrowser-details-optionPanel-select .ecwid-fieldEnvelope-around {
    padding-top: 1px
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionPanel.ecwid-productBrowser-details-optionPanel-radio .ecwid-fieldEnvelope-around {
    margin-left: -2px;
    padding-left: 2px
}

.ecwid.ecwid-SingleProduct-v2 span {
    width: auto;
    font-weight: 400
}

.ecsp.ecsp-SingleProduct-v2 {
    box-sizing: content-box;
    min-width: 230px;
    max-width: 400px;
    color: #191919;
    font-family: inherit;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.35;
    text-align: center;
    vertical-align: top
}

.ecsp.ecsp-SingleProduct-v2.ecsp-SingleProduct-v2-centered.loaded {
    display: block;
    margin: auto;
    margin-bottom: 8px
}

.ecsp.ecsp-SingleProduct-v2.loaded {
    display: inline-block;
    padding-bottom: 8px
}

.ecsp.ecsp-SingleProduct-v2.loaded .ecsp-title,.ecsp.ecsp-SingleProduct-v2.loaded .ecsp-productBrowser-price {
    margin-top: 24px;
    margin-bottom: 24px
}

.ecsp.ecsp-SingleProduct-v2.ecsp-SingleProduct-v2-bordered.loaded {
    border: 1px solid rgba(0,0,0,0.2);
    background-color: rgba(255,255,255,0);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2)
}

.ecsp.ecsp-SingleProduct-v2.ecsp-SingleProduct-v2-bordered.loaded .ecwid-SingleProduct-picture::after {
    background-color: rgba(0,0,0,0.025)
}

@media print {
    .ecsp.ecsp-SingleProduct-v2.ecsp-SingleProduct-v2-bordered.loaded .ecwid-SingleProduct-picture::after {
        background: none
    }
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-SingleProduct-picture {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 24px;
    -ms-flex-align: center
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-SingleProduct-picture::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-SingleProduct-picture img {
    max-width: 100%;
    height: auto !important
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-SingleProduct-options,.ecsp.ecsp-SingleProduct-v2 .ecwid-SingleProduct-qty,.ecsp.ecsp-SingleProduct-v2 .ecwid-btn--addToBag,.ecsp.ecsp-SingleProduct-v2 div[customprop='addtobag'],.ecsp.ecsp-SingleProduct-v2 .ecwid-AddToBagButton {
    margin-top: 24px;
    margin-bottom: 24px
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-SingleProduct-vat {
    color: #607385;
    margin-top: -14px;
    margin-bottom: 24px;
    font-size: 0.85714em;
    line-height: 1.16666
}

.ecsp.ecsp-SingleProduct-v2.price-hidden .ecsp-productBrowser-price {
    display: none;
    margin-top: 0;
    margin-bottom: 0
}

.ecsp.ecsp-SingleProduct-v2 .ecsp-title {
    box-sizing: border-box;
    color: #191919;
    font-size: 1.428571429em;
    font-weight: 400;
    line-height: 1.35;
    word-wrap: break-word
}

.ecsp.ecsp-SingleProduct-v2 .ecsp-title,.ecsp.ecsp-SingleProduct-v2 .ecwid-AddToBagButton,.ecsp.ecsp-SingleProduct-v2 .ecwid-SingleProduct-options {
    padding-right: 24px;
    padding-left: 24px
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-SingleProduct-options {
    box-sizing: border-box;
    max-width: 320px;
    margin-right: auto;
    margin-left: auto
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-fieldLabel {
    margin-bottom: 8px;
    font-family: inherit;
    font-size: 1.142857143em;
    font-weight: 400;
    line-height: 1.35;
    text-align: center
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionPanel {
    margin-bottom: 24px;
    padding-bottom: 0;
    text-align: left
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionPanel-textfield .ecwid-fieldLabel,.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionPanel-select .ecwid-fieldLabel,.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionPanel-date .ecwid-fieldLabel,.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionPanel-textarea .ecwid-fieldLabel {
    margin-bottom: 2px
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionRadioButton,.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionCheckbox,.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionSelectBox,.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionTextField,.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionDateField,.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionTextArea {
    width: 100%;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionTextField,.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionTextArea,.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionDateField,.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionSelectBox {
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,0.22);
    border-radius: 2px;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.07);
    text-rendering: optimizeLegibility;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    transition: color .1s linear, background-color .1s linear, border-color .1s linear, box-shadow .1s linear;
    -o-user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionDateField.ecwid-DateBox-formatError {
    border-width: 1px;
    border-color: #d64767
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionTextField,.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionTextArea {
    height: 32px;
    padding: 9px
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionTextField:focus,.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionTextField.focus,.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionTextArea:focus,.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionTextArea.focus {
    padding: 8px;
    border-width: 2px
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionTextField:focus,.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionTextField.focus,.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionTextField:active,.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionTextField.active,.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionTextArea:focus,.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionTextArea.focus,.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionTextArea:active,.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionTextArea.active {
    border-color: #5dbaf3;
    box-shadow: 0 0 4px #e8f5fd
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionTextArea {
    min-height: 100px
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionRadioButton,.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionCheckbox {
    box-sizing: border-box;
    margin: 0;
    padding-left: 20px
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionRadioButton input[type='radio'],.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionCheckbox input[type='checkbox'] {
    height: 14px;
    margin-left: -20px
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-datePicker {
    width: 100%;
    margin: auto
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-datePicker-button {
    display: none
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionDateField {
    height: 32px;
    margin-right: 0;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cpath fill='none' d='M1 1h24v24H1z'/%3E%3Cpath fill='%23bfbfbf' d='M7 6c-.55 0-1-.45-1-1V2c0-.55.45-1 1-1s1 .45 1 1v3c0 .55-.45 1-1 1z'/%3E%3Cpath fill='%23bfbfbf' d='M22 3h-1v2c0 1.1-.9 2-2 2s-2-.9-2-2V3H9v2c0 1.1-.9 2-2 2s-2-.9-2-2V3H4C2.34 3 1 4.34 1 6v16c0 1.66 1.34 3 3 3h18c1.66 0 3-1.34 3-3V6c0-1.66-1.34-3-3-3zm1 19c0 .55-.45 1-1 1H4c-.55 0-1-.45-1-1V10h20v12z'/%3E%3Cpath fill='%23bfbfbf' d='M19 6c-.55 0-1-.45-1-1V2c0-.55.45-1 1-1s1 .45 1 1v3c0 .55-.45 1-1 1zM20.5 20h-15c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h15c.28 0 .5.22.5.5s-.22.5-.5.5zM20.5 17h-15c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h15c.28 0 .5.22.5.5s-.22.5-.5.5zM20.5 14h-15c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h15c.28 0 .5.22.5.5s-.22.5-.5.5z'/%3E%3C/svg%3E") no-repeat;
    background-color: #fff;
    background-position: right 5px center;
    background-size: 20px;
    line-height: 34px;
    text-align: center
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionDateField::-ms-clear {
    display: none
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionSelectBox {
    overflow: hidden;
    height: 32px;
    margin: -1px 0 0 0;
    padding: 0 32px 0 8px;
    background-color: #fff;
    text-align: left;
    text-decoration: none;
    text-indent: .01px;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionUploadFiles {
    font-family: inherit
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionUploadFiles-filename {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionUploadFiles-filesize {
    display: none
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionUploadFiles-button {
    margin-top: 8px
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionUploadFiles-button table {
    margin: auto
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionUploadFiles-button table.ecwid-fieldEnvelope-error div.ecwid-fieldEnvelope-around {
    border-radius: 5px
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionUploadFiles-button .ecwid-btn.ecwid-btn--secondary {
    min-width: 120px;
    height: 40px;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionUploadFiles-widget table {
    margin: auto
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionUploadFiles-removeButton {
    width: 15px;
    height: 15px;
    margin-top: 2px;
    margin-left: -4px;
    border-radius: 50%;
    background: #bfbfbf url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11'%3E%3Cpath fill='rgba(255,255,255,0)' d='M9.83 0L11 1.205 6.712 5.512l4.263 4.283L9.807 11 5.494 6.73 1.254 11 .024 9.795 4.29 5.512 0 1.23 1.218 0l4.3 4.32L9.83 0z'/%3E%3C/svg%3E") no-repeat center center;
    background-size: 7px auto
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionRadioButton+.ecwid-productBrowser-details-optionRadioButton {
    margin-top: 8px
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionCheckbox+.ecwid-productBrowser-details-optionCheckbox {
    margin-top: 8px
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-SingleProduct-qty .gwt-InlineLabel {
    padding-right: 10px;
    font-size: 1.142857143em;
    font-weight: 400;
    line-height: 1.35;
    vertical-align: middle
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-SingleProduct-qty .gwt-TextBox {
    display: inline-block;
    position: relative;
    z-index: 3;
    box-sizing: content-box;
    width: 60px;
    padding-top: 6px;
    padding-bottom: 6px;
    border: 1px solid rgba(0,0,0,0.22);
    border-radius: 2px;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.07);
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    text-align: right;
    text-rendering: optimizeLegibility;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    transition: color .1s linear, background-color .1s linear, border-color .1s linear, box-shadow .1s linear;
    -webkit-appearance: none
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-btn--addToBag {
    margin-top: 0;
    margin-bottom: 0;
    font-family: inherit
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionPanel-select .ecwid-fieldLabel {
    position: relative;
    z-index: 1
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionPanel-select .ecwid-fieldLabel::after {
    content: '';
    display: block;
    position: absolute;
    right: 10px;
    bottom: -28px;
    width: 22px;
    height: 22px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cpath fill='%23bfbfbf' d='M7.85 10l5.02 4.9 5.27-4.9c.65-.66 1.71-.66 2.36 0 .65.67.65 1.74 0 2.4l-6.45 6.1c-.33.33-.76.5-1.18.5-.43 0-.86-.17-1.18-.5l-6.21-6.1c-.65-.66-.65-1.74 0-2.41.66-.65 1.72-.65 2.37.01z'/%3E%3C/svg%3E") no-repeat center center;
    -webkit-font-smoothing: antialiased;
    -webkit-transform: translateZ(0);
    transition: opacity .14s ease-out, color .14s ease-out;
    pointer-events: none
}

.ecsp.ecsp-SingleProduct-v2 .ecsp-productBrowser-price {
    font-family: inherit;
    font-size: 1.714285714em
}

.ecsp.ecsp-SingleProduct-v2 .ecsp-productBrowser-price-save-container,.ecsp.ecsp-SingleProduct-v2 .ecsp-productBrowser-price-compareTo-container {
    font-family: inherit;
    font-size: inherit
}

.ecsp.ecsp-SingleProduct-v2 .ecsp-productBrowser-price-save,.ecsp.ecsp-SingleProduct-v2 .ecsp-productBrowser-price-compareTo {
    font-family: inherit;
    font-size: .583333333em;
    font-weight: 400;
    line-height: inherit
}

.ecsp.ecsp-SingleProduct-v2 select::-ms-expand {
    display: none
}

.ecsp.ecsp-SingleProduct-v2 table.ecwid-fieldEnvelope-error div.ecwid-fieldEnvelope-around {
    border-radius: 2px;
    box-shadow: 1px 1px 0 #d64767,-1px -1px 0 #d64767,1px -1px 0 #d64767,-1px 1px 0 #d64767
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-fieldEnvelope-label.ecwid-fieldEnvelope-label-light {
    text-align: center
}

.ecsp.ecsp-SingleProduct-v2 div.ecwid-fieldEnvelope-label {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionPanel.ecwid-productBrowser-details-optionPanel-select .ecwid-fieldEnvelope-around {
    padding-top: 1px
}

.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionPanel.ecwid-productBrowser-details-optionPanel-radio .ecwid-fieldEnvelope-around {
    margin-left: -2px;
    padding-left: 2px
}

.ecsp.ecsp-SingleProduct-v2 span {
    width: auto;
    font-weight: 400
}

.ecwid.ecwid-SingleProduct-v2,.ecsp.ecsp-SingleProduct-v2 {
    border: 1px solid transparent
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-btn--primary,.ecsp.ecsp-SingleProduct-v2 .ecwid-btn--primary {
    border-radius: 5px
}

.ecwid.ecwid-SingleProduct-v2 .gwt-TextBox,.ecsp.ecsp-SingleProduct-v2 .gwt-TextBox {
    line-height: inherit;
    height: auto
}

.ecwid.ecwid-SingleProduct-v2 .ecwid-productBrowser-details-optionUploadFiles-button .ecwid-btn,.ecsp.ecsp-SingleProduct-v2 .ecwid-productBrowser-details-optionUploadFiles-button .ecwid-btn {
    margin-bottom: 0
}

.ecwid.ecwid-SingleProduct-v2 img,.ecsp.ecsp-SingleProduct-v2 img {
    margin: auto;
    max-width: 100%
}