@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
}

@media screen and (min-width: 768px) {
    .billing-container .fieldset.fieldset--one-third {
        margin-right: 16px
    }
}

.billing-container .fieldset.fieldset--one-third .btn, .billing-container .fieldset.fieldset--one-third .field {
    width: 100%
}

.billing-container .hide-downgrade-item {
    display: none
}

.billing-changeHead {
    margin-bottom: 16px
}

.billing-changeFrom, .billing-changeTo, .billing-changeArr {
    display: inline-block;
    font-size: 0.75em;
    text-transform: uppercase;
    vertical-align: baseline;
    max-width: 15em;
    font-family: var(--headers-font-family);
    font-weight: var(--headers-font-weight, 600)
}

.billing-changeFrom {
    color: #607385;
    margin-right: 24px
}

.billing-changeTo {
    color: #0cac42
}

    .billing-changeTo .billing-new-plan-change-disabled {
        color: #607385
    }

.billing-changePlan {
    color: #0a1c2e;
    font-size: 24px;
    line-height: 1.2
}

.billing-changeArr {
    font-size: 2.4em;
    margin-right: 24px
}

    .billing-changeArr.small {
        font-size: 1.6em
    }

    .billing-changeArr [class*="icon-"] {
        color: #808f9d;
        cursor: default;
        vertical-align: baseline
    }

.billing-changePay {
    font-weight: 700;
    border-color: #bfc7ce;
    border-width: 1px 0;
    border-style: solid;
    position: relative
}

@media screen and (min-width: 1024px) {
    .billing-changePay {
        display: flex;
        align-items: center
    }
}

.billing-changePay .radio {
    padding-bottom: 0
}

    .billing-changePay .radio .radio-label span {
        margin-bottom: 0
    }

    .billing-changePay .radio .radio-label-note.radio-label-note--crossed {
        text-decoration: line-through
    }

.billing-changeYouPay {
    float: right;
    display: inline-block;
    text-align: center;
    margin-top: 37px;
    width: 100%;
    max-width: 300px
}

@media screen and (min-width: 1024px) {
    .billing-changeYouPay {
        text-align: right;
        margin-top: 0
    }
}

.billing-changeYouPay-substring {
    min-height: 24px;
    white-space: nowrap
}

.billing-changePay-single {
    padding: 13px 0 15px
}

    .billing-changePay-single .radio input[type="radio"] + .radio-label {
        color: #275ce0
    }

    .billing-changePay-single .billing-changeYouPay {
        margin-top: 0;
        padding-top: 5px
    }

    .billing-changePay-single .ecwid-u-1-2 {
        vertical-align: middle
    }

.billing-changeYouPay-title {
    font-size: 0.875em;
    font-weight: bold;
    text-transform: uppercase;
    color: #0cac42
}

.billing-changeYouPay-body {
    font-size: 38px;
    line-height: 1.15;
    min-width: 140px;
    white-space: nowrap;
    font-family: var(--headers-font-family);
    font-weight: var(--headers-font-weight, 700)
}

.billing-paypal {
    text-align: center
}

.billing-cvv-tip {
    margin: 0
}

    .billing-cvv-tip .tip {
        display: block;
        position: absolute;
        z-index: 220;
        width: 179px;
        height: 103px;
        background: url("https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/icons/cp/billing/tip-cvv.png") no-repeat;
        margin-top: -125px;
        margin-left: -20px;
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateZ(0);
        -webkit-font-smoothing: antialiased;
        -webkit-transform: translateX(0) translateY(5px);
        transform: translateX(0) translateY(5px);
        -webkit-transition: all .1s linear;
        transition: all .1s linear
    }

.show-amex .billing-cvv-tip .tip {
    background: url("https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/icons/cp/billing/tip-cvv-amex.png") no-repeat
}

.ecwid-no-touch a:hover + .tip, .billing-cvv-tip.hover .tip {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0) translateY(0) !important;
    transform: translateX(0) translateY(0) !important
}

.billing-cc-cvv.hover {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -webkit-touch-callout: none
}

.form-control-combo:before {
    color: #808f9d;
    content: '\f0dc';
    font-family: 'font_icons';
    font-size: 0.875em;
    line-height: 1;
    margin-top: -0.6em;
    pointer-events: none;
    position: absolute;
    right: 1em;
    top: 50%;
    z-index: 12
}

.has-success .form-control-combo {
    color: #0cac42;
    content: '\e01a'
}

.control-group.has-success .form-control-combo:before, .control-group.has-error .form-control-combo:before {
    display: none
}

.form-control-combo select {
    display: none\0
}

.billing-upgrade .btn {
    overflow: visible;
    position: relative
}

.billing-cycle-start-anim {
    opacity: 0;
    transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
    transition: opacity .1s ease
}

.billing-cycle-end-anim {
    opacity: 1;
    transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
    transition: opacity .16s ease-out
}

.billing-block-hide {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    box-sizing: border-box;
    transition: max-height 0.3s ease, 0.1s opacity 0.2s ease
}

.billing-block-show {
    opacity: 1;
    max-height: 9999px;
    overflow: visible
}

@media screen and (max-width: 767px) {
    .billing-changeYouPay {
        width: 100%;
        float: none;
        text-align: left;
        max-width: 100%
    }

    .form-control-filled .input-control {
        margin-top: 6px
    }

    .billing-changePlan {
        font-size: 20px
    }

    .billing-changeFrom, .billing-changeArr {
        margin-right: 23px
    }

    .billing-changePay .ecwid-u-2-3 {
        width: 100%
    }

    .billing-changeYouPay, .billing-changePay-single .billing-changeYouPay {
        display: table;
        border-top: 1px solid #bfc7ce;
        margin: 9px 0;
        padding-top: 13px;
        padding-left: 0
    }

    .billing-changePay-single {
        padding: 0 0 5px 0
    }

    .billing-changeYouPay-title {
        display: table-cell;
        vertical-align: middle;
        width: 50%
    }

    .billing-changeYouPay-body {
        display: table-cell;
        width: 50%;
        padding-right: 5px;
        text-align: right;
        vertical-align: middle
    }

    .billing-upgrade .btn-primary {
        white-space: normal;
        height: auto;
        min-height: 48px
    }

        .billing-upgrade .btn-primary .svg-icon {
            height: 24px
        }

    .billing-changePay .ecwid-u-1-2 {
        width: 100%
    }
}

.billing-discount {
    font-size: 16px;
    margin-top: 14px;
    padding: 0 20px;
    margin-bottom: 23px;
    text-align: center;
    min-height: 50px;
    height: auto;
    position: relative;
    -webkit-transition: max-height .4s linear;
    transition: max-height .4s linear
}

    .billing-discount .billing-discount-block {
        z-index: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .billing-discount .billing-discount-hide {
        opacity: 0;
        max-height: 0;
        min-height: 0;
        z-index: -1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

.billing-discount-invite {
    font-size: 0.8125em;
    min-height: 50px
}

    .billing-discount-invite a, .billing-discount-invite a:visited {
        color: #607385;
        text-decoration: none
    }

        .billing-discount-invite a:hover, .billing-discount-invite a:visited:hover {
            color: #1b409d
        }

        .billing-discount-invite a:active, .billing-discount-invite a:visited:active {
            color: #688de9
        }

.billing-discount-form {
    max-width: 375px;
    min-height: 50px;
    margin: 0 auto;
    max-height: 50px
}

    .billing-discount-form .billing-discount-code {
        display: inline-block;
        width: 60%;
        text-align: left;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .billing-discount-form .billing-discount-code .input-control {
            width: 100%
        }

    .billing-discount-form .billing-discount-button {
        display: inline-block;
        vertical-align: top;
        width: 30%;
        padding-left: 4px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .billing-discount-form .billing-discount-button .btn {
            min-width: 106px
        }

.billing-discount-result {
    font-size: 0.75em
}

    .billing-discount-result span {
        display: inline-block
    }

    .billing-discount-result .billing-discount-remove {
        text-decoration: none
    }

.has-error .form-control + .msg-error {
    display: inline !important
}

@media screen and (max-width: 567px) {
    .billing-discount {
        padding: 0
    }

    .billing-discount-form {
        max-width: 100%
    }

        .billing-discount-form .billing-discount-code {
            width: 75%
        }

        .billing-discount-form .billing-discount-button {
            width: 25%
        }

            .billing-discount-form .billing-discount-button .btn {
                min-width: 100%
            }
}

.billing-eu .billing-changePay {
    border-bottom: 0
}

.billing-vat {
    background: #e8ebed;
    margin-top: 6px;
    padding: 12px 0;
    min-height: 40px;
    vertical-align: middle;
    position: relative;
    z-index: 1
}

    .billing-vat div {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .billing-vat a {
        text-decoration: none
    }

.billing-vat-info {
    font-size: 0.875em;
    min-height: 40px
}

    .billing-vat-info a {
        text-decoration: none;
        padding: 5px 0
    }

.billing-vat-desc, .billing-vat-link {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    font-size: 0.875em;
    line-height: 1.5;
    padding: 11px 28px 9px
}

.billing-vat-desc {
    width: 59%
}

.billing-vat-link {
    width: 41%;
    text-align: center;
    padding: 0 0
}

.billing-vat-form {
    margin: 0 auto;
    max-width: 403px;
    min-height: 40px
}

    .billing-vat-form .billing-vat-code {
        display: inline-block;
        text-align: left;
        width: 72.2%
    }

    .billing-vat-form .billing-vat-button {
        display: inline-block;
        text-align: left;
        width: 27%;
        padding-left: 1.5%
    }

        .billing-vat-form .billing-vat-button .btn {
            min-width: 7.6em
        }

.billing-vat-applied {
    min-height: 40px
}

    .billing-vat-applied .horizontal-icolink.icolink-append {
        padding-right: 2.2em
    }

    .billing-vat-applied .horizontal-icolink [class*="icon-"] {
        font-size: 1.143em;
        margin-top: -8px
    }

.billing-vat .billing-vat-block {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: all 0.2s ease-out 0s
}

.billing-vat .billing-animate-out {
    min-height: 0;
    opacity: 0;
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
}

.billing-vat .billing-animate-in {
    min-height: 0;
    opacity: 0;
    -webkit-transform: translateY(15px);
    transform: translateY(15px)
}

.billing-vat .billing-vat-hide {
    display: none
}

@media screen and (max-width: 767px) {
    .billing-vat-desc, .billing-vat-link {
        font-size: 0.857em
    }

    .billing-vat-desc {
        padding-left: 20px
    }

    .billing-vat-link {
        text-align: right;
        padding-right: 20px
    }
}

@media screen and (max-width: 567px) {
    .billing-vat-form {
        max-width: 100%;
        padding: 0 20px
    }

        .billing-vat-form .billing-vat-code {
            width: 75%
        }

        .billing-vat-form .billing-vat-button {
            width: 25%;
            padding-left: 2%
        }

            .billing-vat-form .billing-vat-button .btn {
                min-width: 0;
                width: 100%
            }

    .billing-vat-desc, .billing-vat-link {
        display: block;
        width: 100%;
        text-align: left;
        padding: 5px 20px 0
    }
}

.billing-settings {
    position: relative;
    overflow: visible;
    z-index: 10;
    transition: min-height .4s ease-out
}

.billing-settings-animate {
    overflow: hidden
}

.billing-settings-edit {
    min-height: 74px
}

.billing-label {
    font-size: 14px;
    line-height: 22px;
    padding-right: 4px
}

.billing-discount-result, .billing-set-country, .billing-set-vat {
    display: block;
    padding-top: 0;
    padding-bottom: 9px;
    box-sizing: border-box
}

.billing-has-period-and-totals .billing-discount-result, .billing-has-period-and-totals .billing-set-country, .billing-has-period-and-totals .billing-set-vat {
    padding-top: 9px;
    padding-bottom: 0
}

.billing-set-vat-hide {
    display: none
}

.billing-set-country {
    width: 56.3%
}

.billing-discount-into .horizontal-icolink {
    color: #808f9d
}

.billing-block-form {
    background: #e8ebed;
    padding: 16px 16px 8px 16px
}

.billing-block {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.2s ease-out;
    box-sizing: border-box
}

.billing-block-animate {
    min-height: 0;
    opacity: 0;
    transform: translateY(-15px)
}

.billing-block-hide {
    position: absolute;
    display: none
}

.billing-settings-blocks {
    font-size: 14px;
    line-height: 22px;
    padding-top: 0;
    padding-bottom: 0;
    transition: opacity 0.2s ease-out
}

    .billing-settings-blocks.billing-block-animate {
        transform: translateY(0)
    }

.billing-block-vat-applicable {
    display: block
}

.billing-has-period-and-totals .billing-settings-blocks {
    padding-top: 4px;
    padding-bottom: 15px;
    transition: all 0.2s ease-out
}

.billing-discount-result {
    font-size: 0.875em;
    display: none
}

.billing-vat-result {
    display: none
}

.billing-block-coupon-filled .billing-discount-into {
    display: none
}

.billing-block-coupon-filled .billing-discount-result {
    display: inline-block
}

.billing-block-coupon-filled .billing-set-country {
    width: 100%
}

.billing-block-vat-filled .billing-vat-into {
    display: none
}

.billing-block-vat-filled .billing-vat-result {
    display: inline-block
}

@media only screen and (max-width: 1000px) {
    .billing-set-country {
        width: 68%
    }
}

@media only screen and (max-width: 769px) {
    .billing-set-country {
        width: 65%
    }
}

@media only screen and (max-width: 600px) {
    .billing-changeYouPay-title {
        width: 30%;
        min-width: 100px
    }

    .billing-changeYouPay-body {
        width: 70%
    }
}

@media screen and (max-width: 567px) {
    .billing-settings {
        min-height: 0
    }
}

@media only screen and (max-width: 400px) {
    .billing-set-country, .billing-discount-result {
        margin-bottom: 5px
    }
}

.bubble--apps {
    width: 100%;
    max-width: 280px
}

@media only screen and (min-width: 768px) {
    .bubble--apps {
        max-width: 330px
    }
}

@media screen and (max-width: 767px) {
    .bubble--apps .bubble-info.bubble-bottom:before {
        left: 12%
    }
}

.bubble--apps .apps-prices-table {
    width: 100%;
    border-collapse: collapse;
    margin: 7px 0 0
}

    .bubble--apps .apps-prices-table .details-column-price, .bubble--apps .apps-prices-table .details-column-desc {
        vertical-align: top;
        font-size: 12px;
        line-height: 18px
    }

    .bubble--apps .apps-prices-table .details-column-desc {
        padding: 0 10px 12px 0
    }

        .bubble--apps .apps-prices-table .details-column-desc .small {
            font-size: 11px;
            white-space: nowrap
        }

    .bubble--apps .apps-prices-table .details-column-price {
        text-align: right;
        padding: 0 0 12px;
        white-space: nowrap
    }

    .bubble--apps .apps-prices-table .details-foot--bordered .details-column-price, .bubble--apps .apps-prices-table .details-foot--bordered .details-column-desc {
        border-top: 1px solid #808f9d
    }

    .bubble--apps .apps-prices-table .details-foot__subtotal .details-column-price, .bubble--apps .apps-prices-table .details-foot__subtotal .details-column-desc {
        padding: 14px 0 20px
    }

    .bubble--apps .apps-prices-table .details-foot__subtotal .details-column-price {
        padding-right: 10px
    }

    .bubble--apps .apps-prices-table .details-foot__subtotal .details-text {
        font-weight: 700
    }

.bubble--apps .bubble-bottom-block {
    text-align: center;
    padding: 10px 0 5px
}

    .bubble--apps .bubble-bottom-block .bubble-bottom-block__manage-link {
        font-size: 14px;
        text-decoration: none
    }

@media screen and (max-width: 1023px) {
    .billing-changePay .ecwid-u-1-2 {
        width: 100%
    }

    .billing-changePay-single .billing-changeYouPay, .billing-changeYouPay {
        display: table;
        border-top: 1px solid #bfc7ce;
        margin: 9px 0;
        padding-top: 13px;
        padding-left: 0
    }

    .billing-changeYouPay {
        width: 100%;
        float: none;
        text-align: left;
        max-width: 100%
    }

    .billing-changeYouPay-title {
        display: table-cell;
        vertical-align: middle;
        width: 50%
    }

    .billing-changeYouPay-body {
        display: table-cell;
        width: 50%;
        padding-right: 5px;
        text-align: right;
        vertical-align: middle;
        font-size: 16px;
        line-height: 24px
    }

    .billing-changeYouPay-substring {
        display: table-cell;
        vertical-align: middle
    }
}

.sepa-mandate-link::before {
    content: "•";
    color: #808f9d;
    margin-right: 5px;
    margin-left: 5px
}

@keyframes movein {
    0% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }

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

@-webkit-keyframes movein {
    0% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }

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

@keyframes moveout {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

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

@-webkit-keyframes moveout {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

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

.plans-page h2 {
    margin-top: 30px;
    font-size: 20px;
    line-height: 28px;
    font-family: var(--headers-font-family);
    color: #0a1c2e
}

@media screen and (min-width: 768px) {
    .plans-page h2 {
        font-size: 24px;
        line-height: 30px
    }
}

@media screen and (min-width: 568px) {
    .plans-page h2 {
        margin-top: 40px
    }
}

.plans-page h3 {
    margin-top: 4%;
    font-size: 16px
}

@media screen and (min-width: 568px) {
    .plans-page h3 {
        margin-top: 40px;
        font-size: 16px;
        line-height: 24px
    }
}

.plans-page h4 {
    font-size: 12px;
    line-height: 18px
}

@media screen and (min-width: 568px) {
    .plans-page h4 {
        font-size: 16px
    }
}

@media (min-width: 768px) {
    .plans-page h4 {
        font-size: 16px;
        line-height: 24px
    }
}

.plans-page h3, .plans-page h4 {
    text-align: center;
    font-weight: 300;
    padding: 0 15px;
    line-height: 1.2em
}

    .plans-page h3 + h1 {
        margin-top: -0.2em
    }

@media (min-width: 768px) {
    .plans-page h3 + h1 {
        margin-top: -0.4em
    }
}

.plans-page .subtitle, .plans-page .global-tax-note {
    font-size: 12px;
    line-height: 18px;
    max-width: 610px;
    margin: 10px auto 20px
}

@media screen and (min-width: 568px) {
    .plans-page .subtitle, .plans-page .global-tax-note {
        font-size: 14px
    }
}

@media (min-width: 768px) {
    .plans-page .subtitle, .plans-page .global-tax-note {
        font-size: 16px
    }
}

.plans-page .global-tax-note {
    color: #607385;
    text-align: center
}

.plans-page .subtitle .gwt-HTML {
    margin-left: 35px
}

@media (min-width: 670px) {
    .plans-page .subtitle .gwt-HTML {
        margin-right: 0
    }
}

.plans-page .arrow {
    text-align: center;
    font-size: 16px;
    margin-top: -5px
}

@media (min-width: 768px) {
    .plans-page .arrow {
        font-size: 20px
    }
}

.plans-page .arrow span {
    color: #275ce0;
    cursor: pointer
}

    .plans-page .arrow span:hover {
        color: #1b409d
    }

    .plans-page .arrow span:active {
        color: #688de9
    }

@media (min-width: 768px) {
    .plans-page .currency-RUB .pricing-summary__table .pricing-summary__column-inner, .plans-page .currency-INR .pricing-summary__table .pricing-summary__column-inner, .plans-page .currency-MXN .pricing-summary__table .pricing-summary__column-inner {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 768px) {
    .plans-page .currency-RUB .pricing-summary__table .pricing-summary__plan-price .price-month, .plans-page .currency-INR .pricing-summary__table .pricing-summary__plan-price .price-month, .plans-page .currency-MXN .pricing-summary__table .pricing-summary__plan-price .price-month {
        font-size: 24px
    }
}

@media screen and (min-width: 1024px) {
    .plans-page .currency-RUB .pricing-summary__table .pricing-summary__plan-price .price-month, .plans-page .currency-INR .pricing-summary__table .pricing-summary__plan-price .price-month, .plans-page .currency-MXN .pricing-summary__table .pricing-summary__plan-price .price-month {
        font-size: 32px
    }
}

@media screen and (min-width: 1280px) {
    .plans-page .currency-RUB .pricing-summary__table .pricing-summary__plan-price .price-month, .plans-page .currency-INR .pricing-summary__table .pricing-summary__plan-price .price-month, .plans-page .currency-MXN .pricing-summary__table .pricing-summary__plan-price .price-month {
        font-size: 38px
    }
}

@media (min-width: 768px) {
    .plans-page .currency-RUB .pricing-summary__table .pricing-summary__plan-price .price-month {
        font-size: 20px;
        line-height: 38px
    }
}

@media screen and (min-width: 1280px) {
    .plans-page .currency-RUB .pricing-summary__table .pricing-summary__plan-price .price-month {
        font-size: 32px
    }
}

.ecwid-no-touch .plans-page .pricing-summary__table:not(.pricing-summary__table--info-only) > div > div.has-button:hover {
    cursor: pointer
}

    .ecwid-no-touch .plans-page .pricing-summary__table:not(.pricing-summary__table--info-only) > div > div.has-button:hover .btn-default {
        background-color: #e7f0f8;
        color: #0a1c2e;
        border-color: #1f4ab3
    }

    .ecwid-no-touch .plans-page .pricing-summary__table:not(.pricing-summary__table--info-only) > div > div.has-button:hover .btn-primary {
        background-color: #4774e5
    }

    .ecwid-no-touch .plans-page .pricing-summary__table:not(.pricing-summary__table--info-only) > div > div.has-button:hover .icon-arr-up, .ecwid-no-touch .plans-page .pricing-summary__table:not(.pricing-summary__table--info-only) > div > div.has-button:hover .icon-arr-down {
        color: #1b409d
    }

.ecwid-no-touch .plans-page .pricing-summary__table:not(.pricing-summary__table--info-only) > div > div.has-button:active {
    cursor: pointer
}

    .ecwid-no-touch .plans-page .pricing-summary__table:not(.pricing-summary__table--info-only) > div > div.has-button:active .btn-default {
        background-color: #e7f0f8;
        color: #0a1c2e;
        border-color: #527de6
    }

    .ecwid-no-touch .plans-page .pricing-summary__table:not(.pricing-summary__table--info-only) > div > div.has-button:active .btn-primary {
        background-color: #4774e5
    }

    .ecwid-no-touch .plans-page .pricing-summary__table:not(.pricing-summary__table--info-only) > div > div.has-button:active .icon-arr-up, .ecwid-no-touch .plans-page .pricing-summary__table:not(.pricing-summary__table--info-only) > div > div.has-button:active .icon-arr-down {
        color: #688de9
    }

.plans-page .plans-help-block-container {
    margin: 0 auto;
    max-width: 1097px
}

@media screen and (min-width: 768px) {
    .plans-page .plans-help-block-container {
        padding-left: 16px;
        padding-right: 16px
    }
}

.plans-page .plans-help-block-container .plans-help-block {
    border-width: 0
}

@media screen and (min-width: 768px) {
    .plans-page .plans-help-block-container .plans-help-block {
        margin: 15px auto;
        border-width: 1px;
        border-radius: 8px;
        box-shadow: 0 5px 10px rgba(0,0,0,0.15)
    }
}

@media screen and (min-width: 1280px) {
    .plans-page .plans-help-block-container .plans-help-block {
        margin: 45px auto
    }
}

.plans-page .plans-help-block {
    background-color: #fff;
    overflow: hidden;
    text-align: center;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #bfc7ce;
    max-width: 1097px;
    margin: 0 auto;
    box-sizing: border-box
}

    .plans-page .plans-help-block .plans-help-block__link {
        margin: 28px 30px 28px
    }

@media screen and (min-width: 768px) {
    .plans-page .plans-help-block .plans-help-block__link {
        font-size: 16px;
        line-height: 24px
    }
}

@media screen and (min-width: 1024px) {
    .plans-page .plans-help-block .plans-help-block__link {
        margin: 28px 0 31px
    }
}

.plans-page .plans-help-block .plans-help-block__title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    margin: 24px 30px 11px
}

@media (min-width: 768px) {
    .plans-page .plans-help-block .plans-help-block__title {
        font-size: 22px;
        line-height: 30px
    }
}

.plans-page .plans-help-block .plans-help-block__text {
    font-size: 12px;
    line-height: 18px;
    margin: 10px 30px
}

@media (min-width: 768px) {
    .plans-page .plans-help-block .plans-help-block__text {
        font-size: 14px
    }
}

.plans-page .plans-help-block .btn-container {
    text-align: center;
    margin: 18px 0 30px;
    border: none
}

.pricing-summary__table.with-help-block .pricing-summary__column--emphasized::after {
    display: none
}

@media (min-width: 768px) {
    .plans-page .plans-plate-container {
        padding: 15px 0
    }
}

@media screen and (min-width: 1280px) {
    .plans-page .plans-plate-container {
        padding: 45px 0
    }
}

.plans-page .plans-plate-container .plans-plate-container__inner {
    max-width: 1097px;
    margin: 0 auto
}

@media screen and (min-width: 768px) {
    .plans-page .plans-plate-container .plans-plate-container__inner {
        padding-top: 16px;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .plans-page .plans-plate-container .plans-plate-container__inner {
        padding-top: 0
    }
}

@media screen and (min-width: 768px) {
    .plans-page .plans-plate-container .plans-plate-container__inner .alert {
        margin-bottom: 16px
    }
}

.plans-page .plans-plate-container .current-plan .current-plan__inner {
    position: relative;
    transition: height 0.2s ease-out
}

    .plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-summary, .plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details {
        width: 100%;
        background-color: #fff
    }

    .plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-summary {
        z-index: 1;
        position: relative;
        transition: opacity 0.1s linear,transform 0.2s ease-out
    }

        .plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-summary .block-billing-summary__inner {
            display: table;
            width: 100%
        }

    .plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details {
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        opacity: 0;
        margin-left: -50px;
        transform: translate3d(50px, 0, 0);
        transition: opacity 0.1s linear,transform 0.2s ease-out,margin 0s linear 0.2s
    }

    .plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details--no-history .billing-details-item-history {
        display: none
    }

    .plans-page .plans-plate-container .current-plan .current-plan__inner.plans-plate__inner--pushed {
        transition: height 0.2s ease-out
    }

        .plans-page .plans-plate-container .current-plan .current-plan__inner.plans-plate__inner--pushed .block-billing-summary {
            opacity: 0;
            transform: translate3d(-50px, 0, 0)
        }

        .plans-page .plans-plate-container .current-plan .current-plan__inner.plans-plate__inner--pushed .block-billing-details {
            z-index: 5;
            opacity: 1;
            margin-left: 0;
            transform: translate3d(0, 0, 0);
            transition: opacity 0.1s linear,transform 0.2s ease-out
        }

    .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-billing-info, .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-charge-info {
        font-size: 14px;
        line-height: 22px
    }

@media (min-width: 768px) {
    .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-billing-info, .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-charge-info {
        display: table-cell
    }
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-billing-info p, .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-charge-info p {
    max-width: 700px;
    margin: 0
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-billing-info__row {
    margin-bottom: 8px
}

    .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-billing-info__row .plan-billing-info__item-desc .item-desc-title {
        display: inline-block
    }

    .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-billing-info__row .plan-billing-info__item-desc .item-desc-link {
        white-space: nowrap;
        font-size: 14px;
        line-height: 22px
    }

    .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-billing-info__row .plan-billing-info__item-desc .uppercase {
        text-transform: uppercase
    }

    .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-billing-info__row .plan-billing-info__item-desc .tip {
        display: inline-block;
        vertical-align: bottom;
        font-weight: 700;
        background-color: #e8ebed;
        color: #607385;
        padding: 0 10px;
        margin: 0 0 4px 0;
        font-size: 12px;
        line-height: 18px
    }

@media (min-width: 768px) {
    .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-billing-info__row .plan-billing-info__item-desc .tip {
        padding: 0 20px;
        line-height: 26px;
        margin: 0 0 8px 0
    }
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-billing-info__row-primary .plan-billing-info__item-desc .item-desc-title {
    margin-bottom: 8px;
    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) {
    .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-billing-info__row-primary .plan-billing-info__item-desc .item-desc-title {
        font-size: 32px;
        line-height: 38px
    }
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-billing-info__row-apps .item-desc-title span {
    font-size: 14px;
    line-height: 22px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-billing-info__row-domains .item-desc-title span {
    font-size: 14px;
    line-height: 22px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-billing-info__row-domains .item-desc-title span {
    font-size: 14px;
    line-height: 22px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-billing-info__item-tariff {
    margin: 0;
    font-size: 14px;
    line-height: 22px
}

    .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-billing-info__item-tariff .item-tariff-tax, .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-billing-info__item-tariff .item-tariff-price, .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-billing-info__item-tariff .item-tariff-period, .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-billing-info__item-tariff .item-tariff-expire {
        white-space: nowrap
    }

    .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-billing-info__item-tariff .item-tariff-coupon {
        display: block
    }

    .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-billing-info__item-tariff .item-tariff-price--crossed, .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-billing-info__item-tariff .item-tariff-period--crossed {
        text-decoration: line-through
    }

    .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-billing-info__item-tariff > div {
        display: inline-block;
        padding-right: 8px
    }

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-billing-info__row--no-tariff .plan-billing-info__item-tariff {
    display: none
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-billing-info__row--no-text .plan-billing-info__item-text {
    display: none
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-billing-info__item-history {
    font-size: 14px;
    line-height: 22px
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-charge-info {
    padding: 0 0 20px 0
}

@media (min-width: 768px) {
    .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-charge-info {
        vertical-align: top;
        width: 40%;
        text-align: center;
        padding: 0
    }
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-charge-info p {
    margin-bottom: 8px
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-charge-info .plan-charge-btn__wrapper, .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-charge-info .plan-charge-trial-apps__wrapper {
    display: none
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-charge-info .plan-charge-info__wrapper {
    display: inline-block;
    cursor: pointer
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-charge-info .plan-charge-info__date {
    color: #0cac42;
    font-size: 14px;
    line-height: 22px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600)
}

    .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-charge-info .plan-charge-info__date.error {
        color: #f43c36
    }

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-charge-info .plan-charge-info__price {
    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) {
    .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-charge-info .plan-charge-info__price {
        font-size: 32px;
        line-height: 38px
    }
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-charge-info .plan-charge-info__price .billing-decimal {
    max-width: none
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-charge-info .plan-charge-info__details-link {
    margin: 0;
    font-size: 14px;
    line-height: 22px
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-charge-info--no-info .plan-charge-info__wrapper {
    display: none
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-charge-info--trial .plan-charge-info__wrapper {
    display: none
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-charge-info--trial .plan-charge-btn__wrapper {
    display: block
}

@media (min-width: 768px) {
    .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-charge-info--trial .plan-charge-btn__wrapper {
        text-align: center
    }
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-charge-info--trial-apps .plan-charge-trial-apps__wrapper {
    display: block;
    margin-top: 13px;
    font-size: 14px;
    line-height: 22px
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-summary__inner--one-row .plan-billing-info__row {
    margin: 0 0 22px
}

@media (min-width: 768px) {
    .plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-summary__inner--one-row .plan-billing-info__row {
        margin: 8px 0 0
    }
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-summary__inner--one-row .block-billing-info__row-apps {
    display: none
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-summary__inner--one-row .plan-billing-info__row-apps {
    display: none
}

@media (min-width: 768px) {
    .plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-summary__inner--one-row .block-charge-info__wrapper {
        padding: 32px 0 25px
    }
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-summary__inner--no-apps .plan-billing-info__row {
    margin: 0 0 22px
}

@media (min-width: 768px) {
    .plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-summary__inner--no-apps .plan-billing-info__row {
        margin: 8px 0 0
    }
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-summary__inner--no-apps .block-billing-info__row-apps {
    display: none
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-summary__inner--no-apps .plan-billing-info__row-apps {
    display: none
}

@media (min-width: 768px) {
    .plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-summary__inner--no-apps .block-charge-info__wrapper {
        padding: 32px 0 25px
    }
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-summary__inner--no-domains .plan-billing-info__row {
    margin: 0 0 22px
}

@media (min-width: 768px) {
    .plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-summary__inner--no-domains .plan-billing-info__row {
        margin: 8px 0 0
    }
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-summary__inner--no-domains .block-billing-info__row-domains {
    display: none
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-summary__inner--no-domains .plan-billing-info__row-domains {
    display: none
}

@media (min-width: 768px) {
    .plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-summary__inner--no-domains .block-charge-info__wrapper {
        padding: 32px 0 25px
    }
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-summary__inner--no-charge-details-link .block-charge-info__details-link {
    display: none
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-summary__inner--no-charge-details-link .plan-charge-info__details-link {
    display: none
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-summary__inner--no-charge-details-link .block-charge-info__wrapper {
    cursor: default
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-summary__inner--no-charge-details-link .plan-charge-info__wrapper {
    cursor: default
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info {
    padding: 0;
    position: relative;
    overflow: hidden
}

    .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .plan-payment-details {
        background-color: #fff;
        padding-right: 20px
    }

@media (min-width: 768px) {
    .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .plan-payment-details {
        padding-right: 30px
    }
}

@media (min-width: 1025px) {
    .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .plan-payment-details {
        padding-right: 50px
    }
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .plan-payment-details .payment-details-item-add-method, .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .plan-payment-details .payment-details-item-history, .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .plan-payment-details .payment-details-item-vat-edit {
    display: none;
    letter-spacing: normal
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .plan-payment-details__item {
    position: relative;
    padding: 0 0 16px 0;
    display: inline-block;
    letter-spacing: normal;
    width: 100%;
    vertical-align: top
}

@media (min-width: 768px) {
    .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .plan-payment-details__item {
        width: 25%;
        padding: 22px 0 0 0
    }
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .plan-payment-details__item.payment-details-item-method, .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .plan-payment-details__item.payment-details-item-country, .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .plan-payment-details__item.payment-details-item-vat {
    margin: 10px 0 0 0
}

@media (min-width: 768px) {
    .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .plan-payment-details__item.payment-details-item-vat {
        width: 40%
    }
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .plan-payment-details__item .payment-details-title {
    margin: 0;
    color: #607385;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 18px
}

@media (min-width: 768px) {
    .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .plan-payment-details__item .payment-details-title {
        position: absolute;
        top: 0;
        left: 0
    }
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .plan-payment-details__item .payment-details-value {
    margin: 0;
    font-size: 12px;
    line-height: 18px
}

@media (min-width: 1025px) {
    .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .plan-payment-details__item .payment-details-value {
        font-size: 14px;
        line-height: 19px
    }
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .plan-payment-details__item .payment-details-value .table {
    max-width: 300px
}

    .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .plan-payment-details__item .payment-details-value .table .cell-block {
        display: table-cell
    }

        .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .plan-payment-details__item .payment-details-value .table .cell-block:first-child {
            padding-right: 5px;
            width: 90%
        }

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .plan-payment-details--vat-not-set .payment-details-item-vat .payment-details-title {
    display: none
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .plan-payment-details--no-vat .payment-details-item-vat {
    display: none
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .plan-payment-details--no-vat .payment-details-item-history .payment-details-title, .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .plan-payment-details--no-vat .payment-details-item-history .payment-details-value {
    margin-left: 0;
    padding-right: 8px
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .plan-payment-details--no-vat .payment-details-item-change-method {
    margin-top: 10px
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .plan-payment-details--no-details {
    padding: 0
}

    .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .plan-payment-details--no-details .payment-details-grid {
        display: none
    }

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .plan-payment-details--no-country .payment-details-item-country {
    display: none
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .plan-payment-details--add-method .payment-details-item-add-method {
    display: inline-block;
    padding: 0;
    width: auto;
    vertical-align: middle;
    letter-spacing: normal
}

    .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .plan-payment-details--add-method .payment-details-item-add-method .btn {
        min-width: 287px
    }

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .plan-payment-details--add-method.plan-payment-details--history .payment-details-item-add-method {
    padding-right: 50px
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .plan-payment-details--history .payment-details-item-history {
    display: inline-block;
    margin: 0
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .plan-payment-details--history.plan-payment-details--no-vat .payment-details-item-history {
    margin: 10px 0 0 0
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .plan-payment-details--history.plan-payment-details--no-details .payment-details-item-history {
    margin: 10px 0 0 0;
    padding: 0 0 10px 0
}

@media (min-width: 768px) {
    .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .plan-payment-details--history.plan-payment-details--no-details .payment-details-item-history {
        padding: 3px 0 0 0
    }
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .plan-payment-details--history.plan-payment-details--add-method {
    display: block
}

    .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .plan-payment-details--history.plan-payment-details--add-method .payment-details-item-history {
        vertical-align: top;
        width: auto;
        padding: 3px 0 0 0;
        margin: 10px 0 0 0
    }

@media (min-width: 768px) {
    .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .plan-payment-details--history.plan-payment-details--add-method .payment-details-item-history {
        margin: 8px 0 0 0
    }
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info--show-payment-details .block-billing-help {
    margin-top: 24px
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info--show-payment-details .additional-payment-method-block {
    padding-bottom: 10px
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .block-payment-details-container {
    transition: all 0.2s ease-out
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .block-payment-details-editor {
    overflow: hidden;
    position: absolute;
    width: 100%;
    top: 0;
    z-index: -1
}

    .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .block-payment-details-editor .billing-block-form {
        background-color: #fff
    }

    .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .block-payment-details-editor .billing-block {
        transition: none
    }

    .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .block-payment-details-editor .billing-block-hide {
        position: relative;
        max-height: none;
        opacity: 0;
        display: block;
        z-index: -1;
        animation: moveout 0.2s 1 ease-out,fadeout 0.2s 1 ease-out
    }

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .block--move-in {
    animation: movein 0.2s 1 ease-out,fadein 0.2s 1 ease-out
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info .block--move-out {
    animation: moveout 0.2s 1 ease-out,fadeout 0.2s 1 ease-out
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info--edit {
    position: relative
}

    .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info--edit .block-payment-details {
        position: absolute;
        width: 100%;
        box-sizing: border-box;
        opacity: 0
    }

    .plans-page .plans-plate-container .current-plan .current-plan__inner .plan-payment-info--edit .block-payment-details-editor {
        position: relative;
        z-index: 1
    }

.plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details .block-billing-details__summary-link {
    padding: 0;
    font-size: 14px;
    line-height: 22px;
    box-sizing: border-box
}

@media (min-width: 768px) {
    .plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details .block-billing-details__summary-link {
        float: left;
        max-width: 340px;
        padding: 0 30px 0 0;
        width: 30%
    }
}

@media (min-width: 1025px) {
    .plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details .block-billing-details__summary-link {
        width: 20%
    }
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content {
    padding: 0 20px 0 28px;
    box-sizing: border-box
}

@media (min-width: 768px) {
    .plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content {
        width: 70%;
        float: left;
        padding: 0 30px 0 0
    }
}

@media (min-width: 1025px) {
    .plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content {
        width: 60%
    }
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content .billing-details-table {
    width: 100%;
    border-collapse: collapse
}

@media (min-width: 1025px) {
    .plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content .billing-details-table {
        margin: 0 auto;
        max-width: 520px
    }
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content .billing-details-table .details-column-price, .plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content .billing-details-table .details-column-desc {
    vertical-align: top;
    padding: 5px 0;
    font-size: 14px;
    line-height: 22px
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content .billing-details-table .details-column-desc {
    padding-right: 10px
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content .billing-details-table .details-column-price {
    font-weight: 600;
    text-align: right;
    white-space: nowrap
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content .billing-details-table .details-head .details-column-desc {
    padding: 0 0 15px 0;
    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: 768px) {
    .plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content .billing-details-table .details-head .details-column-desc {
        padding: 0 0 30px 0
    }
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content .billing-details-table .details-foot__total .details-column-desc, .plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content .billing-details-table .details-foot__total .details-column-price {
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content .billing-details-table .details-row:last-child .details-column-desc, .plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content .billing-details-table .details-row:last-child .details-column-price {
    padding-top: 6px;
    padding-bottom: 15px
}

@media (min-width: 768px) {
    .plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content .billing-details-table .details-row:last-child .details-column-desc, .plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content .billing-details-table .details-row:last-child .details-column-price {
        padding-bottom: 22px
    }
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content .billing-details-table .details-foot--bordered .details-column-price, .plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content .billing-details-table .details-foot--bordered .details-column-desc {
    border-top: 1px solid #bfc7ce
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content .billing-details-table .details-foot__total .details-column-price, .plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content .billing-details-table .details-foot__total .details-column-desc {
    padding-top: 15px;
    padding-bottom: 15px
}

@media (min-width: 768px) {
    .plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content .billing-details-table .details-foot__total .details-column-price, .plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content .billing-details-table .details-foot__total .details-column-desc {
        padding-top: 25px;
        padding-bottom: 25px
    }
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content .billing-details-table .details-foot__total .details-text {
    font-weight: 700
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content .billing-details-table .details-foot__subtotal .details-column-price, .plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content .billing-details-table .details-foot__subtotal .details-column-desc {
    padding-top: 15px;
    padding-bottom: 6px
}

@media (min-width: 768px) {
    .plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content .billing-details-table .details-foot__subtotal .details-column-price, .plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content .billing-details-table .details-foot__subtotal .details-column-desc {
        padding-top: 22px;
        padding-bottom: 7px
    }
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content .billing-details-table .details-foot__subtotal .details-text {
    font-weight: 700
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content .billing-details-table .details-foot__vat .details-column-price, .plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content .billing-details-table .details-foot__vat .details-column-desc {
    padding-top: 6px;
    padding-bottom: 15px
}

@media (min-width: 768px) {
    .plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content .billing-details-table .details-foot__vat .details-column-price, .plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content .billing-details-table .details-foot__vat .details-column-desc {
        padding-top: 7px;
        padding-bottom: 22px
    }
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content .billing-details-table .details-foot__vat .details-text {
    font-weight: 700;
    color: #275ce0
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content .billing-details-table .details-text .period {
    white-space: nowrap;
    font-size: 12px;
    font-weight: 400
}

@media (min-width: 768px) {
    .plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content .billing-details-table .details-text .period {
        font-size: 14px
    }
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content .billing-details-table .details-text--success {
    color: #0cac42
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content .billing-details-help {
    width: 100%;
    max-width: 520px
}

@media (min-width: 1025px) {
    .plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content .billing-details-help {
        margin: 28px auto 23px
    }
}

.plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content .billing-details-help .billing-details-help__item {
    margin: 0 0 8px 0;
    font-size: 12px;
    line-height: 18px
}

@media (min-width: 1025px) {
    .plans-page .plans-plate-container .current-plan .current-plan__inner .block-billing-details__content .billing-details-help .billing-details-help__item {
        font-size: 13px;
        line-height: 20px
    }
}

.plans-page .plans-plate-container .alert .button-or-link {
    margin: 20px 0;
    display: table;
    width: 100%
}

@media screen and (min-width: 568px) {
    .plans-page .plans-plate-container .alert .button-or-link {
        width: auto
    }
}

.plans-page .plans-plate-container .alert .button-or-link .td {
    display: block;
    vertical-align: middle;
    width: 100%;
    text-align: center
}

@media screen and (min-width: 568px) {
    .plans-page .plans-plate-container .alert .button-or-link .td {
        display: table-cell;
        width: auto
    }
}

.plans-page .plans-plate-container .alert .button-or-link .td.or {
    margin: 12px 0 6px;
    font-size: 12px
}

@media screen and (min-width: 568px) {
    .plans-page .plans-plate-container .alert .button-or-link .td.or {
        width: 70px;
        margin: 0
    }
}

@media (min-width: 768px) {
    .plans-page .plans-plate-container .alert .button-or-link .td.or {
        font-size: 14px
    }
}

.plans-page .plans-plate-container .alert .button-or-link .td.button-link {
    min-width: 150px;
    font-size: 12px
}

@media screen and (min-width: 568px) {
    .plans-page .plans-plate-container .alert .button-or-link .td.button-link {
        text-align: left
    }
}

@media (min-width: 768px) {
    .plans-page .plans-plate-container .alert .button-or-link .td.button-link {
        font-size: 14px
    }
}

.plans-page .plans-plate-container .error {
    color: #f43c36
}

.plans-page .block-billing-help {
    font-size: 12px;
    line-height: 18px
}

@media (min-width: 1025px) {
    .plans-page .block-billing-help {
        font-size: 14px;
        line-height: 22px
    }
}

.ecwid-vertical-menu .plans-page {
    margin-top: -56px
}

    .ecwid-vertical-menu .plans-page .plans-plate-container, .ecwid-vertical-menu .plans-page .pricing-summary {
        padding-top: 56px;
        padding-bottom: 1px
    }

.plans-page .pricing-summary__table .plans-promo-block, .plans-page .pricing-summary__table .pricing-summary__plan-price-old, .plans-page .pricing-summary__table .plan-img {
    display: none
}

.plans-page .pricing-summary__table.promo-active .plans-promo-block {
    width: 100%;
    box-sizing: border-box;
    border: none;
    background-color: #f9a650;
    padding: 10px 15px
}

@media (min-width: 768px) {
    .plans-page .pricing-summary__table.promo-active .plans-promo-block {
        padding: 30px 15px
    }
}

.plans-page .pricing-summary__table.promo-active .plans-promo-block--mobile {
    display: block;
    line-height: 18px;
    text-align: center;
    padding: 15px
}

    .plans-page .pricing-summary__table.promo-active .plans-promo-block--mobile .plans-promo-block_title, .plans-page .pricing-summary__table.promo-active .plans-promo-block--mobile .plans-promo-block_subtitle {
        display: inline;
        line-height: 18px;
        font-size: 14px;
        color: #fff;
        font-style: italic
    }

        .plans-page .pricing-summary__table.promo-active .plans-promo-block--mobile .plans-promo-block_subtitle br {
            display: none
        }

@media (min-width: 768px) {
    .plans-page .pricing-summary__table.promo-active .plans-promo-block--mobile {
        display: none
    }

    .plans-page .pricing-summary__table.promo-active .plans-promo-block--desktop {
        display: block;
        max-width: 1097px;
        padding-bottom: 38px;
        margin: 0 auto;
        margin-bottom: -8px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        box-shadow: 0 5px 10px rgba(0,0,0,0.15)
    }
}

.plans-page .pricing-summary__table.promo-active .plans-promo-block .plans-promo-block_subtitle a {
    color: #fff;
    text-decoration: underline
}

.plans-page .pricing-summary__table.promo-active .plans-promo-block_title, .plans-page .pricing-summary__table.promo-active .plans-promo-block_subtitle {
    display: block;
    width: 100%;
    border: none;
    background-color: transparent;
    text-align: center
}

.plans-page .pricing-summary__table.promo-active .plans-promo-block_title {
    color: #fff;
    font-style: italic;
    font-size: 14px;
    line-height: 18px;
    margin: 10px 0
}

@media (min-width: 768px) {
    .plans-page .pricing-summary__table.promo-active .plans-promo-block_title {
        font-size: 24px;
        line-height: 30px;
        margin: 0
    }
}

@media (min-width: 980px) {
    .plans-page .pricing-summary__table.promo-active .plans-promo-block_title {
        font-size: 30px;
        line-height: 36px
    }
}

@media (min-width: 768px) {
    .plans-page .pricing-summary__table.promo-active.col3 .plans-promo-block_title {
        font-size: 22px
    }
}

@media (min-width: 850px) {
    .plans-page .pricing-summary__table.promo-active.col3 .plans-promo-block_title {
        font-size: 24px
    }
}

@media (min-width: 980px) {
    .plans-page .pricing-summary__table.promo-active.col3 .plans-promo-block_title {
        font-size: 26px
    }
}

.plans-page .pricing-summary__table.promo-active .plans-promo-block_subtitle {
    color: #0a1c2e;
    font-size: 12px;
    line-height: 18px;
    margin: 10px auto
}

@media (min-width: 768px) {
    .plans-page .pricing-summary__table.promo-active .plans-promo-block_subtitle {
        font-size: 16px;
        line-height: 20px;
        margin: 0 auto 10px;
        max-width: 75%
    }
}

@media (min-width: 980px) {
    .plans-page .pricing-summary__table.promo-active .plans-promo-block_subtitle {
        line-height: 24px
    }
}

.plans-page .pricing-summary__table.promo-active .plans-promo-block_title-text {
    display: inline-block;
    position: relative;
    max-width: 80%;
    margin-bottom: 10px
}

    .plans-page .pricing-summary__table.promo-active .plans-promo-block_title-text img {
        display: none;
        position: absolute;
        width: 45px;
        right: -55px;
        top: 15px
    }

@media (min-width: 980px) {
    .plans-page .pricing-summary__table.promo-active .plans-promo-block_title-text img {
        right: -80px;
        width: 65px
    }
}

.plans-page .pricing-summary__table.promo-active.unlimited-arrow .plans-promo-block_title-text img {
    display: inline-block
}

.plans-page .pricing-summary__table.promo-active .plan-img {
    display: none
}

@media (min-width: 768px) {
    .plans-page .pricing-summary__table.promo-active .plan-img {
        position: relative;
        display: block;
        background-color: #fff;
        min-height: 125px;
        bottom: 0;
        width: 89%;
        margin: 0 0 -15px 0
    }
}

@media screen and (min-width: 1024px) {
    .plans-page .pricing-summary__table.promo-active .plan-img {
        min-height: 150px
    }
}

.plans-page .pricing-summary__table.promo-active .plan-img img {
    position: absolute;
    width: auto;
    max-width: 100%;
    right: 0;
    bottom: 0;
    height: 100%
}

.plans-page .pricing-summary__table.promo-active .plan-img .plan-img_cover {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .1;
    background: transparent;
    transition: background-color 0.1s linear 0s
}

.plans-page .pricing-summary__table.promo-active .pricing-summary__column--promo.plan-price-changed .pricing-summary__plan-price {
    position: relative;
    display: inline-block
}

    .plans-page .pricing-summary__table.promo-active .pricing-summary__column--promo.plan-price-changed .pricing-summary__plan-price .pricing-summary__plan-price-old {
        display: inline-block
    }

        .plans-page .pricing-summary__table.promo-active .pricing-summary__column--promo.plan-price-changed .pricing-summary__plan-price .pricing-summary__plan-price-old .price-month {
            color: #607385
        }

        .plans-page .pricing-summary__table.promo-active .pricing-summary__column--promo.plan-price-changed .pricing-summary__plan-price .pricing-summary__plan-price-old .price-measure {
            display: none
        }

    .plans-page .pricing-summary__table.promo-active .pricing-summary__column--promo.plan-price-changed .pricing-summary__plan-price .pricing-summary__plan-price-current {
        display: inline-block;
        margin-left: 8px
    }

        .plans-page .pricing-summary__table.promo-active .pricing-summary__column--promo.plan-price-changed .pricing-summary__plan-price .pricing-summary__plan-price-current .price-month {
            color: #0a1c2e;
            margin: 0;
            font-weight: 600;
            text-align: center
        }

    .plans-page .pricing-summary__table.promo-active .pricing-summary__column--promo.plan-price-changed .pricing-summary__plan-price .cross {
        position: absolute;
        top: 5px;
        width: 60px;
        height: 20px
    }

        .plans-page .pricing-summary__table.promo-active .pricing-summary__column--promo.plan-price-changed .pricing-summary__plan-price .cross::before {
            position: absolute;
            left: 0;
            content: "";
            height: 2px;
            width: 100%;
            background-color: #f43c36;
            top: 50%;
            -ms-transform: rotate(26deg);
            transform: rotate(26deg)
        }

@media (min-width: 768px) {
    .plans-page .pricing-summary__table.promo-active .pricing-summary__column--promo.plan-price-changed .pricing-summary__plan-name {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 27px 0
    }

    .plans-page .pricing-summary__table.promo-active .pricing-summary__column--promo.plan-price-changed .pricing-summary__plan-price {
        position: relative
    }

        .plans-page .pricing-summary__table.promo-active .pricing-summary__column--promo.plan-price-changed .pricing-summary__plan-price .cross {
            position: absolute;
            right: 50%;
            top: 9px;
            width: 88px;
            height: 40px;
            margin-right: -18px
        }

            .plans-page .pricing-summary__table.promo-active .pricing-summary__column--promo.plan-price-changed .pricing-summary__plan-price .cross::before {
                position: absolute;
                left: 0;
                content: "";
                height: 2px;
                width: 100%;
                background-color: #f43c36;
                top: 50%;
                opacity: 0.8
            }

        .plans-page .pricing-summary__table.promo-active .pricing-summary__column--promo.plan-price-changed .pricing-summary__plan-price .pricing-summary__plan-price-old {
            display: block
        }

            .plans-page .pricing-summary__table.promo-active .pricing-summary__column--promo.plan-price-changed .pricing-summary__plan-price .pricing-summary__plan-price-old .price-measure {
                display: inline-block
            }

        .plans-page .pricing-summary__table.promo-active .pricing-summary__column--promo.plan-price-changed .pricing-summary__plan-price .pricing-summary__plan-price-current {
            display: block;
            position: absolute;
            top: -26px;
            left: 0;
            width: 100%;
            margin: 0
        }

            .plans-page .pricing-summary__table.promo-active .pricing-summary__column--promo.plan-price-changed .pricing-summary__plan-price .pricing-summary__plan-price-current .price-month {
                font-size: 26px
            }

            .plans-page .pricing-summary__table.promo-active .pricing-summary__column--promo.plan-price-changed .pricing-summary__plan-price .pricing-summary__plan-price-current .price-measure {
                font-size: 14px
            }
}

@media (min-width: 768px) {
    .plans-page .pricing-summary__table.no-highlighting:not(.pricing-summary__table--info-only):not(.pricing-summary__table--archive) .pricing-summary__column .label-current {
        display: none
    }
}

.bubble--trial-apps {
    width: 100%;
    max-width: 280px
}

@media only screen and (min-width: 768px) {
    .bubble--trial-apps {
        max-width: 360px
    }
}

@media screen and (max-width: 767px) {
    .bubble--trial-apps .bubble-info.bubble-bottom::before {
        left: 12%
    }
}

.bubble--trial-apps .trial-apps-table {
    width: 100%;
    border-collapse: collapse;
    margin: -10px 0 0 0
}

    .bubble--trial-apps .trial-apps-table .details-column-price, .bubble--trial-apps .trial-apps-table .details-column-desc {
        vertical-align: top;
        font-size: 14px;
        line-height: 18px;
        font-weight: 600
    }

    .bubble--trial-apps .trial-apps-table .details-column-desc {
        padding: 0 10px 5px 0
    }

    .bubble--trial-apps .trial-apps-table .details-column-price {
        text-align: right;
        padding: 0 0 5px 0;
        white-space: nowrap
    }

    .bubble--trial-apps .trial-apps-table .details-row__section .details-text {
        font-weight: 400;
        font-size: 13px;
        margin: 14px 0 0 0
    }

.bubble--trial-apps .bubble-bottom-block {
    text-align: center;
    padding: 10px 0 5px 0
}

    .bubble--trial-apps .bubble-bottom-block .bubble-bottom-block__manage-link {
        font-size: 14px;
        text-decoration: none
    }

.block-pricing-summary .pricing-summary {
    padding: 16px
}

@media screen and (min-width: 768px) {
    .block-pricing-summary .pricing-summary {
        padding: 42px 16px 24px
    }
}

.block-pricing-summary .pricing-summary .pricing-summary__title {
    text-align: center;
    padding-top: 16px
}

@media screen and (min-width: 768px) {
    .block-pricing-summary .pricing-summary .pricing-summary__title {
        padding-top: 24px
    }
}

@media screen and (min-width: 1024px) {
    .block-pricing-summary .pricing-summary .pricing-summary__title {
        padding-top: 0
    }
}

.block-pricing-summary .pricing-summary__table-container {
    margin: 24px auto 16px
}

@media screen and (min-width: 768px) {
    .block-pricing-summary .pricing-summary__table-container {
        margin: 40px auto 38px
    }
}

@media (min-width: 768px) {
    .block-pricing-summary .pricing-summary__table.col1 .pricing-summary__table-inner {
        max-width: 310px;
        width: 100%
    }

    .block-pricing-summary .pricing-summary__table.col2 .pricing-summary__table-inner {
        max-width: 620px;
        width: 100%
    }

    .block-pricing-summary .pricing-summary__table.col3 .pricing-summary__table-inner {
        width: 100%
    }

    .block-pricing-summary .pricing-summary__table.col4 .pricing-summary__table-inner {
        width: 100%
    }

    .block-pricing-summary .pricing-summary__table:not(.pricing-summary__table--info-only) .pricing-summary__column:hover {
        background: #e7f0f8
    }
}

@media (min-width: 768px) {
    .block-pricing-summary .pricing-summary__table--archive {
        margin-top: 26px
    }
}

.block-pricing-summary .pricing-summary__table--archive .pricing-summary__column {
    background-color: #e8ebed
}

.block-pricing-summary .pricing-summary__table--archive .pricing-summary__plan-tip {
    color: #607385;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 14px;
    margin: 0
}

@media (min-width: 768px) {
    .block-pricing-summary .pricing-summary__table--archive .pricing-summary__plan-tip {
        color: #607385;
        text-transform: uppercase;
        font-size: 10px;
        line-height: 18px;
        margin: 10px 0 0
    }
}

.block-pricing-summary .pricing-summary__table--archive .pricing-summary__vat {
    margin: 0 0 20px
}

.block-pricing-summary .pricing-summary__table--info-only .pricing-summary__column {
    cursor: default
}

@media (min-width: 768px) {
    .block-pricing-summary .pricing-summary__table--info-only .pricing-summary__plan-price-annual .price-annual-desc {
        display: inline
    }
}

.block-pricing-summary .pricing-summary__table.pricing-summary__table--upgrade-popup-active .plans-promo-block--desktop {
    display: none !important
}

.block-pricing-summary .pricing-summary__table.pricing-summary__table--upgrade-popup-active .upgrade-popup {
    display: block
}

.block-pricing-summary .pricing-summary__table .plans-upgrade-popup-block {
    display: block
}

.block-pricing-summary .pricing-summary__table div.more {
    padding: 30px 10px;
    text-align: center;
    vertical-align: middle
}

.block-pricing-summary .pricing-summary__table-inner {
    display: table;
    width: 100%;
    overflow: hidden;
    margin: 0 auto
}

@media screen and (min-width: 768px) {
    .block-pricing-summary .pricing-summary__table-inner {
        border-radius: 0;
        overflow: visible;
        max-width: 1097px;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        box-shadow: 0 5px 10px rgba(0,0,0,0.15)
    }

        .block-pricing-summary .pricing-summary__table-inner.col2 > .pricing-summary__column {
            width: 50%
        }

        .block-pricing-summary .pricing-summary__table-inner.col3 > .pricing-summary__column {
            width: 33.333%
        }

        .block-pricing-summary .pricing-summary__table-inner.col4 > .pricing-summary__column {
            width: 25%
        }

        .block-pricing-summary .pricing-summary__table-inner.col5 > .pricing-summary__column {
            width: 20%
        }
}

.block-pricing-summary .pricing-summary__column {
    display: block;
    width: 100%;
    float: left;
    background: #fff;
    transition: background .2s ease-out;
    text-align: center;
    box-sizing: border-box;
    border-color: #bfc7ce;
    border-style: solid;
    border-width: 1px 0 0 0;
    position: relative;
    cursor: pointer
}

    .block-pricing-summary .pricing-summary__column:first-child {
        border-top-width: 0
    }

@media screen and (min-width: 768px) {
    .block-pricing-summary .pricing-summary__column {
        display: table-cell;
        vertical-align: top;
        float: none;
        padding: 0 0 34px 0;
        border-width: 0 0 0 1px
    }

        .block-pricing-summary .pricing-summary__column.has-button {
            padding-bottom: 74px
        }

        .block-pricing-summary .pricing-summary__column:first-child {
            border-left: 0;
            border-top-left-radius: 8px;
            border-bottom-left-radius: 8px
        }

        .block-pricing-summary .pricing-summary__column:last-child {
            border-top-right-radius: 8px;
            border-bottom-right-radius: 8px
        }
}

.block-pricing-summary .pricing-summary__column .opened .pricing-summary__plan-features {
    display: block;
    margin: 0 30px 0 35px;
    text-align: center;
    padding: 10px 0 27px
}

@media (min-width: 768px) {
    .block-pricing-summary .pricing-summary__column .opened .pricing-summary__plan-features {
        display: block;
        margin: 13px auto;
        text-align: left;
        padding: 0 10px 4px 20px
    }
}

.block-pricing-summary .pricing-summary__column .opened .icon-arr-up {
    display: block
}

@media (min-width: 768px) {
    .block-pricing-summary .pricing-summary__column .opened .icon-arr-up {
        display: none
    }
}

.block-pricing-summary .pricing-summary__column .opened .icon-arr-down {
    display: none
}

.block-pricing-summary .pricing-summary__column .label-current {
    display: none
}

.block-pricing-summary .pricing-summary__column .btn-container {
    text-align: center;
    bottom: 34px;
    width: 100%;
    z-index: 25;
    margin: 0 0 16px
}

@media screen and (min-width: 568px) {
    .block-pricing-summary .pricing-summary__column .btn-container {
        margin: 0 0 24px
    }
}

@media screen and (min-width: 768px) {
    .block-pricing-summary .pricing-summary__column .btn-container {
        position: absolute;
        margin: 0;
        min-height: 40px;
        z-index: 0
    }
}

@media screen and (min-width: 768px) {
    .block-pricing-summary .pricing-summary__column .btn-container .btn-container-inner {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%
    }
}

.block-pricing-summary .pricing-summary__column .btn-container .btn-medium {
    margin: 0 10px
}

@media screen and (min-width: 568px) {
    .block-pricing-summary .pricing-summary__column .btn-container .btn-medium {
        min-width: 160px
    }
}

.block-pricing-summary .pricing-summary__column .icon-arr-up, .block-pricing-summary .pricing-summary__column .icon-arr-down {
    color: #275ce0;
    font-size: 12px;
    line-height: 12px;
    margin: -10px auto 0;
    padding: 23px 0
}

@media screen and (min-width: 568px) {
    .block-pricing-summary .pricing-summary__column .icon-arr-up, .block-pricing-summary .pricing-summary__column .icon-arr-down {
        margin-top: -18px
    }
}

.block-pricing-summary .pricing-summary__column .icon-arr-up {
    display: none
}

.block-pricing-summary .pricing-summary__column .icon-arr-down {
    display: block
}

@media (min-width: 768px) {
    .block-pricing-summary .pricing-summary__column .icon-arr-down {
        display: none
    }
}

@media screen and (min-width: 768px) {
    .block-pricing-summary .pricing-summary__column.pricing-summary__column--emphasized {
        border: none;
        border-radius: 0;
        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 ease-out, background-color .2s ease-out;
        position: relative;
        z-index: 2
    }

        .block-pricing-summary .pricing-summary__column.pricing-summary__column--emphasized::before, .block-pricing-summary .pricing-summary__column.pricing-summary__column--emphasized::after {
            position: absolute;
            content: "";
            width: 100%;
            height: 20px;
            left: 0;
            background-color: #fff;
            border: 0 solid #bfc7ce;
            box-sizing: content-box;
            transition: box-shadow .2s ease-out, background-color .2s ease-out
        }

        .block-pricing-summary .pricing-summary__column.pricing-summary__column--emphasized::before {
            top: -15px;
            border-width: 0;
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
            box-shadow: 0 4px 0 #fff
        }

        .block-pricing-summary .pricing-summary__column.pricing-summary__column--emphasized::after {
            bottom: -15px;
            border-width: 0;
            border-bottom-right-radius: 8px;
            border-bottom-left-radius: 8px;
            box-shadow: 0 -4px 0 #fff, 0 10px 15px rgba(0,0,0,0.07)
        }

        .block-pricing-summary .pricing-summary__column.pricing-summary__column--emphasized:hover {
            box-shadow: 0 1px 4px rgba(0,0,0,0.2)
        }

            .block-pricing-summary .pricing-summary__column.pricing-summary__column--emphasized:hover::before, .block-pricing-summary .pricing-summary__column.pricing-summary__column--emphasized:hover::after {
                background: #e7f0f8
            }

            .block-pricing-summary .pricing-summary__column.pricing-summary__column--emphasized:hover::before {
                box-shadow: 0 4px 0 #e7f0f8, 0 1px 4px rgba(0,0,0,0.2)
            }

            .block-pricing-summary .pricing-summary__column.pricing-summary__column--emphasized:hover::after {
                box-shadow: 0 -4px 0 #e7f0f8, 0 1px 4px rgba(0,0,0,0.2)
            }

        .block-pricing-summary .pricing-summary__column.pricing-summary__column--emphasized .label-current {
            top: -15px;
            right: -1px;
            border-top-right-radius: 8px
        }

        .block-pricing-summary .pricing-summary__column.pricing-summary__column--emphasized + .pricing-summary__column {
            border-left: 0
        }
}

@media screen and (min-width: 768px) {
    .block-pricing-summary .pricing-summary__column.pricing-summary__column--emphasized .pricing-summary__plan-price {
        font-size: 16px
    }
}

@media screen and (min-width: 1024px) {
    .block-pricing-summary .pricing-summary__column.pricing-summary__column--emphasized .pricing-summary__plan-tip {
        font-size: 16px
    }
}

@media screen and (min-width: 768px) {
    .block-pricing-summary .pricing-summary__column.pricing-summary__column--emphasized .pricing-summary__plan-name {
        font-size: 24px;
        margin: 0 0 18px 0
    }
}

@media screen and (min-width: 768px) {
    .block-pricing-summary .pricing-summary__column.pricing-summary__column--emphasized .pricing-summary__column-inner {
        padding: 8px 20px 0
    }
}

.block-pricing-summary .pricing-summary__column--current .label-current {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-width: 20px;
    border-style: solid;
    border-color: #0cac42 #0cac42 transparent transparent;
    z-index: 15
}

    .block-pricing-summary .pricing-summary__column--current .label-current .svg-icon {
        display: inline-block;
        position: absolute;
        width: 14px;
        height: 14px;
        top: -17px;
        right: -17px
    }

        .block-pricing-summary .pricing-summary__column--current .label-current .svg-icon svg {
            width: 100%;
            height: 100%;
            fill: #fff
        }

.block-pricing-summary .pricing-summary__column--current .pricing-summary__plan-name {
    color: #0cac42;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600)
}

.block-pricing-summary .pricing-summary__column--muted {
    transition: opacity 0.2s ease-out,background 0.2s ease-out
}

    .block-pricing-summary .pricing-summary__column--muted.pricing-summary__column--collapsed {
        opacity: 0.45
    }

    .block-pricing-summary .pricing-summary__column--muted:hover {
        opacity: 1
    }

@media screen and (min-width: 768px) {
    .block-pricing-summary .pricing-summary__column--muted {
        opacity: 0.45
    }
}

@media screen and (max-width: 767px) {
    .block-pricing-summary .pricing-summary__column.pricing-summary__column--collapsed .pricing-summary__column-inner {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .block-pricing-summary .pricing-summary__column.pricing-summary__column--collapsed .pricing-summary__plan-name {
        text-align: left
    }

        .block-pricing-summary .pricing-summary__column.pricing-summary__column--collapsed .pricing-summary__plan-name::after {
            content: '';
            display: inline-block;
            background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath fill='%230a1c2e' 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") 0 center no-repeat;
            width: 1em;
            height: 24px;
            margin-left: 4px;
            vertical-align: bottom
        }

    .block-pricing-summary .pricing-summary__column.pricing-summary__column--collapsed .pricing-summary__plan-tip, .block-pricing-summary .pricing-summary__column.pricing-summary__column--collapsed .btn-container, .block-pricing-summary .pricing-summary__column.pricing-summary__column--collapsed .pricing-summary__plan-product-limit, .block-pricing-summary .pricing-summary__column.pricing-summary__column--collapsed .pricing-summary__plan-price, .block-pricing-summary .pricing-summary__column.pricing-summary__column--collapsed .pricing-summary__plan-price-annual, .block-pricing-summary .pricing-summary__column.pricing-summary__column--collapsed .pricing-summary__vat, .block-pricing-summary .pricing-summary__column.pricing-summary__column--collapsed .pricing-summary__plan-includes, .block-pricing-summary .pricing-summary__column.pricing-summary__column--collapsed .pricing-summary__plan-desc {
        display: none
    }

    .block-pricing-summary .pricing-summary__column.pricing-summary__column--collapsed.pricing-summary__column--current .pricing-summary__plan-name {
        color: #0a1c2e;
        font-weight: 600
    }
}

.block-pricing-summary .pricing-summary__column-inner {
    padding: 16px 16px 8px;
    position: relative
}

@media screen and (min-width: 768px) {
    .block-pricing-summary .pricing-summary__column-inner {
        padding: 35px 20px 0
    }
}

.block-pricing-summary .pricing-summary__column-inner hr {
    display: none
}

@media screen and (min-width: 768px) {
    .block-pricing-summary .pricing-summary__column-inner hr {
        display: block;
        width: 50px;
        margin: 30px auto;
        border: 1px solid #bfc7ce
    }
}

.block-pricing-summary .pricing-summary__plan-name {
    margin: 0;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 28px;
    font-weight: var(--headers-font-weight, 700);
    color: #0a1c2e
}

@media screen and (min-width: 768px) {
    .block-pricing-summary .pricing-summary__plan-name {
        font-size: 24px;
        line-height: 30px
    }
}

@media screen and (min-width: 768px) {
    .block-pricing-summary .pricing-summary__plan-name {
        font-family: var(--headers-font-family);
        font-weight: var(--text-big-font-weight, 600)
    }
}

.block-pricing-summary .pricing-summary__plan-name .svg-icon {
    width: 20px;
    height: 20px;
    vertical-align: top;
    display: none;
    margin: 2px 0 0 0
}

    .block-pricing-summary .pricing-summary__plan-name .svg-icon svg {
        width: 100%;
        height: 100%;
        fill: #0cac42
    }

.block-pricing-summary .pricing-summary__plan-name .pricing-summary__plan-subtitle {
    display: none
}

@media (min-width: 768px) {
    .block-pricing-summary .pricing-summary__plan-name .pricing-summary__plan-subtitle {
        display: inline
    }
}

.block-pricing-summary .pricing-summary__plan-price {
    margin-bottom: 3px;
    font-family: var(--headers-font-family);
    font-weight: var(--headers-font-weight, 700)
}

    .block-pricing-summary .pricing-summary__plan-price .price-month {
        line-height: 1.2;
        margin: 0;
        font-size: 20px;
        line-height: 28px;
        color: #0a1c2e
    }

@media screen and (min-width: 768px) {
    .block-pricing-summary .pricing-summary__plan-price .price-month {
        font-size: 32px;
        line-height: 38px
    }
}

.block-pricing-summary .pricing-summary__plan-price .price-measure {
    font-size: 12px
}

@media screen and (min-width: 768px) {
    .block-pricing-summary .pricing-summary__plan-price .price-measure {
        font-size: 14px
    }
}

.block-pricing-summary .pricing-summary__plan-desc {
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 8px 0
}

@media screen and (min-width: 768px) {
    .block-pricing-summary .pricing-summary__plan-desc {
        font-size: 14px;
        line-height: 22px
    }
}

.block-pricing-summary .pricing-summary__plan-price-annual {
    font-size: 12px;
    margin: 0 0 8px 0
}

@media screen and (min-width: 768px) {
    .block-pricing-summary .pricing-summary__plan-price-annual {
        font-size: 14px;
        line-height: 22px;
        color: #607385;
        margin-bottom: 8px
    }
}

@media screen and (min-width: 768px) {
    .block-pricing-summary .price-annual-desc {
        display: block
    }
}

.block-pricing-summary .price-annual-desc--free {
    padding-bottom: 20px
}

.block-pricing-summary .pricing-summary__vat {
    display: block;
    margin: 0 0 12px 0;
    height: 20px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600
}

@media screen and (min-width: 768px) {
    .block-pricing-summary .pricing-summary__vat {
        margin: 0 0 24px 0;
        font-size: 14px
    }
}

.block-pricing-summary .pricing-summary__plan-desc {
    display: none
}

@media screen and (min-width: 768px) {
    .block-pricing-summary .pricing-summary__plan-desc {
        display: block;
        font-size: 14px;
        margin-bottom: 30px
    }
}

.block-pricing-summary .pricing-summary__details-link {
    text-align: center
}

    .block-pricing-summary .pricing-summary__details-link a {
        display: inline-block;
        margin: 0;
        font-size: 14px;
        color: #fff;
        text-decoration: none
    }

    .block-pricing-summary .pricing-summary__details-link .svg-icon {
        display: block;
        margin: 0 auto;
        width: 16px;
        height: 16px
    }

        .block-pricing-summary .pricing-summary__details-link .svg-icon svg {
            fill: #fff;
            width: 100%
        }

.block-pricing-summary .pricing-summary__plan-product-limit {
    display: none
}

@media screen and (min-width: 768px) {
    .block-pricing-summary .pricing-summary__plan-product-limit {
        display: block;
        font-size: 14px;
        line-height: 22px;
        font-weight: 600;
        margin: 0 0 30px 0;
        padding: 0;
        color: #275ce0
    }
}

@media screen and (min-width: 1024px) {
    .block-pricing-summary .pricing-summary__plan-product-limit {
        font-size: 16px;
        line-height: 24px;
        padding: 0
    }
}

.block-pricing-summary .pricing-summary__plan-product-limit.pricing-summary__plan-product-limit--mobile {
    display: block;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px
}

@media screen and (min-width: 768px) {
    .block-pricing-summary .pricing-summary__plan-product-limit.pricing-summary__plan-product-limit--mobile {
        display: none
    }
}

.block-pricing-summary .pricing-summary__plan-features {
    display: none
}

@media (min-width: 768px) {
    .block-pricing-summary .pricing-summary__plan-features {
        display: block;
        margin: 13px auto;
        max-width: 220px;
        text-align: left;
        padding: 0 20px 4px
    }
}

.block-pricing-summary .pricing-summary__plan-features .pricing-summary__plan-feature {
    font-size: 12px;
    line-height: 18px;
    margin: 10px 0
}

    .block-pricing-summary .pricing-summary__plan-features .pricing-summary__plan-feature:last-child {
        margin-bottom: 5px
    }

@media (min-width: 768px) {
    .block-pricing-summary .pricing-summary__plan-features .pricing-summary__plan-feature {
        cursor: help;
        font-size: 12px;
        line-height: 18px;
        margin: 6px 0 12px;
        position: relative
    }

        .block-pricing-summary .pricing-summary__plan-features .pricing-summary__plan-feature:last-child {
            margin-bottom: 12px
        }
}

@media screen and (min-width: 1024px) {
    .block-pricing-summary .pricing-summary__plan-features .pricing-summary__plan-feature {
        font-size: 14px;
        line-height: 22px;
        margin: 6px 0 16px
    }
}

.block-pricing-summary .pricing-summary__plan-features .pricing-summary__plan-feature--plus .pricing-summary__plan-feature-title {
    font-weight: 700
}

@media (min-width: 768px) {
    .block-pricing-summary .pricing-summary__plan-features .pricing-summary__plan-feature:hover .pricing-summary__plan-feature-hint {
        display: inline-block
    }
}

.block-pricing-summary .pricing-summary__plan-features .pricing-summary__plan-feature .pricing-summary__plan-feature-hint {
    display: none
}

@media (min-width: 768px) {
    .block-pricing-summary .pricing-summary__plan-features .pricing-summary__plan-feature .pricing-summary__plan-feature-hint {
        position: absolute;
        display: none;
        bottom: 100%;
        left: -16px;
        right: -16px;
        border: 1px solid #bfc7ce;
        background-color: #fff;
        box-shadow: 0 5px 20px rgba(0,0,0,0.15);
        padding: 10px 15px;
        z-index: 5;
        color: #0a1c2e
    }
}

.block-pricing-summary .pricing-summary__plan-includes {
    display: none
}

@media screen and (min-width: 768px) {
    .block-pricing-summary .pricing-summary__plan-includes {
        display: block;
        margin-bottom: 4px;
        font-size: 14px;
        line-height: 22px;
        font-family: var(--headers-font-family);
        font-weight: var(--text-big-font-weight, 600)
    }
}

@media screen and (min-width: 1024px) {
    .block-pricing-summary .pricing-summary__plan-includes {
        font-size: 16px;
        line-height: 24px
    }
}

.upgrade-popup {
    display: none;
    max-width: 944px;
    margin: 0 auto 20px;
    padding: 24px;
    position: relative;
    background-color: #fff;
    box-sizing: border-box;
    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
}

@media screen and (min-width: 768px) {
    .upgrade-popup {
        margin-bottom: 40px
    }
}

.upgrade-popup__close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    transition: opacity 0.1 linear
}

    .upgrade-popup__close .svg-icon {
        display: inline-block;
        width: 100%;
        height: 100%
    }

        .upgrade-popup__close .svg-icon svg {
            fill: #808f9d
        }

    .upgrade-popup__close:hover {
        opacity: .7
    }

.upgrade-popup__text {
    font-size: 14px;
    text-align: center;
    line-height: 1.4;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600)
}

@media screen and (min-width: 768px) {
    .upgrade-popup__text {
        font-size: 16px;
        line-height: 24px
    }
}

.gt-free-trial .pricing-summary__column .btn-container-inner .text-default.muted {
    display: none
}

.gt-free-trial--active .pricing-summary__column .btn-container-inner .text-default.muted {
    display: block;
    margin: 8px 15px 0
}

@media screen and (min-width: 768px) {
    .gt-free-trial--active .pricing-summary__column {
        padding-bottom: 110px
    }

        .gt-free-trial--active .pricing-summary__column.has-button {
            padding-bottom: 130px
        }
}

@media screen and (min-width: 768px) {
    .gt-free-trial--active .pricing-summary__column .btn-container {
        bottom: 70px
    }
}

.gt-free-trial--active .billing-changeYouPay-title, .gt-free-trial--active .billing-changeYouPay-body, .gt-free-trial--active .billing-changeYouPay-substring {
    text-align: left
}

.gt-free-trial--active .billing-changeYouPay-body {
    margin: 10px 0;
    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) {
    .gt-free-trial--active .billing-changeYouPay-body {
        font-size: 24px;
        line-height: 30px
    }
}

.gt-free-trial--active .billing-changeYouPay-substring {
    font-weight: normal;
    white-space: normal
}

@media screen and (max-width: 1023px) {
    .gt-free-trial--total {
        display: flex;
        align-items: center;
        justify-content: stretch
    }

        .gt-free-trial--total .billing-changeYouPay-title, .gt-free-trial--total .billing-changeYouPay-body, .gt-free-trial--total .billing-changeYouPay-substring {
            display: block;
            order: 2;
            width: auto;
            padding-right: 30px
        }

        .gt-free-trial--total .billing-changeYouPay-body {
            order: 1;
            min-width: 0
        }
}

@media screen and (min-width: 1024px) {
    .gt-free-trial--total {
        padding: 10px 0 10px 20px
    }
}

.gt-blue-buttons .pricing-summary__column--current .pricing-summary__plan-name {
    color: #0a1c2e
}

.block-pricing-details .pricing-details__title, .block-pricing-details .pricing-details__subtitle {
    text-align: center
}

.block-pricing-details .pricing-details__title {
    margin: 32px 0 16px;
    font-size: 28px
}

.block-pricing-details .pricing-details__subtitle {
    margin: 16px 0 32px;
    font-size: 14px;
    font-weight: 400
}

.block-pricing-details .pricing-details__table-container {
    position: relative;
    max-width: 1097px;
    margin: 0 auto
}

.block-pricing-details .pricing-details__table-wrapper {
    overflow-x: scroll;
    padding: 0
}

.block-pricing-details .pricing-details__table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse
}

    .block-pricing-details .pricing-details__table thead tr {
        height: 61px
    }

    .block-pricing-details .pricing-details__table th, .block-pricing-details .pricing-details__table td {
        box-sizing: border-box;
        width: 135px;
        border: 1px solid #bfc7ce;
        font-size: 14px;
        text-align: center
    }

@media screen and (min-width: 568px) {
    .block-pricing-details .pricing-details__table th, .block-pricing-details .pricing-details__table td {
        width: 144px
    }
}

.block-pricing-details .pricing-details__table th:last-child, .block-pricing-details .pricing-details__table td:last-child {
    border-right: 0
}

.block-pricing-details .pricing-details__table th .svg-icon, .block-pricing-details .pricing-details__table td .svg-icon {
    display: none
}

.block-pricing-details .pricing-details__table th {
    padding: 18px 15px;
    background-color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e
}

.block-pricing-details .pricing-details__table tbody, .block-pricing-details .pricing-details__table tbody td {
    background-color: #fff
}

.block-pricing-details .pricing-details__table .cell__cover-col, .block-pricing-details .pricing-details__table .cell__base-col {
    box-sizing: border-box;
    width: 160px;
    padding: 15px;
    text-align: left
}

.block-pricing-details .pricing-details__table .cell__base-col {
    opacity: 0
}

@media screen and (min-width: 568px) {
    .block-pricing-details .pricing-details__table .cell__base-col {
        width: 192px
    }
}

.block-pricing-details .pricing-details__table .cell__cover-col {
    position: absolute;
    z-index: 20;
    top: auto;
    left: 0;
    width: 161px;
    margin-top: -1px;
    border-collapse: separate;
    border-left-color: transparent;
    box-shadow: 2px 0 5px rgba(0,0,0,0.08)
}

@media screen and (min-width: 568px) {
    .block-pricing-details .pricing-details__table .cell__cover-col {
        width: 193px
    }
}

.block-pricing-details .pricing-details__table .cell__feature-tip {
    font-size: 12px;
    line-height: 18px;
    display: block
}

.block-pricing-details .pricing-details__table thead .cell__cover-col {
    height: 100px
}

.block-pricing-details .pricing-details__table .cell--emphasized {
    font-size: 16px;
    line-height: 24px;
    font-family: var(--headers-font-family);
    font-weight: var(--text-big-font-weight, 600);
    color: #0a1c2e
}

.block-pricing-details .pricing-details__table .cell--feature-available .svg-icon {
    display: inline-block;
    position: relative;
    width: 26px;
    height: 26px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%230cac42' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M18.7072 4.70718L8.00008 15.4143L2.29297 9.70718L3.70718 8.29297L8.00008 12.5859L17.293 3.29297L18.7072 4.70718Z' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat center;
    background-size: 26px;
    background-size: contain
}

    .block-pricing-details .pricing-details__table .cell--feature-available .svg-icon svg {
        width: 100%;
        height: 100%;
        fill: #0cac42
    }

    .block-pricing-details .pricing-details__table .cell--feature-available .svg-icon .tip {
        display: none;
        position: absolute;
        z-index: 10;
        top: 37px;
        left: -49px;
        width: 100px;
        padding: 10px;
        border: 1px solid #bfc7ce;
        background: #fff;
        font-size: 12px;
        line-height: 18px;
        box-shadow: 0 5px 20px rgba(0,0,0,0.15)
    }

    .block-pricing-details .pricing-details__table .cell--feature-available .svg-icon:hover .tip {
        display: block
    }

.block-pricing-details .pricing-details__table .row-section td {
    border: none
}

.block-pricing-details .pricing-details__table .cell__cover-section, .block-pricing-details .pricing-details__table .cell__base-section {
    padding: 15px;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase
}

.block-pricing-details .pricing-details__table .cell__base-section {
    opacity: 0
}

.block-pricing-details .pricing-details__table .cell__cover-section {
    position: absolute;
    top: auto;
    left: 0;
    width: 296px;
    border: none
}

@media screen and (min-width: 568px) {
    .block-pricing-details .pricing-details__table .cell__cover-section {
        width: 337px
    }
}

.block-pricing-details .pricing-details__table .btn-container {
    margin: 0 4px
}

.block-pricing-details .pricing-details__table tfoot td {
    padding: 8px 0;
    border-right: none;
    border-left: none
}

.block-pricing-details .pricing-details__table tfoot .cell__cover-col {
    height: 72px;
    box-shadow: none
}

.block-pricing-details .pricing-details__table tfoot .cell__base-col {
    height: 71px
}

.block-pricing-details .pricing-details__table tfoot tr:last-child td {
    border-bottom: none
}

.block-pricing-details .cell--social-selling-plan, .block-pricing-details .cell--start-plan {
    display: none
}

.block-pricing-details.has-social-selling-plan .cell--social-selling-plan, .block-pricing-details--has-social-selling-plan .cell--social-selling-plan {
    display: table-cell
}

.block-pricing-details--has-start-plan .cell--start-plan {
    display: table-cell
}

@media screen and (min-width: 768px) {
    .block-pricing-details .pricing-details__table-wrapper {
        overflow-x: visible
    }

    .block-pricing-details .pricing-details__table th, .block-pricing-details .pricing-details__table td {
        width: auto
    }

        .block-pricing-details .pricing-details__table th:last-child, .block-pricing-details .pricing-details__table td:last-child {
            border-right: 1px solid #bfc7ce
        }

    .block-pricing-details .pricing-details__table .cell__base-col {
        opacity: 1
    }

    .block-pricing-details .pricing-details__table .cell__cover-col {
        display: none
    }

    .block-pricing-details .pricing-details__table .row-section td:first-child {
        border-left: 1px solid #bfc7ce
    }

    .block-pricing-details .pricing-details__table .row-section td:last-child {
        border-right: 1px solid #bfc7ce
    }

    .block-pricing-details .pricing-details__table .cell__base-section {
        opacity: 1
    }

    .block-pricing-details .pricing-details__table .cell__cover-section {
        display: none
    }

    .block-pricing-details .pricing-details__table tfoot td, .block-pricing-details .pricing-details__table tfoot td:last-child {
        border: none
    }
}

@media screen and (min-width: 960px) {
    .block-pricing-details .pricing-details__table .cell__base-col {
        width: 312px
    }
}

.gt-free-trial--active .cell__head {
    padding: 18px 15px;
    vertical-align: top
}

.gt-free-trial--active .pricing-summary__plan-name {
    margin: 0 0 8px;
    font-family: var(--headers-font-family);
    font-size: 16px;
    font-weight: var(--text-big-font-weight, 600)
}

.gt-free-trial--active .pricing-summary__plan-price {
    margin: 0 0 16px;
    font-family: var(--headers-font-family);
    font-size: 16px;
    font-weight: var(--text-big-font-weight, 600)
}

    .gt-free-trial--active .pricing-summary__plan-price .price-measure {
        font-size: 14px
    }

.gt-free-trial--active .pricing-details__table--sticky {
    display: table;
    margin-bottom: -1px
}

@media screen and (min-width: 768px) {
    .gt-free-trial--active .pricing-details__table--sticky {
        position: sticky;
        z-index: 1;
        top: 0
    }
}

.gt-free-trial--active .pricing-details__table--sticky .btn-medium {
    min-width: 0
}

.gt-free-trial--active .pricing-details__table--sticky thead .cell__cover-col {
    height: 180px;
    margin-top: -1px
}

.gt-free-trial--active .pricing-details__table .text-default.muted {
    display: block;
    margin-top: 5px;
    text-transform: lowercase
}

.gt-free-trial--active .pricing-details__table tfoot td {
    vertical-align: top
}

.cc-list {
    display: none;
    position: absolute;
    top: 50%;
    right: 15px;
    margin: -14px 0 0 0;
    padding: 0;
    list-style-type: none;
    transform: translateX(0);
    transition: transform .15s ease-out
}

@media screen and (min-width: 1024px) {
    .cc-list {
        display: block
    }
}

.cc-list li {
    display: inline-block;
    opacity: 0;
    width: 0;
    height: 26px;
    border-width: 0;
    border-style: solid;
    border-color: #bfc7ce;
    background-color: #fff;
    background-image: url("https://d1oxsl77a1kjht.cloudfront.net/static/cp/v1/icons/cp/billing/credit-cards-icons.svg");
    background-repeat: no-repeat;
    transition: opacity .1s linear, width .15s linear, border-width .15s linear
}

.has-error .cc-list, .has-success .cc-list {
    transform: translateX(-28px)
}

.cc-list .cc-amex {
    background-position: 0 0
}

.cc-list .cc-discover {
    background-position: 0 -26px
}

.cc-list .cc-jcb {
    background-position: 0 -52px
}

.cc-list .cc-mastercard {
    background-position: 0 -78px
}

.cc-list .cc-visa {
    background-position: 0 -104px
}

.show-cc .cc-list li {
    opacity: 1;
    width: 40px;
    margin-left: 3px;
    border-width: 1px
}

.show-cc .cc-list .cc-jcb {
    opacity: 0;
    width: 0;
    margin-left: 0;
    border-width: 0
}

.show-visa .cc-visa {
    opacity: 1;
    width: 40px;
    margin-left: 3px;
    border-width: 1px;
    transition: opacity .1s linear, width .15s linear, border-width 0s linear
}

.show-mastercard .cc-mastercard {
    opacity: 1;
    width: 40px;
    margin-left: 3px;
    border-width: 1px;
    transition: opacity .1s linear, width .15s linear, border-width 0s linear
}

.show-amex .cc-amex {
    opacity: 1;
    width: 40px;
    margin-left: 3px;
    border-width: 1px;
    transition: opacity .1s linear, width .15s linear, border-width 0s linear
}

.show-discover .cc-discover {
    opacity: 1;
    width: 40px;
    margin-left: 3px;
    border-width: 1px;
    transition: opacity .1s linear, width .15s linear, border-width 0s linear
}

.show-jcb .cc-jcb {
    opacity: 1;
    width: 40px;
    margin-left: 3px;
    border-width: 1px;
    transition: opacity .1s linear, width .15s linear, border-width 0s linear
}

.cc-grid {
    display: grid;
    grid-gap: 8px 4px;
    grid-template-areas: "num num num num" "name name name name" "month year . cvv" "zip zip zip zip";
    grid-template-columns: 1fr 1fr 10px 1.2fr
}

@media screen and (max-width: 359px) {
    .cc-grid {
        grid-gap: 4px;
        grid-template-areas: "num num" "name name" "month year" "cvv cvv" "zip zip";
        grid-template-columns: 1fr 1fr
    }
}

@media screen and (min-width: 1280px) {
    .cc-grid {
        grid-gap: 4px;
        grid-template-areas: "num num num num num num" "name name name name name name" "month year . cvv . zip";
        grid-template-columns: 132px 132px 16px 1fr 16px 1fr
    }
}

.cc-grid .cc-grid__cell--num {
    grid-area: num
}

.cc-grid .cc-grid__cell--name {
    grid-area: name
}

.cc-grid .cc-grid__cell--month {
    grid-area: month
}

.cc-grid .cc-grid__cell--year {
    grid-area: year
}

.cc-grid .cc-grid__cell--cvv {
    grid-area: cvv
}

.cc-grid .cc-grid__cell--zip {
    display: none;
    grid-area: zip
}

.cc-grid--has-zip-code .cc-grid__cell--zip {
    display: block
}

.cc-grid .fieldset {
    width: 100%
}

.plan-key-features {
    display: none
}

@media screen and (min-width: 768px) {
    .plan-key-features {
        display: block
    }
}

.plan-key-features__list {
    margin: 0;
    padding: 0;
    list-style: none
}

    .plan-key-features__list li {
        margin-bottom: 6px;
        padding-left: 24px;
        text-indent: -24px
    }

        .plan-key-features__list li::before {
            content: '';
            display: inline-block;
            width: 20px;
            height: 20px;
            margin-right: 8px;
            background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%230cac42' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M18.7072 4.70718L8.00008 15.4143L2.29297 9.70718L3.70718 8.29297L8.00008 12.5859L17.293 3.29297L18.7072 4.70718Z' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat center;
            background-size: contain;
            vertical-align: top
        }

.help-title {
    margin-bottom: 8px;
    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) {
    .help-title {
        font-size: 24px;
        line-height: 30px
    }
}

.relative {
    position: relative
}

.billing-monthly__tooltip {
    top: 50px;
    right: 0
}

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

.billing-feedback-action {
    text-align: center
}

    .billing-feedback-action .btn {
        min-width: 200px;
        margin-top: 16px
    }

@media screen and (min-width: 768px) {
    .billing-feedback-action .btn {
        margin: 0 8px
    }
}

.billing-feedback-questions {
    padding: 0;
    list-style-type: none
}

    .billing-feedback-questions li {
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        border-top: 1px solid #bfc7ce;
        text-align: left
    }

    .billing-feedback-questions label {
        display: block;
        box-sizing: border-box;
        width: 100%;
        padding: 13px 3px 14px 15px;
        cursor: pointer
    }

    .billing-feedback-questions li:last-child {
        border-bottom: 1px solid #bfc7ce
    }

    .billing-feedback-questions li input[type=radio] {
        position: absolute;
        right: 0;
        opacity: 0;
        margin: 0;
        padding: 0
    }

        .billing-feedback-questions li input[type=radio] + .radio-icon {
            display: inline-block;
            position: absolute;
            top: 50%;
            box-sizing: content-box;
            width: 28px;
            height: 28px;
            margin: -15px 0 0 0;
            border: 2px solid #275ce0;
            border-radius: 50%
        }

        .billing-feedback-questions li input[type=radio]:checked + .radio-icon::after {
            content: "";
            display: inline-block;
            position: absolute;
            box-sizing: content-box;
            width: 16px;
            height: 16px;
            margin: 6px 0 0 6px;
            border-radius: 50%;
            background-color: #275ce0
        }

    .billing-feedback-questions li:hover {
        background-color: #fff
    }

.billing-feedback-question {
    display: inline-block;
    padding-right: 40px
}

@media screen and (min-width: 768px) {
    .billing-feedback-question {
        padding-right: 50px
    }
}

.billing-switch-reason {
    height: 77px;
    margin-bottom: 16px;
    resize: vertical
}

.billing-feedback-downgrade p {
    transition: color .15s linear
}

.billing-feedback-answer {
    display: inline-block;
    float: right;
    margin-right: 34px
}

@media screen and (min-width: 768px) {
    .billing-feedback-answer {
        margin-right: 44px
    }
}

.billing-feedback-other {
    margin-top: 24px
}

    .billing-feedback-other.has-error p {
        color: #f43c36
    }

.billing-feedback .block-hightlight {
    box-shadow: 0 5px 20px rgba(39,92,224,0.3)
}

.product-link {
    margin: 32px 0 8px;
    text-align: center
}

.credit-card-form {
    position: relative
}

.credit-card-form--loading {
    overflow: hidden
}

.credit-card-form__body {
    margin: 16px 0 8px 0
}

.billing-app {
    position: relative
}

.billing-app-styles .field-state--error svg {
    width: 20px
}

.billing-app--loading .billing-app {
    min-height: 185px
}

.paypal-form {
    position: relative;
    min-height: 100px
}

.paypal-button-container {
    position: relative;
    z-index: 1;
    max-width: 100%;
    height: 48px;
    overflow: hidden
}

.billing-form-placeholder {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 99
}

.sidebar-placeholder {
    visibility: hidden;
    opacity: 0;
    background: #fff;
    z-index: 99;
    display: none
}

.credit-card-form--loading .billing-form-placeholder, .paypal-form--loading .billing-form-placeholder, .apple-pay-form--loading .billing-form-placeholder, .billing-app--loading .billing-form-placeholder {
    visibility: visible;
    opacity: 1
}

.sidebar-panel--loading .sidebar-placeholder {
    visibility: visible;
    opacity: 1;
    display: block
}

.billing-totals {
    margin-top: 8px;
    border-top: 1px solid #bfc7ce;
    font-weight: 600
}

@media screen and (min-width: 1024px) {
    .billing-totals {
        float: right;
        width: 100%;
        max-width: 300px;
        margin-top: 0;
        border-top: 0 none
    }
}

.billing-totals__col {
    padding-top: 8px;
    padding-right: 8px;
    transition: all .2s linear
}

.billing-totals__row {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.billing-totals__row--last {
    align-items: center;
    margin-top: 16px;
    border-top: 1px solid #bfc7ce
}

    .billing-totals__row--last .billing-totals__col {
        padding-top: 12px;
        padding-bottom: 8px
    }

        .billing-totals__row--last .billing-totals__col:nth-of-type(2) {
            font-weight: 700
        }

    .billing-totals__row--last .billing-integer, .billing-totals__row--last .billing-currency-prefix {
        font-size: 2em
    }

    .billing-totals__row--vat, .billing-totals__row--last .billing-totals__col:nth-of-type(1) {
        text-transform: uppercase
    }

    .billing-totals__row--last .billing-totals__col:nth-of-type(1) {
        color: #0cac42
    }

.billing-totals__row--savings .billing-totals__col:nth-of-type(2), .billing-totals__row--plan .billing-totals__col:nth-of-type(2), .billing-totals__row--coupon .billing-totals__col:nth-of-type(2), .billing-totals__row--apps .billing-totals__col:nth-of-type(2), .billing-totals__row--vat .billing-totals__col:nth-of-type(2) {
    text-align: right;
    white-space: nowrap
}

.billing-totals__row--coupon, .billing-totals__row--vat {
    overflow: hidden;
    opacity: 0;
    max-height: 0;
    transition: max-height .4s ease-out, opacity .3s linear
}

    .billing-totals__row--coupon .tooltip, .billing-totals__row--vat .tooltip {
        visibility: hidden
    }

.billing-totals--coupon-applied .billing-totals__row--coupon, .billing-totals--vat-applied .billing-totals__row--vat {
    opacity: 1;
    max-height: 30px
}

    .billing-totals--coupon-applied .billing-totals__row--coupon .tooltip, .billing-totals--vat-applied .billing-totals__row--vat .tooltip {
        visibility: visible
    }

.billing-waived-vat {
    font-weight: 600;
    text-transform: none
}

.billing-decimal {
    display: inline-block;
    max-width: 30px;
    white-space: nowrap
}

.billing-totals--accurate .billing-decimal {
    opacity: 0;
    max-width: 0
}

@media screen and (max-width: 767px) {
    .bubble .bubble-bottom.bubble-block-vat-info::before {
        left: 7%
    }
}

.gt-billing .settings-page__header .a-card {
    margin-bottom: 16px
}

@media screen and (min-width: 1024px) {
    .gt-billing .settings-page__header .a-card {
        margin-bottom: 24px
    }
}

@media screen and (max-width: 1023px) {
    .gt-billing .settings-page__body .a-card__paddings {
        max-width: 600px
    }
}

@media screen and (max-width: 567px) {
    .gt-billing .settings-page__body .a-card__paddings {
        max-width: 400px
    }
}

.gt-billing__title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 8px
}

.gt-billing__title-item {
    text-transform: uppercase;
    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) {
    .gt-billing__title-item {
        font-size: 20px;
        line-height: 28px
    }
}

.gt-billing__title-arrow {
    padding: 0 12px
}

    .gt-billing__title-arrow svg {
        display: block;
        width: 20px;
        height: 20px;
        fill: currentColor
    }

.gt-billing__total-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    padding: 2px 0
}

.gt-billing__total-row--plan {
    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) {
    .gt-billing__total-row--plan {
        font-size: 24px;
        line-height: 30px
    }
}

.gt-billing__total-row--total {
    margin-top: 16px;
    border-top: 1px solid #bfc7ce
}

    .gt-billing__total-row--total .gt-billing__total-col {
        padding-top: 16px
    }

.gt-billing__card-button .btn {
    width: 100%
}

.gt-billing__sepa-button .btn {
    width: 100%
}

.plan-features {
    display: grid;
    grid-template-areas: "title" "body" "more";
    margin-bottom: 4px;
    color: #fff
}

@media screen and (min-width: 568px) {
    .plan-features {
        grid-template-areas: "title title" "body more";
        grid-template-columns: 1fr max-content
    }
}

.plan-features--inverted {
    color: #000
}

.plan-features__title {
    grid-area: title;
    color: currentColor
}

.plan-features__body {
    display: grid;
    grid-area: body;
    grid-template-columns: auto;
    justify-self: flex-start;
    color: currentColor
}

@media screen and (min-width: 480px) {
    .plan-features__body {
        grid-template-columns: auto auto
    }
}

.plan-features__feature {
    display: flex;
    align-items: center;
    min-width: 50%;
    margin-top: 8px;
    color: currentColor
}

@media screen and (min-width: 480px) {
    .plan-features__feature {
        min-width: 150px;
        margin-right: 20px
    }
}

@media screen and (min-width: 768px) {
    .plan-features__feature {
        min-width: 200px
    }
}

.plan-features__feature svg {
    margin-right: 10px;
    fill: currentColor
}

.plan-features__more {
    opacity: .7;
    grid-area: more;
    justify-self: start;
    margin-top: 30px;
    color: currentColor;
    transition: opacity .12s ease 0s
}

@media screen and (min-width: 568px) {
    .plan-features__more {
        align-self: end;
        justify-self: end;
        margin: 0 0 3px
    }
}

.plan-features__more:hover, .plan-features__more:active {
    opacity: 1;
    color: currentColor
}

.plan-features__more::after {
    content: "";
    display: block;
    height: 1px;
    margin-top: -4px;
    border-top: 1px solid currentColor
}

.gt-billing__link-form > a {
    display: none
}

.gt-billing__link-form > .fieldsets-batch {
    padding-bottom: 0;
    transition: opacity .2s ease 0s, transform .2s ease 0s
}

.gt-billing__link-form .btn-default {
    display: none
}

.gt-billing__link-form--empty > .fieldsets-batch {
    position: absolute;
    overflow: hidden;
    opacity: 0;
    height: 0;
    padding: 0;
    transform: translate3d(0, -10px, 0)
}

.gt-billing__link-form--empty > a {
    display: block
}

.gt-billing__link-form--applyed .btn-primary {
    display: none
}

.gt-billing__link-form--applyed .btn-default {
    display: block
}

.gt-billing__link-form .fieldsets-batch .btn:not(:last-child) {
    margin-right: 0
}

.plan-page-table {
    --plan-count: 4;
    --plan-cell-width: 300px;
    --plan-cell-margin: 8px;
    --carousel-shift: 120%;
    --carousel-svg-shift: 30px;
    overflow: hidden;
    width: calc(100% + var(--plan-cell-margin) * var(--plan-count));
    margin: 24px calc(var(--plan-cell-margin) * -2) 0
}

@media screen and (min-width: 1024px) {
    .plan-page-table {
        --plan-cell-width: calc(274.25px - var(--plan-cell-margin) * 3 / 2)
    }
}

.plan-page-table__wrap {
    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
}

@media screen and (min-width: 1280px) {
    .plan-page-table__wrap {
        margin-bottom: 0
    }
}

.plan-page-table__cells {
    display: flex;
    justify-content: center;
    width: calc(var(--plan-cell-width) * var(--plan-count) + var(--plan-cell-margin) * var(--plan-count) * 2);
    margin: 0 auto;
    padding: 0 calc(50% - var(--plan-cell-width) * .5 - var(--plan-cell-margin))
}

@media screen and (min-width: 1024px) {
    .plan-page-table__cells {
        padding: 0 8px
    }
}

.plan-page-table__cell {
    display: flex;
    flex: 0 0 var(--plan-cell-width);
    align-items: flex-start;
    width: var(--plan-cell-width);
    padding: 2px 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
}

    .plan-page-table__cell--paid .a-card, .plan-page-table__cell:nth-child(n + 2) .a-card {
        display: flex;
        flex-direction: column;
        height: 100%
    }

@media screen and (min-width: 568px) {
    .plan-page-table__cell--paid .a-card, .plan-page-table__cell:nth-child(n + 2) .a-card {
        height: 100%
    }
}

.plan-page-table__cell .a-card-stack {
    width: 100%
}

    .plan-page-table__cell .a-card-stack .a-card {
        border-bottom: 0
    }

@media screen and (min-width: 568px) {
    .plan-page-table__cell .a-card-stack {
        margin: 0
    }
}

.plan-page-table__cell .a-card, .plan-page-table__cell .a-card__paddings {
    display: flex
}

    .plan-page-table__cell .a-card > div, .plan-page-table__cell .a-card__paddings > div {
        display: flex;
        flex: 1;
        flex-direction: column;
        height: auto
    }

.plan-page-table__title {
    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) {
    .plan-page-table__title {
        font-size: 20px;
        line-height: 28px
    }
}

.plan-page-table__title .gwt-InlineLabel {
    margin-right: 4px
}

.plan-page-table__title .inline-text-tag {
    position: relative;
    top: 2px;
    margin: 0;
    vertical-align: text-bottom
}

.plan-page-table__label {
    padding: 8px 20px;
    background-color: #cfdbfa;
    color: #275ce0;
    text-align: center
}

@media screen and (max-width: 567px) {
    .plan-page-table__label {
        display: none
    }
}

.plan-page-table__body {
    flex: 1
}

.plan-page-table__features {
    flex: 1;
    padding-top: 24px;
    border-top: 1px solid #bfc7ce
}

    .plan-page-table__features ul {
        margin: 0 0 16px;
        padding: 0
    }

    .plan-page-table__features li {
        display: flex;
        align-items: flex-start;
        margin: 0 0 8px;
        padding: 0;
        list-style: none
    }

        .plan-page-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
        }

            .plan-page-table__features li .svg-icon svg {
                display: block;
                width: 14px;
                height: 14px;
                fill: #0cac42
            }

    .plan-page-table__features a {
        color: #0a1c2e;
        text-decoration: underline
    }

.plan-page-table__description {
    min-height: 44px
}

.plan-page-table__price {
    margin-bottom: 8px
}

    .plan-page-table__price data {
        font-size: 12px;
        line-height: 18px
    }

    .plan-page-table__price span {
        margin-right: 4px;
        font-size: 32px;
        line-height: 38px
    }

.compare-table {
    margin: 0 8px
}

    .compare-table .svg-icon svg {
        display: block;
        width: auto;
        height: 100%
    }

    .compare-table .a-card {
        max-width: 1097px;
        margin: 0 auto
    }

@media screen and (min-width: 768px) {
    .compare-table {
        margin: 0 16px
    }
}

.compare-table--short .compare-table__section--similar, .compare-table--short .compare-table__row--similar {
    display: none
}

.compare-table__header, .compare-table__footer, .compare-table__row {
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

@media screen and (min-width: 768px) {
    .compare-table__header, .compare-table__footer, .compare-table__row {
        grid-template-columns: 1fr max(150px, 18%) max(150px, 18%) max(150px, 18%) max(150px, 18%)
    }
}

.compare-table__header {
    position: sticky;
    z-index: 3;
    top: 0;
    padding: 0 8px;
    border-radius: 8px 8px 0 0;
    background-color: #fff
}

.compare-table__header-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 4px
}

@media screen and (min-width: 768px) {
    .compare-table__header-cell {
        padding: 10px 12px;
        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) and (min-width: 768px) {
    .compare-table__header-cell {
        font-size: 20px;
        line-height: 28px
    }
}

.compare-table__header-cell span {
    display: inline-block;
    width: 100%;
    padding: 4px 6px;
    border-radius: 4px;
    color: #607385;
    text-align: center
}

@media screen and (min-width: 768px) {
    .compare-table__header-cell span {
        width: auto;
        padding: 8px 24px
    }
}

@media screen and (max-width: 767px) {
    .compare-table__header-cell--title {
        display: none
    }
}

.compare-table__header-cell--current span {
    background-color: #dee6fa;
    color: #275ce0
}

.compare-table__footer {
    display: none
}

@media screen and (min-width: 768px) {
    .compare-table__footer {
        display: grid;
        padding: 0 8px
    }
}

.compare-table__footer-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 8px
}

@media screen and (min-width: 768px) {
    .compare-table__footer-cell {
        padding: 16px 8px
    }
}

@media screen and (max-width: 767px) {
    .compare-table__footer-cell--title {
        display: none
    }
}

.compare-table__title {
    position: relative;
    margin-bottom: -1px;
    padding: 8px 12px;
    background-color: #e9effc;
    text-transform: uppercase
}

@media screen and (min-width: 768px) {
    .compare-table__title {
        padding: 8px 24px
    }
}

.compare-table__row {
    padding: 0 8px;
    border-top: 1px solid #bfc7ce
}

.compare-table__cell {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4px 4px 12px
}

@media screen and (min-width: 768px) {
    .compare-table__cell {
        padding: 16px
    }
}

.compare-table__cell--title {
    display: block;
    grid-column: 1 / 5;
    padding: 12px 4px 4px
}

@media screen and (min-width: 768px) {
    .compare-table__cell--title {
        grid-column: 1;
        padding: 16px
    }
}

.compare-table__background-helper {
    position: sticky;
    z-index: 2;
    top: 0;
    height: 20px;
    margin-top: -20px;
    background-color: #fff
}

.compare-table__shadow {
    position: sticky;
    z-index: 1;
    top: 34px;
    height: 20px;
    margin: -20px 3px 0;
    box-shadow: 0 5px 8px rgba(0,0,0,0.08)
}

@media screen and (min-width: 768px) {
    .compare-table__shadow {
        top: 44px
    }
}

.compare-table__shadow-cover {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 10px;
    background-color: #e9effc
}

apple-pay-button {
    --apple-pay-button-height: 48px;
    --apple-pay-button-width: 100%;
    --apple-pay-button-padding: 5px 0px;
    --apple-pay-button-box-sizing: border-box
}

.apple-pay-button-container {
    position: relative;
    z-index: 1;
    max-width: 100%;
    height: 48px;
    overflow: hidden
}

.apple-pay-form {
    position: relative
}

.apple-pay-form--loading {
    overflow: hidden
}