* {
    outline: 0
}

.customize-content.container-fluid {
    width: 100%
}

.row.customize-content .container.row, .row.customize-content .container-fluid.row {
    max-width: 100%
}

.customize-content .col-md-1, .customize-content .col-md-2, .customize-content .col-md-3, .customize-content .col-md-4, .customize-content .col-md-5, .customize-content .col-md-6, .customize-content .col-md-7, .customize-content .col-md-8, .customize-content .col-md-9, .customize-content .col-md-10, .customize-content .col-md-11, .customize-content .col-md-12 {
    padding-left: 5px;
    padding-right: 5px
}

.customize-content .row {
    margin-left: -5px;
    margin-right: -5px
}

.customize-content .column.fullscreen {
    padding-right: 0;
    padding-left: 0
}

@media(max-width:769px) {
    .customize-content .column.fullscreen .row {
        margin-left: 0;
        margin-right: 0
    }
}

.customize-content.container {
    margin-right: auto;
    margin-left: auto
}

audio, canvas, progress, video, img {
    max-width: 100%
}

.container.row.customize-content.container-fluid {
    padding-right: 5px !important;
    padding-left: 5px !important
}

.rendered-form button {
    margin-bottom: 10px
}

select.form-control {
    height: auto !important
}

.container.row.customize-content.ui-sortable {
    width: 100%
}


body {
    margin: 0;
    padding: 0;
    font-family: Poppins, sans-serif;
}

.fix-width {
    width: 1140px;
    margin: 0 auto
}

.btn-shadow {
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1)
}

.box-shadow {
    -webkit-box-shadow: 0 2px 27px 3px rgba(0, 0, 0, .06);
    -moz-box-shadow: 0 2px 27px 3px rgba(0, 0, 0, .06);
    box-shadow: 0 2px 27px 3px rgba(0, 0, 0, .06)
}

.clr {
    clear: both
}

h1,
h2,
h3,
p {
    margin: 0
}

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

strong {
    font-weight: 800
}

.small-button {
    height: 45px;
    line-height: 45px;
    width: auto;
    margin: 0;
    padding: 0 25px;
    font-size: 16px;
    border-radius: 8px;
    text-align: center;
    font-family: Poppins, sans-serif;
    font-weight: 400;
    background: #fff;
    color: #9770ff;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    transition: .2s linear all
}

.page-section {
    padding: 30px 0;
    margin: 30px auto;
}

    .page-section .section-title {
        font-size: 36px;
        text-align: center;
        font-weight: 600;
    }

.small-button.white-purple {
    background: #fff;
    color: #9770ff
}

    .small-button.white-purple:hover {
        background: #f5f2ff;
        color: #7c4bff
    }

.small-button.purple {
    background: #8075f2;
    color: #fff
}

    .small-button.purple:hover {
        background: #8a81f1;
        color: #fff
    }

.small-button.disabled {
    background: #b9b9b9 !important;
    cursor: initial
}

    .small-button.disabled:hover {
        background: #b9b9b9 !important
    }

.white-button {
    background: #fff;
    display: inline-block;
    color: #7a55f8;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    min-width: 140px;
    padding: 0 40px;
    height: 60px;
    line-height: 60px;
    border-radius: 8px;
    max-width: 300px;
    font-family: Poppins, sans-serif;
    cursor: pointer;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1);
    transition: .2s linear all
}

    .white-button:hover {
        background: #ddd9ff
    }

.link-class {
    display: inline-block;
    /*color: #7a54f8;*/
    color: #2980b9;
    text-decoration: none;
    /*border-bottom: 1px dashed;*/
    margin: 0;
    padding: 0;
    line-height: inherit;
    cursor: pointer
}

    .link-class:hover {
        /*color: #9477fa;*/
        color: #fff;
        border-bottom: 1px solid
    }

    .link-class.white {
        color: #fff
    }

        .link-class.white:hover {
            color: #f2f2f2;
            border-bottom: 1px solid
        }

.ui.dropdown {
    font-family: Poppins, sans-serif
}

:lang(ru) .ui.dropdown {
    font-family: Roboto, sans-serif
}

.popup-v2.visible {
    opacity: 1;
    animation: popup-fade-in .2s ease-out
}

.popup-v2 {
    width: 100%;
    height: 100vh;
    display: block;
    font-size: 0;
    top: 0;
    left: 0;
    overflow: auto;
    position: fixed;
    z-index: 9999;
    text-align: center;
    background-color: rgba(36, 36, 98, .8);
    background-image: radial-gradient(ellipse farthest-corner at center top, rgba(0, 164, 245, .8) -80%, rgba(0, 0, 0, 0) 68%);
    background-size: 800px 400px;
    background-repeat: no-repeat;
    background-position: top center;
    opacity: 0;
    transition: .2s ease-out opacity
}

@keyframes popup-fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

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

.popup-v2.big .inner {
    max-width: 600px;
    width: 96%
}

.popup-v2 .inner {
    max-width: 500px;
    width: 96%;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    background: #fff;
    padding: 50px;
    border-radius: 8px;
    box-sizing: border-box;
    margin: 0 auto;
    right: 0;
    left: 0;
    -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, .35);
    -moz-box-shadow: 0 0 15px 1px rgba(0, 0, 0, .35);
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, .35);
    margin-top: 35px;
    margin-bottom: 35px
}

    .popup-v2 .inner .close {
        position: absolute;
        top: 20px;
        right: 20px
    }

        .popup-v2 .inner .close,
        .popup-v2 .inner .close svg {
            width: 16px;
            height: 16px;
            cursor: pointer
        }

            .popup-v2 .inner .close svg {
                opacity: .35
            }

    .popup-v2 .inner .popup-header {
        padding-bottom: 25px
    }

        .popup-v2 .inner .popup-header .title {
            line-height: 130%;
            font-size: 28px;
            color: #3e396b;
            font-weight: 600;
            font-family: Poppins, sans-serif;
            text-align: center
        }

        .popup-v2 .inner .popup-header .text {
            color: #777;
            font-size: 14px;
            line-height: 130%;
            font-weight: 500;
            font-family: Poppins, sans-serif;
            text-align: left;
            padding-top: 20px;
            margin: 0
        }

:lang(ru) .popup-v2 .inner .popup-header .text {
    font-family: Roboto, sans-serif
}

.popup-v2 .inner .popup-header .text strong {
    font-weight: 700
}

.popup-v2 .inner .additional-text {
    color: #aaa;
    font-size: 14px;
    line-height: 130%;
    font-weight: 500;
    font-family: Poppins, sans-serif;
    text-align: left;
    font-family: Poppins, sans-serif;
    margin: 0
}

:lang(ru) .popup-v2 .inner .additional-text {
    font-family: Roboto, sans-serif
}

#signup-popup .error {
    margin-top: 15px
}

#announcement {
    padding: 20px 0;
    background: #ecf0fd;
    border-bottom: 1px solid #8b74c7;
    font-family: Poppins, sans-serif
}

:lang(ru) #announcement {
    font-family: Roboto, sans-serif
}

#announcement .notification-content {
    max-width: 1065px;
    width: 90%;
    padding: 0 5%;
    margin: 0 auto;
    font-size: 0
}

#announcement .notification-text-wrapper {
    width: calc(100% - 30px);
    display: inline-block;
    vertical-align: middle
}

#announcement .notification-text {
    width: calc(100% - 10px);
    margin: 0;
    padding: 0;
    padding-right: 10px;
    max-width: 700px;
    line-height: 130%;
    color: #777;
    font-weight: 500;
    font-family: inherit;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle
}

    #announcement .notification-text strong {
        font-weight: 800
    }

#announcement .notification-exit {
    width: 30px;
    height: 30px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    float: none;
    background-image: url(/img/remove.svg);
    background-size: 100% 100%
}

#announcement.blue {
    background: #5c98ea;
    border-bottom: 1px solid #4c77b3
}

#announcement.red {
    background: #ea5c9b;
    border-bottom: 1px solid #ce4682
}

#announcement.green {
    background: #0ac192;
    border-bottom: 1px solid #01ab80
}

    #announcement.blue .notification-text,
    #announcement.green .notification-text,
    #announcement.red .notification-text {
        color: #fff
    }

    #announcement.blue a,
    #announcement.green a,
    #announcement.red a {
        color: #fff;
        font-weight: 600;
        text-decoration: none;
        border-bottom: 1px dashed #fff
    }

    #announcement.blue .notification-exit,
    #announcement.green .notification-exit,
    #announcement.red .notification-exit {
        background-image: url(/img/remove-white.svg);
        background-size: 100% 100%
    }

#announcement.black {
    background: #282828;
    border-bottom: 1px solid #222
}

    #announcement.black .notification-text {
        color: #f0f0f0
    }

    #announcement.black a {
        font-weight: 600;
        text-decoration: none;
        color: #cbbbff;
        border-bottom: 1px dashed #cbbbff
    }

        #announcement.black a:hover {
            border-bottom: 1px solid #cbbbff
        }

    #announcement.black .notification-exit {
        background-image: url(/img/remove-white.svg);
        background-size: 100% 100%;
        opacity: .8
    }

.tooltip-wrapper {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
    position: relative;
    z-index: 2;
    box-sizing: content-box !important
}

    .tooltip-wrapper * {
        box-sizing: content-box !important
    }

    .tooltip-wrapper .tooltip-trigger {
        height: 20px;
        width: 20px;
        line-height: 20px;
        border-radius: 20px;
        background: #eee;
        text-align: center;
        padding: 0;
        font-family: Poppins;
        font-weight: 900;
        font-size: 14px;
        color: #777;
        cursor: pointer;
        transition: .2s linear all
    }

        .tooltip-wrapper .tooltip-trigger:hover {
            background: #ddd
        }

    .tooltip-wrapper .tooltip-dropdown {
        display: none
    }

    .tooltip-wrapper.showing .tooltip-dropdown {
        display: block;
        position: absolute;
        bottom: calc(100% + 10px);
        width: 150px;
        left: calc(50% - 95px);
        right: auto;
        padding: 10px 15px;
        text-align: left;
        background: #fafafa;
        border-radius: 6px;
        border: 1px solid #e3e3e3;
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1)
    }

        .tooltip-wrapper.showing .tooltip-dropdown.left {
            bottom: calc(100% + 5px);
            left: auto;
            right: 5px
        }

        .tooltip-wrapper.showing .tooltip-dropdown.wide {
            width: 235px;
            left: calc(50% - 117px)
        }

    .tooltip-wrapper.showing .tooltip-trigger {
        background: #ddd
    }

    .tooltip-wrapper.showing .tooltip-hide {
        width: 20px;
        height: 20px;
        position: absolute;
        right: 9px;
        top: 9px;
        cursor: pointer
    }

    .tooltip-wrapper.showing .tooltip-header {
        height: 16px;
        line-height: 16px;
        font-family: Poppins;
        font-weight: 900;
        font-size: 14px;
        padding-bottom: 4px;
        padding-top: 1px;
        color: #686867
    }

    .tooltip-wrapper.showing .tooltip-text {
        font-family: Poppins;
        font-weight: 500;
        font-size: 12px;
        line-height: 110%;
        color: #686867
    }

        .tooltip-wrapper.showing .tooltip-text span {
            font-family: inherit;
            font-weight: inherit;
            font-size: inherit;
            line-height: inherit;
            color: inherit
        }

.generic-checkbox-wrapper {
    width: 100%;
    padding: 10px 0;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none
}

    .generic-checkbox-wrapper .checkbox-element {
        height: 30px;
        width: 30px;
        border-radius: 5px;
        border: 1px solid #dededf;
        background: #fff;
        display: inline-block;
        vertical-align: middle
    }

        .generic-checkbox-wrapper .checkbox-element .checkbox-element-checkmark {
            opacity: 0;
            width: 20px;
            height: 20px;
            padding: 5px;
            transition: .1s linear all;
            cursor: pointer
        }

    .generic-checkbox-wrapper input {
        display: none !important
    }

    .generic-checkbox-wrapper label {
        width: calc(100% - 55px);
        padding-left: 15px;
        color: #9c9ba0;
        font-family: Poppins, sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 130%;
        display: inline-block;
        vertical-align: middle;
        transition: .1s linear all
    }

:lang(ru) .generic-checkbox-wrapper label {
    font-family: Roboto, sans-serif
}

.generic-checkbox-wrapper.checked .checkbox-element .checkbox-element-checkmark {
    opacity: 1
}

.generic-checkbox-wrapper.checked label {
    color: #3e396b
}

.popup-loader {
    width: 100%;
    margin-top: 30px;
    text-align: center;
    font-family: Poppins, sans-serif
}

:lang(ru) .popup-loader {
    font-family: Roboto, sans-serif
}

.popup-loader img {
    width: 70px;
    height: 70px;
    display: inline-block
}

.popup-loader p {
    margin: 15px 0 0;
    padding: 0;
    color: #3e396b;
    font-size: 16px;
    font-weight: 500
}

#add-review-popup .styled-input-wrapper {
    margin-bottom: 15px
}

#add-review-popup form {
    margin-top: 20px
}

#add-review-popup #add-review-rating {
    margin: 0;
    padding-bottom: 30px
}

    #add-review-popup #add-review-rating .rating {
        margin: 0
    }

#add-review-success-popup .description {
    padding-bottom: 20px
}

#change-email-popup .styled-input-wrapper {
    margin-bottom: 15px
}

#change-password-popup .styled-input-wrapper {
    margin-bottom: 15px
}

#request-likes-success-popup .description {
    padding-bottom: 20px
}

#request-likes-success-popup .styled-input-wrapper {
    width: 100%;
    max-width: 100%
}

#request-likes-success-popup .tooltip {
    z-index: 1000;
    position: relative;
    height: 0;
    display: block;
    max-width: 270px
}

#request-likes-popup .styled-input-wrapper,
#request-payout-popup .styled-input-wrapper {
    margin-bottom: 15px
}

#request-payout-popup input[type=number]::-webkit-inner-spin-button,
#request-payout-popup input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

#request-likes-popup #likes-popup-price {
    padding-top: 10px
}

    #request-likes-popup #likes-popup-price p.description {
        margin: 0
    }

    #request-likes-popup #likes-popup-price p.price {
        margin: 0;
        margin-top: 0;
        font-size: 28px;
        padding: 10px 0 10px;
        color: #3e396b;
        line-height: 100%;
        font-family: Poppins, sans-serif
    }

:lang(ru) #request-likes-popup #likes-popup-price p.price {
    font-family: Roboto, sans-serif
}

#change-username-popup #change-username .subscription,
#forget-account-popup #forget-account .subscription,
#unsubscribe-popup #unsubscribe .subscription {
    margin-bottom: 25px
}

#change-slug-popup #change-slug-popup-input-wrapper {
    cursor: pointer;
    display: block;
    width: 100%;
    position: relative;
    color: #3e396b;
    font-family: Poppins, sans-serif;
    font-size: 0;
    font-weight: 500;
    line-height: 20px;
    border-radius: 4px;
    padding: 10px 16px;
    width: 100%;
    display: block;
    background: #fff;
    border: 1px solid #dededf
}

:lang(ru) #change-slug-popup #change-slug-popup-input-wrapper {
    font-family: Roboto, sans-serif
}

#change-slug-popup #change-slug-popup-input-wrapper:hover {
    border: 1px solid #3e396b
}

#change-slug-popup #change-slug-popup-input-wrapper p {
    width: 205px;
    padding: 0;
    margin: 0;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    color: inherit;
    font-family: inherit;
    font-weight: inherit;
    line-height: inherit
}

#change-slug-popup #change-slug-reduced-text {
    display: none
}

#change-slug-popup #change-slug-popup-input-wrapper span.reduce {
    padding: 0;
    margin: 0;
    display: inline;
    cursor: pointer;
    color: inherit;
    font-family: inherit;
    font-weight: inherit;
    line-height: inherit
}

#change-slug-popup #change-slug-popup-input-wrapper input {
    font-size: 16px;
    width: calc(100% - 205px);
    padding: 0;
    margin: 0;
    cursor: pointer;
    border: 0;
    background: inherit;
    box-sizing: border-box;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    color: inherit;
    font-family: inherit;
    font-weight: inherit;
    line-height: inherit;
    display: inline-block;
    vertical-align: middle
}

.policy-page-header {
    width: 100%;
    overflow: visible !important;
    position: relative !important;
    margin: 0 !important
}

.policy-page-body {
    min-height: 100vh;
    background: #fafafa;
    width: 96%;
    padding: 80px 2% 60px
}

.policy-page-body-content {
    display: block
}

.policy-page-body section {
    padding-bottom: 20px
}

.policy-page-body h1 {
    font-size: 48px;
    color: #3e396b;
    font-weight: 600;
    line-height: 130%;
    font-family: Poppins;
    padding-bottom: 50px;
    margin: 0
}

.policy-page-body h2 {
    font-size: 28px;
    color: #3e396b;
    font-weight: 600;
    line-height: 130%;
    font-family: Poppins;
    padding-bottom: 30px;
    margin: 0
}

.policy-page-body p {
    font-size: 16px;
    color: #282828;
    font-weight: 400;
    font-family: Poppins, sans-serif;
    padding-bottom: 30px;
    line-height: 120%;
    margin: 0
}

:lang(ru) .policy-page-body p {
    font-family: Roboto, sans-serif
}

.policy-page-body p i {
    font-style: italic
}

.policy-page-body p strong {
    font-weight: 800
}

.policy-page-body p a {
    color: #7f50f9;
    border-bottom: 1px dashed
}

    .policy-page-body p a:hover {
        color: #9477fa;
        border-bottom: 1px solid
    }

#login-page-body {
    min-height: 0;
    padding-bottom: 150px
}

#forgot-page-body {
    min-height: 0;
    padding-bottom: 150px
}

#reset-page-body {
    min-height: 0;
    padding-bottom: 150px
}

#login-page-box .title {
    margin-bottom: 30px;
    font-family: Poppins
}

#login-page-box p {
    color: #999;
    font-size: 15px;
    font-weight: 400;
    font-family: Poppins, sans-serif
}

:lang(ru) #login-page-box p {
    font-family: Roboto, sans-serif
}

#dashboard-settings-header {
    padding-top: 35px
}

.global-page {
    overflow: hidden
}

    .global-page .global-landing-wrapper {
        min-height: 100vh;
        height: auto;
        padding-top: 0;
        padding-bottom: 0;
        background: #6a70d4;
        position: relative
    }

    .global-page .global-landing-background {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: .4;
        background: radial-gradient(ellipse at top right, #7f00ff, rgba(255, 255, 255, 0))
    }

    .global-page .global-landing-wrapper .global-landing {
        padding-top: 45px;
        height: calc(100vh - 45px)
    }

    .global-page .global-landing-separator {
        position: absolute;
        left: -1%;
        height: auto;
        width: 102%;
        bottom: -2px;
        border-bottom: 1px solid #fff
    }

    .global-page .global-landing-content {
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
        height: calc(100% - 100px);
        width: 100%;
        position: relative
    }

        .global-page .global-landing-content:before {
            content: "";
            height: 100%;
            width: 0;
            display: inline-block;
            vertical-align: middle;
            pointer-events: none !important
        }

.global-landing-content .landing-block {
    max-width: 500px;
    display: inline-block;
    vertical-align: middle
}

    .global-landing-content .landing-block .title {
        margin: 0;
        font-size: 48px;
        font-weight: 900;
        letter-spacing: 1px;
        font-family: Poppins;
        color: #fff
    }

    .global-landing-content .landing-block .text {
        margin: 0;
        padding: 0;
        font-size: 18px;
        font-weight: 500;
        margin-top: 30px;
        font-family: Poppins, sans-serif;
        line-height: 150%;
        max-width: none;
        width: 100%;
        color: #fff
    }

:lang(ru) .global-landing-content .landing-block .text {
    font-family: Roboto, sans-serif
}

.global-landing-content .landing-block .white-button {
    margin-top: 40px
}

.global-landing-content .landing-illustration {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 500px)
}

.global-section-wrapper.pattern {
    background: url(../img/pattern_opacity_06.png);
    background-color: #fff;
    background-size: contain
}

.global-section-wrapper {
    background: #fafafa;
    position: relative;
    padding: 90px 0 100px
}

.global-section-box {
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    padding-bottom: 100px;
    position: relative;
    text-align: left;
    font-size: 0
}

    .global-section-box .section-illustration {
        width: calc(100% - 590px);
        padding: 0 0 0 40px;
        display: inline-block;
        vertical-align: middle
    }

    .global-section-box.content-mirrored .section-illustration {
        padding: 0 40px 0 0
    }

    .global-section-box .section-content {
        width: 550px;
        display: inline-block;
        vertical-align: middle
    }

    .global-section-box .title-wrapper {
        margin-bottom: 30px;
        font-size: 0
    }

    .global-section-box .title-icon {
        width: 40px;
        height: 40px;
        padding-right: 8px;
        display: inline-block;
        vertical-align: middle
    }

    .global-section-box .title {
        margin: 0;
        padding: 0;
        text-align: inherit;
        max-width: 550px;
        line-height: 130%;
        font-size: 36px;
        color: #3e396b;
        font-weight: 600;
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 48px)
    }

    .global-section-box .paragraph {
        margin: 0;
        padding: 0;
        color: #818181;
        font-size: 18px;
        font-family: Poppins, sans-serif;
        font-weight: 400;
        text-align: inherit;
        max-width: 550px;
        line-height: 150%;
        margin-bottom: 30px
    }

:lang(ru) .global-section-box .paragraph {
    font-family: Roboto, sans-serif
}

.global-section-box p a {
    display: inline;
    color: #7a54f8;
    text-decoration: none;
    border-bottom: 1px dashed
}

    .global-section-box p a:hover {
        color: #9477fa;
        border-bottom: 1px solid
    }

.global-section-box p strong {
    font-weight: 600
}

.global-section-box p i {
    font-style: italic
}

#invoice-form {
    background: #fafafa;
    border-radius: 8px;
    padding: 30px 40px 35px;
    text-align: left;
    font-size: 0;
    max-width: 480px
}

    #invoice-form .form-text {
        margin: 0;
        margin: 15px 0 15px 0;
        width: 100%;
        line-height: 130%;
        font-size: 14px;
        font-weight: 400;
        color: #777;
        font-family: Poppins
    }

    #invoice-form .form-text {
        font-weight: 600
    }

    #invoice-form .styled-input-wrapper {
        margin-bottom: 15px
    }

    #invoice-form #invoice-company-eu.loaded .form-text {
        display: none
    }

    #invoice-form #invoice-company-eu.loaded #invoice-vat-button {
        display: none
    }

    #invoice-form #invoice-generated-details {
        border-top: 1px solid #e8e8e8
    }

        #invoice-form #invoice-generated-details .invoice-company-details {
            margin: 15px 0
        }

            #invoice-form #invoice-generated-details .invoice-company-details p {
                text-align: left;
                width: 100%;
                display: block;
                font-size: 14px;
                font-weight: 500;
                font-family: Poppins;
                color: #aaa;
                padding: 0 0 5px 1px;
                margin: 0;
                line-height: 130%;
                font-family: Poppins, sans-serif
            }

:lang(ru) #invoice-form #invoice-company-eu-details .invoice-company-details p {
    font-family: Roboto, sans-serif
}

#invoice-form #invoice-generated-details .invoice-company-details span {
    color: #3e396b;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    font-family: Poppins, sans-serif
}

:lang(ru) #invoice-form #invoice-generated-details .invoice-company-details span {
    font-family: Roboto, sans-serif
}

#free-page #features {
    padding-top: 100px
}

#free-landing-wrapper {
    background-image: -webkit-linear-gradient(300deg, #a329ff 0, #e765ff 63%)
}

#free-landing-background {
    opacity: .3;
    background: radial-gradient(ellipse at bottom right, #3c00ff, rgba(255, 255, 255, 0))
}

#free-page .landing-illustration {
    height: 100%;
    overflow: visible
}

    #free-page .landing-illustration #free-likes-card-wrapper {
        display: block;
        position: absolute;
        top: 200px;
        left: 30%;
        width: 280px;
        z-index: 3;
        opacity: 1;
        animation: free-likes-card-slide-in 1s ease-out
    }

        #free-page .landing-illustration #free-likes-card-wrapper .card {
            width: 100%;
            border-radius: 12px;
            box-shadow: 0 8px 30px 5px rgba(0, 0, 0, .25)
        }

        #free-page .landing-illustration #free-likes-card-wrapper .heart-wrapper {
            position: absolute;
            bottom: 29px;
            left: 24px;
            width: 40px
        }

        #free-page .landing-illustration #free-likes-card-wrapper .heart {
            width: 100%;
            animation: pumping 2s infinite
        }

@keyframes free-likes-card-slide-in {
    0% {
        transform: translateX(500px);
        opacity: 0
    }

    100% {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes pumping {
    0% {
        transform: scale(1)
    }

    20% {
        transform: scale(1.6)
    }

    40% {
        transform: scale(1)
    }

    100% {
        transform: scale(1)
    }
}

#free-page .landing-illustration {
    pointer-events: none !important
}

    #free-page .landing-illustration #free-likes-burst-top {
        width: 200px;
        height: 200px;
        position: absolute;
        top: 80px;
        left: calc(30% + 200px)
    }

        #free-page .landing-illustration #free-likes-burst-top #heart-1 {
            left: 0;
            top: 70%;
            animation: free-top-heart-1 4s 1.9s infinite
        }

        #free-page .landing-illustration #free-likes-burst-top #heart-2 {
            left: 30%;
            top: 40%;
            animation: free-top-heart-2 4s 1.9s infinite
        }

        #free-page .landing-illustration #free-likes-burst-top #heart-3 {
            left: 40%;
            top: 70%;
            animation: free-top-heart-3 4s 1.9s infinite
        }

        #free-page .landing-illustration #free-likes-burst-top #heart-4 {
            left: 70%;
            top: 90%;
            animation: free-top-heart-4 4s 1.9s infinite
        }

        #free-page .landing-illustration #free-likes-burst-top #heart-5 {
            left: 53%;
            top: 50%;
            animation: free-top-heart-5 4s 1.9s infinite
        }

    #free-page .landing-illustration #free-likes-burst-bottom {
        width: 200px;
        height: 200px;
        position: absolute;
        top: 420px;
        left: calc(30% - 100px)
    }

        #free-page .landing-illustration #free-likes-burst-bottom #heart-1 {
            left: 50%;
            top: 50%;
            animation: free-bottom-heart-1 4s 1.9s infinite
        }

        #free-page .landing-illustration #free-likes-burst-bottom #heart-2 {
            left: 60%;
            top: 50%;
            animation: free-bottom-heart-2 4s 1.9s infinite
        }

        #free-page .landing-illustration #free-likes-burst-bottom #heart-3 {
            left: 30%;
            top: 20%;
            animation: free-bottom-heart-3 4s 1.9s infinite
        }

    #free-page .landing-illustration .free-likes-burst {
        z-index: 2
    }

        #free-page .landing-illustration .free-likes-burst .heart-particle {
            width: 15px;
            height: 15px;
            z-index: 2;
            opacity: 0;
            left: 0;
            top: 50%;
            position: absolute
        }

@keyframes free-top-heart-1 {
    0% {
        transform: translate3d(0, 0, 0);
        opacity: 0
    }

    70% {
        opacity: .4
    }

    100% {
        transform: translate3d(20px, -60px, 0);
        opacity: 0
    }
}

@keyframes free-top-heart-2 {
    0% {
        transform: translate3d(0, 0, 0);
        opacity: 0
    }

    30% {
        opacity: .4
    }

    60% {
        opacity: 0
    }

    100% {
        transform: translate3d(10px, -20px, 0);
        opacity: 0
    }
}

@keyframes free-top-heart-3 {
    0% {
        transform: translate3d(0, 0, 0);
        opacity: 0
    }

    60% {
        opacity: .4
    }

    90% {
        opacity: 0
    }

    100% {
        transform: translate3d(50px, -15px, 0);
        opacity: 0
    }
}

@keyframes free-top-heart-4 {
    0% {
        transform: translate3d(0, 0, 0);
        opacity: 0
    }

    45% {
        opacity: .4
    }

    75% {
        opacity: 0
    }

    100% {
        transform: translate3d(20px, -5px, 0);
        opacity: 0
    }
}

@keyframes free-top-heart-5 {
    0% {
        transform: translate3d(0, 0, 0);
        opacity: 0
    }

    70% {
        opacity: .4
    }

    100% {
        transform: translate3d(30px, -30px, 0);
        opacity: 0
    }
}

@keyframes free-bottom-heart-1 {
    0% {
        transform: translate3d(0, 0, 0);
        opacity: 0
    }

    70% {
        opacity: .4
    }

    100% {
        transform: translate3d(-40px, 20px, 0);
        opacity: 0
    }
}

@keyframes free-bottom-heart-2 {
    0% {
        transform: translate3d(0, 0, 0);
        opacity: 0
    }

    30% {
        opacity: .4
    }

    60% {
        opacity: 0
    }

    100% {
        transform: translate3d(10px, 50px, 0);
        opacity: 0
    }
}

@keyframes free-bottom-heart-3 {
    0% {
        transform: translate3d(0, 0, 0);
        opacity: 0
    }

    60% {
        opacity: .4
    }

    90% {
        opacity: 0
    }

    100% {
        transform: translate3d(-40px, -30px, 0);
        opacity: 0
    }
}

#free-page-why .section-illustration {
    position: relative;
    z-index: 200;
    height: 100%;
    vertical-align: top
}

    #free-page-why .section-illustration .illustration-card-wrapper {
        width: 180px;
        height: auto;
        position: absolute
    }

        #free-page-why .section-illustration .illustration-card-wrapper .card {
            width: 100%;
            border-radius: 8px;
            box-shadow: 0 4px 15px 1px rgba(0, 0, 0, .15)
        }

        #free-page-why .section-illustration .illustration-card-wrapper .heart-wrapper {
            display: block;
            width: 23px;
            height: auto;
            position: absolute;
            bottom: 19px;
            left: 17px
        }

        #free-page-why .section-illustration .illustration-card-wrapper .heart {
            width: 100%;
            height: 100%;
            opacity: 0
        }

        #free-page-why .section-illustration .illustration-card-wrapper.always-show-heart .heart {
            opacity: 1
        }

    #free-page-why .section-illustration #top-left-card-wrapper {
        top: -40px;
        left: 100px;
        opacity: 0
    }

        #free-page-why .section-illustration #top-left-card-wrapper.animate-in {
            opacity: 1;
            animation: free-why-top-cards-slide-in .8s linear
        }

        #free-page-why .section-illustration #top-left-card-wrapper.animate-heart .heart {
            animation: free-why-heart 1s 1.5s linear
        }

    #free-page-why .section-illustration #top-right-card-wrapper {
        top: -20px;
        left: 300px;
        opacity: 0
    }

        #free-page-why .section-illustration #top-right-card-wrapper.animate-in {
            opacity: 1;
            animation: free-why-top-cards-slide-in .8s linear
        }

        #free-page-why .section-illustration #top-right-card-wrapper.animate-heart .heart {
            animation: free-why-heart 1s 1.6s linear
        }

    #free-page-why .section-illustration #bottom-left-card-wrapper {
        top: 180px;
        left: 100px;
        opacity: 0
    }

        #free-page-why .section-illustration #bottom-left-card-wrapper.animate-in {
            opacity: 1;
            animation: free-why-bottom-cards-slide-in .8s linear
        }

        #free-page-why .section-illustration #bottom-left-card-wrapper.animate-heart .heart {
            animation: free-why-heart 1s 1.7s linear
        }

    #free-page-why .section-illustration #bottom-right-card-wrapper {
        top: 200px;
        left: 300px;
        opacity: 0
    }

        #free-page-why .section-illustration #bottom-right-card-wrapper.animate-in {
            opacity: 1;
            animation: free-why-bottom-cards-slide-in .8s linear
        }

        #free-page-why .section-illustration #bottom-right-card-wrapper.animate-heart .heart {
            animation: free-why-heart 1s 1.8s linear
        }

@keyframes free-why-top-cards-slide-in {
    0% {
        opacity: 0;
        transform: translateY(-200px)
    }

    60% {
        opacity: 1
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes free-why-bottom-cards-slide-in {
    0% {
        opacity: 0;
        transform: translateY(200px)
    }

    60% {
        opacity: 1
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes free-why-heart {
    0% {
        opacity: 0;
        transform: scale(1)
    }

    20% {
        opacity: 1;
        transform: scale(1)
    }

    70% {
        opacity: 1;
        transform: scale(1.6)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

#reviews-page .landing-illustration {
    position: relative;
    height: 520px;
    font-family: Poppins, sans-serif
}

:lang(ru) #reviews-page .landing-illustration {
    font-family: Roboto, sans-serif
}

#reviews-page .landing-illustration .landing-illustration-floating {
    box-sizing: border-box;
    padding: 15px;
    width: 320px;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0;
    z-index: 4;
    opacity: 0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 14px 28px 5px rgba(0, 0, 0, .25)
}

    #reviews-page .landing-illustration .landing-illustration-floating img {
        display: inline-block;
        vertical-align: middle;
        width: 45px;
        height: 45px
    }

    #reviews-page .landing-illustration .landing-illustration-floating p {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 60px);
        padding-left: 10px;
        text-align: left;
        font-size: 14px;
        color: #3e396b;
        font-weight: 600;
        font-family: inherit;
        line-height: 130%;
        margin: 0
    }

        #reviews-page .landing-illustration .landing-illustration-floating p span {
            font-weight: 500;
            font-size: 12px;
            color: #999;
            line-height: 130%;
            display: block
        }

    #reviews-page .landing-illustration .landing-illustration-floating.showing {
        opacity: 1;
        display: block !important;
        animation: float-up-down 10s infinite !important
    }

#reviews-page .landing-illustration #landing-floating-review-great {
    top: 100px;
    right: 70px;
    display: none
}

    #reviews-page .landing-illustration #landing-floating-review-great.animation-one {
        display: block;
        animation: landing-review-great-slide-in 1.2s ease-out
    }

#reviews-page .landing-illustration #landing-floating-review-fast {
    top: 240px;
    right: 140px;
    display: none
}

    #reviews-page .landing-illustration #landing-floating-review-fast.animation-one {
        display: block;
        animation: landing-review-fast-slide-in 1s ease-out
    }

#reviews-page .landing-illustration -floating-review-recommend {
    top: 380px;
    right: 100px;
    display: none
}

#reviews-page .landing-illustration #landing-floating-review-recommend.animation-one {
    display: block;
    animation: landing-review-recommend-slide-in 1.4s ease-out
}

@keyframes landing-review-great-slide-in {
    0% {
        opacity: 0;
        right: -500px
    }

    100% {
        opacity: 1;
        right: 70px
    }
}

@keyframes landing-review-fast-slide-in {
    0% {
        opacity: 0;
        right: -500px
    }

    100% {
        opacity: 1;
        right: 140px
    }
}

@keyframes landing-review-recommend-slide-in {
    0% {
        opacity: 0;
        right: -210px
    }

    100% {
        opacity: 1;
        right: 100px
    }
}

#reviews-page .landing-illustration .reviews-particle {
    width: 15px;
    height: 15px;
    z-index: 2;
    opacity: .4;
    left: 50%;
    top: 50%;
    position: absolute
}

#reviews-page .landing-illustration #reviews-star-particle-1 {
    opacity: 0;
    left: 20%;
    top: 75%;
    animation: reviews-star-particle 6s 1.4s linear infinite
}

#reviews-page .landing-illustration #reviews-star-particle-2 {
    opacity: 0;
    left: 14%;
    top: 55%;
    animation: reviews-star-particle 5s 1.5s linear infinite
}

#reviews-page .landing-illustration #reviews-star-particle-3 {
    opacity: 0;
    left: 68%;
    top: 37%;
    animation: reviews-star-particle 5s linear infinite
}

#reviews-page .landing-illustration #reviews-star-particle-4 {
    opacity: 0;
    left: 21%;
    top: 18%;
    animation: reviews-star-particle 8s 2.8s linear infinite
}

#reviews-page .landing-illustration #reviews-star-particle-5 {
    opacity: 0;
    left: 78%;
    top: 70%;
    animation: reviews-star-particle 6s 3s linear infinite
}

#reviews-page .landing-illustration #reviews-star-particle-6 {
    opacity: 0;
    left: 95%;
    top: 14%;
    animation: reviews-star-particle 7s .5s linear infinite
}

#reviews-page .landing-illustration #reviews-star-particle-7 {
    opacity: 0;
    left: 59%;
    top: 95%;
    animation: reviews-star-particle 6s 2s linear infinite
}

@keyframes reviews-star-particle {
    0%, 15% {
        opacity: 0
    }

    25% {
        opacity: .33
    }

    75% {
        opacity: .33
    }

    100%, 85% {
        opacity: 0
    }
}

#reviews-page #reviews-section .sep {
    position: absolute;
    width: 102%;
    bottom: 0;
    left: -1%;
    background: url(../img/sep-white-v2.svg) repeat-x;
    background-size: cover;
    background-position: center top;
    height: 100px
}

#reviews-page #reviews-landing-wrapper {
    background-image: -webkit-linear-gradient(40deg, #8c4ae2 0, #d2a2ff 63%)
}

#reviews-page #reviews-landing-background {
    opacity: .7;
    background: radial-gradient(ellipse at top right, #7f00ff, rgba(255, 255, 255, 0))
}

#reviews-page #reviews-list #reviews-list-header {
    padding-bottom: 50px
}

    #reviews-page #reviews-list #reviews-list-header h2 {
        text-align: center;
        max-width: 520px;
        margin: 0 auto;
        line-height: 130%;
        font-size: 36px;
        color: #3e396b;
        font-weight: 600
    }

    #reviews-page #reviews-list #reviews-list-header p {
        text-align: center;
        max-width: 520px;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 60px;
        line-height: 150%;
        color: #818181;
        font-size: 15px;
        font-family: Poppins, sans-serif;
        font-weight: 400;
        max-width: 550px;
        line-height: 150%;
        margin-bottom: 30px
    }

:lang(ru) #reviews-page #reviews-list #reviews-list-header p {
    font-family: Roboto, sans-serif
}

#reviews-page #reviews-list #reviews-list-rating .rating {
    margin: 0 auto;
    display: block;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 0
}

    #reviews-page #reviews-list #reviews-list-rating .rating span {
        display: inline-block;
        width: 40px;
        height: 40px;
        background: url(../img/star.svg)
    }

        #reviews-page #reviews-list #reviews-list-rating .rating span.active {
            background: url(../img/star-active.svg)
        }

            #reviews-page #reviews-list #reviews-list-rating .rating span.active.half {
                background: url(../img/star-active-half.svg)
            }

#reviews-page #reviews-list #reviews-list-rating .text {
    font-size: 15px;
    text-align: center;
    font-family: Poppins, sans-serif;
    font-weight: 400;
    color: #818181;
    max-width: 520px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 0;
    line-height: 150%
}

:lang(ru) #reviews-page #reviews-list #reviews-list-rating .text {
    font-family: Roboto, sans-serif
}

#reviews-page #reviews-list #reviews-list-body {
    font-size: 0
}

#reviews-page #reviews-list .review-column {
    width: calc(50% - 15px);
    padding-right: 30px;
    display: inline-block;
    vertical-align: top;
    box-sizing: content-box
}

    #reviews-page #reviews-list .review-column:nth-child(2n) {
        padding-right: 0
    }

#reviews-page #reviews-list .review-item {
    font-size: 16px;
    padding: 30px;
    background: #fff;
    border-radius: 8px;
    margin: 0 0 30px;
    opacity: 1;
    -webkit-box-shadow: 0 2px 27px 3px rgba(0, 0, 0, .06);
    -moz-box-shadow: 0 2px 27px 3px rgba(0, 0, 0, .06);
    box-shadow: 0 2px 27px 3px rgba(0, 0, 0, .06)
}

    #reviews-page #reviews-list .review-item .item-name {
        font-size: 18px;
        font-weight: 800;
        color: #3e396b;
        padding-bottom: 8px
    }

    #reviews-page #reviews-list .review-item .item-rating {
        text-align: left;
        font-size: 0;
        padding-bottom: 10px
    }

    #reviews-page #reviews-list .review-item .item-star {
        display: inline-block;
        vertical-align: middle;
        width: 20px;
        height: 20px;
        padding-right: 5px
    }

    #reviews-page #reviews-list .review-item .item-comment {
        font-family: Poppins, sans-serif;
        font-weight: 400;
        color: #555;
        line-height: 150%;
        max-width: 600px
    }

:lang(ru) #reviews-page #reviews-list .review-item .item-comment {
    font-family: Roboto, sans-serif
}

#reviews-page #reviews-list .review-item .item-comment .highlighted {
    background: #f9acb69e
}

    #reviews-page #reviews-list .review-item .item-comment .highlighted.purple {
        background: #a261f045
    }

#reviews-page #review-add {
    text-align: center;
    padding: 70px 0 100px
}

    #reviews-page #review-add h2 {
        text-align: center;
        max-width: 520px;
        margin: 0 auto;
        line-height: 130%;
        font-size: 36px;
        color: #3e396b;
        font-weight: 600
    }

    #reviews-page #review-add p {
        text-align: center;
        max-width: 520px;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 60px;
        line-height: 150%;
        color: #818181;
        font-size: 15px;
        font-family: Poppins, sans-serif;
        font-weight: 400;
        max-width: 550px;
        line-height: 150%;
        margin-bottom: 30px
    }

:lang(ru) #reviews-page #review-add p {
    font-family: Roboto, sans-serif
}

#reviews-page #review-add #review-add-button {
    text-align: center
}

#reviews-page #trustpilot-section #trustpilot-list {
    padding-top: 15px
}

#reviews-page #trustpilot-section {
    padding-bottom: 250px;
    padding-top: 140px
}

    #reviews-page #trustpilot-section h2 {
        text-align: center;
        max-width: 520px;
        margin: 0 auto;
        line-height: 130%;
        font-size: 36px;
        color: #3e396b;
        font-weight: 600
    }

    #reviews-page #trustpilot-section #trustpilot-widget {
        display: block;
        font-size: 0;
        margin: 40px auto 50px;
        position: relative;
        width: 240px;
        line-height: 100%;
        height: 24px;
        padding: 20px 20px;
        border-radius: 8px;
        background: #8075f2
    }

    #reviews-page #trustpilot-section .sep {
        position: absolute;
        width: 102%;
        bottom: 0;
        left: -1%;
        background: url(../img/sep-purple-top.svg);
        background-size: cover;
        background-position: center top;
        height: 100px
    }

#affiliate-page #affiliate-landing-wrapper {
    background-image: -webkit-linear-gradient(20deg, #54c9fb 0, #9897dc 67%)
}

#affiliate-page #affiliate-landing-background {
    opacity: .7;
    background: radial-gradient(ellipse at bottom left, #8700ff, rgba(255, 255, 255, 0))
}

#affiliate-canvas {
    width: 120%;
    margin-left: -20%;
    height: 340px;
    width: 130%;
    margin-left: -30%;
    height: 400px;
    display: block;
    pointer-events: none !important
}

#affiliate-page #affiliate-become-form {
    max-width: 400px;
    padding: 30px 40px 30px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 3px 20px 1px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 27px 3px rgba(0, 0, 0, .06)
}

    #affiliate-page #affiliate-become-form .styled-input-wrapper {
        margin-bottom: 15px
    }

    #affiliate-page #affiliate-become-form .form-header {
        padding: 0 0 20px;
        margin-bottom: 30px;
        border-bottom: 1px solid #f2f2f2
    }

        #affiliate-page #affiliate-become-form .form-header img {
            width: 30px;
            height: 30px;
            display: inline-block;
            vertical-align: middle
        }

        #affiliate-page #affiliate-become-form .form-header h3 {
            padding: 0 0 0 10px;
            margin: 0;
            font-size: 22px;
            font-weight: 600;
            font-family: Poppins;
            color: #3e396b;
            display: inline-block;
            vertical-align: middle
        }

    #affiliate-page #affiliate-become-form p {
        font-family: Poppins, sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: #999;
        margin: 20px auto 20px;
        display: block
    }

:lang(ru) #affiliate-page #affiliate-become-form p {
    font-family: Roboto, sans-serif
}

#affiliate-page #affiliate-become-form p a {
    display: inline-block;
    color: #7a54f8;
    text-decoration: none;
    border-bottom: 1px dashed
}

#rewards-page {
    overflow: hidden
}

    #rewards-page #rewards-first-wrapper {
        min-height: 100vh;
        height: auto;
        padding-top: 0;
        padding-bottom: 0;
        background: #6a70d4;
        position: relative
    }

    #rewards-page #rewards-first-background-overlap {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: .4;
        background: radial-gradient(ellipse at top right, #7f00ff, rgba(255, 255, 255, 0))
    }

    #rewards-page #rewards-first {
        padding-top: 45px;
        height: calc(100vh - 45px)
    }

    #rewards-page #rewards-first-content {
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
        height: calc(100% - 100px);
        width: 100%
    }

        #rewards-page #rewards-first-content:before {
            content: "";
            height: 100%;
            width: 0;
            display: inline-block;
            vertical-align: middle;
            pointer-events: none !important
        }

    #rewards-page .rewards-first-text-block {
        max-width: 500px;
        display: inline-block;
        vertical-align: middle
    }

        #rewards-page .rewards-first-text-block .title {
            margin: 0;
            font-size: 48px;
            font-weight: 900;
            font-family: Poppins;
            color: #fff
        }

        #rewards-page .rewards-first-text-block .text {
            margin: 0;
            padding: 0;
            font-size: 18px;
            font-weight: 500;
            margin-top: 30px;
            font-family: Poppins, sans-serif;
            line-height: 150%;
            max-width: none;
            width: 100%;
            color: #fff
        }

:lang(ru) #rewards-page .rewards-first-text-block .text {
    font-family: Roboto, sans-serif
}

#rewards-page .rewards-first-text-block .white-button {
    margin-top: 40px
}

#rewards-page .rewards-first-illustration {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 500px)
}

    #rewards-page .rewards-first-illustration .static-circle-wrapper {
        width: 100%;
        position: relative;
        height: 100%;
        max-width: 380px;
        display: block;
        margin: 0 auto;
        text-align: center
    }

#rewards-page .static-circle-wrapper .circle-inner {
    width: 80%;
    padding-top: 80%;
    height: 0;
    position: absolute;
    margin: auto;
    background: #fff;
    border-radius: 500px;
    opacity: .03;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    animation: circles-inner-animation 18s ease-in-out infinite
}

#rewards-page .static-circle-wrapper .circle-outer {
    width: 100%;
    padding-top: 100%;
    height: 0;
    position: absolute;
    margin: auto;
    background: #fff;
    border-radius: 500px;
    opacity: .03;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    animation: circles-outer-animation 12s ease-in-out infinite
}

#rewards-page .static-circle-wrapper .circle-main {
    background: #fff;
    width: 40%;
    height: 40%;
    border-radius: 500px;
    display: inline-block;
    box-shadow: 0 0 30px 4px rgba(0, 0, 0, .15)
}

    #rewards-page .static-circle-wrapper .circle-main img {
        width: 50%;
        height: 50%;
        padding: 25%
    }

#rewards-page .floating-circles {
    background: #fff;
    padding: 15px;
    width: 45px;
    height: 45px;
    position: absolute;
    border-radius: 100px;
    box-shadow: 0 0 30px 4px rgba(0, 0, 0, .15)
}

    #rewards-page .floating-circles img {
        width: 39px;
        height: 39px;
        padding: 3px
    }

#rewards-page .floating-flag {
    top: -80px;
    left: 12%;
    animation: float-up-down 10s -1s linear infinite !important
}

#rewards-page .floating-medal {
    top: 210px;
    left: 24%;
    animation: float-up-down 10s -2s linear infinite !important
}

#rewards-page .floating-megaphone {
    top: -15px;
    left: 80%;
    animation: float-up-down 10s -3s linear infinite !important
}

#rewards-separator {
    position: absolute;
    left: -1%;
    height: auto;
    width: 102%;
    bottom: -2px;
    border-bottom: 1px solid #fff
}

#rewards-content-wrapper {
    background: #fafafa;
    position: relative;
    padding: 90px 0 100px
}

.rewards-content-box {
    box-sizing: border-box;
    max-width: 550px;
    padding: 0;
    padding-bottom: 100px;
    position: relative
}

    .rewards-content-box .illustration {
        width: 290px;
        position: absolute;
        top: 0;
        opacity: .11;
        pointer-events: none !important
    }

    .rewards-content-box #what-illustration {
        right: -350px;
        transform: rotate(10deg)
    }

    .rewards-content-box #how-illustration {
        left: -430px;
        transform: rotate(-3deg)
    }

    .rewards-content-box #tasks-illustration {
        right: -380px;
        transform: rotate(2deg)
    }

    .rewards-content-box #affiliate-referrals-illustration {
        right: -480px;
        width: 450px;
        top: 70px;
        opacity: 1
    }

    .rewards-content-box .title-wrapper {
        margin-bottom: 30px;
        font-size: 0
    }

    .rewards-content-box .title-icon {
        width: 40px;
        height: 40px;
        padding-right: 8px;
        display: inline-block;
        vertical-align: middle
    }

    .rewards-content-box .title {
        margin: 0;
        padding: 0;
        text-align: left;
        max-width: 550px;
        line-height: 130%;
        font-size: 36px;
        color: #3e396b;
        font-weight: 600;
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 48px)
    }

    .rewards-content-box .paragraph {
        margin: 0;
        padding: 0;
        color: #818181;
        font-size: 18px;
        font-family: Poppins, sans-serif;
        font-weight: 400;
        text-align: left;
        max-width: 550px;
        line-height: 150%;
        margin-bottom: 30px
    }

:lang(ru) .rewards-content-box .paragraph {
    font-family: Roboto, sans-serif
}

.rewards-content-box p a {
    display: inline;
    color: #7a54f8;
    text-decoration: none;
    border-bottom: 1px dashed
}

    .rewards-content-box p a:hover {
        color: #9477fa;
        border-bottom: 1px solid
    }

.rewards-content-box p strong {
    font-weight: 600
}

#rewards-how-content {
    float: right
}

#rewards-tasks-wrapper {
    clear: both
}

#rewards-tasks-list {
    width: 100%;
    height: auto
}

    #rewards-tasks-list .rewards-tasks-item {
        width: 100%;
        margin-bottom: 10px;
        border-radius: 4px;
        background: #fff;
        box-sizing: border-box
    }

        #rewards-tasks-list .rewards-tasks-item .rewards-tasks-item-header {
            height: auto;
            font-size: 0;
            padding: 20px;
            cursor: pointer
        }

        #rewards-tasks-list .rewards-tasks-item .item-description {
            display: inline-block;
            vertical-align: middle;
            margin: 0;
            padding: 0;
            color: #3e396b;
            font-size: 15px;
            font-family: Poppins, sans-serif;
            font-weight: 400;
            line-height: 130%;
            height: auto;
            width: calc(100% - 32px)
        }

:lang(ru) #rewards-tasks-list .rewards-tasks-item .item-description {
    font-family: Roboto, sans-serif
}

#rewards-tasks-list .rewards-tasks-item .item-arrow {
    width: 12px;
    height: 12px;
    padding: 0 10px;
    display: inline-block;
    vertical-align: middle;
    transform: rotate(90deg)
}

#rewards-tasks-list .rewards-tasks-item-body {
    font-family: Poppins, sans-serif
}

:lang(ru) #rewards-tasks-list .rewards-tasks-item-body {
    font-family: Roboto, sans-serif
}

#rewards-tasks-list .rewards-tasks-item-body section {
    margin: 0;
    padding: 0;
    margin-bottom: 20px
}

#rewards-tasks-list .rewards-tasks-item-body h3 {
    margin: 0;
    padding: 0;
    color: #818181;
    font-size: 15px;
    font-family: inherit;
    font-weight: 600;
    line-height: 150%
}

#rewards-tasks-list .rewards-tasks-item-body p {
    margin: 0 0 10px;
    padding: 0;
    color: #818181;
    font-size: 15px;
    font-family: inherit;
    font-weight: 400;
    line-height: 150%
}

#rewards-tasks-list .rewards-tasks-item-body ul {
    padding: 0;
    margin: 0;
    padding-left: 25px;
    padding-top: 5px;
    margin-bottom: 15px
}

    #rewards-tasks-list .rewards-tasks-item-body ul li {
        color: #818181;
        font-size: 15px;
        font-family: Poppins, sans-serif;
        font-weight: 400;
        line-height: 150%;
        margin-bottom: 5px
    }

:lang(ru) #rewards-tasks-list .rewards-tasks-item-body ul li {
    font-family: Roboto, sans-serif
}

#rewards-tasks-list .rewards-tasks-item .rewards-tasks-item-body {
    display: none
}

#rewards-tasks-list .rewards-tasks-item.showing .rewards-tasks-item-header {
    border-bottom: solid 1px #f2f2f2
}

#rewards-tasks-list .rewards-tasks-item.showing .item-arrow {
    transform: rotate(0)
}

#rewards-tasks-list .rewards-tasks-item.showing .rewards-tasks-item-body {
    display: block;
    padding: 20px
}

#landing #landing-text-block {
    width: 600px;
    margin: auto;
    text-align: center;
}

    #landing #landing-text-block .title {
        font-size: 48px;
        font-weight: 900;
        letter-spacing: 1px
    }

        #landing #landing-text-block .title h2 {
            font-size: 30px;
        }

    #landing #landing-text-block .text {
        font-size: 18px;
        font-weight: 500;
        margin-top: 30px;
        font-family: Poppins, sans-serif;
        line-height: 150%;
        max-width: none;
        width: 100%
    }

:lang(ru) #landing #landing-text-block .text {
    font-family: Roboto, sans-serif
}

#landing .ill {
    width: calc(100% - 370px);
    margin-left: 20px;
    max-width: 585px
}

#landing #landing-separator {
    position: absolute;
    /*left: -1%;*/
    height: auto;
    width: 102%;
    bottom: -2px;
    border-bottom: 1px solid #fff
}

@keyframes op-0-30 {
    0% {
        opacity: 0
    }

    50% {
        opacity: .8
    }

    100% {
        opacity: 0
    }
}

#landing #landing-background-overlap-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .4;
    /*background: radial-gradient(ellipse at top right, #3d07c7, rgba(255, 255, 255, 0))*/
}

#landing #landing-background-overlap-2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    animation: op-0-30 18s ease-out infinite;
    background: radial-gradient(circle at bottom left, #56acf7, rgba(255, 255, 255, 0))
}

@keyframes circles-outer-animation {
    0% {
        transform: scale(1);
        opacity: .03
    }

    50% {
        transform: scale(.9);
        opacity: .06
    }

    100% {
        transform: scale(1);
        opacity: .03
    }
}

@keyframes circles-inner-animation {
    0% {
        transform: scale(.8);
        opacity: .03
    }

    50% {
        transform: scale(1);
        opacity: .08
    }

    100% {
        transform: scale(.8);
        opacity: .03
    }
}

@keyframes rotate-5-deg {
    0% {
        transform: rotate(-2deg) translateY(0)
    }

    50% {
        transform: rotate(5deg) translateY(15px)
    }

    100% {
        transform: rotate(-2deg) translateY(0)
    }
}

@keyframes landing-trusted-slide-in {
    0% {
        opacity: 0;
        transform: translateX(460px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes landing-features-slide-in {
    0% {
        opacity: 0;
        transform: translateX(460px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes landing-delivered-slide-in {
    0% {
        opacity: 0;
        transform: translateX(460px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes float-up-down {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-20%)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes landing-heart-particle-1 {
    0% {
        opacity: 0;
        transform: translateX(0) translateY(0)
    }

    40% {
        opacity: .4
    }

    60% {
        opacity: .4
    }

    100% {
        opacity: 0;
        transform: translateX(-30px) translateY(-65px)
    }
}

@keyframes landing-heart-particle-2 {
    0% {
        opacity: 0;
        transform: translateX(0) translateY(0)
    }

    40% {
        opacity: .4
    }

    60% {
        opacity: .4
    }

    100% {
        opacity: 0;
        transform: translateX(-10px) translateY(-30px)
    }
}

@keyframes landing-heart-particle-3 {
    0% {
        opacity: 0;
        transform: translateX(0) translateY(0)
    }

    40% {
        opacity: .4
    }

    60% {
        opacity: .4
    }

    100% {
        opacity: 0;
        transform: translateX(25px) translateY(-40px)
    }
}

@keyframes landing-heart-particle-4 {
    0% {
        opacity: 0;
        transform: translateX(0) translateY(0)
    }

    40% {
        opacity: .4
    }

    60% {
        opacity: .4
    }

    100% {
        opacity: 0;
        transform: translateX(20px) translateY(50px)
    }
}

@keyframes landing-heart-particle-5 {
    0% {
        opacity: 0;
        transform: translateX(0) translateY(0)
    }

    40% {
        opacity: .4
    }

    60% {
        opacity: .4
    }

    100% {
        opacity: 0;
        transform: translateX(34px) translateY(30px)
    }
}

#landing #landing-illustration .landing-particle {
    width: 15px;
    height: 15px;
    z-index: 2;
    opacity: .4;
    left: 50%;
    top: 50%;
    position: absolute
}

#landing #landing-illustration #landing-heart-particle-1 {
    opacity: 0;
    left: 20%;
    top: 75%;
    animation: landing-heart-particle-1 6s 1.4s linear infinite
}

#landing #landing-illustration #landing-heart-particle-2 {
    opacity: 0;
    left: 14%;
    top: 55%;
    animation: landing-heart-particle-2 6s 1.5s linear infinite
}

#landing #landing-illustration #landing-heart-particle-3 {
    opacity: 0;
    left: 80%;
    top: 20%;
    animation: landing-heart-particle-3 6s linear infinite
}

#landing #landing-illustration #landing-heart-particle-4 {
    opacity: 0;
    left: 65%;
    top: 85%;
    animation: landing-heart-particle-4 6s 2.8s linear infinite
}

#landing #landing-illustration #landing-heart-particle-5 {
    opacity: 0;
    left: 78%;
    top: 70%;
    animation: landing-heart-particle-5 6s 3s linear infinite
}

#landing {
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 50px;
    position: relative
}

    #landing #landing-first {
        padding-top: 45px;
    }

    #landing #landing-first-content {
        font-size: 0;
        width: 100%;
    }

        #landing #landing-first-content:before {
            content: "";
            height: 100%;
            width: 0;
            display: inline-block;
            vertical-align: middle;
            pointer-events: none !important
        }

    #landing #landing-text-block .title {
        font-size: 25px;
        font-weight: 900;
        letter-spacing: 1px;
        color: #34495e
    }

    #landing #landing-text-block .text {
        font-size: 18px;
        font-weight: 500;
        margin-top: 30px;
        font-family: Poppins, sans-serif;
        line-height: 150%;
        max-width: none;
        width: 100%;
        color: #7f8c8d
    }

:lang(ru) #landing #landing-text-block .text {
    font-family: Roboto, sans-serif
}

#landing #landing-text-block .btn:hover {
    color: #006DDD;
}

#landing #landing-text-block .btn {
    border: 1px solid #2980b9;
    margin-top: 50px;
    display: inline-block;
    color: #2980b9;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    height: 60px;
    line-height: 60px;
    border-radius: 3px;
    padding: 0 25px;
    width: auto;
    max-width: 310px;
    font-family: Poppins, sans-serif;
    cursor: pointer;
    transition: .2s linear background
}

:lang(ru) #landing #landing-text-block .btn {
    font-family: Roboto, sans-serif
}

#landing #landing-text-block .btn:hover {
    background: #2980b9;
    color: #fff;
}

#landing #landing-text-block #landing-mobile-to-packages {
    display: none;
    font-size: 16px;
    color: #fff;
    font-family: Poppins, sans-serif;
    margin-top: 20px;
    text-align: center;
    margin: 30px auto 0;
    color: #fff;
    font-weight: 600
}

    #landing #landing-text-block #landing-mobile-to-packages .link-class {
        color: inherit;
        font-weight: inherit
    }

:lang(ru) #landing #landing-text-block #landing-mobile-to-packages {
    font-family: Roboto, sans-serif
}

#landing #landing-illustration-wrapper {
    position: relative;
    display: none;
    vertical-align: middle;
    width: calc(100% - 395px)
}

#landing #landing-illustration {
    margin-left: 20px;
    max-width: 585px;
    height: 520px;
    font-size: 0;
    text-align: center;
    display: block;
    position: relative;
    top: 0;
    transform: none;
    margin: 0 auto
}

    #landing #landing-illustration:after {
        content: "";
        width: 0;
        height: 100%;
        display: inline-block;
        vertical-align: middle
    }

    #landing #landing-illustration .illustration-device-dashboard {
        width: 180px;
        border-radius: 26px;
        box-shadow: 0 8px 30px 5px rgba(0, 0, 0, .25);
        position: relative;
        z-index: 3;
        display: inline-block;
        vertical-align: middle;
        transform: rotate(5deg);
        animation: rotate-5-deg 15s infinite ease-in-out
    }

    #landing #landing-illustration img {
        width: 100%;
        position: relative;
        z-index: 3;
        display: inline-block;
        vertical-align: middle
    }

    #landing #landing-illustration .landing-illustration-floating {
        box-sizing: border-box;
        padding: 15px;
        width: 280px;
        position: absolute;
        top: 0;
        right: 0;
        font-size: 0;
        z-index: 4;
        opacity: 0;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 14px 28px 5px rgba(0, 0, 0, .25)
    }

        #landing #landing-illustration .landing-illustration-floating.showing {
            opacity: 1;
            display: block !important;
            animation: float-up-down 10s infinite !important
        }

    #landing #landing-illustration #landing-floating-trusted {
        top: 140px;
        right: -40px;
        display: none
    }

        #landing #landing-illustration #landing-floating-trusted.animation-one {
            display: block;
            animation: landing-trusted-slide-in 1s ease-out
        }

    #landing #landing-illustration #landing-floating-delivered {
        top: 280px;
        right: 250px;
        display: none
    }

        #landing #landing-illustration #landing-floating-delivered.animation-one {
            display: block;
            animation: landing-delivered-slide-in 1.2s ease-out
        }

    #landing #landing-illustration #landing-floating-features {
        top: 420px;
        right: -40px;
        display: none
    }

        #landing #landing-illustration #landing-floating-features.animation-one {
            display: block;
            animation: landing-features-slide-in 1.4s ease-out
        }

    #landing #landing-illustration .landing-illustration-floating img {
        display: inline-block;
        vertical-align: middle;
        width: 45px;
        height: 45px
    }

    #landing #landing-illustration .landing-illustration-floating p {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 60px);
        padding-left: 10px;
        text-align: left;
        font-size: 14px;
        color: #3e396b;
        font-weight: 600;
        font-family: Poppins, sans-serif;
        line-height: 130%;
        margin: 0
    }

:lang(ru) #landing #landing-illustration .landing-illustration-floating p {
    font-family: Roboto, sans-serif
}

#landing #landing-illustration .illustration-circles {
    width: 100%;
    position: absolute;
    height: 100%;
    max-width: 520px;
    transform: translateX(50%);
    right: 50%
}

#landing #landing-illustration .illustration-circles-outer {
    width: 100%;
    padding-top: 100%;
    height: 0;
    position: absolute;
    margin: auto;
    background: #fff;
    border-radius: 500px;
    opacity: .03;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    animation: circles-outer-animation 12s ease-in-out infinite
}

#landing #landing-illustration .illustration-circles-inner {
    width: 80%;
    padding-top: 80%;
    height: 0;
    position: absolute;
    margin: auto;
    background: #fff;
    border-radius: 500px;
    opacity: .03;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    animation: circles-inner-animation 18s ease-in-out infinite
}

#landing-two-wrapper {
    overflow: hidden
}

#landing-more {
    padding-bottom: 250px;
    background-color: #fff
}

#landing-more-package-slider {
    margin-bottom: 0
}

#landing-reviews {
    z-index: 2;
    position: relative;
    padding-top: 100px;
    padding-bottom: 250px;
    background: #f9f9f9
}

#landing-reviews-top-separator {
    position: absolute;
    width: 102%;
    top: -95px;
    left: -1%;
    background: url(../img/sep-grey.svg) repeat-x;
    background-size: cover;
    background-position: center top;
    height: 100px
}

#landing-reviews .share-experience .add-comment {
    cursor: pointer;
    margin-bottom: 0;
    font-size: 16px
}

#landing-reviews #landing-reviews-trustpilot {
    padding-top: 15px
}

#reviews-carousel.storm-custom-carousel {
    font-size: 0;
    max-width: 800px;
    margin: 0 auto;
    padding-bottom: 45px;
    height: 200px;
    transition: .2s ease-out height
}

.storm-custom-carousel .storm-custom-carousel-arrow {
    width: 15px;
    padding: 0 5px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    transition: .2s ease-out height
}

.storm-custom-carousel .storm-custom-carousel-items {
    width: calc(100% - 50px);
    display: inline-block;
    vertical-align: top
}

.storm-custom-carousel-items .carousel-item {
    font-size: 16px;
    box-sizing: border-box;
    padding: 30px;
    background: #fff;
    border-radius: 8px;
    margin: 0 25px 0;
    opacity: 0;
    -webkit-box-shadow: 0 2px 27px 3px rgba(0, 0, 0, .06);
    -moz-box-shadow: 0 2px 27px 3px rgba(0, 0, 0, .06);
    box-shadow: 0 2px 27px 3px rgba(0, 0, 0, .06);
    transition: .3s linear all
}

    .storm-custom-carousel-items .carousel-item.hiding {
        opacity: 0 !important
    }

    .storm-custom-carousel-items .carousel-item.showing {
        opacity: 1
    }

    .storm-custom-carousel-items .carousel-item .item-name {
        font-size: 18px;
        font-weight: 800;
        color: #3e396b;
        padding-bottom: 8px
    }

    .storm-custom-carousel-items .carousel-item .item-rating {
        text-align: left;
        font-size: 0;
        padding-bottom: 10px
    }

    .storm-custom-carousel-items .carousel-item .item-star {
        display: inline-block;
        vertical-align: middle;
        width: 20px;
        height: 20px;
        padding-right: 5px
    }

    .storm-custom-carousel-items .carousel-item .item-comment {
        font-family: Poppins, sans-serif;
        font-weight: 400;
        color: #555;
        line-height: 150%;
        max-width: 600px
    }

:lang(ru) .storm-custom-carousel-items .carousel-item .item-comment {
    font-family: Roboto, sans-serif
}

.storm-custom-carousel-items .carousel-item .item-comment .highlighted {
    background: #f9acb69e
}

    .storm-custom-carousel-items .carousel-item .item-comment .highlighted.purple {
        background: #a261f045
    }

#landing-trial {
    z-index: 3;
    position: relative;
    padding-bottom: 200px;
    padding-top: 100px;
    /*background: #8074f2;*/
    background: #006ddd;
}

#landing-trial-top-separator {
    position: absolute;
    width: 102%;
    /*top: -95px;*/
    top: 0px;
    left: -1%;
    /*background: url(../img/sep-purple-top.svg);*/
    background: url(../img/sep-white-v2.svg);
    transform: rotate(180deg);
    background-size: cover;
    background-position: center top;
    height: 100px
}

#landing-trial .text,
#landing-trial .title {
    color: #fff;
    margin-top: 20px;
}

#landing-trial-form {
    max-width: 540px;
    width: 100%
}

#landing-trial-input-wrapper {
    width: 100%;
    height: auto;
    display: block;
    font-size: 0;
    position: relative
}

    #landing-trial-input-wrapper .input-illustration {
        width: 20px;
        height: 20px;
        padding: 22px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 4;
        pointer-events: none !important
    }

    #landing-trial-input-wrapper input {
        line-height: 120%;
        font-weight: lighter;
        padding: 19px 80px 19px 24px;
        font-weight: 400;
        width: 100%;
        -webkit-appearance: none;
        font-size: 20px;
        border-radius: 8px;
        background-color: #fff;
        box-shadow: 0 36px 67px 0 rgba(0, 0, 0, .2);
        height: 64px
    }

#landing-trial-input-button {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    width: 70px;
    height: 44px;
    line-height: 44px;
    font-size: 15px;
    font-weight: 700;
    font-family: Poppins;
    border-radius: 4px;
    margin: 10px;
    /*background: #f25a65;*/
    background: #ff5959;
    transition: .2s linear all
}

    #landing-trial-input-button:hover {
        background: #fb737d
    }

#landing-trial-button {
    color: #8073f2;
    background: #fff
}

    #landing-trial-button img {
        display: inline-block;
        vertical-align: middle;
        width: 18px;
        margin: 0;
        padding: 0 0 2px 3px
    }

#counter {
    position: relative;
    padding: 90px 0 180px 0;
    background-color: #fff;
    background-size: contain;
    overflow: hidden
}

    #counter #counter-separator {
        position: absolute;
        width: 102%;
        bottom: 0;
        left: -1%;
        /* background: url(../img/sep-grey.svg) repeat-x; */
        background-size: cover;
        background-position: center top;
        height: 100px
    }

    #counter #counter-content {
        width: 90%;
        max-width: 1065px;
        display: block;
        margin: 0 auto;
        font-size: 0
    }

    #counter #counter-content-description {
        width: calc(100% - 450px);
        display: inline-block;
        vertical-align: middle;
        text-align: left
    }

        #counter #counter-content-description .title {
            text-align: center;
            margin: 0 auto;
            text-align: left;
            margin-left: 0;
            max-width: 550px;
            line-height: 130%;
            font-size: 36px;
            color: #3e396b;
            font-weight: 600
        }

        #counter #counter-content-description .text {
            color: #818181;
            font-size: 18px;
            font-family: Poppins, sans-serif;
            font-weight: 400;
            text-align: left;
            margin-left: 0;
            max-width: 550px;
            line-height: 150%
        }

:lang(ru) #counter #counter-content-description .text {
    font-family: Roboto, sans-serif
}

#counter #counter-content-description .text a {
    display: inline-block;
    color: #7a54f8;
    text-decoration: none;
    border-bottom: 1px dashed
}

    #counter #counter-content-description .text a:hover {
        color: #9477fa;
        border-bottom: 1px solid
    }

#counter #counter-content-illustration {
    width: 450px;
    display: inline-block;
    vertical-align: middle;
    text-align: center
}

    #counter #counter-content-illustration #counter-widget-wrapper {
        display: inline-block;
        text-align: center
    }

#counter #counter-messages {
    width: 100%;
    height: auto;
    display: block;
    margin-top: 20px;
    margin-left: 20px;
    position: relative;
    display: inline-block
}

    #counter #counter-messages .counter-message {
        position: absolute;
        width: auto;
        padding: 10px 20px;
        height: auto;
        border-radius: 100px;
        white-space: nowrap;
        top: 0;
        left: 800px;
        transform: translateX(calc(-50% - 20px));
        overflow: hidden;
        opacity: 0;
        z-index: 40;
        background: #000;
        transition: all .8s ease-out;
        transition-property: left, top, opacity;
        background: #fff;
        -webkit-box-shadow: 0 0 14px 2px rgba(0, 0, 0, .1);
        -moz-box-shadow: 0 0 14px 2px rgba(0, 0, 0, .1);
        box-shadow: 0 0 14px 2px rgba(0, 0, 0, .1)
    }

        #counter #counter-messages .counter-message p {
            font-size: 16px;
            height: auto;
            line-height: 20px;
            font-family: Poppins, sans-serif;
            font-weight: 900;
            color: #3e396b;
            margin: 0;
            word-wrap: break-word
        }

:lang(ru) #counter #counter-messages .counter-message p {
    font-family: Roboto, sans-serif
}

#counter #counter-messages .counter-message p > img {
    display: inline;
    vertical-align: top;
    height: 19px;
    width: 15px
}

#counter #counter-messages .counter-message.fade-in {
    left: 50%;
    opacity: 1;
    background: #fff
}

#counter #counter-messages .counter-message.slide-down {
    top: 200px;
    left: 50%;
    opacity: 0;
    transition: all 2s ease-in-out;
    transition-property: left, top, opacity
}

#counter #counter-widget {
    width: 300px;
    height: auto;
    padding: 30px;
    border-radius: 300px;
    /*background: #f15b65;*/
    background: #0070e6;
    -webkit-box-shadow: 0 2px 27px 3px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 2px 27px 3px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 27px 3px rgba(0, 0, 0, .15)
}

    #counter #counter-widget p {
        font-family: Poppins, sans-serif;
        font-size: 14px;
        font-weight: 800;
        color: #fff;
        margin: 0
    }

:lang(ru) #counter #counter-widget p {
    font-family: Roboto, sans-serif
}

#counter #counter-widget #counter-widget-total-wrapper {
    padding-top: 6px;
    padding-bottom: 2px
}

    #counter #counter-widget #counter-widget-total-wrapper img {
        width: 32px;
        height: 32px;
        margin-right: 8px;
        display: inline-block;
        vertical-align: middle
    }

#counter #counter-widget #counter-widget-total {
    font-family: Poppins, sans-serif;
    font-size: 40px;
    font-weight: 900;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    line-height: 100%
}

:lang(ru) #counter #counter-widget #counter-widget-total {
    font-family: Roboto, sans-serif
}

#pricing {
    padding-top: 50px;
    background: #fff
}

    #pricing .package-free .package-button {
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    #pricing .package .package-button {
        display: block;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        z-index: 10;
    }


        #pricing .package .package-button:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 30px;
            background-color: #2980b9;
            top: -10px;
            right: 0;
            transform: rotate(-2deg);
            z-index: -1;
            transition: .2s linear background;
        }

#pricing-list, .pricing-list {
    padding-top: 20px;
    padding-bottom: 30px
}

#features ul {
    list-style: none;
    padding: 0;
    overflow: hidden;
    position: relative;
}

    #features ul::before {
        content: "";
        border-top: 2px dashed rgb(41, 128, 185);
        left: 95px;
        position: absolute;
        top: 80px;
        width: calc(100% - 200px);
        height: 10px;
        display: block;
        z-index: -1;
    }

#features .feature-item {
    /*! max-width: 315px; */
    width: calc( 33.3% - 40px);
    padding: 30px 10px;
    margin: 10px;
    margin-bottom: auto;
    display: inline-block;
    /*     border: 2px solid rgba(0,0,0,0.03);
    border-radius: 10px; */
    text-align: center;
    float: left;
    position: relative;
}

    #features .feature-item .icon {
        background: #f2f8fb;
        line-height: 80px;
        width: 80px;
        text-align: center;
        border-radius: 50%;
        margin-bottom: 30px;
        font-size: 24px;
        color: rgb(41, 128, 185);
        z-index: 100;
        position: relative;
        display: inline-block;
    }

    #features .feature-item .title {
        font-size: 16px;
        color: #818181;
        line-height: 150%;
        font-family: Poppins, sans-serif;
        font-weight: 600;
        margin-bottom: 15px;
        color: #333;
    }

    #features .feature-item .text {
        font-size: 15px;
        color: #818181;
        line-height: 150%;
        font-family: Poppins, sans-serif;
        font-weight: 400;
    }

#features .features-text-item {
    margin-left: auto;
    margin-right: auto;
    box-sizing: content-box
}

    #features .features-text-item .features-text-item-illustration-wrapper {
        width: 100%;
        height: auto;
        display: block;
        margin-bottom: 35px;
        position: relative
    }

    #features .features-text-item .features-text-item-background {
        width: 160px;
        height: 160px;
        position: absolute;
        left: calc(50% - 80px);
        top: -30px;
        z-index: 10
    }

    #features .features-text-item .features-text-item-illustration {
        width: 100px;
        height: 100px;
        border-radius: 100px;
        background: #fff;
        margin: 0 auto;
        position: relative;
        z-index: 11
    }

        #features .features-text-item .features-text-item-illustration img {
            width: 40px;
            height: 40px;
            padding: 30px;
            margin: 0 auto
        }

.features-text-item .features-text-item-background .element {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
    opacity: 1;
    margin: 0;
    pointer-events: none !important
}

.features-text-item .features-text-item-background .animation-group-0 {
    opacity: .05;
    animation: features-blink 4s infinite
}

.features-text-item .features-text-item-background .animation-group-1 {
    opacity: .05;
    animation: features-blink 4s 1s infinite
}

.features-text-item .features-text-item-background .animation-group-2 {
    opacity: .05;
    animation: features-blink 4s 2s infinite
}

#features-text-country .features-text-item-background .cross-fat {
    width: 12px;
    height: 12px;
    top: 62px;
    left: 149px;
    z-index: 10;
    transform: rotate(45deg)
}

#features-text-country .features-text-item-background .halfpipe {
    width: 24px;
    height: 24px;
    top: 109px;
    left: 106px
}

#features-text-country .features-text-item-background .ring-fat {
    width: 9px;
    height: 9px;
    top: 140px;
    left: 51px
}

#features-text-country .features-text-item-background .ring-thin {
    width: 18px;
    height: 18px;
    top: 28px;
    left: 37px
}

#features-text-country .features-text-item-background .snake {
    width: 35px;
    height: 35px;
    top: 84px;
    left: 13px;
    transform: rotate(25deg)
}

#features-text-country .features-text-item-background .square {
    width: 14px;
    height: 14px;
    top: 63px;
    left: -3px
}

#features-text-country .features-text-item-background .triangle {
    width: 18px;
    height: 18px;
    top: 4px;
    left: 117px;
    transform: rotate(45deg)
}

#features-text-gender .features-text-item-background .cross-fat {
    width: 12px;
    height: 12px;
    top: 16px;
    left: 3px;
    z-index: 10;
    transform: rotate(45deg)
}

#features-text-gender .features-text-item-background .halfpipe {
    width: 22px;
    height: 22px;
    top: 16px;
    left: 43px;
    transform: rotate(-60deg)
}

#features-text-gender .features-text-item-background .ring-fat {
    width: 12px;
    height: 12px;
    top: 10px;
    left: 101px
}

#features-text-gender .features-text-item-background .ring-thin {
    width: 20px;
    height: 20px;
    top: 123px;
    left: 10px
}

#features-text-gender .features-text-item-background .snake {
    width: 35px;
    height: 35px;
    top: 41px;
    left: 119px
}

#features-text-gender .features-text-item-background .square {
    width: 18px;
    height: 18px;
    top: 106px;
    left: 110px;
    transform: rotate(45deg)
}

#features-text-gender .features-text-item-background .triangle {
    width: 15px;
    height: 15px;
    top: 74px;
    left: 12px;
    transform: rotate(-15deg)
}

#features-text-views .features-text-item-background .square-1 {
    width: 10px;
    height: 10px;
    top: 8px;
    left: 116px;
    transform: rotate(15deg)
}

#features-text-views .features-text-item-background .triangle {
    width: 11px;
    height: 11px;
    top: 70px;
    left: 11px;
    transform: rotate(45deg)
}

#features-text-views .features-text-item-background .square-2 {
    width: 24px;
    height: 24px;
    top: 96px;
    left: 120px;
    transform: rotate(45deg)
}

#features-text-views .features-text-item-background .ring-fat {
    width: 12px;
    height: 12px;
    top: 55px;
    left: 139px
}

#features-text-views .features-text-item-background .cross-fat {
    width: 12px;
    height: 12px;
    top: 133px;
    left: 98px;
    transform: rotate(45deg)
}

#features-text-views .features-text-item-background .ring-thin-1 {
    width: 18px;
    height: 18px;
    top: 28px;
    left: 37px
}

#features-text-views .features-text-item-background .ring-thin-2 {
    width: 25px;
    height: 25px;
    top: 114px;
    left: 4px
}

#features-text-support .features-text-item-background .cross-fat {
    width: 10px;
    height: 10px;
    top: 137px;
    left: 19px;
    z-index: 10;
    transform: rotate(45deg)
}

#features-text-support .features-text-item-background .halfpipe {
    width: 27px;
    height: 27px;
    top: 114px;
    left: 124px;
    transform: rotate(140deg)
}

#features-text-support .features-text-item-background .ring-fat-1 {
    width: 13px;
    height: 13px;
    top: 125px;
    left: 74px
}

#features-text-support .features-text-item-background .ring-thin {
    width: 26px;
    height: 26px;
    top: 76px;
    left: 12px
}

#features-text-support .features-text-item-background .snake {
    width: 28px;
    height: 28px;
    top: 14px;
    left: 10px;
    transform: rotate(35deg)
}

#features-text-support .features-text-item-background .square {
    width: 12px;
    height: 12px;
    top: 61px;
    left: 143px;
    transform: rotate(45deg)
}

#features-text-support .features-text-item-background .ring-fat-2 {
    width: 11px;
    height: 11px;
    top: 8px;
    left: 125px
}

#features-text-auto .features-text-item-background .cross-fat {
    width: 14px;
    height: 14px;
    top: 128px;
    left: 3px;
    z-index: 10;
    transform: rotate(45deg)
}

#features-text-auto .features-text-item-background .halfpipe {
    width: 30px;
    height: 30px;
    top: 44px;
    left: 0;
    transform: rotate(90deg)
}

#features-text-auto .features-text-item-background .ring-fat {
    width: 10px;
    height: 10px;
    top: 100px;
    left: 11px;
    opacity: .05
}

#features-text-auto .features-text-item-background .ring-thin {
    width: 12px;
    height: 12px;
    top: 23px;
    left: 130px
}

#features-text-auto .features-text-item-background .snake {
    width: 40px;
    height: 40px;
    top: 114px;
    left: 52px;
    transform: rotate(-60deg)
}

#features-text-auto .features-text-item-background .square {
    width: 12px;
    height: 12px;
    top: 11px;
    left: 89px;
    transform: rotate(25deg)
}

#features-text-auto .features-text-item-background .triangle {
    width: 25px;
    height: 25px;
    top: 77px;
    left: 135px;
    transform: rotate(55deg)
}

#features-text-randomness .features-text-item-background .cross-fat {
    width: 10px;
    height: 10px;
    top: 27px;
    left: 22px
}

#features-text-randomness .features-text-item-background .halfpipe-1 {
    width: 30px;
    height: 30px;
    top: 120px;
    left: 17px;
    transform: rotate(-10deg)
}

#features-text-randomness .features-text-item-background .halfpipe-2 {
    width: 18px;
    height: 18px;
    top: 71px;
    left: 141px;
    transform: rotate(-125deg)
}

#features-text-randomness .features-text-item-background .ring-fat-1 {
    width: 12px;
    height: 12px;
    top: 115px;
    left: 135px;
    z-index: 10;
    transform: rotate(15deg)
}

#features-text-randomness .features-text-item-background .ring-thin {
    width: 22px;
    height: 22px;
    top: 22px;
    left: 102px
}

#features-text-randomness .features-text-item-background .snake {
    width: 30px;
    height: 30px;
    top: 70px;
    left: 0;
    transform: rotate(-20deg)
}

#features-text-randomness .features-text-item-background .ring-fat-2 {
    width: 12px;
    height: 12px;
    top: 8px;
    left: 138px;
    transform: rotate(25deg)
}

#features-text-delay .features-text-item-background .snake-1 {
    width: 30px;
    height: 30px;
    top: 60px;
    left: 146px;
    transform: rotate(20deg)
}

#features-text-delay .features-text-item-background .snake-2 {
    width: 30px;
    height: 30px;
    top: 86px;
    left: 118px;
    transform: rotate(10deg)
}

#features-text-delay .features-text-item-background .ring-fat {
    width: 9px;
    height: 9px;
    top: 120px;
    left: 12px;
    z-index: 10;
    transform: rotate(15deg)
}

#features-text-delay .features-text-item-background .halfpipe {
    width: 28px;
    height: 28px;
    top: 12px;
    left: 141px;
    transform: rotate(-15deg)
}

#features-text-delay .features-text-item-background .cross-fat-1 {
    width: 10px;
    height: 10px;
    top: 132px;
    left: 95px
}

#features-text-delay .features-text-item-background .cross-fat-2 {
    width: 12px;
    height: 12px;
    top: 14px;
    left: 55px;
    transform: rotate(25deg)
}

#features-text-delay .features-text-item-background .ring-thin {
    width: 22px;
    height: 22px;
    top: 37px;
    left: 12px
}

#features-text-cancel .features-text-item-background .snake {
    width: 40px;
    height: 40px;
    top: 93px;
    left: 12px;
    transform: rotate(20deg)
}

#features-text-cancel .features-text-item-background .triangle {
    width: 35px;
    height: 35px;
    top: 62px;
    left: 118px;
    transform: rotate(10deg)
}

#features-text-cancel .features-text-item-background .ring-fat-1 {
    width: 9px;
    height: 9px;
    top: 86px;
    left: 1px
}

#features-text-cancel .features-text-item-background .ring-fat-2 {
    width: 14px;
    height: 14px;
    top: 17px;
    left: 105px
}

#features-text-cancel .features-text-item-background .cross-fat-1 {
    width: 12px;
    height: 12px;
    top: 135px;
    left: 95px;
    transform: rotate(20deg)
}

#features-text-cancel .features-text-item-background .cross-fat-2 {
    width: 12px;
    height: 12px;
    top: 144px;
    left: 51px;
    transform: rotate(35deg)
}

#features-text-cancel .features-text-item-background .halfpipe {
    width: 28px;
    height: 28px;
    top: 36px;
    left: 22px;
    transform: rotate(-35deg)
}

#features-more {
    width: 960px
}

@keyframes features-blink {
    0% {
        opacity: .05
    }

    50% {
        opacity: .4
    }

    100% {
        opacity: .05
    }
}

#article {
    background: #fafafa
}

    #article #article-page-header {
        height: auto !important;
        /*
    background-image: -webkit-linear-gradient(152deg, #8c37ea 0, #8a65e8 67%);
    background-image: -ms-linear-gradient(152deg, #8c37ea 0, #8a65e8 67%)
        */
    }

    #article #article-hero {
        padding-top: 110px;
        padding-bottom: 400px;
        max-width: 800px
    }

        #article #article-hero .title {
            margin: 0;
            font-size: 48px;
            font-weight: 900;
            font-family: Poppins;
            color: #2c3e50;
            width: 90%
        }

        #article #article-hero .text {
            margin: 0;
            padding: 0;
            font-size: 18px;
            font-weight: 500;
            margin-top: 30px;
            font-family: Poppins, sans-serif;
            line-height: 150%;
            max-width: none;
            width: 100%;
            color: #7f8c8d;
            width: 90%
        }

:lang(ru) #article #article-hero .text {
    font-family: Roboto, sans-serif
}

#article-body {
    margin-top: -355px;
    position: relative;
    z-index: 3;
    padding-bottom: 100px
}

    #article-body .article-body-leading {
        width: 100%;
        max-width: 800px;
        border-radius: 8px;
        margin-bottom: 30px;
        -webkit-box-shadow: 0 4px 27px 2px rgba(0, 0, 0, .2);
        -moz-box-shadow: 0 4px 27px 2px rgba(0, 0, 0, .2);
        box-shadow: 0 4px 27px 2px rgba(0, 0, 0, .2)
    }

    #article-body .article-body-text {
        width: 100%;
        max-width: 800px
    }

    #article-body .article-body-back-button {
        margin-top: 5px;
        /*background: #8075f2;*/
        background: #006ddd;
        color: #fff;
        text-decoration: none;
        display: inline-block;
        height: 50px;
        line-height: 50px;
        text-align: center;
        border-radius: 8px;
        font-weight: 500;
        font-family: Poppins, sans-serif;
        padding: 0 20px;
        transition: .2s linear background
    }

:lang(ru) #article-body .article-body-back-button {
    font-family: Roboto, sans-serif
}

#article-body .article-body-back-button:hover {
    /*background: #8a81f1*/
    background: #014fa0;
}

.article-style {
    font-size: 16px;
    color: #4a4a4a;
    font-family: Poppins, sans-serif;
    font-weight: 400;
    line-height: 150%;
    text-align: left
}

:lang(ru) .article-style {
    font-family: Roboto, sans-serif
}

.article-style h2 {
    padding: 30px 0 25px;
    font-family: Poppins;
    font-size: 28px;
    color: #3e396b;
    font-weight: 800;
    line-height: 135%
}

.article-style h3 {
    padding: 20px 0 15px;
    font-size: 18px;
    font-weight: 500;
    color: #3e396b;
    line-height: 135%
}

.article-style p {
    width: 97%;
    padding-bottom: 7px
}

.article-style i {
    font-style: italic
}

.article-style strong {
    font-weight: 800
}

.article-style a {
    /*color: #7f50f9;*/
    color: #006ddd;
    border-bottom: 1px dashed
}

    .article-style a:hover {
        color: #9477fa;
        border-bottom: 1px solid
    }

.article-style img {
    width: auto !important;
    height: auto !important;
    max-width: 100%;
    max-height: 460px;
    display: block;
    border-radius: 8px;
    margin-top: 10px;
    margin-bottom: 25px;
    -webkit-box-shadow: 0 4px 27px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 4px 27px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 4px 27px 2px rgba(0, 0, 0, .2)
}

#blog {
    background: #fafafa;
    margin: 0px -5px;
}

    #blog #blog-page-header {
        /*! height: auto!important; */
        /*background-image: -webkit-linear-gradient(152deg, #8c37ea 0, #8a65e8 67%);*/
        /*! background-image: -webkit-linear-gradient(152deg, #8c37ea 0, #006ddd 67%); */
        /*! background-image: -ms-linear-gradient(152deg, #8c37ea 0, #8a65e8 67%) */
        /*! height: 100px; */
    }

    #blog #blog-hero {
        padding-top: 50px;
        /*! padding-bottom: 400px; */
        max-width: 640px;
    }

        #blog #blog-hero .title {
            margin: 0;
            font-size: 48px;
            font-weight: 900;
            font-family: Poppins;
            color: #2c3e50;
            width: 90%
        }

        #blog #blog-hero .text {
            margin: 30px auto;
            padding: 0;
            font-size: 18px;
            font-weight: 500;
            margin-top: 30px;
            font-family: Poppins, sans-serif;
            line-height: 150%;
            max-width: none;
            width: 100%;
            color: #7f8c8d;
            width: 90%
        }

:lang(ru) #blog #blog-hero .text {
    font-family: Roboto, sans-serif
}

#blog-articles {
    /*! margin-top: -300px; */
    position: relative;
    z-index: 3;
    padding-bottom: 100px;
    text-align: center
}

    #blog-articles .divider {
        padding: 14px 0;
        display: inline-block;
        text-align: center
    }

        #blog-articles .divider .divider-border {
            height: 30px;
            display: inline-block;
            border-left: 4px dotted #e2e2e2
        }

        #blog-articles .divider .divider-illustration {
            height: 50px;
            width: 50px;
            display: block;
            margin: 4px auto;
            background: url(../img/moon-reflection.svg);
            background-size: cover;
            background-position: center center;
        }

        #blog-articles .divider .divider-text {
            font-family: Poppins, sans-serif;
            font-size: 15px;
            color: #aaa;
            font-weight: 400;
            line-height: 130%;
            text-align: center;
            padding: 10px 30px
        }

:lang(ru) #blog-articles .divider .divider-text {
    font-family: Roboto, sans-serif
}

#blog-articles .leading-article {
    width: 100%;
    text-align: left;
    background: #fff;
    display: table;
    box-sizing: border-box;
    border-radius: 8px;
    font-size: 0;
    -webkit-box-shadow: 0 4px 27px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 4px 27px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 4px 27px 2px rgba(0, 0, 0, .2)
}

    #blog-articles .leading-article .thumbnail {
        display: table-cell;
        vertical-align: top;
        width: 55%;
        height: auto;
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px
    }

    #blog-articles .leading-article .body {
        display: table-cell;
        vertical-align: top;
        width: 45%;
        box-sizing: border-box;
        padding: 40px;
        font-size: 16px;
        font-family: Poppins, sans-serif
    }

:lang(ru) #blog-articles .leading-article .body {
    font-family: Roboto, sans-serif
}

#blog-articles .leading-article .title {
    width: 90%;
    font-family: Poppins, sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 135%;
    color: #3e396b;
    display: block;
    padding-bottom: 15px
}

    #blog-articles .leading-article .title:hover {
        text-decoration: underline
    }

#blog-articles .leading-article .date {
    font-weight: 400;
    color: #aaa;
    display: block;
    line-height: 150%;
    padding-bottom: 10px
}

#blog-articles .leading-article .desc {
    font-weight: 400;
    color: #818181;
    line-height: 150%;
    padding-bottom: 30px
}

#blog-articles .leading-article .more {
    /*background: #8075f2;*/
    background: #006ddd;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 8px;
    font-weight: 500;
    padding: 0 20px;
    transition: .2s linear background
}

    #blog-articles .leading-article .more:hover {
        /*background: #8a81f1*/
        background: #014fa0;
    }

#blog-articles .pagination {
    padding-top: 100px
}

    #blog-articles .pagination .page-dot {
        text-align: center;
        font-size: 18px;
        font-weight: 400;
        font-family: Poppins, sans-serif;
        color: #818181;
        border: 8px solid #f2f2f2;
        border-radius: 100px;
        text-align: center;
        margin-right: 5px;
        width: 30px;
        height: 30px;
        vertical-align: middle;
        display: inline-block;
        line-height: 30px;
        transition: .3s linear all;
        cursor: pointer;
        margin-bottom: 20px
    }

:lang(ru) #blog-articles .pagination .page-dot {
    font-family: Roboto, sans-serif
}

#blog-articles .pagination .page-dot:hover {
    color: #fff;
    background: #9e96fb;
    border: 8px solid #c3beff
}

#blog-articles .pagination .page-dot.current-page {
    color: #fff;
    background: #c3beff;
    border: 8px solid #e2dfff;
    cursor: default
}

#blog-articles .pagination .page-dot:last-child {
    margin-right: 0
}

#checkout-error-page,
#checkout-success-page {
    padding-bottom: 160px
}

#checkout-completed-box.error .title {
    color: #e8488f
}

#checkout-completed-box .title {
    margin-bottom: 30px;
    font-family: Poppins
}

#checkout-completed-box.status-box img {
    width: 90px;
    margin: 20px auto 30px
}

#checkout-completed-box p {
    color: #999;
    font-size: 15px;
    font-weight: 400;
    font-family: Poppins, sans-serif
}

:lang(ru) #checkout-completed-box p {
    font-family: Roboto, sans-serif
}

#checkout-step-two-media #checkout-step-two-media-load-more {
    background: rgba(41, 128, 185,.4);
    color: rgba(41, 128, 185,1.0);
    font-family: Poppins;
    font-weight: 600
}

#checkout-step-two-user .photo {
    width: 82px;
    height: 82px;
    border-radius: 100px;
    background: #e0e0e0
}

    #checkout-step-two-user .photo .loader {
        width: 82px;
        height: 82px;
        border-radius: 100px;
        background: url(../img/loader.svg) no-repeat center center;
        background-size: 30px 30px;
        background-color: #f8f8f8;
        display: inline-block;
        vertical-align: middle
    }

#checkout-inner {
    padding-top: 40px;
    padding-bottom: 100px
}

#checkout-applied-discount.black {
    background: #484848
}

    #checkout-applied-discount.black .box-title {
        color: #fff
    }

    #checkout-applied-discount.black .box-text {
        color: #fff
    }

#checkout-applied-discount {
    background: #05c292
}

#checkout-available-reward {
    background: #605287
}

#checkout-promotion {
    background: #9770ff
}

    #checkout-promotion #checkout-promotion-button {
        margin-top: 25px
    }

.checkout-extra-box {
    background: #05c292;
    text-align: left;
    margin-top: 40px !important;
    color: #fff;
    position: relative
}

    .checkout-extra-box .box-close {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 20px;
        height: 20px;
        opacity: .3;
        transition: .2s opacity linear;
        cursor: pointer
    }

        .checkout-extra-box .box-close:hover {
            opacity: .8
        }

    .checkout-extra-box .box-title {
        margin: 0;
        font-size: 21px;
        font-weight: 800;
        padding-bottom: 10px
    }

    .checkout-extra-box .box-text {
        margin: 0;
        font-size: 15px;
        max-width: 480px;
        line-height: 125%;
        color: #fff;
        font-weight: 500
    }

    .checkout-extra-box p strong {
        font-weight: 700
    }

#checkout-box {
    margin-top: 40px
}

#checkout-box-description {
    font-family: Poppins, sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #777;
    max-width: 400px;
    margin: 0 auto 30px;
    display: block
}

:lang(ru) #checkout-box-description {
    font-family: Roboto, sans-serif
}

#checkout-consent {
    font-family: Poppins, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #999;
    margin: 20px auto 25px;
    display: block
}

:lang(ru) #checkout-consent {
    font-family: Roboto, sans-serif
}

#checkout-consent strong {
    font-weight: 700
}

#checkout-consent a {
    display: inline-block;
    /*color: #7a54f8;*/
    color: #006ddd;
    text-decoration: none;
    border-bottom: 1px dashed
}

    #checkout-consent a:hover {
        color: #9477fa;
        border-bottom: 1px solid
    }

#checkout-email-wrapper input,
#checkout-username-wrapper input {
    line-height: 30px;
    -webkit-appearance: none;
    vertical-align: middle
}

#payment-trial-form #payment-trial-email-wrapper {
    line-height: 30px;
    -webkit-appearance: none;
    vertical-align: middle;
    margin: 20px auto 0
}

#checkout-single-targeting {
    padding-top: 30px;
    border-top: 1px solid #f2f2f2;
    margin-top: 20px;
    text-align: center
}

    #checkout-single-targeting .trial-message {
        display: none
    }

    #checkout-single-targeting.trial .trial-message {
        text-align: center;
        margin: 0;
        padding: 5px 0 35px 0;
        color: #3e396b;
        line-height: 130%;
        display: block
    }

    #checkout-single-targeting.trial .section h3,
    #checkout-single-targeting.trial .section p {
        color: #ccc
    }

    #checkout-single-targeting #checkout-single-targeting-header {
        font-size: 16px;
        color: #8074f2;
        width: 100%;
        display: block;
        cursor: pointer;
        text-align: center
    }

        #checkout-single-targeting #checkout-single-targeting-header i.cogwheel {
            background: url(../img/dashboard-icons.svg) no-repeat left center;
            background-position: 0 -16px;
            width: 16px;
            height: 16px;
            display: inline-block;
            vertical-align: middle;
            color: #8075f2;
            margin-top: -4px;
            background-position: -16px -16px
        }

        #checkout-single-targeting #checkout-single-targeting-header .text-button {
            display: inline-block;
            vertical-align: top;
            text-align: left;
            width: calc(100% - 20px);
            padding-left: 4px;
            transition: .2s linear all;
            font-weight: 500;
            max-width: 185px
        }

        #checkout-single-targeting #checkout-single-targeting-header:hover .text-button {
            color: #8a81f1;
            text-decoration: underline
        }

    #checkout-single-targeting #checkout-single-targeting-body {
        text-align: left;
        display: none
    }

    #checkout-single-targeting.expanded #checkout-single-targeting-body {
        display: block;
        padding-top: 25px
    }

    #checkout-single-targeting .divider {
        max-width: 330px;
        width: 100%;
        height: 1px;
        margin: 30px 0 20px;
        background: #f0f0f0
    }

    #checkout-single-targeting .section {
        margin-bottom: 20px;
        width: 100%;
        text-align: left;
        font-family: Poppins, sans-serif
    }

:lang(ru) #checkout-single-targeting .section {
    font-family: Roboto, sans-serif
}

#checkout-single-targeting .section h3 {
    font-size: 17px;
    font-weight: 500;
    color: #777;
    line-height: 130%;
    margin: 0;
    padding-bottom: 10px
}

#checkout-single-targeting .section p {
    font-size: 15px;
    color: #777;
    line-height: 130%;
    margin: 0;
    max-width: 500px;
    padding-bottom: 20px;
    font-weight: 400
}

#checkout-single-targeting .selector-wrapper {
    max-width: 400px
}

    #checkout-single-targeting .selector-wrapper * {
        box-sizing: border-box
    }

#checkout-single-targeting .search {
    font-size: 100%
}

#checkout-single-targeting .selector-wrapper .ui.dropdown {
    text-align: left;
    font-family: Poppins, sans-serif;
    position: relative
}

:lang(ru) #checkout-single-targeting .selector-wrapper .ui.dropdown {
    font-family: Roboto, sans-serif
}

#checkout-single-targeting .selector-wrapper .ui.selection.dropdown {
    cursor: pointer;
    word-wrap: break-word;
    line-height: 1em;
    white-space: normal;
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
    min-width: 1em;
    min-height: 1em;
    display: inline-block;
    padding: .768em 2.1em .768em 1em;
    color: #3e396b;
    font-weight: 500;
    box-shadow: none;
    border-radius: .28571429rem !important;
    height: inherit
}

    #checkout-single-targeting .selector-wrapper .ui.selection.dropdown:hover {
        border-color: rgba(34, 36, 38, .35) !important;
        box-shadow: none
    }

#checkout-single-targeting .selector-wrapper .ui.fluid.dropdown {
    display: block;
    width: 100%;
    min-width: 0
}

#checkout-single-targeting .selector-wrapper .ui.selection.dropdown .menu {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    border-top-width: 0 !important;
    outline: 0;
    margin: 0 -1px;
    box-sizing: content-box;
    min-width: 100%;
    width: 100%;
    border-radius: 0 0 .28571429rem .28571429rem !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: .285714rem !important;
    border-bottom-left-radius: .285714rem !important;
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15) !important;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease
}

#checkout-single-targeting .selector-wrapper .ui.dropdown .menu,
#checkout-single-targeting .selector-wrapper .ui.selection.dropdown {
    background: #fff;
    border: 1px solid rgba(34, 36, 38, .15) !important;
    outline: 0
}

#checkout-single-targeting .selector-wrapper .ui.upward.dropdown > .menu {
    top: auto;
    bottom: 100%;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .08) !important;
    border-radius: .28571429rem .28571429rem 0 0 !important
}

#checkout-single-targeting .selector-wrapper .ui.upward.selection.dropdown.visible {
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .08)
}

#checkout-single-targeting .selector-wrapper .ui.active.upward.selection.dropdown,
.ui.upward.selection.dropdown.visible {
    border-radius: 0 0 .28571429rem .28571429rem !important
}

#checkout-single-targeting .selector-wrapper .ui.upward.selection.dropdown .menu {
    border-top-width: 1px !important;
    border-bottom-width: 0 !important;
    box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, .08) !important
}

#checkout-single-targeting .selector-wrapper .ui.upward.active.selection.dropdown:hover .menu {
    box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, .08)
}

#checkout-single-targeting .selector-wrapper .ui.search.dropdown > input.search {
    height: 100%;
    font-size: 100%;
    line-height: 1.2142em !important;
    padding: .67861429em 2.1em .67861429em 1em !important;
    font-family: Poppins, sans-serif !important;
    font-weight: 500 !important
}

:lang(ru) #checkout-single-targeting .selector-wrapper .ui.search.dropdown > input.search {
    font-family: Roboto, sans-serif !important
}

#checkout-single-targeting .selector-wrapper .ui.selection.dropdown > .dropdown.icon,
#checkout-single-targeting .selector-wrapper .ui.selection.dropdown > .search.icon {
    cursor: pointer;
    position: absolute;
    width: auto;
    height: auto;
    line-height: 1.2142em;
    top: .78571429em !important;
    right: 1em !important;
    z-index: 3;
    margin: -.78571429em !important;
    padding: .78571429em !important;
    opacity: .8;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease;
    font-size: .85714286em !important
}

#checkout-single-targeting .selector-wrapper .ui.selection.dropdown.active,
#checkout-single-targeting .selector-wrapper .ui.selection.dropdown.visible {
    z-index: 10
}

#checkout-single-targeting .selector-wrapper .ui.active.selection.dropdown {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

#checkout-single-targeting .selector-wrapper .ui.selection.active.dropdown,
#checkout-single-targeting .selector-wrapper .ui.selection.active.dropdown .menu {
    border-color: #5a4792 !important;
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15)
}

#checkout-single-targeting .selector-wrapper .ui.selection.dropdown.active,
#checkout-single-targeting .selector-wrapper .ui.selection.dropdown.visible {
    z-index: 10
}

#checkout-single-targeting .selector-wrapper .ui.search.dropdown > .text {
    cursor: text;
    position: relative;
    left: 1px;
    z-index: 3
}

#checkout-single-targeting .selector-wrapper .ui.dropdown > .text {
    margin-left: 0;
    padding: 0;
    display: inline-block;
    color: #3e396b !important
}

#account-create-form {
    max-width: 416px;
    margin: 0 auto
}

    #account-create-form .desc {
        margin-bottom: 40px
    }

    #account-create-form .result {
        display: none
    }

#summary-wrapper {
    padding-bottom: 10px;
    margin: 0 auto;
    margin-bottom: 20px;
    border-bottom: 1px solid #f2f2f2
}

    #summary-wrapper #summary-targeting {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
        padding-top: 20px;
        padding-bottom: 10px
    }

    #summary-wrapper .summary-targeting-item {
        max-width: 500px;
        margin: 0 auto;
        width: 100%
    }

        #summary-wrapper .summary-targeting-item p {
            margin: 0;
            padding: 0;
            width: 135px;
            line-height: 30px;
            height: auto;
            font-weight: 500;
            text-align: left;
            display: inline-block;
            vertical-align: middle;
            font-size: 16px;
            color: #777
        }

        #summary-wrapper .summary-targeting-item span {
            margin: 0;
            padding: 0;
            width: calc(100% - 135px);
            height: auto;
            line-height: 130%;
            text-align: right;
            display: inline-block;
            vertical-align: middle;
            word-wrap: break-word;
            color: #000;
            font-size: 16px;
            font-family: Poppins, sans-serif;
            font-weight: 500
        }

:lang(ru) #summary-wrapper .summary-targeting-item span {
    font-family: Roboto, sans-serif
}

#summary-upgrade {
    background: #9670ff;
    text-align: left;
    color: #fff;
    border-radius: 8px;
    padding: 30px;
    box-sizing: border-box;
    margin-bottom: 40px
}

    #summary-upgrade h3 {
        margin: 0;
        font-size: 21px;
        font-weight: 800;
        padding-bottom: 10px
    }

    #summary-upgrade p {
        color: #fff;
        margin: 0;
        font-size: 16px;
        max-width: 480px;
        line-height: 125%;
        font-weight: 400;
        padding-bottom: 25px;
        font-family: Poppins, sans-serif
    }

:lang(ru) #summary-upgrade p {
    font-family: Roboto, sans-serif
}

#summary-upgrade p strong {
    font-weight: 800
}

#summary-upgrade #summary-apply-button {
    cursor: pointer;
    display: inline-block
}

#summary-upgrade #summary-undo-button {
    cursor: pointer;
    display: none
}

#summary-upgrade.applied {
    font-size: 0
}

    #summary-upgrade.applied h3 {
        display: none
    }

    #summary-upgrade.applied p {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 105px);
        padding-right: 10px;
        padding-bottom: 0
    }

    #summary-upgrade.applied #summary-apply-button {
        display: none
    }

    #summary-upgrade.applied #summary-undo-button {
        width: 65px;
        padding: 0 15px;
        display: inline-block;
        vertical-align: middle
    }

#summary-wrapper #summary-selected-media {
    padding: 10px 10px 0;
    border-radius: 8px;
    background: #fafafa
}

    #summary-wrapper #summary-selected-media .selected-media-item {
        width: calc(50% - 5px);
        margin-right: 10px;
        margin-bottom: 10px;
        background-color: #fff;
        vertical-align: top;
        box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1);
        border-radius: 4px;
        padding: 6px;
        font-size: 0;
        display: inline-block;
        vertical-align: middle;
        box-sizing: border-box
    }

        #summary-wrapper #summary-selected-media .selected-media-item:nth-child(2n) {
            margin-right: 0
        }

        #summary-wrapper #summary-selected-media .selected-media-item .thumbnail {
            width: 34px;
            height: 34px;
            display: inline-block;
            vertical-align: middle
        }

        #summary-wrapper #summary-selected-media .selected-media-item .package {
            width: calc(100% - 56px);
            box-sizing: border-box;
            padding: 0 10px;
            display: inline-block;
            vertical-align: middle;
            font-family: Poppins, sans-serif;
            font-size: 14px;
            color: #777;
            font-weight: 500
        }

:lang(ru) #summary-wrapper #summary-selected-media .selected-media-item .package {
    font-family: Roboto, sans-serif
}

#summary-wrapper #summary-selected-media .selected-media-item .package img {
    vertical-align: middle;
    display: inline-block;
    width: 14px;
    height: 14px;
    padding-bottom: 2px
}

#summary-wrapper #summary-selected-media .selected-media-item .package p {
    margin: 0;
    display: inline-block;
    line-height: 100%;
    padding-left: 5px;
    color: inherit
}

    #summary-wrapper #summary-selected-media .selected-media-item .package p .upgrade {
        color: #9570ff;
        font-weight: 500
    }

#summary-wrapper #summary-selected-media .selected-media-item .remove {
    width: 22px;
    height: 22px;
    background: url(../img/icon-remove-photo.svg);
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.header {
    width: 100%;
    padding: 5px 0;
    position: relative;
    overflow: visible;
    border-bottom: 2px dotted rgb(41, 128, 185, 0.3);
    background: #fff;
    box-shadow: 0 5px 10px rgba(41, 128, 185, 0.3);
}

    .header .sep {
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        background: url(../img/sep-grey.svg) repeat-x;
        background-size: cover;
        background-position: center top;
        height: 100px
    }

    .header .inner {
        position: relative;
        /*! height: calc(100% - 45px) */
    }

    .header .logo {
        float: left;
        width: 220px;
        display: inline-block;
        vertical-align: middle
    }

        .header .logo .img {
            height: 48px
        }

    .header .menu {
        width: calc(100% - 220px);
        height: 48px;
        line-height: 48px;
        padding-top: 4px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }

        .header .menu ul {
            list-style-type: none;
        }

        .header .menu .menu-left {
            padding-left: 25px;
            display: inline-block;
            float: none;
            line-height: normal;
            font-size: 0;
            vertical-align: top
        }

            .header .menu .menu-left a:last-child {
                margin-right: 0
            }

        .header .menu .menu-right {
            float: right;
            display: inline-block;
            vertical-align: top;
            font-size: 0;
            line-height: normal
        }

        .header .menu a {
            line-height: 48px;
            font-size: 15px;
            /* color: #fff; */
            font-weight: 600;
            text-decoration: none;
            margin-right: 50px;
            display: inline-block;
            transition: .2s linear all
        }

            .header .menu a.btn {
                font-size: 16px;
                border-radius: 3px;
                height: 40px;
                padding: 0 14px;
                margin-right: 0;
                line-height: 40px;
                text-align: center;
                font-family: Poppins, sans-serif;
                font-weight: 500;
                color: #2980b9;
                border: 1px solid #2980b9;
                transition: .2s linear background
            }

@media screen and (max-width: 1100px) {
    .header .menu a {
        margin-right: 10px;
    }

    ul.right_menu {
        padding: 0;
    }
}

@media screen and (max-width: 890px) {
    .header .menu a {
        text-align: left;
    }
}

@media screen and (min-width: 891px) {
    ul.right_menu {
        float: right !important;
    }
}

.pagination {
    direction: ltr !important;
}

@media screen and (max-width:890px) {
    #landing1 div.top {
        position: fixed;
        top: 0 !important;
        width: 100%;
        z-index: 9999;
        margin-left: -5%;
        border-bottom: 2px dotted rgb(41, 128, 185, 0.3);
        background: #fff;
        box-shadow: 0 5px 10px rgba(41, 128, 185, 0.3);
    }

        #landing1 div.top .menu ul {
            padding: 0;
        }

    .menu-icon {
        margin-right: 5%;
    }

    .is-tapped .menu-icon {
        margin-right: auto;
    }

    #announcement {
        margin-top: 60px;
    }

    .header .menu ul li.dropdown ul.submenu.open {
        display: contents !important;
    }

    .header .menu ul li.dropdown ul.submenu li {
        padding: 5px 0 !important;
    }

    .header .menu .dropdown {
        border-bottom: 1px dashed rgba(0,0,0,0.1);
    }

    .menu a.dashboard-link {
        margin-top: 10px !important;
        display: none
    }
}

/*:lang(ru) .header .menu a.btn {
    font-family: Roboto, sans-serif
}*/

.header .menu a.btn:hover {
    color: #fff;
    background: #2980b9
}

.header .menu .right_menu a {
    margin: auto;
}

.header a.dashboard-link {
    border: 2px solid #2980b9;
    color: #2980b9;
    padding: 0 20px;
    line-height: 40px;
    border-radius: 5px;
}

.header .menu .seprator {
    font-size: 16px;
    color: #7f8c8d;
    display: inline-block;
    margin: auto 5px;
}

.header .menu ul li {
    float: left;
    padding: 0px 10px;
}

    .header .menu ul li .logo-icon {
        font-size: 24px;
        position: relative;
        top: 3px;
    }

.fa-instagram {
    color: transparent;
    background: -webkit-radial-gradient(30% 107%, circle, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background: -o-radial-gradient(30% 107%, circle, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background-clip: text;
    -webkit-background-clip: text;
}

.fa-tiktok {
    text-shadow: 1px 2px 0px #ff0050;
}

    .fa-tiktok::after {
        content: "\e07b";
        color: #000000;
        text-shadow: none;
        position: absolute;
        right: 0;
        text-shadow: -1px -2px 0px #00f2ea;
    }

.fa-youtube {
    color: #c4302b;
}

.header .menu ul li.dropdown:hover ul.submenu {
    display: block;
}

.header .menu ul li.dropdown ul.submenu {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    border-radius: 6px !important;
    padding: 0;
    z-index: 5;
    text-align: left;
    -webkit-box-shadow: 0 8px 15px 2px rgba(0,0,0,.1);
    box-shadow: 0 8px 15px 2px rgba(0,0,0,.1);
}

    .header .menu ul li.dropdown ul.submenu .icon {
        font-size: 18px;
        top: 1px;
        margin-right: 3px;
        position: relative;
    }

    .header .menu ul li.dropdown ul.submenu li {
        float: none;
        text-align: left;
        line-height: 1;
        padding: 0;
    }

        .header .menu ul li.dropdown ul.submenu li a {
            /*color: #006DDD;*/
            text-align: left;
            line-height: 1;
            padding: 15px 30px;
            display: block;
        }

            .header .menu ul li.dropdown ul.submenu li a:hover {
                color: #2980b9;
                background: rgb(41, 128, 185, 0.1)
            }

@media screen and (max-width: 890px) {
    .header .menu ul li {
        float: none;
    }

        .header .menu ul li.dropdown ul.submenu {
            position: relative;
            width: 100%;
            margin-bottom: 15px;
        }
}

.header .text-block {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 40%
}

    .header .text-block .title {
        font-size: 34px;
        color: #fff;
        max-width: 365px;
        font-weight: 600
    }

    .header .text-block .text {
        font-size: 16px;
        color: #fff;
        max-width: 360px;
        font-weight: 400;
        line-height: 26px;
        margin-top: 50px
    }

    .header .text-block .btn {
        background: #fff;
        margin-top: 50px;
        display: inline-block;
        color: #7a55f8;
        text-align: center;
        font-size: 20px;
        font-weight: 500;
        width: 100%;
        height: 60px;
        line-height: 60px;
        border-radius: 8px;
        max-width: 300px;
        font-family: Poppins, sans-serif;
        cursor: pointer;
        transition: .2s linear background
    }

        /*:lang(ru) .header .text-block .btn {
    font-family: Roboto, sans-serif
}*/

        .header .text-block .btn:hover {
            background: #fbfbfb
        }

.header .ill {
    width: 55%;
    height: 520px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

    .header .ill .circle-m {
        width: 82.5%;
        height: 100%;
        border-radius: 5000px;
        background: rgba(255, 255, 255, .02);
        position: absolute;
        right: 0;
        background: red
    }

    .header .ill .circle-sm {
        width: 384px;
        height: 384px;
        border-radius: 5000px;
        background: rgba(255, 255, 255, .05);
        position: absolute;
        right: 0;
        bottom: 0;
        margin-right: 70px;
        margin-bottom: 70px
    }

    .header .ill .device {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        left: 50%;
        transform: translateX(-50%)
    }

    .header .ill .not {
        width: 180px;
        height: 207px;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        margin: auto;
        padding-bottom: 160px;
        padding-right: 62px
    }

.about {
    margin-top: 50px;
    overflow: hidden
}

    .about .inner > .title,
    .need-more .inner > .title {
        text-align: center;
        max-width: 520px;
        margin: 0 auto;
        line-height: 130%;
        font-size: 36px;
        color: #3e396b;
        font-weight: 600
    }

.pricing .packages-list, .pricing .features-list {
    float: left;
    border-radius: 30px;
    border: 2px solid rgba(0,0,0,0.03);
    padding: 15px;
    margin: 20px auto;
}

.pricing .features-list {
    padding: 0;
    overflow: hidden;
    position: relative;
}

    .pricing .features-list:before {
        content: "";
        border-left: 2px dashed rgb(41, 128, 185);
        width: 10px;
        left: 55px;
        position: absolute;
        top: 130px;
        height: calc(100% - 170px);
        display: block;
        /*! z-index: -1; */
    }

    .pricing .features-list > .title {
        margin-top: 20px;
        padding: 10px 30px;
        font-size: 20px;
        font-weight: 600;
    }

    .pricing .features-list ul {
        padding: 30px;
        position: relative;
    }

        .pricing .features-list ul li {
            text-align: left;
            margin-top: 35px;
            display: flex;
            position: relative;
        }

            .pricing .features-list ul li:first-child {
                margin-top: auto;
            }

            .pricing .features-list ul li .icon {
                position: relative;
                z-index: 100;
                display: block;
            }

                .pricing .features-list ul li .icon i {
                    text-align: center;
                    display: block;
                    color: rgb(41, 128, 185);
                    background: #f2f8fb;
                    border-radius: 50%;
                    line-height: 50px;
                    width: 50px;
                    font-size: 20px;
                    top: calc(50% - 25px);
                    position: relative;
                    transition-duration: 500ms;
                }

            .pricing .features-list ul li:hover .icon i {
                background: rgb(41, 128, 185);
                color: #f2f8fb;
            }

            .pricing .features-list ul li .content {
                display: inline-block;
                width: calc(100% - 65px);
                padding-left: 10px;
            }

            .pricing .features-list ul li .title {
                margin: auto;
                margin-bottom: 10px;
                font-size: 16px;
                font-weight: 600;
                transition-duration: 500ms;
            }

            .pricing .features-list ul li:hover .title {
                color: rgb(41, 128, 185);
            }

            .pricing .features-list ul li p {
                font-size: 14px;
                color: #818181;
                line-height: 20px;
            }


.pricing .packages-list {
    width: calc(65% - 45px);
    margin-right: 15px;
}

.pricing .features-list {
    width: calc(35% - 15px);
}

.pricing .description {
    text-align: center;
}

.pricing .description .title {
    font-size: 15px;
    text-align: center;
    font-family: Poppins, sans-serif;
    font-weight: 400;
    color: #818181;
    margin: 0 auto;
    margin-top: 10px;
    line-height: 150%;
}

.pricing .description .main-title {
    text-align: center;
    margin: 0 auto;
    font-size: 36px;
    font-weight: 600.pricing .features-list > .title;
}

.about .inner > .text,
.need-more .inner > .text,
.pricing .inner > .text {
    font-size: 15px;
    text-align: center;
    font-family: Poppins, sans-serif;
    font-weight: 400;
    color: #818181;
    margin: 0 auto;
    margin-top: 10px;
    line-height: 150%
}

.about ul,
.pricing ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

    .about ul .title {
        margin-bottom: 20px;
        font-size: 20px;
        font-family: Poppins;
        font-weight: 600;
        color: #3e396b
    }

    .about ul .text {
        font-size: 14px;
        color: #9794c9;
        line-height: 26px
    }

    .about ul li,
    .pricing ul li {
        border-radius: 6px;
        padding: 35px;
        text-align: center;
    }

        .about ul li img {
            width: 144px;
            margin-bottom: 30px
        }

.about .sep {
    position: absolute;
    width: 102%;
    bottom: 0;
    left: -1%;
    background: url(../img/sep-white-v2.svg) repeat-x;
    background-size: cover;
    background-position: center top;
    height: 100px
}

.pricing ul li {
    padding: 0
}

.pricing ul .discount {
    font-family: Poppins, sans-serif;
    color: #ff5959;
    font-weight: 900;
    font-size: 36px;
    position: absolute;
    top: -26px;
    right: 15px;
    border-radius: 7px;
    text-shadow: -1px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
}

    .pricing ul .discount .icon {
        font-size: 20px;
        text-shadow: -1px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
        margin-left: -5px;
        font-weight: 900;
        position: relative;
    }

    .pricing ul .discount::before {
        content: "off";
        color: #ff5959;
        position: absolute;
        left: -13px;
        bottom: 15px;
        font-size: 14px;
        text-shadow: -1px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
        font-weight: 500;
        transform: rotate(-90deg);
    }

/* .need-more .custom-package .discount,
.pricing ul .discount {
    background: #ff5959;
    position: absolute;
    bottom: 48px;
    right: calc(50% - 70px);
    width: 45px;
    border-radius: 7px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    font-family: Poppins, sans-serif;
} */

/*     .pricing ul .discount .icon {
        font-size: 14px;
    } */

/*     .pricing ul .discount.red:after {
        position: absolute;
        content: "";
        bottom: -20px;
        width: 0px;
        height: 0px;
        border-right: 15px solid #ff5959;
        border-top: 10px solid transparent;
        border-bottom: 5px solid transparent;
        left: -10px;
        bottom: -5px;
        transform: rotate(-29deg);
    } */

.pricing ul .inner {
    border-radius: 10px;
    box-sizing: border-box;
    background-position: top center;
    overflow: hidden;
    padding: 5px 0;
}

.pricing-list .title {
    font-size: 24px;
    font-weight: 500;
    font-family: Poppins, sans-serif;
    padding: 10px 0;
    position: relative;
    z-index: 1;
}

    .pricing-list .title .icon {
        color: #ff5959;
        font-size: 24px;
    }

.pricing ul .inner .text {
    color: #9794c9;
    line-height: 28px;
    font-size: 15px;
    padding: 44px 35px 35px 35px;
}

#pricing-list .text .monthly, .pricing-list .text .monthly
#pricing-list .text .one-time, .pricing-list .text .one-time
#pricing-list .text .trial, .pricing-list .text .trial {
    width: auto;
    display: inline-block;
    padding-top: 10px
}

#pricing-list .text .package-text-item, .pricing-list .text .package-text-item {
    text-align: left;
    padding-bottom: 12px;
    display: block;
    line-height: 100%;
    font-size: 0
}

    #pricing-list .text .package-text-item:last-child, .pricing-list .text .package-text-item:last-child {
        padding-bottom: 0
    }

    #pricing-list .text .package-text-item img, .pricing-list .text .package-text-item img {
        width: 20px;
        height: 20px;
        display: inline-block;
        vertical-align: middle
    }

    #pricing-list .text .package-text-item span, .pricing-list .text .package-text-item span {
        margin: 0;
        color: #9794c9;
        line-height: 130%;
        font-size: 15px;
        display: inline-block;
        vertical-align: middle;
        padding-left: 10px;
        padding-bottom: 1px;
        max-width: calc(100% - 30px);
        color: #2980b9;
        font-weight: 500
    }

.need-more .custom-package .price sup {
    display: none
}

.need-more .custom-package .price .payment-type {
    line-height: 25px
}

.need-more .custom-package .price {
    font-size: 32px;
    font-weight: 400;
    position: relative;
    display: inline-block;
    color: #3e396a
}

.pricing ul .inner .price {
    font-size: 20px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    font-family: Poppins, sans-serif;
    color: #3e396a;
    margin: 10px auto;
}

    .pricing ul .inner .price.reduced-price {
        color: #ff4b7a
    }

    .need-more .custom-package .price sup,
    .pricing ul .inner .price sup {
        font-size: 18px;
        position: absolute;
        top: 2px;
        left: -20px
    }

.pricing ul .inner .btn {
    /*background: #8075f2;*/
    background: #2980b9;
    color: #fff;
    text-decoration: none;
    /*! width: 145px; */
    display: inline-block;
    height: 50px;
    line-height: 50px;
    /*! border-radius: 8px; */
    margin-top: 30px;
    font-size: 16px;
    font-weight: 500;
    font-family: Poppins, sans-serif;
    transition: .2s linear background;
}

:lang(ru) .pricing ul .inner .btn {
    font-family: Roboto, sans-serif
}

.pricing ul .inner .btn:hover {
    /*background: #8a81f1*/
    background: #2c3e50;
}


#pricing .package .package-button:hover:before {
    background-color: #2c3e50;
}

.pricing ul li .inner .price.price-discounted.force-offer,
.pricing ul li.offer .inner .price.price-discounted {
    color: #ff4b7a
}

.pricing ul li .inner .price-discount.force-offer,
.pricing ul li.offer .inner .price-discount {
    width: calc(100% - 20px);
    height: auto;
    padding: 10px;
    margin-top: 20px;
    border-radius: 8px;
    border: 1px dashed #ddd;
    color: #888;
    line-height: 120%;
    font-size: 13px
}

.need-more {
    padding-top: 120px;
    background-size: contain
}

    .need-more .need-more-discount {
        width: calc(100% - 30px);
        max-width: 420px;
        padding: 15px;
        margin: 0 auto;
        margin-top: -40px;
        margin-bottom: 70px;
        border-radius: 8px;
        text-align: center;
        background: #fff;
        color: #888;
        border: 1px dashed #ddd;
        -webkit-box-shadow: 0 2px 27px 3px rgba(0, 0, 0, .06);
        -moz-box-shadow: 0 2px 27px 3px rgba(0, 0, 0, .06);
        box-shadow: 0 2px 27px 3px rgba(0, 0, 0, .06)
    }

        .need-more .need-more-discount .red-text {
            color: #ff4b7a
        }

    .need-more .custom-package {
        height: 132px;
        background: #fff;
        border-radius: 18px;
        margin-bottom: 100px;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative
    }

        .need-more .custom-package .discount {
            position: absolute;
            top: -32px;
            left: 30px;
            background: 0 0;
            display: inline-block;
            padding: 0;
            border-radius: 0
        }

            .need-more .custom-package .discount .value {
                /*background: #8075f2;*/
                background: #006ddd;
                display: inline-block;
                padding: 8px 16px;
                color: #fff;
                font-size: 14px;
                font-weight: 500;
                border-radius: 8px 8px 0 0
            }

            .need-more .custom-package .discount.active .value {
                animation: discount-animation .5s ease-out
            }

@keyframes discount-animation {
    0% {
        opacity: 1
    }

    30% {
        opacity: .7;
        transform: scale(1)
    }

    60% {
        opacity: 1;
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

#landing-more-package-slider .discount .discount-animation {
    position: absolute;
    width: 200px;
    height: 200px;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%)
}

    #landing-more-package-slider .discount .discount-animation .element {
        position: absolute;
        width: 20px;
        height: 20px;
        top: 0;
        left: 0;
        opacity: 1;
        margin: 0;
        pointer-events: none !important
    }

    #landing-more-package-slider .discount .discount-animation .snake {
        width: 30px;
        height: 30px;
        transform: rotate(30deg);
        left: 75%;
        top: 27%;
        opacity: 0
    }

#landing-more-package-slider .discount.active .discount-animation .snake {
    animation: discount-snake 1s .3s ease-out
}

@keyframes discount-snake {
    0% {
        opacity: .05;
        transform: translate3d(0, 0, 0) rotate(30deg)
    }

    80% {
        opacity: .6
    }

    100% {
        opacity: 0;
        transform: translate3d(60px, -90px, 0) rotate(30deg)
    }
}

#landing-more-package-slider .discount .discount-animation .snake-2 {
    width: 24px;
    height: 24px;
    top: 37%;
    left: 10%;
    transform: rotate(-65deg);
    opacity: 0
}

#landing-more-package-slider .discount.active .discount-animation .snake-2 {
    animation: discount-snake-2 1s ease-out
}

@keyframes discount-snake-2 {
    0% {
        opacity: .05;
        transform: translate3d(0, 0, 0) rotate(-65deg)
    }

    80% {
        opacity: .6
    }

    100% {
        opacity: 0;
        transform: translate3d(-75px, -30px, 0) rotate(-65deg)
    }
}

#landing-more-package-slider .discount .discount-animation .snake-3 {
    width: 32px;
    height: 32px;
    top: 16%;
    left: 42%;
    transform: rotate(-5deg);
    opacity: 0
}

#landing-more-package-slider .discount.active .discount-animation .snake-3 {
    animation: discount-snake-3 1s ease-out
}

@keyframes discount-snake-3 {
    0% {
        opacity: .05;
        transform: translate3d(0, 0, 0) rotate(-5deg)
    }

    80% {
        opacity: .6
    }

    100% {
        opacity: 0;
        transform: translate3d(-10px, -60px, 0) rotate(-5deg)
    }
}

#landing-more-package-slider .discount .discount-animation .cross-fat {
    width: 12px;
    height: 12px;
    top: 19%;
    left: 21%;
    transform: rotate(30deg);
    opacity: 0
}

#landing-more-package-slider .discount.active .discount-animation .cross-fat {
    animation: discount-cross-fat 1s .4s ease-out
}

@keyframes discount-cross-fat {
    0% {
        opacity: .05;
        transform: translate3d(0, 0, 0) rotate(30deg)
    }

    80% {
        opacity: .6
    }

    100% {
        opacity: 0;
        transform: translate3d(-50px, -50px, 0) rotate(360deg)
    }
}

#landing-more-package-slider .discount .discount-animation .cross-fat-2 {
    width: 10px;
    height: 10px;
    top: 41%;
    left: 85%;
    transform: rotate(45deg);
    opacity: 0
}

#landing-more-package-slider .discount.active .discount-animation .cross-fat-2 {
    animation: discount-cross-fat-2 1s .2s ease-out
}

@keyframes discount-cross-fat-2 {
    0% {
        opacity: .05;
        transform: translate3d(0, 0, 0) rotate(45deg)
    }

    80% {
        opacity: .6
    }

    100% {
        opacity: 0;
        transform: translate3d(45px, -15px, 0) rotate(270deg)
    }
}

#landing-more-package-slider .discount .discount-animation .cross-fat-3 {
    width: 11px;
    height: 11px;
    top: 18%;
    left: 71%;
    transform: rotate(5deg);
    opacity: 0
}

#landing-more-package-slider .discount.active .discount-animation .cross-fat-3 {
    animation: discount-cross-fat-3 1s ease-out
}

@keyframes discount-cross-fat-3 {
    0% {
        opacity: .05;
        transform: translate3d(0, 0, 0) rotate(5deg)
    }

    80% {
        opacity: .6
    }

    100% {
        opacity: 0;
        transform: translate3d(20px, -70px, 0) rotate(200deg)
    }
}

#landing-more-package-slider .discount .discount-animation .ring-fat {
    width: 10px;
    height: 10px;
    top: 34%;
    left: 26%;
    opacity: 0
}

#landing-more-package-slider .discount.active .discount-animation .ring-fat {
    animation: discount-ring-fat 1s .3s ease-out
}

@keyframes discount-ring-fat {
    0% {
        opacity: .05;
        transform: translate3d(0, 0, 0)
    }

    80% {
        opacity: .6
    }

    100% {
        opacity: 0;
        transform: translate3d(-5px, -40px, 0)
    }
}

#landing-more-package-slider .discount .discount-animation .ring-fat-2 {
    width: 10px;
    height: 10px;
    top: 13%;
    left: 62%;
    opacity: 0
}

#landing-more-package-slider .discount.active .discount-animation .ring-fat-2 {
    animation: discount-ring-fat-2 1s .2s ease-out
}

@keyframes discount-ring-fat-2 {
    0% {
        opacity: .05;
        transform: translate3d(0, 0, 0)
    }

    80% {
        opacity: .6
    }

    100% {
        opacity: 0;
        transform: translate3d(-5px, -50px, 0)
    }
}

#landing-more-package-slider .discount .discount-animation .halfpipe {
    width: 20px;
    height: 20px;
    top: 27%;
    left: 62%;
    transform: rotate(25deg);
    opacity: 0
}

#landing-more-package-slider .discount.active .discount-animation .halfpipe {
    animation: discount-halfpipe 1s ease-out
}

@keyframes discount-halfpipe {
    0% {
        opacity: .05;
        transform: translate3d(0, 0, 0) rotate(25deg)
    }

    80% {
        opacity: .6
    }

    100% {
        opacity: 0;
        transform: translate3d(10px, -40px, 0) rotate(-25deg)
    }
}

.frills,
.frills:after,
.frills:before {
    position: absolute;
    background-image: -webkit-linear-gradient(0deg, #377fea 0, #8051f9 67%);
    background-image: -ms-linear-gradient(0deg, #377fea 0, #8051f9 67%);
    border-radius: 8px;
    height: 6px
}

    .frills:after,
    .frills:before {
        content: "";
        display: block
    }

    .frills:before {
        bottom: 40px
    }

    .frills:after {
        top: 40px
    }

.left-frills {
    right: 44px;
    top: 13.5px
}

.active .left-frills {
    -webkit-animation: move-left .35s ease-out, width-to-zero .35s ease-out;
    animation: move-left .35s ease-out, width-to-zero .35s ease-out
}

.left-frills:after,
.left-frills:before {
    left: 0
}

.active .left-frills:before {
    -webkit-animation: width-to-zero .35s ease-out, move-up .35s ease-out;
    animation: width-to-zero .35s ease-out, move-up .35s ease-out
}

.active .left-frills:after {
    -webkit-animation: width-to-zero .35s ease-out, move-down .35s ease-out;
    animation: width-to-zero .35s ease-out, move-down .35s ease-out
}

.right-frills {
    left: 44px;
    top: 13.5px
}

.active .right-frills {
    -webkit-animation: move-right .35s ease-out, width-to-zero .35s ease-out;
    animation: move-right .35s ease-out, width-to-zero .35s ease-out
}

.right-frills:after,
.right-frills:before {
    right: 0
}

.active .right-frills:before {
    -webkit-animation: width-to-zero .35s ease-out, move-up .35s ease-out;
    animation: width-to-zero .35s ease-out, move-up .35s ease-out
}

.active .right-frills:after {
    -webkit-animation: width-to-zero .35s ease-out, move-down .35s ease-out;
    animation: width-to-zero .35s ease-out, move-down .35s ease-out
}

.left-frills:before,
.right-frills:after {
    -webkit-transform: rotate(34deg);
    transform: rotate(34deg)
}

.left-frills:after,
.right-frills:before {
    -webkit-transform: rotate(-34deg);
    transform: rotate(-34deg)
}

@-webkit-keyframes move-left {
    0% {
        -webkit-transform: none;
        transform: none
    }

    65% {
        -webkit-transform: translateX(-80px);
        transform: translateX(-80px)
    }

    100% {
        -webkit-transform: translateX(-80px);
        transform: translateX(-80px)
    }
}

@keyframes move-left {
    0% {
        -webkit-transform: none;
        transform: none
    }

    65% {
        -webkit-transform: translateX(-80px);
        transform: translateX(-80px)
    }

    100% {
        -webkit-transform: translateX(-80px);
        transform: translateX(-80px)
    }
}

@-webkit-keyframes move-right {
    0% {
        -webkit-transform: none;
        transform: none
    }

    65% {
        -webkit-transform: translateX(80px);
        transform: translateX(80px)
    }

    100% {
        -webkit-transform: translateX(80px);
        transform: translateX(80px)
    }
}

@keyframes move-right {
    0% {
        -webkit-transform: none;
        transform: none
    }

    65% {
        -webkit-transform: translateX(80px);
        transform: translateX(80px)
    }

    100% {
        -webkit-transform: translateX(80px);
        transform: translateX(80px)
    }
}

@-webkit-keyframes width-to-zero {
    0% {
        width: 38px
    }

    100% {
        width: 5px
    }
}

@keyframes width-to-zero {
    0% {
        width: 38px
    }

    100% {
        width: 5px
    }
}

@-webkit-keyframes move-up {
    100% {
        bottom: 62px
    }
}

@keyframes move-up {
    100% {
        bottom: 62px
    }
}

@-webkit-keyframes move-down {
    100% {
        top: 62px
    }
}

@keyframes move-down {
    100% {
        top: 62px
    }
}

.need-more .custom-package .left {
    width: 160px;
    height: 132px;
    text-align: right;
    line-height: 132px
}

.need-more .custom-package .mid {
    width: 60%;
    position: relative
}

    .need-more .custom-package .mid .add {
        margin-top: 20px;
        font-weight: 400;
        font-family: Poppins, sans-serif;
        text-align: center;
        color: #3ecf8e;
        position: absolute;
        width: 100%;
        top: 5px;
        left: 0
    }

:lang(ru) .need-more .custom-package .mid .add {
    font-family: Roboto, sans-serif
}

.need-more .custom-package .mid .add {
    display: none
}

.need-more .custom-package .right {
    width: 175px;
    text-align: left
}

    .need-more .custom-package .right .btn {
        /*background: #8075f2;*/
        background: #006ddd;
        color: #fff;
        text-decoration: none;
        width: 145px;
        display: inline-block;
        height: 50px;
        line-height: 50px;
        text-align: center;
        border-radius: 8px;
        font-weight: 500;
        font-family: Poppins, sans-serif;
        transition: .2s linear background
    }

:lang(ru) .need-more .custom-package .right .btn {
    font-family: Roboto, sans-serif
}

.need-more .custom-package .right .btn:hover {
    /*background: #8a81f1*/
    background: #014fa0;
}

.need-more .rating {
    margin: 0 auto;
    display: block;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 0
}

    .need-more .rating span {
        display: inline-block;
        width: 40px;
        height: 40px;
        background: url(../img/star.svg)
    }

        .need-more .rating span.active {
            background: url(../img/star-active.svg)
        }

            .need-more .rating span.active.half {
                background: url(../img/star-active-half.svg)
            }

    .need-more .rating.text {
        margin-top: 10px
    }

.need-more form {
    width: 620px;
    margin: 0 auto;
    text-align: center
}

.need-more .input {
    position: relative
}

.need-more label {
    font-size: 30px;
    position: absolute;
    top: 0;
    left: 0;
    color: #3e396b;
    font-size: 35px;
    font-weight: 600;
    font-family: Poppins, sans-serif;
    height: 70px;
    line-height: 64px;
    width: 50px;
    text-align: center
}

.need-more input {
    -webkit-appearance: none;
    width: 100%;
    height: 70px;
    vertical-align: middle;
    border-radius: 10px;
    border: 1px solid #ccc;
    padding: 0;
    font-size: 30px;
    font-family: Poppins, sans-serif;
    padding-left: 50px;
    padding-right: 15px;
    color: #3e396b;
    box-sizing: border-box
}

    .need-more input::-webkit-input-placeholder {
        color: #cecece
    }

    .need-more input::-moz-placeholder {
        color: #cecece
    }

    .need-more input:-ms-input-placeholder {
        color: #cecece
    }

    .need-more input:-moz-placeholder {
        color: #cecece
    }

.need-more form button {
    font-size: 20px;
    color: #fff;
    border-radius: 8px;
    height: 64px;
    background: #f25a65;
    transition: .3s linear all;
    margin-right: 0;
    width: 300px;
    text-align: center;
    border: 0;
    outline: 0;
    cursor: pointer;
    margin-top: 30px;
    margin-bottom: 120px;
    font-family: Poppins, sans-serif;
    font-weight: 500
}

:lang(ru) .need-more form button {
    font-family: Roboto, sans-serif
}

.need-more form button:hover {
    background: #fb737d
}

#footer-language-select {
    display: inline-block;
    width: 200px;
    vertical-align: middle
}

    #footer-language-select .title {
        font-weight: 500;
        text-transform: uppercase;
        color: #c4b5ff;
        font-size: 15px;
        font-family: Poppins, sans-serif;
        text-align: left;
        display: inline-block;
        vertical-align: top;
        margin: 0;
        padding: 0 0 10px 0
    }

:lang(ru) #footer-language-select span {
    font-family: Roboto, sans-serif
}

.select-class {
    cursor: pointer;
    background: #fff;
    display: block;
    width: 100%;
    max-width: 300px;
    height: auto;
    position: relative;
    box-sizing: border-box;
    border: 1px solid #dedede;
    font-size: 16px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border: 1px solid #dedede;
    line-height: normal;
    border-radius: 4px;
    font-family: Poppins, sans-serif;
    text-align: left
}

.select-arrow {
    width: 8px;
    height: 16px;
    padding: 13px;
    position: absolute;
    color: #3e396b;
    font-family: Dropdown;
    font-size: 14px;
    right: 0;
    bottom: 0;
    pointer-events: none;
    box-sizing: content-box !important
}

    .select-arrow .arrow {
        display: inline-block;
        width: 0;
        height: 5px;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #7f7f7f;
        padding: 0;
        margin: 0
    }

:lang(ru) .select-class {
    font-family: Roboto, sans-serif
}

.select-class:hover {
    border-color: #b2b3b3
}

.select-class.showing {
    border-color: #5a3792
}

.select-class .select-content {
    display: block;
    margin: 0;
    width: 100%
}

    .select-class .select-content .select-item {
        border-top: 0;
        border-radius: 4px
    }

        .select-class .select-content .select-item:hover {
            background: #f8f8f8
        }

.select-class.showing .select-content .select-item {
    background: #f8f8f8;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select-class.showing.up .select-content .select-item {
    background: #f8f8f8;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.select-class .select-dropdown {
    display: none;
    width: 100%;
    position: absolute;
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #5a4792
}

.select-class.showing .select-dropdown {
    display: block;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: 0;
    bottom: 1px;
    left: -1px;
    top: auto;
    right: auto
}

.select-class.showing.up .select-dropdown {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: 1px solid;
    left: -1px;
    bottom: 100%;
    right: auto;
    border-top: 1px solid #5a4792;
    border-bottom: 0
}

.select-class .select-dropdown .select-item:first-child {
    border-top: 0
}

.select-class .select-item {
    display: block;
    margin: 0;
    width: 100%;
    background: #fff;
    border-top: 1px solid #fafafa;
    padding: 12px 18px;
    font-size: 0;
    box-sizing: border-box
}

    .select-class .select-item:hover {
        background: #f8f8f8
    }

    .select-class .select-item.selected {
        background: #f8f8f8;
        color: #282828
    }

    .select-class .select-item .item-icon.flag {
        display: inline-block;
        width: 16px;
        height: 11px;
        margin: 0 12px 0 0;
        padding: 0;
        vertical-align: unset;
        background: url(/img/flags.png) no-repeat
    }

        .select-class .select-item .item-icon.flag.en {
            background-position-x: -72px;
            background-position-y: -1950px
        }

        .select-class .select-item .item-icon.flag.tr {
            background-position-x: -72px;
            background-position-y: -1742px
        }

        .select-class .select-item .item-icon.flag.ru {
            background-position-x: -72px;
            background-position-y: -884px
        }

    .select-class .select-item .item-text {
        vertical-align: unset;
        margin: 0;
        padding: 0;
        line-height: 130%;
        font-size: 16px;
        display: inline-block;
        color: #3e396b !important;
        font-weight: 500 !important
    }

.footer-v2 {
    background: #2980b9;
    padding: 75px 0 70px;
    font-size: 0;
    position: relative;
    z-index: 3
}

    .footer-v2 li,
    .footer-v2 ul {
        list-style: none
    }

    .footer-v2 .separator {
        position: absolute;
        width: 100%;
        top: -61px;
        left: 0;
        background-size: cover;
        background-position: center top;
        height: 100px;
        background-repeat: no-repeat
    }

    .footer-v2 .footer-bottom {
        width: calc(100% - 4px);
        display: block;
        padding: 20px 2px 0;
        margin-top: 50px;
        border-top: 1px solid #e8e8e8
    }

        .footer-v2 .footer-bottom p {
            font-family: Poppins, sans-serif;
            font-weight: 400;
            font-size: 15px;
            color: #ccc;
            width: calc(100% - 200px);
            display: inline-block;
            vertical-align: middle
        }

:lang(ru) .footer-v2 .footer-bottom p {
    font-family: Roboto, sans-serif
}

.footer-v2 .footer-column {
    color: #ccc;
    font-size: 15px;
    font-family: Poppins, sans-serif;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0
}

:lang(ru) .footer-v2 .footer-column {
    font-family: Roboto, sans-serif
}

.footer-v2 .footer-column .list-header {
    text-transform: uppercase;
    font-weight: 500;
    padding-bottom: 10px;
    margin-bottom: 0
}

.footer-v2 .footer-column li {
    line-height: 155%;
    /*margin-bottom: 2px;*/
    margin-bottom: 8px;
}

    .footer-v2 .footer-column li a {
        color: #ddd;
        line-height: 130%;
        cursor: pointer
    }

        .footer-v2 .footer-column li a:hover {
            border-bottom: 1px solid
        }

.footer-v2 .left-column .footer-logo {
    width: 100%;
    max-width: 250px;
    display: block;
    opacity: .7
}

.footer-v2 .left-column {
    width: calc(100% - 750px);
    padding-right: 50px;
    box-sizing: border-box
}

.footer-v2 .middle-column {
    width: 250px;
    text-align: left
}

.footer-v2 .middle-second-column {
    width: 200px;
    text-align: left
}

.footer-v2 .right-column {
    width: 300px;
    text-align: left
}

.footer-v2.purple {
    padding-top: 40px;
    /*background: #8074f2;*/
    /*! background: #006ddd; */
    margin-top: 0
}

    .footer-v2.purple .separator {
        display: none
    }

    .footer-v2.purple .footer-column {
        color: #fff;
    }

        .footer-v2.purple .footer-column li a {
            /*! color: #fff */
        }

    .footer-v2.purple .footer-bottom {
        border-top: 1px solid #c4b5ff38
    }

        .footer-v2.purple .footer-bottom p {
            color: #ccc;
        }

.footer .footer-divider {
    display: none
}

.footer {
    background: #f7f7f7;
    padding: 20px;
    color: #9794c9;
    font-weight: 500;
    font-size: 15px
}

    .footer .menu {
        float: right
    }

        .footer .menu a {
            color: #9794c9;
            text-decoration: none;
            margin: 0 10px
        }

            .footer .menu a:last-child {
                margin-right: 0
            }

    .footer .copy {
        float: left
    }

    .footer.purple {
        background: #8073f2;
        padding: 20px;
        color: #f2f2f2;
        font-weight: 500;
        font-size: 15px
    }

        .footer.purple .menu a {
            color: #f2f2f2;
            text-decoration: none;
            margin: 0 10px;
            border-bottom: 1px dashed #eee
        }

            .footer.purple .menu a:last-child {
                margin-right: 0
            }

            .footer.purple .menu a:hover {
                border-bottom: 1px solid #eee
            }

.noUi-target {
    padding-right: 30px
}

    .noUi-target,
    .noUi-target * {
        -webkit-touch-callout: none;
        -webkit-tap-highlight-color: transparent;
        -webkit-user-select: none;
        -ms-touch-action: none;
        touch-action: none;
        -ms-user-select: none;
        -moz-user-select: none;
        user-select: none;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

.noUi-target {
    position: relative;
    direction: ltr
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-connect {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0
}

.noUi-origin {
    position: absolute;
    height: 0;
    width: 0
}

.noUi-handle {
    position: relative;
    z-index: 1
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    -webkit-transition: top .3s, right .3s, bottom .3s, left .3s;
    transition: top .3s, right .3s, bottom .3s, left .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-base,
.noUi-handle {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.noUi-horizontal {
    height: 10px;
    margin-top: 0
}

    .noUi-horizontal .noUi-handle {
        width: 30px;
        height: 30px;
        left: -1px;
        top: -10px
    }

.noUi-vertical {
    width: 18px
}

    .noUi-vertical .noUi-handle {
        width: 28px;
        height: 34px;
        left: -6px;
        top: -17px
    }

.noUi-target {
    background: #f7f7f7;
    border-radius: 20px
}

.noUi-connect {
    /*background: #bbb6f4;*/
    background: #6ec5e9;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    -webkit-transition: background 450ms;
    transition: background 450ms
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    border-radius: 50px;
    cursor: default;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1);
    /*background-color: #8075f2*/
    background-color: #006ddd;
}

[disabled] .noUi-connect {
    background: #b8b8b8
}

[disabled] .noUi-handle,
[disabled].noUi-handle,
[disabled].noUi-target {
    cursor: not-allowed
}

.noUi-pips,
.noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-pips {
    position: absolute;
    color: #999
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    position: absolute;
    background: #ccc
}

.noUi-marker-sub {
    background: #aaa
}

.noUi-marker-large {
    background: #aaa
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}

.noUi-value-horizontal {
    -webkit-transform: translate3d(-50%, 50%, 0);
    transform: translate3d(-50%, 50%, 0)
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.noUi-value-vertical {
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
    padding-left: 25px
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 130%;
    margin-bottom: 20px;
    color: #fff;
    border: 0;
    font-size: 28px;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1);
    border-radius: 10px;
    font-family: Poppins, sans-serif;
    height: 50px;
    padding: 0;
    padding-left: 48px;
    padding-right: 14px;
    line-height: 50px;
    background: url(../img/holder-heart.svg) no-repeat left 14px center;
    /*background-color: #f15b65*/
    background-color: #ff5959
}

:lang(ru) .noUi-horizontal .noUi-tooltip {
    font-family: Roboto, sans-serif
}

.noUi-horizontal .noUi-tooltip:after {
    content: "";
    position: absolute;
    bottom: -17px;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    border-top: 18px solid #f15b65;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%
}

#sub .ui.form * {
    box-sizing: border-box
}

#sub {
    background-image: -webkit-linear-gradient(152deg, #377fea 0, #8051f9 67%);
    background-image: -ms-linear-gradient(152deg, #377fea 0, #8051f9 67%);
    background-attachment: fixed
}

    #sub .container {
        padding-top: 30px;
        padding-bottom: 30px;
        box-sizing: border-box;
        min-height: 100vh;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        #sub .container .footer {
            background: 0 0;
            height: 60px;
            overflow: hidden;
            padding: 0;
            margin-top: 60px;
            width: 100%
        }

            #sub .container .footer .copy,
            #sub .container .footer .menu a {
                color: #fff;
                text-align: center;
                opacity: .4
            }

            #sub .container .footer .copy,
            #sub .footer .menu {
                float: none;
                display: block;
                text-align: center
            }

            #sub .container .footer .menu a {
                margin: 15px
            }

            #sub .container .footer .copy,
            #sub .container .footer .menu {
                line-height: 30px
            }

    #sub .circles {
        background: url(../img/circles.svg) center center no-repeat;
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        margin: auto;
        position: fixed;
        z-index: -1;
        background-size: 60%
    }

    #sub .back {
        width: 560px;
        color: #fff;
        margin-bottom: 5px;
        background: url(../img/back.svg) left center no-repeat;
        height: 30px;
        line-height: 30px;
        padding-left: 18px;
        box-sizing: border-box
    }

        #sub .back a {
            color: #fff;
            font-size: 16px;
            text-decoration: none
        }

    #sub .box {
        border-radius: 10px;
        width: 560px;
        background: #fff;
        padding: 40px;
        box-sizing: border-box
    }

    #sub .title {
        font-size: 20px;
        text-align: center;
        color: #282828;
        font-weight: 600;
        margin-bottom: 20px
    }

    #sub .package-dropdown {
        width: 210px;
        margin: 0 auto
    }

    #sub .box.margin-top {
        margin-top: 25px
    }

    #sub .choose-account {
        transition: all .2s ease-in;
        opacity: 1;
        max-height: 500px;
        overflow: hidden
    }

        #sub .choose-account form {
            width: 232px;
            margin: 0 auto;
            text-align: center
        }

        #sub .choose-account .input {
            position: relative
        }

        #sub .choose-account label {
            font-size: 22px;
            position: absolute;
            top: 0;
            left: 0;
            color: #9794c9;
            font-weight: 600;
            font-family: Poppins, sans-serif;
            height: 40px;
            line-height: 32px;
            width: 20px;
            text-align: center
        }

        #sub .choose-account input {
            width: 100%;
            height: 40px;
            line-height: 40px;
            border: 0;
            border-bottom: 2px solid #9794c9;
            padding: 0;
            font-size: 16px;
            font-family: Poppins, sans-serif;
            padding-left: 25px;
            padding-right: 15px;
            color: #9794c9;
            box-sizing: border-box
        }

            #sub .choose-account input::-webkit-input-placeholder {
                color: #cecece
            }

            #sub .choose-account input::-moz-placeholder {
                color: #cecece
            }

            #sub .choose-account input:-ms-input-placeholder {
                color: #cecece
            }

            #sub .choose-account input:-moz-placeholder {
                color: #cecece
            }

        #sub .choose-account form button {
            margin-top: 20px
        }

    #sub .choose-photos-section {
        opacity: 0;
        max-height: 0;
        transition: all .5s ease-in;
        overflow: hidden
    }

        #sub .choose-photos-section.animation-in-progress {
            max-height: 700px !important
        }

    #sub .fade-out {
        opacity: 0
    }

    #sub .zero-height {
        max-height: 0
    }

    #sub .fade-in {
        opacity: 1
    }

    #sub .none-height {
        max-height: none
    }

    #sub .box.choose-photos {
        transition: max-height .7s ease-in;
        overflow: hidden
    }

        #sub .box.choose-photos .hidden-area {
            display: none
        }

    #sub .box.choose-photos {
        position: relative;
        padding-top: 110px
    }

        #sub .box.choose-photos .title {
            position: absolute;
            top: 0;
            left: 0;
            border-bottom: 1px solid #efefef;
            text-align: center;
            width: 100%;
            margin-top: 30px;
            padding-bottom: 30px
        }

            #sub .box.choose-photos .title .profile_pic {
                width: 50px;
                height: 50px;
                display: inline-block;
                border-radius: 50px;
                vertical-align: middle
            }

            #sub .box.choose-photos .title .username {
                font-size: 0;
                position: relative;
                display: inline-block;
                vertical-align: middle;
                text-align: left
            }

                #sub .box.choose-photos .title .username span {
                    font-size: 18px;
                    line-height: 26px
                }

                #sub .box.choose-photos .title .username a {
                    color: #b5b5b5;
                    font-size: 14px;
                    font-weight: 400;
                    text-align: left;
                    text-decoration: none
                }

        #sub .box.choose-photos .price-list {
            margin-top: 20px;
            margin-bottom: 20px;
            font-weight: 600
        }

            #sub .box.choose-photos .price-list .row.h {
                color: #282828;
                font-size: 16px;
                margin-top: 0;
                font-weight: 500;
                display: table;
                width: 100%
            }

                #sub .box.choose-photos .price-list .row.h > div {
                    display: table-cell;
                    width: 33%
                }

                    #sub .box.choose-photos .price-list .row.h > div.price {
                        text-align: right
                    }

                    #sub .box.choose-photos .price-list .row.h > div.package {
                        text-align: center
                    }

            #sub .box.choose-photos .price-list .selected_photos {
                margin-top: 20px;
                font-size: 0
            }

                #sub .box.choose-photos .price-list .selected_photos .row {
                    display: inline-block;
                    line-height: 1;
                    vertical-align: baseline;
                    background-color: #f3f3f3;
                    background-image: none;
                    padding: .5833em .45em;
                    color: #7a7a7a;
                    text-transform: none;
                    font-weight: 500;
                    border: 0 solid transparent;
                    border-radius: 10px;
                    -webkit-animation: pop-In .2s forwards;
                    animation: pop-In .2s forwards;
                    font-size: 16px;
                    -webkit-user-select: none;
                    -moz-user-select: none;
                    -ms-user-select: none;
                    user-select: none;
                    cursor: default;
                    margin: .14285714rem .28571429rem .14285714rem 0;
                    padding-right: 40px;
                    border: 1px solid #ececec;
                    width: 49%;
                    margin: .5%
                }

                    #sub .box.choose-photos .price-list .selected_photos .row > div {
                        vertical-align: middle
                    }

                        #sub .box.choose-photos .price-list .selected_photos .row > div.price {
                            text-align: right
                        }

                        #sub .box.choose-photos .price-list .selected_photos .row > div.package {
                            text-align: center;
                            float: left;
                            height: 30px;
                            line-height: 30px;
                            margin-left: 8px;
                            padding-left: 22px;
                            font-family: Poppins, sans-serif;
                            font-size: 14px;
                            background: url(../img/heart-red.svg) no-repeat left center
                        }

:lang(ru) #sub .box.choose-photos .price-list .selected_photos .row > div.package {
    font-family: Roboto, sans-serif
}

#sub .box.choose-photos .price-list .selected_photos .row > div.package .upgrade {
    color: #9570ff;
    font-weight: 500
}

#sub .box.choose-photos .price-list .selected_photos .row > div.photo {
    position: relative;
    float: left
}

    #sub .box.choose-photos .price-list .selected_photos .row > div.photo .img {
        width: 30px;
        height: 30px;
        border-radius: 5px
    }

#sub .box.choose-photos .price-list .selected_photos .row > div.remove {
    width: 24px;
    height: 24px;
    background: url(../img/remove.svg);
    background-size: cover;
    position: absolute;
    right: 7px;
    top: 12px;
    z-index: 9999;
    cursor: pointer
}

#sub .box.choose-photos .price-list .summary {
    text-align: right;
    font-size: 20px;
    margin-top: 50px;
    font-weight: 500
}

    #sub .box.choose-photos .price-list .summary .t {
        color: #333;
        font-size: 20px;
        text-align: right
    }

    #sub .box.choose-photos .price-list .summary .price {
        margin-top: 15px;
        color: #3e396b
    }

    #sub .box.choose-photos .price-list .summary .you-save {
        color: #0cc366;
        margin-top: 15px;
        font-size: 18x
    }

    #sub .box.choose-photos .price-list .summary .promo {
        margin-top: 30px;
        margin-bottom: 30px;
        color: #a6a6a6;
        font-size: 16px
    }

        #sub .box.choose-photos .price-list .summary .promo a {
            color: #a6a6a6;
            cursor: pointer
        }

#sub .box.payment .field {
    margin: 0;
    margin-top: 30px
}

    #sub .box.payment .field.button {
        margin-top: 40px;
        display: block
    }

.btn-style {
    width: 100%;
    background: #3ecf8e;
    color: #fff;
    position: relative;
    margin: 0 auto;
    margin-top: 20px;
    display: block;
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    border: 0;
    font-family: Poppins, sans-serif;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1);
    -webkit-transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease, width .3s ease;
    transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease, width .3s ease;
    border-radius: 8px;
    margin-bottom: 5px
}

    .btn-style:hover {
        background: #3ae297
    }

    .btn-style.purple {
        background: #8075f2;
        font-weight: 700
    }

    .btn-style.disabled {
        background: #b9b9b9;
        font-weight: 700;
        cursor: initial
    }

        .btn-style.disabled:hover,
        .btn-style.purple.disabled:hover,
        .btn-style.red.disabled:hover,
        .btn-style.transparent-purple.disabled:hover {
            background: #b9b9b9
        }

    .btn-style.transparent-purple {
        background: 0 0;
        color: #8075f2;
        box-shadow: none;
        font-weight: 700
    }

        .btn-style.transparent-purple:hover {
            color: #7954f8
        }

    .btn-style.red {
        background: #f77982;
        font-weight: 700
    }

    .btn-style.purple:hover {
        background: #8a81f1
    }

    .btn-style.red:hover {
        background: #ef8a91
    }

.photo_selection li .spinner {
    transform: scale(2);
    background: url(../img/loader.svg) center center;
    background-size: cover;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.photo_selection li img.selected {
    opacity: .3
}

#sub .load-more {
    position: relative;
    background: #efefef;
    border-radius: 8px;
    margin: 0 auto;
    margin-top: 20px;
    display: block;
    width: 200px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    font-weight: 500;
    color: #999;
    margin-bottom: 40px;
    cursor: pointer;
    border: 0;
    font-family: Poppins, sans-serif
}

button.animated .text {
    transform: scale(1);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

button.animated .spinner {
    transform: scale(2);
    opacity: 0;
    background: url(../img/loader.svg) center center;
    background-size: cover;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

    button.animated .spinner.white {
        background-image: url(../img/loader-white.svg);
        background-position: center center
    }

button.animated.loading .spinner {
    opacity: 1;
    transform: scale(1.2);
}

button.animated,
button.animated span.spinner {
    transition: all .3s linear;
    -webkit-transition: all .3s linear
}

    button.animated.loading {
        width: 50px !important;
        border-radius: 50px !important
    }

.btn-style.animated .text {
    transform: scale(1);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.btn-style.animated .spinner {
    transform: scale(2);
    opacity: 0;
    background: url(../img/loader.svg) center center;
    background-size: cover;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

    .btn-style.animated .spinner.white {
        background-image: url(../img/loader-white.svg);
        background-position: center center
    }

.btn-style.animated.loading .spinner {
    opacity: 1;
    transform: scale(1.2)
}

.btn-style.animated span.spinner,
button.animated {
    transition: all .3s linear;
    -webkit-transition: all .3s linear
}

.btn-style.animated.loading {
    width: 50px !important;
    border-radius: 50px !important
}

.box-form.status-box {
    padding: 60px
}

#payment.box-form {
    text-align: center;
}

.box-form.status-box.success .title {
    color: #3ecf8e
}

.box-form.status-box.error .title {
    color: #e84855
}

.box-form.status-box.info .text {
    text-align: center;
    color: #b7b7b7
}

.box-form.status-box img {
    width: 150px;
    margin: 0 auto;
    margin-bottom: 20px;
    display: block
}

#sub .logo {
    margin-bottom: 40px
}

#sub .box.status ul {
    list-style: none;
    list-style-type: none;
    padding: 0;
    margin: 0
}

    #sub .box.status ul li {
        padding-bottom: 20px;
        margin-top: 20px;
        border-bottom: 1px dashed #efefef;
        position: relative
    }

        #sub .box.status ul li:fist-child {
            margin-top: 0
        }

        #sub .box.status ul li:last-child {
            margin-bottom: 0;
            border-bottom: 0
        }

        #sub .box.status ul li .photo {
            width: 80px;
            height: 80px;
            border-radius: 5px
        }

        #sub .box.status ul li .status {
            font-size: 14px;
            font-weight: 400;
            text-align: left;
            color: #fff;
            padding: 5px;
            border-radius: 5px;
            position: absolute;
            right: 0;
            top: 0;
            height: 18px;
            line-height: 18px
        }

        #sub .box.status ul li.running .status {
            background: #3ecf8e
        }

        #sub .box.status ul li.waiting .status {
            background: #ccc
        }

        #sub .box.status ul li.completed .status {
            background: #3ecf8e
        }

        #sub .box.status ul li.refunded .status {
            background: #dd565b
        }

        #sub .box.status ul li .likes {
            background: url(../img/heart-red.svg) no-repeat right -5px center;
            padding-right: 20px;
            font-family: Poppins, sans-serif;
            color: #dd565b;
            width: 100px;
            text-align: right;
            position: absolute;
            top: 38px;
            right: 0
        }

:lang(ru) #sub .box.status ul li .likes {
    font-family: Roboto, sans-serif
}

#sub .box.status ul li .likes .received {
    color: #ccc
}

#sub .box.status ul li .likes .slash {
    color: #efefef
}

@keyframes heartAnim {
    0% {
        background-position: left top
    }

    100% {
        background-position: right top
    }
}

.menu .menu-icon {
    display: none
}

.menu-icon {
    width: 24px;
    height: 22px;
    position: relative;
    cursor: pointer;
    float: right;
    display: none;
    margin-top: 14px
}

    .menu-icon div {
        position: absolute;
        width: 100%;
        height: 3px;
        background: #34495e;
        border-radius: 10px;
        -webkit-transition: .6s;
        transition: .6s
    }

        .menu-icon div:nth-child(2) {
            top: 8px
        }

        .menu-icon div:nth-child(3) {
            top: 8px
        }

        .menu-icon div:nth-child(4) {
            top: 16px
        }

    .menu-icon.open div {
        background: #ff5959;
        transition-duration: .3s
    }

        .menu-icon.open div:nth-child(1) {
            -webkit-transform: translateY(20px);
            transform: translateY(20px);
            opacity: 0
        }

        .menu-icon.open div:nth-child(2) {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .menu-icon.open div:nth-child(3) {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

        .menu-icon.open div:nth-child(4) {
            -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
            opacity: 0
        }

.choose-account-section p.subtext {
    transition: all .3s ease-out;
    opacity: 1;
    color: #9794c9;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 20px
}

    .choose-account-section p.subtext .info {
        max-width: 295px
    }

    .choose-account-section p.subtext .error {
        color: #e67689
    }

.choose-account-section a {
    color: #9794c9;
    text-decoration: none;
    border-bottom: 1px dashed #909090;
    display: inline-block
}

.animate-blink {
    -webkit-animation: blink .5s;
    -moz-animation: blink .5s;
    -ms-animation: blink .5s;
    -o-animation: blink .5s;
    animation: blink .5s
}

@-webkit-keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

#dashboard-wrapper,
#faq-wrapper {
    min-height: 100vh;
    background: #fafafa
}

.header.sm {
    /*! height: 500px !important; */
    position: relative;
    overflow: visible;
    padding-bottom: 0 !important
}

.content-on-hero {
    background: #f9f9f9;
    display: flex;
    color: #282828;
    line-height: 28px;
    font-size: 16px
}

    .content-on-hero .date {
        font-size: 15px;
        text-align: center;
        font-weight: 400;
        color: #818181
    }

    .content-on-hero .full-width {
        width: 100%;
        margin-bottom: 20px;
        margin-top: 20px;
        border-radius: 8px
    }

    .content-on-hero img.full-width {
        box-shadow: 0 4px 5px rgba(0, 0, 0, .2);
        border-radius: 10px
    }

    .content-on-hero .tags {
        margin-top: 20px
    }

        .content-on-hero .tags a {
            border: 1px solid #ccc;
            padding: 6px 10px;
            border-radius: 5px;
            color: #3e396b;
            background: #efefef
        }

            .content-on-hero .tags a:hover {
                background: #3e396b;
                color: #fff;
                border-color: #3e396b
            }

    .content-on-hero h4 {
        color: #3e396b;
        font-size: 20px;
        font-weight: 500
    }

    .content-on-hero h5 {
        color: #3e396b;
        font-size: 16px;
        font-weight: 500
    }

    .content-on-hero a {
        color: #9794c9;
        text-decoration: none
    }

    .content-on-hero .inner {
        background: #fff;
        border-radius: 18px;
        position: relative;
        top: -180px;
        padding: 0 40px 40px 40px;
        box-sizing: border-box;
        margin-bottom: -140px
    }

        .content-on-hero .inner .title {
            font-size: 34px;
            text-align: center;
            margin: 0 auto;
            font-weight: 500;
            line-height: 54px;
            padding: 60px 0 40px 0;
            color: #282828;
            display: block
        }

            .content-on-hero .inner .title.blog-details {
                padding-bottom: 0
            }

        .content-on-hero .inner .article .title {
            font-size: 2em;
            padding: 0;
            text-align: left;
            line-height: 40px;
            color: #3e396b
        }

        .content-on-hero .inner .article .date {
            text-align: left;
            margin: 0
        }

        .content-on-hero .inner .article {
            padding-bottom: 20px;
            border-bottom: 1px solid #eaeaea
        }

            .content-on-hero .inner .article img {
                max-width: 100% !important;
                max-height: auto;
                border-radius: 10px;
                box-shadow: 0 4px 5px rgba(0, 0, 0, .2)
            }

            .content-on-hero .inner .article .article-image {
                width: 100%;
                height: 390px;
                background-size: cover !important;
                border-radius: 10px;
                box-shadow: 0 4px 5px rgba(0, 0, 0, .2);
                margin-bottom: 20px;
                margin-top: 20px
            }

            .content-on-hero .inner .article:last-child {
                padding-bottom: 0;
                border: 0
            }

        .content-on-hero .inner dl {
            border-radius: 5px;
            border: 1px solid rgba(0, 0, 0, .1);
            margin: 0;
            padding: 0;
            margin-bottom: 20px;
            border-radius: 10px;
            cursor: pointer;
            overflow: hidden
        }

            .content-on-hero .inner dl dd,
            .content-on-hero .inner dl dt {
                padding: 0;
                margin: 0
            }

            .content-on-hero .inner dl dt {
                padding: 20px;
                font-size: 19px;
                font-size: 21px;
                color: #3e396b;
                font-weight: 600;
                position: relative;
                transition: background-color .3s ease
            }

                .content-on-hero .inner dl dt:after {
                    content: '';
                    position: absolute;
                    top: 30px;
                    right: 20px;
                    display: inline-block;
                    border-top: 8px solid #8075f2;
                    border-right: 8px solid transparent;
                    border-left: 8px solid transparent
                }

                .content-on-hero .inner dl dt.opened:after {
                    transform: rotate(180deg);
                    border-top: 8px solid #fff
                }

                .content-on-hero .inner dl dt.opened {
                    background-color: #8075f2;
                    color: #fff;
                    border-top-left-radius: 5px;
                    border-top-right-radius: 5px
                }

            .content-on-hero .inner dl dd {
                display: none;
                padding: 20px;
                font-size: 16px;
                line-height: 24px;
                color: #9794c9
            }

.open-popup {
    cursor: pointer
}

body.noscroll,
html.noscroll {
    overflow: hidden !important;
    position: relative !important;
    overflow-x: hidden;
    overflow-y: hidden
}

.popup * {
    box-sizing: border-box
}

.popup {
    width: 100%;
    height: 100vh;
    display: block;
    font-size: 0;
    top: 0;
    left: 0;
    overflow: auto;
    position: fixed;
    z-index: 9999;
    text-align: center;
    display: none;
    background-image: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 164, 245, .8) -80%, rgba(0, 0, 0, 0) 68%);
    background-image: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 164, 245, .8) -80%, rgba(0, 0, 0, 0) 68%);
    background-image: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 164, 245, .8) -80%, rgba(0, 0, 0, 0) 68%);
    background-image: -webkit-gradient(radial, center center, 0, center center, 286, color-stop(-80, rgba(0, 164, 245, .8)), color-stop(68, rgba(0, 0, 0, 0)));
    background-image: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 164, 245, .8) -80%, rgba(0, 0, 0, 0) 68%);
    background-image: radial-gradient(ellipse farthest-corner at center top, rgba(0, 164, 245, .8) -80%, rgba(0, 0, 0, 0) 68%);
    background-size: 800px 400px;
    background-repeat: no-repeat;
    background-position: top center;
    -webkit-animation: bg-fadeOut .3s normal forwards;
    -moz-animation: bg-fadeOut .3s normal forwards;
    -o-animation: bg-fadeOut .3s normal forwards
}

    .popup.opened {
        -webkit-animation: bg-fadeIn .3s normal forwards;
        -moz-animation: bg-fadeIn .3s normal forwards;
        -o-animation: bg-fadeIn .3s normal forwards
    }

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

    .popup .inner {
        background: #fff;
        padding: 60px;
        border-radius: 8px;
        box-sizing: border-box;
        margin: 0 auto;
        right: 0;
        left: 0;
        -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, .35);
        -moz-box-shadow: 0 0 15px 1px rgba(0, 0, 0, .35);
        box-shadow: 0 0 15px 1px rgba(0, 0, 0, .35);
        vertical-align: middle;
        display: inline-block;
        position: relative;
        margin-top: 2.5%;
        margin-bottom: 2.5%;
        -webkit-animation: inner-hide .3s normal forwards;
        -moz-animation: inner-hide .3s normal forwards;
        -o-animation: inner-hide .3s normal forwards
    }

    .popup.opened .inner {
        -webkit-animation: inner-show .3s normal forwards;
        -moz-animation: inner-show .3s normal forwards;
        -o-animation: inner-show .3s normal forwards
    }

    .popup.sm .inner {
        width: 420px
    }

    .popup.big .inner {
        width: 600px
    }

    .popup .inner .close,
    .popup .inner .close svg {
        width: 16px;
        height: 16px;
        cursor: pointer
    }

    .popup .inner .close {
        position: absolute;
        top: 20px;
        right: 20px
    }

        .popup .inner .close svg {
            fill: #bababa
        }

        .popup .inner .close:hover svg {
            fill: #503d89
        }

        .popup .inner .close.button {
            position: static;
            cursor: pointer;
            display: inline-block;
            min-height: 1em;
            outline: 0;
            border: none;
            vertical-align: baseline;
            color: #fff;
            font-family: proxima_nova_rgregular, sans-serif;
            margin: 3em .25em 0 0;
            padding: .78571429em 1.5em;
            text-transform: none;
            text-shadow: none;
            line-height: 1em;
            font-style: normal;
            text-align: center;
            text-decoration: none;
            border-radius: .28571429rem;
            font-size: 16px;
            width: 100%;
            height: inherit
        }

            .popup .inner .close.button.success {
                background: #56be8a
            }

                .popup .inner .close.button.success:hover {
                    background: #50bf93
                }

            .popup .inner .close.button.fail {
                background: #e84855
            }

                .popup .inner .close.button.fail:hover {
                    background: #ed7f7f
                }

    .popup .inner .title {
        color: #282828;
        font-size: 34px;
        font-weight: 500;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .popup .inner .title.big {
            font-size: 30px;
            font-weight: 600
        }

        .popup .inner .title.success {
            color: #56be8a
        }

        .popup .inner .title.fail {
            color: #e84855
        }

    .popup .inner h2,
    .popup .inner h3,
    .popup .inner h4 {
        font-weight: 600;
        color: #282828
    }

    .popup .inner .big_icon img {
        width: 160px;
        margin: 0 auto;
        margin-bottom: 30px
    }

    .popup .inner p {
        font-size: 16px;
        color: #333;
        margin-top: 20px
    }

    .popup .inner .title img {
        margin-right: 10px
    }

    .popup .inner form {
        margin-top: 30px
    }

        .popup .inner form * {
            box-sizing: border-box
        }

        .popup .inner form textarea,
        .popup form input {
            width: 100%;
            line-height: 40px;
            border: 0;
            border-bottom: 2px solid #9794c9;
            padding: 0;
            font-size: 16px;
            font-family: Poppins, sans-serif;
            color: #9794c9
        }

        .popup .inner form textarea {
            margin-top: 20px;
            margin-bottom: 20px
        }

        .popup .inner form .field {
            margin-bottom: 20px
        }

        .popup .inner form .description {
            margin-top: 0;
            margin-bottom: 20px
        }

    .popup .rating {
        margin: 0 auto;
        display: block;
        text-align: center;
        margin-top: 30px;
        margin-bottom: 0
    }

        .popup .rating span {
            display: inline-block;
            width: 40px;
            height: 40px;
            background: url(../img/star.svg);
            cursor: pointer;
            margin: 0 1px
        }

            .popup .rating span.active,
            .popup .rating span.selected {
                background: url(../img/star-active.svg)
            }

.testimonials.owl-carousel {
    margin-top: 40px;
    margin-bottom: 40px;
    box-sizing: border-box;
    position: relative;
    padding: 0 60px
}

    .testimonials.owl-carousel .item {
        width: 300px;
        background: #fff;
        padding: 20px 30px;
        background: rgba(255, 255, 255, .75);
        border-radius: 18px;
        border: 1px solid #efefef;
        box-sizing: border-box;
        margin: 0 auto
    }

        .testimonials.owl-carousel .item .name {
            text-align: center;
            color: #282828;
            font-size: 18px;
            margin-top: 20px;
            font-weight: 500
        }

        .testimonials.owl-carousel .item .comment {
            text-align: center;
            margin-top: 10px;
            color: #9794c9;
            font-size: 15px;
            line-height: 22px
        }

        .testimonials.owl-carousel .item .rating {
            margin-top: 10px;
            margin-bottom: 10px
        }

            .testimonials.owl-carousel .item .rating span {
                width: 16px;
                height: 16px;
                background-size: cover !important
            }

    .testimonials.owl-carousel .owl-stage {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 8px
    }

    .testimonials.owl-carousel .owl-item {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: auto !important
    }

        .testimonials.owl-carousel .owl-item.first.active .item {
            float: right
        }

    .testimonials.owl-carousel .owl-nav {
        position: absolute;
        left: 0;
        right: 0;
        top: 42px;
        width: 100%;
        margin: auto;
        height: 32px
    }

        .testimonials.owl-carousel .owl-nav .owl-next,
        .testimonials.owl-carousel .owl-nav .owl-prev {
            width: 20px;
            height: 32px;
            font-size: 0;
            color: transparent
        }

        .testimonials.owl-carousel .owl-nav .owl-prev {
            float: left;
            background: url(../img/slider-left.svg) no-repeat center center
        }

            .testimonials.owl-carousel .owl-nav .owl-prev:hover {
                background: url(../img/slider-left.svg) no-repeat center center
            }

        .testimonials.owl-carousel .owl-nav .owl-next {
            float: right;
            background: url(../img/slider-right.svg) no-repeat center center
        }

            .testimonials.owl-carousel .owl-nav .owl-next:hover {
                background: url(../img/slider-right.svg) no-repeat center center
            }

.share-experience {
    text-align: center
}

    .share-experience .add-comment {
        background: #8075f2;
        color: #fff;
        text-decoration: none;
        display: inline-block;
        height: 50px;
        line-height: 50px;
        text-align: center;
        border-radius: 8px;
        font-weight: 500;
        font-family: Poppins, sans-serif;
        margin: 0 auto;
        padding: 0 20px;
        margin-bottom: 80px;
        transition: .2s linear background
    }

:lang(ru) .share-experience .add-comment {
    font-family: Roboto, sans-serif
}

.share-experience .add-comment:hover {
    background: #8a81f1
}

@keyframes bg-fadeIn {
    0% {
        background-color: rgba(36, 36, 98, 0)
    }

    100% {
        background-color: rgba(36, 36, 98, .8)
    }
}

@keyframes bg-fadeOut {
    0% {
        background-color: rgba(36, 36, 98, .8)
    }

    100% {
        background-color: rgba(36, 36, 98, 0)
    }
}

@keyframes inner-show {
    0% {
        opacity: 0;
        transform: scale(.9, .9)
    }

    100% {
        opacity: 1;
        transform: scale(1, 1)
    }
}

@keyframes inner-hide {
    0% {
        opacity: 1;
        transform: scale(1, 1)
    }

    100% {
        opacity: 0;
        transform: scale(.9, .9)
    }
}

.popup p.error {
    color: #e67689
}

ul.features.right {
    float: right
}

ul.features {
    display: inline-block;
    vertical-align: top;
    width: 410px;
    margin: 80px 0
}

    ul.features li {
        background: 0 0;
        text-align: center;
        width: 100%;
        padding: 0;
        margin-bottom: 80px
    }

        ul.features li:last-child {
            margin-bottom: 0
        }

        ul.features li .title {
            font-size: 24px;
            font-family: Poppins;
            font-weight: 600;
            color: #3e396b;
            margin-bottom: 15px;
            margin-top: 5px
        }

        ul.features li .text {
            color: #818181;
            font-size: 18px;
            font-family: Poppins, sans-serif;
            font-weight: 400;
            line-height: 150%
        }

:lang(ru) ul.features li .text {
    font-family: Roboto, sans-serif
}

ul.features li img {
    width: 60px;
    margin-bottom: 20px
}

@keyframes pop-In {
    0% {
        transform: scale(.2)
    }

    100% {
        transform: scale(1)
    }
}

.header.menu-hidden .menu,
.header.menu-hidden .menu-icon {
    display: none
}

.header.menu-hidden {
    text-align: center
}

    .header.menu-hidden .logo {
        float: none
    }

.grey-bg {
    background: #f9f9f9;
    text-align: center;
    min-height: calc(100vh - 202px);
    display: inline-block;
    width: 100%
}

.box-form {
    font-family: Poppins;
    background: #fff;
    display: inline-block;
    border-radius: 16px;
    padding: 40px;
    box-sizing: border-box;
    width: 600px;
    display: block;
    margin: 0 auto
}

.mt100 {
    margin-top: 100px
}

.mt40 {
    margin-top: 40px
}

.mb120 {
    margin-bottom: 100px
}

.box-form .title {
    color: #3e396a;
    font-size: 32px;
    margin-bottom: 20px;
    font-weight: 600;
    text-align: center;
}

.box-form.disabled .title {
    margin-bottom: 0;
    opacity: .3
}

.box-form .desc {
    color: #777;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.box-form p {
    color: #a3a3a3;
    font-size: 15px;
    margin-bottom: 40px
}

.box-form input {
    display: block;
    width: 100%;
    height: 72px;
    line-height: normal;
    font-size: 17px;
    border: 1px solid #dbdbdb;
    padding-left: 46px;
    padding-right: 20px;
    box-sizing: border-box;
    font-weight: 400;
    font-family: Poppins;
    border-radius: 8px;
    -webkit-appearance: none;
    vertical-align: middle
}

    .box-form input::-webkit-input-placeholder {
        color: #c2c2c2
    }

    .box-form input::-moz-placeholder {
        color: #c2c2c2
    }

    .box-form input:-ms-input-placeholder {
        color: #c2c2c2
    }

    .box-form input:-moz-placeholder {
        color: #c2c2c2
    }

    .box-form input.top {
        border-bottom: 0;
        border-radius: 8px 8px 0 0
    }

    .box-form input.middle {
        border-bottom: 0;
        border-radius: 0
    }

    .box-form input.bottom {
        border-radius: 8px;
    }

.box-form .field {
    position: relative
}

    .box-form .field i {
        position: absolute;
        top: 26px;
        left: 20px !important;
        width: 16px;
        height: 20px
    }

        .box-form .field i.username {
            background: url(../img/icon-username.svg)
        }

        .box-form .field i.password {
            background: url(../img/icon-password.svg)
        }

        .box-form .field i.email {
            background: url(../img/icon-email.svg)
        }

.box-form .forgot {
    font-size: 17px;
    margin-top: 20px;
    display: inline-block;
    color: #7a54f8;
    text-decoration: none;
    border-bottom: 1px dashed
}

    .box-form .forgot:hover {
        color: #9477fa;
        border-bottom: 1px solid
    }

.box-form .btn-style {
    /*background: #7a55f8;*/
    background: #2980b9;
    /*! border: 0; */
    height: 72px;
    line-height: 72px;
    border-radius: 3px;
    display: block;
    width: 100%;
    margin-top: 20px;
    color: #fff;
    font-size: 21px;
    font-weight: 500;
    /*! background: none; */
}

    .box-form .btn-style:hover {
        /*background: #8a81f1;*/
        background: #2c3e50;
        color: #fff;
    }

    .box-form .btn-style.loading {
        width: 72px !important
    }

.toast {
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 10px;
    border: 1px solid
}

    .toast .t {
        font-size: 15px;
        font-weight: 600;
        padding-left: 26px;
        position: relative;
        height: 20px;
        line-height: 20px
    }

    .toast .d {
        font-size: 15px;
        margin-top: 8px
    }

    .toast .t i {
        width: 20px;
        height: 20px;
        position: absolute;
        top: 0;
        left: 0
    }

    .toast.error {
        background: #fff6f6;
        border-color: #de7676
    }

        .toast.error .t i {
            background: url(../img/icon-toast-error.svg)
        }

        .toast.error .d,
        .toast.error .t {
            color: #de7676
        }

    .toast.warning {
        background: #fcf8e3;
        border-color: #fbeed5
    }

        .toast.warning .t i {
            background: url(../img/icon-toast-warning.svg)
        }

        .box-form .toast.warning .d,
        .toast.warning .t {
            color: #c09853
        }

    .toast.info {
        background: #d9edf7;
        border-color: #bce8f1
    }

        .toast.info .t i {
            background: url(../img/icon-toast-info.svg)
        }

        .toast.info .d,
        .toast.info .t {
            color: #3a87ad
        }

.box-form .ui.selection.dropdown * {
    box-sizing: border-box;
    text-align: left
}

.box-form .ui.selection.dropdown {
    width: 100%;
    box-sizing: border-box;
    height: 72px;
    line-height: 72px;
    border-radius: 8px !important;
    padding: 0
}

    .box-form .ui.selection.dropdown.top {
        border-width: 1px !important;
        border-radius: 8px !important;
    }

    .box-form .ui.selection.dropdown,
    .box-form .ui.selection.dropdown .menu {
        border: 1px solid !important;
        border-color: #dbdbdb !important
    }

.box-form label {
    display: block;
    text-align: left;
    padding: 25px 15px 15px;
    font-weight: 800;
    color: #34495e;
}

.box-form .ui.dropdown .icon-heart {
    background: url(../img/icon-dropdown-heart.svg) left center no-repeat
}

.box-form .ui.selection.dropdown > .dropdown.icon {
    margin: 0;
    left: auto;
    right: 20px;
    color: #7f7f7f;
    opacity: 1;
    font-size: 18px;
    padding: 0;
    top: 24px;
    text-align: right
}

.box-form .ui.dropdown:not(.button) > .text {
    padding-left: 20px;
    display: block;
    padding-right: 40px
}

.box-form .ui.dropdown:not(.button) > .default.text {
    color: #c2c2c2;
    font-weight: 400;
    font-size: 17px;
    font-family: Poppins
}

.box-form .ui.dropdown .menu > .item,
.box-form .ui.dropdown:not(.button) > .text {
    color: #282828 !important
}

    .box-form .ui.dropdown .menu > .item .right,
    .box-form .ui.dropdown:not(.button) > .text .right {
        float: right;
        /*color: #7a55f8*/
        color: #2980b9;
    }

.box-form .ui.dropdown .menu,
.box-form .ui.dropdown .text,
.box-form .ui.dropdown i {
    opacity: 0
}

.box-form .user-details {
    font-size: 0;
    text-align: left;
    position: relative
}

    .box-form .user-details > * {
        vertical-align: middle
    }

    .box-form .user-details .photo {
        display: inline-block
    }

        .box-form .user-details .photo img {
            width: 82px;
            height: 82px;
            border-radius: 820px
        }

    .box-form .user-details .info {
        text-align: left;
        display: inline-block;
        margin-left: 20px
    }

        .box-form .user-details .info .username {
            color: #282828;
            font-size: 20px;
            font-weight: 600
        }

        .box-form .user-details .info .likes {
            color: #282828;
            font-size: 18px;
            font-family: Poppins, sans-serif;
            display: block
        }

:lang(ru) .box-form .user-details .info .likes {
    font-family: Roboto, sans-serif
}

.box-form .user-details .info .likes span {
    color: #2980b9;
    margin-left: 20px
}

.box-form .user-details .btn-style {
    position: absolute;
    right: 0;
    top: 0
}

    .box-form .user-details .btn-style,
    .box-form .user-details .btn-style .text {
        width: 110px;
        height: 50px;
        line-height: 50px
    }

        .box-form .user-details .btn-style.loading {
            width: 50px !important
        }

.box-form .select-box .title {
    font-size: 22px;
    margin-top: 40px;
    margin-bottom: 15px;
    color: #3e396a;
    font-weight: 600
}

.box-form .select-box .desc {
    line-height: 150%;
    font-family: Poppins, sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #777;
    display: block
}

:lang(ru) .box-form .select-box .desc {
    font-family: Roboto, sans-serif
}

.box-form .select-box .title.selected-photos {
    display: none
}

.box-form .select-box ul {
    list-style: none;
    padding: 0;
    font-size: 0;
    text-align: left;
    margin: 0;
    line-height: 0;
    overflow: hidden;
    margin-top: 40px
}

    .box-form .select-box ul li {
        list-style: none;
        width: 23.5%;
        border-radius: 5px;
        display: inline-block;
        padding: 0;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        padding-bottom: 23.5%;
        margin-bottom: 2%;
        background: url(../img/loader.svg) no-repeat center center;
        background-color: #f8f8f8
    }

        .box-form .select-box ul li:nth-child(1n) {
            margin-right: 2%
        }

        .box-form .select-box ul li:nth-child(2n) {
            margin-right: 2%
        }

        .box-form .select-box ul li:nth-child(3n) {
            margin-right: 2%
        }

        .box-form .select-box ul li:nth-child(4n) {
            margin-right: 0
        }

        .box-form .select-box ul li.selected:after {
            content: '';
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            bottom: 0;
            background: url(../img/icon-selected-heart.svg) center center no-repeat
        }

        .box-form .select-box ul li:before {
            content: '';
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            bottom: 0;
            background: #000;
            opacity: .35;
            display: none
        }

        .box-form .select-box ul li.selected:before {
            display: block
        }

.box-form .btn-style.load-more {
    background: #dedede;
    color: #8f8f8f;
    height: 50px !important;
    line-height: 50px !important;
    font-size: 15px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

    .box-form .btn-style.load-more.loading {
        width: 50px !important
    }

.selected-photos-summary {
    box-sizing: border-box;
    text-align: left
}

    .selected-photos-summary .row {
        display: inline-block;
        line-height: 1;
        vertical-align: baseline;
        background-color: #f3f3f3;
        background-image: none;
        color: #7a7a7a;
        text-transform: none;
        font-weight: 500;
        border: 0 solid transparent;
        border-radius: 5px;
        -webkit-animation: pop-In .2s forwards;
        animation: pop-In .2s forwards;
        font-size: 16px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: default;
        margin: .14285714rem .28571429rem .14285714rem 0;
        border: 1px solid #ececec;
        width: 49%;
        margin: .5%;
        box-sizing: border-box;
        padding: 8px;
        padding-right: 30px
    }

        .selected-photos-summary .row > div {
            vertical-align: middle
        }

            .selected-photos-summary .row > div.price {
                text-align: right
            }

            .selected-photos-summary .row > div.package {
                text-align: center;
                float: left;
                height: 30px;
                line-height: 30px;
                margin-left: 8px;
                padding-left: 22px;
                font-family: Poppins, sans-serif;
                font-size: 14px;
                background: url(../img/icon-dropdown-heart.svg) no-repeat left center
            }

:lang(ru) .selected-photos-summary .row > div.package {
    font-family: Roboto, sans-serif
}

.selected-photos-summary .row > div.package .upgrade {
    color: #9570ff;
    font-weight: 500
}

.selected-photos-summary .row > div.photo {
    position: relative;
    float: left
}

    .selected-photos-summary .row > div.photo .img {
        width: 30px;
        height: 30px;
        border-radius: 5px
    }

.selected-photos-summary .row > div.remove {
    width: 24px;
    height: 24px;
    background: url(../img/icon-remove-photo.svg);
    background-size: cover;
    position: absolute;
    right: 7px;
    top: 11px;
    z-index: 9999;
    cursor: pointer
}

.box-form .choose-account-1 {
    display: block
}

.box-form .choose-account-2 {
    display: none
}

    .box-form .choose-account-2 .select-box {
        padding-top: 35px;
        margin-top: 20px;
        border-top: 1px solid #f2f2f2
    }

        .box-form .choose-account-2 .select-box .title {
            margin-top: 0
        }

            .box-form .choose-account-2 .select-box .title.selected-photos {
                padding-top: 30px;
                margin-top: 20px;
                border-top: 1px solid #f2f2f2
            }

    .box-form .choose-account-2 .select-box {
        padding-top: 35px;
        margin-top: 20px;
        border-top: 1px solid #f2f2f2
    }

.box-form .desc a {
    display: inline-block;
    color: #7a54f8;
    text-decoration: none;
    border-bottom: 1px dashed
}

    .box-form .desc a:hover {
        color: #9477fa;
        border-bottom: 1px solid
    }

.box-form#create_login.disabled form {
    display: none
}

.box-form#create_login form {
    max-width: 416px;
    margin: 0 auto;
    margin-top: 40px
}

    .box-form#create_login form .desc {
        margin-bottom: 40px
    }

.box-form#create_login .result {
    display: none
}

.box-form .btn-style.green {
    background: #3ecf8e !important
}

#payment #payment-header .desc {
    line-height: 150%;
    font-family: Poppins, sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #777;
    display: block;
    padding-top: 10px
}

#payment.disabled #payment-header .desc {
    color: #ccc
}

#payment #payment-method-select {
    width: 100%;
    display: block;
    font-size: 0;
    padding-top: 20px;
    text-align: left
}

    #payment #payment-method-select .payment-method-item {
        width: 50%;
        background: #fff;
        border-top-right-radius: 8px;
        border-top-left-radius: 8px;
        display: inline-block;
        vertical-align: top;
        text-align: center;
        cursor: pointer;
        transition: .2s linear all
    }

        #payment #payment-method-select .payment-method-item img {
            display: inline-block;
            vertical-align: middle;
            width: 27px;
            height: 27px;
            margin-right: 10px
        }

    #payment #payment-method-select #payment-method-paypal img {
        width: 20px;
        height: 20px;
        margin-right: 7px
    }

    #payment #payment-method-select .payment-method-item:hover {
        background: #fafafa
    }

    #payment #payment-method-select .payment-method-item p {
        display: inline-block;
        vertical-align: middle;
        font-size: 16px;
        font-family: Poppins;
        font-weight: 700;
        color: #aaa;
        margin: 0;
        height: 50px;
        line-height: 50px;
        transition: .2s linear all
    }

    #payment #payment-method-select .payment-method-item.selected {
        background: #fafafa
    }

        #payment #payment-method-select .payment-method-item.selected:hover p {
            color: #7a55f8
        }

        #payment #payment-method-select .payment-method-item.selected p {
            color: #7a55f8
        }

#payment-details #payment-details-notification {
    width: 100%;
    height: auto;
    margin: 10px 0;
    padding: 20px;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    box-sizing: border-box;
    border-radius: 8px;
    text-align: left;
    background: #05c292;
    line-height: 130%
}

#payment.payment-subscription #payment-details-price {
    padding-top: 0
}

#payment #payment-details-price {
    padding-top: 10px
}

    #payment #payment-details-price #payment-price {
        margin-top: 10px;
        font-family: Poppins
    }

:lang(ru) #payment #payment-details-price #payment-price {
    font-family: Roboto, sans-serif
}

#payment #payment-details-price .desc {
    font-family: Poppins, sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #000
}

:lang(ru) #payment #payment-details-price .desc {
    font-family: Roboto, sans-serif
}

#payment #reward-checkout #reward-checkout-error {
    margin-top: 10px
}

#payment #paypal-checkout {
    background: #fafafa;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 20px 20px 25px
}

    #payment #paypal-checkout #paypal-button {
        margin-top: 0
    }

#payment .cards-list-wrapper {
    position: relative;
    margin: 20px 0
}

    #payment .cards-list-wrapper #receipt-email {
        max-width: 100%;
        padding-top: 15px
    }

#payment .cards-list-divider {
    font-family: Poppins, sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #aaa;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: block
}

:lang(ru) #payment .cards-list-divider {
    font-family: Roboto, sans-serif
}

#payment .card-list-input {
    cursor: pointer;
    display: block;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 14px 16px;
    background: #f9f7ff;
    border: 1px solid #9f91fc;
    font-size: 16px;
    font-weight: 500;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    line-height: normal;
    border-radius: 4px;
    font-size: 0;
    position: relative
}

    #payment .card-list-input .select-arrow {
        width: 8px;
        height: 14px;
        padding: 0 13px;
        position: absolute;
        color: #3e396b;
        font-family: Dropdown;
        font-size: 14px;
        right: 0;
        bottom: calc(50% - 7px);
        pointer-events: none;
        box-sizing: content-box !important
    }

        #payment .card-list-input .select-arrow:before {
            content: '\f0d7'
        }

    #payment .card-list-input img {
        display: inline-block;
        vertical-align: middle;
        width: 30px;
        height: 30px
    }

    #payment .card-list-input p {
        display: inline-block;
        width: calc(100% - 45px);
        vertical-align: middle;
        margin: 0;
        padding-left: 15px;
        font-family: Poppins;
        color: #3e396b
    }

:lang(ru) #payment .card-list-input p {
    font-family: Roboto
}

#payment #cards-list-select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}

#payment #cards-list-selected-remove {
    display: none
}

#payment #cards-list {
    display: block;
    position: relative;
    font-size: 0
}

    #payment #cards-list.selected #cards-list-selected-remove {
        display: inline-block;
        vertical-align: top;
        width: auto;
        margin-left: 6px
    }

    #payment #cards-list.selected #cards-list-selected {
        width: calc(100% - 70px);
        display: inline-block;
        vertical-align: top
    }

    #payment #cards-list.selected #cards-list-select {
        width: calc(100% - 70px)
    }

#payment .checkout-method {
    background: #fafafa;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 30px 40px 35px;
    text-align: left;
    font-size: 0
}

    #payment .checkout-method .checkout-method-header {
        width: 100%;
        padding-bottom: 20px;
        position: relative
    }

        #payment .checkout-method .checkout-method-header h3 {
            width: 100%;
            height: auto;
            font-family: Poppins;
            font-size: 24px;
            color: #3e396a;
            font-weight: 700;
            display: inline-block;
            vertical-align: top
        }

    #payment .checkout-method .checkout-method-additions {
        padding: 0 0 20px 0;
        border-bottom: 1px solid #e8e8e8
    }

    #payment .checkout-method .addition {
        padding: 0 0 10px 0
    }

        #payment .checkout-method .addition:last-child {
            padding: 0
        }

        #payment .checkout-method .addition .addition-image {
            width: 18px;
            height: 18px;
            padding: 8px;
            background: #e8e4fe;
            border-radius: 100px;
            display: inline-block;
            vertical-align: middle
        }

    #payment .checkout-method #cancellation-addition .addition-image {
        height: 20px;
        padding: 7px 8px
    }

    #payment .checkout-method .addition img {
        width: 18px;
        height: 18px;
        padding-top: 1px
    }

    #payment .checkout-method .addition p {
        padding-left: 10px;
        font-family: Poppins, sans-serif;
        font-weight: 500;
        font-size: 14px;
        color: #aaa;
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        width: calc(100% - 44px)
    }

:lang(ru) #payment .checkout-method .addition p {
    font-family: Roboto, sans-serif
}

#payment #yandex-checkout {
    background: #fafafa;
    border-radius: 8px
}

    #payment #yandex-checkout #yandex-form {
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid #e8e8e8
    }

    #payment #yandex-checkout #yandex-checkout-info {
        padding: 20px 0 10px
    }

        #payment #yandex-checkout #yandex-checkout-info .info-item {
            font-family: Poppins, sans-serif;
            font-weight: 500;
            font-size: 14px;
            color: #aaa;
            display: inline-block;
            vertical-align: middle;
            margin: 0;
            padding-bottom: 10px
        }

            #payment #yandex-checkout #yandex-checkout-info .info-item:nth-child(1) {
                padding-bottom: 15px
            }

            #payment #yandex-checkout #yandex-checkout-info .info-item:last-child {
                padding-bottom: 0
            }

:lang(ru) #payment #yandex-checkout #yandex-checkout-info .info-item {
    font-family: Roboto, sans-serif
}

#payment #card-checkout .checkout-form {
    border-radius: 8px;
    font-size: 0
}

#payment .checkout-form .styled-input-wrapper {
    margin-bottom: 15px;
    max-width: 100%
}

#payment #card-checkout #card-form {
    margin: 20px 0
}

    #payment #card-checkout #card-form #holder-name {
        padding-top: 12px;
        border-top: 1px solid #e8e8e8;
        margin-top: 20px
    }

    #payment #card-checkout #card-form #credit-card {
        width: 100%
    }

    #payment #card-checkout #card-form #exp-month {
        width: 75px;
        display: inline-block;
        vertical-align: top;
        margin-right: 15px
    }

    #payment #card-checkout #card-form #exp-year {
        width: 90px;
        display: inline-block;
        vertical-align: top
    }

    #payment #card-checkout #card-form #cvc {
        width: 90px;
        display: inline-block;
        vertical-align: top;
        float: right
    }

    #payment #card-checkout #card-form #card-button {
        margin-top: 30px
    }

        #payment #card-checkout #card-form #card-button .card-button-price {
            font-family: Poppins;
            font-weight: 400
        }

:lang(ru) #payment #card-checkout #card-form #card-button .card-button-price {
    font-family: Roboto
}

#payment.disabled #payment-details {
    display: none;
    font-family: Poppins, sans-serif
}

:lang(ru) #payment.disabled #payment-details {
    font-family: Roboto, sans-serif
}

#payment #payment-details .price {
    color: #2980b9;
    font-size: 36px;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 20px
}

#payment #payment-details .note {
    color: #aaa;
    line-height: 140%;
    max-width: 400px;
    margin: 0 auto;
    margin-top: 20px;
    font-size: 13px;
    font-weight: 400;
    text-align: center
}

    #payment #payment-details .note strong {
        font-weight: 600
    }

#payment #payment-details #payment-processor {
    font-size: 0;
    padding-top: 30px
}

    #payment #payment-details #payment-processor .payment-processor-logo {
        height: 40px;
        display: inline-block;
        vertical-align: middle;
        padding: 0 2px
    }

    #payment #payment-details #payment-processor #visa {
        height: 21px
    }

    #payment #payment-details #payment-processor #mastercard {
        height: 45px
    }

#payment #payment-details #paypal-button i {
    font-weight: 700
}

#sub .choose-account form.no-icon input {
    padding-left: 0 !important
}

.popup .inner .text-content {
    color: #818181;
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    margin-top: 20px;
    line-height: 24px;
    font-family: Poppins, sans-serif
}

.pricing .inner > .billing-method {
    color: #3e396a;
    font-size: 24px;
    font-weight: 600;
    text-align: center
}

    .pricing .inner > .billing-method .q {
        width: 22px;
        height: 22px;
        background: #e9e9e9;
        display: inline-block;
        border-radius: 200px;
        color: #bababa;
        font-size: 14px;
        font-weight: 700;
        line-height: 22px;
        overflow: hidden;
        vertical-align: middle;
        margin-top: -5px;
        margin-left: 2px;
        cursor: pointer;
        text-decoration: none;
        outline: 0
    }

        .pricing .inner > .billing-method .q:hover {
            background: #c1c1c1;
            color: #fff
        }

.pricing .inner > .billing-method-switch {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.pricing .inner > .billing-method-switch {
    margin-top: 20px;
    width: 240px;
    background: #fff;
    border-radius: 12px;
    -webkit-box-shadow: 0 2px 27px 3px rgba(0, 0, 0, .06);
    -moz-box-shadow: 0 2px 27px 3px rgba(0, 0, 0, .06);
    box-shadow: 0 2px 27px 3px rgba(0, 0, 0, .06);
    padding: 10px 15px;
    margin: 30px auto 25px
}

    .pricing .inner > .billing-method-switch .monthly,
    .pricing .inner > .billing-method-switch .one-time {
        font-size: 18px;
        color: #aaa;
        cursor: pointer;
        font-weight: 600
    }

        .pricing .inner > .billing-method-switch .monthly.checked,
        .pricing .inner > .billing-method-switch .one-time.checked {
            color: #8a81f1
        }

    .pricing .inner > .billing-method-switch .checkbox {
        margin-left: 10px;
        margin-right: 10px
    }

    .pricing .inner > .billing-method-switch .ui.toggle.checkbox .box:before,
    .pricing .inner > .billing-method-switch .ui.toggle.checkbox label:before {
        height: 4px;
        background: #c7c7c7;
        width: 50px;
        top: 18px
    }

    .pricing .inner > .billing-method-switch .ui.toggle.checkbox .box:after,
    .pricing .inner > .billing-method-switch .ui.toggle.checkbox label:after {
        width: 16px;
        height: 16px;
        background-image: none !important;
        margin-top: 10px;
        background-color: #8a81f1
    }

    .pricing .inner > .billing-method-switch .ui.toggle.checkbox label {
        padding-top: 0;
        min-height: 0
    }

    .pricing .inner > .billing-method-switch .ui.toggle.checkbox {
        min-height: 0
    }

        .pricing .inner > .billing-method-switch .monthly,
        .pricing .inner > .billing-method-switch .one-time,
        .pricing .inner > .billing-method-switch .ui.toggle.checkbox,
        .pricing .inner > .billing-method-switch .ui.toggle.checkbox input {
            line-height: 40px;
            height: 40px
        }

            .pricing .inner > .billing-method-switch .ui.toggle.checkbox input {
                margin: 0;
                width: 50px
            }

            .pricing .inner > .billing-method-switch .ui.toggle.checkbox .box,
            .pricing .inner > .billing-method-switch .ui.toggle.checkbox label {
                padding-left: 50px
            }

            .pricing .inner > .billing-method-switch .ui.toggle.checkbox input ~ .box:after,
            .pricing .inner > .billing-method-switch .ui.toggle.checkbox input ~ label:after {
                left: 0
            }

            .pricing .inner > .billing-method-switch .ui.toggle.checkbox input:checked ~ .box:after,
            .pricing .inner > .billing-method-switch .ui.toggle.checkbox input:checked ~ label:after {
                left: 34px
            }

            .pricing .inner > .billing-method-switch .ui.toggle.checkbox input:checked ~ .box:before,
            .pricing .inner > .billing-method-switch .ui.toggle.checkbox input:checked ~ label:before {
                background: #c7c7c7 !important
            }

.pricing > .billing-method-switch-text {
    font-family: Poppins, sans-serif;
    text-align: center;
    width: 90%;
    max-width: 500px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 10px;
    color: #818181;
    line-height: 150%
}

:lang(ru) .pricing > .billing-method-switch-text {
    font-family: Roboto, sans-serif
}

.ui.checkbox {
    position: relative;
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: 0;
    vertical-align: baseline;
    font-style: normal;
    min-height: 17px;
    font-size: 1rem;
    line-height: 17px;
    min-width: 17px
}

    .ui.checkbox input[type=checkbox],
    .ui.checkbox input[type=radio] {
        cursor: pointer;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0 !important;
        outline: 0;
        z-index: 3;
        width: 17px;
        height: 17px
    }

    .ui.checkbox .box,
    .ui.checkbox label {
        cursor: auto;
        position: relative;
        display: block;
        padding-left: 1.85714em;
        outline: 0;
        font-size: 1em
    }

        .ui.checkbox .box:before,
        .ui.checkbox label:before {
            position: absolute;
            top: 0;
            left: 0;
            width: 17px;
            height: 17px;
            content: '';
            background: #fff;
            border-radius: .21428571rem;
            -webkit-transition: border .1s ease, opacity .1s ease, -webkit-transform .1s ease, -webkit-box-shadow .1s ease;
            transition: border .1s ease, opacity .1s ease, -webkit-transform .1s ease, -webkit-box-shadow .1s ease;
            transition: border .1s ease, opacity .1s ease, transform .1s ease, box-shadow .1s ease;
            transition: border .1s ease, opacity .1s ease, transform .1s ease, box-shadow .1s ease, -webkit-transform .1s ease, -webkit-box-shadow .1s ease;
            border: 1px solid #d4d4d5
        }

        .ui.checkbox .box:after,
        .ui.checkbox label:after {
            position: absolute;
            font-size: 14px;
            top: 0;
            left: 0;
            width: 17px;
            height: 17px;
            text-align: center;
            opacity: 0;
            color: rgba(0, 0, 0, .87);
            -webkit-transition: border .1s ease, opacity .1s ease, -webkit-transform .1s ease, -webkit-box-shadow .1s ease;
            transition: border .1s ease, opacity .1s ease, -webkit-transform .1s ease, -webkit-box-shadow .1s ease;
            transition: border .1s ease, opacity .1s ease, transform .1s ease, box-shadow .1s ease;
            transition: border .1s ease, opacity .1s ease, transform .1s ease, box-shadow .1s ease, -webkit-transform .1s ease, -webkit-box-shadow .1s ease
        }

    .ui.checkbox label,
    .ui.checkbox + label {
        color: rgba(0, 0, 0, .87);
        -webkit-transition: color .1s ease;
        transition: color .1s ease
    }

    .ui.checkbox + label {
        vertical-align: middle
    }

    .ui.checkbox .box:hover::before,
    .ui.checkbox label:hover::before {
        background: #fff;
        border-color: rgba(34, 36, 38, .35)
    }

    .ui.checkbox label:hover,
    .ui.checkbox + label:hover {
        color: rgba(0, 0, 0, .8)
    }

    .ui.checkbox .box:active::before,
    .ui.checkbox label:active::before {
        background: #f9fafb;
        border-color: rgba(34, 36, 38, .35)
    }

    .ui.checkbox .box:active::after,
    .ui.checkbox label:active::after {
        color: rgba(0, 0, 0, .95)
    }

    .ui.checkbox input:active ~ label {
        color: rgba(0, 0, 0, .95)
    }

    .ui.checkbox input:focus ~ .box:before,
    .ui.checkbox input:focus ~ label:before {
        background: #fff;
        border-color: #96c8da
    }

    .ui.checkbox input:focus ~ .box:after,
    .ui.checkbox input:focus ~ label:after {
        color: rgba(0, 0, 0, .95)
    }

    .ui.checkbox input:focus ~ label {
        color: rgba(0, 0, 0, .95)
    }

    .ui.checkbox input:checked ~ .box:before,
    .ui.checkbox input:checked ~ label:before {
        background: #fff;
        border-color: rgba(34, 36, 38, .35)
    }

    .ui.checkbox input:checked ~ .box:after,
    .ui.checkbox input:checked ~ label:after {
        opacity: 1;
        color: rgba(0, 0, 0, .95)
    }

    .ui.checkbox input:not([type=radio]):indeterminate ~ .box:before,
    .ui.checkbox input:not([type=radio]):indeterminate ~ label:before {
        background: #fff;
        border-color: rgba(34, 36, 38, .35)
    }

    .ui.checkbox input:not([type=radio]):indeterminate ~ .box:after,
    .ui.checkbox input:not([type=radio]):indeterminate ~ label:after {
        opacity: 1;
        color: rgba(0, 0, 0, .95)
    }

    .ui.checkbox input:checked:focus ~ .box:before,
    .ui.checkbox input:checked:focus ~ label:before,
    .ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:before,
    .ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:before {
        background: #fff;
        border-color: #96c8da
    }

    .ui.checkbox input:checked:focus ~ .box:after,
    .ui.checkbox input:checked:focus ~ label:after,
    .ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:after,
    .ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:after {
        color: rgba(0, 0, 0, .95)
    }

.ui.read-only.checkbox,
.ui.read-only.checkbox label {
    cursor: default
}

.ui.checkbox input[disabled] ~ .box:after,
.ui.checkbox input[disabled] ~ label,
.ui.disabled.checkbox .box:after,
.ui.disabled.checkbox label {
    cursor: default !important;
    opacity: .5;
    color: #000
}

.ui.checkbox input.hidden {
    z-index: -1
}

    .ui.checkbox input.hidden + label {
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

.ui.radio.checkbox {
    min-height: 15px
}

    .ui.radio.checkbox .box,
    .ui.radio.checkbox label {
        padding-left: 1.85714em
    }

        .ui.radio.checkbox .box:before,
        .ui.radio.checkbox label:before {
            content: '';
            -webkit-transform: none;
            transform: none;
            width: 15px;
            height: 15px;
            border-radius: 500rem;
            top: 1px;
            left: 0
        }

        .ui.radio.checkbox .box:after,
        .ui.radio.checkbox label:after {
            border: none;
            content: '' !important;
            width: 15px;
            height: 15px;
            line-height: 15px
        }

        .ui.radio.checkbox .box:after,
        .ui.radio.checkbox label:after {
            top: 1px;
            left: 0;
            width: 15px;
            height: 15px;
            border-radius: 500rem;
            -webkit-transform: scale(.46666667);
            transform: scale(.46666667);
            background-color: rgba(0, 0, 0, .87)
        }

    .ui.radio.checkbox input:focus ~ .box:before,
    .ui.radio.checkbox input:focus ~ label:before {
        background-color: #fff
    }

    .ui.radio.checkbox input:focus ~ .box:after,
    .ui.radio.checkbox input:focus ~ label:after {
        background-color: rgba(0, 0, 0, .95)
    }

    .ui.radio.checkbox input:indeterminate ~ .box:after,
    .ui.radio.checkbox input:indeterminate ~ label:after {
        opacity: 0
    }

    .ui.radio.checkbox input:checked ~ .box:before,
    .ui.radio.checkbox input:checked ~ label:before {
        background-color: #fff
    }

    .ui.radio.checkbox input:checked ~ .box:after,
    .ui.radio.checkbox input:checked ~ label:after {
        background-color: rgba(0, 0, 0, .95)
    }

    .ui.radio.checkbox input:focus:checked ~ .box:before,
    .ui.radio.checkbox input:focus:checked ~ label:before {
        background-color: #fff
    }

    .ui.radio.checkbox input:focus:checked ~ .box:after,
    .ui.radio.checkbox input:focus:checked ~ label:after {
        background-color: rgba(0, 0, 0, .95)
    }

.ui.slider.checkbox {
    min-height: 1.25rem
}

    .ui.slider.checkbox input {
        width: 3.5rem;
        height: 1.25rem
    }

    .ui.slider.checkbox .box,
    .ui.slider.checkbox label {
        padding-left: 4.5rem;
        line-height: 1rem;
        color: rgba(0, 0, 0, .4)
    }

        .ui.slider.checkbox .box:before,
        .ui.slider.checkbox label:before {
            display: block;
            position: absolute;
            content: '';
            border: none !important;
            left: 0;
            z-index: 1;
            top: .4rem;
            background-color: rgba(0, 0, 0, .05);
            width: 3.5rem;
            height: .21428571rem;
            -webkit-transform: none;
            transform: none;
            border-radius: 500rem;
            -webkit-transition: background .3s ease;
            transition: background .3s ease
        }

        .ui.slider.checkbox .box:after,
        .ui.slider.checkbox label:after {
            background: #fff -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .05)));
            background: #fff -webkit-linear-gradient(transparent, rgba(0, 0, 0, .05));
            background: #fff linear-gradient(transparent, rgba(0, 0, 0, .05));
            position: absolute;
            content: '' !important;
            opacity: 1;
            z-index: 2;
            border: none;
            -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15), 0 0 0 1px rgba(34, 36, 38, .15) inset;
            box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15), 0 0 0 1px rgba(34, 36, 38, .15) inset;
            width: 1.5rem;
            height: 1.5rem;
            top: -.25rem;
            left: 0;
            -webkit-transform: none;
            transform: none;
            border-radius: 500rem;
            -webkit-transition: left .3s ease;
            transition: left .3s ease
        }

    .ui.slider.checkbox input:focus ~ .box:before,
    .ui.slider.checkbox input:focus ~ label:before {
        background-color: #a7a7a7;
        border: none
    }

    .ui.slider.checkbox .box:hover,
    .ui.slider.checkbox label:hover {
        color: rgba(0, 0, 0, .8)
    }

        .ui.slider.checkbox .box:hover::before,
        .ui.slider.checkbox label:hover::before {
            background: rgba(0, 0, 0, .15)
        }

    .ui.slider.checkbox input:checked ~ .box,
    .ui.slider.checkbox input:checked ~ label {
        color: rgba(0, 0, 0, .95) !important
    }

        .ui.slider.checkbox input:checked ~ .box:before,
        .ui.slider.checkbox input:checked ~ label:before {
            background-color: #545454 !important
        }

        .ui.slider.checkbox input:checked ~ .box:after,
        .ui.slider.checkbox input:checked ~ label:after {
            left: 2rem
        }

    .ui.slider.checkbox input:focus:checked ~ .box,
    .ui.slider.checkbox input:focus:checked ~ label {
        color: rgba(0, 0, 0, .95) !important
    }

        .ui.slider.checkbox input:focus:checked ~ .box:before,
        .ui.slider.checkbox input:focus:checked ~ label:before {
            background-color: #000 !important
        }

.ui.toggle.checkbox {
    min-height: 1.5rem
}

    .ui.toggle.checkbox input {
        width: 3.5rem;
        height: 1.5rem
    }

    .ui.toggle.checkbox .box,
    .ui.toggle.checkbox label {
        min-height: 1.5rem;
        padding-left: 60px;
        color: rgba(0, 0, 0, .87)
    }

    .ui.toggle.checkbox label {
        padding-top: .15em
    }

        .ui.toggle.checkbox .box:before,
        .ui.toggle.checkbox label:before {
            display: block;
            position: absolute;
            content: '';
            z-index: 1;
            -webkit-transform: none;
            transform: none;
            border: none;
            top: 0;
            background: #a7a7a7;
            -webkit-box-shadow: none;
            box-shadow: none;
            width: 60px;
            height: 34px;
            border-radius: 20px
        }

        .ui.toggle.checkbox .box:after,
        .ui.toggle.checkbox label:after {
            background: url(../img/icon-switch-off.svg) no-repeat center center;
            background-color: #fff;
            position: absolute;
            content: '' !important;
            opacity: 1;
            z-index: 2;
            border: none;
            -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15), 0 0 0 1px rgba(34, 36, 38, .15) inset;
            box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15), 0 0 0 1px rgba(34, 36, 38, .15) inset;
            width: 30px;
            height: 30px;
            top: 2px;
            left: 0;
            border-radius: 500rem;
            -webkit-transition: background .3s ease, left .3s ease;
            transition: background .3s ease, left .3s ease
        }

    .ui.toggle.checkbox input ~ .box:after,
    .ui.toggle.checkbox input ~ label:after {
        left: 2px;
        -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15), 0 0 0 1px rgba(34, 36, 38, .15) inset;
        box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15), 0 0 0 1px rgba(34, 36, 38, .15) inset
    }

    .ui.toggle.checkbox input:focus ~ .box:before,
    .ui.toggle.checkbox input:focus ~ label:before {
        background-color: #a7a7a7;
        border: none
    }

    .ui.toggle.checkbox .box:hover::before,
    .ui.toggle.checkbox label:hover::before {
        background-color: #a7a7a7;
        border: none
    }

    .ui.toggle.checkbox input:checked ~ .box,
    .ui.toggle.checkbox input:checked ~ label {
        color: rgba(0, 0, 0, .95) !important
    }

        .ui.toggle.checkbox input:checked ~ .box:before,
        .ui.toggle.checkbox input:checked ~ label:before {
            background-color: #51e298 !important
        }

        .ui.toggle.checkbox input:checked ~ .box:after,
        .ui.toggle.checkbox input:checked ~ label:after {
            left: 28px;
            background: url(../img/icon-switch-on.svg) no-repeat center center;
            background-color: #fff;
            -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15), 0 0 0 1px rgba(34, 36, 38, .15) inset;
            box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15), 0 0 0 1px rgba(34, 36, 38, .15) inset
        }

    .ui.toggle.checkbox input:focus:checked ~ .box,
    .ui.toggle.checkbox input:focus:checked ~ label {
        color: rgba(0, 0, 0, .95) !important
    }

        .ui.toggle.checkbox input:focus:checked ~ .box:before,
        .ui.toggle.checkbox input:focus:checked ~ label:before {
            background-color: #51e298 !important
        }

.ui.fitted.checkbox .box,
.ui.fitted.checkbox label {
    padding-left: 0 !important
}

.ui.fitted.toggle.checkbox {
    width: 3.5rem
}

.ui.fitted.slider.checkbox {
    width: 3.5rem
}

@font-face {
    font-family: Checkbox;
    src: url('data:application/x-font-ttf;  charset=utf-8;  base64,AAEAAAALAIAAAwAwT1MvMg8SBD8AAAC8AAAAYGNtYXAYVtCJAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zn4huwUAAAF4AAABYGhlYWQGPe1ZAAAC2AAAADZoaGVhB30DyAAAAxAAAAAkaG10eBBKAEUAAAM0AAAAHGxvY2EAmgESAAADUAAAABBtYXhwAAkALwAAA2AAAAAgbmFtZSC8IugAAAOAAAABknBvc3QAAwAAAAAFFAAAACAAAwMTAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADoAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6AL//f//AAAAAAAg6AD//f//AAH/4xgEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAEUAUQO7AvgAGgAAARQHAQYjIicBJjU0PwE2MzIfAQE2MzIfARYVA7sQ/hQQFhcQ/uMQEE4QFxcQqAF2EBcXEE4QAnMWEP4UEBABHRAXFhBOEBCoAXcQEE4QFwAAAAABAAABbgMlAkkAFAAAARUUBwYjISInJj0BNDc2MyEyFxYVAyUQEBf9SRcQEBAQFwK3FxAQAhJtFxAQEBAXbRcQEBAQFwAAAAABAAAASQMlA24ALAAAARUUBwYrARUUBwYrASInJj0BIyInJj0BNDc2OwE1NDc2OwEyFxYdATMyFxYVAyUQEBfuEBAXbhYQEO4XEBAQEBfuEBAWbhcQEO4XEBACEm0XEBDuFxAQEBAX7hAQF20XEBDuFxAQEBAX7hAQFwAAAQAAAAIAAHRSzT9fDzz1AAsEAAAAAADRsdR3AAAAANGx1HcAAAAAA7sDbgAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADuwABAAAAAAAAAAAAAAAAAAAABwQAAAAAAAAAAAAAAAIAAAAEAABFAyUAAAMlAAAAAAAAAAoAFAAeAE4AcgCwAAEAAAAHAC0AAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhWZXJzaW9uIDIuMABWAGUAcgBzAGkAbwBuACAAMgAuADBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhDaGVja2JveABDAGgAZQBjAGsAYgBvAHhSZWd1bGFyAFIAZQBnAHUAbABhAHJDaGVja2JveABDAGgAZQBjAGsAYgBvAHhGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA') format('truetype')
}

.ui.checkbox .box:after,
.ui.checkbox label:after {
    font-family: Checkbox
}

.ui.checkbox input:checked ~ .box:after,
.ui.checkbox input:checked ~ label:after {
    content: 'e800'
}

.ui.checkbox input:indeterminate ~ .box:after,
.ui.checkbox input:indeterminate ~ label:after {
    font-size: 12px;
    content: 'e801'
}

@media only screen and (min-height:1000px) {
    #landing {
        min-height: auto;
        max-height: 1000px
    }

        #landing #landing-first {
            height: 955px
        }
}

@media only screen and (max-width:1180px) {
    .fix-width {
        width: 90%
    }

    #features-more {
        width: 86%
    }
}

@media only screen and (max-width:1100px) {
    #landing #landing-illustration #landing-floating-delivered {
        right: 170px
    }

    .global-section-box .section-content {
        width: calc(100% - 370px)
    }

    .global-section-box .section-illustration {
        padding: 0 0 0 20px;
        width: 350px
    }

    .global-section-box.content-mirrored .section-illustration {
        padding: 0 20px 0 0
    }

    #free-page-why .section-illustration #top-left-card-wrapper {
        left: 30px
    }

    #free-page-why .section-illustration #top-right-card-wrapper {
        left: 230px
    }

    #free-page-why .section-illustration #bottom-right-card-wrapper {
        left: 230px
    }

        #free-page-why .section-illustration #bottom-right-card-wrapper.animate-heart .heart {
            animation: free-why-heart 1s 1.6s linear
        }

    #free-page-why .section-illustration #bottom-left-card-wrapper {
        left: 30px
    }

    #reviews-page .landing-illustration #landing-floating-review-great {
        top: 100px;
        left: 80px;
        display: none
    }

        #reviews-page .landing-illustration #landing-floating-review-great.animation-one {
            display: block;
            animation: landing-review-great-slide-in-left 1.2s ease-out
        }

    #reviews-page .landing-illustration #landing-floating-review-fast {
        top: 240px;
        left: 20px;
        display: none
    }

        #reviews-page .landing-illustration #landing-floating-review-fast.animation-one {
            display: block;
            animation: landing-review-fast-slide-in-left 1s ease-out
        }

    #reviews-page .landing-illustration #landing-floating-review-recommend {
        top: 380px;
        left: 60px;
        display: none
    }

        #reviews-page .landing-illustration #landing-floating-review-recommend.animation-one {
            display: block;
            animation: landing-review-recommend-slide-in-left 1.4s ease-out
        }

    @keyframes landing-review-great-slide-in-left {
        0% {
            opacity: 0;
            left: 1000px
        }

        100% {
            opacity: 1;
            left: 80px
        }
    }

    @keyframes landing-review-fast-slide-in-left {
        0% {
            opacity: 0;
            left: 1000px
        }

        100% {
            opacity: 1;
            left: 20px
        }
    }

    @keyframes landing-review-recommend-slide-in-left {
        0% {
            opacity: 0;
            left: 1000px
        }

        100% {
            opacity: 1;
            left: 60px
        }
    }

    .pricing ul li {
        /*! margin: 40px; */
        display: inline-block;
        vertical-align: top
    }

    .pricing ul li:last-child {
        margin-bottom: 0
    }

    .footer-v2 .left-column {
        width: 50%;
        padding-right: 0;
    }
    .footer-v2 .middle-column {
        width: 50%;
    }
    .footer-v2 .middle-second-column {
        width: 50%;
    }
    .footer-v2 .right-column {
        width: 50%;
    }
}

@media only screen and (max-width:990px) {
    .pricing .packages-list, .pricing .features-list {
        width: auto;
        margin: auto;
        float: none;
    }

        .pricing .packages-list .pricing-list {
            text-align: center;
        }

    .pricing .features-list {
        margin-top: 20px;
    }
}

@media only screen and (max-width:980px) {
    #features-more .features {
        display: inline-block
    }

    .about {
        padding-bottom: 180px;
        padding-top: 60px
    }

        .about ul {
            display: block;
            text-align: center
        }

            .about ul li {
                margin: 40px;
                display: inline-block;
                vertical-align: top
            }

                .about ul li:last-child {
                    margin-bottom: 0
                }

    .need-more .custom-package .left {
        width: 22%;
        text-align: center
    }

    .need-more .custom-package .right {
        width: 28%;
        text-align: right;
        padding-right: 20px
    }

    .need-more .custom-package .mid {
        width: 50%
    }

    #counter #counter-content-description {
        width: calc(100% - 380px)
    }

    #counter #counter-content-illustration {
        width: 380px
    }

    #landing #landing-illustration #landing-floating-delivered {
        right: 100px
    }

    ul.features {
        width: 340px
    }
}

@media only screen and (max-width:960px) {
    .content-on-hero .inner .article .title {
        font-size: 1.5em
    }

    #affiliate-canvas {
        width: 473px;
        margin-left: calc(100% - 473px)
    }
}

@media screen and (max-width:950px) {
    .global-section-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }

        .global-section-box .section-content {
            max-width: 550px;
            width: 100%;
            margin: 0 auto;
            display: block;
            -webkit-box-ordinal-group: 1;
            -ms-flex-order: 0;
            order: 0
        }

        .global-section-box .section-illustration {
            width: 400px;
            margin: 0 auto;
            display: block;
            padding: 20px 0 20px;
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1
        }

        .global-section-box.content-mirrored .section-content {
            -webkit-box-ordinal-group: 1;
            -ms-flex-order: 0;
            order: 0
        }

        .global-section-box.content-mirrored .section-illustration {
            padding: 20px 0 20px;
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1
        }

    #free-page-why .section-illustration {
        width: 100%;
        max-width: 580px;
        position: relative;
        z-index: 200;
        height: 230px;
        vertical-align: top;
        padding: 0;
        margin-top: 40px
    }

        #free-page-why .section-illustration #top-left-card-wrapper {
            top: 0;
            left: 0
        }

        #free-page-why .section-illustration #top-right-card-wrapper {
            top: 20px;
            left: 200px
        }

        #free-page-why .section-illustration #bottom-right-card-wrapper {
            top: 0;
            left: 400px
        }

        #free-page-why .section-illustration #bottom-left-card-wrapper {
            display: none
        }

    #free-page .global-landing-wrapper .global-landing,
    #reviews-page .global-landing-wrapper .global-landing {
        height: auto
    }

    #free-page .global-landing-content,
    #reviews-page .global-landing-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }

        #free-page .global-landing-content:before,
        #reviews-page .global-landing-content:before {
            display: none
        }

        #free-page .global-landing-content .landing-block,
        #reviews-page .global-landing-content .landing-block {
            max-width: 550px;
            width: 100%;
            margin: 0 auto;
            display: block;
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
            padding-bottom: 120px;
            text-align: center
        }

        #reviews-page .global-landing-content .landing-illustration {
            -webkit-box-ordinal-group: 1;
            -ms-flex-order: 0;
            order: 0;
            margin: 0 auto;
            width: 100%;
            max-width: 420px;
            height: 380px;
            padding: 0;
            margin: 10px auto 50px
        }

        #free-page .global-landing-content .landing-illustration {
            -webkit-box-ordinal-group: 1;
            -ms-flex-order: 0;
            order: 0;
            margin: 0 auto;
            width: 100%;
            max-width: 420px;
            height: 380px;
            padding: 0;
            margin: 10px auto 50px
        }

    #free-page .landing-illustration #free-likes-card-wrapper {
        top: 50px;
        left: calc(50% - 140px)
    }

    #free-page .landing-illustration #free-likes-burst-bottom {
        top: 260px;
        left: calc(50% - 240px)
    }

    #free-page .landing-illustration #free-likes-burst-top {
        top: -20px;
        left: calc(50% + 20px)
    }

    #reviews-page .landing-illustration #landing-floating-review-great {
        top: 40px
    }

    #reviews-page .landing-illustration #landing-floating-review-fast {
        top: 170px
    }

    #reviews-page .landing-illustration #landing-floating-review-recommend {
        top: 300px
    }

    #reviews-page .landing-illustration #reviews-star-particle-1 {
        left: 0
    }

    #reviews-page .landing-illustration #reviews-star-particle-2 {
        top: 35%
    }

    #reviews-page .landing-illustration #reviews-star-particle-4 {
        left: 4%;
        top: 10%
    }

    #reviews-page .landing-illustration #reviews-star-particle-5 {
        left: 100%
    }

    #reviews-page .landing-illustration #reviews-star-particle-6 {
        top: 2%
    }

    #affiliate-page #affiliate-become-form {
        margin: 0 auto
    }

    #rewards-page #rewards-first {
        padding-top: 45px;
        height: auto;
        min-height: calc(100vh - 45px)
    }

    #rewards-page #rewards-first-content:before {
        display: none
    }

    #rewards-page #rewards-first-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }

    #rewards-page .rewards-first-illustration {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        width: 100%;
        margin: 150px auto
    }

    #rewards-page .rewards-first-text-block {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        max-width: 600px;
        width: 100%;
        text-align: center;
        margin: 0 auto;
        padding-top: 20px;
        padding-bottom: 100px
    }

    #rewards-page .rewards-first-illustration .static-circle-wrapper {
        min-width: 290px
    }

    .rewards-content-box {
        width: 100%;
        margin: 0 auto;
        float: none !important
    }

        .rewards-content-box .illustration {
            width: 290px;
            top: 151px;
            opacity: .04
        }

        .rewards-content-box #what-illustration {
            right: -150px;
            transform: rotate(10deg)
        }

        .rewards-content-box #how-illustration {
            left: -110px;
            width: 330px;
            top: 110px
        }

        .rewards-content-box #tasks-illustration {
            right: -130px;
            top: 120px
        }
}

@media only screen and (max-width:900px) {
    #counter {
        padding-top: 80px;
        padding-bottom: 240px
    }

        #counter #counter-content-description {
            width: 100%;
            max-width: 550px;
            display: block;
            margin: 0 auto;
            padding-bottom: 20px
        }

        #counter #counter-content-illustration {
            width: 100%
        }

    #blog-articles .leading-article .thumbnail {
        width: 40%
    }

    #blog-articles .leading-article .body {
        width: 60%
    }
}

@media screen and (max-width:890px) {

    #features .features-text-item {
        width: 380px
    }

    #features .features-container {
        display: block;
    }

    #features .feature-item {
        width: auto;
        padding: 0;
        margin: 40px;
        display: inline-block;
        vertical-align: top;
        float: none;
        text-align: left;
    }

        #features .feature-item .icon {
            float: left;
            margin-right: 15px;
            top: 5px;
        }

    #features ul::before {
        content: "";
        border-top: none;
        border-left: 2px dashed rgb(41, 128, 185);
        left: 80px;
        position: absolute;
        top: 100px;
        height: calc(100% - 200px);
        width: 10px;
        display: block;
        z-index: -1;
    }

    .footer .footer-divider {
        display: block;
        margin: 10px auto;
        width: 100px;
        border-top: 1px solid #e0e0e0
    }

    .footer .copy,
    .footer .menu {
        float: none;
        display: block;
        text-align: center;
        height: auto;
        line-height: 40px
    }

    .footer.purple .menu a:last-child {
        margin-right: 10px
    }

    .footer .menu a:last-child {
        margin-right: 10px
    }

    .menu-icon {
        display: block
    }

    .header .menu {
        display: block !important;
        opacity: 0;
        position: absolute;
        z-index: 9999;
        width: 100%;
        height: auto;
        background: #fff;
        border-radius: 10px;
        padding: 20px;
        box-sizing: border-box;
        -webkit-box-shadow: 0 0 27px 0 rgba(0, 0, 0, .25);
        -moz-box-shadow: 0 0 27px 0 rgba(0, 0, 0, .25);
        box-shadow: 0 0 27px 0 rgba(0, 0, 0, .25);
        transform: scale(.95);
        transform-origin: right top;
        pointer-events: none
    }

        .header .menu.open {
            opacity: 1;
            transform: scale(1);
            pointer-events: all;
            -webkit-transition: .25s;
            transition: .25s
        }

        .header .menu .menu-left,
        .header .menu .menu-right {
            width: 100%;
            padding-left: 0
        }

            .header .menu .menu-right a:first-child {
                padding-top: 20px;
                border-top: 1px solid #efefef
            }

        .header .menu a {
            text-align: center;
            line-height: 27px;
            font-size: 16px;
            display: block;
            padding-top: 15px;
            padding-bottom: 15px;
            /*! border-top: 1px solid #efefef */
        }

        .header .menu .right_menu a {
            /*! display: inline-block; */
            /*! padding: 0; */
            /*! width: auto; */
            /*! border: 0; */
        }

        .header .menu .right_menu .seprator {
            /*color: #675b8e;*/
        }

        .header .menu a:first-child {
            /*! border-top: 0; */
            /*! margin-top: 0; */
            /*! padding-top: 0 */
        }

        .header .menu a.btn {
            margin: 10px auto 0 auto;
            width: 100%;
            color: #fff;
            line-height: 48px;
            height: 48px;
            padding: 5px 0;
            background: #7a55f8;
            transition: .2s linear all
        }

            .header .menu a.btn:hover {
                color: #fff;
                background: #8964f0
            }

    .menu .menu-icon {
        display: block;
        position: absolute;
        top: 14px;
        right: 0;
        margin-top: 0
    }
}

@media only screen and (max-width:850px) {
    .global-landing-content .landing-block .title {
        font-size: 36px;
        max-width: 430px;
        margin: 0 auto
    }

    #affiliate-page .global-landing-content .landing-block .title {
        margin: 0
    }

    .about ul li,
    .pricing ul .inner {
        /* padding-left: 35px;
        padding-right: 35px; */
        width: 100%
    }

    .package-free .title {
        padding-bottom: 15px
    }

    #features .features-text-item {
        padding-left: 35px;
        padding-right: 35px;
        width: calc(100% - 75px);
        max-width: 420px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px
    }

    ul.features.left {
        margin-bottom: 40px
    }

    #features .features-item {
        width: 315px;
        padding: 40px 30px 30px
    }

    .header .ill,
    .header .text-block {
        display: block;
        position: static;
        transform: none;
        width: 100%;
        margin: 0 auto;
        height: auto
    }

    .header .ill {
        margin-top: 60px
    }

        .header .ill .device {
            margin-bottom: 60px;
            position: static;
            transform: none;
            width: 70%;
            margin: 0 auto;
            display: block;
            margin-bottom: 40px
        }

    .header .text-block .text,
    .header .text-block .title {
        width: 100%;
        text-align: center;
        max-width: 100%
    }

    .header .text-block .text {
        margin-top: 30px
    }

    .header .text-block .btn {
        margin: 0 auto;
        display: block;
        margin-top: 30px
    }

    .pricing .package-free .inner {
        /*background: #8980f1;*/
        background: #0070e6;
        background-image: none
    }

        .pricing .package-free .inner .price,
        .pricing .package-free .inner .text,
        .pricing .package-free .inner br {
            display: none
        }

        .pricing .package-free .inner .btn {
            margin-top: 5px;
            background: #fff;
            color: #8075f2;
            transition: .2s linear all
        }

            .pricing .package-free .inner .btn:hover {
                background: #f5f2ff;
                color: #7c4bff
            }

    #landing .ill {
        max-width: none;
        width: inherit;
        margin: inherit
    }

    #landing {
        min-height: auto
    }

        #landing #landing-first {
            padding-top: 45px;
            height: auto
        }

        #landing #landing-first-content {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column;
            flex-flow: column
        }

        #landing #landing-illustration-wrapper {
            -webkit-box-ordinal-group: 1;
            -ms-flex-order: 0;
            order: 0;
            width: 100%
        }

        #landing #landing-text-block {
            max-width: 600px;
            width: 100%;
            text-align: center;
            margin: 0 auto;
            padding-top: 20px;
            padding-bottom: 100px
        }

            #landing #landing-text-block .title {
                font-size: 36px;
                letter-spacing: 1px
            }

            #landing #landing-text-block .text {
                margin-top: 20px
            }

            #landing #landing-text-block #landing-mobile-to-packages {
                display: block
            }

        #landing #landing-illustration {
            max-width: none;
            width: inherit;
            margin: inherit;
            height: auto;
            text-align: center;
            transform: none;
            position: relative;
            max-width: 580px;
            margin: 0 auto;
            margin-top: 30px;
            margin-bottom: 50px
        }

            #landing #landing-illustration .illustration-circles {
                width: 60%;
                position: absolute;
                height: 100%
            }

            #landing #landing-illustration img {
                width: 70%
            }

            #landing #landing-illustration .illustration-device-dashboard {
                width: 170px
            }

            #landing #landing-illustration #landing-floating-features {
                display: none !important
            }

            #landing #landing-illustration #landing-floating-trusted {
                top: 80px
            }

            #landing #landing-illustration #landing-floating-delivered {
                top: 200px;
                right: 20px
            }

    #rewards-page .rewards-first-text-block .title {
        font-size: 36px
    }

    ul.features {
        width: 100%;
        float: none
    }

        ul.features:last-child {
            margin-top: 0
        }

        ul.features li {
            text-align: center
        }
}

@media only screen and (max-width:820px) {
    .need-more form {
        width: 100%
    }

        .need-more form input {
            font-size: 22px
        }

    .mt100 {
        margin-top: 80px
    }

    .mb120 {
        margin-bottom: 80px
    }
}

@media only screen and (max-width:780px) {
    .need-more .custom-package .left {
        line-height: 100px
    }

    .need-more .custom-package {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
        padding: 35px
    }

        .need-more .custom-package .left,
        .need-more .custom-package .mid,
        .need-more .custom-package .right {
            display: block;
            padding-right: 0
        }

        .need-more .custom-package .left {
            order: 2;
            width: 100%;
            height: auto;
            margin-top: 40px
        }

        .need-more .custom-package .mid {
            order: 1;
            width: 90%;
            padding-top: 66px
        }

        .need-more .custom-package .right {
            order: 3;
            width: 100%;
            text-align: center
        }

        .need-more .custom-package .discount {
            left: 50%;
            transform: translateX(-50%)
        }

        .need-more .custom-package .mid .add {
            top: 80px;
            display: none
        }

    #blog-articles .leading-article .body {
        padding: 30px
    }

    #blog-articles .leading-article .title {
        font-size: 24px
    }
}

@media only screen and (max-width:760px) {
    .footer-v2 {
        padding: 40px 0 40px
    }

        .footer-v2 .left-column {
            width: 100%;
            padding-right: 0;
            margin-bottom: 20px;
        }

        .footer-v2 .middle-column {
            width: 100%;
            display: block;
            margin-bottom: 20px;
        }

        .footer-v2 .middle-second-column {
            width: 100%;
            display: block;
            margin-bottom: 20px;
        }

        .footer-v2 .right-column {
            width: 100%;
            display: block;
            margin-bottom: 20px;
        }

    #reviews-page #reviews-list .review-column {
        width: 100%;
        padding: 0
    }
}

@media only screen and (max-width:730px) {
    .need-more form {
        width: 100%
    }

        .need-more form input {
            font-size: 22px
        }
}

@media only screen and (max-width:690px) {
    .box-form {
        width: 100%
    }
}

@media only screen and (max-width:680px) {
    #sub .box {
        width: 92%;
        padding: 30px
    }

    #sub .back {
        width: 94%;
        margin-bottom: 2px
    }

    #reviews-page .global-landing-content .landing-block {
        padding: 0 0 120px 0
    }

    #rewards-page #rewards-first {
        min-height: 0
    }

    #rewards-page .rewards-first-illustration {
        width: 100%;
        margin: 150px auto 110px;
        max-width: 290px
    }

    #rewards-page .floating-medal {
        top: 110px;
        left: -24%
    }

    #rewards-page .floating-flag {
        top: -75px;
        left: 2%
    }

    #rewards-page .floating-megaphone {
        top: -15px;
        left: 89%
    }

    #landing #landing-text-block .title {
        max-width: 420px;
        margin: 0 auto
    }

    #affiliate-canvas {
        margin-top: -250px
    }

    .global-landing-content .landing-block {
        padding: 100px 0
    }

    #free-page .global-landing-content .landing-block {
        padding-top: 0
    }
}

@media only screen and (max-width:640px) {
    #blog #blog-hero .title {
        font-size: 36px
    }

    #blog #blog-hero .text {
        font-size: 16px
    }

    #blog-articles .leading-article {
        display: block
    }

        #blog-articles .leading-article .thumbnail {
            width: 100%;
            display: block;
            height: 280px;
            border-top-left-radius: 8px;
            border-bottom-left-radius: 0;
            border-top-right-radius: 8px
        }

        #blog-articles .leading-article .body {
            display: block;
            width: 100%
        }

        #blog-articles .leading-article .title {
            width: 95%
        }

    #article #article-hero .title {
        font-size: 36px
    }

    #article #article-hero .text {
        font-size: 16px
    }

    #article-body .article-body-leading {
        object-fit: cover;
        min-height: 280px
    }

    #article #article-hero {
        padding-top: 70px
    }
}

@media screen and (max-width:614px) {
    .popup.big .inner {
        width: 95%;
        padding: 6%;
        padding-top: 40px
    }

    .popup .inner .title {
        font-size: 20px
    }

    .popup .inner.espace {
        margin-bottom: 80px
    }
}

@media only screen and (max-width:590px) {
    #summary-wrapper #summary-selected-media .selected-media-item {
        width: 100%;
        margin-right: 0
    }
}

@media only screen and (max-width:580px) {
    .box-form .title {
        font-size: 26px
    }

    .box-form input {
        height: 60px;
        font-size: 15px
    }

    .box-form .ui.selection.dropdown {
        height: 60px;
        line-height: 60px
    }

    .box-form .btn-style {
        height: 60px;
        line-height: 60px;
        font-size: 15px
    }

        .box-form .btn-style.loading {
            width: 60px !important
        }

    .box-form .forgot {
        font-size: 15px
    }

    .box-form .field i {
        top: 18px
    }

    .mt100 {
        margin-top: 40px
    }

    .mb120 {
        margin-bottom: 40px
    }

    .box-form .user-details .info,
    .box-form .user-details .photo {
        display: block;
        margin: 0;
        text-align: center
    }

    .box-form .user-details .info {
        margin-top: 20px
    }

    #checkout-step-two-user .photo {
        margin: 0 auto
    }

    .box-form .user-details .btn-style {
        position: relative
    }

    .storm-custom-carousel .storm-custom-carousel-items {
        width: calc(100% - 40px)
    }

    .storm-custom-carousel-items .carousel-item {
        margin: 0 10px 0
    }

    .storm-custom-carousel .storm-custom-carousel-arrow {
        padding: 0 5px 0 0
    }

    .footer-v2 .left-column .footer-logo {
        margin: 0 auto
    }

    .footer-v2 .footer-bottom {
        text-align: left
    }

        .footer-v2 .footer-bottom .footer-copyright {
            width: 100%;
            display: block;
            padding-bottom: 20px
        }
}

@media only screen and (max-width:565px) {
    #invoice-form {
        padding: 20px 20px 25px
    }

    #affiliate-page .landing-block {
        text-align: center
    }

    #reviews-page .landing-illustration .landing-illustration-floating {
        padding: 7px;
        width: 270px
    }

        #reviews-page .landing-illustration .landing-illustration-floating img {
            width: 42px;
            height: 42px
        }

        #reviews-page .landing-illustration .landing-illustration-floating p {
            font-size: 12px
        }

    #reviews-page .landing-illustration #landing-floating-review-fast {
        top: 140px
    }

    #reviews-page .landing-illustration #landing-floating-review-recommend {
        top: 240px
    }

    #reviews-page .global-landing-content .landing-illustration {
        height: 300px
    }

    #landing #landing-first {
        padding-top: 20px;
        height: auto
    }

    #payment .checkout-method {
        padding: 20px 20px 25px
    }

    ul.features li .title {
        font-size: 22px
    }

    ul.features li .text {
        font-size: 16px
    }

    .content-on-hero .inner .title {
        font-size: 26px;
        line-height: 34px;
        padding: 40px 0 30px 0
    }

    .content-on-hero .inner {
        padding: 0 20px 20px 20px
    }

        .content-on-hero .inner dl dd,
        .content-on-hero .inner dl dt {
            font-size: 16px
        }

            .content-on-hero .inner dl dt:after {
                top: 26px
            }

    #features .feature-item {
        margin: 40px 0
    }

    #counter #counter-content-description .text {
        font-size: 16px
    }

    .header .ill .device {
        width: 100%
    }

    .header .text-block .title {
        font-size: 30px
    }

    .about .inner > .title,
    .need-more .inner > .title,
    .pricing .inner > .title {
        /*font-size: 30px;*/
        line-height: 40px
    }

    .need-more form button {
        width: 100%
    }

    .header .ill {
        margin-top: 20px
    }

    .about {
        padding-top: 20px
    }

    #sub .box {
        width: 96%;
        padding: 20px
    }

    #sub .container {
        padding-top: 2%;
        padding-bottom: 2%
    }

    #sub .box.margin-top {
        margin-top: 2%
    }

    #landing #landing-illustration {
        margin-top: 20px;
        margin-bottom: 30px
    }

        #landing #landing-illustration .illustration-circles {
            width: 85%;
            position: absolute;
            height: 100%
        }

        #landing #landing-illustration img {
            width: 100%
        }

        #landing #landing-illustration .illustration-device-dashboard {
            width: 120px;
            border-radius: 18px
        }

        #landing #landing-illustration .landing-illustration-floating img {
            width: 42px;
            height: 42px
        }

        #landing #landing-illustration .landing-illustration-floating p {
            font-size: 12px
        }

        #landing #landing-illustration .landing-illustration-floating {
            padding: 7px;
            width: 220px;
            box-shadow: 0 6px 20px 5px rgba(0, 0, 0, .25)
        }

        #landing #landing-illustration #landing-floating-trusted {
            top: 60px;
            right: -10px
        }

        #landing #landing-illustration #landing-floating-delivered {
            top: 160px
        }

        #landing #landing-illustration .landing-particle {
            width: 10px;
            height: 10px
        }

    .header {
        padding: 20px 0
    }

    #rewards-page #rewards-first {
        padding-top: 20px;
        height: auto;
        min-height: calc(100vh - 20px)
    }

    .rewards-content-box {
        padding: 0 30px 30px
    }

        .rewards-content-box .title {
            font-size: 32px
        }

        .rewards-content-box .paragraph {
            font-size: 15px
        }

        .rewards-content-box .title-icon {
            width: 35px;
            height: 35px
        }

    .global-page .global-landing-wrapper .global-landing {
        padding-top: 20px;
        min-height: calc(100vh - 20px)
    }

    .global-section-box {
        padding: 0 30px 30px
    }

        .global-section-box .title {
            font-size: 32px
        }

        .global-section-box .paragraph {
            font-size: 15px
        }

        .global-section-box .section-illustration,
        .global-section-box.content-mirrored .section-illustration {
            width: 100%;
            padding: 0 0 20px
        }

    .global-landing-content .landing-block {
        padding: 50px 0
    }

    #free-page .global-landing-content .landing-block {
        padding-top: 0
    }

    #free-page .global-landing-content .landing-illustration {
        height: 280px
    }

    #free-page .landing-illustration #free-likes-card-wrapper .heart-wrapper {
        position: absolute;
        bottom: 25px;
        left: 22px;
        width: 30px
    }

    #free-page .landing-illustration #free-likes-card-wrapper {
        top: 20px;
        left: calc(50% - 115px);
        width: 230px
    }

    #free-page .landing-illustration #free-likes-burst-bottom {
        top: 115px
    }

    #free-page-why .section-illustration {
        margin-top: 20px
    }

        #free-page-why .section-illustration #top-left-card-wrapper {
            left: -60px
        }

        #free-page-why .section-illustration #top-right-card-wrapper {
            left: 140px
        }

        #free-page-why .section-illustration #bottom-right-card-wrapper {
            left: 340px
        }
}

@media only screen and (max-width:520px) {
    .popup-v2 .inner {
        padding: 40px 20px 20px
    }

    .policy-page-body h1 {
        font-size: 32px
    }

    .selected-photos-summary .row {
        width: 100%;
        margin: 0;
        margin-bottom: 2%
    }
}

@media only screen and (max-width:520px) {
    #payment #card-checkout #card-form #exp-month {
        width: calc(50% - 15px)
    }

    #payment #card-checkout #card-form #exp-year {
        width: 50%
    }

    #payment #card-checkout #card-form #cvc {
        width: 100%;
        float: none
    }

    #summary-upgrade {
        border-radius: 8px;
        padding: 30px
    }
}

@media only screen and (max-width:500px) {
    #payment #payment-method-select #payment-method-card img {
        display: none
    }

    #affiliate-page #affiliate-become-form {
        padding: 25px 25px
    }

    #checkout-inner {
        padding-top: 10px
    }

    .box-form .select-box ul li {
        width: 23.5%;
        padding-bottom: 23.5%
    }

        .box-form .select-box ul li:nth-child(3n) {
            margin-right: 2%
        }

        .box-form .select-box ul li:nth-child(4n) {
            margin-right: 0 !important
        }

    #checkout-single-targeting .section p {
        font-size: 13px
    }
}

@media screen and (max-width:470px) {
    .popup.sm .inner {
        width: 95%;
        padding: 6%;
        padding-top: 40px
    }

    .popup .inner .title {
        font-size: 20px
    }

    .storm-custom-carousel .storm-custom-carousel-items {
        width: calc(100% - 30px)
    }

    .storm-custom-carousel-items .carousel-item {
        padding: 30px 20px
    }

        .storm-custom-carousel-items .carousel-item .item-comment {
            font-size: 14px
        }

    .storm-custom-carousel .storm-custom-carousel-arrow {
        width: 13px;
        padding: 0 2px 0 0
    }
}

@media only screen and (max-width:465px) {
    #payment .card-list-input {
        padding: 8px 10px
    }

        #payment .card-list-input p {
            padding-left: 8px;
            line-height: 120%;
            font-size: 14px
        }

        #payment .card-list-input .select-arrow {
            padding: 0 8px
        }

        #payment .card-list-input img {
            width: 25px;
            height: 25px
        }

    #payment #cards-list #cards-list-select {
        width: 100%
    }

    #payment #cards-list.selected #cards-list-selected {
        width: calc(100% - 53px)
    }

    #payment #cards-list.selected #cards-list-select {
        width: calc(100% - 53px)
    }

    #payment #cards-list.selected #cards-list-selected-remove {
        margin-left: 6px
    }

    .about ul li,
    .pricing ul li {
        width: 100%;
        box-sizing: border-box
    }

    .box-form.checkout-extra-box {
        padding: 30px;
        border-radius: 8px
    }

    #reviews-page .global-landing-content .landing-illustration {
        height: 230px;
        margin: 20px 0 20px
    }

    #reviews-page .landing-illustration #landing-floating-review-recommend {
        display: none !important
    }

    #reviews-page .landing-illustration .landing-illustration-floating {
        width: 250px
    }
}

@media screen and (max-width:440px) {
    #landing-more {
        padding-bottom: 200px
    }

    #landing-reviews {
        padding-top: 50px;
        padding-bottom: 200px
    }

    #landing-trial {
        padding-bottom: 150px;
        padding-top: 50px
    }

    #checkout-completed-box {
        padding: 40px 20px 20px
    }

        #checkout-completed-box img {
            width: 120px
        }

        #checkout-completed-box .title {
            margin-bottom: 20px
        }

    #landing-trial-input-wrapper input {
        padding: 19px 80px 19px 17px
    }

    #landing-trial-input-button {
        width: 60px
    }

    #checkout-error-page,
    #checkout-success-page {
        padding-bottom: 80px
    }

    #reviews-page #trustpilot-section {
        padding-bottom: 190px;
        padding-top: 60px
    }
}

@media screen and (max-width:420px) {
    .rewards-content-box {
        padding: 0 0 30px
    }

        .rewards-content-box .title-icon {
            width: 30px;
            height: 30px
        }

        .rewards-content-box .title {
            font-size: 28px
        }

    #rewards-tasks-list .rewards-tasks-item.showing .rewards-tasks-item-body {
        display: block;
        padding: 12px
    }

    #rewards-tasks-list .rewards-tasks-item .rewards-tasks-item-header {
        padding: 12px
    }

    .rewards-content-box {
        width: 100%;
        margin: 0 auto 0
    }

    .global-section-box {
        width: 100%;
        margin: 0 auto 0;
        padding: 0 0 30px
    }

        .global-section-box .title {
            font-size: 28px;
            width: calc(100% - 20px)
        }

    #free-page-why .section-illustration #top-left-card-wrapper {
        left: -40px
    }

    #free-page-why .section-illustration #top-right-card-wrapper {
        left: 160px
    }

    #free-page-why .section-illustration #bottom-right-card-wrapper {
        left: 360px
    }

    .box-form .ui.dropdown:not(.button) > .text {
        font-size: 15px
    }

    .box-form .ui.dropdown:not(.button) > .text {
        padding-top: 8px
    }

        .box-form .ui.dropdown:not(.button) > .text .right {
            display: block;
            float: none
        }

    .box-form .ui.selection.dropdown {
        line-height: normal
    }

    .box-form {
        padding: 30px 20px;
        border-radius: 8px
    }

        .box-form.checkout-extra-box {
            padding: 20px;
            border-radius: 8px
        }

    .checkout-extra-box .box-close {
        position: absolute;
        top: 12px;
        right: 12px;
        width: 18px;
        height: 18px
    }

    #summary-upgrade {
        border-radius: 8px;
        padding: 20px
    }

    .footer-v2 {
        padding: 25px 0 40px
    }

        .footer-v2 .inner {
            text-align: center
        }

        .footer-v2 .footer-bottom {
            text-align: center
        }

    #footer-language-select {
        width: 250px
    }
}

@media screen and (max-width:400px) {
    #invoice-form {
        padding: 10px 10px 15px
    }

    #payment .checkout-method .checkout-method-header {
        padding-top: 10px
    }

    #payment .checkout-method {
        padding: 10px 10px 15px
    }

    #counter #counter-content-description {
        padding-bottom: 0
    }

    #counter #counter-messages .counter-message {
        width: calc(100% - 40px);
        white-space: normal
    }

    #counter #counter-content-illustration #counter-widget-wrapper {
        width: 100%
    }

    #counter #counter-widget {
        width: calc(100% - 40px);
        padding: 20px
    }

        #counter #counter-widget #counter-widget-total {
            font-size: 32px
        }

        #counter #counter-widget #counter-widget-total-wrapper img {
            width: 26px;
            height: 26px
        }

    #counter #counter-messages .counter-message {
        max-width: calc(100% - 40px)
    }

    #rewards-page .rewards-first-illustration {
        margin: 110px auto 80px;
        max-width: 250px
    }

        #rewards-page .rewards-first-illustration .static-circle-wrapper {
            min-width: 250px
        }

    #rewards-page .floating-circles {
        width: 40px;
        height: 40px
    }

        #rewards-page .floating-circles img {
            width: 34px;
            height: 34px;
            padding: 4px
        }

    #rewards-page .floating-flag {
        top: -65px
    }

    #rewards-page .floating-medal {
        top: 80px;
        left: -24%
    }

    #rewards-page .rewards-first-text-block .text {
        font-size: 15px
    }

    #blog #blog-hero {
        padding-top: 70px;
        padding-bottom: 360px
    }

        #blog #blog-hero .title {
            width: 100%
        }

        #blog #blog-hero .text {
            width: 100%;
            font-size: 15px
        }

    #blog-articles .leading-article .thumbnail {
        height: 240px
    }

    #blog-articles .leading-article .body {
        padding: 20px
    }

    #blog-articles .leading-article .title {
        font-size: 22px;
        padding-bottom: 10px;
        width: 100%
    }

    #blog-articles .leading-article .date {
        font-size: 15px
    }

    #blog-articles .leading-article .desc {
        font-size: 15px;
        padding-bottom: 15px
    }

    #article #article-hero .title {
        width: 100%
    }

    .article-style p {
        width: 100%
    }

    .global-landing-content .landing-block .title {
        font-size: 36px;
        max-width: 90%
    }

    .global-landing-content .landing-block .text {
        font-size: 15px
    }
}

@media only screen and (max-width:375px) {
    #free-page-why .section-illustration #top-left-card-wrapper {
        left: -20px
    }

    #free-page-why .section-illustration #top-right-card-wrapper {
        left: 180px
    }

        #free-page-why .section-illustration #top-right-card-wrapper.animate-in {
            animation: free-why-bottom-cards-slide-in .8s linear
        }

    #free-page-why .section-illustration #bottom-right-card-wrapper {
        display: none
    }

    .box-form .select-box ul li {
        width: 23.5%;
        padding-bottom: 23.5%;
        margin-right: 2% !important;
        margin-bottom: 2% !important
    }

        .box-form .select-box ul li:nth-child(3n) {
            margin-right: 2% !important
        }

        .box-form .select-box ul li:nth-child(4n) {
            margin-right: 0 !important
        }

    .box-form .ui.dropdown .menu > .item {
        font-size: 16px
    }

        .box-form .ui.dropdown .menu > .item .right {
            display: block;
            float: none;
            margin-top: 4px;
            font-size: 14px
        }

    .box-form {
        padding: 30px 16px
    }

    #reviews-page .landing-illustration #landing-floating-review-great {
        left: 40px;
        animation: landing-review-great-slide-in-left-small 1.2s ease-out
    }

    @keyframes landing-review-great-slide-in-left-small {
        0% {
            opacity: 0;
            left: 1000px
        }

        100% {
            opacity: 1;
            left: 40px
        }
    }
}

@media only screen and (max-width:360px) {
    #sub .box.choose-photos .price-list .selected_photos .row {
        width: 100%;
        margin-bottom: 2%
    }

    .global-landing-content .landing-block .title {
        font-size: 34px
    }

    #free-page .global-landing-content .landing-illustration {
        height: 240px
    }

    #free-page .landing-illustration #free-likes-card-wrapper {
        top: 20px;
        left: calc(50% - 100px);
        width: 200px
    }

        #free-page .landing-illustration #free-likes-card-wrapper .heart-wrapper {
            bottom: 21px;
            left: 18px;
            width: 28px
        }
}

@media screen and (max-width:355px) {
    #features .feature-item {
        width: 100%
    }
}

@media screen and (max-width:330px) {
    .global-page .global-landing-wrapper .global-landing {
        min-height: 0;
        height: auto
    }

    #free-page .global-landing-content .landing-illustration {
        height: 220px
    }

    #free-page .landing-illustration #free-likes-card-wrapper {
        top: 10px
    }

    #payment .card-list-input {
        padding: 8px 8px
    }

    #payment #cards-list.selected #cards-list-selected {
        width: calc(100% - 41px)
    }

    #payment #cards-list.selected #cards-list-select {
        width: calc(100% - 41px)
    }

    #payment #cards-list.selected #cards-list-selected-remove {
        padding: 8px 5px;
        margin-left: 4px
    }

    #payment .card-list-input p {
        padding-left: 4px;
        font-size: 13px
    }

    #payment .card-list-input .select-arrow {
        padding: 0 6px
    }
}

@media screen and (min-width:1660px) {
    .footer-v2 .separator {
        top: -98px
    }

    .footer-v2 {
        margin-top: 35px
    }
}

.popup #change-username .subscription img,
.popup #forget-account .subscription img,
.popup #unsubscribe .subscription img {
    width: 75px;
    height: 75px;
    background-size: contain;
    border-radius: 50%
}

.popup #change-username .subscription p.username,
.popup #forget-account .subscription p.username,
.popup #unsubscribe .subscription p.username {
    color: #333;
    font-weight: 700;
    margin-bottom: 0
}

.popup #change-username .subscription p.package,
.popup #forget-account .subscription p.package,
.popup #unsubscribe .subscription p.package {
    margin-top: 0
}

.box-form .login a {
    color: #7a54f8;
    text-decoration: none;
    border-bottom: 1px dashed
}

    .box-form .login a:hover {
        color: #9477fa;
        border-bottom: 1px solid
    }

/*add*/
.fomo-notification-content strong a {
    color: #006ddd !important;
}

.footer-copyright a {
    color: #eee !important;
}

.fomo-notification-content strong a {
    display: none;
}


/*App Donwload*/
#landing_app {
    display: none !important;
}

@media (max-width:1025px) {
    #landing_app {
        display: block !important;
    }
}


/*show follower count*/
.box-form .user-details .info .username span.ff {
    color: #282828;
    margin-left: 20px;
    font-size: 14px;
}

/* Added By Essin */
#pricing #order-info {
    text-align: center;
    border-top: 2px dashed rgba(0,0,0,0.03);
    margin-top: 10px;
    padding-top: 10px;
}

    #pricing #order-info .price-info {
        display: inline-block;
        width: 49%;
        font-family: Poppins, sans-serif;
    }

        #pricing #order-info .price-info .price .amount {
            font-size: 40px;
            font-weight: 600;
        }

        #pricing #order-info .price-info .price .icon {
            font-size: 24px;
            position: relative;
            top: -3px;
        }

        #pricing #order-info .price-info .off {
            background: #ff5959;
            color: #fff;
            font-size: 18px;
            padding: 3px 10px;
            border-radius: 15px;
            position: relative;
            top: -8px;
        }

            #pricing #order-info .price-info .off .icon {
                top: 0;
                font-size: 18px;
                margin-left: 3px;
            }

    #pricing #order-info .link {
        display: inline-block;
        width: 50%;
    }

        #pricing #order-info .link .btn {
            background: #2980b9;
            display: inline-block;
            padding: 10px 60px;
            font-size: 20px;
            font-weight: 500;
            color: #fff;
            border-radius: 7px;
        }

#pricing-list, .pricing-list, .pricing ul, .about ul {
    display: block;
    padding-bottom: 25px;
}

    #pricing-list .package, .pricing-list .package, .about ul li {
        display: inline-block;
        width: calc(25% - 22px);
        padding: 0 10px;
        margin-top: 10px;
        position: relative;
        max-width: 174px;
    }

    #pricing-list .package, .pricing-list .package {
        cursor: pointer;
    }

        #pricing-list .package .inner, .pricing-list .package .inner {
            border: 2px solid rgba(0,0,0,0.03);
        }

        #pricing-list .package .inner, .pricing-list .package.selected .inner {
            border-color: #2980b9;
        }

.need-more {
    padding-top: 0;
    padding-bottom: 30px;
}

    .need-more .need-more-btn {
        position: relative;
        display: block;
        background: #ff5959;
        display: inline-block;
        color: #fff;
        text-align: center;
        font-size: 20px;
        font-weight: 500;
        line-height: 60px;
        border-radius: 8px;
        font-family: Poppins, sans-serif;
        cursor: pointer;
        width: 100%;
        top: 0;
        transition-duration: .2s;
    }

        .need-more .need-more-btn:hover {
            box-shadow: -10px 10px 10px rgb(0,0,0,.2);
            top: -10px;
            transform: scale(105%);
        }

        .need-more .need-more-btn:before {
            content: ">";
            position: absolute;
            right: 40px;
            width: 30px;
            top: 0;
            visibility: hidden;
            opacity: 0;
            font-size: 10px;
            transition-duration: .5s;
        }

        .need-more .need-more-btn:hover:before {
            visibility: visible;
            opacity: 1;
            right: 10px;
            font-size: 50px;
        }

        .need-more .need-more-btn img {
            position: relative;
            top: 5px;
        }

@media screen and (max-width:1000px) {
    #pricing-list .package, .pricing-list .package, .about ul li {
        width: 44%;
    }

    #pricing #order-info .price-info, #pricing #order-info .link {
        width: 100%;
    }

    #pricing #order-info .link {
        margin-top: 15px;
    }
}

@media screen and (max-width:770px) {
    .need-more .need-more-btn {
        line-height: 40px;
        padding: 10px 0;
    }

        .need-more .need-more-btn:hover:before {
            visibility: hidden;
        }

    #landing #landing-text-block .title h1 {
        font-size: 24px;
    }

    #landing #landing-text-block .text {
        font-size: 14px;
        font-weight: normal;
    }

    #landing #landing-text-block {
        padding-bottom: 50px;
    }

    #counter {
        padding-top: 30px;
        padding-bottom: 50px
    }

        #counter #counter-content-description .title {
            font-size: 24px;
            text-align: center;
        }

        #counter #counter-content-description .text {
            font-size: 14px;
        }

        #counter #counter-separator {
            height: 30px;
        }

    .about .inner > .title, .need-more .inner > .title, .pricing .inner > .title {
        line-height: normal;
    }

    .about .inner > .text, .need-more .inner > .text, .pricing .inner > .text {
        margin-top: 15px;
        margin-bottom: 20px;
    }

    #features {
        padding-bottom: 20px;
    }

        #features .feature-item {
            margin: 15px auto;
            padding: 15px;
        }

        #features ul::before {
            left: 55px;
        }

    .about ul .title {
        font-size: 18px;
        margin-bottom: 10px;
    }

    #features .feature-item .text {
        font-size: 14px;
    }

    #features .inner {
        margin-bottom: 20px !important;
    }

    .about ul li, .pricing ul li {
        margin-bottom: 15px
    }

    .need-more, #landing-more {
        padding-top: 30px;
        padding-bottom: 30px;
    }

        .need-more .custom-package .left {
            line-height: 50px;
            margin-bottom: 10px;
        }

        .need-more .custom-package {
            margin-top: 50px;
        }

    #landing-trial {
        padding-top: 100px;
        padding-bottom: 70px;
    }
}

#bottom-copyright p {
    text-align: center;
    color: #2c3e50;
    width: 100%;
    margin-top: 30px;
}

.service-links ul {
    padding: 0;
    margin: 10px auto;
    overflow: hidden;
}

.service-links li {
    display: inline-block;
    padding: 10px;
}

.service-links a {
    display: block;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    background: #2980b9;
    border-radius: 3px;
    overflow: hidden;
    padding: 0 7px;
    text-align: center;
    position: relative;
    color: #fff;
    border: 1px solid transparent;
    transition-duration: 300ms;
}

    .service-links a:hover {
        background: transparent;
        color: #2980b9;
        border: 1px solid #2980b9;
    }

.service-links .title {
    font-size: 12px;
    line-height: 40px;
    font-weight: 500;
    z-index: 2;
    position: relative;
}

.info-banner {
    padding: 50px 0;
}

    .info-banner.info-banner-yt {
        overflow: hidden;
    }

.second-bg {
    background: rgb(41, 128, 185, 0.05);
}

.info-banner.info-banner-yt .banner-content {
    /*padding: 50px 0;*/
    position: relative;
}

/*             .info-banner.info-banner-yt .banner-content::before {
                background-color: #f2f2f2;
                content: "";
                position: absolute;
                top: -20px;
                left: -20px;
                width: 130%;
                height: 100%;
                z-index: -1;
                transform: rotate(-2deg);
                box-shadow: inset 0 0 10px rgba(0,0,0,.2);
            } */

.info-banner .banner-text {
    width: calc(55% - 20px);
    margin: auto;
    padding: 0 10px;
    float: left;
}
.info-banner .banner-img {
    width: 45%;
    margin: auto;
    text-align: center;
    float: left;
}
    .info-banner .banner-img img{
        border-radius: 15px;
    }

    .info-banner .banner-text .title h2, .info-banner .banner-text .title h3 {
        font-size: 36px;
        font-weight: 600;
    }

.info-banner .banner-text .text {
    font-size: 14px;
    margin-top: 30px;
    font-family: Poppins, sans-serif;
    line-height: 150%;
    max-width: none;
    width: 100%;
    color: #7f8c8d;
}
    .info-banner .banner-text .text a {
        color: #2980b9;
    }
    .info-banner .banner-text .text p {
        margin-bottom:10px;
    }

@media(max-width:768px) {
    #landing #landing-text-block {
        display: block;
        order: 0;
    }

    .service-links {
        display: block;
        width: 100%;
    }

        .service-links li {
            float: left;
            width: calc( 50% - 20px);
        }

            .service-links li a {
                padding: 0 3px;
            }

        .service-links .title {
            padding: 0;
            font-weight: 500;
            font-size: 12px;
            line-height: normal;
            margin: 10px auto;
            white-space: nowrap;
        }

    .info-banner .banner-text, .info-banner .banner-img {
        display: block;
        width: 100%;
        float: none;
    }

    .info-banner .banner-text {
        padding-bottom: 40px;
    }

        .info-banner .banner-text .title h2 {
            font-size: 24px;
        }

        .info-banner .banner-text .text {
            font-size: 14px;
            font-weight: normal;
        }
}
/*Poprey style*/
#top-logo, #foot-logo {
    margin-left: 10px;
    margin-top: 10px;
    font-size: 28px;
    color: #2980b9;
}
#foot-logo{
    color: #fff;
}
@media only screen and (max-width:1100px){
    .info-banner .banner-text .title h2, .info-banner .banner-text .title h3, .page-section .section-title, .pricing .description .main-title {
        font-size: 28px;
        font-weight: 600;
    }
    #pricing #order-info .price-info .price .amount{
        font-size: 26px;
    }
    #pricing #order-info .price-info .off{
        font-size: 14px;
        top: -5px;
    }
    #pricing #order-info .price-info .price .icon{
        top: -1px;
        font-size: 20px;
    }
}