* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

*::before,*::after {
    box-sizing: border-box
}

button {
    cursor: pointer
}

button:focus {
    outline: none
}

.mt6 {
    margin-top: 6rem!important
}

.aleft {
    text-align: left
}

.flex {
    display: flex
}

.flex1 {
    flex: 1
}

.vertical {
    flex-direction: column;
    justify-content: center
}

.between {
    justify-content: space-between
}

button:focus {
    outline: none
}

body {
    background: #fff;
    font-family: '思源黑体 CN','微软雅黑','Source Han Sans',sans-serif
}

.content {
    width: 80%;
    max-width: 1400px;
    margin: 0 auto
}

.home p {
    color: rgb(0 0 0);
    font-size: 1rem;
    line-height: 2.4rem;
}

section.hero div.col3 {
    width: 50%;
    float: left;
    height: 32rem
}

body:not(.archive):not(.blog):not(.search) section.hero>.content {
    height: 100%
}

section.hero div.col3 img {
    width: 80%;
    height: auto;
    margin: 0 auto
}

.home section.hero div.col3:first-child {
    width: 50%
}

.home section.hero div.col3 img {
    width: 130%;
    height: auto;
    margin-top: 5rem;
    margin-left: -7rem
}

section.hero div.col3:last-child {
    width: 50%;
    text-align: center
}

section.price {
    padding-top: 3rem;
    position: relative
}

section#pricebar {
    display: none
}

.formobile {
    display: none
}

.page section.hero {
    margin-bottom: 0
}

section.hero {
    height: 42rem;
    width: 100%;
    overflow: hidden;
    margin-bottom: 3rem;
    background: #191f2b url(/static/images/svg/background_header.svg) no-repeat center;
    background-size: cover
}

.archive section.hero,.blog section.hero,.search section.hero {
    height: 32rem;
    overflow: visible;
    margin-bottom: 5rem;
    position: relative;
    z-index: 99
}

.archive section.hero div.col3,.blog section.hero div.col3,.search section.hero div.col3 {
    height: 30rem
}

.hero .searchbox {
    transform: translateY(-1.5rem)
}

section.hero div.content-anime {
    max-width: 1400px;
    width: 80%;
    margin: 0 auto;
    position: relative
}

section.hero h1 span {
    color: rgba(255,255,255,.8);
    display: block;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 2px;
    margin-bottom: .8rem
}

section.hero h1 {
    font-size: 2.6rem;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 1.4rem
}

.home section.hero p,.page section.hero p,.archive section.hero p,.blog section.hero p,.search section.hero p {
    color: rgba(255,255,255,.8);
    font-size: 1.05rem;
    letter-spacing: 1px;
    max-width: 95%;
    line-height: 2rem;
    font-weight: 100
}

.home section.hero p {
    max-width: 95%
}

.play_video {
    cursor: pointer
}

.home_main_canvas video {
    max-width: 100%;
    transform: scale(1.3)
}

button.play_video {
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
    padding: 0rem 1.5rem 0rem 3rem;
    line-height: 2.7rem;
    border-radius: 4px;
    position: relative;
    top: -1px;
    font-size: 1rem
}

button.play_video:before {
    content: "";
    display: block;
    position: absolute;
    width: 1.8rem;
    height: 1.8rem;
    background: url(/static/images/svg/play.svg) no-repeat center;
    left: .5rem;
    top: .4rem;
    border-radius: 50%;
    transition: all 0.2s ease
}

button.play_video:hover:before {
    transform: scale(1.15)
}

section.hero p.actions {
    margin-top: 2.6rem
}

section.hero .actions :nth-child(2) {
    margin-left: 1rem
}

section.hero .col3 a,button.herobutton,button.headbutton,section.hero.standard_page button,section.aboutus div.textcontainer div.text a.btn,.casesgallery a.btn {
    background: #35bae6;
    color: #fff;
    padding: 0rem 4rem 0rem 3rem;
    font-weight: 400;
    font-size: 1.1rem;
    letter-spacing: 1px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    border-radius: 6px;
    position: relative;
    line-height: 3.3rem;
    border: 1px solid #35bae6;
    transition: all 0.3s ease
}

button.headbutton,section.hero.standard_page button.headbutton {
    padding: 0rem 3rem
}

button.headbutton:hover,section.hero.standard_page button.headbutton:hover {
    background: #35bae6;
    border-color: #35bae6
}

section.hero .col3 a:hover,button.headbutton,section.hero.standard_page button.headbutton,button.herobutton:hover,section.hero.standard_page button:hover,section.aboutus div.textcontainer div.text a.btn:hover,.casesgallery a.btn:hover {
    background-color: transparent;
    border: 1px solid #fff
}

section.hero.standard_page button.headbutton:before {
    display: none
}

section.hero.standard_page button:before,.home section.hero a:before,section.aboutus div.textcontainer div.text a.btn:before,.casesgallery a.btn::before {
    content: "";
    position: absolute;
    width: 1.1rem;
    height: 1.1rem;
    right: 1.8rem;
    top: 1.1rem;
    background: url(/static/images/svg/bt_arrow.svg);
    transition: all 0.4s cubic-bezier(.83,0,.17,1)
}

button.herobutton:hover:before,section.hero.standard_page button:hover:before,.home section.hero a:hover:before {
    right: 1.2rem
}

section.hero.standard_page .col3 a {
    color: #fff;
    background: transparent;
    padding-left: 3rem;
    padding-right: 3rem;
    margin-left: 1rem;
    border: 1px solid rgba(255,255,255,.5)
}

.page section.content div.description,div.heading p.subtitle {
    clear: both;
    color: #666
}

.page section.content div.description h2 {
    color: #000
}

body.error404 section.content {
    text-align: center
}

body.error404 section.content img {
    max-width: 60%
}

body.error404 section.content h1 {
    font-size: 2rem;
    font-weight: 400;
    margin: 2rem 0
}

body.error404 section.content a {
    display: inline-block;
    text-decoration: none;
    font-size: 1.3rem;
    color: #191f2b;
    border: 2px solid #191f2b;
    padding: .5rem 2rem;
    margin-top: 1rem
}

.clear {
    clear: both
}

header {
    background: #191f2b;
    color: #fff;
    line-height: 5.5rem;
    position: sticky;
    top: 0;
    z-index: 100;
    transition: all 0.3s ease
}

header a,header li {
    color: rgba(255,255,255,.8);
    text-decoration: none
}

header div.logo {
    width: 100px;
    height: auto;
    max-width: 20%;
    float: left;
    margin-top: 1rem
}

header div.logo img {
    width: 220px;
    height: auto;
    margin-left: -35px;
}

header nav {
    float: right
}

header nav ul {
    list-style: none
}

header nav ul li {
    float: left;
    margin-right: 2rem
}

header nav ul li:last-child {
    margin-right: 0
}

header nav ul li.phone {
    margin-left: 3rem;
    position: relative
}

header nav ul li.phone:before {
    content: "";
    position: absolute;
    left: -1.5rem;
    top: 2.3rem;
    background: url(/static/images/svg/phones.svg) no-repeat;
    width: 1.1rem;
    height: 1.1rem
}

header button {
    background: #191f2b;
    color: #fff;
    border: none;
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 7px 20px;
    font-weight: 600;
    position: relative;
    top: -2px;
    transition: all 0.3s ease
}

header button:hover {
    background: #fff;
    color: #191f2b;
    cursor: pointer
}

html {
    scroll-behavior: smooth
}

section.aboutus {
    width: 100%;
    background: #191f2b;
    clear: both;
    overflow: hidden
}

section.aboutus p {
    color: #fff
}

section.aboutus article {
    max-width: 1400px;
    width: 80%;
    margin: 0 auto;
    position: relative
}

section.aboutus article h2 {
    color: #fff;
    text-align: center;
    border-radius: 1rem;
    border: 1px solid #fff;
    margin: 0 auto 3rem auto;
    width: 19rem;
    line-height: 3.5rem
}

section.aboutus article div {
    width: 47%;
    float: left
}

section.aboutus article div.first {
    margin-right: 6%
}

section.aboutus article div p {
    color: #ebebf7;
    margin-bottom: 1rem;
    line-height: 1.8rem
}

section.about {
    position: relative;
    clear: both;
    padding-top: 2rem
}

section.avantages ul li {
    float: left;
    width: 31%;
    background: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,.1);
    padding: 2rem 2rem 2rem 5.5rem;
    margin: 0 3% 2rem 0;
    position: relative;
    transition: all 0.3s ease;
    border-radius: .5rem
}

section.avantages ul li:hover {
    background: #333e53;
    cursor: context-menu
}

section.avantages ul li:hover h3 {
    color: #fff
}

section.slider h3,.about_avantages h2 {
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 2rem;
    padding: 2.5rem 0 1rem 0
}

section.avantages ul li:hover p {
    color: #dde5e8
}

section.avantages ul li:before {
    content: "";
    display: block;
    position: absolute;
    width: 55px;
    height: 55px;
    left: 1rem;
    top: 2.3rem;
    background: url(/static/images/svg/hostage.svg) no-repeat;
    background-size: contain
}

section.avantages ul li:hover:before {
    background: url(/static/images/svg/hostage2.svg) no-repeat;
    background-size: contain
}

section.avantages ul li:nth-child(2):before {
    background: url(/static/images/svg/painting.svg) no-repeat;
    background-size: contain
}

section.avantages ul li:nth-child(3):before {
    background: url(/static/images/svg/oversea.svg) no-repeat;
    background-size: contain
}

section.avantages ul li:nth-child(4):before {
    background: url(/static/images/svg/technology.svg) no-repeat;
    background-size: contain
}

section.avantages ul li:nth-child(5):before {
    background: url(/static/images/svg/idea.svg) no-repeat;
    background-size: contain
}

section.avantages ul li:last-child:before {
    background: url(/static/images/svg/server.svg) no-repeat;
    background-size: contain
}

section.avantages ul li:hover:nth-child(2):before {
    background: url(/static/images/svg/painting2.svg) no-repeat;
    background-size: contain
}

section.avantages ul li:hover:nth-child(3):before {
    background: url(/static/images/svg/oversea2.svg) no-repeat;
    background-size: contain
}

section.avantages ul li:hover:nth-child(4):before {
    background: url(/static/images/svg/technology2.svg) no-repeat;
    background-size: contain
}

section.avantages ul li:hover:nth-child(5):before {
    background: url(/static/images/svg/idea2.svg) no-repeat;
    background-size: contain
}

section.avantages ul li:hover:last-child:before {
    background: url(/static/images/svg/server2.svg) no-repeat;
    background-size: contain
}

section.avantages ul li:nth-child(3),section.avantages ul li:last-child {
    margin-right: 0
}

section.avantages ul li h3 {
    font-size: 1.1rem;
    margin-bottom: .5rem
}

section.avantages ul li p {
    font-size: .8rem;
    line-height: 1.4rem
}

section.contactban {
    background: #252d3d;
    background-size: contain;
    text-align: center;
    padding: 4rem 0 2rem 0;
    margin-top: 3rem;
    position: relative;
    clear: both
}

section.contactban p {
    color: #fff;
    font-weight: 600;
    font-size: 1.6rem;
    margin-bottom: 2rem;
    position: relative;
    z-index: 10
}

section.contactban button {
    border: 2px solid #32bee9;
    background: #32bee9;
    color: #fff;
    line-height: 2.2rem;
    font-weight: 600;
    font-size: 1rem;
    margin-top: 1rem;
    padding: 0 2.4rem;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease-out;
    position: relative;
    z-index: 10
}

section.contactban button:hover {
    border: 2px solid #191f2b;
    background: #191f2b;
    color: #fff
}

footer ul {
    list-style: none;
    margin-top: 1rem;
    margin-bottom: 2rem
}

footer {
    background: #191f2b url(/static/images/svg/background_footer.svg) no-repeat center;
    background-size: cover;
    color: #fff;
    font-size: .9rem;
    padding-top: 3rem
}

footer a {
    color: #c4c4c4;
    text-decoration: none;
    font-weight: 400
}

footer ul li {
    font-size: 1rem;
    line-height: 2.2rem;
    position: relative;
    color: #c4c4c4
}

footer ul li.icon {
    padding-left: 2rem
}

footer ul ul li.icon:before {
    content: "";
    position: absolute;
    width: 1.3rem;
    height: 1.3rem;
    left: 0;
    top: .5rem;
    background: url(/static/images/svg/phone.svg) no-repeat;
    background-size: contain
}

footer ul ul li.icon.address:before {
    background: url(/static/images/svg/location.svg) no-repeat;
    background-size: contain
}

footer ul ul li.icon.email:before {
    background: url(/static/images/svg/email.svg) no-repeat;
    background-size: contain
}

footer div.content>div p.footerTitle {
    font-weight: 600;
    letter-spacing: 1px;
    color: #fff
}

footer div.content>div.head {
    position: relative;
    margin-bottom: 1rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(255,255,255,.25)
}

footer div.content>div.head p {
    text-align: center;
    color: #fff;
    font-size: 1.3rem;
    margin-top: 1.5rem;
    font-weight: 400;
    letter-spacing: 1px
}

footer div.content>div.head img {
    position: absolute;
    left: 1rem;
    top: -.5rem;
    width: 250px
}

footer div.content>div {
    padding: 0 2rem
}

footer div.content>div,footer div.content>div>ul {
    width: 100%
}

footer div.content>div>ul>li {
    width: 38%;
    float: left
}

footer div.content>div>ul>li:last-child {
    width: 24%
}

footer div.content>div>ul>li:last-child img {
    width: 10rem;
    position: absolute;
    right: -2rem
}

footer p.copyright {
    clear: both;
    text-align: center;
    color: #d6d6d6;
    padding: 0 0 2rem 0;
    font-size: .9rem
}

footer p.copyright a {
    color: #d6d6d6
}

section.popcontact div.contact-content div.contactphone div.contact span {
    font-size: .8rem;
    text-align: left
}

section.popcontact div.contact-content div.contactphone div.contact span.address {
    font-size: 1.2rem;
    color: #000;
    margin-bottom: 1.3rem
}

section.popcontact div.contact-content div.contactphone div.contact {
    padding-top: 1rem
}

section.popcontact div.overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 997;
    opacity: 0;
    background: rgba(0,0,0,.8);
    transition: opacity 0.4s ease
}

section.popcontact.active div.overlay {
    visibility: visible;
    opacity: 1
}

section.popcontact div.contact-content {
    position: fixed;
    width: 480px;
    height: 430px;
    background: #fff;
    z-index: 998;
    margin-top: -230px;
    left: 50%;
    overflow: hidden;
    margin-left: -240px;
    top: -30rem;
    box-shadow: 0 0 7px rgba(0,0,0,.3);
    transition: all 0.3s cubic-bezier(.34,1.56,.64,1)
}

section.popcontact.active div.contact-content {
    top: 45%;
    margin-top: -230px;
    visibility: visible
}

section.popcontact,section.popcontact div.contactphone {
    visibility: hidden
}

section.popcontact div.contact-content button:hover {
    cursor: pointer
}

section.popcontact div.contact-content button {
    width: 50%;
    line-height: 36px;
    color: #371a45;
    background: #f7f3f9;
    border: none;
    position: absolute;
    border: 0;
    bottom: 0
}

section.popcontact div.contact-content button.wechat {
    left: 0
}

section.popcontact div.contact-content button.phone {
    right: 0
}

section.popcontact div.contact-content button.active {
    background: #fff;
    color: #000;
    cursor: auto
}

div.contact-content div.contactwechat,div.contact-content div.contactphone {
    padding: 3rem 4rem;
    position: absolute;
    top: 0;
    right: 0;
    left: -100%;
    width: 100%;
    visibility: hidden;
    transition: all 0.4s ease
}

div.contact-content div.contactwechat.active,div.contact-content div.contactphone.active {
    left: 0;
    right: 0;
    visibility: hidden
}

.active div.contact-content div.contactwechat.active,.active div.contact-content div.contactphone.active {
    visibility: visible
}

div.contact-content div.contactphone {
    left: 100%
}

div.contact-content.active div.contactwechat {
    left: 0;
    visibility: visible
}

div.contact-content.active div.contactphone {
    left: 0;
    visibility: visible
}

div.contact-content div.contactwechat p,div.contact-content div.contactphone p {
    margin-bottom: 2rem
}

div.contact-content div.contactwechat p strong,div.contact-content div.contactphone p strong {
    display: block;
    font-size: 2rem;
    color: #000;
    text-align: center;
    margin-bottom: .8rem
}

div.contact-content div.contactwechat p span,div.contact-content div.contactphone p span {
    letter-spacing: 1px;
    display: block;
    text-align: center
}

div.contact-content div.contactwechat div.contact img:first-child {
    margin-right: 4rem;
    width: 155px;
    height: 155px
}

div.contact-content div.contactphone img {
    float: right
}

div.contact-content div.contactphone div.contact p {
    font-size: 1.4rem;
    font-weight: 600;
    padding-top: 0
}

div.contact-content div.contactphone div.contact p a {
    text-decoration: none;
    color: #000
}

section.howitworks {
    clear: both;
    padding: 3rem 0 0 0
}

section.howitworks div.collaboration_steps {
    width: 100%;
    height: 40rem;
    background: #fff url(/static/images/svg/steps.svg) center no-repeat;
    background-size: contain;
    position: relative;
    margin: 3.5rem 0 7rem 0
}

section.howitworks div.collaboration_steps div {
    position: absolute
}

section.howitworks div.collaboration_steps div span {
    font-family: sans-serif;
    color: #35bae6;
    font-size: 3.5rem;
    font-weight: 600
}

section.howitworks div.collaboration_steps div h3 {
    margin-bottom: .4rem;
    font-size: 1.4rem;
    font-weight: 400
}

section.howitworks div.collaboration_steps div p {
    font-size: 1rem;
    line-height: 1.4rem
}

section.howitworks div.collaboration_steps div:nth-child(1) {
    bottom: 0;
    left: 0
}

section.howitworks div.collaboration_steps div:nth-child(2) {
    top: 0;
    left: 30%
}

section.howitworks div.collaboration_steps div:nth-child(3) {
    bottom: 0;
    right: 33.5%
}

section.howitworks div.collaboration_steps div:nth-child(4) {
    top: 0;
    right: 4%
}

section.howitworks div.collaboration_steps p.icon {
    width: 6rem;
    height: 6rem;
    position: absolute
}

section.howitworks div.collaboration_steps p.icon img {
    width: 100%;
    height: auto
}

section.howitworks div.collaboration_steps p.icon.brief {
    top: 14rem;
    left: 11%
}

section.howitworks div.collaboration_steps p.icon.design {
    top: 20.5rem;
    left: 34%
}

section.howitworks div.collaboration_steps p.icon.code {
    top: 12.8rem;
    left: 57%;
    width: 7rem;
    height: 7rem
}

section.howitworks div.collaboration_steps p.icon.share {
    top: 20.8rem;
    right: 11%
}

section.howitworks h2,section.article h2,.page div.lastarticle h2,.home h2,.page h2 {
    text-align: center;
    font-size: 2rem
}

.tabs__content {
    position: relative;
    display: flex;
    align-items: flex-start;
    width: calc(600px * 3);
    will-change: transform,height
}

section.tabscontainer {
    background: linear-gradient(to left,#191f2b,#191f2b) no-repeat 0 3.3rem;
    position: relative;
    margin-bottom: 6rem
}

section.tabscontainer div.tab_background {
    position: absolute;
    background: url(/static/images/svg/stars_sliderbg.svg) no-repeat center;
    background-size: cover;
    top: 3.3rem;
    left: 0;
    right: 0;
    bottom: 0
}

div.tabs {
    overflow: hidden;
    width: 80%;
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    z-index: 80
}

div.tab_ovni {
    position: absolute;
    width: 9rem;
    height: 5rem;
    top: 6rem;
    right: 1rem;
    background: url(/static/images/svg/ovni.svg) no-repeat;
    background-size: contain
}

div.tab_stars {
    position: absolute;
    width: 7rem;
    height: 5rem;
    bottom: 2rem;
    left: 1.5rem;
    background: url(/static/images/svg/website_stars.svg) no-repeat;
    background-size: contain
}

div.tabs div.tabs__bar {
    text-align: center
}

div.tabs div.tabs__bar div {
    display: inline-block;
    margin-right: 3rem;
    position: relative;
    padding-bottom: 1.3rem;
    cursor: pointer
}

div.tabs div.tabs__bar div.lasted {
    margin-right: 0
}

div.tabs div.tabs__bar div:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    border-radius: 2px;
    background: #35bae6;
    bottom: 0
}

div.tabs div.tabs__bar div.is-active:before {
    display: block
}

div.tabs div.tabs__bar div:before {
    display: none
}

div.tabs div.tabs__bar div:last-child {
    margin-right: 0
}

div.tabs section.tabactive {
    padding: 4rem 0;
    height: 40rem;
    max-width: 1400px;
    margin: 0 auto
}

div.tabs section.tabactive img {
    max-height: 15rem
}

div.tabs div.tabs__bar-wrap {
    margin-bottom: 2rem
}

div.tabs__controls {
    color: #848991;
    font-weight: 600;
    font-size: 1.4rem
}

div.tabs__controls.is-active {
    color: #191f2b
}

div.tabs__section {
    position: relative
}

div.tabs__section div h2 {
    margin: 1.2rem 0;
    font-size: 1.6rem;
    color: #fff;
    font-weight: 600
}

div.tabs__section div.mascot {
    position: absolute;
    bottom: -4rem;
    right: 4rem;
    width: 14rem;
    height: 14rem
}

div.tabs__section div.mascot img {
    width: 100%;
    position: absolute;
    bottom: 0;
    height: auto
}

div.tabs__section div p {
    line-height: 2.1rem;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 100;
    margin-bottom: 2rem
}

section.tabactive div.tabs__section {
    padding: 0 6rem
}

section.tabactive div.tabs__section section.tabs {
    background: #202933;
    border: 16px solid #2c3644;
    border-radius: .5rem;
    padding: 2rem;
    min-height: 29rem
}

section.topservice>div {
    position: relative;
    border-radius: 6px;
    padding: 1.5rem;
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    text-align: center;
    top: -7rem;
    background: #fff
}

section.topservice ul {
    list-style: none;
    height: 4rem
}

section.topservice ul li {
    width: 25%;
    float: left;
    position: relative;
    padding-top: 4.5rem
}

section.topservice ul li span {
    position: absolute;
    width: 3rem;
    height: 3rem;
    left: 50%;
    margin-left: -1.5rem;
    top: .4rem
}

section.topservice ul li h3,section.topservice ul li strong {
    display: block;
    font-weight: 600;
    color: #191f2b;
    font-size: 1.17em
}

div.head h2 {
    margin-bottom: .8rem
}

div.head {
    margin-bottom: 3rem
}

div.head p {
    text-align: center;
    color: #666
}

section.topservice ul li p {
    padding: .3rem 3rem;
    margin-top: .3rem;
    font-size: .9rem;
    color: rgba(0,0,0,.6)
}

.page-template-default div.description {
    padding: 0
}

.page-template-default div.description h2,div.head h2,div.heading h2 {
    margin: 0 0 1rem 0;
    text-align: center;
    font-size: 2.3rem
}

.page-template-default div.description p.subtitle,div.heading p.subtitle,.home p.subtitle {
    text-align: center;
    font-size: 1.1rem
}

.content_description p,.content_description li {
    line-height: 2.5rem;
    font-size: 1.3rem
}

.page-template-default div.description ul li {
    margin-bottom: 2rem
}

.bluedote,.bluedote ul,.yellow_star,.yellow_star ul,#main div.description ul {
    list-style: none
}

.bluedote li,.yellow_star li,#main div.description ul li {
    position: relative;
    width: 90%
}

.bluedote li:before,.yellow_star li:before,#main div.description ul li:before {
    content: "";
    position: absolute;
    background: url(/static/images/svg/blue_dote.svg) no-repeat center;
    width: .8rem;
    height: .8rem;
    left: -1.7rem;
    top: .9rem
}

.yellow_star li:before {
    background: url(/static/images/svg/yellow_star.svg) no-repeat center;
    width: 1.2rem;
    height: 1.2rem
}

section.aboutus .skybackground {
    width: 100%;
    height: 850px;
    background: #191f2b;
    overflow: hidden;
    position: relative;
    font-family: '微软雅黑','Source Han Sans',sans-serif
}

section.aboutus div.starstop {
    background: transparent url(/static/images/svg/starstop.svg);
    background-size: contain;
    width: 100%;
    position: absolute;
    top: 0;
    height: 400px
}

section.aboutus div.starsbottom {
    background: transparent url(/static/images/svg/starsbottom.svg);
    background-size: contain;
    width: 800px;
    position: absolute;
    bottom: -12rem;
    right: -5rem;
    height: 800px;
    z-index: 10
}

section.aboutus div.planetweb {
    position: absolute;
    background: transparent url(/static/images/svg/planetweb.svg);
    background-size: cover;
    width: 500px;
    height: 500px;
    position: absolute;
    right: 0;
    bottom: -20px;
    transition: all 0.6s cubic-bezier(.34,1.56,.64,1)
}

section.aboutus #superatro {
    width: 16rem;
    height: 16rem;
    background: transparent url(/static/images/svg/superastro.svg);
    background-size: contain;
    position: absolute;
    right: 15rem;
    bottom: 10rem;
    z-index: 50;
    transition: all 0.6s cubic-bezier(.34,1.56,.64,1)
}

section.aboutus .sunweb {
    width: 23rem;
    height: 14rem;
    position: absolute;
    top: -3rem;
    left: 5rem;
    background: transparent url(/static/images/svg/sunweb.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 60;
    transition: all 0.6s cubic-bezier(.34,1.56,.64,1)
}

section.aboutus div.skybackground h2 {
    color: #fff;
    text-align: center;
    margin-top: 5rem;
    font-size: 1.8rem
}

section.aboutus div.textcontainer {
    margin: 4rem auto;
    max-width: 1150px;
    color: #fff
}

section.aboutus div.textcontainer ul {
    list-style: none;
    position: relative;
    z-index: 60
}

section.aboutus div.textcontainer ul li:first-child {
    background: transparent;
    padding-left: 0
}

section.aboutus div.textcontainer ul li:nth-child(2) {
    border-radius: 10px 0 0 10px
}

section.aboutus div.textcontainer ul li:nth-child(4) {
    border-radius: 0 10px 10px 0
}

section.aboutus div.textcontainer ul li {
    width: 25%;
    padding: 2rem 0 2rem 3rem;
    float: left;
    font-size: 1.1rem;
    background: rgba(56,70,91,.18)
}

section.aboutus div.textcontainer ul li img {
    margin-top: .5rem
}

section.aboutus div.textcontainer ul li strong,section.about_avantages ul li strong {
    font-weight: 400;
    font-size: 3rem;
    color: #35bae6;
    font-family: sans-serif
}

section.aboutus div.textcontainer ul li strong span,section.about_avantages ul li strong span {
    font-size: 1.3rem
}

section.aboutus div.textcontainer div.text {
    width: 50%;
    position: relative;
    line-height: 2rem;
    font-size: 1.1rem;
    clear: both;
    z-index: 60;
    padding-top: 3rem
}

section.aboutus div.textcontainer div.text p {
    margin-bottom: .8rem
}

section.article {
    margin-bottom: 8rem
}

section.article section.content {
    padding: 0 4rem
}

section.article article.post {
    float: left;
    width: 32.46%;
    margin-right: 1.3%;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
    height: 31rem;
    margin-bottom: 1rem;
    box-shadow: 0 0 15px rgba(0,0,0,.15)
}
@media (max-width: 768px) {
    section.article article.post {
        width: 48.5%;
    }
}


section.article article.post:nth-child(3n) {
    margin-right: 0
}

article.post h3,article.post h2 {
    color: #191f2b;
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    min-height: 60px;
    text-align: left;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

article.post p {
    color: rgba(91,95,102,.9)
}

section.article article.post div.featureimg {
    height: 42%;
    overflow: hidden;
    transition: height 0.6s cubic-bezier(.34,1.56,.64,1)
}

.home section.article article.post div.featureimg,.page-template-default section.article article.post div.featureimg,.page-template-template-about section.article article.post div.featureimg {
    height: 50%
}

.home section.article article.post,.page-template-default section.article article.post,.page-template-template-about section.article article.post {
    height: 36rem;
}

.home section.article article.post:hover div.featureimg,.page-template-default section.article article.post:hover div.featureimg,.page-template-template-about section.article article.post:hover div.featureimg {
    height: 9rem
}

section.article article.post div.excerpt {
    padding: 1rem 1.5rem 1.5rem 1.5rem;
    overflow: hidden;
    height: 17rem;
    position: relative;
    transition: height 0.6s cubic-bezier(.34,1.56,.64,1)
}

section.article article.post p.category {
    color: #35bae6;
    font-weight: 700
}

section.article article.post:hover div.featureimg {
    height: 5rem
}

section.article article.post:hover div.excerpt {
    height: 25rem
}

section.article article p {
    font-size: .9rem;
    line-height: 1.5rem;
    max-height: 4.6rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    text-overflow: ellipsis;
    overflow: hidden
}

section.article article a {
    display: block;
    padding: .6rem;
    border-radius: 6rem;
    color: #191f2b;
    text-align: center;
    font-weight: 700;
    font-size: .9rem;
    margin-top: 1.2rem;
    text-decoration: none;
    border: 1px solid #191f2b;
    position: absolute;
    bottom: -5rem;
    right: 1.5rem;
    left: 1.5rem;
    transition: all 0.3s ease
}

section.article article.post:hover a {
    bottom: 2rem
}

section.contactban div.joinus {
    background: url(/static/images/svg/footer_cta.svg) no-repeat bottom center;
    background-size: contain;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: -4rem
}

button#load_more_post_home,button.load_more_post_ajax,ul.pricelist button {
    background: #252d3d;
    color: #fff;
    display: inline-block;
    margin: 0 auto;
    font-weight: 400;
    font-size: 1rem;
    border: 2px solid #252d3d;
    padding: .7rem 3rem .7rem 3rem;
    border-radius: .5rem;
    position: relative;
    margin-top: 1rem;
    transition: all 0.2s ease
}

button#load_more_post_home:hover {
    border: 2px solid #23262b;
    color: #23262b;
    background: #fff
}

section.slider span.swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
    margin: 0 0.4rem!important
}

section.load_article {
    text-align: center;
    margin-bottom: 5rem;
    padding-top: 3rem;
    clear: both
}

section.why_choose_us>div>ul {
    list-style: none
}

section.why_choose_us>div>ul li {
    float: left;
    width: 33.33%;
    padding: 0 3rem 0 4rem;
    position: relative
}

section.why_choose_us>div>ul li p {
    line-height: 2.2rem;
    color: rgba(0,0,0,.55);
    font-size: 1.05rem
}

section.why_choose_us>div {
    padding: 3rem;
    border-radius: .5rem;
    background: #fff;
    position: relative;
    top: -2rem;
    box-shadow: 0 0 15px rgba(0,0,0,.1)
}

section.why_choose_us>div>ul li strong {
    margin-bottom: .5rem;
    display: block;
    font-size: 1.2rem
}

section.why_choose_us>div>ul li:before {
    content: "";
    position: absolute;
    width: 3.2rem;
    height: 3.2rem;
    left: 0;
    background: transparent url(/static/images/svg/time.svg) no-repeat;
    background-size: contain
}

section.why_choose_us>div>ul li:nth-child(2):before {
    background: transparent url(/static/images/svg/settings.svg) no-repeat;
    background-size: contain
}

section.why_choose_us>div>ul li:nth-child(3):before {
    background: transparent url(/static/images/svg/search.svg) no-repeat;
    background-size: contain
}

.page section.article article p.excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.onlymobile {
    display: none
}

.page .content_description {
    display: flex;
    padding: 2rem 0 8rem 0
}

.page .content_description>div {
    flex: 1
}

.page .content_description.content2 {
    flex-direction: row-reverse
}

.page .content_description figure {
    text-align: center;
    transition: all 0.2s ease
}

.page .block_txt {
    transition: all 0.2s ease
}

.page .content_description figure img,.page .content_description figure video {
    max-width: 80%
}

.page .content_description figure canvas {
    width: 80%!important;
    margin: auto;
    height: unset!important
}

.page .content_description figure .animation_container,.page .content_description figure .dom_overlay_container {
    margin: auto;
    width: 100%!important;
    height: unset!important
}

.archive .terms .terms-content ul,.blog .terms .terms-content ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.archive section.terms,.blog section.terms {
    padding-top: 50px
}

.archive .terms .terms-content ul li,.blog .terms .terms-content ul li {
    padding: 8px 25px;
    font-size: 16px;
    border: none;
    color: #000;
    border-radius: 4px;
    background-color: rgb(248,248,248);
    list-style: none;
    cursor: pointer;
    transition: all 0.3s ease;
    margin: 0 25px 25px 25px
}

.archive .terms .terms-content ul li:hover,.blog .terms .terms-content ul li:hover {
    background-color: #191f2b;
    color: #fff
}

.archive .terms .terms-content ul li.active,.blog .terms .terms-content ul li.active {
    background-color: #191f2b;
    color: #fff
}

.search .results ul li {
    list-style: none;
    border-bottom: 1px solid #eee;
    padding: 15px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center
}

.search .results ul li:hover {
    background-color: #eee
}

.search .results ul li a {
    font-size: 14px;
    text-decoration: none;
    color: #000;
    vertical-align: middle;
    margin-left: 20px;
    display: inline-block;
    line-height: 65px;
    flex: 1;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.search .results ul li img {
    height: 65px;
    width: auto;
    vertical-align: middle
}

section.description.about div.content_about,div.main_services_about {
    padding: 5rem 4rem
}

section.description.about div.content_about>div {
    width: 50%;
    float: left
}

section.description.about div.content_about.reverse>div {
    float: right
}

section.description.about div.content_about>div p,section.description.about div.content_about>div li {
    line-height: 2.3rem;
    font-size: 1.1rem;
    color: #666
}

section.description.about div.content_about>div img,section.description.about div.content_about>div video {
    max-width: 85%
}

section.description.about div.content_about>div.right {
    text-align: right
}

.description div.heading {
    margin: 5rem 0 0
}

section.description.about .yellow_star li {
    width: 100%;
    padding-left: 1rem
}

section.about_avantages {
    background: #191f2b url(/static/images/svg/stars_sliderbg.svg) no-repeat center;
    background-size: cover;
    padding-bottom: 3rem
}

section.about_avantages ul {
    background: rgba(56,70,91,.18);
    display: flex;
    padding: 3rem;
    margin: 2rem 4rem;
    list-style: none
}

section.about_avantages ul li {
    width: 33.33%;
    padding: 6rem 0 0;
    flex: 1;
    position: relative;
    color: #fff;
    text-align: center;
    font-size: 1.1rem
}

section.about_avantages ul li:before {
    position: absolute;
    content: "";
    display: block;
    width: 5rem;
    height: 5rem;
    left: 50%;
    top: 0;
    margin-left: -2.5rem;
    background: url(/static/upload/other/20251203/meiko_business.svg) no-repeat center;
    background-size: contain
}

section.about_avantages ul li:nth-child(2):before {
    background: url(/static/upload/other/20251203/meiko_partner.svg) no-repeat center;
    background-size: contain
}

section.about_avantages ul li:nth-child(3):before {
    background: url(/static/upload/other/20251203/meiko_team.svg) no-repeat center;
    background-size: contain
}

section.about_avantages ul li strong {
    display: block
}

section.assets.content {
    padding: 0 4rem;
    max-width: 1000px
}

section.assets {
    clear: both;
    height: 7rem;
    margin-bottom: 2rem;
    overflow: hidden
}

section.assets .swiper-button-next {
    right: -4rem
}

section.assets .swiper-button-prev {
    left: -4rem
}

section.assets div.serviceAssets {
    position: relative
}

#pricelist .assets-details-content {
    position: fixed;
    width: 400px;
    line-height: 25px;
    padding: 20px;
    background-color: #333e53;
    z-index: -1;
    transform: translate(-50%,-100%);
    overflow: visible;
    border-radius: 7px;
    opacity: 0;
    transition: all 0.3s ease
}

#pricelist .assets-details-content.loading:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(/static/images/svg/loading.gif) no-repeat center;
    background-size: 30px;
    background-color: rgba(255,255,255,.5)
}

#pricelist .assets-details-content.loading:after {
    border-color: rgba(153,159,169) transparent transparent transparent
}

#pricelist .assets-details-content p {
    color: #fff;
    font-weight: 500
}

#pricelist .assets-details-content strong {
    color: #fff;
    padding-left: 22px;
    position: relative;
    font-weight: 400
}

#pricelist .assets-details-content strong:before {
    content: "";
    position: absolute;
    width: .5rem;
    height: .5rem;
    background: url(/static/images/svg/blue_dote.svg) no-repeat center;
    background-size: cover;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

#pricelist .assets-details-content:after {
    content: "";
    border-color: #333e53 transparent transparent transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 10px;
    border-style: solid
}

section.assets .swiper-button-prev,section.assets .swiper-button-next {
    background-image: url(/static/images/svg/arrow.svg);
    top: 1rem
}

section.assets div.swiper-slide {
    display: inline-block;
    height: 3.6rem;
    border: 2px solid #eee;
    border-radius: 5px;
    padding: .5rem 1rem .5rem 4rem;
    position: relative
}

section.assets div.swiper-slide span.icon {
    display: block;
    width: 2rem;
    height: 2rem;
    float: left;
    top: .7rem;
    left: .9rem;
    position: absolute
}

section.assets div.info {
    position: absolute;
    right: .8rem;
    width: 1.5rem;
    height: 1.5rem;
    top: .8rem;
    background-image: url(/static/images/svg/info.svg);
    background-size: contain
}

section.assets div.swiper-slide p.title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #333e53
}

div.chatbox {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    width: 4.5rem;
    height: 4.5rem;
    background: url(/static/images/svg/chat.svg) no-repeat center;
    background-size: contain;
    z-index: 999999;
    cursor: pointer;
    transition: all 0.2s ease
}

div.chatbox:hover {
    transform: scale(1.15)
}

section.avantages ul {
    padding-top: 6rem;
    list-style: none;
    width: 80%;
    max-width: 1400px;
    margin: 0 auto
}

body.videomodal {
    overflow: hidden
}

.modalvideo {
    position: fixed;
    top: -15rem;
    bottom: -15rem;
    right: -15rem;
    left: -15rem;
    overflow: hidden;
    visibility: hidden;
    background: rgba(0,0,0,0);
    z-index: 100;
    transition: all 0.3s ease
}

.videomodal .modalvideo {
    visibility: visible;
    background: rgba(0,0,0,.8)
}

.modalvideo>div {
    position: absolute;
    width: 70vw;
    height: auto;
    top: -100%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all 0.3s ease
}

.videomodal .modalvideo>div {
    top: 50%
}

.modalvideo>div video {
    max-width: 100%;
    border-radius: 4px
}

.page section.pricing {
    margin-bottom: 4rem!important
}

ul.pricelist {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none
}

ul.pricelist>li {
    width: 32%;
    position: relative;
    cursor: pointer;
    border-radius: 5px;
    box-shadow: 0 0 13px rgba(0,0,0,.05)
}

ul.pricelist>li .canvas_animation {
    overflow: hidden;
    border-top-right-radius: 8px
}

ul.pricelist>li .canvas_animation img,ul.pricelist>li .canvas_animation video {
    width: 101%;
    height: auto
}

ul.pricelist>li.active .animation_container {
    display: block
}

.mcpricing ul.pricelist>li .animation_container {
    overflow: hidden;
    position: relative
}

.mcpricing ul.pricelist>li .canvas_animation {
    overflow: hidden;
    aspect-ratio: 2/1.333
}

.mcpricing ul.pricelist>li.fighting .animation_container canvas {
    width: 100%!important
}

ul.pricelist>li.active img {
    display: none!important
}

ul.pricelist>li .animation_container canvas {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

ul.pricelist>li .animation_container {
    display: none
}

ul.pricelist>li:before {
    content: "";
    width: 100%;
    position: absolute;
    height: 100%;
    display: block;
    z-index: 99;
    outline: 4px solid #35bae6;
    left: 0;
    top: 0;
    border-radius: .6rem;
    background: transparent;
    opacity: 0;
    transition: all 0.2s ease
}

ul.pricelist>li.active:before {
    opacity: 1;
    z-index: 1
}

ul.pricelist>li {
    text-align: center
}

ul.pricelist>li ul {
    list-style: none;
    width: 90%;
    margin: 2rem auto
}

ul.pricelist>li ul li {
    text-align: left;
    line-height: 4rem;
    font-size: 1.1rem;
    border-bottom: 1px solid #eee;
    padding: 0 1.5rem 0 3rem;
    position: relative
}

ul.pricelist>li ul li span {
    display: inline-block;
    color: #fff;
    font-size: 15px;
    line-height: 30px;
    border-radius: 6px;
    background-color: #2FC96D;
    margin-left: 15px;
    padding: 0 15px
}

ul.pricelist>li ul li:after {
    content: "";
    display: block;
    position: absolute;
    width: 1.4rem;
    height: 1.4rem;
    right: 0;
    top: 1.2rem;
    background: url(/static/images/svg/checked.svg) no-repeat center/contain
}

ul.pricelist>li ul li:last-child {
    border-bottom: 0
}

ul.pricelist button {
    z-index: 2;
    border-radius: .3rem;
    width: 90%;
    margin-top: 1.5rem;
    transition: all 0.2s ease
}

ul.pricelist>li.active button {
    background: #35bae6;
    border-color: #35bae6
}

ul.pricelist p.price {
    font-size: 2rem;
    font-weight: 600;
    color: #222
}

ul.pricelist p.price span {
    font-size: 1rem
}

ul.pricelist h3 {
    font-size: 1.1rem;
    margin: .7rem 0;
    font-weight: 400
}

ul.pricelist>li ul li:before {
    content: "";
    display: block;
    position: absolute;
    width: 2.3rem;
    height: 2.3rem;
    left: 0;
    top: .9rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center
}

.mcpricing ul.pricelist>li ul li:before {
    background: url(/static/images/svg/ip.svg) no-repeat center/contain
}

.mcpricing ul.pricelist>li ul li:nth-of-type(2):before {
    background: url(/static/images/svg/video.svg) no-repeat center/contain
}

.mcpricing ul.pricelist>li ul li:nth-of-type(3):before {
    background: url(/static/images/svg/book.svg) no-repeat center/contain
}

.mcpricing ul.pricelist>li ul li.icon_video:before {
    background-image: url(/static/images/svg/video2.svg)
}

.mcpricing ul.pricelist>li ul li.icon_ruler:before {
    background-image: url(/static/images/svg/ruler.svg)
}

.mcpricing ul.pricelist>li ul li.icon_cut:before {
    background-image: url(/static/images/svg/cut.svg)
}

.mc-btns span {
    background: transparent;
    color: #374055;
    padding: 0rem 3rem 0rem 3rem;
    font-size: 1.1rem;
    letter-spacing: 1px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    border-radius: 6px;
    min-width: 260px;
    position: relative;
    line-height: 3.9rem;
    text-align: center;
    border: 1px solid #E2E2E2;
    transition: all 0.3s ease;
    margin: 4rem 1rem
}

.mc-btns span.active {
    background-color: #32bee9;
    color: #fff;
    border-color: #32bee9
}

.mc-btns {
    display: flex;
    justify-content: center
}

.mcpricing {
    padding-bottom: 8rem
}

.pricelist.hide {
    display: none
}

.pricelist.content-center {
    justify-content: center
}

.fighting .canvas_animation {
    margin-top: -13%
}

.fighting .canvas_animation canvas {
    transform: translateY(-8px)
}

ul.pricelist>li.fighting .canvas_animation {
    overflow: visible;
    position: relative;
    z-index: 2
}

.mcpricing ul.pricelist>li ul li {
    line-height: 1.7;
    padding-top: 1.7rem;
    padding-bottom: 1.7rem;
    margin-bottom: 0
}

.mcpricing ul.pricelist>li ul li:before,.mcpricing ul.pricelist>li ul li:after {
    top: 50%;
    transform: translateY(-50%)
}

.p3 {
    padding: 3rem
}

.page-template-template-about section.hero.standard_page .col3 img {
    width: 700px;
    margin-left: 5rem;
    margin-bottom: 2rem;
    padding: 3rem
}

section.hero.standard_page .col3 img {
    width: 720px;
    margin-left: -2rem;
    margin-top: 2rem
}

.page-id-436 section.hero.standard_page .col3 img {
    margin-bottom: 5rem
}

.page-id-447 section.hero.standard_page .col3 img {
    width: 80%;
    margin: 0 auto
}

.page-id-480 section.hero.standard_page .col3 img {
    width: 570px;
    margin-left: 3rem;
    margin-bottom: 3rem
}

.page-id-6971 section.hero.standard_page .col3 img {
    margin-left: -3rem;
    margin-bottom: 3rem
}

.page-id-463 section.hero.standard_page .col3 img {
    width: 580px;
    margin-left: 3rem;
    margin-top: -2rem
}

.page-id-407 section.hero.standard_page .col3 img {
    margin-left: 1.5rem;
    margin-top: -1rem
}

.blog section.hero.standard_page .col3 img,.archive section.hero.standard_page .col3 img,.search section.hero.standard_page .col3 img {
    width: 92%;
    margin-left: 4rem;
    margin-top: -2rem
}

.mcpricing ul.pricelist>li .animation_container canvas {
    width: 134%!important;
    height: auto!important
}

.mcpricing ul.pricelist>li img {
    height: auto!important
}

.page-template-simplepage h1 {
    margin: 2rem 0 3rem 0;
    font-size: 2.5rem
}

.page-template-simplepage section.content h2 {
    margin: 1rem 0 1.5rem 0;
    font-size: 1.8rem
}

.page-template-simplepage section.content p,.page-template-simplepage section.content li {
    margin-bottom: .5rem;
    color: #666;
    font-size: 1.1rem;
    line-height: 2.2rem
}

.pricing .slider h2 {
    color: #fff
}

.pricing .slider p {
    color: #b7b7b7;
    font-size: 1.1rem;
    line-height: 2rem
}

.pricing .swiper-button-next,.pricing .swiper-button-prev {
    background: url(/static/images/svg/navigation_slider.svg) no-repeat;
    background-size: contain;
    width: 55px;
    height: 68px;
    top: 47%
}

.pricing section.assets .swiper-button-next,.pricing section.assets .swiper-button-prev {
    background-color: #fff
}

.pricing .swiper-button-next {
    transform: rotate(180deg)
}

.pricing .swiper-button-prev:after,.pricing .swiper-rtl .swiper-button-next:after,.pricing .swiper-button-next:after,.pricing .swiper-rtl .swiper-button-prev:after {
    content: ""
}

.pricing section.avantages {
    margin: 4rem 0 7rem 0
}

.class:before {
    background-image: url(/static/images/svg/class.svg)
}

.editor:before {
    background-image: url(/static/images/svg/editor.svg)
}

.expert:before {
    background-image: url(/static/images/svg/expert.svg)
}

.lighthouse:before {
    background-image: url(/static/images/svg/lighthouse.svg)
}

.speed:before {
    background-image: url(/static/images/svg/speed.svg)
}

.layout:before {
    background-image: url(/static/images/svg/layout.svg)
}

.worldwide:before {
    background-image: url(/static/images/svg/worldwide.svg)
}

.editor2:before {
    background-image: url(/static/images/svg/editor2.svg)
}

.target:before {
    background-image: url(/static/images/svg/target.svg)
}

.windows:before {
    background-image: url(/static/images/svg/windows.svg)
}

.deliver:before {
    background-image: url(/static/images/svg/deliver.svg)
}

.customize:before {
    background-image: url(/static/images/svg/customize.svg)
}

.server:before {
    background-image: url(/static/images/svg/server.svg)
}

.setting:before {
    background-image: url(/static/images/svg/setting.svg)
}

.rank:before {
    background-image: url(/static/images/svg/rank.svg)
}

.cdn:before {
    background-image: url(/static/images/svg/cdn.svg)
}

ul.pricelist>li ul li.cdn:before {
    background-size: 80%;
    background-position: center
}

.assets-details-content strong {
    display: block
}

.page-id-7810.page section.content h2 {
    text-align: left
}

.page-template-template-services section p.subtitle {
    text-align: center;
    font-size: 1.1rem;
    color: rgba(91,95,102,1);
    margin: 1rem 0 4rem 0
}

.page-template-template-services section.mcpricing p.subtitle {
    margin-bottom: 0
}

.home section.avantages {
    margin-bottom: 2rem
}

.faqsearch div.search form input[type="text"] {
    width: calc(100% - 4.9rem)
}

#back-to-top {
  position: fixed;
  right: 30px;
  bottom: 30px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  transition: opacity 0.3s ease, transform 0.3s ease;
  opacity: 0;
  visibility: hidden;
  z-index: 999999;
}
@media (max-width: 768px) {
  #back-to-top {
    right: 15px;
    bottom: 80px;
  }
}

#back-to-top.show {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

#back-to-top .arrow-up {
  position: absolute;
  font-size: 20px;
  color: #191f2b;
  font-weight: bold;
}

.progress-ring {
  transform: rotate(-90deg);
  position: absolute;
  top: 0;
  left: 0;
}

.progress-ring__background {
  stroke-dasharray: 163.36;
  stroke-dashoffset: 0;
}

.progress-ring__progress {
  stroke-dasharray: 163.36;
  stroke-dashoffset: 163.36;
  transition: stroke-dashoffset 0.2s ease-out;
}

.custom-style-btn {
    background: #252d3d;
    color: #fff;
    display: inline-block;
    margin: 0 auto;
    font-weight: 400;
    font-size: 1rem;
    border: 2px solid #252d3d;
    padding: .7rem 3rem;
    border-radius: .5rem;
    position: relative;
    margin-top: 1rem;
    transition: all 0.2s ease;
    cursor: pointer;
    text-decoration: none !important;
}

.custom-style-btn:hover {
    border: 2px solid #23262b;
    color: #23262b;
    background: #fff;
}