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

        article,
        aside,
        details,
        figcaption,
        figure,
        footer,
        header,
        hgroup,
        menu,
        nav,
        section {
            display: block
        }

        body {
            line-height: 1
        }

        ol,
        ul {
            list-style: none
        }

        blockquote,
        q {
            quotes: none
        }

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

        table {
            border-collapse: collapse;
            border-spacing: 0
        }

        *,
        :after,
        :before {
            box-sizing: border-box;
            outline: none
        }

        a,
        body,
        button,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        input,
        label,
        p,
        select,
        span,
        textarea {
            color: #333;
            font-size: .9375rem;
            font-weight: 400;
            font-family: sans-serif
        }

        a:lang(en),
        body:lang(en),
        button:lang(en),
        h1:lang(en),
        h2:lang(en),
        h3:lang(en),
        h4:lang(en),
        h5:lang(en),
        h6:lang(en),
        input:lang(en),
        label:lang(en),
        p:lang(en),
        select:lang(en),
        span:lang(en),
        textarea:lang(en) {
            font-family: Nunito Sans, sans-serif
        }

        a:lang(ja),
        body:lang(ja),
        button:lang(ja),
        h1:lang(ja),
        h2:lang(ja),
        h3:lang(ja),
        h4:lang(ja),
        h5:lang(ja),
        h6:lang(ja),
        input:lang(ja),
        label:lang(ja),
        p:lang(ja),
        select:lang(ja),
        span:lang(ja),
        textarea:lang(ja) {
            font-family: Noto Sans JP, sans-serif
        }

        a:lang(zh-CN),
        body:lang(zh-CN),
        button:lang(zh-CN),
        h1:lang(zh-CN),
        h2:lang(zh-CN),
        h3:lang(zh-CN),
        h4:lang(zh-CN),
        h5:lang(zh-CN),
        h6:lang(zh-CN),
        input:lang(zh-CN),
        label:lang(zh-CN),
        p:lang(zh-CN),
        select:lang(zh-CN),
        span:lang(zh-CN),
        textarea:lang(zh-CN) {
            font-family: Noto Sans SC, sans-serif
        }

        a:lang(zh-TW),
        body:lang(zh-TW),
        button:lang(zh-TW),
        h1:lang(zh-TW),
        h2:lang(zh-TW),
        h3:lang(zh-TW),
        h4:lang(zh-TW),
        h5:lang(zh-TW),
        h6:lang(zh-TW),
        input:lang(zh-TW),
        label:lang(zh-TW),
        p:lang(zh-TW),
        select:lang(zh-TW),
        span:lang(zh-TW),
        textarea:lang(zh-TW) {
            font-family: Noto Sans TC, sans-serif
        }

        p span {
            color: inherit;
            font-size: inherit;
            font-weight: inherit;
            line-height: inherit;
            text-align: inherit
        }

        a {
            cursor: pointer;
            font-weight: 400;
            text-decoration: none;
            transition: all .45s cubic-bezier(.23, 1, .32, 1) 0ms
        }

        /* a:link,
        a:visited,
        a[on] {
            color: #b1530f;
        } */

        a:hover {
            color: #1d9c98;
            text-decoration: inherit
        }

        a span {
            color: inherit
        }

        label {
            cursor: pointer
        }

        img {
            max-width: 100%;
            max-height: 100%;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        svg {
            width: .9375rem;
            height: .9375rem;
            vertical-align: -2px
        }

        input[type=checkbox],
        input[type=radio] {
            margin: 0
        }

        amp-script {
            opacity: 1
        }

        button,
        input,
        select,
        textarea {
            padding: 10px;
            border: 1px solid #ccc
        }

        .main-header {
            width: 100%;
            min-height: 40px;
            position: relative;
            padding: 10px 0;
            z-index: 1001
        }

        .main-header.fixed {
            position: fixed
        }

        .main-header.fixed:not(.transparent)+.main-content {
            padding-top: 60px
        }

        .main-header.transparent .container .logo a {
            background-repeat: no-repeat;
            background-attachment: scroll;
            background-position: 50%;
            background-size: contain
        }

        .main-header.opaque,
        .main-header:not(.transparent) {
            border-bottom: 3px solid #EB7013;
            background-color: #fff
        }

        .main-header .container {
            width: calc(100% - 40px);
            max-width: 1700px;
            min-width: 320px;
            margin: 0 170px;
            display: flex;
            flex-flow: row nowrap;
            justify-content: space-between
        }

        .main-header .container .logo a {
            width: 120px;
            height: 80px;
            display: block;
            background-image: url(https://waherya.com/img/logo.svg);
            background-repeat: no-repeat;
            background-attachment: scroll;
            background-position: 50%;
            background-size: contain;
            color: transparent;
            text-align: left;
            text-indent: -99999px;
            overflow: hidden
        }

        .main-header .container .user {
            display: flex;
            flex-flow: row nowrap;
            justify-content: center
        }

        .main-header .container .user a,
        .main-header .container .user button {
            color: #333
        }

        .main-header .container .user a:hover,
        .main-header .container .user button:hover {
            color: #27d0ca
        }

        .main-header .container .user button {
            border: none;
            background-color: inherit;
            cursor: pointer
        }

        .main-header .container .user>li {
            height: 40px;
            position: relative;
            margin: 0 15px;
            display: flex;
            flex-flow: row nowrap;
            justify-content: center;
            align-items: center
        }

        .main-header .container .user>li:first-child:hover .lang,
        .main-header .container .user>li:first-child:hover .menu,
        .main-header .container .user>li:last-child:hover .menu {
            display: block
        }

        .main-header .container .user>li .lang,
        .main-header .container .user>li .menu {
            width: 150px;
            display: none;
            position: absolute;
            top: 40px;
            right: 50%;
            margin-right: -75px;
            border: 1px solid #dfdfdf;
            border-radius: 4px;
            box-shadow: 0 3px 10px rgba(0, 0, 0, .2);
            background-color: #fff
        }

        .main-header .container .user>li .lang>li,
        .main-header .container .user>li .menu>li {
            height: 40px;
            padding: 0 10px;
            border-top: 1px solid #dfdfdf;
            display: flex;
            flex-flow: row nowrap;
            justify-content: center;
            align-items: center
        }

        .main-header .container .user>li .lang>li:first-child,
        .main-header .container .user>li .menu>li:first-child {
            border: none
        }

        .main-header .container .user>li .info {
            min-width: 36px
        }

        .main-header .container .user>li .info .user-photo {
            width: 36px;
            height: 36px;
            position: absolute;
            top: 2px;
            left: 0;
            border: 1px hidden #333;
            border-radius: 50%;
            overflow: hidden
        }

        .main-header .container .user>li .info .user-name {
            padding-left: 46px;
            cursor: pointer
        }

        .main-header .container .user>li .menu {
            right: 0;
            margin-right: 0
        }

        .main-header .container .user>li .login a {
            padding: 8px 20px;
            border: 1px solid #333;
            border-radius: 50px
        }

        .main-header .container .user>li .login a:hover {
            color: #fff;
            background-color: #27d0ca;
            border: 1px solid #27d0ca
        }

        @media (max-width:900px) {
            .main-header .container .user>li .info .user-name {
                display: none
            }
        }

        @media (max-width:700px) {
            .main-header .container .user>li .login a .text {
                display: none
            }
        }

        .main-footer {
            width: 100%;
            min-height: 200px;
            position: relative;
            padding: 30px 0;
            z-index: 1001;
            background-color: #333
        }

        .main-footer .container {
            width: calc(100% - 40px);
            max-width: 1200px;
            min-width: 320px;
            margin: 0 auto;
            display: flex;
            flex-flow: row nowrap;
            justify-content: space-between
        }

        .main-footer .container p {
            color: #fff;
            letter-spacing: 1px
        }

        .main-footer .container a {
            color: #fff
        }

        .main-footer .container a:hover {
            text-decoration: underline
        }

        .main-footer .container .l-box {
            width: 100%
        }

        .main-footer .container .l-box .logo {
            position: relative;
            padding-top: 45px
        }

        .main-footer .container .l-box .logo:after {
            content: "";
            width: 118.8px;
            height: 36px;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            background-repeat: no-repeat;
            background-attachment: scroll;
            background-position: 50%;
            background-size: contain
        }

        .main-footer .container .l-box .copyright {
            padding: 30px 0 15px;
            color: #7e7e7e;
            font-size: .6875rem
        }

        .main-footer .container .r-box {
            width: 100%
        }

        .main-footer .container .r-box p {
            color: #9e9e9e;
            font-size: .8125rem;
            line-height: 200%;
            text-align: right
        }

        .main-footer .container .r-box p a {
            color: inherit
        }

        .main-footer .container .r-box .other-link {
            padding-bottom: 15px;
            text-align: right
        }

        .main-footer .container .r-box .other-link>li {
            display: inline-block
        }

        .main-footer .container .r-box .other-link>li>a {
            padding-left: 30px;
            font-size: .8125rem;
            line-height: 200%
        }

        .main-footer .container .r-box .follow-us {
            padding: 10px 0;
            text-align: right
        }

        .main-footer .container .r-box .follow-us>li {
            display: inline-block
        }

        .main-footer .container .r-box .follow-us>li>a {
            padding: 0 15px
        }

        .main-footer .container .r-box .follow-us>li>a:hover {
            text-decoration: none;
            opacity: .8
        }

        .main-footer .container .r-box .follow-us>li>a svg {
            width: 1.375rem;
            height: 1.375rem
        }

        .main-footer .container .r-box .minor {
            font-size: .6875rem
        }

        @media (max-width:700px) {
            .main-footer .container {
                flex-wrap: wrap-reverse
            }

            .main-footer .container .l-box {
                padding-top: 30px
            }

            .main-footer .container .l-box p {
                text-align: center
            }

            .main-footer .container .l-box .logo:after {
                left: calc(50% - 59.4px)
            }

            .main-footer .container .l-box .copyright {
                padding: 15px 0
            }

            .main-footer .container .r-box .follow-us,
            .main-footer .container .r-box .other-link,
            .main-footer .container .r-box p {
                text-align: center
            }

            .main-footer .container .r-box .follow-us>li>a,
            .main-footer .container .r-box .other-link>li>a,
            .main-footer .container .r-box p>li>a {
                padding: 0 15px
            }
        }

        @media (max-width:600px) {
            .main-footer {
                padding: 20px 0
            }
        }

        @-webkit-keyframes spinner {
            0% {
                transform: rotate(0deg)
            }

            to {
                transform: rotate(1turn)
            }
        }

        @keyframes spinner {
            0% {
                transform: rotate(0deg)
            }

            to {
                transform: rotate(1turn)
            }
        }

        .fa-spin {
            -webkit-animation: spinner 1.4s linear infinite;
            animation: spinner 1.4s linear infinite
        }

        .no-scroll {
            overflow: hidden
        }

        .unselect {
            cursor: default;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .none-function {
            cursor: not-allowed;
            opacity: .5
        }

        .disabled,
        .none-function:active {
            pointer-events: none
        }

        .hide {
            display: none
        }

        .main-content {
            width: 100%;
            min-height: calc(100vh - 200px);
            position: relative
        }

        .main-content .content-wrapper {
            width: 100%
        }

        .main-content .content-wrapper .container {
            width: calc(100% - 40px);
            max-width: 1300px;
            min-width: 320px;
            margin: 0 auto
        }

        .main-content .content-wrapper .container .container-top {
            position: relative;
            padding: 30px 20px
        }

        .main-content .content-wrapper .container .container-top:after {
            content: "";
            width: 60px;
            height: 2px;
            position: absolute;
            left: 50%;
            bottom: 0;
            margin-left: -30px;
            background-color: #27d0ca
        }

        .main-content .content-wrapper .container .container-top h1,
        .main-content .content-wrapper .container .container-top h2,
        .main-content .content-wrapper .container .container-top h3,
        .main-content .content-wrapper .container .container-top p {
            padding: 10px 0;
            text-align: center
        }

        .main-content .content-wrapper .container .container-top h1 {
            font-size: 1.5rem;
            font-weight: 700
        }

        .main-content .content-wrapper .container .container-top h2 {
            font-size: 1.25rem
        }

        .main-content .content-wrapper .container .container-top h3 {
            font-size: 1.0625rem
        }

        .main-content .content-wrapper .container .container-top:after {
            display: none
        }

        .main-content .content-wrapper .container .container-middle {
            position: relative;
            max-width: 1000px;
            margin: 0 auto;
            padding: 0 20px 30px
        }

        .main-content .content-wrapper .container .container-middle p {
            text-align: center
        }

        .main-content .content-wrapper .container .container-middle .alert-message {
            width: 100%;
            margin-bottom: 15px;
            padding: 15px;
            display: flex;
            flex-flow: row nowrap;
            justify-content: center;
            align-items: baseline
        }

        .main-content .content-wrapper .container .container-middle .alert-message:last-child {
            margin-bottom: 0
        }

        .main-content .content-wrapper .container .container-middle .alert-message p {
            line-height: normal;
            text-align: initial
        }

        .main-content .content-wrapper .container .container-middle .alert-message p.icon {
            padding-right: 3px
        }

        .main-content .content-wrapper .container .container-middle .alert-message p.icon span {
            display: none
        }

        .main-content .content-wrapper .container .container-middle .alert-message.success {
            background-color: rgba(119, 170, 68, .1);
            border: 2px solid rgba(119, 170, 68, .2);
            border-radius: 4px
        }

        .main-content .content-wrapper .container .container-middle .alert-message.success p {
            color: #7a4
        }

        .main-content .content-wrapper .container .container-middle .alert-message.success p.icon .success {
            display: block
        }

        .main-content .content-wrapper .container .container-middle .alert-message.warning {
            background-color: rgba(255, 193, 7, .1);
            border: 2px solid rgba(255, 193, 7, .2);
            border-radius: 4px
        }

        .main-content .content-wrapper .container .container-middle .alert-message.warning p {
            color: #ffc107
        }

        .main-content .content-wrapper .container .container-middle .alert-message.warning p.icon .warning {
            display: block
        }

        .main-content .content-wrapper .container .container-middle .alert-message.failure {
            background-color: rgba(255, 33, 33, .1);
            border: 2px solid rgba(255, 33, 33, .2);
            border-radius: 4px
        }

        .main-content .content-wrapper .container .container-middle .alert-message.failure p {
            color: #ff2121
        }

        .main-content .content-wrapper .container .container-middle .alert-message.failure p.icon .failure {
            display: block
        }

        .main-content .content-wrapper.filling {
            min-height: inherit
        }

        .main-content .content-wrapper.plans-wrapper {
            position: relative;
            padding: 50px 0
        }

        .main-content .content-wrapper.plans-wrapper:first-of-type {
            padding-top: 50px
        }

        .main-content .content-wrapper.plans-wrapper:last-of-type {
            padding-bottom: 100px
        }

        .main-content .content-wrapper.plans-wrapper .container h3,
        .main-content .content-wrapper.plans-wrapper .container p {
            line-height: 200%;
            text-align: center
        }

        .main-content .content-wrapper.plans-wrapper .container .info-block {
            width: 100%;
            display: flex;
            flex-flow: row wrap;
            justify-content: center;
        }

        .main-content .content-wrapper.plans-wrapper .container .info-block .item {
            max-width: 380px;
            min-width: 380px;
            margin: 20px 15px;
            border: 4px solid #fff;
            border-radius: 15px;
            box-shadow: 0 3px 10px rgba(0, 0, 0, .2);
            background-color: #fff;
            display: table;
            overflow: hidden
        }
        @media(max-width: 1300px){
            .main-content .content-wrapper.plans-wrapper .container .info-block .item {
            max-width: 380px;
            min-width: 340px;
            margin: 20px 15px;
            border: 4px solid #fff;
            border-radius: 15px;
            box-shadow: 0 3px 10px rgba(0, 0, 0, .2);
            background-color: #fff;
            display: table;
            overflow: hidden
        }
        }

        .main-content .content-wrapper.plans-wrapper .container .info-block .item .item-top {
            height: 110px;
            position: relative
        }

        .main-content .content-wrapper.plans-wrapper .container .info-block .item .item-middle {
            padding: 20px
        }

        .main-content .content-wrapper.plans-wrapper .container .info-block .item .item-bottom {
            padding: 20px 0;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .main-content .content-wrapper.plans-wrapper .container .info-block .item .item-bottom .btn-hollow {
            text-align: center
        }

        .main-content .content-wrapper.plans-wrapper .container .info-block .item .item-bottom .btn-hollow>a {
            max-width: 320px;
            min-width: 160px;
            padding: 5px 20px;
            display: inline-block;
            border: 2px solid #333;
            border-radius: 50px;
            color: #333;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .main-content .content-wrapper.plans-wrapper .container .info-block .item .item-bottom .btn-hollow>a:hover {
            color: #fff;
            background-color: #333
        }

        .main-content .content-wrapper.plans-wrapper .container .info-block .item.default .item-top {
            background: #6bb2ed;
            background: linear-gradient(90deg, #90eae7, #6bb2ed)
        }

        .main-content .content-wrapper.plans-wrapper .container .info-block .item.default .item-top:after {
            content: "";
            width: 111px;
            height: 104px;
            position: absolute;
            top: 0;
            left: 30px
        }

        .main-content .content-wrapper.plans-wrapper .container .info-block .item.default .item-top .title {
            position: absolute;
            bottom: 0;
            right: 30px;
            color: #fff;
            font-size: 1.75rem;
            font-weight: 700;
            text-shadow: 0 2px 2px rgba(0, 0, 0, .1)
        }

        .main-content .content-wrapper.plans-wrapper .container .info-block .item.default .item-middle {
            min-height: 110px;
            background-color: #fafafa
        }

        .main-content .content-wrapper.plans-wrapper .container .info-block .item.default .item-bottom .text {
            padding: 10px 0
        }

        .main-content .content-wrapper.plans-wrapper .container .info-block .item.image {
            margin-top: 120px;
            overflow: inherit
        }

        .main-content .content-wrapper.plans-wrapper .container .info-block .item.image .item-top {
            background-color: #fafafa
        }

        .main-content .content-wrapper.plans-wrapper .container .info-block .item.image .item-top:after {
            content: "";
            width: 100%;
            height: 230px;
            position: absolute;
            top: -120px;
            left: 0
        }

        .main-content .content-wrapper.plans-wrapper .container .info-block .item.image .item-middle .title {
            padding: 15px 0;
            font-size: 1.0625rem;
            font-weight: 700
        }

        .main-content .content-wrapper.plans-wrapper .container .info-block .item.image .item-middle .text {
            line-height: 150%;
            text-align: left
        }

        .main-content .content-wrapper.plans-wrapper .container .info-block .item.nothing {
            border: none
        }

        .main-content .content-wrapper.plans-wrapper .container .info-block .item.choose {
            border-color: #ffc107
        }

        .main-content .content-wrapper.plans-wrapper .container .info-block .item.choose .item-middle:before {
            background-color: #ffc107
        }

        .main-content .content-wrapper.plans-wrapper .container .info-block .item.choose .item-bottom .btn-hollow {
            text-align: center
        }

        .main-content .content-wrapper.plans-wrapper .container .info-block .item.choose .item-bottom .btn-hollow>a {
            max-width: 320px;
            min-width: 160px;
            padding: 5px 20px;
            display: inline-block;
            /* border: 2px solid #27d0ca; */
            border-radius: 50px;
            /* background-color: #27d0ca; */
            border: 2px solid #f6a675;
            background-color: #f6a973;
            color: #fff;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .main-content .content-wrapper.plans-wrapper .container .info-block .item.choose .item-bottom .btn-hollow>a:hover {
            /* border-color: #1d9c98;
            background-color: #1d9c98 */
            border-color: #f38f4b;
            background-color: #f38f4b;      
        }

        .main-content .content-wrapper.plans-feature {
            background-image: url(../../img/page-bg1.jpg);
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-size: cover
        }

        .main-content .content-wrapper.plans-feature .container .feature .item.image .item-middle .text {
            font-weight: 700;
            text-align: center
        }

        .main-content .content-wrapper.plans-feature .container .feature .item[data-i="1"] .item-top:after {
            background-image: url(../../img/service_1.png);
            background-repeat: no-repeat;
            background-attachment: scroll;
            background-position: bottom;
            background-size: contain
        }

        .main-content .content-wrapper.plans-feature .container .feature .item[data-i="2"] .item-top:after {
            background-image: url(../../img/service_3.png);
            background-repeat: no-repeat;
            background-attachment: scroll;
            background-position: bottom;
            background-size: contain
        }

        .main-content .content-wrapper.plans-feature .container .feature .item[data-i="3"] .item-top:after {
            background-image: url(../../img/service_4.png);
            background-repeat: no-repeat;
            background-attachment: scroll;
            background-position: bottom;
            background-size: contain
        }

        .main-content .content-wrapper.plans-feature .container .feature .item[data-i="4"] .item-top:after {
            background-image: url(../../img/service_5.png);
            background-repeat: no-repeat;
            background-attachment: scroll;
            background-position: bottom;
            background-size: contain
        }

        .main-content .content-wrapper.plans-feature .container .feature .item[data-i="5"] .item-top:after {
            background-image: url(../../img/service_2.png);
            background-repeat: no-repeat;
            background-attachment: scroll;
            background-position: bottom;
            background-size: contain
        }

        .main-content .content-wrapper.plans-feature .container .feature .item[data-i="6"] .item-top:after {
            background-image: url(../../img/service_6.png);
            background-repeat: no-repeat;
            background-attachment: scroll;
            background-position: bottom;
            background-size: contain
        }

        .main-content .content-wrapper.plans-premium {
            background-image: url(../../img/member-bg.jpg);
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-position: 90%;
            background-size: cover
        }

        .main-content .content-wrapper.plans-premium .container .info-block .item {
            border: none
        }

        .main-content .content-wrapper.plans-premium .container .info-block .item.default .item-middle {
            background-color: initial
        }

        .main-content .content-wrapper.plans-premium .container .info-block .item.default .item-middle .text {
            line-height: 300%
        }

        .main-content .content-wrapper.plans-premium .container .info-block .item.free-member .item-top {
            background: #ffd48a;
            background: linear-gradient(90deg, #ffd48a, #ffa814)
        }

        .main-content .content-wrapper.plans-premium .container .info-block .item.free-member .item-top:after {
            background-repeat: no-repeat;
            background-attachment: scroll;
            background-position: 50%;
            background-size: contain
        }

        .main-content .content-wrapper.plans-premium .container .info-block .item.free-member .item-bottom .btn-solid {
            text-align: center
        }

        .main-content .content-wrapper.plans-premium .container .info-block .item.free-member .item-bottom .btn-solid>a {
            max-width: 320px;
            min-width: 160px;
            padding: 5px 20px;
            display: inline-block;
            border: 2px solid #f3549a;
            border-radius: 50px;
            background-color: #f3549a;
            color: #fff;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .main-content .content-wrapper.plans-premium .container .info-block .item.free-member .item-bottom .btn-solid>a:hover {
            border-color: #e5106e;
            background-color: #e5106e
        }

        .main-content .content-wrapper.plans-premium .container .info-block .item.premium-member .item-top:after {
            background-image: url(../../img/diamond.png);
            background-repeat: no-repeat;
            background-attachment: scroll;
            background-position: 50%;
            background-size: contain
        }

        .main-content .content-wrapper.plans-plan .container {
            width: 100%;
            max-width: 100%
        }

        .main-content .content-wrapper.plans-plan .container .info-block .item {
            border: none
        }

        .main-content .content-wrapper.plans-plan .container .info-block .item .item-top:after {
            background-image: url(../../img/diamond.png);
            background-repeat: no-repeat;
            background-attachment: scroll;
            background-position: 50%;
            background-size: contain
        }

        .main-content .content-wrapper.plans-plan .container .info-block .item .item-middle .text .price {
            font-size: 2.25rem;
            font-weight: 700
        }

        .main-content .content-wrapper.plans-plan .container .info-block .item.default[id="5994d46e05899d30fae4d0834d0cefc9"] .item-top {
            background: #c787ff;
            background: linear-gradient(90deg, #c787ff, #a4378ee0)
        }

        .main-content .content-wrapper.plans-plan .container .info-block .item.default[id="793749b3f3dca5aff3a2cc740dd48663"] .item-top {
            background: #e06d19d4;
            background: linear-gradient(90deg, #ffc10794, #e06d19d4)
        }

        .main-content .content-wrapper.plans-additional {
            z-index: 100;
            border-bottom: 6px solid #EB7013;
            background-image: url(../../img/page-bg1.jpg);
            background-repeat: no-repeat;
            background-attachment: fixed;
            /* background-position: 90%; */
            background-size: cover
        }

        .main-content .content-wrapper.plans-additional .container .info-tab {
            max-width: 1000px;
            margin: 0 auto;
            text-align: center
        }

        .main-content .content-wrapper.plans-additional .container .info-tab p {
            padding: 5px;
            display: inline-block
        }

        .main-content .content-wrapper.plans-additional .container .info-tab p.choose>a {
            background-color: #666;
            color: #fff
        }

        .main-content .content-wrapper.plans-additional .container .info-tab p>a {
            max-width: 180px;
            min-width: 150px;
            margin: 0 auto;
            border: 1px solid #333;
            border-radius: 4px;
            display: block;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .main-content .content-wrapper.plans-additional .container .info-tab p>a:hover {
            background-color: #333;
            color: #fff
        }

        .main-content .content-wrapper.plans-additional .container .info-block .item {
            position: relative
        }

        .main-content .content-wrapper.plans-additional .container .info-block .item .item-middle:before {
            content: "";
            width: 55px;
            height: 55px;
            position: absolute;
            top: 15px;
            right: 15px;
            border: 2px solid #fff;
            border-radius: 50%;
            background-color: #eee
        }

        .main-content .content-wrapper.plans-additional .container .info-block .item .item-middle:after {
            content: "";
            width: 55px;
            height: 55px;
            position: absolute;
            top: 15px;
            right: 15px;
            border-radius: 50%;
            background-color: #fff;
            -webkit-clip-path: polygon(29% 32%, 44% 55%, 80% 0, 100% 9%, 44% 87%, 13% 46%);
            clip-path: polygon(29% 32%, 44% 55%, 80% 0, 100% 9%, 44% 87%, 13% 46%)
        }

        .main-content .content-wrapper.plans-additional .container .info-block .item .item-middle .title {
            width: calc(100% - 55px);
            padding-bottom: 15px;
            font-size: 1.0625rem;
            font-weight: 700;
            line-height: 150%;
            text-align: left
        }

        .main-content .content-wrapper.plans-additional .container .info-block .item .item-middle .text {
            width: calc(100% - 55px);
            line-height: 150%;
            text-align: left
        }

        .main-content .content-wrapper.plans-additional .container .info-block .item .item-middle .text .price {
            font-size: 1.0625rem;
            font-weight: 700
        }

        .main-content .content-wrapper.plans-additional .container .info-block .item .item-bottom {
            background-color: #fff
        }

        .main-content .content-wrapper.plans-additional .container .checkout-wrapper {
            position: fixed;
            right: 3%;
            bottom: calc(25% - 60px)
        }

        .main-content .content-wrapper.plans-additional .container .checkout-wrapper .btn-checkout {
            line-height: 150%
        }

        .main-content .content-wrapper.plans-additional .container .checkout-wrapper .btn-checkout>a {
            width: 80px;
            height: 80px;
            display: flex;
            flex-flow: row nowrap;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            background-color: #ffc107;
            color: #fff;
            font-weight: 700;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .main-content .content-wrapper.plans-additional .container .checkout-wrapper .btn-checkout>a:hover {
            background-color: #c59300
        }

        .main-content .content-wrapper.plans-additional .container .checkout-wrapper .btn-checkout.disallow>a {
            background-color: #eee;
            color: #fff;
            cursor: not-allowed
        }

        .main-content .content-wrapper.plans-additional .container .checkout-wrapper .btn-checkout.disallow>a:hover {
            background-color: #b3b3b3
        }

        .main-content .content-wrapper.plans-additional .container .checkout-wrapper .btn-checkout.disallow>a:active {
            pointer-events: none
        }

        .main-content .content-wrapper.plans-faq .container .list {
            width: 100%;
            max-width: 1000px;
            margin: 0 auto
        }

        .main-content .content-wrapper.plans-faq .container .list>li {
            padding: 25px 0;
            border-bottom: 1px dashed #eee
        }

        .main-content .content-wrapper.plans-faq .container .list>li .question {
            font-size: 1.0625rem;
            font-weight: 700;
            text-align: left
        }

        .main-content .content-wrapper.plans-faq .container .list>li .answer {
            text-align: left
        }

        .main-content .content-wrapper.plans-payment {
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-position: 100% 100%;
            background-size: cover
        }

        .main-content .content-wrapper.plans-payment:last-of-type {
            padding-top: 0
        }

        .main-content .content-wrapper.plans-payment .container .table {
            width: 100%;
            margin: 0 auto;
            padding: 25px 0;
            border-radius: 15px;
            box-shadow: 0 3px 10px rgba(0, 0, 0, .2);
            background-color: #fff
        }

        .main-content .content-wrapper.plans-payment .container .table .t-row {
            padding: 0 20px;
            display: flex;
            flex-flow: row nowrap;
            justify-content: space-between;
            align-items: baseline
        }

        .main-content .content-wrapper.plans-payment .container .table .t-row>.t-col {
            font-size: .8125rem;
            font-weight: 700
        }

        .main-content .content-wrapper.plans-payment .container .table .t-row>.t-col.t-head {
            width: 120px;
            padding-right: 20px;
            text-align: right
        }

        .main-content .content-wrapper.plans-payment .container .table .t-row>.t-col.t-body {
            width: calc(100% - 110px);
            text-align: left
        }

        .main-content .content-wrapper.plans-payment .container .note {
            padding: 20px 0
        }

        .main-content .content-wrapper.plans-payment .container .order-info>div:not(.table) {
            padding-top: 30px
        }

        .main-content .content-wrapper.plans-payment .container .order-info>div .btn.radius {
            text-align: center
        }

        .main-content .content-wrapper.plans-payment .container .order-info>div .btn.radius>a {
            max-width: 320px;
            min-width: 160px;
            padding: 5px 20px;
            display: inline-block;
            border: 2px solid #333;
            border-radius: 50px;
            color: #333;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .main-content .content-wrapper.plans-payment .container .order-info>div .btn.radius>a:hover {
            color: #fff;
            background-color: #333
        }

        .main-content .content-wrapper.plans-payment .container .order-info .table.order-details {
            max-width: 550px
        }

        .main-content .content-wrapper.plans-payment .container .order-info .table.order-details .total {
            margin-top: 15px;
            padding-top: 15px;
            border-top: 1px solid #ccc
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div:not(.table) {
            padding-top: 30px
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container {
            max-width: 790px;
            padding: 25px 20px
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .note p {
            text-align: left
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .note p:first-child {
            color: #ff2121;
            font-weight: 700
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .note p:last-child {
            font-size: .8125rem
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box {
            width: 100%;
            display: flex;
            flex-flow: row nowrap;
            justify-content: center
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box.amp-form-submitting .btn {
            pointer-events: none
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box.amp-form-submitting .btn[data-type=disabled] {
            border: 1px solid #ccc;
            background-color: #eee
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box.amp-form-submitting .btn>a>.hide {
            display: inline-block
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box.amp-form-submitting .btn>a>.text {
            display: none
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box>.col {
            border-right: 1px solid #ccc
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box>.col:last-of-type {
            border-right: none
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .col {
            width: 100%;
            padding: 0 15px
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .col .row {
            width: 100%;
            padding: 10px 0;
            text-align: center
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .col .row.merge {
            display: flex;
            flex-flow: row nowrap;
            justify-content: space-between;
            align-items: baseline
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .col .row.merge>.row {
            padding: 0
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .col .row .input-text>* {
            width: 100%;
            height: 40px
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .col .row .input-text>:focus {
            border: 1px solid #333
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .col .row .input-text>.invalid {
            border: 1px solid #ff2121
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .col .row .input-text>.invalid:focus {
            border: 1px solid;
            border-color: inherit
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .col .row .input-choice {
            position: relative
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .col .row .input-choice:hover>.icon {
            color: #333
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .col .row .input-choice>input {
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .col .row .input-choice>input:checked~.icon {
            color: #27d0ca
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .col .row .input-choice>input:checked~.icon .unselected {
            display: none
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .col .row .input-choice>input:checked~.icon .selected {
            display: block
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .col .row .input-choice>p {
            display: table-cell;
            text-align: initial
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .col .row .input-choice>.icon {
            padding-right: 3px;
            color: #ccc
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .col .row .input-choice>.icon .unselected {
            display: block
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .col .row .input-choice>.icon .selected {
            display: none
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .col .row .btn {
            width: 100%;
            max-width: 450px;
            min-width: 120px;
            margin: 0 auto;
            cursor: pointer;
            border: 1px solid #27d0ca;
            background-color: #27d0ca;
            color: #fff;
            text-align: center
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .col .row .btn>a {
            padding: 10px;
            display: block;
            color: inherit;
            line-height: 150%;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .col .row .btn[data-provider=facebook] {
            border: 1px solid #3b5998;
            background-color: #3b5998
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .col .row .btn[data-provider=google] {
            border: 1px solid #4285f4;
            background-color: #4285f4
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .fieldset {
            padding: 10px;
            border-radius: 15px;
            background-color: #fafafa
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .fieldset .row {
            padding: 10px;
            text-align: initial
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .fieldset .row.group {
            padding: 0 10px
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .fieldset .row.group>.row {
            padding: 0
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .fieldset .row.group>.row.horizontal {
            width: auto;
            padding-right: 15px;
            display: inline-block
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .fieldset .row.group>.row.horizontal:last-of-type {
            padding-right: 0
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .fieldset .field-title {
            font-weight: 700
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .input-box .row:last-of-type {
            width: 50%;
            margin: 0 auto
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .disabled,
        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .disabled>* {
            background-color: #eee
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .alert-form {
            width: 100%;
            padding: 10px;
            display: flex;
            flex-flow: row nowrap;
            justify-content: flex-start;
            align-items: baseline;
            text-align: initial
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .alert-form p.icon {
            padding-right: 3px
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .alert-form p.icon span {
            display: none
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .alert-form.success p {
            color: #7a4
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .alert-form.success p.icon .success {
            display: block
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .alert-form.warning p {
            color: #ffc107
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .alert-form.warning p.icon .warning {
            display: block
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .alert-form.failure p {
            color: #ff2121
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .alert-form.failure p.icon .failure {
            display: block
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box>.col {
            border: none;
            padding: 20px 15px
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .col .row .input-text-underline>* {
            width: 100%;
            height: 40px;
            border: none;
            border-bottom: 1px solid #ccc;
            background-color: transparent
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .col .row .input-text-underline>:focus {
            border-bottom: 1px solid #333
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .col .row .input-text-underline>:focus::-moz-placeholder {
            color: #333
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .col .row .input-text-underline>:focus:-ms-input-placeholder {
            color: #333
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .col .row .input-text-underline>:focus::placeholder {
            color: #333
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .col .row .input-text-underline>.invalid {
            color: #ff2121
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .col .row .input-text-underline>.valid {
            color: #7a4
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .col .row.merge>.row {
            width: 50%;
            max-width: calc(50% - 10px);
            text-align: center
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .payer {
            flex-basis: 150%
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .payment .card-info .card-type {
            text-align: center
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .payment .card-info .card-type>.icon {
            height: 32px
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div .btn.radius {
            text-align: center
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div .btn.radius>a {
            max-width: 320px;
            min-width: 160px;
            padding: 5px 20px;
            display: inline-block;
            border: 2px solid #333;
            border-radius: 50px;
            color: #333;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .main-content .content-wrapper.plans-payment .container .payer-info>div .btn.radius>a:hover {
            color: #fff;
            background-color: #333
        }

        .main-content .content-wrapper.payment-result {
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-position: top;
            background-size: cover
        }

        .main-content .content-wrapper.payment-result .container .order-info .table.order-details {
            margin-bottom: 30px
        }

        .main-content .content-wrapper.payment-result .container .introduction .item[data-i="1"] .item-top:after {
            background-repeat: no-repeat;
            background-attachment: scroll;
            background-position: bottom;
            background-size: contain
        }

        .main-content .content-wrapper.payment-result .container .introduction .item[data-i="2"] .item-top:after {
            background-repeat: no-repeat;
            background-attachment: scroll;
            background-position: bottom;
            background-size: contain
        }

        .main-content .content-wrapper.payment-result .container .introduction .item[data-i="3"] .item-top:after {
            background-repeat: no-repeat;
            background-attachment: scroll;
            background-position: bottom;
            background-size: contain
        }

        .main-content .content-wrapper.payment-result .container .introduction .item[data-i="4"] .item-top:after {
            background-repeat: no-repeat;
            background-attachment: scroll;
            background-position: bottom;
            background-size: contain
        }

        .main-content .content-wrapper.plans-marketing {
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-position: top;
            background-size: cover
        }

        .main-content .content-wrapper.plans-marketing .container .event-block {
            width: 100%;
            max-width: 790px;
            margin: 0 auto;
            display: flex;
            flex-flow: row wrap;
            justify-content: center
        }

        .main-content .content-wrapper.plans-marketing .container .event-block .item {
            width: 100%;
            margin: 15px 0;
            display: flex;
            flex-flow: row nowrap;
            justify-content: center;
            border: 0 solid #fff;
            border-radius: 15px;
            box-shadow: 0 3px 10px rgba(0, 0, 0, .2);
            background-color: #fff;
            overflow: hidden
        }

        .main-content .content-wrapper.plans-marketing .container .event-block .item .item-top {
            width: 250px;
            height: 150px
        }

        .main-content .content-wrapper.plans-marketing .container .event-block .item .item-bottom {
            width: calc(100% - 250px);
            padding: 20px
        }

        .main-content .content-wrapper.plans-marketing .container .event-block .item .item-bottom p {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            line-height: 150%;
            text-align: left;
            overflow: hidden
        }

        .main-content .content-wrapper.plans-marketing .container .event-block .item .item-bottom p.title {
            font-size: 1.1875rem
        }

        .main-content .content-wrapper.plans-marketing .container .event-block .item .item-bottom p.text {
            padding-top: 10px;
            color: #888
        }

        @media (max-width:750px) {
            .main-content .content-wrapper.plans-wrapper .container .info-block .item {
                max-width: 320px;
                min-width: 320px
            }

            .main-content .content-wrapper.plans-wrapper .container .info-block .item .item-top {
                height: 90px
            }

            .main-content .content-wrapper.plans-wrapper .container .info-block .item .item-middle {
                padding: 10px 20px
            }

            .main-content .content-wrapper.plans-wrapper .container .info-block .item .item-middle .title {
                font-size: 1rem
            }

            .main-content .content-wrapper.plans-wrapper .container .info-block .item .item-middle .text {
                font-size: .875rem
            }

            .main-content .content-wrapper.plans-wrapper .container .info-block .item .item-bottom {
                padding: 10px 0 20px
            }

            .main-content .content-wrapper.plans-wrapper .container .info-block .item .item-bottom .btn-hollow,
            .main-content .content-wrapper.plans-wrapper .container .info-block .item .item-bottom .text {
                font-size: .875rem
            }

            .main-content .content-wrapper.plans-wrapper .container .info-block .item.default .item-top:after {
                height: 90px
            }

            .main-content .content-wrapper.plans-wrapper .container .info-block .item.default .item-top .title {
                font-size: 1.5625rem
            }

            .main-content .content-wrapper.plans-wrapper .container .info-block .item.default .item-middle {
                min-height: 90px
            }

            .main-content .content-wrapper.plans-wrapper .container .info-block .item.image .item-top:after {
                height: 210px
            }

            .main-content .content-wrapper.plans-plan .container .info-block .item .item-middle .text .price {
                font-size: 1.9375rem
            }

            .main-content .content-wrapper.plans-additional .container .info-block .item .item-middle:after,
            .main-content .content-wrapper.plans-additional .container .info-block .item .item-middle:before {
                width: 40px;
                height: 40px;
                top: 10px;
                right: 10px
            }

            .main-content .content-wrapper.plans-additional .container .info-block .item .item-middle .title {
                width: calc(100% - 40px);
                padding-bottom: 10px
            }

            .main-content .content-wrapper.plans-additional .container .info-block .item .item-middle .text {
                width: calc(100% - 40px)
            }

            .main-content .content-wrapper.plans-additional .container .info-block .item .item-middle .text .price {
                font-size: 1rem
            }

            .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box {
                flex-wrap: wrap
            }
        }

        @media (max-width:600px) {
            .main-content .content-wrapper.content-wrapper .container .container-top h1 {
                font-size: 1.375rem
            }

            .main-content .content-wrapper.content-wrapper .container .container-top h2 {
                font-size: 1.125rem
            }

            .main-content .content-wrapper.content-wrapper .container .container-top h3 {
                font-size: .9375rem
            }

            .main-content .content-wrapper.plans-payment .container .order-info .table.order-details .t-row {
                flex-wrap: wrap
            }

            .main-content .content-wrapper.plans-payment .container .order-info .table.order-details .t-row>.t-col {
                width: 100%;
                padding: 0;
                text-align: center
            }

            .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .col .row.merge {
                display: block
            }

            .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .col .row.merge>.row {
                width: 100%;
                max-width: 100%
            }

            .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .col .row.merge>.row:nth-of-type(odd) {
                padding-bottom: 10px
            }

            .main-content .content-wrapper.plans-payment .container .payer-info>div.form-container .form-box .col .row.merge>.row:nth-of-type(2n) {
                padding-top: 10px
            }

            .main-content .content-wrapper.payment-result,
            .main-content .content-wrapper.plans-marketing {
                background-repeat: no-repeat;
                background-attachment: fixed;
                background-position: 100%;
                background-size: cover
            }

            .main-content .content-wrapper.plans-marketing .container .event-block {
                max-width: 320px
            }

            .main-content .content-wrapper.plans-marketing .container .event-block .item {
                flex-direction: column
            }

            .main-content .content-wrapper.plans-marketing .container .event-block .item .item-top {
                width: 100%;
                height: auto
            }

            .main-content .content-wrapper.plans-marketing .container .event-block .item .item-bottom {
                width: 100%;
                padding: 10px 20px
            }

            .main-content .content-wrapper.plans-marketing .container .event-block .item .item-bottom p.title {
                font-size: 1.0625rem
            }

            .main-content .content-wrapper.plans-marketing .container .event-block .item .item-bottom p.text {
                font-size: .8125rem
            }
        }

        .component {
            width: 0;
            height: 0
        }

        .component .lightbox {
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            margin: auto;
            z-index: 1002;
            display: none
        }

        .component .lightbox:target {
            display: block
        }

        .component .modal-wrapper {
            width: 100%;
            height: 100%;
            padding: 20px;
            background-color: rgba(0, 0, 0, .8);
            overflow: hidden auto;
            text-align: center;
            display: none;
        }

        .component .modal-wrapper:before {
            content: "";
            height: 100%;
            margin-right: -.8rem;
            display: inline-block;
            vertical-align: middle
        }

        .component .modal-wrapper .modal-container {
            max-width: 1000px;
            min-width: 320px;
            position: relative;
            padding: 20px;
            display: inline-block;
            vertical-align: middle;
            border: 2px solid #333;
            border-radius: 15px;
            background-color: #fff;
            text-align: left
        }

        .component .modal-wrapper .modal-container .box-close {
            position: absolute;
            top: -.8rem;
            right: -.8rem;
            z-index: 100
        }

        .component .modal-wrapper .modal-container .box-close a {
            width: 2rem;
            height: 2rem;
            display: block
        }

        .component .modal-wrapper .modal-container .box-subject {
            position: relative;
            margin-bottom: 20px;
            padding-bottom: 20px;
            text-align: center
        }

        .component .modal-wrapper .modal-container .box-subject:after {
            content: "";
            width: 60px;
            height: 2px;
            position: absolute;
            left: 50%;
            bottom: 0;
            margin-left: -30px;
            background-color: #27d0ca
        }

        .component .modal-wrapper .modal-container .box-subject>:first-child {
            padding-bottom: 15px
        }

        .component .modal-wrapper .modal-container .box-subject>:last-child {
            padding-bottom: 0
        }

        .component .modal-wrapper .modal-container .box-subject .title {
            font-size: 1.5rem
        }

        .component .modal-wrapper .modal-container .box-subject .subtitle {
            font-size: 1.25rem
        }

        .component .modal-wrapper .modal-container .box-content .btn {
            width: 100%;
            max-width: 450px;
            min-width: 120px;
            margin: 0 auto;
            cursor: pointer;
            border: 1px solid #27d0ca;
            background-color: #27d0ca;
            color: #fff;
            text-align: center
        }

        .component .modal-wrapper .modal-container .box-content .btn>a {
            padding: 10px;
            display: block;
            color: inherit;
            line-height: 150%;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .component .modal-wrapper .modal-container .box-content .content {
            line-height: 150%
        }

        .component .modal-wrapper .modal-container .box-content .content .info-title {
            font-size: 1.0625rem;
            font-weight: 700
        }

        .component .modal-wrapper .modal-container .box-content .content .info-subtitle {
            font-size: .9375rem;
            font-weight: 700
        }

        @media (max-width:360px) {
            .component .modal-wrapper .modal-container {
                min-width: 280px
            }
        }

        .loader-box>p {
            text-align: center
        }

        .loader-box>p svg {
            width: 6rem;
            height: 6rem
        }

        .loader-fullscreen {
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            left: 0;
            display: flex;
            flex-flow: row nowrap;
            justify-content: center;
            align-items: center;
            z-index: 9999;
            background-color: #000;
            opacity: .6;
            overflow: hidden
        }

        .loader-fullscreen>p {
            color: #fff
        }

        .loader-fullscreen>p svg {
            width: 6rem;
            height: 6rem
        }