* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body, div, ol, ul, li, h1, h2, h3, h4, h5, h6, p, span, th, td, dl, dd, form, fieldset, legend, input, textarea, select {
    margin: 0 auto;
    padding: 0;
    outline: none
}

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

audio, canvas, progress, video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

progress {
    vertical-align: baseline
}

template, [hidden] {
    display: none
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active, a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: inherit;
    font-weight: bolder
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border: 0;
    border-style: none;
    vertical-align: middle;
    max-width: 100%;
    height: auto
}

svg:not(:root) {
    overflow: hidden
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

figure {
    margin: 0 auto
}

hr {
    box-sizing: content-box;
    overflow: visible;
    clear: both;
    margin: 40px auto;
    height: 1px;
    line-height: 1px;
    border: none;
    background: #f0f0f0;
    font-size: 1px
}

button, input, select, textarea {
    font: inherit;
    margin: 0
}

optgroup {
    font-weight: 700
}

button, input {
    outline: none;
    overflow: visible
}

button, select {
    text-transform: none
}

button, html [type="button"], [type="reset"], [type="submit"] {
    cursor: pointer;
    -webkit-appearance: button
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    outline: none;
    border-style: none;
    padding: 0
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

textarea {
    overflow: auto
}

[type="checkbox"] {
    box-sizing: border-box;
    vertical-align: middle;
    padding: 0
}

[type="radio"] {
    box-sizing: border-box;
    vertical-align: middle;
    padding: 0
}

[type="file"] {
    display: block;
    border: none;
    padding: 0
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

input, textarea, select {
    padding: 6px;
    line-height: 20px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

input:hover, input:focus, input:active, textarea:hover, textarea:focus, textarea:active, select:hover, select:focus, select:active {
    border-color: #ff9900;
    -moz-box-shadow: inset 0 1px 1px rgba(255, 153, 0, .375);
    -webkit-box-shadow: inset 0 1px 1px rgba(255, 153, 0, .375);
    box-shadow: inset 0 1px 1px rgba(255, 153, 0, .375);
    outline: none
}

input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

button, [type="button"], [type="reset"], [type="submit"] {
    padding: 6px 20px;
    color: rgba(0, 0, 0, .86);
    background: #f5f5f5;
    background: -webkit-gradient(linear, left top, left bottom, color-start(0.05, #f5f5f5), color-stop(1, #dddddd));
    background: -moz-linear-gradient(top, #f5f5f5 5%, #dddddd 100%);
    background: -o-linear-gradient(top, #f5f5f5 5%, #dddddd 100%);
    background: -ms-linear-gradient(top, #f5f5f5 5%, #dddddd 100%);
    background: linear-gradient(to bottom, #f5f5f5 5%, #dddddd 100%);
    background: -webkit-linear-gradient(top, #f5f5f5 5%, #dddddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0)
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: rgb(255, 255, 255)
}

body {
    color: #222;
    background: #fff;
    line-height: 1.85;
    font: 14px "Microsoft Yahei", Verdana, Tahoma, Arial, Helvetica, Sans-Serif, "宋体";
    -webkit-font-smoothing: antialiased
}

ul, ol, li {
    list-style: none
}

table, td, th, input {
    font-size: 14px
}

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

h1 {
    font-size: 32px
}

h2 {
    font-size: 28px
}

h3 {
    font-size: 20px
}

h4 {
    font-size: 16px
}

h5, h6 {
    font-size: 14px
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    text-decoration: none
}

.alignleft {
    float: left;
    padding-right: 30px
}

.alignright {
    float: right;
    padding-left: 30px
}

.alignnone, img.alignnone {
    margin-bottom: 0
}

.alignnone, .aligncenter {
    float: none;
    margin-left: auto;
    margin-right: auto;
    clear: both
}

.aligncenter, img.centered {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: block
}

.vcenter {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.flt {
    float: left
}

.frt {
    float: right
}

.tlt {
    text-align: left !important
}

.tmd {
    text-align: center !important
}

.trt {
    text-align: right !important
}

.plt {
    left: 0
}

.prt {
    right: 0
}

.half {
    max-width: 48.5%
}

.no-padding-top {
    padding-top: 0 !important
}

.no-padding-bottom {
    padding-bottom: 0 !important
}

.flex {
    dispaly: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -o-flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
}

.fixed-box {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%
}

.ac {
    align-items: center
}

.inlineblock, .inline-block {
    display: inline-block
}

.clearfix {
    clear: both;
    font-size: 1px;
    width: 1px;
    height: 0;
    visibility: hidden;
    margin-top: 0 !important;
    *margin-top: -1px;
    line-height: 0
}

.hx {
    clear: both;
    height: 1px;
    line-height: 1px;
    background: linear-gradient(270deg, #f8f8f8 0%, #cccccc 50%, #f8f8f8 100%);
    margin: 60px auto
}

.hide {
    display: none !important
}

.strike {
    color: #bbb;
    text-decoration: line-through
}

p {
    line-height: 1.85
}

.radius, .btn-blue, .post-list li:before, .section-item ul li:before, .widget ul li:before, .user-form, .cat-sticky-thumb-post-list .cat-sticky-post-slider .swiper-pagination .swiper-pagination-bullet:before, .post-meta-bottom .tags a, .user-form .fieldset-checkbox label::before, .theme-feature-list ul li strong, .section-cat-posts ul li span a, .nav-links a, .nav-links span, .edd_pagination a, .edd_pagination span {
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.radius5, .browser-header span, .item-features .theme-feature-list div, .list-check li:before, .input-textarea, .service-thumbnail img, .cs-div {
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.radius15, .user-no-login-signup .c2 .inner-box, .service-support .c4 .inner-box {
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px
}

.radius25, .widget_nav_menu .widget-title, .theme-cat-list a, .theme-link sup, .order-list p .regular-text {
    -khtml-border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px
}

.radius50, .nav-menu li.menu-search .icon-search, .toggle-userbar img, .button, .button-primary, .service-support .c4 .inner-box .inner-box-text .iconfont, .why-package .c4 .inner-box .inner-box-text .iconfont, .woocommerce-features .wc-feature-list li:nth-child(odd), .section-cat-postlist .cat-posts .c3 h2 strong, .browser-frame span, .comment-list li .avatar, #edd_checkout_user_info .edd-input, #edd_purchase_submit .edd-submit, .user-form .fieldset .input-text, .user-form #status, .entry a.btn-link, .widget_search .search-input, .widget_search .search-submit, .copyright .coop span, .wrapper-showcase .post-prev-next a, .page-template-page-tools .elementor-section-boxed .elementor-col-25 .elementor-element .elementor-image-box-wrapper .elementor-image-box-img img {
    -khtml-border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px
}

.radius100, .development-features .iconfont, .item-features .theme-feature-list div .iconfont, .statistics .statistics-items:before, .statistics .iconfont {
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.radius-lt {
    -khtml-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px
}

.radius-rt {
    -khtml-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0
}

.radius-top {
    -khtml-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0
}

.vertical-middle, .swiper-caption {
    position: absolute;
    top: 48%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.opacity, .section-content .post-list li .post-date, .breadcrumbs, .friend-links, .mobi-bar a span, .widget ul li span.date {
    opacity: .85;
    -moz-opacity: .85;
    -khtml-opacity: .85
}

.opacity5, .nav-menu li.menu-item-has-children a:after, .section-item ul.post-list li span.date {
    opacity: .5;
    -moz-opacity: .5;
    -khtml-opacity: .5
}

.opacity65, .theme-meta-detail li span, .theme-list .theme-name span, .breadcrumb-trail h2 i, .section-item ul li:before, .cat-sticky-thumb-post-list ul li p, .cat-posts h3 .link-more, .breadcrumbs i, .widget ul li:before {
    opacity: .65;
    -moz-opacity: .65;
    -khtml-opacity: .65
}

.close {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    overflow: hidden
}

.close:before, .close:after {
    height: 1px
}

.close:before, .close:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #000
}

.close:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.close:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.nowrap, .section-item ul.post-list li, .cat-sticky-thumb-post-list ul li h3 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.ease, a:link, a:visited, a, .btn, .button, .iconfont, input, textarea, select, .header, .toggle-userbar, .nav-links span, .nav-menu > li > a > span:after, .item-cover .mask, .theme-list .item-content .theme-items, .gallery-container .item-content, .development-features .iconfont, .quicklinks .c4 .inner-box, .quicklinks .c4 .inner-box .inner-box-img img, .user-no-login-signup .c2 .inner-box, .service-support .c4 .inner-box, .color-ball:before, .color-ball .section-container:before, .color-ball .section-container:after, .showcases .swiper-showcase-slider .swiper-slide img, .partner-list .item img, .theme-feature-list ul li, .theme-feature-list ul li:before, .theme-feature-list ul li strong, .item-features .theme-feature-list div, .additional-service .additional-list div, .additional-service .additional-list div h3, .additional-service .additional-list div p, .section-cat-postlist .cat-posts .c3 .inner-box, .why-package .c4 .inner-box .inner-box-text, .section-cat-postlist .cat-posts .c3 h2 strong, .section-choose-us .heading-title, .section-choose-us .heading-title .dot-line, .user-form .fieldset .input-text, .section-gallery-list .section-content div img, .premium-service div, .margin-column .c4 .inner-box, .post-list li, .thumb-excerpt-list .mask, .thumb-excerpt-list li, .cat-sticky-thumb-post-list .cat-sticky-post-slider .swiper-pagination .swiper-pagination-bullet:before, .post-meta-bottom .tags a, .swiper-button-prev:before, .swiper-container-rtl .swiper-button-next:before, .swiper-button-next:before, .swiper-container-rtl .swiper-button-prev:before, .cs-item span, .customize-price .c2 .c-box:before, .page-template-page-tools .elementor-section-boxed .elementor-element, .xs-table tbody tr:hover th, .xs-table tbody tr:hover td, .service-thumbnail img {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.item-content .mask, .thumb-excerpt-list .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000000;
    cursor: pointer;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.item-content:hover .mask, .thumb-excerpt-list li:hover .mask {
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4
}

.item-content .item-cover .attachment {
    border-radius: 8px;
    overflow: hidden
}

.item-content .item-cover .attachment img {
    width: 100%;
    height: auto;
    display: block
}

a:link, a:visited, a {
    color: rgba(0, 0, 0, .9);
    outline: 0;
    text-decoration: none
}

a:hover {
    color: #005edb
}

.btn, .btn:link, .btn:visited, .button, .commitment-content, .wpcf7-submit, .wrapper-showcase .post-prev-next a {
    position: relative;
    padding: 8px 36px;
    line-height: 26px;
    font-size: 16px;
    color: #fff;
    background: #164A96;
    border: none;
    display: inline-block;
    overflow: hidden
}

.btn:hover, .btn:active, .btn:focus, .button:hover, .button:active, .wpcf7-submit:hover, .wpcf7-submit:active {
    background: #164A96;
    -moz-box-shadow: 0 0 20px rgba(22, 74, 150, .45);
    -webkit-box-shadow: 0 0 20px rgba(22, 74, 150, .45);
    box-shadow: 0 0 20px rgba(22, 74, 150, .45)
}

.btn-line, .btn-line:link, .btn-line:visited {
    padding: 7px 35px;
    background: transparent;
    border: 1px solid #ffffff
}

.btn-line:hover, .btn-line:active {
    color: #e7215c;
    background-color: #ffffff
}

.btn-reverse:link, .btn-reverse:visited {
    background-color: #596ee1
}

.btn-reverse:hover, .btn-reverse:active {
    background-color: #164A96
}

.btn:before, .button:before, .wrapper-showcase .post-prev-next a:before {
    content: " ";
    position: absolute;
    top: 0;
    left: -280px;
    width: 240px;
    height: 100%;
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
    -webkit-transition: left 1.15s cubic-bezier(0.19, 1, 0.22, 1);
    transition: left 1.15s cubic-bezier(0.19, 1, 0.22, 1);
    background-color: #fff;
    opacity: .25
}

.btn:hover:before, .button:hover:before, .wrapper-showcase .post-prev-next a:hover:before {
    left: 120%
}

.btn-sm, .btn-sm:link, .btn-sm:visited {
    padding: 3px 20px;
    font-size: 14px
}

.btn-blue, .btn-blue:link, .btn-blue:visited {
    background: #005edb
}

.btn-blue:hover, .btn-blue:focus, .btn-blue:active {
    color: #fff;
    background: #6646ff;
    box-shadow: 0 0 20px rgba(102, 70, 255, .45);
}

.gradient, .pinned, .item-content .mask, .wrapper-showcase:before {
    /*background-color: #005edb;*/
    background-image: radial-gradient(left top, circle cover, rgb(9, 88, 236) 25%, rgb(102, 70, 255) 75%);
    background-image: -o-radial-gradient(left top, circle cover, rgb(9, 88, 236) 25%, rgb(102, 70, 255) 75%);
    background-image: -ms-radial-gradient(left top, circle cover, rgb(9, 88, 236) 25%, rgb(102, 70, 255) 75%);
    background-image: -moz-radial-gradient(left top, circle cover, rgb(9, 88, 236) 25%, rgb(102, 70, 255) 75%);
    /*background-image: -webkit-radial-gradient(left top, circle cover, rgb(9, 88, 236) 25%, rgb(102, 70, 255) 75%)*/
}

.animate-mode {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: float 2s linear infinite;
    animation: float 2s linear infinite
}

.line-ray, .pinned:before, .section-header:before, .mobi-title {
    opacity: .45;
    /*background-image: url(../image/global.png);*/
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.add-on {
    margin-bottom: 15px;
    padding-top: 50px;
    border-top: 1px solid #f0f0f0;
    text-align: center;
    font-size: 16px;
    color: #4040cb;
    line-height: 2;
    clear: both
}

.add-on p {
    margin: 20px auto;
    line-height: 2
}

.font48px .iconfont {
    font-size: 48px
}

.font56px .iconfont {
    font-size: 56px
}

.color-ball {
    position: relative;
    z-index: 0
}

.color-ball:before, .color-ball .section-container:before, .color-ball .section-container:after {
    content: "";
    background-color: rgba(0, 0, 0, .038);
    display: block;
    position: absolute;
    z-index: -1;
    -khtml-border-radius: 2000px;
    -moz-border-radius: 2000px;
    -webkit-border-radius: 2000px;
    border-radius: 2000px
}

.color-ball:before {
    left: -6%;
    top: 52%;
    width: 360px;
    height: 360px
}

.color-ball .section-container:before {
    right: 6%;
    top: 9%;
    width: 248px;
    height: 48px
}

.color-ball .section-container:after {
    top: auto;
    right: 9%;
    bottom: 9%;
    width: 98px;
    height: 98px;
    background-color: rgba(0, 0, 0, .048)
}

.icon-c1 {
    background-color: #c467ff;
    background: linear-gradient(145deg, #fe80fb, #c467ff)
}

.icon-c2 {
    background-color: #3eb5f8;
    background: linear-gradient(145deg, #06e5f8, #3eb5f8)
}

.icon-c3 {
    background-color: #ff8000;
    background: linear-gradient(145deg, #ffc926, #ff8000)
}

.icon-c4 {
    background-color: #f73c78;
    background: linear-gradient(145deg, #ff7422, #f73c78)
}

.icon-c5 {
    background-color: #38c375;
    background: linear-gradient(145deg, #32dab7, #38c375)
}

.icon-c6 {
    background-color: #4caf50;
    background: linear-gradient(145deg, #c7d632, #4caf50)
}

.icon-c7 {
    background-color: #00b2b2;
    background: linear-gradient(145deg, #00d9d9, #00b2b2)
}

.icon-c8 {
    background-color: #2196f3;
    background: linear-gradient(145deg, #b376ff, #2196f3)
}

.icon-c01, .icon-c02, .icon-c03, .icon-c04, .icon-c05, .icon-c06, .icon-c07, .icon-c08 {
    color: #fff;
    border: 1px solid transparent
}

.icon-c01 {
    background: #fb6d97
}

.icon-c02 {
    background: #639ef6
}

.icon-c03 {
    background: #48c582
}

.icon-c04 {
    background: #a980d0
}

.icon-c05 {
    background: #7789ef
}

.icon-c06 {
    background: #ffa64f
}

.icon-c07 {
    background: #00bcd4
}

.icon-c08 {
    background: #ef7887
}

.inner-box:hover .icon-c01 {
    color: #fb6d97;
    border-color: #fb6d97;
    background: none;
    box-shadow: 0 10px 35px 0 rgba(251, 109, 151, .65)
}

.inner-box:hover .icon-c02 {
    color: #639ef6;
    border-color: #639ef6;
    background: none;
    box-shadow: 0 10px 35px 0 rgba(99, 158, 246, .65)
}

.inner-box:hover .icon-c03 {
    color: #48c582;
    border-color: #48c582;
    background: none;
    box-shadow: 0 10px 35px 0 rgba(72, 197, 130, .65)
}

.inner-box:hover .icon-c04 {
    color: #a980d0;
    border-color: #a980d0;
    background: none;
    box-shadow: 0 10px 35px 0 rgba(169, 128, 208, .65)
}

.inner-box:hover .icon-c05 {
    color: #7789ef;
    border-color: #7789ef;
    background: none;
    box-shadow: 0 10px 35px 0 rgba(119, 137, 239, .65)
}

.inner-box:hover .icon-c06 {
    color: #ffa64f;
    border-color: #ffa64f;
    background: none;
    box-shadow: 0 10px 35px 0 rgba(255, 166, 79, .65)
}

.inner-box:hover .icon-c07 {
    color: #00bcd4;
    border-color: #00bcd4;
    background: none;
    box-shadow: 0 10px 35px 0 rgba(0, 188, 212, .65)
}

.inner-box:hover .icon-c08 {
    color: #ef7887;
    border-color: #ef7887;
    background: none;
    box-shadow: 0 10px 35px 0 rgba(239, 120, 135, .65)
}

.grid-col-2 ul {
    margin: 0 -1.5%
}

.grid-col-3 ul, .grid-col-4 ul, .grid-col-5 ul, .grid-col-6 ul {
    margin: 0 -1%
}

.grid-col-2 ul li {
    float: left;
    padding-left: 1.5%;
    padding-right: 1.5%;
    width: 47%
}

.grid-col-3 ul li {
    float: left;
    padding-left: 1%;
    padding-right: 1%;
    width: 31.33%
}

.grid-col-4 ul li {
    float: left;
    padding-left: 1%;
    padding-right: 1%;
    width: 23%
}

.grid-col-5 ul li {
    float: left;
    padding-left: 1%;
    padding-right: 1%;
    width: 18%
}

.grid-col-6 ul li {
    float: left;
    padding-left: 1%;
    padding-right: 1%;
    width: 14.666666%
}

.grid-col-2 ul div, .grid-col-3 ul div, .grid-col-4 ul div, .grid-col-5 ul div, .grid-col-6 ul div {
    float: none;
    padding: 0;
    width: auto
}

.grid-col-2 ul li:nth-child(2n+1) {
    clear: both
}

.grid-col-3 ul li:nth-child(3n+1) {
    clear: both
}

.grid-col-4 ul li:nth-child(4n+1) {
    clear: both
}

.grid-col-5 ul li:nth-child(5n+1) {
    clear: both
}

.grid-col-6 ul li:nth-child(6n+1) {
    clear: both
}

.col-mid-2 div {
    float: left;
    padding-left: 2%;
    padding-right: 2%;
    width: 50%
}

.col-mid-3 div {
    float: left;
    padding-left: 2%;
    padding-right: 2%;
    width: 33.3333%
}

.col-mid-4 div {
    float: left;
    padding-left: 2%;
    padding-right: 2%;
    width: 25%
}

.col-mid-5 div {
    float: left;
    padding-left: 1.5%;
    padding-right: 1.5%;
    width: 20%
}

.col-mid-6 div {
    float: left;
    padding-left: 1.5%;
    padding-right: 1.5%;
    width: 16.6666%
}

.col-mid-7 div {
    float: left;
    padding-left: 1%;
    padding-right: 1%;
    width: 14.2857%
}

.col-mid-8 div {
    float: left;
    padding-left: 1%;
    padding-right: 1%;
    width: 12.5%
}

.col-mid-2 div:nth-child(2n+1) {
    clear: both
}

.col-mid-3 div:nth-child(3n+1) {
    clear: both
}

.col-mid-4 div:nth-child(4n+1) {
    clear: both
}

.col-mid-5 div:nth-child(5n+1) {
    clear: both
}

.col-mid-6 div:nth-child(6n+1) {
    clear: both
}

.col-mid-7 div:nth-child(7n+1) {
    clear: both
}

.col-mid-8 div:nth-child(8n+1) {
    clear: both
}

.c1 {
    width: 100%
}

.c2 {
    width: 50%;
    display: inline-block
}

.c3 {
    width: 33.3333%;
    width: -webkit-calc(100% / 3);
    width: calc(100% / 3);
    display: inline-block
}

.c4 {
    width: 25%;
    display: inline-block
}

.c5 {
    width: 20%;
    display: inline-block
}

.c6 {
    width: 16.6666%;
    width: -webkit-calc(100% / 6);
    width: calc(100% / 6);
    display: inline-block
}

.c7 {
    width: 14.2857%;
    width: -webkit-calc(100% / 7);
    width: calc(100% / 7);
    display: inline-block
}

.c8 {
    width: 12.5%;
    display: inline-block
}

.cw4 {
    width: 40%
}

.cw5 {
    width: 50%
}

.cw6 {
    width: 60%
}

.cw7 {
    width: 70%
}

.cw8 {
    width: 80%
}

.row-split-2, .row-split-3, .row-split-4, .row-split-5, .row-split-6 {
    width: 100%;
    display: table
}

.row-split-2 {
    margin: 0 -1.5%
}

.row-split-3 {
    margin: 0 -1.5%
}

.row-split-4 {
    margin: 0 -1.5%
}

.row-split-5 {
    margin: 0 -1%
}

.row-split-6 {
    margin: 0 -1%
}

.row-split-2 div, .row-split-3 div, .row-split-4 div, .row-split-5 div, .row-split-6 div {
    float: none;
    padding: 30px 0;
    display: inline-table
}

.row-split-2 div {
    margin: 0 1.5% 3%;
    width: 47%
}

.row-split-3 div {
    margin: 0 1.5% 3%;
    width: 30.33%
}

.row-split-4 div {
    margin: 0 1.5% 3%;
    width: 22%
}

.row-split-5 div {
    margin: 0 1% 2%;
    width: 18%
}

.row-split-6 div {
    margin: 0 1% 2%;
    width: 14.666666%
}

.gallery-columns-1 .item-content {
    width: 100%
}

.gallery-columns-2 .item-content {
    width: 50%
}

.gallery-columns-3 .item-content {
    width: 33.3333%
}

.gallery-columns-4 .item-content {
    width: 25%
}

.gallery-columns-5 .item-content {
    width: 20%
}

.gallery-columns-6 .item-content {
    width: 16.6666%
}

.gallery-columns-7 .item-content {
    width: 14.2857%
}

.gallery-columns-8 .item-content {
    width: 12.5%
}

.gallery-columns-9 .item-content {
    width: 11.1111%
}

.gallery-columns-2 .item-content:nth-child(2n+1), .c2:nth-child(2n+1) {
    clear: both
}

.gallery-columns-3 .item-content:nth-child(3n+1), .c3:nth-child(3n+1) {
    clear: both
}

.gallery-columns-4 .item-content:nth-child(4n+1), .c4:nth-child(4n+1) {
    clear: both
}

.gallery-columns-5 .item-content:nth-child(5n+1), .c5:nth-child(5n+1) {
    clear: both
}

.gallery-columns-6 .item-content:nth-child(6n+1), .c6:nth-child(6n+1) {
    clear: both
}

.gallery-columns-7 .item-content:nth-child(7n+1), .c7:nth-child(7n+1) {
    clear: both
}

.gallery-columns-8 .item-content:nth-child(8n+1), .c8:nth-child(8n+1) {
    clear: both
}

.gallery-columns-9 .item-content:nth-child(9n+1), .c9:nth-child(9n+1) {
    clear: both
}

.theme-list .item-content .theme-items img, .theme-head .theme-screen .demosite img, .entry-content img, .service-post-thumbnail img, .elementor img {
    background: #f1f3f5 url(../image/default-loading.png) no-repeat center
}

.inner {
    max-width: 1400px;
    clear: both
}

.full-inner {
    padding: 0 2%
}

.inner:after, .container:after, .full-inner:after, .section-content:after, .theme-list:after, .foot-widgets:after, .statistics .statistics-items:after {
    content: " ";
    display: table;
    clear: both
}

.inner .inner, .inner .full-inner {
    padding: 0 !important;
    width: 100%
}

.wrapper {
    width: 100%;
    overflow: hidden
}

.section-header {
    width: 100%;
    text-shadow: 0 0 20px rgba(0, 0, 0, .65);
    color: #ffffff;
    clear: both;
    position: relative
}

.section-header:before {
    width: 100%;
    height: 100%;
    content: ' ';
    display: block;
    background-size: auto;
    position: absolute;
    top: 0;
    left: 0
}

.section-header .page-home-header .inner {
    height: 680px;
    position: relative;
    background: url(../image/ballons.png) no-repeat right center
}

.section-header .page-home-header .inner .vertical-middle {
    margin-top: -50px
}

.home .section-header:before {
    max-height: inherit
}

.header {
    width: 100%;
    clear: both
}

.header .inner {
    max-width: 100%;
    padding: 0 3%;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    overflow: visible;
    position: relative
}

.logo {
    float: left;
    margin: 24px auto 20px;
    font-size: 16px
}

.logo .site-name {
    display: none
}

.logo #svg-logo {
    max-width: 100%
}

#wpadminbar ul#wp-admin-bar-root-default li#wp-admin-bar-all-purchased-order {
    background: #d63638
}

#wpadminbar ul#wp-admin-bar-root-default li#wp-admin-bar-all-purchased-order a {
    color: #ffff99
}

.top-bar {
    padding: 3px 0;
    font-size: 14px;
    line-height: 20px;
    color: rgba(255, 255, 255, .75);
    background-color: #202020;
    text-align: center
}

.top-bar a {
    margin: 5px auto;
    padding: 8px 13px;
    color: #fff;
    background: #164A96;
    display: inline-block
}

.top-bar a:hover {
    background: #2eab6d
}

.top-bar a.revert {
    background: #2eab6d
}

.top-bar a.revert:hover {
    background: #164A96
}

.top-bar .keyword {
    color: #f9f939
}

.unpinned {
    top: -350px
}

.pinned {
    height: 60px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999
}

.pinned:before {
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    background-size: auto;
    position: absolute;
    top: 0;
    left: 0
}

.pinned .top-bar {
    display: none
}

.pinned .main-header {
    line-height: 60px;
    border-bottom: none
}

.pinned .logo {
    line-height: initial;
    margin: 14px auto 0;
    visibility: visible !important
}

.pinned .search-box {
    top: 100px !important
}

.pinned .nav-menu li {
    line-height: 60px
}

.pinned .nav-menu li ul {
    top: 60px !important
}

.pinned .nav-menu li ul li {
    line-height: 42px
}

.pinned .additional {
    margin-top: 15px
}

.pinned #dropdown-menu {
    top: 44px
}

.mobile-navigation {
    display: none
}

.mobi-menu, .mobi-title, .mobi-nav-search, .menu-item-description {
    display: none
}

.main-nav {
    float: left;
    font-size: 16px;
    color: rgba(255, 255, 255, .8);
    position: relative;
    z-index: 99
}

.main-menu {
    margin-left: 60px
}

.nav-menu li {
    float: left;
    line-height: 80px;
    position: relative
}

.nav-menu li .menu-item-description {
    display: none
}

.nav-menu li a, .nav-menu li a:link, .nav-menu li a:visited {
    padding: 0 25px;
    /*color: rgba(255, 255, 255, .8);*/
    display: block
}

.nav-menu li a:hover {
    color: rgba(255, 255, 255, 1);
    text-shadow: 0 0 10px #000000, 0 0 15px #000000, 0 0 20px #000000, 0 0 30px #000000, 0 0 40px #000000, 0 0 50px #000000
}

.nav-menu > li > a > span {
    display: inline-block;
    line-height: normal
}

.nav-menu > li > a > span:after {
    margin-top: 8px;
    width: 0px;
    height: 2px;
    background: transparent;
    display: block;
    content: ''
}

.nav-menu > li > a:hover > span:after {
    width: 100%;
    background: #ffffff
}

.nav-menu li.menu-item-has-children > a:after {
    margin-left: 5px;
    font-family: 'iconfont';
    content: "\e609"
}

.nav-menu li.current-menu-item a:link, .nav-menu li.current-menu-item a:visited, .nav-menu li.current-post-ancestor a, .nav-menu li.current-menu-parent a, .nav-menu li.current-category-ancestor a {
    color: #fff;
    text-shadow: 0 0 10px #000000, 0 0 15px #000000, 0 0 20px #000000, 0 0 30px #000000, 0 0 40px #000000, 0 0 50px #000000
}

.tax_themes .nav-menu li.menu-item-352 a, .page-id-2493 .nav-menu li.menu-item-352 a {
    color: rgba(255, 255, 255, 1)
}

.nav-menu > li.current-menu-item > a > span:after, .nav-menu > li.current-menu-item > a > span:after, .nav-menu > li.current-post-ancestor > a > span:after, .nav-menu > li.current-menu-parent > a > span:after, .nav-menu > li.current-category-ancestor > a > span:after, .nav-menu li:hover > a > span:after {
    width: 100%;
    background: #ffffff;
    text-shadow: 0 0 10px #000000, 0 0 15px #000000, 0 0 20px #000000, 0 0 30px #000000, 0 0 40px #000000, 0 0 50px #000000
}

.nav-menu li ul {
    position: absolute;
    top: 80px;
    left: 0;
    z-index: 999;
    min-width: 148px;
    padding: 15px 0;
    background: #fff;
    box-shadow: 0 1px 8px rgba(0, 0, 0, .25);
    display: none
}

.nav-menu li ul li {
    float: none;
    padding: 0;
    line-height: 46px;
    white-space: nowrap;
    text-shadow: none
}

.nav-menu li ul li a:link, .nav-menu li ul li a:visited {
    padding: 0 25px;
    width: 100%;
    height: 46px;
    line-height: inherit;
    color: #363636
}

.nav-menu li.current-menu-item ul li a:link, .nav-menu li.current-menu-item ul li a:visited, .nav-menu li.current-menu-item ul li a:hover, .nav-menu li.current-post-parent ul li a, .nav-menu li.current-post-ancestor ul li a, .nav-menu li.current-menu-parent ul li a, .nav-menu li.current-category-ancestor ul li a {
    color: #363636;
    text-shadow: none !important;
    background: none
}

.nav-menu li ul li.current-menu-item a:link, .nav-menu li ul li.current-menu-item a:visited, .nav-menu li ul li.current-post-ancestor a, .nav-menu li ul li.current-menu-parent a, .nav-menu li ul li.current-category-ancestor a {
    color: #06f;
    background-color: #f6f9ff;
    text-shadow: none
}

.nav-menu li.current-menu-item ul li a span {
    background: none
}

.nav-menu li:hover > a, .single-download .nav-menu > li.menu-item-template > a {
    color: #fff;
    text-shadow: 0 0 10px #000000, 0 0 15px #000000, 0 0 20px #000000, 0 0 30px #000000, 0 0 40px #000000, 0 0 50px #000000
}

.nav-menu li:hover ul li a:hover, .nav-menu li ul li.current-menu-item a:link, .nav-menu li ul li.current-menu-item a:visited, .nav-menu li ul li.current-post-parent a:link, .nav-menu li ul li.current-post-parent a:visited {
    color: #06f;
    background-color: #f6f9ff;
    text-indent: 4px;
    text-shadow: none
}

.nav-menu li.menu-search .icon-search {
    padding: 0 17px 0 15px;
    font-size: 14px;
    line-height: 30px;
    background-color: rgba(0, 0, 0, .2);
    display: inline-block
}

.nav-menu li.menu-search .icon-search:before {
    margin-right: 5px
}

.nav-menu li.menu-search:hover .icon-search, .nav-menu li.menu-search-active .icon-search {
    background-color: rgba(0, 0, 0, .38)
}

.additional {
    float: right;
    margin: 25px 0 0 5px;
    line-height: 30px;
    position: relative
}

.additional a, .additional li a:link, .additional li a:visited, .additional li a:hover {
    font-size: 14px;
    background-color: #164A96;
    color: #ffffff
}

.additional .iconfont {
    margin-right: 4px
}

.additional .user-menu li .iconfont {
    margin-right: 10px
}

.user-item a, .toggle-userbar {
    background-color: rgba(0, 0, 0, .28);
    display: inline-block;
    cursor: pointer;
    position: relative
}

.user-item {
    float: right;
    margin-left: 10px;
    overflow: hidden
}

.user-item a.btn-login {
    float: left;
    padding: 0 10px 0 15px
}

.user-item a.btn-login .fa {
    margin-right: 3px
}

.user-item a.btn-signup {
    float: left;
    padding: 0 15px 0 10px
}

.user-item a:hover, .toggle-userbar:hover {
    background-color: rgba(0, 0, 0, .48)
}

.userbar {
    overflow: hidden
}

.userbar .iconfont {
    float: left
}

.userbar a {
    height: 32px;
    line-height: 32px
}

.toggle-userbar {
    padding: 0 10px;
    font-size: 12px;
    cursor: pointer
}

.toggle-userbar img {
    margin: -3px 5px 0 0;
    width: 20px;
    height: 20px
}

.toggle-userbar .iconfont {
    padding-left: 5px;
    font-size: 12px;
    color: rgba(255, 255, 255, .4)
}

#dropdown-menu {
    width: 140px;
    color: rgba(255, 255, 255, .8);
    background: #6646ff;
    position: absolute;
    top: 54px;
    right: 0;
    z-index: 9999999;
    display: none
}

#dropdown-menu a {
    padding: 3px 18px;
    color: rgba(255, 255, 255, .8);
    display: block
}

#dropdown-menu a:hover {
    color: rgba(255, 255, 255, 1);
    background: rgba(0, 0, 0, .4);
    text-decoration: none
}

.search-box {
    width: 100%;
    position: absolute;
    top: 120px;
    left: 0;
    z-index: 99;
    display: none
}

.search-box .inner {
    max-width: 60%;
    border: none
}

.search-box #searchform {
    padding: 20px 0;
    width: 80%;
    line-height: 60px;
    position: relative
}

.search-box #searchform #ls {
    padding-left: 20px;
    width: 100%;
    height: 60px;
    font-size: 16px;
    border: 1px solid #2e4ee1;
    background-color: #ffffff;
    -moz-box-shadow: 0 0 70px rgba(0, 0, 0, .95);
    -webkit-box-shadow: 0 0 70px rgba(0, 0, 0, .95);
    box-shadow: 0 0 70px rgba(0, 0, 0, .95)
}

.search-box #searchform #searchsubmit {
    float: right;
    padding: 0 30px;
    height: 52px;
    font-size: 16px;
    border: none;
    color: #fff;
    cursor: pointer;
    position: absolute;
    top: 24px;
    right: 4px
}

.search-box #searchform #searchsubmit .iconfont {
    font-size: 18px
}

.search-post-type #searchform #searchsubmit {
    height: 40px;
    position: static
}

#searchform #searchsubmit {
    background: #164A96
}

#searchform #searchsubmit:hover {
    background: #164A96
}

.search-box #searchform input[type="checkbox"], .search-form input[type="checkbox"] {
    border: 1px solid #b4b9be;
    background: #fff;
    color: #555;
    clear: none;
    display: inline-block;
    line-height: 0;
    height: 16px;
    margin: -3px 6px 0 0;
    outline: 0;
    cursor: pointer;
    padding: 0 !important;
    text-align: center;
    vertical-align: middle;
    width: 16px;
    -webkit-appearance: none;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1)
}

.search-box #searchform input[type="checkbox"]:checked:before, .search-form input[type="checkbox"]:checked:before {
    float: left;
    font-family: FontAwesome;
    content: "\f00c";
    margin: 7px 0 0 -1px;
    width: 16px;
    color: #1e8cbe;
    display: inline-block;
    vertical-align: middle;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.search-box #searchform input[type="checkbox"]:focus, .search-form input[type="checkbox"]:focus {
    border-color: #5b9dd9;
    box-shadow: 0 0 2px rgba(30, 140, 190, .8)
}

.search-box #searchform label, .search-form label {
    margin-right: 15px;
    cursor: pointer;
    color: #282828
}

.search-box #searchform label i, .search-form label i {
    margin-right: 5px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border: 1px solid #ccc;
    background: #fff;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer
}

.search-box #searchform label:hover i, .search-box #searchform label i.cur-type, .search-form label:hover i, .search-form label i.cur-type {
    border-color: #ff9900
}

.search-box #searchform label i.cur-type:before, .search-form label i.cur-type:before {
    color: #ff9900;
    font-family: FontAwesome;
    content: '\f00c'
}

.post-type-switch {
    margin-top: 5px
}

.container {
    padding: 60px 0 80px;
    clear: both
}

.container-upward {
    padding: 60px 0 0;
    background-color: #f8fafc
}

.container-nopadding {
    padding: 0
}

.wrapper-content {
    background: #fff
}

.wrapper-content-upward {
    position: relative;
    z-index: 9;
    top: -80px;
    padding: 50px 50px 80px;
    background: #fff;
    -khtml-border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, .08);
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .08);
    box-shadow: 0 0 25px rgba(0, 0, 0, .08)
}

.page-banner .banner-title {
    margin: 10px auto;
    font-size: 68px;
    letter-spacing: 5px
}

.page-banner .banner-subtitle {
    font-size: 24px;
    color: rgba(255, 255, 255, .75);
    text-shadow: 0 0 5px rgba(0, 0, 0, .65)
}

.page-banner .banner-description {
    font-size: 18px;
    color: rgba(255, 255, 255, .75)
}

.page-banner .banner-description strong {
    font-weight: normal
}

.page-banner .banner-button {
    margin-top: 40px
}

.page-banner .banner-button .btn {
    margin-right: 15px;
    padding-left: 56px;
    padding-right: 56px
}

.banner-image {
    float: right;
    right: 0;
    max-width: 60%
}

.section-row {
    margin-top: 35px
}

.section-row h3 {
    margin-bottom: 30px;
    height: 38px;
    line-height: 36px;
    border-bottom: 2px solid rgba(0, 0, 0, .1)
}

.section-row h3 span {
    font-size: 20px;
    border-bottom: 2px solid rgba(0, 0, 0, .4);
    display: inline-block
}

.section-item {
    padding: 100px 0
}

.section-item .section-item {
    padding: 0
}

.item-nth-child {
    background-color: #f8fafc
}

.upward-title {
    margin-top: -5px;
    margin-left: -115px;
    padding: 0 35px;
    height: 44px;
    line-height: 40px;
    color: #fff;
    background: #1bc093;
    display: inline-block;
    position: absolute;
    top: 0;
    z-index: 2;
    width: 230px
}

.btn-more {
    margin: 50px auto 20px;
    text-align: center
}

.btn-more .btn {
    padding: 9px 46px
}

.btn-more .iconfont {
    float: left;
    font-size: 20px;
    margin-right: 8px
}

.section-item .heading-title {
    margin-bottom: 50px;
    text-align: center
}

.section-item .heading-title h2 {
    margin-bottom: 15px;
    font-size: 48px
}

.section-item .heading-title h2.sm {
    font-size: 36px
}

.section-item .heading-title .section-desc {
    line-height: 1.65;
    font-size: 18px;
    color: rgba(0, 0, 0, .45);
    letter-spacing: 2px;
    display: block
}

.section-item .heading-title .section-desc a {
    color: rgba(0, 0, 0, .5)
}

.section-item .heading-title .section-desc a:hover {
    color: #164A96
}

.section-item .white-title h2 {
    color: #fff
}

.section-item .white-title .section-desc {
    color: rgba(255, 255, 255, .65)
}

.section-item ul li {
    border-bottom: none
}

.section-item ul li:before {
    margin: 0 10px 0 0;
    background-color: rgba(0, 0, 0, .2);
    width: 3px;
    height: 3px;
    content: "";
    vertical-align: middle;
    display: inline-block
}

.section-item ul.no-before li:before, .section-item ul.thumb-excerpt-list li:before, .post-list li.the-thumbnail-post:before {
    display: none
}

.section-item ul.post-list li {
    height: 40px;
    line-height: 40px
}

.upward-box {
    margin-top: -190px;
    padding: 60px;
    background: #fff;
    position: relative;
    z-index: 9
}

.upward-box:before, .upward-box:after {
    position: absolute;
    content: "";
    display: block
}

.upward-box:before {
    top: -24px;
    width: 96%;
    left: 2%;
    height: 24px;
    background-color: rgba(0, 0, 0, .15);
    box-shadow: 0 -1px 0 rgba(255, 255, 255, .055)
}

.upward-box:after {
    top: -46px;
    width: 93%;
    left: 3.5%;
    height: 22px;
    background-color: rgba(0, 0, 0, .08);
    box-shadow: 0 -1px 0 rgba(255, 255, 255, .035)
}

.upward-box, .upward-box:before, .upward-box:after {
    -khtml-border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
    -webkit-border-radius: 15px 15px 0 0;
    border-radius: 15px 15px 0 0
}

.development-features {
    padding: 100px 0 0
}

.development-features .upward-box {
    padding: 60px 60px 100px;
    border-bottom: 1px solid rgba(0, 0, 0, .06)
}

.development-features h3 {
    margin-top: 20px;
    font-size: 16px
}

.development-features .iconfont {
    width: 128px;
    height: 128px;
    line-height: 128px;
    background: #e7f3ff url(../image/bg-development-features.png) no-repeat;
    display: inline-block
}

.development-features .section-content div:hover .iconfont, .development-features .col-mid-7 div:hover .iconfont, .development-features .col-mid-8 div:hover .iconfont {
    color: #164A96;
    -moz-box-shadow: 0 5px 10px -5px rgba(9, 30, 66, .55);
    -webkit-box-shadow: 0 5px 10px -5px rgba(9, 30, 66, .55);
    box-shadow: 0 5px 10px -5px rgba(9, 30, 66, .55);
    transform: translateY(-4px)
}

.development-features .section-content div:hover h3 {
    color: #164A96
}

.development-features .sn-01 .iconfont {
    background-position: -108px -164px
}

.development-features .sn-02 .iconfont {
    background-position: 0 -164px
}

.development-features .sn-03 .iconfont {
    background-position: -110px -80px
}

.development-features .sn-04 .iconfont {
    background-position: -108px -180px
}

.development-features .sn-05 .iconfont {
    background-position: -140px -220px
}

.development-features .sn-06 .iconfont {
    background-position: -90px -200px
}

.development-features .sn-01:hover .iconfont {
    background-position: -78px -194px
}

.development-features .sn-02:hover .iconfont {
    background-position: 30px -194px
}

.development-features .sn-03:hover .iconfont {
    background-position: -80px -110px
}

.development-features .sn-04:hover .iconfont {
    background-position: -78px -210px
}

.development-features .sn-05:hover .iconfont {
    background-position: -110px -250px
}

.development-features .sn-06:hover .iconfont {
    background-position: -60px -230px
}

.page .development-features .iconfont, .post-type-archive-download .development-features .iconfont {
    width: 108px;
    height: 108px;
    line-height: 108px
}

.quicklinks .c4 {
    padding: 0 1.5%;
    float: left
}

.quicklinks .c4 .inner-box {
    padding: 25px 25px 0;
    background: #5661e7 url(../image/bg-quicklinks.png) no-repeat center 30px;
    -moz-box-shadow: 0 2px 3px 0 rgba(9, 30, 66, .1);
    -webkit-box-shadow: 0 2px 3px 0 rgba(9, 30, 66, .1);
    box-shadow: 0 2px 3px 0 rgba(9, 30, 66, .1);
    -khtml-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0
}

.quicklinks .c4 .inner-box .inner-box-text {
    margin: 0 -25px;
    padding: 15px 25px;
    background-color: #fff
}

.quicklinks .c4 .inner-box .inner-box-text h3 {
    font-size: 18px;
    color: #000
}

.quicklinks .c4 .inner-box .inner-box-text p {
    margin: 8px 0 15px 0;
    color: #787878
}

.quicklinks .c4 .inner-box .inner-box-img {
    height: 190px
}

.quicklinks .c4 .inner-box .inner-box-img img {
    margin: 12px 0 0 -58px
}

.quicklinks .c4 .inner-box:hover {
    background-color: #6646ff;
    -moz-box-shadow: 0 10px 20px -1px rgba(9, 30, 66, .28);
    -webkit-box-shadow: 0 10px 20px -1px rgba(9, 30, 66, .28);
    box-shadow: 0 10px 20px -1px rgba(9, 30, 66, .28);
    transform: translateY(-4px)
}

.quicklinks .c4 .inner-box:hover .inner-box-img img {
    margin: 8px 0 0 -58px
}

.featured-themes {
    background-image: url(../image/section-themes-title.png);
    background-position: center top;
    background-repeat: no-repeat
}

.featured-themes:before {
    left: auto;
    right: -3%;
    top: 38%;
    width: 620px;
    height: 620px;
    background-color: rgba(251, 49, 109, .065)
}

.featured-themes .section-container:before {
    right: auto;
    left: -12%;
    top: 10%;
    width: 568px;
    height: 36px;
    background-color: rgba(26, 185, 142, .15)
}

.featured-themes .section-container:after {
    right: auto;
    top: auto;
    left: 4%;
    bottom: 9%;
    width: 98px;
    height: 98px;
    background-color: rgba(9, 88, 236, .085)
}

.featured-themes:hover:before {
    right: -5%;
    top: 36%
}

.featured-themes:hover .section-container:before {
    left: -5%;
    top: 10%
}

.featured-themes:hover .section-container:after {
    left: 6%;
    bottom: 11%
}

.service-support {
    padding-bottom: 180px;
    background-color: #0958ec;
    background: linear-gradient(132deg, #164A96 3%, #0958ec 3%)
}

.service-support .heading-title {
    color: #fff
}

.service-support .heading-title .section-desc {
    color: rgba(255, 255, 255, .45)
}

.service-support .c4 {
    padding: 2%
}

.service-support .c4 .inner-box {
    padding: 25px 25px 0;
    background: #fff url(../image/bg-development-features.png) no-repeat 195px 130px;
    background-size: contain;
    -moz-box-shadow: 0 0 15px rgba(33, 57, 175, .35), 4px 4px 1px rgba(33, 57, 175, .65);
    -webkit-box-shadow: 0 0 15px rgba(33, 57, 175, .35), 4px 4px 1px rgba(33, 57, 175, .65);
    box-shadow: 0 0 15px rgba(33, 57, 175, .35), 4px 4px 1px rgba(33, 57, 175, .65)
}

.service-support .c4 .inner-box .inner-box-text {
    margin: 0 -25px;
    padding: 15px 25px
}

.service-support .c4 .inner-box .inner-box-text .iconfont {
    width: 98px;
    line-height: 98px;
    font-size: 48px;
    color: #005edb;
    border: 1px solid #005edb;
    display: inline-block
}

.service-support .c4 .inner-box .inner-box-text h3 {
    padding: 20px;
    font-size: 16px
}

.service-support .c4 .inner-box:hover {
    background-position: 215px 110px;
    -moz-box-shadow: 0 0 40px 0px rgba(0, 0, 0, .5), 4px 8px 1px rgba(33, 57, 175, .85);
    -webkit-box-shadow: 0 0 40px 0px rgba(0, 0, 0, .5), 4px 8px 1px rgba(33, 57, 175, .85);
    box-shadow: 0 0 40px 0px rgba(0, 0, 0, .5), 4px 8px 1px rgba(33, 57, 175, .85);
    transform: translateY(-4px)
}

.service-support .c4 .inner-box:hover .inner-box-text i {
    color: #fff;
    background-color: #164A96;
    border-color: #164A96
}

.svg-shape {
    width: 90%;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg)
}

.client-reviews {
    position: relative;
    overflow: hidden
}

.client-reviews .five-star {
    padding: 3px 35px 0 35px;
    background: #164A96
}

.client-reviews .five-star .iconfont {
    color: #ffff80;
    font-size: 24px
}

.client-reviews .five-star .iconfont:nth-child(2n) {
    font-size: 28px
}

.client-reviews .five-star .iconfont:nth-child(3n) {
    font-size: 34px
}

.client-reviews .five-star .iconfont:nth-child(4n) {
    font-size: 28px
}

.client-reviews:before {
    left: 8%;
    top: 56%;
    color: rgba(102, 70, 255, .18);
    font-size: 128px;
    content: "优";
    width: 240px;
    height: 240px;
    line-height: 240px;
    background-color: rgba(102, 70, 255, .068)
}

.client-reviews .section-container:after {
    color: rgba(251, 49, 109, .15);
    font-size: 42px;
    content: "专";
    width: 80px;
    height: 80px;
    line-height: 80px;
    background-color: rgba(251, 49, 109, .065)
}

.client-reviews .section-container:before {
    height: 20px;
    background-color: rgba(0, 94, 219, .065)
}

.client-reviews .btn-more {
    margin-top: 80px
}

.client-reviews .btn-more .btn-line {
    color: #005edb;
    border-color: #005edb
}

.client-reviews .btn-more .btn-line:hover {
    color: #fff;
    background-color: #005edb
}

.reviews {
    max-width: 60%;
    padding: 0 80px;
    position: relative
}

.reviews .swiper-reviews {
    color: #fff;
    background-color: #164A96;
    border-radius: 0 25px 0 25px;
    box-shadow: 14px 14px 0 rgba(0, 0, 0, .15);
    overflow: hidden
}

.reviews .swiper-reviews .swiper-wrapper .swiper-slide {
    padding: 40px
}

.reviews .swiper-reviews .swiper-wrapper .swiper-slide .review-content {
    margin-bottom: 35px;
    min-height: 140px;
    font-size: 15px
}

.reviews .swiper-reviews .swiper-wrapper .swiper-slide img {
    margin-bottom: 10px;
    padding: 8px;
    width: 86px;
    height: 86px;
    border: 1px solid #eee;
    background: #fff;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .28);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .28);
    box-shadow: 0 0 10px rgba(0, 0, 0, .28)
}

.reviews .swiper-reviews .swiper-wrapper .swiper-slide h4 {
    font-size: 14px;
    color: rgba(255, 255, 255, .75)
}

.reviews .swiper-reviews .swiper-wrapper .swiper-slide h4 .iconfont {
    padding-right: 10px
}

.reviews .swiper-button-next, .reviews .swiper-container-rtl .swiper-button-prev {
    right: -4px
}

.reviews .swiper-button-next:after, .reviews .swiper-button-prev:after {
    color: rgba(0, 0, 0, .18)
}

.reviews .swiper-button-next:hover:after, .reviews .swiper-button-prev:hover:after {
    color: rgba(0, 0, 0, .58)
}

.showcases .swiper-showcase-slider {
    padding: 15px
}

.showcases .swiper-showcase-slider .swiper-slide {
    text-align: center
}

.showcases .swiper-showcase-slider .swiper-slide img {
    margin-bottom: 15px;
    width: 100%;
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .12);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .12);
    box-shadow: 0 0 20px rgba(0, 0, 0, .12)
}

.showcases .swiper-showcase-slider .swiper-slide img:hover {
    -moz-box-shadow: 0 0 25px rgba(0, 94, 219, .4);
    -webkit-box-shadow: 0 0 25px rgba(0, 94, 219, .4);
    box-shadow: 0 0 25px rgba(0, 94, 219, .4)
}

.showcases .swiper-showcase-slider .swiper-slide p {
    color: rgba(0, 0, 0, .58)
}

.statistics {
    position: relative
}

.statistics .section-content {
    margin-bottom: 50px
}

.statistics .svg-shape {
    width: 500px;
    right: auto;
    left: 5%;
    bottom: 80px;
    -webkit-transform: rotate(100deg);
    transform: rotate(100deg)
}

.statistics:before {
    display: none
}

.statistics .section-container:before {
    right: 40%;
    top: 5%;
    width: 248px;
    height: 20px;
    background-color: rgba(0, 94, 219, .068)
}

.statistics .section-container:after {
    right: 9%;
    bottom: 9%;
    width: 20px;
    height: 128px;
    background-color: rgba(27, 192, 147, .15)
}

.statistics .iconfont {
    width: 108px;
    height: 108px;
    line-height: 108px;
    font-size: 56px;
    color: #164A96;
    background: rgba(255, 255, 255, .95) url(../image/ballons.png) no-repeat center 0;
    background-size: 80%;
    display: inline-block;
    -moz-box-shadow: 0 0 50px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, .3);
    box-shadow: 0 0 50px rgba(0, 0, 0, .3)
}

.statistics .stat-number {
    margin: 20px auto 10px;
    font-size: 32px;
    display: block
}

.statistics .stat-title {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.65)
}

.statistics .statistics-items {
    padding: 100px 20px;
    color: #fff;
    position: relative
}

.statistics .statistics-items:before {
    position: absolute;
    right: -45px;
    top: -75px;
    z-index: -1;
    width: 128px;
    height: 128px;
    content: '';
    background-color: rgba(0, 94, 219, .068)
}

.statistics .statistics-items div:hover .iconfont {
    color: #164A96;
    background: rgba(255, 255, 255, 1) url(../image/ballons.png) no-repeat right bottom;
    background-size: 70%;
    display: inline-block;
    -moz-box-shadow: 0 10px 50px rgba(0, 0, 0, .75);
    -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, .75);
    box-shadow: 0 10px 50px rgba(0, 0, 0, .75);
    transform: translateY(-4px)
}

.promote-scale .iconfont {
    font-size: 64px;
    border-radius: 25px
}

.section-cat-posts ul {
    margin-left: -3%;
    margin-bottom: -30px;
    overflow: hidden
}

.section-cat-posts ul li {
    float: left;
    margin-left: 3%;
    margin-bottom: 30px;
    width: 30.333333%;
    min-height: 120px
}

.section-cat-posts ul li:before {
    display: none
}

.section-cat-posts ul li span a {
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.0;
    color: #fff;
    background: #00a0e9;
    text-decoration: none;
    display: inline-block
}

.section-cat-posts ul li span a:hover {
    background: #005edb
}

.section-cat-posts ul li h3 {
    margin: 12px auto 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.section-cat-posts ul li p {
    max-height: 48px;
    line-height: 1.625;
    color: #888;
    overflow: hidden
}

.section-cat-posts ul li:hover h3 a {
    color: #005edb
}

.section-cat-posts ul li:hover span a {
    background: #005edb
}

.partners {
    padding: 0 0 100px 0
}

.partners .inner {
    padding-top: 100px;
    border-top: 1px solid rgba(0, 0, 0, .06)
}

.partner-list .item {
    margin: 15px auto
}

.partner-list .item img {
    width: 100%;
    -moz-box-shadow: 0 0 40px rgba(0, 0, 0, .12);
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .12);
    box-shadow: 0 0 40px rgba(0, 0, 0, .12)
}

.partner-list .item:hover img {
    -moz-box-shadow: 0 0 25px rgba(1, 101, 189, .4);
    -webkit-box-shadow: 0 0 25px rgba(1, 101, 189, .4);
    box-shadow: 0 0 25px rgba(1, 101, 189, .4)
}

.partner-list .item span {
    height: 35px;
    font-size: 12px;
    display: none
}

.abg {
    animation: slide 3s ease-in-out infinite alternate;
    background-image: linear-gradient(65deg, rgba(255, 255, 255, .015) 50%, rgba(0, 0, 0, .03) 50%);
    bottom: 0;
    left: -50%;
    opacity: .5;
    position: fixed;
    right: -50%;
    top: 0;
    z-index: -1
}

.abg2 {
    animation-direction: alternate-reverse;
    animation-duration: 4s
}

.abg3 {
    animation-duration: 5s
}

@keyframes slide {
    0% {
        transform: translateX(-25%)
    }
    100% {
        transform: translateX(25%)
    }
}

.global-map {
    position: relative
}

.global-map:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    opacity: .7;
    background-image: url(../image/map-global.png);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed
}

.section-theme-features div div {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center
}

.section-theme-features div div i {
    width: 98px;
    line-height: 98px;
    font-size: 48px;
    color: #000;
    background-color: #f8fafc;
    display: inline-block
}

.section-theme-features div div h3 {
    margin: 20px auto 10px;
    padding: 0;
    font-size: 18px
}

.section-steps {
    padding-bottom: 0;
    background: url(../image/mountain-browser.jpg) no-repeat center center;
    background-size: cover
}

.section-steps .heading-title {
    margin-bottom: 50px
}

.section-steps .section-content {
    max-width: 85%
}

.browser-header {
    padding: 0 20px;
    width: 100%;
    height: 44px;
    background-color: #2b3539;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.browser-header span {
    float: left;
    margin: 18px 8px 0 0;
    width: 8px;
    height: 8px;
    line-height: 1;
    display: inline-block
}

.browser-header span.s-red {
    background-color: #fe6259
}

.browser-header span.s-orange {
    background-color: #ffa210
}

.browser-header span.s-green {
    background-color: #2acc4c
}

.browser-frame {
    padding: 90px 45px;
    background-color: rgba(255, 255, 255, .16);
    display: flex;
    gap: 30px;
    justify-content: space-between;
    align-items: flex-start
}

.browser-frame .item-step {
    margin: 15px auto;
    overflow: hidden
}

/* 步骤两列布局样式 */
.browser-frame .steps-column {
    flex: 1;
    display: flex;
    flex-direction: column
}

.browser-frame .steps-left {
    padding-right: 15px
}

.browser-frame .steps-right {
    padding-left: 15px
}

/* 确保item-step在列中均匀分布 */
.browser-frame .steps-column .item-step {
    margin: 0 0 30px 0 !important
}

.browser-frame .steps-column .item-step:last-child {
    margin-bottom: 0 !important
}

.browser-frame .item-step span {
    float: left;
    margin: 0 20px 40px 0;
    width: 40px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    font-size: 28px;
    font-family: Arial, Helvetica, sans-serif;
    border: 1px solid rgba(0, 0, 0, 0.9)
}

.browser-frame .item-step h3 {
    margin-bottom: 12px;
    line-height: 1;
    font-size: 32px
}

.browser-frame .item-step p, .browser-frame .item-step p a {
    color: #666
}

.section-service div div {
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: center
}

.section-service div div i {
    width: 98px;
    line-height: 98px;
    font-size: 48px;
    color: #000;
    background-color: #f8fafc;
    display: inline-block
}

.section-service div div i.icon-solid-seo {
    font-size: 40px
}

.section-service div div h3 {
    margin: 20px auto 10px;
    padding: 0;
    font-size: 16px
}

.section-service div div p {
    color: #787878
}

.content {
    margin-left: 21%;
    min-height: 1000px
}

.column-fluid {
    float: right;
    width: 100%
}

.content-left .column-fluid {
    float: left
}

.content-left .column-fluid .content {
    margin-right: 23%;
    margin-left: 0
}

.content-full .column-fluid .content {
    margin-left: 0;
    margin-right: 0
}

.content-right .column-fluid .content {
    margin-right: 0
}

.fullwidth, .mobile-body .content {
    margin: 0 auto !important;
    width: 100%
}

.cat-image {
    margin-bottom: 50px;
    color: #666
}

.breadcrumb-trail {
    padding: 120px 0 40px;
    color: rgba(255, 255, 255, .65);
    clear: both;
    position: relative
}

.breadcrumb-trail .current-title {
    float: left;
    font-size: 20px
}

.breadcrumb-trail .current-post-title {
    color: rgba(0, 0, 0, .2)
}

.breadcrumb-trail a {
    color: rgba(255, 255, 255, .65)
}

.breadcrumb-trail a:hover {
    color: rgba(255, 255, 255, 1)
}

.breadcrumbs {
    float: right;
    max-width: 60%
}

.breadcrumbs i {
    padding: 0 4px
}

.breadcrumbs i:last-child {
    display: none
}

.post-type-archive-download .breadcrumb-trail, .tax-download_category .breadcrumb-trail, .tax_website-package .breadcrumb-trail, .tax_premium-service .breadcrumb-trail, .page-template-page-about .breadcrumb-trail, .page-template-page-contact .breadcrumb-trail, .page-template-page-package .breadcrumb-trail, .page-template-page-package-woo-shop .breadcrumb-trail, .page-template-page-customize .breadcrumb-trail, .page-template-page-help .breadcrumb-trail, .page-template-page-premium .breadcrumb-trail, .page-template-page-after-service .breadcrumb-trail, .page-template-page-agent .breadcrumb-trail, .category-showcase .breadcrumb-trail, .page-id-2493 .breadcrumb-trail {
    display: none
}

.tax-download_tag .breadcrumb-trail {
    padding: 16px 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.post-type-archive-download .container, .tax-download_category .container, .tax-download_tag .container, .tax-hangye .container, .category-showcase .container, .page-id-2493 .container {
    padding-bottom: 0
}

.post-type-archive-download .container .post-page-nav, .tax-download_category .container .post-page-nav, .tax-download_tag .container .post-page-nav, .tag .container .post-page-nav, .category-showcase .container .post-page-nav, .page-id-2493 .container .post-page-nav {
    padding-bottom: 160px
}

.tax-hangye .post-page-nav, .category-showcase .post-page-nav {
    margin-bottom: 80px
}

.cat-description {
    padding: 50px 0 70px;
    position: relative
}

.cat-description .current-page-title {
    margin-bottom: 20px;
    font-size: 36px
}

.cat-description .current-page-description {
    color: rgba(255, 255, 255, .8);
    line-height: 2.3
}

.cat-description .current-page-description .inline-block {
    margin-bottom: 10px;
    padding: 3px 20px;
    background: rgba(0, 0, 0, .15)
}

.cat-description .current-page-description span {
    padding: 0 6px;
    color: rgba(255, 255, 255, .18)
}

.section-themes .inner {
    max-width: 80%
}

.archive-theme .upward-box {
    max-width: 80%
}

.archive-theme .upward-box:before, .archive-theme .upward-box:after {
    display: none
}

.archive-theme .upward-box {
    padding: 40px 0 0;
    border: none
}

.archive-theme .heading-title {
    margin: 50px auto 0
}

.theme-list .item-content {
    float: left;
    padding: 1.5%
}

.theme-list .item-content .theme-items {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    background: #fff;
    text-align: center;
    -moz-box-shadow: 0 0 10px 0 rgba(9, 30, 66, .08);
    -webkit-box-shadow: 0 0 10px 0 rgba(9, 30, 66, .08);
    box-shadow: 0 0 10px 0 rgba(9, 30, 66, .08);
    border-radius: 8px
}

.mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    _display: none
}

.theme-list .item-content .theme-items .item-cover {
    position: relative
}

.theme-list .item-content .theme-items img {
    width: 100%
}

.theme-list .item-content .theme-items:hover {
    -moz-box-shadow: 0 18px 30px -1px rgba(9, 30, 66, .28);
    -webkit-box-shadow: 0 18px 30px -1px rgba(9, 30, 66, .28);
    box-shadow: 0 18px 30px -1px rgba(9, 30, 66, .28);
    transform: translateY(-6px)
}

.theme-list .item-content .theme-items:hover .mask {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}

.theme-list .item-content .theme-items:hover img {
    -webkit-filter: blur(2px);
    filter: blur(2px)
}

.theme-list .item-content .theme-items .theme-name {
    padding: 20px;
    overflow: hidden;
    position: relative
}

.theme-list .item-content .theme-items .theme-name h3 {
    float: left;
    font-size: 16px;
    min-height: 22px
}

.theme-list .item-content .theme-items .theme-name h3 b {
    padding-right: 10px;
    font-weight: normal;
    color: #005edb
}

.theme-list .item-content .theme-items .theme-name h3 b:after {
    padding-left: 10px;
    line-height: 21px;
    font-size: 12px;
    vertical-align: top;
    color: #ccc;
    content: '|'
}

.theme-list .item-content .theme-items .theme-name span {
    float: right
}

.theme-list .item-content .theme-items .theme-name .theme-purchase-link {
    padding-top: 5px;
    padding-bottom: 5px;
    font-style: normal;
    position: absolute;
    bottom: 12px;
    right: -50px;
    opacity: 0;
    z-index: -1
}

.theme-list .item-content .theme-items:hover .theme-name .theme-purchase-link {
    right: -20px;
    opacity: 1;
    z-index: 1
}

.theme-list .item-content .theme-items .cat-woo {
    padding: 2px 5px;
    margin-right: 8px;
    font-size: 14px;
    color: #ffffff
}

.theme-label {
    float: right;
    position: absolute;
    top: 20px;
    right: 0;
    z-index: 9
}

.theme-label span {
    margin-right: -10px;
    margin-bottom: 5px;
    padding: 6px 5px 6px 12px;
    line-height: 1;
    letter-spacing: 5px;
    color: #fff;
    background-color: #164A96;
    display: block;
    position: relative;
    -webkit-box-shadow: 0 -5px 5px rgba(0, 0, 0, .12) inset;
    -moz-box-shadow: 0 -5px 5px rgba(0, 0, 0, .12) inset;
    box-shadow: 0 -5px 5px rgba(0, 0, 0, .12) inset;
    -webkit-border-top-left-radius: 30px;
    -webkit-border-bottom-left-radius: 80px;
    -moz-border-radius-topleft: 30px;
    -moz-border-radius-bottomleft: 80px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 80px
}

.theme-label .arrow {
    width: 0;
    height: 0;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #b23447;
    position: absolute;
    bottom: -10px;
    right: 0
}

.gallery-container {
    margin: -3% 0 0 -3%
}

.gallery-container .item-content {
    float: left;
    margin: 3% 0 0 3%;
    text-align: center;
    position: relative;
    -moz-box-shadow: 0 12px 20px rgba(0, 0, 0, .12);
    -webkit-box-shadow: 0 12px 20px rgba(0, 0, 0, .12);
    box-shadow: 0 12px 20px rgba(0, 0, 0, .12)
}

.gallery-container .item-content h3 {
    padding: 10px 12px;
    font-size: 14px
}

.gallery-container .item-content:hover {
    -moz-box-shadow: 0 12px 20px rgba(46, 78, 225, .4);
    -webkit-box-shadow: 0 12px 20px rgba(46, 78, 225, .4);
    box-shadow: 0 12px 20px rgba(46, 78, 225, .4);
    transform: translateY(-3px)
}

.gallery-showcase .item-content figcaption {
    padding: 0 15px
}

.gallery-showcase .item-content h3 {
    margin: 10px auto 5px;
    font-size: 14px;
    text-align: left
}

.gallery-showcase .item-content .case-meta {
    margin: 0 -15px;
    padding: 6px 15px;
    font-size: 12px;
    text-align: left;
    color: #787878;
    background-color: #f9fbfd;
    display: block;
    overflow: hidden
}

.gallery-showcase .item-content .case-meta a {
    color: #787878
}

.gallery-showcase .item-content .case-meta a:hover {
    color: #2e4ee1
}

.gallery-showcase .item-content .cats {
    float: left
}

.gallery-showcase .item-content .like {
    float: right;
    line-height: 1
}

.section-showcase .inner {
    max-width: 1400px
}

.section-showcase .customer-websites {
    margin: 0 -1.5%
}

.section-showcase .theme-list .item-content .theme-items .theme-name h3 {
    float: none;
    margin-bottom: 15px
}

.section-showcase .theme-list .item-content .theme-items .theme-name span {
    float: none;
    color: rgba(0, 0, 0, .65);
    display: block
}

.section-showcase .theme-list .item-content .theme-items .theme-name span a {
    margin-right: 4px;
    color: rgba(0, 0, 0, .65)
}

.section-showcase .theme-list .item-content .theme-items .theme-name span a:not(:last-child):after {
    content: "、"
}

.section-showcase .theme-list .item-content .theme-items .theme-name span a:hover {
    color: #005edb
}

.category-docs hr {
    margin: 70px auto
}

.category-docs .entry a.btn-link:after {
    float: left;
    margin-right: 8px;
    font-size: 24px;
    font-family: "iconfont";
    content: "\e67a";
    color: rgba(255, 255, 255, .85)
}

.category-docs .entry a.btn-link:hover:after {
    content: "\e646"
}

.post-meta {
    color: rgba(0, 0, 0, 0.4);
    overflow: hidden
}

.post-meta a:link, .post-meta a:visited {
    color: rgba(0, 0, 0, 0.4)
}

.post-meta a:hover {
    color: #666
}

.post-meta span {
    padding-right: 20px
}

.post-meta span i {
    padding-right: 6px;
    font-size: 14px
}

.post-meta-blank {
    margin-bottom: 40px;
    overflow: hidden
}

.post-list {
    overflow: hidden
}

.post-list li {
    margin: 0 auto;
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    overflow: hidden
}

.post-list li.nb {
    border: none
}

.post-list li .post-date {
    float: right;
    margin-left: 15px;
    text-align: right;
    color: #bbb
}

.post-list li:before {
    margin: 0 8px 0 0;
    background: rgba(0, 0, 0, .2);
    width: 3px;
    height: 3px;
    content: "";
    vertical-align: middle;
    display: inline-block
}

.post-list li:hover {
    background-color: #f9fbfd
}

.post-list li:hover a {
    color: #164A96;
    text-decoration: underline
}

.post-list li.the-thumbnail-post {
    height: auto !important;
    line-height: inherit !important
}

.post-list li.the-thumbnail-post h3 {
    font-size: 14px
}

.wrapper-content-post {
    padding-top: 10px
}

.thumb-excerpt-list {
    overflow: hidden
}

.thumb-excerpt-list li {
    padding: 40px 25px;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    overflow: hidden
}

.thumb-excerpt-list li .post-excerpt {
    line-height: 1.85
}

.thumb-excerpt-list li .post-excerpt h3 {
    margin-bottom: 15px;
    font-weight: bold
}

.thumb-excerpt-list li .post-excerpt .excerpt-content {
    margin-bottom: 20px;
    color: rgba(0, 0, 0, .78);
    font-size: 15px
}

.thumb-excerpt-list li .link-read-more {
    text-align: right
}

.thumb-excerpt-list li .link-read-more .btn {
    padding: 4px 22px;
    font-size: 14px;
    background: transparent;
    border: 1px solid #7d8186;
    color: #7d8186
}

.thumb-excerpt-list li:hover {
    border-bottom-color: rgba(0, 94, 219, .15);
    background-color: rgba(0, 94, 219, .015)
}

.thumb-excerpt-list li:hover .post-excerpt h3 {
    color: #005edb
}

.thumb-excerpt-list li:hover .link-read-more .btn {
    background-color: #164A96;
    border-color: #164A96;
    color: #ffffff
}

.category-poptrader .item-features .theme-feature-list div h3 {
    padding: 0;
    border: none;
    color: initial
}

.category-poptrader .item-features .theme-feature-list div p {
    margin-bottom: 0;
    font-size: 14px
}

.search-results .fullwidth {
    max-width: 70%
}

.search-results .cat-description {
    display: none
}

.search-results .so-title {
    padding: 20px;
    background: rgba(0, 94, 219, .025);
    font-size: 24px;
    border-top: 2px solid #e72d64
}

.search-results .so-title strong {
    color: #e72d64
}

.search-results .thumb-excerpt-list li {
    padding: 40px 25px
}

.search-page-form {
    margin: 0 auto 25px;
    padding: 20px;
    color: #666;
    background: rgba(0, 94, 219, .025)
}

.search-page-form #searchform {
    width: 100%;
    position: relative
}

.search-page-form #searchform #ls {
    padding: 12px 20px;
    width: 100%;
    color: #fff;
    border-color: transparent
}

.search-page-form #searchform #searchsubmit {
    float: right;
    padding: 5px 26px;
    position: absolute;
    right: 5px;
    top: 5px
}

.search-results .so-post-theme .screen-sm {
    float: left;
    margin-right: 30px;
    max-width: 400px;
    max-height: 280px
}

.search-results .so-post-theme .screen-sm img {
    border: 5px solid #005edb
}

.entry-title {
    margin-bottom: 20px;
    padding-bottom: 20px;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.65;
    border-bottom: 2px solid rgba(0, 0, 0, .05);
    text-align: center
}

.post .post-meta {
    margin-bottom: 40px
}

.entry-content {
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 2
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
    margin: 50px auto 25px;
    line-height: 1.65
}

.entry-content h3 {
    padding: 0 0 0 15px;
    font-size: 24px;
    font-weight: bold;
    color: #005edb;
    border-left: 5px solid #005edb
}

.entry-content h4 {
    padding: 10px 0 0;
    border-top: 1px solid #9ec1f0;
    font-size: 18px;
    font-weight: bold;
    color: #005edb;
    border-left: none
}

.entry-content p {
    margin-bottom: 25px
}

.entry-content p.has-background {
    background-color: #ffffe0
}

.entry-content a:link, .entry-content a:visited {
    color: #005edb
}

.entry-content a:hover {
    color: #164A96;
    text-decoration: underline
}

.entry-content a.btn:link, .entry-content a.btn:visited {
    color: #fff
}

.entry-content a.btn:hover {
    color: #ffff4d;
    text-decoration: none
}

.entry-content img {
    margin-bottom: 10px;
    max-width: 100%;
    height: auto
}

.entry-content iframe {
    margin-bottom: 10px;
    max-width: 100%
}

.entry-content .left {
    float: left;
    width: 45%
}

.entry-content .right {
    float: right;
    width: 45%
}

.entry-content ol, .entry-content ul {
    margin: 20px auto;
    padding-left: 25px
}

.entry-content ol li {
    margin-bottom: 10px;
    list-style: decimal
}

.entry-content ul li {
    margin-bottom: 10px;
    list-style: disc
}

.entry-content ul li ul {
    padding-left: 10px
}

.entry-content ul li ul li {
    list-style: circle
}

.entry-content table {
    margin-bottom: 15px;
    width: auto !important;
    max-width: 100%;
    color: #444;
    display: inline-block;
    overflow-x: auto;
    white-space: nowrap;
    border-collapse: collapse;
    border-spacing: 0
}

.entry-content th, .entry-content td {
    padding: 6px 12px;
    border: 1px solid #ddd;
    word-wrap: break-word
}

.entry-content th {
    text-align: left;
    background: rgba(0, 0, 0, .04)
}

.entry-content .section-item ul li:before {
    display: none
}

.wp-caption {
    margin: 0 auto 15px;
    padding: 0;
    width: auto !important;
    border: none;
    text-align: center
}

.wp-caption img {
    margin: 0;
    padding: 0
}

.wp-caption p.wp-caption-text {
    padding: 10px;
    color: #888;
    font-size: 14px
}

.wp-block-image figcaption, .wp-block-video figcaption {
    text-align: center;
    color: #888;
    font-size: 14px
}

.wp-block-separator {
    border: none
}

.entry-content hr {
    margin: 70px auto
}

.entry-content hr.is-style-wide {
    height: 4px;
    background: #d4d9dd
}

.entry-content blockquote, .entry-content pre, .entry-content code {
    margin: 15px auto;
    padding: 20px;
    overflow: overlay;
    border-left: 3px solid #164A96;
    color: #e30446;
    background-color: #fff9fc;
    display: block;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif
}

.entry-content code {
    margin: 0 2px;
    padding: 0 5px;
    border: none;
    background-color: #e7f7f0;
    display: inline
}

.entry-content blockquote code, .entry-content pre code {
    margin: 0 auto;
    padding: 0;
    border-left: none;
    background: none
}

.entry-content blockquote p, .entry-content pre p, .entry-content code p {
    margin-bottom: 0
}

.gallery {
    margin: -1% auto 0;
    overflow: hidden;
    clear: both
}

.gallery .gallery-item {
    float: left;
    margin: 1% auto;
    padding: 0 1%;
    text-align: center;
    width: 33%;
    display: inline-flex;
    align-self: center
}

.gallery .gallery-caption {
    margin-top: 8px;
    color: rgba(0, 0, 0, .5);
    font-size: 12px
}

.gallery dl, .entry-content .gallery dt {
    margin: 0
}

.gallery br {
    display: none
}

.gallery img {
    margin: 0;
    max-width: 100%;
    height: auto
}

.gallery img:hover {
    border-color: #ccc;
    opacity: 0.85
}

.gallery-columns-1 .gallery-item {
    width: 100%
}

.gallery-columns-2 .gallery-item {
    width: 50%
}

.gallery-columns-3 .gallery-item {
    width: 33.3333%
}

.gallery-columns-4 .gallery-item {
    width: 25%
}

.gallery-columns-5 .gallery-item {
    width: 20%
}

.gallery-columns-6 .gallery-item {
    width: 16.6666%
}

.gallery-columns-7 .gallery-item {
    width: 14.2857%
}

.gallery-columns-8 .gallery-item {
    width: 12.5%
}

.gallery-columns-9 .gallery-item {
    width: 11.1111%
}

.post .post-copyright {
    text-align: left
}

.post-meta-bottom {
    padding-bottom: 20px;
    color: rgba(0, 0, 0, .5);
    overflow: hidden
}

.post-meta-bottom .tags {
    float: left
}

.post-meta-bottom .tags strong {
    margin-right: 10px;
    font-weight: normal
}

.post-meta-bottom .tags a {
    margin-right: 3px;
    padding: 0 8px;
    line-height: 26px;
    color: rgba(0, 0, 0, .5);
    background: rgba(0, 0, 0, .04);
    display: inline-block
}

.post-meta-bottom .tags a:hover {
    color: #fff;
    background: #666
}

.post-meta-bottom .share, .post-meta-bottom .share .bdsharebuttonbox, .post-meta-bottom .share #bdshare, .post-meta-bottom .share .addthis_sharing_toolbox {
    float: right
}

.post-meta-bottom .share .bdsharebuttonbox a {
    margin: 3px 5px 0 0 !important
}

.post-meta-bottom .share #share-title {
    margin-right: 10px;
    color: rgba(0, 0, 0, .5)
}

.fancybox-overlay {
    z-index: 999999 !important
}

.post .entry-content h3, .category-docs .entry-content h3, .page-template-page-upward .entry-content h3, .page-template-page-upward-sidebar .entry-content h3 {
    margin-left: -50px;
    padding-left: 45px
}

.entry .package-list {
    text-align: center
}

.entry .package-list ul {
    padding: 0;
    width: 70%
}

.entry .package-list ul .item-purchase {
    padding: 25px 0 40px
}

.entry .package-list ul .item-purchase a {
    padding: 8px 120px
}

.entry .remarks {
    margin: 0 auto;
    padding-left: 0;
    width: 70%
}

.section-purchase .btn {
    min-width: 48%
}

.section-purchase .demosite {
    margin-left: 2%;
    background: #21c2aa
}

.section-purchase .demosite:hover {
    background: #1ca892
}

.post-docs .entry-content h3 {
    margin-top: 70px
}

.post-docs .entry-content h4 {
    padding: 8px 0 0;
    font-size: 1.25em;
    font-weight: 700;
    color: #005ae0
}

.theme-head {
    padding: 40px 0 0;
    color: #fff;
    overflow: hidden;
    -moz-box-shadow: 0 8px 8px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, .1);
    box-shadow: 0 8px 8px rgba(0, 0, 0, .1);
    position: relative
}

.theme-head .inner {
    max-width: 1600px;
    overflow: visible;
    position: relative;
    z-index: 9
}

.theme-browser {
    float: left;
    width: 60%
}

.browser {
    width: 100%;
    height: 26px;
    background: #e5e5e5;
    overflow: hidden;
    position: relative;
    border-radius: 5px 5px 0 0;
    display: flex;
    align-items: center;
    padding-left: 10px
}

.browser .spot {
    margin-left: 5px;
    width: 5px;
    height: 5px;
    background: #b0b0b0
}

.theme-head .theme-screen {
    position: relative;
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3)
}

.theme-head .theme-screen .theme-screenshot {
    overflow: hidden
}

.theme-head .theme-screen .demosite {
    position: relative;
    max-height: 680px;
    display: block
}

.theme-head .theme-screen .demosite:before, #device-frame .phone-frame:before {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: none
}

.theme-head .theme-screen .demosite:hover:before, .theme-head .theme-screen .demosite:hover .qrcode-box {
    display: block
}

.theme-head .theme-screen .demosite:hover img {
    -webkit-filter: blur(2px);
    filter: blur(2px)
}

.theme-head .theme-screen .qrcode-box {
    width: 100%;
    text-align: center;
    display: none;
    z-index: 3
}

.theme-head .theme-screen .qrcode-box .qrcode-mobi {
    padding: 10px;
    background-color: #fff;
    display: inline-block
}

.theme-head .theme-screen .qrcode-box h3 {
    margin-bottom: 15px;
    color: #fff
}

.theme-head .theme-screen .demosite img {
    width: 100%;
    display: block
}

.theme-head .theme-screen .theme-label {
    top: 40px
}

.theme-head .theme-title {
    margin-bottom: 20px
}

.theme-head .theme-title h1 {
    margin-bottom: 12px;
    padding-left: 5%;
    line-height: 1.5;
    font-size: 36px;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.5)
}

.theme-features-title {
    margin-bottom: 25px;
    padding: 12px 0 12px 5%;
    font-size: 15px;
    line-height: 2;
    color: rgba(255, 255, 255, 0.95);
    background: -moz-linear-gradient(left, rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, 0) 100%)
}

.theme-meta {
    float: right;
    width: 40%
}

.theme-meta a {
    color: #fff
}

.theme-meta a:hover {
    color: #ffff4d;
    text-decoration: none
}

.theme-meta sup, .theme-link sup {
    padding: 4px 10px;
    margin-left: 3px;
    font-size: 12px;
    background-color: rgba(0, 0, 0, .46)
}

.theme-meta-detail {
    padding: 0 0 0 5%;
    overflow: hidden
}

.theme-meta-detail li {
    margin-bottom: 12px;
    white-space: nowrap
}

.theme-meta-detail li .iconfont {
    color: #164A96
}

.theme-meta-detail li span {
    padding-right: 8px
}

.theme-meta-detail li span.whiteblank {
    padding: 0 4px
}

.theme-meta-detail li em {
    font-size: 14px;
    font-style: normal
}

.theme-meta-detail li .line {
    text-decoration: line-through
}

.theme-meta-detail li.discount em {
    font-size: 20px;
    color: #ffff4d
}

.theme-meta-detail li#tags {
    height: auto
}

.theme-meta-detail li#tags span {
    float: left
}

.theme-meta-detail li#tags a {
    padding-left: 78px;
    display: block
}

.theme-link {
    padding: 25px 0 15px 5%;
    clear: both
}

.theme-link a:link, .theme-link a:visited {
    margin-right: 1%;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 48%;
    max-width: 240px;
    text-align: center;
    font-size: 16px;
    letter-spacing: 2px;
    color: #fff;
    display: inline-block;
    cursor: pointer;
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.35)
}

.theme-link a:hover {
    color: #ffff4d;
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .5);
    box-shadow: 0 0 25px rgba(0, 0, 0, .5)
}

.theme-link a.purchase {
    background: #164A96
}

.theme-link a.purchase:hover {
    background: #e72d64
}

.theme-link a.demosite, .theme-link a.demosite-url {
    background: #21c2aa
}

.theme-link a.demosite:hover, .theme-link a.demosite-url:hover {
    background: #1ca892
}

.theme-link a .iconfont {
    margin-right: 3px;
    font-size: 18px
}

.theme-link a.no-purchase, .theme-link a.no-purchase:hover {
    background: #aaa;
    cursor: not-allowed
}

.single-theme-post .entry-content ol, .single-theme-post .entry-content ul {
    margin: 0 auto 25px;
    border: 1px solid #f8fafc;
    border-left: 4px solid #d5e1ee
}

.single-theme-post .entry-content ol li, .single-theme-post .entry-content ul li {
    margin-bottom: 0;
    padding: 10px 18px;
    list-style: none
}

.single-theme-post .entry-content ol li:nth-child(even), .single-theme-post .entry-content ul li:nth-child(even) {
    background-color: #f8fafc
}

.single-theme-post .entry-content ol li:hover, .single-theme-post .entry-content ul li:hover {
    background-color: #ecf1f9
}

.single-theme-post hr {
    max-width: 60%;
    background: none;
    border: none;
    border-top: 1px solid #eee;
    margin: 20px auto 70px
}

.single-theme-post .promote-scale {
    margin-top: 30px;
    border-radius: 0
}

.arrow-left {
    position: absolute;
    top: -220px;
    left: -120px;
    width: 0;
    height: 0;
    border-top: 800px solid transparent;
    border-bottom: 800px solid transparent;
    border-left: 650px solid rgba(0, 0, 0, .025)
}

.arrow-right {
    position: absolute;
    top: -220px;
    right: 0;
    width: 0;
    height: 0;
    border-top: 800px solid transparent;
    border-bottom: 800px solid transparent;
    border-right: 650px solid rgba(0, 0, 0, .025)
}

.lt-col {
    float: left;
    max-width: 65%;
    padding-right: 40px
}

.rt-col {
    float: left;
    max-width: 35%
}

.reverse .lt-col {
    max-width: 35%
}

.reverse .rt-col {
    max-width: 65%
}

.theme-entry, .theme-item {
    position: relative
}

.theme-entry {
    background: url(../image/wppop-slogan-new.png) no-repeat center 0
}

.theme-item {
    padding: 100px 0
}

.theme-item .inner {
    position: relative
}

.theme-item .heading-title .section-desc {
    -moz-opacity: .85;
    opacity: .85;
    filter: alpha(opacity=85)
}

.item-description {
    font-size: 16px;
    line-height: 2;
    text-align: center
}

.item-description .inner {
    padding-bottom: 100px;
    border-bottom: 1px solid rgba(0, 0, 0, .06)
}

.item-description p {
    margin: 25px auto
}

.single-theme-post .item-features hr {
    margin: 50px auto;
    max-width: 100%
}

.item-features .theme-feature-list div {
    padding: 30px;
    text-align: center
}

.item-features .theme-feature-list div i {
    width: 108px;
    height: 108px;
    line-height: 108px;
    font-size: 48px;
    color: #000;
    background: #e7f3ff url(../image/bg-development-features.png) no-repeat;
    background-position: -90px -200px;
    display: inline-block
}

.item-features .theme-feature-list div h3 {
    margin: 25px auto 10px;
    font-size: 16px;
    font-weight: 700
}

.item-features .theme-feature-list div p {
    color: #555
}

.item-features .theme-feature-list div:hover {
    box-shadow: 0 8px 40px 0 rgba(0, 94, 219, .15);
    transform: translateY(-3px)
}

.item-features .theme-feature-list div:hover i {
    color: #164A96;
    background-position: -50px -240px
}

.item-features .theme-feature-list div:hover h3 {
    color: #164A96
}

.item-features .theme-feature-list div.light i {
    color: #164A96
}

.product-features {
    padding-bottom: 0
}

.product-features .section-box {
    color: #fff
}

.product-features .section-box h3 {
    margin: 50px auto 12px;
    line-height: 150%;
    font-size: 28px
}

.product-features .section-box h3.v1 {
    margin: -20px auto 12px
}

.product-features .section-box h3.v2 {
    margin: 10px auto 12px
}

.product-features .section-box p {
    margin-bottom: 10px;
    -moz-opacity: .75;
    opacity: .75;
    filter: alpha(opacity=75)
}

.single-woocommerce-post .wc-wp {
    padding: 130px 0 0
}

.single-woocommerce-post .item-description {
    padding: 40px 0 0
}

.woocommerce-features {
    color: #fff;
    background: #c064b7
}

.woocommerce-features .woocommerce-intro {
    margin-bottom: 60px;
    font-size: 16px
}

.woocommerce-features .heading-title h2.radius50 {
    padding: 2px 37px;
    color: #c064b7;
    background: #fff;
    display: inline-block;
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .25);
    box-shadow: 0 0 25px rgba(0, 0, 0, .25)
}

.woocommerce-features .add-on {
    color: #fff;
    border-top-color: #af55a6
}

.woocommerce-features .wc-feature-list {
    display: inline-block
}

.woocommerce-features .wc-feature-list li {
    padding: 10px 22px;
    color: rgba(255, 255, 255, .75)
}

.woocommerce-features .wc-feature-list li:before {
    display: none
}

.woocommerce-features .wc-feature-list li:nth-child(odd) {
    background: rgba(0, 0, 0, .05)
}

.woocommerce-features .wc-feature-list li strong {
    color: rgba(255, 255, 255, 1)
}

.b2c-features {
    border-top: 1px solid #e6e6e6
}

.b2c-features .heading-title img {
    margin-bottom: 25px;
    width: 50%
}

.woocommerce-b2c-features div {
    margin: 20px auto
}

.woocommerce-b2c-features h3 {
    padding: 8px 10px;
    font-size: 18px;
    color: #fff;
    background-color: #0958ec;
    text-align: center
}

.woocommerce-b2c-features ul {
    padding: 18px 25px;
    background: #fff;
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .08);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .08);
    box-shadow: 0 0 15px rgba(0, 0, 0, .08)
}

.woocommerce-b2c-features ul li {
    padding: 8px 0;
    font-size: 15px
}

.woocommerce-b2c-features ul li:before {
    width: auto;
    height: auto;
    color: #1ca892;
    font-size: 14px;
    font-family: "iconfont";
    content: "\e60d";
    background-color: transparent
}

.mobile-features {
    color: #fff;
    background: #1ca892
}

.mobile-features .inner {
    overflow: hidden
}

.mobile-feature-list .swiper-wrapper .swiper-slide {
    padding: 40px 15px;
    text-align: center;
    background: rgba(0, 0, 0, .35);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}

.mobile-feature-list .swiper-wrapper .swiper-slide h3 {
    margin-top: 15px;
    font-size: 16px;
    color: rgba(255, 255, 255, .65)
}

.schema-markup {
    background-color: #566ef3
}

.schema-markup .inner {
    background: url(../image/schema-markup-seo.jpg) no-repeat top center
}

.schema-markup .inner img {
    padding-top: 100px
}

.schema-markup .add-on {
    color: #fff;
    border-top-color: #4c61d5
}

.theme-faqs .col-mid-2 {
    overflow: hidden
}

.theme-faqs .col-mid-2 div {
    margin-bottom: 40px
}

.theme-faqs .col-mid-2 div h3 {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 18px
}

.theme-faqs .col-mid-2 div p {
    color: #606060
}

.theme-feature-list:after {
    content: " ";
    display: table;
    clear: both
}

.theme-feature-list ul li {
    width: 49%;
    margin: 8px auto;
    padding-left: 30px;
    font-size: 15px;
    color: #233850;
    display: inline-block
}

.theme-feature-list ul li:before {
    float: left;
    margin: 0 0 0 -30px;
    width: 0;
    height: 0;
    font-size: 16px;
    font-family: "iconfont";
    content: "\e644";
    color: rgba(35, 56, 80, .2)
}

.theme-feature-list ul li strong {
    margin: 0 2px;
    padding: 1px 5px;
    font-weight: 400;
    background-color: rgba(244, 107, 87, .12)
}

.theme-feature-list ul li:hover {
    color: #164A96
}

.theme-feature-list ul li:hover:before {
    color: #164A96
}

.theme-feature-list ul li:hover strong {
    color: #fff;
    background-color: #164A96
}

.core-expand .flex {
    flex-direction: row-reverse;
    padding: 50px 0;
    overflow: hidden
}

.core-expand .flex .cw4 {
    float: left
}

.core-expand .flex .item-core-content {
    padding: 0 80px 0 40px
}

@media screen and (-ms-high-contrast: none) {
    .core-expand .flex .cw6 {
        width: 100%
    }
}

.core-expand .flex .box-title {
    margin-bottom: 30px;
    font-size: 36px
}

.core-expand .flex .box-title b {
    font-weight: normal;
    color: #005edb
}

.core-expand .flex .box-description {
    font-size: 16px
}

.core-expand .flex p {
    margin-bottom: 15px
}

.core-expand .flex:nth-child(even) div.cw4:nth-child(3n+1) {
    webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.core-expand .flex:nth-child(even) .item-core-content {
    padding: 0 40px 0 80px
}

.list-check {
    margin: 20px auto
}

.list-check li {
    margin: 18px auto;
    font-size: 15px;
    color: rgba(0, 0, 0, .75)
}

.list-check li:before {
    margin: 0 15px 0 0;
    background-color: #21c2aa;
    width: 5px;
    height: 5px;
    content: "";
    vertical-align: middle;
    display: inline-block
}

.tax_premium-service .breadcrumb-trail {
    padding: 0 0 40px 0
}

.premium-service-post .entry-title {
    margin-bottom: 20px;
    padding-bottom: 0;
    border: none
}

.service-post-thumbnail {
    padding-right: 40px
}

.service-thumbnail:hover img {
    -webkit-box-shadow: 0 10px 20px -1px rgba(9, 30, 66, .28);
    -moz-box-shadow: 0 10px 20px -1px rgba(9, 30, 66, .28);
    box-shadow: 0 10px 20px -1px rgba(9, 30, 66, .28);
    transform: translateY(-4px)
}

.service-description {
    margin-bottom: 30px;
    padding: 25px 0;
    line-height: 1.85;
    color: rgba(0, 0, 0, .65);
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.premium-service-post .discount-price {
    padding: 15px 20px;
    font-size: 16px;
    color: #fff;
    position: relative
}

.premium-service-post .discount-price em {
    font-style: normal;
    font-size: 18px
}

.premium-service-post .discount-price:after {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../image/banner-ray.png);
    background-repeat: no-repeat;
    background-position: right -170px;
    background-size: 50%
}

.premium-service-post .entry-content {
    margin: 50px auto;
    padding-top: 40px;
    border-top: 5px solid rgba(0, 0, 0, .05)
}

.page .post-meta {
    margin-bottom: 25px
}

.container-fullwidth .wrapper-content {
    margin: 0 auto;
    padding: 0
}

.container-fullwidth .fullwidth .entry-content {
    margin-bottom: 0
}

.page-template-page-fullwidth .footer {
    margin-top: 0
}

.entry-attachment {
    margin-top: 25px;
    text-align: center
}

.package a:link, .package a:visited {
    color: #ff610b
}

.package a:hover {
    color: #164A96
}

.package-list {
    padding-bottom: 20px
}

.package-list ul {
    margin: 0 1% 30px;
    width: 31%;
    background: #fff;
    display: inline-block;
    position: relative;
    top: 0;
    -webkit-box-shadow: 0 3px 15px 0 rgba(9, 30, 66, .1);
    -moz-box-shadow: 0 3px 15px 0 rgba(9, 30, 66, .1);
    box-shadow: 0 3px 15px 0 rgba(9, 30, 66, .1)
}

.package-list ul:hover {
    -webkit-box-shadow: 0 10px 20px -1px rgba(9, 30, 66, .28);
    -moz-box-shadow: 0 10px 20px -1px rgba(9, 30, 66, .28);
    box-shadow: 0 10px 20px -1px rgba(9, 30, 66, .28)
}

.package-list ul li {
    margin: 0 auto;
    padding: 10px 0;
    border-bottom: 1px solid #f6f6f6;
    list-style: none
}

.package-list ul li strong {
    color: #ff610b
}

.package-list ul .icon-mark {
    position: absolute;
    top: -25px;
    left: 0;
    padding: 0;
    border: none;
    width: 100%
}

.package-list ul .icon-mark i {
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 24px;
    border: 1px solid #005edb;
    color: #005edb;
    background: #fff;
    display: inline-block
}

.package-list ul .item-title {
    margin: -5px 6% 0;
    padding: 20px;
    font-size: 28px;
    border-top: 10px solid #444;
    border-bottom: none
}

.package-list ul .item-price {
    font-size: 18px;
    color: #888;
    background: #fbfbfb
}

.package-list ul .item-purchase a:link, .package-list ul .item-purchase a:visited, .package-list ul .item-purchase a:hover {
    padding: 8px 50px;
    color: #fff;
    display: inline-block
}

.package-list ul.basic .item-title {
    border-top-color: #1ca892;
    color: #1ca892
}

.package-list ul.basic .item-price {
    color: #1ca892;
    background: #ebfbf3
}

.package-list ul.pro .item-title {
    border-top-color: #005edb;
    color: #005edb
}

.package-list ul.pro .item-price {
    color: #005edb;
    background: #e9f6fb
}

.package-list ul.vip .item-title {
    border-top-color: #164A96;
    color: #164A96
}

.package-list ul.vip .item-price {
    color: #164A96;
    background: #fff0f5
}

.package .xs-table th a:link, .package .xs-table th a:visited {
    color: rgba(0, 0, 0, .58)
}

.package .xs-table td .note {
    margin-top: 4px;
    color: #fa956a;
    display: block
}

.package .xs-table td .highlight {
    color: #164A96
}

.table-responsive-md {
    margin: 50px auto
}

.xs-table {
    width: 100%;
    color: #444;
    -webkit-box-shadow: 0 3px 35px 0 rgba(9, 30, 66, .1);
    -moz-box-shadow: 0 3px 35px 0 rgba(9, 30, 66, .1);
    box-shadow: 0 3px 35px 0 rgba(9, 30, 66, .1);
    background-color: #fff;
    overflow-x: auto;
    white-space: nowrap;
    border-collapse: collapse;
    border-spacing: 0
}

.xs-table th, .xs-table td {
    padding: 10px 15px;
    border: 1px solid #eee;
    word-wrap: break-word
}

.xs-table th {
    font-size: 18px;
    text-align: left;
    background-color: #fbfbfb
}

.xs-table th span {
    margin-top: 5px;
    font-size: 14px;
    font-weight: normal;
    display: block;
    color: rgba(0, 0, 0, .45)
}

.xs-table .package-header th {
    padding: 17px 10px;
    width: 360px;
    border: 1px solid rgba(0, 0, 0, .08);
    border-top: none;
    font-size: 28px;
    font-weight: normal;
    background-color: transparent;
    color: #fff;
    text-align: center;
    position: relative
}

.xs-table .package-header th span {
    padding: 2px 12px;
    display: inline-block;
    font-size: 16px;
    color: rgba(255, 255, 255, .85);
    background-color: #164A96
}

.xs-table .package-header th del {
    display: block;
    font-size: 16px;
    opacity: .4;
    margin-bottom: -10px
}

.xs-table .package-header th .iconfont {
    color: #164A96;
    position: absolute;
    top: -55px;
    left: 50%;
    margin-left: -30px;
    background: #f8fafc
}

.xs-table .package-header th .icon-basic {
    padding: 35px 0 13px;
    width: 70px;
    margin-left: -35px;
    top: -53px;
    font-size: 15px;
    color: #005edb;
    background: #f4f7fa
}

.xs-table .package-header th .icon-hot {
    top: -70px;
    left: 50%;
    margin-left: -63px;
    font-size: 30px
}

.xs-table .package-header th .icon-special-offer {
    margin-left: 0;
    top: -32px;
    left: 0;
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #ffff99;
    background: #164A96;
    font-size: 90px;
    border-radius: 0 50px 0 0
}

.xs-table tbody tr th {
    padding: 10px 20px
}

.xs-table tbody tr td {
    background: #ffffff
}

.xs-table tbody tr:hover th {
    color: #164A96;
    background-color: #fff0f5
}

.xs-table tbody tr:hover th span {
    color: #005edb
}

.xs-table tbody tr:hover td {
    color: #164A96;
    background-color: #fff9fc
}

.xs-table tbody tr.white-space {
    width: 100%
}

.xs-table tbody tr.white-space td {
    color: #fff;
    background: transparent
}

.xs-table .white-space:hover td {
    color: #fff;
    background-color: inherit
}

.xs-table tbody tr td .btn-purchase {
    color: #fff;
    margin: 10px;
    max-width: 100%;
    display: block
}

@media only screen and (max-width: 1280px) {
    .xs-table th, .xs-table td {
        padding: 10px 5px
    }

    .xs-table th {
        font-size: 14px
    }

    .xs-table th span {
        display: none
    }
}

/* 移动端菜单按钮显示 */
@media only screen and (max-width: 960px) {
    .mobi-menu {
        display: block !important;
    }
    
    .mobi-title {
        display: block !important;
    }
    
    .mobi-nav-search {
        display: block !important;
    }
    
    .main-nav {
        position: fixed;
        top: 0;
        left: -3000px;
        width: 80%;
        max-width: 300px;
        height: 100vh;
        background: #fff;
        z-index: 9999;
        overflow-y: auto;
        transition: left 0.3s ease;
    }
    
    /* 蒙版遮罩 */
    .menu-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 9998;
        display: none;
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    
    .menu-overlay.active {
        display: block;
        opacity: 1;
    }
    
    .main-menu {
        margin-left: 0;
    }
    
    .nav-menu {
        float: none;
    }
    
    .nav-menu li {
        float: none;
        line-height: 50px;
        border-bottom: 1px solid #eee;
    }
    
    .nav-menu li a {
        padding: 0 20px;
        color: #333;
    }
    
    .nav-menu li ul {
        position: static;
        display: none;
        box-shadow: none;
        background: #f5f5f5;
        padding: 0;
    }
    
    .nav-menu li.menu-item-has-children .mean-clicked {
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
    }
    
    .nav-menu li.menu-item-has-children .mean-clicked i {
        display: inline-block;
        width: 10px;
        height: 10px;
        border-right: 2px solid #333;
        border-bottom: 2px solid #333;
        transform: rotate(45deg);
        transition: transform 0.3s;
    }
    
    .nav-menu li.menu-item-has-children .mean-clicked.mean-toggle i {
        transform: rotate(-135deg);
    }
}

@media only screen and (max-width: 768px) {
    .xs-table {
        padding-top: 70px;
        background-color: #f8fafc;
        white-space: initial;
        display: block;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

    .xs-table .package-header th {
        padding: 5px
    }

    .xs-table .package-header th h2 {
        font-size: 16px
    }

    .xs-table .package-header th span {
        font-size: 14px
    }

    .xs-table .package-header th .icon-hot {
        top: -50px;
        margin-left: -45px;
        font-size: 18px
    }

    .xs-table .package-header th .icon-special-offer {
        top: -24px;
        height: 24px;
        line-height: 30px;
        font-size: 70px
    }

    .xs-table .package-header th del {
        margin-bottom: 0;
        font-size: 14px
    }

    .xs-table .white-space h3 {
        text-align: left;
        padding-left: 15px
    }

    .xs-table td, .xs-table td .iconfont {
        font-size: 12px
    }
    
    /* 客户评价移动端适配 */
    .client-reviews .reviews-container {
        flex-direction: column !important;
        gap: 20px !important;
    }
    .client-reviews .review-item {
        flex: none !important;
        width: 100% !important;
        padding: 30px 20px !important;
    }
    .client-reviews .review-content {
        min-height: auto !important;
        font-size: 14px !important;
        margin-bottom: 25px !important;
    }
    .client-reviews .review-item img {
        width: 70px !important;
        height: 70px !important;
    }
    .client-reviews .review-item h4 {
        font-size: 13px !important;
    }
    
    /* col-mid-5 移动端两个一行显示，高度一致 */
    .col-mid-5.additional-list {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: stretch !important;
    }
    .col-mid-5.additional-list div {
        width: 50% !important;
        float: none !important;
        flex: 0 0 50% !important;
        box-sizing: border-box;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }
}

.focal {
    padding: 0 3px;
    color: #ff610b
}

.remarks {
    margin: 0 1%;
    text-align: left;
    color: #666;
    line-height: 2
}

.remarks .iconfont {
    margin-right: 4px;
    color: #999;
    font-size: 14px
}

.remarks h2 {
    margin-bottom: 20px
}

.remarks p {
    margin-bottom: 12px
}

.remarks ul li {
    margin: 5px auto;
    list-style: none
}

.remarks ul li:before {
    margin: 0 14px 0 0;
    width: 4px;
    height: 4px;
    background-color: rgba(0, 0, 0, .2);
    content: "";
    vertical-align: middle;
    display: inline-block
}

.why-package .c4 {
    padding: 2%
}

.why-package .c4 .inner-box .inner-box-text .iconfont {
    width: 98px;
    line-height: 98px;
    font-size: 48px;
    display: inline-block
}

.why-package .c4 .inner-box .inner-box-text h3 {
    padding: 25px 0 10px;
    font-size: 16px;
    font-weight: bold
}

.why-package .c4 .inner-box .inner-box-text p {
    color: #555
}

.why-package .c4 .inner-box .inner-box-text:hover {
    transform: translateY(-4px)
}

.section-choose-us {
    padding: 120px 0;
    background: #3042b0 url(../image/banner-choose-us.jpg) no-repeat center center;
    background-size: cover
}

.section-choose-us img {
    margin-bottom: 30px
}

.section-choose-us .heading-title {
    margin: 0 auto;
    padding: 18px;
    display: inline-block;
    background-color: #fff;
    -moz-box-shadow: 0 0 40px rgba(0, 0, 0, .28);
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .28);
    box-shadow: 0 0 40px rgba(0, 0, 0, .28)
}

.section-choose-us .heading-title .dot-line {
    padding: 40px;
    border: 1px dashed rgba(0, 0, 0, .4)
}

.section-choose-us .heading-title .btn {
    margin-top: 25px
}

.section-choose-us:hover .heading-title {
    -moz-box-shadow: 0 0 60px rgba(0, 0, 0, .68);
    -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, .68);
    box-shadow: 0 0 60px rgba(0, 0, 0, .68)
}

.section-choose-us:hover .heading-title .dot-line {
    padding: 48px 60px
}

.additional-service .additional-list {
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, .1);
    box-shadow: 0 0 25px rgba(0, 0, 0, .1)
}

.additional-service .additional-list div {
    padding: 30px 0 55px 0;
    border: 1px solid #eee;
    background: #fff
}

.additional-service .additional-list div .iconfont {
    padding: 20px;
    font-size: 60px;
    color: #ff6666;
    display: inline-block
}

.additional-service .additional-list div h3 {
    padding: 0 35px;
    line-height: 1.65;
    font-size: 16px
}

.additional-service .additional-list div p {
    padding: 10px 75px 0;
    color: #666
}

.additional-service .additional-list div:hover {
    border-color: #005edb
}

.additional-service .additional-list div:hover .iconfont, .additional-service .additional-list div:hover h3, .additional-service .additional-list div:hover p {
    color: #005edb;
    transform: translateY(-4px)
}

.item-commitment .commitment-content {
    padding: 40px
}

.tip-sl {
    margin-bottom: 5px;
    padding: 30px 20px;
    color: #ffff07;
    background: #30a369 url(../image/global.png) no-repeat center;
    background-attachment: fixed;
    background-size: contain
}

.tip-sl span {
    margin: 10px;
    padding: 5px 30px 7px;
    font-size: 28px;
    color: #1d2327;
    background: #ffff2b;
    display: inline-block
}

.single-post .item-commitment {
    margin-top: 100px
}

.customize-steps {
    text-align: center
}

.step-item {
    padding: 18px 32px;
    line-height: 1;
    color: #fff;
    background: #005edb;
    display: inline-block
}

.step-item span {
    padding: 0 20px;
    font-size: 22px
}

.step-item i {
    font-size: 28px;
    -moz-opacity: 0.65;
    opacity: 0.65;
    filter: alpha(opacity=65)
}

.step-line {
    margin: 30px auto 0;
    padding: 0;
    width: 80%;
    border: none;
    background: none;
    text-align: left;
    overflow: hidden
}

.step-line li {
    margin: 0;
    padding: 25px 0;
    border-bottom: 1px dotted #e2e2e2;
    background: none;
    list-style: none;
    overflow: hidden
}

.step-line li .num {
    float: left;
    margin: 3px 0 0;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 28px;
    font-style: italic;
    color: #d6d6d6
}

.step-line li h3 {
    float: left;
    margin: 3px 0 0 12px;
    padding: 0;
    line-height: 32px;
    font-size: 24px;
    border: none;
    color: #000
}

.step-line li p {
    margin: 0;
    padding: 0 0 0 180px;
    line-height: 36px;
    font-size: 16px;
    color: #666
}

.step-line li.st p {
    line-height: 28px
}

.customize-price .c2 {
    padding: 0 20px
}

.customize-price .c2 .c-box {
    padding: 35px;
    background: #fff url(../image/bg-customize-price.svg) no-repeat right bottom;
    position: relative
}

.customize-price .c2 .c-box:hover {
    -moz-box-shadow: 0 10px 50px rgba(0, 0, 0, .75);
    -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, .75);
    box-shadow: 0 10px 50px rgba(0, 0, 0, .75)
}

.customize-price .c2 .c-box:before {
    width: 100%;
    height: 100%;
    content: ' ';
    display: block;
    background-size: auto;
    position: absolute;
    top: 0;
    right: 20px;
    background-position: right bottom;
    background-repeat: no-repeat
}

.customize-price .c2:hover .c-box:before {
    transform: translateY(-4px)
}

.customize-price .c2 .seo-marketing:before {
    background-image: url(../image/seo-marketing.png)
}

.customize-price .c2 .ecommerce:before {
    background-image: url(../image/ecommerce.png)
}

.customize-price .c2 .c-box h2 {
    margin-bottom: 15px;
    font-size: 36px;
    position: relative
}

.customize-price .c2 .c-box .span-price {
    font-size: 28px;
    color: #164A96;
    position: relative
}

.customize-price .c2 .c-box .span-price sub {
    font-size: 16px;
    color: #888;
    bottom: 0
}

.customize-price .c2 .c-box ul {
    margin-top: 18px;
    padding-top: 20px;
    border-top: 1px solid #f2f2f2;
    position: relative
}

.customize-price .c2 .c-box ul li {
    margin: 18px auto;
    font-size: 16px;
    line-height: 1.65
}

.customize-price .btn-more .iconfont {
    margin-left: 10px
}

.seo-area p {
    margin-bottom: 22px
}

.img-area {
    float: left;
    text-align: center
}

.seo-items {
    float: right
}

.seo-items .iconfont {
    color: #fff;
    margin-right: 10px;
    background: #ff6666;
    width: 22px;
    height: 22px;
    display: inline-block;
    line-height: 22px;
    text-align: center
}

.page-template-page-help {
    background-color: #f8fafc
}

.page-template-page-help .search-page-form {
    margin: 30px auto 0;
    padding: 0
}

.page-template-page-help .search-page-form #searchform #ls {
    color: inherit;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .45);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, .45);
    box-shadow: 0 0 30px rgba(0, 0, 0, .45)
}

.section-cat-postlist .cat-posts .c3 {
    margin: 20px auto
}

.section-cat-postlist .cat-posts .c3 .inner-box {
    margin: 0 20px;
    padding: 15px 25px 25px;
    border-top: 2px solid #d0d0d0;
    background-color: #fff;
    overflow: hidden;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, .1);
    box-shadow: 0 0 25px rgba(0, 0, 0, .1)
}

.section-cat-postlist .cat-posts .c3 h2 {
    margin-bottom: 30px;
    font-size: 18px;
    text-align: center
}

.section-cat-postlist .cat-posts .c3 h2 .iconfont {
    margin-bottom: 10px;
    padding: 10px;
    font-size: 36px;
    display: inline-block
}

.section-cat-postlist .cat-posts .c3 h2 strong {
    padding: 8px 10px;
    background-color: #f8fafc;
    display: block
}

.section-cat-postlist .cat-posts .c3 ul li {
    margin-bottom: 8px;
    height: 28px;
    line-height: 28px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.section-cat-postlist .cat-posts .c3 ul li.half {
    float: left;
    width: 50%;
    clear: none
}

.section-cat-postlist .cat-posts .c3:hover .inner-box {
    border-top-color: #005edb;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, .25);
    box-shadow: 0 0 25px rgba(0, 0, 0, .25)
}

.section-cat-postlist .cat-posts .c3:hover h2 .iconfont {
    margin: -5px auto 15px
}

.section-cat-postlist .cat-posts .c3:hover h2 strong {
    color: #fff;
    background-color: #005edb
}

.page-payment h2 {
    margin: 50px auto 20px;
    font-size: 48px;
    text-align: center
}

.page-payment p {
    margin-bottom: 15px
}

.page-payment ul {
    padding: 0;
    text-align: center
}

.page-payment ul li {
    margin: 20px 1.5% 40px;
    border: 1px solid #edf1f6;
    display: inline-table;
    position: relative
}

.page-payment ul li.md-2 {
    width: 40%
}

.page-payment ul li.md-3 {
    width: 30%
}

.page-payment ul li .marker {
    position: absolute;
    left: 50%;
    top: -15px;
    width: 90px;
    margin-left: -45px;
    padding: 5px;
    background: #164A96;
    color: #ff0
}

.page-payment ul li .card-info {
    padding: 25px 20px;
    text-align: left;
    color: #fff;
    background: #e80607
}

.page-payment ul li p {
    margin-bottom: 8px;
    white-space: nowrap
}

.page-payment ul li img {
    margin-bottom: 0;
    padding: 30px 0
}

.page-payment ul li.md-3 img {
    padding: 10px 0
}

.page-payment ul.qrcode-pay li img {
    padding: 30px 0 0
}

.page-payment ul li.alipay .card-info {
    background: #01a9ef
}

.page-payment ul li.wechat .card-info {
    background: #00c700
}

.page-payment ul li.cmb .card-info {
    background: #b1120d
}

.page-payment ul li.ccb .card-info {
    background: #0066b3
}

.page-payment ul li.icbc .card-info {
    background: #c7000a
}

.page-payment ul li.ab .card-info {
    background: #008e74
}

.page-payment ul li.psbc .card-info {
    background: #0c994a
}

.page-payment ul li.boc .card-info {
    background: #a71e32
}

.page-payment ul li.mybank .card-info {
    background: #3974F6
}

.follow-us {
    margin: 60px 25px 0;
    padding: 60px;
    width: 100%;
    overflow: hidden;
    position: relative
}

.follow-us:before {
    width: 100%;
    height: 100%;
    content: ' ';
    display: block;
    background: url(../image/wave.png) no-repeat center right;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0
}

.follow-us .follow-us-title {
    float: left;
    left: 0
}

.follow-us .follow-us-title .iconfont {
    margin-bottom: 20px;
    padding: 8px;
    color: #fff;
    background-color: #3caf30;
    width: 64px;
    height: 64px;
    line-height: 40px;
    font-size: 48px;
    display: inline-block;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px
}

.follow-us .follow-us-title h3 {
    font-size: 32px;
    color: #fff
}

.follow-us .follow-us-qrcode {
    float: right
}

.margin-column .c4 .inner-box {
    margin: 0 25px;
    padding: 40px 0 65px;
    text-align: center;
    border: 1px solid #eee
}

.margin-column .c4 .inner-box .iconfont {
    padding: 20px;
    line-height: 1;
    font-size: 48px;
    display: inline-block
}

.margin-column .c4 .inner-box p {
    padding: 0 20px;
    color: #666
}

.margin-column .c4 .inner-box a {
    color: #666
}

.margin-column .c4 .inner-box:hover {
    border-top-color: #164A96;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .18);
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, .18);
    box-shadow: 0 0 25px rgba(0, 0, 0, .18);
    transform: translateY(-4px)
}

.margin-column .c4 .inner-box:hover .iconfont {
    color: #164A96
}

.contact-us .margin-column .c4 .inner-box p {
    height: 48px
}

.contact-us .margin-column .c4 .inner-box .icon-jiangexian {
    font-size: 24px;
    opacity: .5
}

.feedback-form {
    width: 70%
}

.feedback-form #comment-submit {
    width: 100% !important
}

.position-maps {
    padding-bottom: 0
}

.premium-service .margin-column .c4 {
    margin-bottom: 40px
}

.premium-service .margin-column .c4 p {
    margin: 15px auto 25px;
    padding: 0 20px;
    color: #888
}

.premium-service .margin-column .c4 p span {
    margin-top: 20px;
    color: #164A96;
    font-size: 16px;
    display: block
}

.premium-service .margin-column .c4 a {
    color: #fff;
    text-decoration: none
}

.page-template-page-after-service .section-service .section-content div .iconfont {
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .12);
    box-shadow: 0 0 20px rgba(0, 0, 0, .12)
}

.page-template-page-after-service .section-service .section-content div:hover .iconfont {
    color: #2e4ee1;
    -moz-box-shadow: 0 0 20px rgba(46, 78, 225, .4);
    -webkit-box-shadow: 0 0 20px rgba(46, 78, 225, .4);
    box-shadow: 0 0 20px rgba(46, 78, 225, .4)
}

.advantage-list div {
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: center
}

.advantage-list div h3 {
    margin: 15px auto 0
}

.advantage-list div i {
    width: 156px;
    height: 90px;
    line-height: 90px;
    font-size: 42px;
    border: 1px solid transparent;
    color: #fff;
    display: inline-block
}

.entry-content ul.step {
    margin: 40px auto 0;
    padding: 40px 0 0;
    border: none;
    border-top: 4px solid #eef3f9
}

.entry-content ul.step li {
    margin: 0;
    padding: 30px 15px;
    border-bottom: 1px dotted #f0f0f0;
    list-style: none
}

.entry-content ul.step li h3 {
    float: left;
    margin: 0;
    padding: 12px 0;
    width: 160px;
    font-size: 20px;
    border: none;
    color: #000
}

.entry-content ul.step li p {
    margin: 0;
    padding: 0 0 0 160px;
    color: #666
}

.entry-content ul.step li.st h3 {
    padding: 0
}

.entry-content ul.step li:last-child {
    border-bottom: none
}

.user-help {
    margin-top: -13px
}

.user-help .inactive-header {
    padding: 13px 15px;
    font-size: 16px;
    border-top: 1px solid #eee;
    color: #444;
    background: #f6f6f6;
    cursor: pointer
}

.user-help .active-header {
    padding: 13px 15px;
    font-size: 16px;
    border-top: 1px solid #005edb;
    color: #005edb;
    background: #eef3f9;
    cursor: pointer
}

.user-help .inactive-header:after, .user-help .active-header:after {
    float: right;
    font-family: 'iconfont';
    font-size: 18px
}

.user-help .inactive-header:after {
    content: "\e609"
}

.user-help .active-header:after {
    content: "\e62e"
}

.user-help .accordion-content {
    padding: 10px 15px 30px;
    color: #666;
    display: none
}

.page-template-page-marketing .container {
    padding-bottom: 0
}

.seo-features {
    border: none !important
}

.seo-features .theme-feature-list div .iconfont {
    width: 98px;
    height: 98px;
    line-height: 98px;
    color: #fff;
    background-size: 135%;
    background: #4648ef url(../image/earth.png) no-repeat center center
}

.seo-features .theme-feature-list div:hover {
    box-shadow: 0 8px 40px 0 rgba(129, 130, 134, .25)
}

.seo-features .theme-feature-list div:hover .iconfont {
    color: #fff;
    background-position: -25px -25px
}

.section-suitable-people {
    border-bottom: 1px solid #f8fafc;
    background: #5549fc;
    color: #fff
}

.section-suitable-people .heading-title .section-desc {
    color: rgba(255, 255, 255, .45)
}

.section-suitable-people .col-mid-3 {
    text-align: center
}

.section-suitable-people .col-mid-3 div {
    border-right: 1px dotted #473dca
}

.section-suitable-people .col-mid-3 div:last-child {
    border: none
}

.section-suitable-people .col-mid-3 .img-outer-box {
    max-width: 220px;
    background: #edf1f5;
    border-radius: 180px;
    overflow: hidden
}

.section-suitable-people .col-mid-3 .img-outer-box img {
    width: 180px
}

.section-suitable-people .col-mid-3 h3 {
    margin: 30px auto 20px;
    font-size: 24px
}

.section-suitable-people .col-mid-3 p {
    max-width: 350px;
    font-size: 15px;
    opacity: .65
}

.wp-welcome {
    padding-bottom: 0;
    font-family: "Open Sans", sans-serif;
    color: #fff;
    background: #0073aa
}

.wp-welcome header .iconfont {
    font-size: 56px
}

.wp-welcome header h2 {
    font-size: 60px
}

.wp-welcome header p {
    font-size: 18px
}

.page-wp-download .btn-download {
    font-size: 18px;
    margin: 40px auto 50px;
    padding: 5px 50px;
    color: #ddd;
    background-color: #003366;
    display: inline-block;
    text-decoration: none;
    -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, .3);
    -moz-box-shadow: 0 0 2px rgba(255, 255, 255, .3);
    box-shadow: 0 0 2px rgba(255, 255, 255, .3)
}

.page-wp-download .btn-download:hover {
    color: #fff;
    background-color: #00458a
}

.page-wp-download .btn-download .iconfont {
    margin-right: 10px;
    font-size: 24px
}

.wp-count {
    padding: 30px 0px;
    font-size: 18px;
    background: #f8f8f8
}

.wp-intro span {
    color: #888
}

.wp-intro .wp-about {
    float: left
}

.wp-intro h3 {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: bold
}

.wp-intro p, .wp-intro ul li {
    margin-bottom: 10px
}

.wp-intro .wp-latest {
    float: right;
    width: 33%
}

.wp-intro .wp-latest .btn-download {
    margin: 0 auto 12px;
    width: 100%;
    color: #fff;
    background-color: #0085ba;
    clear: both;
    display: inline-block;
    box-sizing: border-box
}

.wp-intro .wp-latest .btn-download:hover {
    background-color: #008ec2
}

.wp-intro .wp-latest .add-on {
    margin: 50px auto;
    width: 100%
}

.wp-showcase-gallary {
    margin-top: 20px;
    width: 100%;
    height: 600px;
    background: url(../image/WordPress-showcase-gallary.jpg) center top;
    background-size: cover;
    background-attachment: fixed;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .5)
}

.page-template-page-tools .breadcrumb-trail {
    padding: 40px 0
}

.page-template-page-tools .elementor {
    margin-top: -40px
}

.page-template-page-tools .elementor-section-boxed .elementor-element .elementor-image-box-content .elementor-image-box-title {
    padding-top: 0;
    border: none;
    color: #202020;
    font-size: 14px
}

.page-template-page-tools .elementor-section-boxed .elementor-element .elementor-image-box-content .elementor-image-box-description {
    color: #7a7a7a;
    font-size: 12px
}

.page-template-page-tools .elementor-section-boxed .elementor-col-25 .elementor-element {
    padding: 12px 12px 10px 12px
}

.page-template-page-tools .elementor-section-boxed .elementor-col-25 .elementor-element:hover {
    background: #f8fafc;
    border-radius: 5px
}

.page-template-page-tools .elementor-section-boxed .elementor-col-25 .elementor-element a:hover {
    text-decoration: none
}

.page-template-page-tools .elementor-section-boxed .elementor-col-25 .elementor-element:hover a .elementor-image-box-content .elementor-image-box-title {
    color: #005edb
}

.page-template-page-tools .elementor-section-boxed .elementor-col-25 .elementor-element .elementor-image-box-wrapper .elementor-image-box-img {
    margin-top: 3px;
    width: 36px
}

.page-template-page-tools .elementor-section-boxed .elementor-element h3.elementor-heading-title {
    margin: 30px -20px 15px;
    padding: 6px 25px;
    font-size: 18px;
    border-bottom: 1px solid #e7ebef;
    border-radius: 25px;
    background: #f7f9fb
}

.section-multi-Language {
    padding-bottom: 0;
    border-bottom: 3px solid #375289
}

.section-multi-Language .multi-Language-video {
    margin-bottom: 50px
}

.section-multi-Language .btn-more .btn {
    padding: 18px 50px;
    font-size: 24px
}

.section-multi-Language .cw6 {
    padding: 10px 0;
    font-size: 18px;
    line-height: 2
}

.section-multi-Language .cw6 p {
    margin-bottom: 20px
}

.page-template-page-sign-up .breadcrumb-trail, .page-template-page-register .breadcrumb-trail, .page-template-page-login .breadcrumb-trail, .page-template-page-ret-password .breadcrumb-trail, .page-template-page-user .breadcrumb-trail, .page-template-page-modify-avatar .breadcrumb-trail, .page-template-page-update-profile .breadcrumb-trail, .page-template-page-profile .breadcrumb-trail, .page-template-page-wordpress-download .breadcrumb-trail {
    display: none
}

.page-template-page-user .content {
    min-height: auto
}

.page-template-page-login, .page-template-page-register, .page-template-page-ret-password {
    background-color: #f8fafc
}

.page-template-page-login .wrapper-content, .page-template-page-register .wrapper-content, .page-template-page-ret-password .wrapper-content, .page-template-page-login .footer, .page-template-page-register .footer, .page-template-page-ret-password .footer {
    background-color: transparent
}

.page-template-page-login .footer a:hover, .page-template-page-register .footer a:hover, .page-template-page-ret-password .footer a:hover {
    color: #f02f68
}

.page-template-page-login .footer .copyright .coop, .page-template-page-register .footer .copyright .coop, .page-template-page-ret-password .footer .copyright .coop {
    display: none
}

.user-form {
    margin-top: 50px;
    padding: 35px;
    width: 480px;
    background: #ffffff;
    position: relative;
    -webkit-box-shadow: 0 3px 35px 0 rgba(9, 30, 66, .1);
    -moz-box-shadow: 0 3px 35px 0 rgba(9, 30, 66, .1);
    box-shadow: 0 3px 35px 0 rgba(9, 30, 66, .1)
}

.user-form a:link, .user-form a:visited {
    color: #2e4ee1
}

.user-form a:hover {
    color: #e72d64;
    text-decoration: underline
}

.user-form header {
    margin-bottom: 35px
}

.user-form header h2 {
    margin: 0 auto 20px;
    font-size: 36px;
    line-height: 1
}

.user-form header span {
    color: #888
}

.user-form .status {
    margin-bottom: 15px;
    padding: 10px 6px;
    width: 100%;
    border: 1px solid #ffe2be;
    color: #e72d64;
    background: #fffedf;
    text-align: center;
    display: none
}

.user-form .success {
    color: #46a546
}

.user-form .fieldset {
    position: relative;
    margin-bottom: 20px
}

.user-form .fieldset .iconfont {
    position: absolute;
    top: 11px;
    left: 15px;
    font-size: 20px;
    color: #666
}

.user-form .fieldset .input-text {
    width: 100%;
    padding: 0 15px 0 45px;
    height: 46px;
    line-height: 46px;
    background-color: #f8fafc
}

.user-form .fieldset .input-textarea {
    width: 100%;
    padding: 0 15px;
    height: 120px;
    line-height: 26px;
    background-color: #f8fafc
}

.user-form .fieldset:hover .iconfont, .user-form .has-error .iconfont {
    color: #164A96
}

.user-form .fieldset:hover .input-text, .user-form .has-error .input-text, .user-form .fieldset .input-text:active, .user-form .fieldset .input-text:focus {
    border-color: #164A96;
    background-color: #fff;
    -webkit-box-shadow: 0 0 15px rgba(255, 74, 102, .3);
    -moz-box-shadow: 0 0 15px rgba(255, 74, 102, .3);
    box-shadow: 0 0 15px rgba(255, 74, 102, .3)
}

.user-form .forgetmenot {
    padding: 0 15px;
    color: #888
}

.user-form .forgetmenot .lost-password {
    float: right
}

.user-form .fieldset .btn-submit {
    width: 100%
}

.user-form .fieldset-op {
    margin: 25px auto 0;
    text-align: right
}

.user-form .fieldset-op span {
    padding: 0 10px;
    color: #888;
    display: inline-block
}

.user-form .fieldset #capatcha-text {
    position: absolute;
    top: 13px;
    right: 15px
}

.user-form .fieldset-checkbox #rememberme {
    position: absolute
}

.user-form .fieldset-checkbox label {
    padding-left: 25px;
    cursor: pointer
}

.user-form .fieldset-checkbox label::before {
    margin-left: -25px;
    width: 14px;
    height: 14px;
    text-align: center;
    content: "";
    display: inline-block;
    position: absolute;
    top: 2px;
    border: 1px solid #ccc;
    background-color: #fff
}

.user-form .fieldset-checkbox input[type="checkbox"]:checked + label::before {
    background-color: #376bff;
    border-color: #376bff
}

.user-form .fieldset-checkbox input[type="checkbox"]:checked + label:before {
    color: #f3f3f3;
    line-height: 14px;
    font-size: 14px;
    content: "\2713"
}

.user-form .fieldset-checkbox #rememberme {
    margin-top: 5px
}

.user-no-login-signup {
    width: 80%;
    min-height: 600px;
    position: relative
}

.user-no-login-signup .flex {
    width: 100%
}

.user-no-login-signup .c2 .inner-box {
    position: relative;
    margin: 0 20px;
    padding: 90px 25px;
    border-top: 2px solid #d0d0d0;
    background-color: #fff;
    overflow: hidden;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, .1);
    box-shadow: 0 0 25px rgba(0, 0, 0, .1)
}

.user-no-login-signup .c2 .inner-box h3 {
    margin-bottom: 30px;
    font-weight: bold
}

.user-no-login-signup .c2 .inner-box .btn {
    width: 160px
}

.user-no-login-signup svg {
    position: absolute;
    bottom: -20px;
    right: 0;
    opacity: .35;
    -moz-opacity: .35;
    -khtml-opacity: .35
}

.user-no-login-signup .c2:hover .inner-box {
    border-top-color: #005edb;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, .25);
    box-shadow: 0 0 25px rgba(0, 0, 0, .25)
}

.user-no-login-signup .no-login .inner-box {
    border-top-color: #005edb
}

.user-no-login-signup .no-login .inner-box h3 {
    color: #005edb
}

.profile-form {
    width: 70%;
    max-width: 680px
}

.profile-form .fieldset {
    margin-bottom: 25px;
    clear: both
}

.profile-form .fieldset .userdata-label {
    margin-bottom: 2px;
    font-size: 15px;
    font-weight: bold;
    display: inline-block
}

.profile-form .fieldset .userdata-required-indicator {
    margin-left: 6px;
    color: #f00
}

.profile-form .fieldset .userdata-description {
    float: right;
    color: #888
}

.profile-form .fieldset .input-text {
    margin-top: 6px;
    padding: 0 20px
}

.profile-form .fieldset .input-textarea {
    margin-top: 6px;
    padding: 15px 20px
}

.profile-form .fieldset #username {
    color: #999;
    border: none;
    font-weight: bold;
    cursor: not-allowed
}

.profile-form .fieldset:hover #username {
    border-color: #ddd;
    background-color: #f8fafc;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.profile-form .fieldset #edd-first-name-wrap .edd-description {
    display: none
}

.profile-form .fieldset #edd-last-name-wrap {
    display: none
}

.profile-form .fieldset #site-domain {
    border-color: #ff9900;
    background-color: #fff9f5
}

#edd_checkout_user_info .edd-input {
    padding: 12px 20px;
    width: 100%
}

#edd_purchase_submit #edd_final_total_wrap {
    display: none
}

#edd_purchase_submit .edd-submit {
    width: 100%
}

.page-user-avatar {
    margin: 0 auto;
    padding: 50px 30px;
    text-align: center
}

.page-user-avatar #basic-user-avatar-form img.avatar {
    padding: 5px;
    border: 1px solid #e6e6e6
}

.page-user-avatar #basic-user-avatar-form img.avatar:hover {
    border-color: #ff6666
}

.page-user-avatar #basic-user-avatar-form p {
    margin-top: 15px
}

.page-user-avatar #basic-user-avatar-form p.avatar-desc {
    margin-bottom: 15px;
    color: #888
}

.page-user-avatar #basic-user-avatar-form .btn-avatar-uploader {
    padding: 5px 20px;
    width: 100%;
    font-size: 14px;
    border: 1px solid #f0f6fb;
    background: #f0f6fb;
    color: #606060;
    cursor: pointer
}

.page-user-avatar #basic-user-avatar-form .btn-avatar-uploader:hover {
    border-color: #005edb;
    background: #005edb;
    color: #fff
}

.page-user-avatar #basic-user-avatar-form #basic-local-avatar {
    width: 148px;
    height: 38px;
    cursor: pointer
}

.page-user-avatar #basic-user-avatar-form .btn-submit {
    width: 220px
}

.page-user-avatar .avatar-uploader {
    margin: 15px auto 35px;
    width: 148px;
    cursor: pointer;
    position: relative
}

.page-user-avatar .avatar-uploader #basic-local-avatar {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}

.container-user {
    padding: 60px 0;
    min-height: 700px;
    background-color: #f8fafc
}

.container-user .wrapper-content {
    background-color: transparent
}

.container-user .content {
    margin-left: 230px
}

.user-bar {
    float: left;
    width: 230px;
    margin-right: -230px;
    min-height: 600px;
    border-top: 2px solid #005edb;
    background: #fff;
    position: relative;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .12);
    box-shadow: 0 0 20px rgba(0, 0, 0, .12)
}

.user-bar .user-avatar {
    margin: 25px 15px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e6e6e6
}

.user-bar .user-avatar .user-avatar-thumb {
    margin-bottom: 10px;
    width: 98px;
    height: 98px;
    position: relative
}

.user-bar .user-avatar .user-avatar-thumb img {
    margin-bottom: 10px;
    width: 98px;
    height: 98px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px
}

.user-bar .user-avatar .user-avatar-thumb .modify-avatar {
    display: none;
    width: 100%;
    height: 100%;
    line-height: 98px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.65);
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px
}

.user-bar .user-avatar .user-avatar-thumb:hover .modify-avatar {
    display: block
}

.user-bar .user-avatar .user-avatar-thumb:hover .modify-avatar a {
    color: #fff
}

.user-bar .user-menu li .iconfont {
    margin-right: 8px
}

.user-bar .user-menu a:link, .user-bar .user-menu a:visited {
    padding: 16px 12px 16px 74px;
    display: block;
    color: #404040;
    position: relative
}

.user-bar .user-menu a:hover {
    text-indent: 6px;
    color: #005edb;
    background: #f0f6fb;
    text-decoration: none
}

.user-bar .user-menu li.current_page_item a, .page-id-224 .user-bar .user-menu li.menu-item-239 a {
    color: #005edb;
    background: #f0f6fb;
    font-weight: bold
}

.user-bar .user-menu li.current_page_item a:after, .page-id-224 .user-bar .user-menu li.menu-item-239 a:after {
    content: '';
    height: 20px;
    width: 4px;
    background-color: #005edb;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.user-panel {
    margin: 0 0 0 35px;
    padding: 30px;
    min-height: 800px;
    border-top: 2px solid #d0d0d0;
    background: #fff;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .12);
    box-shadow: 0 0 20px rgba(0, 0, 0, .12)
}

.user-page-header {
    margin-bottom: 35px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e9e9e9
}

.panel-content h3 {
    margin-bottom: 20px
}

.panel-content table {
    margin: 20px auto;
    width: 100%;
    text-align: left;
    border-collapse: collapse
}

.panel-content table thead {
    background: #f7f7f7
}

.panel-content table th {
    padding: 15px 20px !important
}

.panel-content table td {
    padding: 20px 20px !important;
    border-bottom: 1px solid #f2f2f2
}

.panel-content table tr:hover td, .panel-content table tr:hover td a {
    color: #164A96;
    background: #fbfbfb
}

.panel-content fieldset {
    margin: 0 auto;
    padding: 0;
    border: none
}

.panel-content .edd_empty_cart, .panel-content .edd-no-purchases {
    margin-top: 15%;
    font-size: 24px;
    text-align: center;
    color: #999;
    display: block
}

.panel-content .edd-payment-notes-inner {
    margin-top: 20px;
    padding: 8px;
    color: #888;
    background: #fbfbfb
}

.panel-content .edd-payment-notes-inner strong {
    font-weight: normal
}

.panel-content .edd-payment-notes-inner a {
    color: #ddd
}

.panel-content table tr td .edd_purchase_status, #edd_user_history .edd_purchase_status.cancelled, #edd_user_history .edd_purchase_status.failed, #edd_user_history .edd_purchase_status.revoked {
    margin-right: 15px;
    padding: 2px 7px;
    border-radius: 4px;
    color: #808080;
    background: #ececec
}

.panel-content table tr td .edd_purchase_status.pending {
    background: #f5f2e5
}

.panel-content table tr td .edd_purchase_status.complete {
    color: #005edb;
    background: #f0f6fb
}

.user-panel .user-form {
    width: auto;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.panel-content #edd_discount_code {
    margin-bottom: 20px
}

#edd_checkout_cart th {
    font-weight: bold
}

#edd_checkout_cart td {
    border-bottom: 1px solid #f6f6f6
}

#edd_checkout_cart tr:hover td {
    background: #fdfdfd
}

#edd_checkout_cart th.edd_cart_actions, #edd_checkout_cart td.edd_cart_actions, #edd_checkout_cart th:last-child, #edd_checkout_cart td:last-child, #edd_checkout_cart th.edd_cart_total {
    text-align: right
}

#edd_checkout_cart th.edd_cart_total {
    padding: 0;
    font-size: 24px;
    font-weight: 400
}

#edd_checkout_cart td.edd_cart_actions {
    font-size: 12px
}

#edd_checkout_cart td.edd_cart_actions a {
    color: #666
}

#edd_checkout_cart td.edd_cart_actions a:hover {
    color: #164A96;
    text-decoration: none
}

#edd_checkout_cart td.edd_cart_item_name {
    line-height: 60px
}

#edd_checkout_cart td.edd_cart_item_name img {
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
    width: 60px;
    height: auto !important
}

#edd_checkout_cart input.edd-item-quantity {
    margin-right: 50px
}

#edd_checkout_cart #edd-save-cart-button {
    display: none
}

#edd_checkout_form_wrap {
    padding: 40px 30px;
    background: #f8fafc
}

#edd_purchase_form {
    width: 70%;
    max-width: 680px
}

#edd_purchase_form #edd_show_discount, #edd_purchase_form #edd-discount-code-wrap, #edd_purchase_form #edd_show_discount a, #edd_purchase_form #edd-discount-code-wrap a {
    color: #888
}

#edd_purchase_form #edd-discount {
    padding: 12px 20px;
    min-width: 50%;
    width: 170px;
    border-radius: 50px
}

#edd_purchase_form #edd-discount:hover {
    border-color: #f66
}

#edd_purchase_form .edd-apply-discount {
    padding: 8px 36px;
    line-height: 26px;
    font-size: 16px;
    border-radius: 50px
}

#edd_purchase_form .edd-apply-discount:hover {
    color: #fff;
    background: #1ca892
}

#edd_purchase_form .edd-cart-adjustment .edd-label, #edd_purchase_form .edd-cart-adjustment .edd-description {
    display: none
}

#edd_checkout_user_info legend {
    display: none
}

#edd_checkout_user_info p {
    margin-bottom: 35px;
    clear: both
}

#edd_checkout_user_info p .edd-label {
    margin-bottom: 2px;
    font-size: 15px;
    font-weight: bold;
    display: inline-block
}

#edd_checkout_user_info p .edd-required-indicator {
    margin-left: 6px;
    color: #f00
}

#edd_checkout_user_info p .edd-description {
    float: right;
    color: #888
}

#edd_checkout_user_info p#edd-first-name-wrap, #edd_checkout_user_info p#edd-last-name-wrap {
    display: none
}

#edd_checkout_user_info p #site-domain {
    border-color: #ff4a66;
    background-color: #fffaf7
}

#edd_checkout_user_info p #site-domain:focus {
    border-color: #2eab6d;
    background-color: #f6fbf9
}

#edd_checkout_user_info .edd-input {
    padding: 12px 20px;
    width: 100%
}

#edd_purchase_submit #edd_final_total_wrap {
    display: none
}

#edd_purchase_submit .edd-submit {
    width: 100%
}

#edd_checkout_wrap .edd_errors {
    margin: -20px auto 30px;
    padding: 6px;
    width: 100%;
    color: #e72d64;
    background: #fffedf;
    text-align: center;
    border-radius: 50px
}

#edd_checkout_form_wrap #edd_payment_mode_select_wrap {
    margin-bottom: 35px
}

#edd_checkout_form_wrap #edd_payment_mode_select_wrap legend {
    width: 100%;
    margin-bottom: 1rem;
    font-size: 15px;
    font-weight: 700;
    display: block
}

#edd_checkout_form_wrap #edd-payment-mode-wrap .edd-gateway-option {
    margin-right: 15px;
    padding: 5px 12px;
    border: 1px solid transparent;
    border-radius: 3px
}

#edd_checkout_form_wrap #edd-payment-mode-wrap .edd-gateway-option-selected {
    background: #ffffff;
    border-color: #ff6a00
}

#edd_checkout_form_wrap #edd-payment-mode-wrap .edd-gateway-option .edd-gateway {
    margin-right: 6px
}

.edd_wallet_deposit_form {
    padding: 0 20px
}

.edd_wallet_deposit_form #edd_wallet_deposit_amount_wrapper {
    width: auto
}

.edd_wallet_deposit_form #edd_wallet_deposit_amount_wrapper ul li {
    float: none;
    margin-bottom: 8px;
    width: auto
}

.edd_wallet_deposit_form #edd_wallet_deposit_amount_wrapper li label {
    margin-bottom: 10px;
    font-size: 16px;
    display: inline-block
}

.edd_wallet_deposit_form #edd_wallet_deposit_amount_wrapper li input {
    margin: -3px 6px 0 0
}

.edd_wallet_deposit_form #edd_wallet_deposit_amount_wrapper li input[type="number"] {
    padding-left: 22px;
    width: 200px;
    line-height: 26px;
    border-radius: 50px
}

.edd_wallet_deposit_form .edd_wallet_deposit_submit_wrapper .edd-submit {
    width: 200px
}

#page-content {
    padding: 20px
}

.entry-content .wrap {
    overflow: hidden
}

.entry-content .wrap h2 {
    font-weight: normal
}

.entry-content .wrap .btn-submit, .entry-content .wrap .button-primary {
    width: 50%;
    border: none
}

.entry-content .wrap .tc {
    text-align: center
}

.entry-content .wrap th {
    text-align: left;
    color: #888;
    border-right: 1px solid #e8e8e8
}

.entry-content .wrap td {
    color: #888;
    border-right: 1px solid #eee
}

.entry-content .wrap td.gray {
    width: 140px;
    font-weight: bold;
    background: #f4f4f4
}

.entry-content .wrap td.bid {
    color: #e12d31
}

.entry-content .wrap .result-success, .entry-content .wrap .result-failure {
    width: 48px;
    text-align: center;
    color: #fff;
    background: #40ab54;
    display: inline-block
}

.entry-content .wrap .result-failure {
    background: #e12d31
}

.user-panel .entry-content table {
    width: 100% !important;
    display: block
}

.user-panel .entry-content th {
    text-align: center
}

#page-content .nav-links a .iconfont {
    font-size: 14px
}

.post-navi {
    padding-top: 35px;
    border-top: 1px solid #eee;
    text-align: center
}

.post-navi span, .post-navi a:link, .post-navi a:visited {
    padding: 8px 14px;
    font-size: 16px;
    color: #fff;
    background: #005edb
}

.post-navi a.current, .post-navi a:hover {
    text-decoration: none;
    background: #164A96
}

.post-navi span {
    background: #222
}

.post-page-nav {
    margin-top: 50px
}

.gallery-page-nav {
    margin-top: 40px
}

.pagination {
    width: 100%;
    height: 46px;
    font-size: 16px;
    text-align: center
}

.pagination .iconfont {
    font-size: 13px
}

.pagination h2.screen-reader-text {
    display: none
}

.edd_pagination {
    margin: 50px auto 20px;
    text-align: center
}

.nav-links a:link, .nav-links a:visited, .nav-links span, .edd_pagination a:link, .edd_pagination a:visited, .edd_pagination span {
    margin: 0 2px;
    padding: 15px 22px;
    color: #666;
    background: #eee;
    display: inline-block;
    text-decoration: none
}

.nav-links a span, .edd_pagination a span {
    padding: 0
}

.nav-links a:hover, .nav-links a:active, .nav-links .current, .edd_pagination a:hover, .edd_pagination a:active, .edd_pagination .current, .entry-content .nav-links .current {
    color: #fff;
    background: #164A96
}

.nav-links a.prev, .nav-links a.next, .edd_pagination a.prev, .edd_pagination a.next {
    padding: 15px 20px
}

.post-prev-next {
    margin-top: -1px;
    padding: 8px 15px;
    border-top: 1px solid rgba(0, 0, 0, .08);
    background: rgba(0, 0, 0, .015)
}

.post-prev-next p {
    margin: 4px 0
}

.post-prev-next strong {
    margin-right: 8px
}

.related-posts ul {
    margin: -15px auto 0;
    overflow: hidden
}

.related-posts ul li {
    float: left;
    margin-right: 2%;
    width: 48%;
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: none;
    overflow: hidden
}

.related-posts .item-content h3, .related-products .item-content h3 {
    margin-bottom: 0;
    border: none
}

.comments-area {
    overflow: hidden
}

.comments-area a {
    text-decoration: underline
}

.comment-list {
    width: 100%;
    clear: both
}

.comment-list li {
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 30px;
    color: #404040;
    border-bottom: 1px solid rgba(0, 0, 0, .03);
    clear: both;
    position: relative
}

.comment-list li .avatar {
    float: left;
    margin-right: 20px;
    width: 48px;
    height: 48px
}

.comment-list li .comment-content {
    margin: 10px 0 0 68px
}

.comment-list li .comment-content p {
    margin-bottom: 15px
}

.comment-list li .fn {
    font-size: 14px;
    font-weight: bold;
    font-style: normal
}

.comment-list li .comment-meta-data {
    margin-left: 20px;
    color: #a8a8a8;
    display: inline
}

.comment-list li .comment-meta-data a {
    margin-left: 15px;
    color: #a8a8a8
}

.comment-list li .comment-content em {
    margin-left: 20px;
    font-style: normal;
    color: #888
}

.comment-list li .reply {
    float: right;
    position: absolute;
    top: 0;
    right: 0
}

.comment-list li .reply i {
    margin-right: 5px
}

.comment-list li #respond {
    margin: 20px 0 20px 68px;
    padding: 30px;
    background: rgba(0, 0, 0, .012)
}

.comment-list li ul li {
    margin: 40px 0 0 68px;
    width: 93.3%
}

.comment-list li .comment-moderated {
    margin: 20px auto 0;
    padding: 5px 30px;
    display: inline-block;
    color: #d54e21;
    background: #fef7f1
}

.comment-respond .xh-social {
    display: none
}

.comment-respond #cancel-comment-reply-link {
    float: right;
    font-size: 14px
}

.comment-respond #cancel-comment-reply-link .iconfont {
    font-weight: bold
}

.comment-respond .logged-in-as {
    margin-bottom: 15px;
    color: rgba(0, 0, 0, .5)
}

.comment-respond .logged-in-as a {
    color: rgba(0, 0, 0, .5)
}

.comment-respond .logged-in-as a:hover {
    color: #444
}

.comment-respond .must-log-in {
    margin-bottom: 15px;
    color: #ff9900
}

.comment-respond .must-log-in a {
    color: #ff9900
}

.comment-respond .must-log-in a:hover {
    color: #ff9900
}

#comment-input {
    margin-top: 15px;
    overflow: hidden;
    clear: both
}

#comment-input input[type="text"], #comment-input input[type="email"], #comment-input input[type="url"], #comment-input input {
    float: left;
    margin-right: 1%;
    padding: 8px 10px;
    width: 32.666666%;
    border-color: #ccc
}

#comment-input input:last-child {
    margin-right: 0
}

#comment-textarea {
    overflow: hidden;
    clear: both
}

#comment-textarea #comment {
    float: left;
    padding: 10px;
    width: 100%;
    border-color: #ccc;
    overflow-y: scroll
}

#comment-input input:hover, #comment-textarea #comment:hover {
    border-color: #ff9900
}

#commentform .form-submit {
    margin-top: 15px;
    clear: both
}

#commentform .form-submit #comment-submit {
    width: 32.666666%;
    min-width: 240px
}

.comments-area .comment-form-cookies-consent {
    margin-top: 15px;
    font-size: 12px;
    color: #888888
}

.comments-area .comment-form-cookies-consent input[type="checkbox"] {
    border: 1px solid #b4b9be;
    background: #fff;
    color: #555;
    clear: none;
    display: inline-block;
    line-height: 0;
    height: 16px;
    margin: -3px 6px 0 0;
    outline: 0;
    cursor: pointer;
    padding: 0 !important;
    text-align: center;
    vertical-align: middle;
    width: 16px;
    -webkit-appearance: none;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1)
}

.comments-area .comment-form-cookies-consent input[type="checkbox"]:checked:before {
    float: left;
    font-family: FontAwesome;
    content: "\f00c";
    margin: 7px 0 0 -1px;
    width: 16px;
    color: #1e8cbe;
    display: inline-block;
    vertical-align: middle;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.comments-area .comment-form-cookies-consent input[type="checkbox"]:focus {
    border-color: #5b9dd9;
    box-shadow: 0 0 2px rgba(30, 140, 190, .8)
}

.comment-nav {
    margin: 15px auto;
    padding: 10px;
    text-align: right;
    color: rgba(0, 0, 0, .5)
}

.comment-nav .comment-nav-title {
    padding: 0 8px;
    font-weight: bold;
    display: none
}

.comment-nav a:link, .comment-nav a:visited {
    margin-left: 3px;
    padding: 5px 11px;
    line-height: 20px;
    display: inline-block;
    color: #666;
    background: #eee
}

.comment-nav a:hover {
    color: #fff;
    background: #666
}

.comment-nav span.current {
    margin-left: 3px;
    padding: 5px 11px;
    line-height: 20px;
    display: inline-block;
    color: #fff;
    background: #666
}

.akismet_comment_form_privacy_notice {
    display: none
}

.page-sitemap {
    background: rgba(0, 0, 0, .07)
}

.sitemap-box {
    margin: 25px auto;
    padding: 2%;
    width: 92%;
    line-height: 24px;
    background: #ffffff
}

.sitemap-box a:link, sitemap-box a:visited {
    color: rgba(0, 0, 0, .86)
}

.sitemap-box a:hover {
    color: #10579D
}

.sitemap-box h1 {
    margin-bottom: 20px;
    font-size: 20px;
    text-align: center
}

.sitemap-box h2 {
    margin: 8px auto 15px;
    padding-bottom: 10px;
    font-size: 14px;
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.sitemap-box ul {
    margin: 10px
}

.sitemap-box ul li {
    margin: 6px 0 0 18px;
    list-style: disc;
    color: rgba(0, 0, 0, .2)
}

.sitemap-box ul li ul {
    margin: 5px 10px 10px
}

.sitemap-box ul li ul li {
    margin: 5px 0 0 15px;
    list-style: circle
}

.sitemap-box #breadcrumb, .sitemap-box .archivers, .sitemap-box .full-version, .sitemap-box #footer {
    margin-top: 25px;
    padding: 5px 15px;
    border: 1px solid rgba(0, 0, 0, .05);
    border-top-color: rgba(0, 0, 0, .25);
    clear: both
}

.sitemap-box #breadcrumb, .sitemap-box .full-version {
    border: none;
    background: rgba(0, 0, 0, .03)
}

.sitemap-box .archivers {
    padding: 5px 15px 15px;
    overflow: hidden
}

.sitemap-box #footer {
    padding: 30px;
    text-align: center
}

.page-error404 {
    max-width: 80%;
    padding: 20px 0 140px;
    text-align: center
}

.page-error404 span {
    margin: 0 auto 30px;
    color: rgba(0, 0, 0, .65);
    display: block
}

.errorsearch .search-form .search-field {
    padding: 0 20px;
    height: 48px;
    line-height: 48px
}

.errorsearch .search-form .search-submit {
    padding: 0 18px;
    height: 48px;
    line-height: 48px
}

.errorsearch .search-form .search-submit .iconfont {
    font-size: 20px
}

.elementor h1, .elementor h2, .elementor h3, .elementor h4, .elementor h5, .elementor h6 {
    margin: 0 auto
}

.elementor h3 {
    padding: 0;
    color: inherit;
    border-left: none
}

.single-post.elementor-page .container {
    padding: 0
}

.single-post.elementor-page .container .entry-content {
    margin-bottom: 0
}

.elementor-section {
    font-size: 16px
}

.elementor-section p {
    margin-bottom: 25px
}

.elementor-section p:last-child {
    margin-bottom: 0
}

.tag-list a {
    margin: 0 10px 10px;
    display: inline-block
}

.sidebar {
    float: left;
    margin-right: -20%;
    width: 20%;
    max-width: 100%
}

.widget-area {
    margin-right: 30px
}

.widget-title {
    margin-bottom: 15px;
    padding: 12px 12px;
    color: #000;
    background-color: rgba(0, 0, 0, .03)
}

.widget-title a {
    color: #000;
    display: block
}

.widget-title .link-more {
    display: none
}

.widget {
    margin-bottom: 30px
}

.widget ul li {
    margin-bottom: 10px
}

.widget ul li:before {
    margin: 0 10px 0 0;
    background-color: rgba(0, 0, 0, .3);
    width: 3px;
    height: 3px;
    content: "";
    vertical-align: middle;
    display: inline-block
}

.widget ul.no-before li:before, .widget ul.thumb-excerpt-list li:before {
    display: none
}

.widget ul li span.date {
    float: right
}

.widget div p {
    margin-bottom: 10px
}

.widget .section-content h3 {
    margin-bottom: 5px;
    font-size: 14px
}

.widget_nav_menu .widget-title {
    margin-bottom: 10px;
    padding-left: 28px;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    background: rgba(0, 0, 0, .085)
}

.widget_nav_menu div {
    padding: 0;
    border: none;
    background: none
}

.widget_nav_menu ul {
    padding: 0;
    border: none;
    background-color: #f8fafc
}

.widget_nav_menu ul li {
    margin: 0;
    padding: 0;
    height: auto;
    font-size: 15px;
    border-top: 1px solid rgba(0, 0, 0, .015);
    background: none;
    color: #000;
    position: relative
}

.widget_nav_menu ul li:first-child {
    border-top: none
}

.widget_nav_menu ul li:before {
    width: 0;
    height: 0;
    display: none
}

.widget_nav_menu ul li a:link, .widget_nav_menu ul li a:visited {
    padding: 12px 6px;
    border-bottom: 1px solid rgba(0, 0, 0, .06);
    color: #000;
    background-color: #f8fafc;
    overflow: hidden;
    display: block;
    position: relative;
    border-radius: 50px
}

.widget_nav_menu ul li a:before {
    margin-right: 6px;
    font-size: 18px;
    font-family: "iconfont";
    content: "\e608";
    color: rgba(255, 255, 255, .5)
}

.widget_nav_menu ul > li.current-cat a, .widget_nav_menu ul li a:hover, .widget_nav_menu ul li:hover a, .widget_nav_menu ul li.current-menu-item > a, .widget_nav_menu ul li.current-menu-parent > a, .widget_nav_menu ul li.current_page_item > a, .widget_nav_menu ul li.current_page_parent > a, .widget_nav_menu ul li.current-cat-ancestor > a, .widget_nav_menu ul li.current-cat-parent > a {
    padding: 12px 6px 12px 10px;
    color: #fff;
    background-color: #495058
}

.widget_nav_menu ul li.current-cat a:before, .widget_nav_menu ul li.current_page_item, .widget_nav_menu ul li.current_post_item a:before {
    color: rgba(255, 255, 255, .45)
}

.widget_nav_menu ul li a:after {
    content: " ";
    position: absolute;
    top: 0;
    left: -280px;
    width: 160px;
    height: 100%;
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
    -webkit-transition: left 1.15s cubic-bezier(0.19, 1, 0.22, 1);
    transition: left 1.15s cubic-bezier(0.19, 1, 0.22, 1);
    background-color: #fff;
    opacity: .1
}

.widget_nav_menu ul li a:hover:after {
    left: 100%
}

.widget_media_image {
    text-align: center
}

.search-form {
    position: relative
}

.search-form .search-field {
    padding: 0 10px;
    width: 100%;
    height: 38px;
    line-height: 38px
}

.search-form .search-submit {
    padding: 0 13px;
    height: 38px;
    line-height: 38px;
    border: none;
    color: #ffffff;
    background: #164A96;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0
}

.widget_search .searchform {
    position: relative
}

.widget_search .search-input {
    padding: 0 28px;
    width: 100%;
    height: 46px;
    line-height: 46px;
    border: 1px solid #666;
    background: #fff
}

.widget_search .search-submit {
    float: right;
    padding: 8px 16px;
    height: 40px;
    line-height: 20px;
    font-size: 14px;
    border: none;
    color: #fff;
    background: #164A96;
    cursor: pointer;
    position: absolute;
    top: 3px;
    right: 4px
}

.widget_search .search-input:hover {
    border-color: #164A96
}

.footer {
    padding: 60px 0;
    width: 100%;
    color: #aaa;
    background-color: #202020;
    clear: both
}

.footer a:link, .footer a:visited {
    color: #aaa
}

.footer a:hover {
    color: #f0f0f0
}

.footer-widgets-area .inner {
    padding-bottom: 35px;
    border-bottom: 1px solid #000;
    display: flex;
    flex-direction: row
}

.foot-widgets {
    width: 70%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.foot-widgets .widget-column {
    width: 20%
}

.foot-widgets .widget-column .widget-title {
    margin-bottom: 25px;
    padding: 0;
    font-size: 16px;
    color: #ccc;
    background: transparent
}

.foot-widgets .widget-column .widget-title a {
    color: #ccc
}

.foot-widgets .widget-column ul li, .foot-widgets .widget-column p {
    margin-bottom: 16px
}

.widget-about {
    float: right
}

.widget-about .logo-footer {
    margin-bottom: 10px;
    display: block
}

.widget-about .logo-footer img {
    height: 29px
}

.qrcode-wppop .qrcode-item {
    float: right;
    margin-right: 15px;
    text-align: center
}

.qrcode-wppop img {
    margin-bottom: 5px;
    width: 150px
}

.friendlink {
    padding: 20px 0;
    text-align: center;
    color: #555;
    border-top: 1px solid #282828;
    border-bottom: 1px solid #141414
}

.friendlink a:link, .friendlink a:visited {
    padding: 0 6px;
    color: #555
}

.friendlink a:hover {
    color: #888
}

.foot-bar {
    padding: 40px 0 0;
    border-top: 1px solid #282828
}

.copyright {
    text-align: center
}

.copyright p {
    margin-bottom: 10px
}

.copyright .coop {
    margin-bottom: 20px;
    color: #fff
}

.copyright .coop .iconfont {
    float: left;
    margin-right: 7px;
    font-size: 24px;
    color: #fff
}

.cs-div {
    text-align: center;
    background: #ffffff;
    position: fixed;
    top: 30%;
    right: 10px;
    z-index: 999999;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, .25);
    box-shadow: 0 1px 8px rgba(0, 0, 0, .25)
}

.cs-item {
    position: relative
}

.cs-item:before {
    content: " ";
    position: absolute;
    left: 50%;
    width: 24px;
    height: 0;
    margin-left: -12px;
    border-top: 1px solid #e6e6e6
}

.cs-item:last-child {
    margin-bottom: 8px
}

.cs-item:first-child::before {
    border: none
}

.cs-item a {
    margin: 5px auto;
    padding: 8px;
    color: #606060;
    display: block
}

.cs-item a .iconfont {
    font-size: 28px
}

.cs-item a .label {
    font-size: 12px;
    color: #888888;
    display: block;
    cursor: pointer
}

.cs-item:hover a .iconfont, .cs-item:hover a .label {
    color: #164A96;
    text-decoration: none
}

.cs-item a sup {
    position: absolute;
    top: -12px;
    left: -12px;
    z-index: 999;
    padding: 0 7px;
    font-size: 12px;
    line-height: 20px;
    color: #ffffff;
    background: #164A96;
    display: inline-block;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, .25);
    box-shadow: 0 1px 8px rgba(0, 0, 0, .25)
}

.cs-div .item-qrcode-box {
    padding: 8px 8px 0 8px;
    position: absolute;
    right: 64px;
    bottom: -92px;
    z-index: -10;
    opacity: 0;
    background: #ffffff;
    display: none;
    -webkit-box-shadow: -4px 4px 4px rgb(0 0 0 / 5%), -4px -4px 4px rgb(0 0 0 / 5%);
    box-shadow: -4px 4px 4px rgb(0 0 0 / 5%), -4px -4px 4px rgb(0 0 0 / 5%);
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px
}

.cs-div .item-qrcode-box img {
    max-width: inherit;
    width: 145px;
    height: 145px
}

.cs-div .item-qrcode-box p {
    margin-bottom: 10px;
    font-size: 12px;
    color: #888888
}

.cs-tab-backtop {
    display: none
}

.cs-div #qrcode-wechat {
    bottom: -26px
}

.animate-up-down {
    animation: topBottom 5s infinite
}

@-webkit-keyframes topBottom {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    50% {
        -webkit-transform: translate(0, 20px);
        transform: translate(0, 20px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes topBottom {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    50% {
        -webkit-transform: translate(0, 20px);
        transform: translate(0, 20px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.order-list p {
    margin-bottom: 6px
}

.order-list p strong {
    font-weight: normal;
    color: #164A96
}

.order-list p em {
    font-size: 14px;
    color: #46a546
}

.order-list p i {
    font-size: 14px;
    text-decoration: line-through
}

.order-list p sup {
    top: 0;
    margin-left: 10px;
    padding: 3px 5px;
    color: #ff0;
    background: #e12d31
}

.order-list p.alert, .order-list p.alert-domain {
    padding: 6px 0;
    text-align: center;
    border: 1px solid #ffe2be;
    color: #164A96;
    background: #fffedf
}

.order-list p.alert a {
    color: #e72d64
}

.order-list p span {
    padding-right: 8px;
    width: 78px;
    height: 24px;
    text-align: right;
    color: #888;
    display: inline-block
}

.order-list p .regular-text {
    margin-top: 8px;
    padding: 0 20px;
    width: 100%;
    height: 46px;
    line-height: 46px
}

.order-list p.form-submit .btn-disabled, .order-list p.form-submit .btn-disabled:hover {
    cursor: auto;
    background: #999
}

.order-list #paycenter #comment {
    display: none
}

#iframe-header {
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    color: #ccc;
    background: #222;
    overflow: hidden
}

#iframe-header a {
    color: #999;
    display: inline-block;
    text-decoration: none
}

#iframe-header a:hover, #iframe-header a.cur {
    color: #fff;
    background: #1ca892
}

#iframe-header .iconfont {
    font-size: 18px
}

#ifh-l {
    float: left
}

#ifh-r {
    float: right
}

#ifh-l a, #ifh-r a {
    padding: 0 15px;
    color: #ccc
}

#ifh-l a:hover, #ifh-r a:hover {
    color: #fff;
    background: #1ca892
}

#ifh-r a.purchase {
    color: #fff;
    background: #ff4a4a
}

#ifh-r a.purchase:hover {
    background: #164A96
}

#ifh-m {
    display: inline
}

#ifh-m .iconfont {
    font-size: 20px
}

#ifh-m a {
    padding: 0 10px
}

#device-frame {
    text-align: center
}

.web-frame {
    width: 100%
}

.pad-frame, .padHorizontal-frame, .phone-frame, .phoneHorizontal-frame {
    margin: 40px auto;
    background: #282828;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.pad-frame {
    padding: 30px 15px;
    width: 768px;
    height: 1024px !important
}

.padHorizontal-frame {
    padding: 15px 30px;
    width: 1024px;
    height: 768px !important
}

.phone-frame {
    padding: 30px 15px;
    width: 350px;
    height: 650px !important
}

.phoneHorizontal-frame {
    padding: 15px 30px;
    width: 768px;
    height: 350px !important
}

.iframe-header-hide {
    height: auto !important;
    position: absolute;
    top: 0;
    left: 0
}

.iframe-header-hide #ifh-l, .iframe-header-hide #ifh-r {
    float: none
}

.iframe-header-hide #ifh-m, .iframe-header-hide #ifh-r .back-theme {
    display: none
}

.iframe-header-hide #ifh-l a, .iframe-header-hide #ifh-r a {
    padding: 0 10px 0 5px
}

.iframe-header-hide #ifh-r {
    position: relative
}

@media print {
    .header, .footer, .cs-div {
        display: none !important
    }

    .xs-table {
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important
    }
}

@media only screen and (max-width: 1440px) {
    .inner {
        width: 1200px
    }

    .header .inner {
        width: 100%
    }

    .header .top-notice {
        padding: 5px 0
    }

    .logo {
        max-width: 200px
    }

    .page-banner .banner-title {
        font-size: 48px
    }

    .page-banner .banner-subtitle, .page-banner .banner-subtitle strong {
        font-size: 16px !important
    }

    .page-banner .banner-description {
        font-size: 14px
    }

    .banner-image {
        width: 45%
    }

    .section-themes .inner {
        max-width: 100%
    }

    .theme-list .item-content .theme-items .theme-name h3 {
        font-size: 14px
    }

    .main-nav {
        font-size: 14px
    }

    .nav-menu li a, .nav-menu li a:link, .nav-menu li a:visited {
        padding: 0 20px
    }
}

@media only screen and (max-width: 1280px) {
    .inner {
        width: 1000px
    }

    .main-nav {
        font-size: 15px
    }

    .nav-menu li a, .nav-menu li a:link, .nav-menu li a:visited {
        padding: 0 9px
    }

    .nav-menu li.menu-item-has-children > a:after {
        font-size: 12px
    }

    .logo {
        width: 200px
    }

    .btn, .btn:link, .btn:visited, .wpcf7-submit {
        padding: 6px 32px
    }

    .inner {
        width: 96%
    }

    .main-menu {
        margin-left: 30px
    }

    .nav-menu li ul {
        left: -6px
    }

    .reviews {
        max-width: 80%
    }

    .development-features .section-content div {
        margin: 15px auto;
        width: 25%
    }

    .development-features .section-content div:nth-child(4n+1) {
        clear: both
    }

    .development-features .iconfont {
        width: 98px;
        height: 98px;
        line-height: 98px
    }

    .development-features h3 {
        margin-top: 10px;
        font-size: 14px
    }

    .home .development-features .section-content div {
        width: 33.333%
    }

    .home .development-features .section-content div:nth-child(4n+1) {
        clear: none
    }

    .theme-list .item-content .theme-items .theme-name span {
        display: none
    }

    .theme-head .theme-title {
        margin-bottom: 0
    }

    .theme-head .theme-title h1 {
        font-size: 24px
    }

    .theme-features-title {
        margin-bottom: 15px;
        font-size: 12px
    }

    .theme-link a {
        padding: 5px 0
    }

    .product-features .section-box h3 {
        margin: 0 auto 12px
    }

    .product-features .section-box p {
        margin-bottom: 5px
    }

    .theme-cat-list a {
        padding: 3px 12px
    }

    .gallery-container .item-content h3 {
        font-size: 12px
    }

    .xs-table .package-header th h2 {
        font-size: 18px
    }

    .foot-widgets .widget {
        padding: 0 0 0 9%
    }

    .qrcode-wppop img {
        width: 128px
    }
}

@media only screen and (min-width: 1024px) {
    .nav-menu li.sub-menu-box {
        position: static;
        text-shadow: none
    }

    .nav-menu li.sub-menu-box ul {
        padding: 20px;
        width: 100%;
        min-width: 690px;
        height: 235px
    }

    .nav-menu li.sub-menu-box ul li {
        float: left;
        margin: 0 1%;
        width: 31.33333%;
        text-align: center;
        line-height: initial
    }

    .nav-menu li.sub-menu-box ul li .icon {
        width: 80px;
        height: 80px
    }

    .nav-menu li.sub-menu-box ul li b {
        margin: 5px auto 8px;
        display: block
    }

    .nav-menu li.sub-menu-box ul li:hover .icon, .nav-menu li.sub-menu-box ul li:hover .icon path {
        fill: #e72d64
    }

    .nav-menu li.sub-menu-box ul li .menu-item-description {
        white-space: normal;
        font-size: 14px;
        line-height: 20px;
        color: #8e8e8e;
        display: block
    }

    .nav-menu li.sub-menu-box ul li a:link, .nav-menu li.sub-menu-box ul li a:visited {
        padding: 15px 20px 20px;
        height: auto;
        color: #363636;
        display: inline-block;
        -khtml-border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px
    }

    .nav-menu li.sub-menu-box:hover ul li a:hover, .nav-menu li.sub-menu-box:hover ul li.current-menu-item a:link {
        text-indent: 0;
        background: #f6f9ff;
        box-shadow: 1px 1px 0 #e6edff
    }
}

@media only screen and (max-width: 1023px) {
    .flt, .frt {
        float: none;
        margin: 3% auto
    }

    .half {
        max-width: 100%
    }

    .inner {
        width: 96%
    }

    .single .container-upward .inner {
        width: 100%
    }

    .swiper-pagination .swiper-pagination-bullet {
        width: 15px
    }

    .swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        display: none
    }

    .header .inner {
        padding: 0 3%;
        width: 100%
    }

    .header .top-notice {
        display: grid
    }

    .header .top-notice a:first-child {
        order: 1
    }

    .header .top-notice a:nth-child(2) {
        order: 3
    }

    .header .top-notice a:nth-child(3) {
        order: 2
    }

    .main-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
    }

    .logo {
        float: none;
        margin: 6px auto;
        max-width: 200px;
        font-size: 18px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        flex: 1;
        text-align: center;
    }

    .logo img {
        max-width: 100%
    }

    .additional {
        float: left;
        margin: 5px 5px 5px 0;
        order: -1;
        position: relative;
        z-index: 10;
    }

    .mobi-menu {
        padding: 0 12px;
        font-size: 12px !important;
        height: 32px;
        line-height: 32px;
        text-align: center;
        background-color: rgba(0, 0, 0, .28);
        display: inline-block;
        cursor: pointer;
        position: relative
    }

    .section-header:before, .mobi-title {
        opacity: .85;
        background-size: cover
    }

    .pinned {
        height: 50px
    }

    .pinned .main-header {
        line-height: 50px
    }

    .pinned .logo {
        margin: 10px auto 3px
    }

    .pinned .additional {
        margin-top: 10px
    }

    .pinned #dropdown-menu {
        top: 0
    }

    .mobi-title {
        height: 40px;
        line-height: 40px;
        display: block;
        color: #fff;
        background-color: #2e4ee1;
        overflow: hidden
    }

    .mobi-title span {
        float: left;
        margin-left: 3%;
        font-weight: bold
    }

    .mobi-menu-close {
        padding: 0 !important;
        background-color: transparent !important;
        width: 40px;
        height: 40px;
        text-align: center;
        color: #fff;
        display: inline-block !important;
        position: absolute !important;
        top: 0;
        right: 0;
        z-index: 9999
    }

    .mobi-menu-close .iconfont {
        font-size: 18px
    }

    .main-nav {
        margin: 0 auto;
        width: 80%;
        max-width: 300px;
        height: 100vh;
        line-height: 40px;
        font-size: 14px;
        background: rgba(0, 0, 0, .9);
        overflow-y: scroll;
        position: fixed;
        top: 0;
        left: -3000px;
        z-index: 99999
    }
    
    /* 蒙版遮罩 */
    .menu-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 99998;
        display: none;
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    
    .menu-overlay.active {
        display: block;
        opacity: 1;
    }

    .main-nav .btn-search {
        padding: 0 9px
    }

    .main-nav .btn-search span {
        display: none
    }

    .main-menu {
        margin: 0 auto;
        width: 100%
    }

    .nav-menu li.sub-menu-box ul li .icon {
        display: none
    }

    .nav-menu li.sub-menu-box ul li b {
        font-weight: normal
    }

    #mobi-nav-menu {
        width: 96%;
        padding: 10px 0
    }

    #mobi-nav-menu li {
        float: none;
        width: 100%;
        line-height: 46px;
        padding: 0;
        border: none;
        border-bottom: 1px solid rgba(0, 0, 0, .08);
        clear: both
    }

    #mobi-nav-menu li:first-child, #mobi-nav-menu li.fr {
        padding: 0;
        border-top: none
    }

    #mobi-nav-menu li a, #mobi-nav-menu li a:link, #mobi-nav-menu li a:visited {
        color: #ffffff
    }

    #mobi-nav-menu li a:hover, #mobi-nav-menu li a:active, #mobi-nav-menu li:hover a, #mobi-nav-menu li.current-menu-item a:link, #mobi-nav-menu li.current-menu-item a:visited {
        background: rgba(0, 0, 0, .08)
    }

    #mobi-nav-menu li.menu-search {
        display: none
    }

    #mobi-nav-menu li.menu-item-has-children > a:after {
        display: none
    }

    #mobi-nav-menu li ul {
        position: static;
        padding: 0;
        width: 100% !important;
        background-color: #2651f0
    }

    #mobi-nav-menu li ul li {
        border: none;
        background: none
    }

    #mobi-nav-menu li ul li.litop {
        display: none
    }

    #mobi-nav-menu li ul li a:link, #mobi-nav-menu li ul li a:visited {
        padding: 0 0 0 4%
    }

    #mobi-nav-menu li ul li a:hover, #mobi-nav-menu li:hover ul li a:hover {
        color: rgba(255, 255, 255, .86);
        background: transparent
    }

    #mobi-nav-menu li.current-menu-item ul li a:link, #mobi-nav-menu li.current-menu-item ul li a:visited, #mobi-nav-menu li.current-post-parent ul li a, #mobi-nav-menu li.current-post-ancestor ul li a, #mobi-nav-menu li.current-menu-parent ul li a, #mobi-nav-menu li.current-category-ancestor ul li a, #mobi-nav-menu li:hover ul li a {
        background: none
    }

    #mobi-nav-menu li.menu-item-has-children a.mean-clicked {
        float: right;
        padding: 0;
        width: 42px;
        height: 42px;
        text-align: center;
        font-size: 14px;
        color: rgba(255, 255, 255, .5);
        position: absolute;
        top: 0;
        right: 0;
        z-index: 99;
        cursor: pointer
    }

    #mobi-nav-menu li.menu-item-has-children a.mean-clicked:hover {
        color: rgba(255, 255, 255, .5)
    }

    #mobi-nav-menu li.current-menu-item a.mean-clicked:link, #mobi-nav-menu li.current-menu-item a.mean-clicked:visited, #mobi-nav-menu li.current-menu-item a.mean-clicked:hover {
        color: rgba(255, 255, 255, .5)
    }

    #mobi-nav-menu li.menu-item-has-children .mean-clicked i {
        font-style: normal;
        font-size: 16px
    }

    #mobi-nav-menu li.menu-item-has-children .mean-clicked i:before {
        font-family: 'iconfont';
        /*content: "\e609"*/
    }

    #mobi-nav-menu li.menu-item-has-children .mean-toggle i:before {
        font-family: 'iconfont';
        /*content: "\e62e"*/
    }

    #mobi-nav-menu li ul li.menu-item-has-children:hover a {
        color: rgba(255, 255, 255, .86);
        background-color: transparent
    }

    #mobi-nav-menu li ul li.menu-item-has-children ul li:last-child {
        border-bottom: none
    }

    #mobi-nav-menu li ul li.menu-item-has-children ul li a, #mobi-nav-menu li ul li.menu-item-has-children:hover ul li a {
        padding: 0 0 0 10%;
        color: #666
    }

    #mobi-nav-menu li ul li.menu-item-has-children:hover ul li a.mean-clicked {
        padding: 0
    }

    #mobi-nav-menu li ul li.menu-item-has-children:hover ul li a:hover {
        color: rgba(255, 255, 255, .86);
        background-color: transparent
    }

    #mobi-nav-menu li ul li ul {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    #mobi-nav-menu li ul li.menu-item-has-children ul li ul li a, #mobi-nav-menu li ul li.menu-item-has-children:hover ul li ul li a {
        padding: 0 0 0 13%
    }

    #mobi-nav-menu li ul li.menu-item-has-children ul li ul li ul li a, #mobi-nav-menu li ul li.menu-item-has-children:hover ul li ul li ul li a {
        padding: 0 0 0 16%
    }

    .mobi-nav-search {
        display: block
    }

    .main-nav .search-box {
        margin: 0 auto;
        width: 100%;
        display: block;
        position: static
    }

    .search-box .inner {
        width: 96%;
        max-width: 96%;
        height: auto;
        border: none
    }

    .search-box #searchform {
        width: 96%
    }

    .search-box #searchform #searchsubmit, .search-box #searchform #searchsubmit .iconfont {
        font-size: inherit
    }

    .search-post-type #searchform #searchsubmit label {
        display: none
    }

    .btn-search:hover, .btn-search-active {
        color: #fff !important
    }

    #dropdown-menu {
        position: fixed;
        top: 0;
        left: -3000px;
        width: 100%;
        display: block;
        background: rgba(0, 0, 0, .85)
    }

    #dropdown-menu ul {
        padding: 10px 0
    }

    #dropdown-menu ul#menu-usermenu-2 {
        padding: 0 0 10px;
        margin-top: -10px
    }

    #dropdown-menu ul li a {
        padding: 0 18px;
        line-height: 40px
    }

    .user-item a.btn-login {
        padding: 0 5px 0 10px;
        font-size: 12px
    }

    .user-item a.btn-signup {
        padding: 0 10px 0 5px;
        font-size: 12px
    }

    .c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8 {
        width: 50%
    }

    .cw4, .cw6, .cw7, .cw8 {
        width: 100%
    }

    .col-mid-3 div:nth-child(3n+1), .col-mid-4 div:nth-child(4n+1), .col-mid-5 div:nth-child(5n+1), .col-mid-6 div:nth-child(6n+1), .col-mid-7 div:nth-child(7n+1), .col-mid-8 div:nth-child(8n+1) {
        clear: none
    }

    .col-mid-2 div, .col-mid-3 div, .col-mid-4 div, .col-mid-5 div, .col-mid-6 div, .col-mid-7 div, .col-mid-8 div {
        width: 50%
    }

    .row-split-2, .row-split-3, .row-split-4, .row-split-5, .row-split-6 {
        margin: 0 -1.5%
    }

    .row-split-2 div, .row-split-3 div, .row-split-4 div, .row-split-5 div, .row-split-6 div {
        margin: 0 1.5% 25px;
        width: 47%
    }

    .grid-col-2 ul li, .grid-col-3 ul li, .grid-col-4 ul li, .grid-col-5 ul li, .grid-col-6 ul li {
        width: 97%
    }

    .grid-col-2 ul li:nth-child(2n+1), .grid-col-3 ul li:nth-child(3n+1), .grid-col-4 ul li:nth-child(4n+1), .grid-col-5 ul li:nth-child(5n+1), .grid-col-6 ul li:nth-child(6n+1) {
        clear: none
    }

    .grid-col-2 ul li:nth-child(2n+1), .grid-col-3 ul li:nth-child(2n+1), .grid-col-4 ul li:nth-child(2n+1), .grid-col-5 ul li:nth-child(2n+1), .grid-col-6 ul li:nth-child(2n+1) {
        clear: both
    }

    .arrow-left, .arrow-right {
        display: none
    }

    .breadcrumb-trail {
        padding: 25px 0 0
    }

    .breadcrumb-trail .current-title {
        float: none;
        text-align: center;
        font-size: 18px
    }

    .breadcrumbs, .description {
        display: none
    }

    .cat-description {
        padding: 30px 0 0
    }

    .container, .content, .container-user .content {
        float: none;
        margin: 0 auto
    }

    .container, .container-nopadding, .container-upward {
        padding-bottom: 0
    }

    .column-fluid {
        float: none;
        clear: both
    }

    .wrapper-content-upward {
        padding: 30px 4%;
        width: 100%
    }

    .theme-cat-list {
        margin: 20px auto
    }

    .section-showcase .theme-list .item-content .theme-items .theme-name span {
        font-size: 12px
    }

    .section-header {
        padding-bottom: 40px
    }

    .home .section-header {
        padding-bottom: 0
    }

    .single-download .section-header {
        padding-bottom: 0
    }

    .section-header .page-home-header .inner {
        padding: 20px 0 30px;
        height: auto;
        text-align: center
    }

    .section-header .page-home-header .inner .vertical-middle {
        margin-top: 0
    }

    .page-banner {
        width: 100%;
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .banner-image {
        display: none
    }

    .page-banner .banner-subtitle, .page-banner .banner-subtitle strong {
        font-size: 14px !important;
        text-align: center !important
    }

    .page-banner .banner-title {
        font-size: 48px;
        letter-spacing: 2px
    }

    .page-banner .banner-description {
        font-size: 14px
    }

    .page-banner .banner-button {
        margin-top: 20px
    }

    .page-banner .banner-button .btn {
        margin-right: 10px;
        padding-left: 32px;
        padding-right: 32px;
        font-size: 14px
    }

    .upward-box {
        margin-top: 0
    }

    .upward-box:before, .upward-box:after {
        display: none
    }

    .section-item {
        padding: 40px 0
    }

    .section-item .heading-title {
        margin-bottom: 25px
    }

    .section-item .heading-title h2 {
        float: none;
        font-size: 36px
    }

    .section-item .heading-title h2.sm {
        font-size: 24px
    }

    .section-item .heading-title .section-desc {
        font-size: 14px
    }

    .development-features {
        padding-bottom: 0
    }

    .development-features .upward-box {
        padding: 0 30px 30px
    }

    .development-features .section-content div {
        margin: 20px auto
    }

    .post-type-archive-download .development-features {
        display: none
    }

    .col-mid-4 div {
        width: 50%
    }

    .item-features .theme-feature-list div {
        padding: 15px
    }

    .quicklinks .c4 {
        margin: 20px auto
    }

    .btn-more, .client-reviews .btn-more {
        margin: 40px auto 20px
    }

    .reviews {
        padding: 0;
        max-width: 100%
    }

    .swiper-button-prev, .swiper-container-rtl .swiper-button-next, .reviews .swiper-button-next, .reviews .swiper-container-rtl .swiper-button-prev {
        display: none !important
    }

    .reviews .swiper-reviews .swiper-wrapper .swiper-slide {
        padding: 20px
    }

    .reviews .swiper-reviews .swiper-wrapper .swiper-slide .review-content {
        margin-bottom: 15px;
        font-size: 14px
    }

    .client-reviews:before {
        display: none
    }

    .partner-list .item {
        margin: 10px auto;
        width: 25%
    }

    .partners .col-mid-6 div:nth-child(4n+1) {
        clear: both
    }

    .section-steps .section-content {
        max-width: 100%
    }

    .entry-title {
        font-size: 24px;
        font-weight: bold
    }

    .theme-head {
        padding: 20px 0 0
    }

    .theme-head .theme-screen {
        margin: 0 auto
    }

    .theme-browser, .theme-meta {
        float: none;
        width: 100%
    }

    .theme-browser {
        max-height: 480px;
        overflow: hidden
    }

    .theme-meta {
        padding: 20px 0 30px
    }

    .theme-head .theme-title {
        margin-bottom: 0
    }

    .theme-head .theme-title h1 {
        padding-left: 0;
        font-size: 20px
    }

    .theme-features-title {
        margin-left: -3%;
        margin-right: -3%;
        padding: 12px 3%
    }

    .theme-meta-detail {
        padding: 10px 0 0 0
    }

    .theme-meta-detail li {
        font-size: 12px
    }

    .theme-label span {
        margin-right: -3px
    }

    .theme-label .arrow {
        display: none
    }

    .theme-link {
        padding: 15px 0 0 0
    }

    .theme-link a {
        font-size: 14px
    }

    .theme-item {
        padding: 50px 0
    }

    .theme-item img.alignleft, .theme-item img.alignright {
        margin-bottom: 20px;
        padding: 0
    }

    .theme-item .heading-title {
        margin-bottom: 30px
    }

    .theme-item .heading-title h2 {
        margin: 0 auto;
        font-size: 36px
    }

    .theme-link a:link, .theme-link a:visited {
        padding: 8px
    }

    .item-description {
        padding: 50px 0 0;
        font-size: 14px
    }

    .item-description .inner {
        padding-bottom: 50px
    }

    .theme-head .theme-screen .demosite:hover:before, .theme-head .theme-screen .demosite:hover .qrcode-box {
        display: none
    }

    .lt-col, .rt-col {
        float: none;
        max-width: 90%;
        padding: 0
    }

    .rt-col {
        padding-bottom: 30px
    }

    .product-features .section-box h3, .product-features .section-box h3.v2 {
        margin: 30px auto 12px
    }

    .theme-feature-list ul li {
        width: 95%;
        font-size: 14px
    }

    .core-expand .cw4 {
        margin-bottom: 30px;
        text-align: left !important
    }

    .core-expand .flex:nth-child(even) div.cw4:nth-child(3n+1) {
        webkit-order: inherit;
        -ms-flex-order: inherit;
        order: inherit
    }

    .core-expand .flex .item-core-content, .core-expand .flex:nth-child(even) .item-core-content {
        padding: 0
    }

    .theme-faqs .col-mid-2 div {
        margin-bottom: 25px
    }

    .single-theme-post hr {
        margin: 10px auto 40px
    }

    .service-support .c4 .inner-box .inner-box-text h3 {
        padding: 20px;
        font-size: 14px
    }

    .section-themes .inner {
        max-width: 100%
    }

    .statistics .statistics-items {
        padding: 40px 20px
    }

    .statistics .statistics-items div {
        margin: 25px auto
    }

    .section-cat-posts ul li {
        float: none;
        width: 97%
    }

    .cat-sticky-slider-wrapper {
        padding-right: 0
    }

    .post-list li {
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .post-list li a {
        float: none;
        width: 100%
    }

    .related-posts ul li {
        float: none;
        width: 100%
    }

    .thumb-excerpt-list li .link-read-more {
        padding-left: 0
    }

    .search-results .fullwidth {
        max-width: 100%
    }

    .search-results .thumb-excerpt-list li {
        padding: 20px 10px
    }

    .search-results .so-post-theme .screen-sm {
        display: none
    }

    .gallery-container {
        margin: -3% auto 0
    }

    .gallery-container .item-content {
        margin: 3% auto
    }

    .gallery-columns-2 .item-content, .gallery-columns-3 .item-content, .gallery-columns-4 .item-content, .gallery-columns-5 .item-content, .gallery-columns-6 .item-content, .gallery-columns-7 .item-content, .gallery-columns-8 .item-content, .gallery-columns-9 .item-content, .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item {
        width: 50%
    }

    .gallery-columns-2 .item-content:nth-child(2n+1), .gallery-columns-3 .item-content:nth-child(2n+1), .gallery-columns-4 .item-content:nth-child(2n+1), .gallery-columns-5 .item-content:nth-child(2n+1), .gallery-columns-6 .item-content:nth-child(2n+1), .gallery-columns-7 .item-content:nth-child(2n+1), .gallery-columns-8 .item-content:nth-child(2n+1), .gallery-columns-9 .item-content:nth-child(2n+1), .gallery-columns-2 .gallery-item:nth-child(2n+1), .gallery-columns-3 .gallery-item:nth-child(2n+1), .gallery-columns-4 .gallery-item:nth-child(2n+1), .gallery-columns-5 .gallery-item:nth-child(2n+1), .gallery-columns-6 .gallery-item:nth-child(2n+1), .gallery-columns-7 .gallery-item:nth-child(2n+1), .gallery-columns-8 .gallery-item:nth-child(2n+1), .gallery-columns-9 .gallery-item:nth-child(2n+1) {
        clear: both
    }

    .gallery-columns-3 .item-content:nth-child(3n+1), .c3:nth-child(3n+1) {
        clear: none
    }

    .post-meta-bottom {
        height: auto;
        overflow: hidden
    }

    .post-meta-bottom .tags, .post-meta-bottom .share {
        float: none
    }

    .post-meta-bottom .tags {
        margin-bottom: 10px
    }

    .post-meta-bottom .share #share-title, .post-meta-bottom .share #bdshare, .post-meta-bottom .share .addthis_sharing_toolbox {
        float: left;
        clear: none !important
    }

    .nav-links a:link, .nav-links a:visited, .nav-links span.dots {
        display: none
    }

    .nav-links a.prev, .nav-links a.next {
        display: inline-block
    }

    .post-page-nav {
        margin: 50px auto
    }

    .entry-content ol, .entry-content ul {
        margin: 15px auto
    }

    .page-payment ul li.md-2, .page-payment ul li.md-3 {
        width: 46%
    }

    .post-meta-bottom .tags a {
        margin-bottom: 5px
    }

    .feedback-form {
        width: 100%
    }

    .premium-service-post .service-post-thumbnail, .premium-service-post .c2 {
        width: 100%;
        padding: 0
    }

    .premium-service-post .discount-price:after {
        background-position: right -100px
    }

    .package-list ul {
        width: 96%
    }

    .why-package .c4 {
        padding: 20px 2%
    }

    .step-item {
        line-height: 1.8
    }

    .step-item span {
        padding: 0 14px;
        font-size: 16px
    }

    .step-item i {
        font-size: 18px
    }

    .step-line {
        width: 100%
    }

    .wp-intro .wp-about, .wp-intro .wp-latest {
        float: none;
        margin-bottom: 20px;
        width: 100%
    }

    .customize-price .c2 {
        margin: 18px auto;
        padding: 0;
        width: 100%
    }

    .section-cat-postlist .cat-posts .c3 .inner-box {
        margin: 0 5px
    }

    .additional-service .additional-list div p {
        padding: 10px 25px 0
    }

    .tip-sl span {
        font-size: 20px
    }

    .section-suitable-people .col-mid-3 div {
        margin-bottom: 30px
    }

    .follow-us .follow-us-title {
        float: none;
        width: 100%;
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .follow-us .follow-us-qrcode {
        float: none;
        width: 100%
    }

    .follow-us .follow-us-title h3 {
        font-size: 24px;
        color: #fff;
        margin-bottom: 25px
    }

    .xs-table tbody tr td .btn-purchase {
        font-size: 14px;
        white-space: nowrap
    }

    .page-template-page-sign-up .section-header, .page-template-page-register .section-header, .page-template-page-login .section-header, .page-template-page-ret-password .section-header, .page-template-page-user .section-header, .page-template-page-user .section-header, .page-template-page-update-profile .section-header, .page-template-page-modify-avatar .section-header {
        padding-bottom: 0
    }

    .container-user {
        padding: 0
    }

    .container-user .wrapper-content {
        width: 100%
    }

    .user-bar {
        display: none
    }

    .user-panel {
        margin: 0 auto;
        border: none;
        -khtml-border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

    #edd_purchase_form {
        width: 100% !important
    }

    .page-user {
        padding: 0;
        min-height: inherit
    }

    .user-form {
        padding: 45px 10%;
        width: 100%;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

    .user-no-login-signup, #edd_purchase_form {
        width: 100%
    }

    #edd_checkout_cart td.edd_cart_item_name {
        line-height: auto
    }

    #edd_checkout_cart td.edd_cart_item_name .edd_cart_item_image {
        display: none
    }

    .sidebar {
        display: none
    }

    .comment-list li #respond {
        margin: 20px auto
    }

    #comment-input {
        margin-top: 0
    }

    #comment-textarea #comment, #comment-input input[type="text"], #comment-input input[type="email"], #comment-input input[type="url"], #comment-input input {
        float: none;
        margin: 0 auto 10px;
        width: 100%
    }

    #commentform .form-submit #comment-submit {
        width: 100%
    }

    .comment-nav {
        text-align: center
    }

    .foot-widgets {
        margin: 0 auto;
        display: none
    }

    .foot-widgets .widget {
        margin-bottom: 15px
    }

    .foot-widgets .widget, .foot-widgets .widget:nth-child(even) {
        padding: 0 2% 0 0;
        width: 19%
    }

    .footer-widgets-area .widget-about {
        float: none;
        text-align: center
    }

    .footer-widgets-area .widget-about #svg-logo-footer {
        max-width: 96%
    }

    .cs-div {
        top: inherit;
        bottom: 0;
        right: 0;
        width: 100%;
        border-radius: 0
    }

    .cs-item {
        float: left;
        width: 20%;
        border: none
    }

    .cs-item:before, .cs-item a .label {
        display: none
    }

    .cs-item:last-child {
        margin-bottom: 0
    }

    .cs-item a {
        margin: 0 auto;
        padding: 0;
        width: 100%;
        height: 40px
    }

    .cs-item a i {
        font-size: 24px;
        line-height: 40px
    }

    .cs-item a sup {
        top: -15px;
        left: 39%
    }

    .cs-item span {
        display: none
    }

    .cs-tab-backtop {
        display: block
    }

    .cs-div .item-qrcode-box {
        right: -40%;
        bottom: 40px;
        -webkit-box-shadow: 0 -4px 4px rgba(0, 0, 0, .05);
        box-shadow: 0 -4px 4px rgba(0, 0, 0, .05);
        -webkit-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0
    }

    .cs-div #qrcode-wechat {
        bottom: 40px
    }
}

@media only screen and (max-width: 480px) {
    .top-bar, .header .top-bar .inner {
        padding: 0
    }

    .top-bar a {
        margin: 0 auto
    }

    .top-bar a.revert {
        display: none
    }

    .logo {
        width: 45%;
        max-width: 180px
    }

    .toggle-userbar {
        padding: 0 4px 0 10px
    }

    .toggle-userbar span {
        display: none
    }

    .toggle-userbar img {
        margin: -3px 0 0 0
    }

    .user-item a.btn-signup {
        display: none
    }

    .slideshow-container .swiper-pagination-bullets .swiper-pagination-bullet {
        width: 16px
    }

    .gallery-slider-section .inner {
        width: 100%
    }

    .row-split-2 div, .row-split-3 div, .row-split-4 div, .row-split-5 div, .row-split-6 div {
        width: 97%
    }

    .grid-col-2 ul, .grid-col-3 ul, .grid-col-4 ul, .grid-col-5 ul, .grid-col-6 ul {
        margin: 0 auto
    }

    .grid-col-2 ul li, .grid-col-3 ul li, .grid-col-4 ul li, .grid-col-5 ul li, .grid-col-6 ul li {
        width: 100%
    }

    .grid-col-2 ul li:nth-child(2n+1), .grid-col-3 ul li:nth-child(3n+1), .grid-col-4 ul li:nth-child(4n+1), .grid-col-5 ul li:nth-child(5n+1), .grid-col-6 ul li:nth-child(6n+1) {
        clear: none
    }

    .grid-col-2 ul li:nth-child(2n+1), .grid-col-3 ul li:nth-child(2n+1), .grid-col-4 ul li:nth-child(2n+1), .grid-col-5 ul li:nth-child(2n+1), .grid-col-6 ul li:nth-child(2n+1) {
        clear: none
    }

    .gallery-columns-2 .item-content, .gallery-columns-3 .item-content, .gallery-columns-4 .item-content, .gallery-columns-5 .item-content, .gallery-columns-6 .item-content, .gallery-columns-7 .item-content, .gallery-columns-8 .item-content, .gallery-columns-9 .item-content, .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item {
        width: 100%
    }

    .section-item .heading-title h2 {
        font-size: 24px;
        font-weight: bold
    }

    .section-item .heading-title h2.sm {
        font-size: 16px
    }

    .section-item .heading-title .section-desc {
        font-size: 12px
    }

    .development-features .upward-box {
        padding: 0 0 30px
    }

    .development-features .section-content div, .home .development-features .section-content div {
        float: left;
        margin: 15px auto;
        width: 50%
    }

    .development-features .iconfont {
        width: 98px;
        height: 98px;
        line-height: 98px;
        font-size: 36px
    }

    .development-features h3 {
        font-size: 14px
    }

    .featured-themes .heading-title h2 {
        margin-top: 30px
    }

    .statistics .col-mid-4 div {
        float: left;
        margin: 15px auto;
        width: 50%
    }

    .statistics .stat-number {
        margin: 10px auto 10px;
        font-size: 24px
    }

    .statistics .stat-title {
        font-size: 14px
    }

    .tip-sl {
        padding: 10px 0
    }

    .tip-sl span {
        padding: 5px 15px 7px;
        font-size: 14px
    }

    .theme-list .item-content {
        padding: 1.5% 1.5% 20px
    }

    .cat-description .current-page-title {
        font-size: 28px
    }

    .cat-description .current-page-description {
        font-size: 12px
    }

    .section-cat-postlist .cat-posts .c3 {
        width: 100%
    }

    .section-cat-postlist .cat-posts .c3 .inner-box {
        padding: 15px
    }

    .browser-frame {
        padding: 40px 15px;
        flex-direction: column;
        gap: 0
    }

    .browser-frame .steps-left,
    .browser-frame .steps-right {
        padding: 0
    }

    .browser-frame .item-step {
        margin-bottom: 20px
    }

    .browser-frame .item-step h3 {
        font-size: 24px
    }

    .browser-frame .item-step p {
        font-size: 12px
    }

    .page-banner .banner-title {
        font-size: 32px
    }

    .page-banner .banner-subtitle strong {
        margin-bottom: 10px;
        display: block
    }

    .page-banner .banner-description {
        font-size: 12px
    }

    .gallery-slider .inner {
        padding: 10% 0 7%;
        height: 83%
    }

    .gallery-slider .inner h4 {
        margin: 0 auto 15px;
        font-size: 18px;
        word-spacing: 2px
    }

    .gallery-slider .inner p {
        margin-bottom: 12px;
        width: 90%;
        font-size: 12px
    }

    .slideshow-container .swiper-caption h2 {
        font-size: 1em
    }

    .post-list li span {
        display: none
    }

    .thumb-excerpt-list li .post-thumbnail img {
        height: auto
    }

    .thumb-excerpt-list li .post-thumbnail, .thumb-excerpt-list-rt li .post-thumbnail {
        float: none;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px
    }

    .thumb-excerpt-list li, .thumb-excerpt-list li:first-child {
        padding: 15px 0
    }

    .thumb-excerpt-list li .post-excerpt h3 {
        margin-bottom: 0;
        font-size: 14px
    }

    .thumb-excerpt-list li .post-excerpt .excerpt-content, .thumb-excerpt-list li .link-read-more {
        display: none
    }

    .wp-embed {
        max-width: 99.8%
    }

    .entry-content img.alignright, .entry-content img.alignleft {
        float: none;
        margin: 15px auto;
        padding: 0;
        clear: both;
        display: block
    }

    .c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8 {
        width: 96%
    }

    .col-mid-2, .col-mid-3, .col-mid-4 {
        margin: 0 auto
    }

    .col-mid-2 div, .col-mid-3 div, .col-mid-4 div, .col-mid-5 div, .col-mid-6 div {
        float: none;
        width: 90%
    }

    .theme-entry {
        background-size: contain
    }

    .theme-link a:link, .theme-link a:visited {
        font-size: 14px
    }

    .product-features .section-box h3, .product-features .section-box h3.v2 {
        font-size: 24px
    }

    .product-features .section-box p {
        margin-bottom: 5px
    }

    .service-support .c4 {
        margin: 7px auto
    }

    .core-expand .flex {
        padding: 30px 0
    }

    .core-expand .flex .box-title {
        font-size: 24px
    }

    .core-expand .flex .box-description {
        font-size: 14px
    }

    .partner-list .item {
        margin: 10px auto;
        width: 33.3333%
    }

    .partners .col-mid-6 div:nth-child(3n+1) {
        clear: both
    }

    .step-item span {
        font-size: 14px
    }

    .step-line li .num {
        width: 12px;
        font-size: 18px
    }

    .step-line li h3 {
        font-size: 16px;
        font-weight: bold
    }

    .step-line li p {
        padding: 0 0 0 110px;
        font-size: 14px
    }

    .customize-price .c2 .c-box {
        padding: 30px 15px
    }

    .customize-price .c2 .c-box ul li {
        margin: 12px auto;
        font-size: 14px
    }

    .page-payment h2 {
        margin: 20px auto 20px;
        font-size: 36px
    }

    .page-payment ul li.md-2, .page-payment ul li.md-3 {
        width: 96%
    }

    .user-panel {
        padding: 20px 10px
    }

    .panel-content .edd_empty_cart, .panel-content .edd-no-purchases {
        font-size: 18px
    }

    #edd_checkout_form_wrap {
        padding: 30px 20px;
        margin: 0 -10px
    }

    .user-no-login-signup {
        margin-top: 50px
    }

    .user-no-login-signup .no-login {
        margin-bottom: 40px
    }

    .page-user .site-logo {
        display: none
    }

    .foot-widgets .widget, .foot-widgets .widget:nth-child(even) {
        width: 28%
    }

    .copyright .coop span {
        font-size: 14px
    }

    .footer .qrcode-wppop {
        display: flex
    }

    .footer .qrcode-wppop .qrcode-item {
        float: none;
        margin: 0 5px;
        font-size: 12px
    }
}

@media only screen and (max-width: 320px) {
    .logo {
        max-width: 140px
    }

    .additional .mobi-menu .iconfont {
        margin-right: 0
    }

    .additional a, .user-item a.btn-login {
        padding: 0 5px
    }

    .toggle-userbar {
        padding: 0 0 0 4px
    }

    .grid-col-2 ul li, .grid-col-3 ul li, .grid-col-4 ul li, .grid-col-5 ul li, .grid-col-6 ul li {
        width: 100%
    }

    .gallery-columns-2 .item-content, .gallery-columns-3 .item-content, .gallery-columns-4 .item-content, .gallery-columns-5 .item-content, .gallery-columns-6 .item-content, .gallery-columns-7 .item-content, .gallery-columns-8 .item-content, .gallery-columns-9 .item-content, .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item {
        width: 100%
    }

    .gallery-columns-2 .item-content:nth-child(2n+1), .gallery-columns-3 .item-content:nth-child(2n+1), .gallery-columns-4 .item-content:nth-child(2n+1), .gallery-columns-5 .item-content:nth-child(2n+1), .gallery-columns-6 .item-content:nth-child(2n+1), .gallery-columns-7 .item-content:nth-child(2n+1), .gallery-columns-8 .item-content:nth-child(2n+1), .gallery-columns-9 .item-content:nth-child(2n+1), .gallery-columns-2 .gallery-item:nth-child(2n+1), .gallery-columns-3 .gallery-item:nth-child(2n+1), .gallery-columns-4 .gallery-item:nth-child(2n+1), .gallery-columns-5 .gallery-item:nth-child(2n+1), .gallery-columns-6 .gallery-item:nth-child(2n+1), .gallery-columns-7 .gallery-item:nth-child(2n+1), .gallery-columns-8 .gallery-item:nth-child(2n+1), .gallery-columns-9 .gallery-item:nth-child(2n+1) {
        clear: none
    }

    .cat-post-list ul li.thumb {
        height: auto
    }

    .cat-post-list ul li.thumb .folio-item {
        float: none;
        margin-bottom: 15px;
        padding-right: 0
    }

    .cat-post-list ul li.thumb .folio-thumb .mediaholder img {
        width: auto;
        max-width: 100%;
        height: auto
    }

    .cat-swiper-container .mediaholder {
        border: none
    }

    .section-item .heading-title h2 {
        font-size: 20px
    }

    .section-item .heading-title h2.sm {
        font-size: 14px
    }

    .section-item .heading-title .section-desc {
        font-size: 12px
    }

    .col-mid-4 div {
        width: 100%
    }

    .nav-links a.prev, .nav-links a.next {
        padding: 8px 35px;
        display: inline-block
    }

    .theme-link {
        text-align: center
    }

    .theme-link a, .theme-link a.purchase, .theme-link a.demosite, .theme-head-s .theme-link a, .theme-link-showcase a.purchase-url, .theme-link-showcase a.demosite-url {
        width: 90%;
        max-width: 90%
    }

    .theme-link a.purchase, .theme-link-showcase a.demosite-url {
        margin-bottom: 12px
    }
    
    /* 客户评价移动端适配 */
    .client-reviews .review-item {
        padding: 25px 15px !important;
        border-radius: 0 20px 0 20px !important;
        box-shadow: 10px 10px 0 rgba(0, 0, 0, .15) !important;
    }
    .client-reviews .review-content {
        font-size: 13px !important;
        margin-bottom: 20px !important;
    }
    .client-reviews .review-item img {
        width: 60px !important;
        height: 60px !important;
    }
    .client-reviews .review-item h4 {
        font-size: 12px !important;
    }
    
    /* col-mid-5 移动端两个一行显示，高度一致 */
    .col-mid-5.additional-list {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: stretch !important;
    }
    .col-mid-5.additional-list div {
        width: 50% !important;
        float: none !important;
        flex: 0 0 50% !important;
        box-sizing: border-box;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }
}