@charset "UTF-8"; /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

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

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

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

[hidden],template {
    display: none
}

a {
    background-color: transparent
}

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

abbr[title] {
    border-bottom: 1px dotted
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

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

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box
}

pre {
    overflow: auto
}

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

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

button {
    overflow: visible
}

button,select {
    text-transform: none
}

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

button[disabled],html input[disabled] {
    cursor: not-allowed
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

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

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

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

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td,th {
    padding: 0
}

.foundation-mq {
    font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"
}

html {
    font-size: 100%;
    box-sizing: border-box
}

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

body {
    padding: 0;
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Roboto,Arial,PingFang SC,Hiragino Sans GB,Microsoft Yahei,Microsoft Jhenghei,sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #212121;
    background: #fefefe;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    display: inline-block;
    vertical-align: middle
}

textarea {
    height: auto;
    min-height: 50px;
    border-radius: 3px
}

select {
    width: 100%
}

#map_canvas embed,#map_canvas img,#map_canvas object,.map_canvas embed,.map_canvas img,.map_canvas object,.mqa-display embed,.mqa-display img,.mqa-display object {
    max-width: none!important
}

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    padding: 0;
    border: 0;
    border-radius: 3px;
    line-height: 1
}

[data-whatinput=mouse] button {
    outline: 0
}

.is-visible {
    display: block!important
}

.is-hidden {
    display: none!important
}

.row {
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.row .row {
    margin-left: -.625rem;
    margin-right: -.625rem
}

@media screen and (min-width: 40em) {
    .row .row {
        margin-left:-.9375rem;
        margin-right: -.9375rem
    }
}

.row.expanded {
    max-width: none
}

.row.collapse>.column,.row.collapse>.columns {
    padding-left: 0;
    padding-right: 0
}

.row.collapse>.column>.row,.row.collapse>.columns>.row,.row.is-collapse-child {
    margin-left: 0;
    margin-right: 0
}

.column,.columns {
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    padding-left: .625rem;
    padding-right: .625rem;
    min-width: 0
}

@media screen and (min-width: 40em) {
    .column,.columns {
        padding-left:.9375rem;
        padding-right: .9375rem
    }
}

.column.row.row,.row.row.columns {
    float: none;
    display: block
}

.row .column.row.row,.row .row.row.columns {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0
}

.small-1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.small-offset-0 {
    margin-left: 0
}

.small-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.small-offset-1 {
    margin-left: 8.33333%
}

.small-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.small-offset-2 {
    margin-left: 16.66667%
}

.small-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.small-offset-3 {
    margin-left: 25%
}

.small-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.small-offset-4 {
    margin-left: 33.33333%
}

.small-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.small-offset-5 {
    margin-left: 41.66667%
}

.small-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.small-offset-6 {
    margin-left: 50%
}

.small-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.small-offset-7 {
    margin-left: 58.33333%
}

.small-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.small-offset-8 {
    margin-left: 66.66667%
}

.small-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.small-offset-9 {
    margin-left: 75%
}

.small-11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.small-offset-10 {
    margin-left: 83.33333%
}

.small-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.small-offset-11 {
    margin-left: 91.66667%
}

.small-up-1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.small-up-1>.column,.small-up-1>.columns {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.small-up-2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.small-up-2>.column,.small-up-2>.columns {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.small-up-3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.small-up-3>.column,.small-up-3>.columns {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.small-up-4 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.small-up-4>.column,.small-up-4>.columns {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.small-up-5 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.small-up-5>.column,.small-up-5>.columns {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

.small-up-6 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.small-up-6>.column,.small-up-6>.columns {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.small-up-7 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.small-up-7>.column,.small-up-7>.columns {
    -ms-flex: 0 0 14.28571%;
    flex: 0 0 14.28571%;
    max-width: 14.28571%
}

.small-up-8 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.small-up-8>.column,.small-up-8>.columns {
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%
}

.small-collapse>.column,.small-collapse>.columns {
    padding-left: 0;
    padding-right: 0
}

.small-uncollapse>.column,.small-uncollapse>.columns {
    padding-left: .625rem;
    padding-right: .625rem
}

@media screen and (min-width: 40em) {
    .medium-1 {
        -ms-flex:0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .medium-offset-0 {
        margin-left: 0
    }

    .medium-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .medium-offset-1 {
        margin-left: 8.33333%
    }

    .medium-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .medium-offset-2 {
        margin-left: 16.66667%
    }

    .medium-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .medium-offset-3 {
        margin-left: 25%
    }

    .medium-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .medium-offset-4 {
        margin-left: 33.33333%
    }

    .medium-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .medium-offset-5 {
        margin-left: 41.66667%
    }

    .medium-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .medium-offset-6 {
        margin-left: 50%
    }

    .medium-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .medium-offset-7 {
        margin-left: 58.33333%
    }

    .medium-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .medium-offset-8 {
        margin-left: 66.66667%
    }

    .medium-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .medium-offset-9 {
        margin-left: 75%
    }

    .medium-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .medium-offset-10 {
        margin-left: 83.33333%
    }

    .medium-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .medium-offset-11 {
        margin-left: 91.66667%
    }

    .medium-order-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .medium-order-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .medium-order-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .medium-order-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .medium-order-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .medium-order-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .medium-up-1 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .medium-up-1>.column,.medium-up-1>.columns {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .medium-up-2 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .medium-up-2>.column,.medium-up-2>.columns {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .medium-up-3 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .medium-up-3>.column,.medium-up-3>.columns {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .medium-up-4 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .medium-up-4>.column,.medium-up-4>.columns {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .medium-up-5 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .medium-up-5>.column,.medium-up-5>.columns {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .medium-up-6 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .medium-up-6>.column,.medium-up-6>.columns {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .medium-up-7 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .medium-up-7>.column,.medium-up-7>.columns {
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }

    .medium-up-8 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .medium-up-8>.column,.medium-up-8>.columns {
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media screen and (min-width: 40em) and (min-width:40em) {
    .medium-expand {
        -ms-flex:1 1 0px;
        flex: 1 1 0px
    }
}

.row.medium-unstack>.column,.row.medium-unstack>.columns {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media screen and (min-width: 40em) {
    .row.medium-unstack>.column,.row.medium-unstack>.columns {
        -ms-flex:1 1 0px;
        flex: 1 1 0px
    }
}

@media screen and (min-width: 40em) {
    .medium-collapse>.column,.medium-collapse>.columns {
        padding-left:0;
        padding-right: 0
    }

    .medium-uncollapse>.column,.medium-uncollapse>.columns {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

@media screen and (min-width: 64em) {
    .large-1 {
        -ms-flex:0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .large-offset-0 {
        margin-left: 0
    }

    .large-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .large-offset-1 {
        margin-left: 8.33333%
    }

    .large-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .large-offset-2 {
        margin-left: 16.66667%
    }

    .large-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .large-offset-3 {
        margin-left: 25%
    }

    .large-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .large-offset-4 {
        margin-left: 33.33333%
    }

    .large-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .large-offset-5 {
        margin-left: 41.66667%
    }

    .large-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .large-offset-6 {
        margin-left: 50%
    }

    .large-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .large-offset-7 {
        margin-left: 58.33333%
    }

    .large-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .large-offset-8 {
        margin-left: 66.66667%
    }

    .large-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .large-offset-9 {
        margin-left: 75%
    }

    .large-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .large-offset-10 {
        margin-left: 83.33333%
    }

    .large-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .large-offset-11 {
        margin-left: 91.66667%
    }

    .large-order-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .large-order-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .large-order-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .large-order-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .large-order-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .large-order-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .large-up-1 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .large-up-1>.column,.large-up-1>.columns {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .large-up-2 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .large-up-2>.column,.large-up-2>.columns {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .large-up-3 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .large-up-3>.column,.large-up-3>.columns {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .large-up-4 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .large-up-4>.column,.large-up-4>.columns {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .large-up-5 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .large-up-5>.column,.large-up-5>.columns {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .large-up-6 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .large-up-6>.column,.large-up-6>.columns {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .large-up-7 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .large-up-7>.column,.large-up-7>.columns {
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }

    .large-up-8 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .large-up-8>.column,.large-up-8>.columns {
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media screen and (min-width: 64em) and (min-width:64em) {
    .large-expand {
        -ms-flex:1 1 0px;
        flex: 1 1 0px
    }
}

.row.large-unstack>.column,.row.large-unstack>.columns {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media screen and (min-width: 64em) {
    .row.large-unstack>.column,.row.large-unstack>.columns {
        -ms-flex:1 1 0px;
        flex: 1 1 0px
    }
}

@media screen and (min-width: 64em) {
    .large-collapse>.column,.large-collapse>.columns {
        padding-left:0;
        padding-right: 0
    }

    .large-uncollapse>.column,.large-uncollapse>.columns {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.shrink {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%
}

.align-top.columns,.column.align-top {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.align-bottom.columns,.column.align-bottom {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.align-middle.columns,.column.align-middle {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.align-stretch.columns,.column.align-stretch {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch
}

blockquote,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,li,ol,p,pre,td,th,ul {
    margin: 0;
    padding: 0
}

p {
    font-size: inherit;
    line-height: 1.6;
    margin-bottom: 1rem;
    text-rendering: optimizeLegibility
}

em,i {
    font-style: italic
}

b,em,i,strong {
    line-height: inherit
}

b,strong {
    font-weight: 700
}

small {
    font-size: 80%;
    line-height: inherit
}

h1,h2,h3,h4,h5,h6 {
    font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Roboto,Arial,PingFang SC,Hiragino Sans GB,Microsoft Yahei,Microsoft Jhenghei,sans-serif;
    font-weight: 300;
    font-style: normal;
    color: inherit;
    text-rendering: optimizeLegibility;
    margin-top: 0;
    margin-bottom: 1.2rem;
    line-height: 1.3
}

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small {
    color: #cacaca;
    line-height: 0
}

h1 {
    font-size: 2.125rem
}

h2 {
    font-size: 1.75rem
}

h3 {
    font-size: 1.5rem
}

h4 {
    font-size: 1.25rem
}

h5 {
    font-size: 1.125rem
}

h6 {
    font-size: 1rem
}

@media screen and (min-width: 40em) {
    h1 {
        font-size:3rem
    }

    h2 {
        font-size: 2.125rem
    }

    h3 {
        font-size: 1.75rem
    }

    h4 {
        font-size: 1.5rem
    }

    h5 {
        font-size: 1.25rem
    }

    h6 {
        font-size: 1rem
    }
}

a {
    color: #14b1d1;
    text-decoration: none;
    line-height: inherit;
    cursor: pointer
}

a:focus,a:hover {
    color: #1198b4
}

a img {
    border: 0
}

hr {
    max-width: 75rem;
    height: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid #ebebeb;
    border-left: 0;
    margin: 1.25rem auto;
    clear: both
}

dl,ol,ul {
    line-height: 1.6;
    margin-bottom: 1rem;
    list-style-position: outside
}

li {
    font-size: inherit
}

ul {
    list-style-type: disc
}

ol,ul {
    margin-left: 1.25rem
}

ol ol,ol ul,ul ol,ul ul {
    margin-left: 1.25rem;
    margin-bottom: 0
}

dl {
    margin-bottom: 1rem
}

dl dt {
    margin-bottom: .3rem;
    font-weight: 700
}

blockquote {
    margin: 0 0 1rem;
    padding: .5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #cacaca
}

blockquote,blockquote p {
    line-height: 1.6;
    color: #8a8a8a
}

cite {
    display: block;
    font-size: .8125rem;
    color: #8a8a8a
}

cite:before {
    content: "\2014 \0020"
}

abbr {
    color: #212121;
    cursor: help;
    border-bottom: 1px dotted #0a0a0a
}

code {
    font-weight: 400;
    border: 1px solid #cacaca;
    padding: .125rem .3125rem .0625rem
}

code,kbd {
    font-family: Menlo,Consolas,Liberation Mono,Courier,monospace;
    color: #0a0a0a;
    background-color: #e0e0e0
}

kbd {
    padding: .125rem .25rem 0;
    margin: 0;
    border-radius: 3px
}

.subheader {
    margin-top: .2rem;
    margin-bottom: .5rem;
    font-weight: 400;
    line-height: 1.4;
    color: #8a8a8a
}

.lead {
    font-size: 125%;
    line-height: 1.6
}

.stat {
    font-size: 2.5rem;
    line-height: 1
}

p+.stat {
    margin-top: -1rem
}

.no-bullet {
    margin-left: 0;
    list-style: none
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

@media screen and (min-width: 40em) {
    .medium-text-left {
        text-align:left
    }

    .medium-text-right {
        text-align: right
    }

    .medium-text-center {
        text-align: center
    }

    .medium-text-justify {
        text-align: justify
    }
}

@media screen and (min-width: 64em) {
    .large-text-left {
        text-align:left
    }

    .large-text-right {
        text-align: right
    }

    .large-text-center {
        text-align: center
    }

    .large-text-justify {
        text-align: justify
    }
}

.show-for-print {
    display: none!important
}

@media print {
    * {
        background: transparent!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important
    }

    .show-for-print {
        display: block!important
    }

    .hide-for-print {
        display: none!important
    }

    table.show-for-print {
        display: table!important
    }

    thead.show-for-print {
        display: table-header-group!important
    }

    tbody.show-for-print {
        display: table-row-group!important
    }

    tr.show-for-print {
        display: table-row!important
    }

    td.show-for-print,th.show-for-print {
        display: table-cell!important
    }

    a,a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    .ir a:after,a[href^="#"]:after,a[href^="javascript:"]:after {
        content: ""
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    blockquote,pre {
        border: 1px solid #8a8a8a;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100%!important
    }

    @page {
        margin: .5cm
    }

    h2,h3,p {
        orphans: 3;
        widows: 3
    }

    h2,h3 {
        page-break-after: avoid
    }
}

.button {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out,color .25s ease-out;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 3px;
    padding: .75em 1.1em .65em;
    margin: 0 0 1rem;
    font-size: .875rem;
    background-color: #35c8e6;
    color: #fefefe
}

[data-whatinput=mouse] .button {
    outline: 0
}

.button:focus,.button:hover {
    background-color: #1ab6d6;
    color: #fefefe
}

.button.tiny {
    font-size: .6rem
}

.button.small {
    font-size: .75rem
}

.button.large {
    font-size: 1rem
}

.button.expanded {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0
}

.button.primary {
    background-color: #35c8e6;
    color: #fefefe
}

.button.primary:focus,.button.primary:hover {
    background-color: #19acc9;
    color: #fefefe
}

.button.secondary {
    background-color: #eee;
    color: #0a0a0a
}

.button.secondary:focus,.button.secondary:hover {
    background-color: #bebebe;
    color: #0a0a0a
}

.button.success {
    background-color: #66bb6a;
    color: #fefefe
}

.button.success:focus,.button.success:hover {
    background-color: #47a04b;
    color: #fefefe
}

.button.warning {
    background-color: #ffb300;
    color: #fefefe
}

.button.warning:focus,.button.warning:hover {
    background-color: #cc8f00;
    color: #fefefe
}

.button.alert {
    background-color: #ef5350;
    color: #0a0a0a
}

.button.alert:focus,.button.alert:hover {
    background-color: #ea1a16;
    color: #0a0a0a
}

.button.hollow {
    border: 1px solid #35c8e6;
    color: #35c8e6
}

.button.hollow,.button.hollow:focus,.button.hollow:hover {
    background-color: transparent
}

.button.hollow:focus,.button.hollow:hover {
    border-color: #106b7e;
    color: #106b7e
}

.button.hollow.primary {
    border: 1px solid #35c8e6;
    color: #35c8e6
}

.button.hollow.primary:focus,.button.hollow.primary:hover {
    border-color: #106b7e;
    color: #106b7e
}

.button.hollow.secondary {
    border: 1px solid #eee;
    color: #eee
}

.button.hollow.secondary:focus,.button.hollow.secondary:hover {
    border-color: #777;
    color: #777
}

.button.hollow.success {
    border: 1px solid #66bb6a;
    color: #66bb6a
}

.button.hollow.success:focus,.button.hollow.success:hover {
    border-color: #2c642f;
    color: #2c642f
}

.button.hollow.warning {
    border: 1px solid #ffb300;
    color: #ffb300
}

.button.hollow.warning:focus,.button.hollow.warning:hover {
    border-color: #805a00;
    color: #805a00
}

.button.hollow.alert {
    border: 1px solid #ef5350;
    color: #ef5350
}

.button.hollow.alert:focus,.button.hollow.alert:hover {
    border-color: #92100d;
    color: #92100d
}

.button.disabled,.button[disabled] {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled:focus,.button.disabled:hover,.button[disabled]:focus,.button[disabled]:hover {
    background-color: #35c8e6;
    color: #fefefe
}

.button.disabled.primary,.button[disabled].primary {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.primary:focus,.button.disabled.primary:hover,.button[disabled].primary:focus,.button[disabled].primary:hover {
    background-color: #35c8e6;
    color: #fefefe
}

.button.disabled.secondary,.button[disabled].secondary {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.secondary:focus,.button.disabled.secondary:hover,.button[disabled].secondary:focus,.button[disabled].secondary:hover {
    background-color: #eee;
    color: #fefefe
}

.button.disabled.success,.button[disabled].success {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.success:focus,.button.disabled.success:hover,.button[disabled].success:focus,.button[disabled].success:hover {
    background-color: #66bb6a;
    color: #fefefe
}

.button.disabled.warning,.button[disabled].warning {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.warning:focus,.button.disabled.warning:hover,.button[disabled].warning:focus,.button[disabled].warning:hover {
    background-color: #ffb300;
    color: #fefefe
}

.button.disabled.alert,.button[disabled].alert {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.alert:focus,.button.disabled.alert:hover,.button[disabled].alert:focus,.button[disabled].alert:hover {
    background-color: #ef5350;
    color: #fefefe
}

.button.dropdown:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: .4em inset;
    border-color: #fefefe transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    position: relative;
    top: .4em;
    float: right;
    margin-left: 1.1em;
    display: inline-block
}

.button.arrow-only:after {
    margin-left: 0;
    float: none;
    top: -.1em
}

[type=color],[type=date],[type=datetime-local],[type=datetime],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    padding: .5rem;
    border: 1px solid #cacaca;
    margin: 0 0 1rem;
    font-family: inherit;
    font-size: 1rem;
    color: #0a0a0a;
    background-color: #fefefe;
    box-shadow: none;
    border-radius: 3px;
    transition: box-shadow .5s,border-color .25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none
}

[type=color]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=datetime]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,textarea:focus {
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    outline: none;
    box-shadow: none;
    transition: box-shadow .5s,border-color .25s ease-in-out
}

textarea {
    max-width: 100%
}

textarea[rows] {
    height: auto
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #cacaca
}

input::placeholder,textarea::placeholder {
    color: #cacaca
}

input:disabled,input[readonly],textarea:disabled,textarea[readonly] {
    background-color: #e0e0e0;
    cursor: default
}

[type=button],[type=submit] {
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none
}

input[type=search] {
    box-sizing: border-box
}

[type=checkbox],[type=file],[type=radio] {
    margin: 0 0 1rem
}

[type=checkbox]+label,[type=radio]+label {
    display: inline-block;
    margin-left: .5rem;
    margin-right: 1rem;
    margin-bottom: 0;
    vertical-align: baseline
}

[type=checkbox]+label[for],[type=radio]+label[for] {
    cursor: pointer
}

label>[type=checkbox],label>[type=radio] {
    margin-right: .5rem
}

[type=file] {
    width: 100%
}

label {
    display: block;
    margin: 0;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.8;
    color: #757575
}

label.middle {
    margin: 0 0 1rem;
    padding: .5625rem 0
}

.help-text {
    margin-top: -.5rem;
    font-size: .8125rem;
    font-style: italic;
    color: #0a0a0a
}

.input-group {
    display: table;
    width: 100%;
    margin-bottom: 1rem
}

.input-group>:first-child {
    border-radius: 3px 0 0 3px
}

.input-group>:last-child>* {
    border-radius: 0 3px 3px 0
}

.input-group-button,.input-group-field,.input-group-label {
    margin: 0;
    white-space: nowrap;
    display: table-cell;
    vertical-align: middle
}

.input-group-label {
    text-align: center;
    padding: 0 1rem;
    background: #e0e0e0;
    color: #0a0a0a;
    border: 1px solid #cacaca;
    white-space: nowrap;
    width: 1%;
    height: 100%
}

.input-group-label:first-child {
    border-right: 0
}

.input-group-label:last-child {
    border-left: 0
}

.input-group-field {
    border-radius: 0;
    height: 2.5rem
}

.input-group-button {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    height: 100%;
    width: 1%
}

.input-group-button a,.input-group-button button,.input-group-button input {
    margin: 0
}

.input-group .input-group-button {
    display: table-cell
}

fieldset {
    border: 0;
    padding: 0;
    margin: 0
}

legend {
    margin-bottom: .5rem;
    max-width: 100%
}

.fieldset {
    border: 1px solid #cacaca;
    padding: 1.25rem;
    margin: 1.125rem 0
}

.fieldset legend {
    background: #fefefe;
    padding: 0 .1875rem;
    margin: 0;
    margin-left: -.1875rem
}

select {
    height: 2.4375rem;
    padding: .5rem;
    border: 1px solid #cacaca;
    margin: 0 0 1rem;
    font-size: 1rem;
    font-family: inherit;
    line-height: normal;
    color: #0a0a0a;
    background-color: #fefefe;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
    background-size: 9px 6px;
    background-position: right -1rem center;
    background-origin: content-box;
    background-repeat: no-repeat;
    padding-right: 1.5rem
}

@media screen and (min-width: 0\0) {
    select {
        background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==")
    }
}

select:disabled {
    background-color: #e0e0e0;
    cursor: default
}

select::-ms-expand {
    display: none
}

select[multiple] {
    height: auto;
    background-image: none
}

.is-invalid-input:not(:focus) {
    background-color: rgba(239,83,80,.1);
    border-color: #ef5350
}

.form-error,.is-invalid-label {
    color: #ef5350
}

.form-error {
    display: none;
    margin-top: -.5rem;
    margin-bottom: 1rem;
    font-size: .75rem;
    font-weight: 700
}

.form-error.is-visible {
    display: block
}

.accordion {
    list-style-type: none;
    background: #fefefe;
    margin-left: 0
}

.accordion-item:first-child>:first-child {
    border-radius: 3px 3px 0 0
}

.accordion-item:last-child>:last-child {
    border-radius: 0 0 3px 3px
}

.accordion-title {
    display: block;
    padding: 1.25rem 1rem;
    line-height: 1;
    font-size: .75rem;
    color: #35c8e6;
    position: relative;
    border: 1px solid #e0e0e0;
    border-bottom: 0
}

:last-child:not(.is-active)>.accordion-title {
    border-radius: 0 0 3px 3px;
    border-bottom: 1px solid #e0e0e0
}

.accordion-title:focus,.accordion-title:hover {
    background-color: #e0e0e0
}

.accordion-title:before {
    content: "+";
    position: absolute;
    right: 1rem;
    top: 50%;
    margin-top: -.5rem
}

.is-active>.accordion-title:before {
    content: "–"
}

.accordion-content {
    padding: 1rem;
    display: none;
    border: 1px solid #e0e0e0;
    border-bottom: 0;
    background-color: #fefefe;
    color: #35c8e6
}

:last-child>.accordion-content:last-child {
    border-bottom: 1px solid #e0e0e0
}

.is-accordion-submenu-parent>a {
    position: relative
}

.is-accordion-submenu-parent>a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    border-color: #35c8e6 transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 1rem
}

.is-accordion-submenu-parent[aria-expanded=true]>a:after {
    transform-origin: 50% 50%;
    transform: scaleY(-1)
}

.badge {
    display: inline-block;
    padding: .3em;
    min-width: 2.1em;
    font-size: .6rem;
    text-align: center;
    border-radius: 50%;
    background: #35c8e6;
    color: #fefefe
}

.badge.secondary {
    background: #eee;
    color: #0a0a0a
}

.badge.success {
    background: #66bb6a;
    color: #fefefe
}

.badge.warning {
    background: #ffb300;
    color: #fefefe
}

.badge.alert {
    background: #ef5350;
    color: #0a0a0a
}

.breadcrumbs {
    list-style: none;
    margin: 0 0 1rem
}

.breadcrumbs:after,.breadcrumbs:before {
    content: " ";
    display: table
}

.breadcrumbs:after {
    clear: both
}

.breadcrumbs li {
    float: left;
    color: #0a0a0a;
    font-size: .6875rem;
    cursor: default;
    text-transform: uppercase
}

.breadcrumbs li:not(:last-child):after {
    color: #cacaca;
    content: "/";
    margin: 0 .75rem;
    position: relative;
    top: 1px;
    opacity: 1
}

.breadcrumbs a {
    color: #35c8e6
}

.breadcrumbs a:hover {
    text-decoration: underline
}

.breadcrumbs .disabled {
    color: #cacaca;
    cursor: not-allowed
}

.button-group {
    margin-bottom: 1rem;
    font-size: 0
}

.button-group:after,.button-group:before {
    content: " ";
    display: table
}

.button-group:after {
    clear: both
}

.button-group .button {
    margin: 0;
    margin-right: 1px;
    margin-bottom: 1px;
    font-size: .875rem
}

.button-group .button:last-child {
    margin-right: 0
}

.button-group.tiny .button {
    font-size: .6rem
}

.button-group.small .button {
    font-size: .75rem
}

.button-group.large .button {
    font-size: 1rem
}

.button-group.expanded {
    margin-right: -1px
}

.button-group.expanded:after,.button-group.expanded:before {
    display: none
}

.button-group.expanded .button:first-child:nth-last-child(2),.button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2)~.button {
    display: inline-block;
    width: calc(50% - 1px);
    margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(2):last-child {
    margin-right: -6px
}

.button-group.expanded .button:first-child:nth-last-child(3),.button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3)~.button {
    display: inline-block;
    width: calc(33.33333% - 1px);
    margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(3):last-child {
    margin-right: -6px
}

.button-group.expanded .button:first-child:nth-last-child(4),.button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4)~.button {
    display: inline-block;
    width: calc(25% - 1px);
    margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(4):last-child {
    margin-right: -6px
}

.button-group.expanded .button:first-child:nth-last-child(5),.button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5)~.button {
    display: inline-block;
    width: calc(20% - 1px);
    margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(5):last-child {
    margin-right: -6px
}

.button-group.expanded .button:first-child:nth-last-child(6),.button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6)~.button {
    display: inline-block;
    width: calc(16.66667% - 1px);
    margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(6):last-child {
    margin-right: -6px
}

.button-group.primary .button {
    background-color: #35c8e6;
    color: #fefefe
}

.button-group.primary .button:focus,.button-group.primary .button:hover {
    background-color: #19acc9;
    color: #fefefe
}

.button-group.secondary .button {
    background-color: #eee;
    color: #0a0a0a
}

.button-group.secondary .button:focus,.button-group.secondary .button:hover {
    background-color: #bebebe;
    color: #0a0a0a
}

.button-group.success .button {
    background-color: #66bb6a;
    color: #fefefe
}

.button-group.success .button:focus,.button-group.success .button:hover {
    background-color: #47a04b;
    color: #fefefe
}

.button-group.warning .button {
    background-color: #ffb300;
    color: #fefefe
}

.button-group.warning .button:focus,.button-group.warning .button:hover {
    background-color: #cc8f00;
    color: #fefefe
}

.button-group.alert .button {
    background-color: #ef5350;
    color: #0a0a0a
}

.button-group.alert .button:focus,.button-group.alert .button:hover {
    background-color: #ea1a16;
    color: #0a0a0a
}

.button-group.stacked-for-medium .button,.button-group.stacked-for-small .button,.button-group.stacked .button {
    width: 100%
}

.button-group.stacked-for-medium .button:last-child,.button-group.stacked-for-small .button:last-child,.button-group.stacked .button:last-child {
    margin-bottom: 0
}

@media screen and (min-width: 40em) {
    .button-group.stacked-for-small .button {
        width:auto;
        margin-bottom: 0
    }
}

@media screen and (min-width: 64em) {
    .button-group.stacked-for-medium .button {
        width:auto;
        margin-bottom: 0
    }
}

@media screen and (max-width: 39.9375em) {
    .button-group.stacked-for-small.expanded {
        display:block
    }

    .button-group.stacked-for-small.expanded .button {
        display: block;
        margin-right: 0
    }
}

.callout {
    margin: 0 0 1rem;
    padding: 1rem;
    border: 1px solid hsla(0,0%,4%,.25);
    border-radius: 3px;
    position: relative;
    color: #212121;
    background-color: #fff
}

.callout>:first-child {
    margin-top: 0
}

.callout>:last-child {
    margin-bottom: 0
}

.callout.primary {
    background-color: #e1f7fb
}

.callout.secondary {
    background-color: #fcfcfc
}

.callout.success {
    background-color: #e8f5e9
}

.callout.warning {
    background-color: #fff4d9
}

.callout.alert {
    background-color: #fde5e5
}

.callout.small {
    padding: .5rem
}

.callout.large {
    padding: 3rem
}

.close-button {
    position: absolute;
    color: #8a8a8a;
    right: 1rem;
    top: .5rem;
    font-size: 2em;
    line-height: 1;
    cursor: pointer
}

[data-whatinput=mouse] .close-button {
    outline: 0
}

.close-button:focus,.close-button:hover {
    color: #0a0a0a
}

.menu {
    margin: 0;
    list-style-type: none
}

.menu>li {
    vertical-align: middle
}

[data-whatinput=mouse] .menu>li {
    outline: 0
}

.menu>li>a {
    display: block;
    padding: .7rem 1rem;
    line-height: 1
}

.menu a,.menu button,.menu input {
    margin-bottom: 0
}

.menu>li>a i,.menu>li>a i+span,.menu>li>a img,.menu>li>a img+span,.menu>li>a svg,.menu>li>a svg+span {
    vertical-align: middle
}

.menu>li>a i,.menu>li>a img,.menu>li>a svg {
    margin-right: .25rem;
    display: inline-block
}

.menu>li {
    display: table-cell
}

.menu.vertical>li {
    display: block
}

@media screen and (min-width: 40em) {
    .menu.medium-horizontal>li {
        display:table-cell
    }

    .menu.medium-vertical>li {
        display: block
    }
}

@media screen and (min-width: 64em) {
    .menu.large-horizontal>li {
        display:table-cell
    }

    .menu.large-vertical>li {
        display: block
    }
}

.menu.simple li {
    line-height: 1;
    display: inline-block;
    margin-right: 1rem
}

.menu.simple a {
    padding: 0
}

.menu.align-right:after,.menu.align-right:before {
    content: " ";
    display: table
}

.menu.align-right:after {
    clear: both
}

.menu.align-right>li {
    float: right
}

.menu.expanded {
    width: 100%;
    display: table;
    table-layout: fixed
}

.menu.expanded>li:first-child:last-child {
    width: 100%
}

.menu.icon-top>li>a {
    text-align: center
}

.menu.icon-top>li>a i,.menu.icon-top>li>a img,.menu.icon-top>li>a svg {
    display: block;
    margin: 0 auto .25rem
}

.menu.nested {
    margin-left: 1rem
}

.menu .active>a {
    color: #fefefe;
    background: #35c8e6
}

.menu-text {
    font-weight: 700;
    color: inherit;
    line-height: 1;
    padding-top: 0;
    padding-bottom: 0;
    padding: .7rem 1rem
}

.menu-centered {
    text-align: center
}

.menu-centered>.menu {
    display: inline-block
}

.no-js [data-responsive-menu] ul {
    display: none
}

.menu-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 20px;
    height: 16px
}

.menu-icon:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: #fefefe;
    top: 0;
    left: 0;
    box-shadow: 0 7px 0 #fefefe,0 14px 0 #fefefe
}

.menu-icon:hover:after {
    background: #cacaca;
    box-shadow: 0 7px 0 #cacaca,0 14px 0 #cacaca
}

.menu-icon.dark {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 20px;
    height: 16px
}

.menu-icon.dark:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: #0a0a0a;
    top: 0;
    left: 0;
    box-shadow: 0 7px 0 #0a0a0a,0 14px 0 #0a0a0a
}

.menu-icon.dark:hover:after {
    background: #8a8a8a;
    box-shadow: 0 7px 0 #8a8a8a,0 14px 0 #8a8a8a
}

.is-drilldown {
    position: relative;
    overflow: hidden
}

.is-drilldown li {
    display: block!important
}

.is-drilldown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: -1;
    width: 100%;
    background: #fefefe;
    transition: transform .15s linear
}

.is-drilldown-submenu.is-active {
    z-index: 1;
    display: block;
    transform: translateX(-100%)
}

.is-drilldown-submenu.is-closing {
    transform: translateX(100%)
}

.is-drilldown-submenu-parent>a {
    position: relative
}

.is-drilldown-submenu-parent>a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    border-color: transparent transparent transparent #35c8e6;
    border-left-style: solid;
    border-right-width: 0;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 1rem
}

.js-drilldown-back>a:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    border-color: transparent #35c8e6 transparent transparent;
    border-right-style: solid;
    border-left-width: 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: .75rem
}

.dropdown-pane {
    background-color: #fefefe;
    border: 1px solid #cacaca;
    border-radius: 3px;
    display: block;
    font-size: 1rem;
    padding: 1rem;
    position: absolute;
    visibility: hidden;
    width: 300px;
    z-index: 10
}

.dropdown-pane.is-open {
    visibility: visible
}

.dropdown-pane.tiny {
    width: 100px
}

.dropdown-pane.small {
    width: 200px
}

.dropdown-pane.large {
    width: 400px
}

.dropdown.menu>li.opens-left>.is-dropdown-submenu {
    left: auto;
    right: 0;
    top: 100%
}

.dropdown.menu>li.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 0;
    top: 100%
}

.dropdown.menu>li.is-dropdown-submenu-parent>a {
    padding-right: 1.5rem;
    position: relative
}

.dropdown.menu>li.is-dropdown-submenu-parent>a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 5px inset;
    border-color: #14b1d1 transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    right: 5px;
    margin-top: -2px
}

[data-whatinput=mouse] .dropdown.menu a {
    outline: 0
}

.no-js .dropdown.menu ul {
    display: none
}

.dropdown.menu.vertical>li .is-dropdown-submenu {
    top: 0
}

.dropdown.menu.vertical>li.opens-left>.is-dropdown-submenu {
    left: auto;
    right: 100%
}

.dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 100%
}

.dropdown.menu.vertical>li>a:after {
    right: 14px;
    margin-top: -3px
}

.dropdown.menu.vertical>li.opens-left>a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 5px inset;
    border-color: transparent #14b1d1 transparent transparent;
    border-right-style: solid;
    border-left-width: 0
}

.dropdown.menu.vertical>li.opens-right>a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 5px inset;
    border-color: transparent transparent transparent #14b1d1;
    border-left-style: solid;
    border-right-width: 0
}

@media screen and (min-width: 40em) {
    .dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu {
        left:auto;
        right: 0;
        top: 100%
    }

    .dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 0;
        top: 100%
    }

    .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a {
        padding-right: 1.5rem;
        position: relative
    }

    .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: 5px inset;
        border-color: #14b1d1 transparent transparent;
        border-top-style: solid;
        border-bottom-width: 0;
        right: 5px;
        margin-top: -2px
    }

    .dropdown.menu.medium-vertical>li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.medium-vertical>li.opens-left>.is-dropdown-submenu {
        left: auto;
        right: 100%
    }

    .dropdown.menu.medium-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.medium-vertical>li>a:after {
        right: 14px;
        margin-top: -3px
    }

    .dropdown.menu.medium-vertical>li.opens-left>a:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: 5px inset;
        border-color: transparent #14b1d1 transparent transparent;
        border-right-style: solid;
        border-left-width: 0
    }

    .dropdown.menu.medium-vertical>li.opens-right>a:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: 5px inset;
        border-color: transparent transparent transparent #14b1d1;
        border-left-style: solid;
        border-right-width: 0
    }
}

@media screen and (min-width: 64em) {
    .dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu {
        left:auto;
        right: 0;
        top: 100%
    }

    .dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 0;
        top: 100%
    }

    .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a {
        padding-right: 1.5rem;
        position: relative
    }

    .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: 5px inset;
        border-color: #14b1d1 transparent transparent;
        border-top-style: solid;
        border-bottom-width: 0;
        right: 5px;
        margin-top: -2px
    }

    .dropdown.menu.large-vertical>li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.large-vertical>li.opens-left>.is-dropdown-submenu {
        left: auto;
        right: 100%
    }

    .dropdown.menu.large-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.large-vertical>li>a:after {
        right: 14px;
        margin-top: -3px
    }

    .dropdown.menu.large-vertical>li.opens-left>a:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: 5px inset;
        border-color: transparent #14b1d1 transparent transparent;
        border-right-style: solid;
        border-left-width: 0
    }

    .dropdown.menu.large-vertical>li.opens-right>a:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: 5px inset;
        border-color: transparent transparent transparent #14b1d1;
        border-left-style: solid;
        border-right-width: 0
    }
}

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
    top: 100%;
    left: auto;
    right: 0
}

.is-dropdown-menu.vertical {
    width: 100px
}

.is-dropdown-menu.vertical.align-right {
    float: right
}

.is-dropdown-submenu-parent {
    position: relative
}

.is-dropdown-submenu-parent a:after {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -2px
}

.is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu {
    top: 100%;
    left: auto
}

.is-dropdown-submenu-parent.opens-left>.is-dropdown-submenu {
    left: auto;
    right: 100%
}

.is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 100%
}

.is-dropdown-submenu {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 200px;
    z-index: 1;
    background: #fefefe;
    border: 1px solid #cacaca
}

.is-dropdown-submenu .is-dropdown-submenu-parent>a:after {
    right: 14px;
    margin-top: -3px
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 5px inset;
    border-color: transparent #14b1d1 transparent transparent;
    border-right-style: solid;
    border-left-width: 0
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 5px inset;
    border-color: transparent transparent transparent #14b1d1;
    border-left-style: solid;
    border-right-width: 0
}

.is-dropdown-submenu .is-dropdown-submenu {
    margin-top: -1px
}

.is-dropdown-submenu>li {
    width: 100%
}

.is-dropdown-submenu.js-dropdown-active {
    display: block
}

.flex-video {
    position: relative;
    height: 0;
    padding-bottom: 75%;
    margin-bottom: 1rem;
    overflow: hidden
}

.flex-video embed,.flex-video iframe,.flex-video object,.flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.flex-video.widescreen {
    padding-bottom: 56.25%
}

.flex-video.vimeo {
    padding-top: 0
}

.label {
    display: inline-block;
    padding: .33333rem .5rem;
    font-size: .8rem;
    line-height: 1;
    white-space: nowrap;
    cursor: default;
    border-radius: 3px;
    background: #35c8e6;
    color: #fefefe
}

.label.secondary {
    background: #eee;
    color: #0a0a0a
}

.label.success {
    background: #66bb6a;
    color: #fefefe
}

.label.warning {
    background: #ffb300;
    color: #fefefe
}

.label.alert {
    background: #ef5350;
    color: #0a0a0a
}

.media-object {
    margin-bottom: 1rem;
    display: block
}

.media-object img {
    max-width: none
}

@media screen and (max-width: 39.9375em) {
    .media-object.stack-for-small .media-object-section {
        padding:0;
        padding-bottom: 1rem;
        display: block
    }

    .media-object.stack-for-small .media-object-section img {
        width: 100%
    }
}

.media-object-section {
    display: table-cell;
    vertical-align: top
}

.media-object-section:first-child {
    padding-right: 1rem
}

.media-object-section:last-child:not(:nth-child(2)) {
    padding-left: 1rem
}

.media-object-section>:last-child {
    margin-bottom: 0
}

.media-object-section.middle {
    vertical-align: middle
}

.media-object-section.bottom {
    vertical-align: bottom
}

.off-canvas-wrapper {
    width: 100%;
    overflow-x: hidden;
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: auto
}

.off-canvas-wrapper-inner {
    position: relative;
    width: 100%;
    min-height: 100%;
    transition: transform .5s ease
}

.off-canvas-wrapper-inner:after,.off-canvas-wrapper-inner:before {
    content: " ";
    display: table
}

.off-canvas-wrapper-inner:after {
    clear: both
}

.off-canvas-content {
    min-height: 100%;
    background: #fefefe;
    transition: transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    padding-bottom: .1px;
    box-shadow: 0 0 10px hsla(0,0%,4%,.5)
}

.js-off-canvas-exit {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.25);
    cursor: pointer;
    transition: background .5s ease
}

.off-canvas {
    position: absolute;
    background: #e0e0e0;
    z-index: -1;
    max-height: 100%;
    overflow-y: auto;
    transform: translateX(0)
}

[data-whatinput=mouse] .off-canvas {
    outline: 0
}

.off-canvas.position-left {
    left: -250px;
    top: 0;
    width: 250px
}

.is-open-left {
    transform: translateX(250px)
}

.off-canvas.position-right {
    right: -250px;
    top: 0;
    width: 250px
}

.is-open-right {
    transform: translateX(-250px)
}

@media screen and (min-width: 40em) {
    .position-left.reveal-for-medium {
        left:0;
        z-index: auto;
        position: fixed
    }

    .position-left.reveal-for-medium~.off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-medium {
        right: 0;
        z-index: auto;
        position: fixed
    }

    .position-right.reveal-for-medium~.off-canvas-content {
        margin-right: 250px
    }
}

@media screen and (min-width: 64em) {
    .position-left.reveal-for-large {
        left:0;
        z-index: auto;
        position: fixed
    }

    .position-left.reveal-for-large~.off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-large {
        right: 0;
        z-index: auto;
        position: fixed
    }

    .position-right.reveal-for-large~.off-canvas-content {
        margin-right: 250px
    }
}

.orbit,.orbit-container {
    position: relative
}

.orbit-container {
    margin: 0;
    overflow: hidden;
    list-style: none
}

.orbit-slide {
    width: 100%;
    max-height: 100%
}

.orbit-slide.no-motionui.is-active {
    top: 0;
    left: 0
}

.orbit-figure {
    margin: 0
}

.orbit-image {
    margin: 0;
    width: 100%;
    max-width: 100%
}

.orbit-caption {
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
    background-color: hsla(0,0%,4%,.5)
}

.orbit-caption,.orbit-next,.orbit-previous {
    position: absolute;
    padding: 1rem;
    color: #fefefe
}

.orbit-next,.orbit-previous {
    top: 50%;
    transform: translateY(-50%);
    z-index: 10
}

[data-whatinput=mouse] .orbit-next,[data-whatinput=mouse] .orbit-previous {
    outline: 0
}

.orbit-next:active,.orbit-next:focus,.orbit-next:hover,.orbit-previous:active,.orbit-previous:focus,.orbit-previous:hover {
    background-color: hsla(0,0%,4%,.5)
}

.orbit-previous {
    left: 0
}

.orbit-next {
    left: auto;
    right: 0
}

.orbit-bullets {
    position: relative;
    margin-top: .8rem;
    margin-bottom: .8rem;
    text-align: center
}

[data-whatinput=mouse] .orbit-bullets {
    outline: 0
}

.orbit-bullets button {
    width: 1.2rem;
    height: 1.2rem;
    margin: .1rem;
    background-color: #cacaca;
    border-radius: 50%
}

.orbit-bullets button.is-active,.orbit-bullets button:hover {
    background-color: #8a8a8a
}

.pagination {
    margin-left: 0;
    margin-bottom: 1rem
}

.pagination:after,.pagination:before {
    content: " ";
    display: table
}

.pagination:after {
    clear: both
}

.pagination li {
    font-size: .875rem;
    margin-right: .0625rem;
    border-radius: 3px;
    display: none
}

.pagination li:first-child,.pagination li:last-child {
    display: inline-block
}

@media screen and (min-width: 40em) {
    .pagination li {
        display:inline-block
    }
}

.pagination a,.pagination button {
    color: #0a0a0a;
    display: block;
    padding: .1875rem .625rem;
    border-radius: 3px
}

.pagination a:hover,.pagination button:hover {
    background: #e0e0e0
}

.pagination .current {
    padding: .1875rem .625rem;
    background: #35c8e6;
    color: #fefefe;
    cursor: default
}

.pagination .disabled {
    padding: .1875rem .625rem;
    color: #cacaca;
    cursor: not-allowed
}

.pagination .disabled:hover {
    background: transparent
}

.pagination .ellipsis:after {
    content: "\2026";
    padding: .1875rem .625rem;
    color: #0a0a0a
}

.pagination-previous.disabled:before,.pagination-previous a:before {
    content: "\00ab";
    display: inline-block;
    margin-right: .5rem
}

.pagination-next.disabled:after,.pagination-next a:after {
    content: "\00bb";
    display: inline-block;
    margin-left: .5rem
}

.progress {
    background-color: #cacaca;
    height: 1rem;
    margin-bottom: 1rem;
    border-radius: 3px
}

.progress.primary .progress-meter {
    background-color: #35c8e6
}

.progress.secondary .progress-meter {
    background-color: #eee
}

.progress.success .progress-meter {
    background-color: #66bb6a
}

.progress.warning .progress-meter {
    background-color: #ffb300
}

.progress.alert .progress-meter {
    background-color: #ef5350
}

.progress-meter {
    position: relative;
    display: block;
    width: 0;
    height: 100%;
    background-color: #35c8e6;
    border-radius: 3px
}

.progress-meter-text {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    margin: 0;
    font-size: .75rem;
    font-weight: 700;
    color: #fefefe;
    white-space: nowrap;
    border-radius: 3px
}

.slider {
    position: relative;
    height: .5rem;
    margin-top: 1.25rem;
    margin-bottom: 2.25rem;
    background-color: #e0e0e0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    touch-action: none
}

.slider-fill {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    max-width: 100%;
    height: .5rem;
    background-color: #cacaca;
    transition: all .2s ease-in-out
}

.slider-fill.is-dragging {
    transition: all 0s linear
}

.slider-handle {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    z-index: 1;
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    background-color: #35c8e6;
    transition: all .2s ease-in-out;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    border-radius: 3px
}

[data-whatinput=mouse] .slider-handle {
    outline: 0
}

.slider-handle:hover {
    background-color: #1ab6d6
}

.slider-handle.is-dragging {
    transition: all 0s linear
}

.slider.disabled,.slider[disabled] {
    opacity: .25;
    cursor: not-allowed
}

.slider.vertical {
    display: inline-block;
    width: .5rem;
    height: 12.5rem;
    margin: 0 1.25rem;
    transform: scaleY(-1)
}

.slider.vertical .slider-fill {
    top: 0;
    width: .5rem;
    max-height: 100%
}

.slider.vertical .slider-handle {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1.4rem;
    height: 1.4rem;
    transform: translateX(-50%)
}

.sticky-container {
    position: relative
}

.sticky {
    position: absolute;
    z-index: 0;
    transform: translateZ(0)
}

.sticky.is-stuck {
    position: fixed;
    z-index: 5
}

.sticky.is-stuck.is-at-top {
    top: 0
}

.sticky.is-stuck.is-at-bottom {
    bottom: 0
}

.sticky.is-anchored {
    position: absolute;
    left: auto;
    right: auto
}

.sticky.is-anchored.is-at-bottom {
    bottom: 0
}

body.is-reveal-open {
    overflow: hidden
}

html.is-reveal-open,html.is-reveal-open body {
    min-height: 100%;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.reveal-overlay {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1005;
    background-color: hsla(0,0%,4%,.45);
    overflow-y: scroll
}

.reveal {
    display: none;
    z-index: 1006;
    padding: 1rem;
    border: 1px solid #cacaca;
    background-color: #fefefe;
    position: relative;
    top: 100px;
    margin-left: auto;
    margin-right: auto;
    overflow-y: auto
}

[data-whatinput=mouse] .reveal {
    outline: 0
}

@media screen and (min-width: 40em) {
    .reveal {
        min-height:0
    }
}

.reveal .column,.reveal .columns {
    min-width: 0
}

.reveal>:last-child {
    margin-bottom: 0
}

@media screen and (min-width: 40em) {
    .reveal {
        width:600px;
        max-width: 75rem
    }
}

@media screen and (min-width: 40em) {
    .reveal .reveal {
        left:auto;
        right: auto;
        margin: 0 auto
    }
}

.reveal.collapse {
    padding: 0
}

@media screen and (min-width: 40em) {
    .reveal.tiny {
        width:30%;
        max-width: 75rem
    }
}

@media screen and (min-width: 40em) {
    .reveal.small {
        width:50%;
        max-width: 75rem
    }
}

@media screen and (min-width: 40em) {
    .reveal.large {
        width:90%;
        max-width: 75rem
    }
}

.reveal.full {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    max-width: none;
    margin-left: 0;
    border: 0;
    border-radius: 0
}

@media screen and (max-width: 39.9375em) {
    .reveal {
        top:0;
        left: 0;
        width: 100%;
        height: 100%;
        height: 100vh;
        min-height: 100vh;
        max-width: none;
        margin-left: 0;
        border: 0;
        border-radius: 0
    }
}

.reveal.without-overlay {
    position: fixed
}

.switch {
    height: 2rem;
    margin-bottom: 1rem;
    outline: 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fefefe;
    font-weight: 700;
    font-size: .875rem
}

.switch-input {
    opacity: 0;
    position: absolute;
    margin-bottom: 0
}

.switch-paddle {
    background: #cacaca;
    cursor: pointer;
    display: block;
    position: relative;
    width: 4rem;
    height: 2rem;
    transition: all .25s ease-out;
    border-radius: 3px;
    color: inherit;
    font-weight: inherit
}

input+.switch-paddle {
    margin: 0
}

.switch-paddle:after {
    background: #fefefe;
    content: "";
    display: block;
    position: absolute;
    height: 1.5rem;
    left: .25rem;
    top: .25rem;
    width: 1.5rem;
    transition: all .25s ease-out;
    transform: translateZ(0);
    border-radius: 3px
}

input:checked~.switch-paddle {
    background: #35c8e6
}

input:checked~.switch-paddle:after {
    left: 2.25rem
}

[data-whatinput=mouse] input:focus~.switch-paddle {
    outline: 0
}

.switch-active,.switch-inactive {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.switch-active {
    left: 8%;
    display: none
}

input:checked+label>.switch-active {
    display: block
}

.switch-inactive {
    right: 15%
}

input:checked+label>.switch-inactive {
    display: none
}

.switch.tiny {
    height: 1.5rem
}

.switch.tiny .switch-paddle {
    width: 3rem;
    height: 1.5rem;
    font-size: .625rem
}

.switch.tiny .switch-paddle:after {
    width: 1rem;
    height: 1rem
}

.switch.tiny input:checked~.switch-paddle:after {
    left: 1.75rem
}

.switch.small {
    height: 1.75rem
}

.switch.small .switch-paddle {
    width: 3.5rem;
    height: 1.75rem;
    font-size: .75rem
}

.switch.small .switch-paddle:after {
    width: 1.25rem;
    height: 1.25rem
}

.switch.small input:checked~.switch-paddle:after {
    left: 2rem
}

.switch.large {
    height: 2.5rem
}

.switch.large .switch-paddle {
    width: 5rem;
    height: 2.5rem;
    font-size: 1rem
}

.switch.large .switch-paddle:after {
    width: 2rem;
    height: 2rem
}

.switch.large input:checked~.switch-paddle:after {
    left: 2.75rem
}

table {
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 3px
}

tbody,tfoot,thead {
    border: 1px solid #f1f1f1;
    background-color: #fefefe
}

caption {
    font-weight: 700;
    padding: .5rem .625rem .625rem
}

thead {
    background: #f8f8f8
}

tfoot,thead {
    color: #212121
}

tfoot {
    background: #f1f1f1
}

tfoot tr,thead tr {
    background: transparent
}

tfoot td,tfoot th,thead td,thead th {
    padding: .5rem .625rem .625rem;
    font-weight: 700;
    text-align: left
}

tbody tr:nth-child(2n) {
    background-color: #f1f1f1
}

tbody td,tbody th {
    padding: .5rem .625rem .625rem
}

@media screen and (max-width: 63.9375em) {
    table.stack tfoot,table.stack thead {
        display:none
    }

    table.stack td,table.stack th,table.stack tr {
        display: block
    }

    table.stack td {
        border-top: 0
    }
}

table.scroll {
    display: block;
    width: 100%;
    overflow-x: auto
}

table.hover thead tr:hover {
    background-color: #f3f3f3
}

table.hover tfoot tr:hover {
    background-color: #ececec
}

table.hover tbody tr:hover {
    background-color: #f9f9f9
}

table.hover tbody tr:nth-of-type(2n):hover {
    background-color: #ececec
}

.table-scroll {
    overflow-x: auto
}

.table-scroll table {
    width: auto
}

.tabs {
    margin: 0;
    list-style-type: none;
    background: #fefefe;
    border: 1px solid #e0e0e0
}

.tabs:after,.tabs:before {
    content: " ";
    display: table
}

.tabs:after {
    clear: both
}

.tabs.vertical>li {
    width: auto;
    float: none;
    display: block
}

.tabs.simple>li>a {
    padding: 0
}

.tabs.simple>li>a:hover {
    background: transparent
}

.tabs.primary {
    background: #35c8e6
}

.tabs.primary>li>a {
    color: #fefefe
}

.tabs.primary>li>a:focus,.tabs.primary>li>a:hover {
    background: #28c5e4
}

.tabs-title {
    float: left
}

.tabs-title>a {
    display: block;
    padding: 1.25rem 1.5rem;
    line-height: 1;
    font-size: .75rem
}

.tabs-title>a:hover {
    background: #fefefe
}

.tabs-title>a:focus,.tabs-title>a[aria-selected=true] {
    background: #e0e0e0
}

.tabs-content {
    background: #fefefe;
    transition: all .5s ease;
    border: 1px solid #e0e0e0;
    border-top: 0
}

.tabs-content.vertical {
    border: 1px solid #e0e0e0;
    border-left: 0
}

.tabs-panel {
    display: none;
    padding: 1rem
}

.tabs-panel.is-active {
    display: block
}

.thumbnail {
    border: 4px solid #fefefe;
    box-shadow: 0 0 0 1px hsla(0,0%,4%,.2);
    display: inline-block;
    line-height: 0;
    max-width: 100%;
    transition: box-shadow .2s ease-out;
    border-radius: 3px;
    margin-bottom: 1rem
}

.thumbnail:focus,.thumbnail:hover {
    box-shadow: 0 0 6px 1px rgba(53,200,230,.5)
}

.title-bar {
    background: #0a0a0a;
    color: #fefefe;
    padding: .5rem
}

.title-bar:after,.title-bar:before {
    content: " ";
    display: table
}

.title-bar:after {
    clear: both
}

.title-bar .menu-icon {
    margin-left: .25rem;
    margin-right: .25rem
}

.title-bar-left {
    float: left
}

.title-bar-right {
    float: right;
    text-align: right
}

.title-bar-title {
    vertical-align: middle
}

.has-tip,.title-bar-title {
    font-weight: 700;
    display: inline-block
}

.has-tip {
    border-bottom: 1px dotted #8a8a8a;
    position: relative;
    cursor: help
}

.tooltip {
    background-color: #0a0a0a;
    color: #fefefe;
    font-size: 80%;
    padding: .75rem;
    position: absolute;
    z-index: 10;
    top: calc(100% + .6495rem);
    max-width: 10rem!important;
    border-radius: 3px
}

.tooltip:before {
    border: .75rem inset;
    border-color: transparent transparent #0a0a0a;
    border-bottom-style: solid;
    border-top-width: 0;
    bottom: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.tooltip.top:before,.tooltip:before {
    content: "";
    display: block;
    width: 0;
    height: 0
}

.tooltip.top:before {
    border: .75rem inset;
    border-color: #0a0a0a transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    top: 100%;
    bottom: auto
}

.tooltip.left:before {
    border: .75rem inset;
    border-color: transparent transparent transparent #0a0a0a;
    border-left-style: solid;
    border-right-width: 0;
    left: 100%
}

.tooltip.left:before,.tooltip.right:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    bottom: auto;
    top: 50%;
    transform: translateY(-50%)
}

.tooltip.right:before {
    border: .75rem inset;
    border-color: transparent #0a0a0a transparent transparent;
    border-right-style: solid;
    border-left-width: 0;
    left: auto;
    right: 100%
}

.top-bar {
    padding: .5rem
}

.top-bar:after,.top-bar:before {
    content: " ";
    display: table
}

.top-bar:after {
    clear: both
}

.top-bar,.top-bar ul {
    background-color: #e0e0e0
}

.top-bar input {
    max-width: 200px;
    margin-right: 1rem
}

.top-bar .input-group-field {
    width: 100%;
    margin-right: 0
}

.top-bar input.button {
    width: auto
}

.top-bar .top-bar-left,.top-bar .top-bar-right {
    width: 100%
}

@media screen and (min-width: 40em) {
    .top-bar .top-bar-left,.top-bar .top-bar-right {
        width:auto
    }
}

@media screen and (max-width: 63.9375em) {
    .top-bar.stacked-for-medium .top-bar-left,.top-bar.stacked-for-medium .top-bar-right {
        width:100%
    }
}

@media screen and (max-width: 74.9375em) {
    .top-bar.stacked-for-large .top-bar-left,.top-bar.stacked-for-large .top-bar-right {
        width:100%
    }
}

.top-bar-title {
    float: left;
    margin-right: 1rem
}

.top-bar-left {
    float: left
}

.top-bar-right {
    float: right
}

.hide {
    display: none!important
}

.invisible {
    visibility: hidden
}

@media screen and (max-width: 39.9375em) {
    .hide-for-small-only {
        display:none!important
    }
}

@media screen and (max-width: 0em),screen and (min-width:40em) {
    .show-for-small-only {
        display:none!important
    }
}

@media screen and (min-width: 40em) {
    .hide-for-medium {
        display:none!important
    }
}

@media screen and (max-width: 39.9375em) {
    .show-for-medium {
        display:none!important
    }
}

@media screen and (min-width: 40em) and (max-width:63.9375em) {
    .hide-for-medium-only {
        display:none!important
    }
}

@media screen and (max-width: 39.9375em),screen and (min-width:64em) {
    .show-for-medium-only {
        display:none!important
    }
}

@media screen and (min-width: 64em) {
    .hide-for-large {
        display:none!important
    }
}

@media screen and (max-width: 63.9375em) {
    .show-for-large {
        display:none!important
    }
}

@media screen and (min-width: 64em) and (max-width:74.9375em) {
    .hide-for-large-only {
        display:none!important
    }
}

@media screen and (max-width: 63.9375em),screen and (min-width:75em) {
    .show-for-large-only {
        display:none!important
    }
}

.show-for-sr,.show-on-focus {
    position: absolute!important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0,0,0,0)
}

.show-on-focus:active,.show-on-focus:focus {
    position: static!important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto
}

.hide-for-portrait,.show-for-landscape {
    display: block!important
}

@media screen and (orientation: landscape) {
    .hide-for-portrait,.show-for-landscape {
        display:block!important
    }
}

@media screen and (orientation: portrait) {
    .hide-for-portrait,.show-for-landscape {
        display:none!important
    }
}

.hide-for-landscape,.show-for-portrait {
    display: none!important
}

@media screen and (orientation: landscape) {
    .hide-for-landscape,.show-for-portrait {
        display:none!important
    }
}

@media screen and (orientation: portrait) {
    .hide-for-landscape,.show-for-portrait {
        display:block!important
    }
}

.align-right {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.align-center {
    -ms-flex-pack: center;
    justify-content: center
}

.align-justify {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.align-spaced {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.align-top {
    -ms-flex-align: start;
    align-items: flex-start
}

.align-self-top {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.align-bottom {
    -ms-flex-align: end;
    align-items: flex-end
}

.align-self-bottom {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.align-middle {
    -ms-flex-align: center;
    align-items: center
}

.align-self-middle {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.align-stretch {
    -ms-flex-align: stretch;
    align-items: stretch
}

.align-self-stretch {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch
}

.small-order-1 {
    -ms-flex-order: 1;
    order: 1
}

.small-order-2 {
    -ms-flex-order: 2;
    order: 2
}

.small-order-3 {
    -ms-flex-order: 3;
    order: 3
}

.small-order-4 {
    -ms-flex-order: 4;
    order: 4
}

.small-order-5 {
    -ms-flex-order: 5;
    order: 5
}

.small-order-6 {
    -ms-flex-order: 6;
    order: 6
}

@media screen and (min-width: 40em) {
    .medium-order-1 {
        -ms-flex-order:1;
        order: 1
    }

    .medium-order-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .medium-order-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .medium-order-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .medium-order-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .medium-order-6 {
        -ms-flex-order: 6;
        order: 6
    }
}

@media screen and (min-width: 64em) {
    .large-order-1 {
        -ms-flex-order:1;
        order: 1
    }

    .large-order-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .large-order-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .large-order-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .large-order-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .large-order-6 {
        -ms-flex-order: 6;
        order: 6
    }
}

.slide-in-down.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: translateY(-100%);
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-down.mui-enter.mui-enter-active {
    transform: translateY(0)
}

.slide-in-left.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: translateX(-100%);
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-left.mui-enter.mui-enter-active {
    transform: translateX(0)
}

.slide-in-up.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: translateY(100%);
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-up.mui-enter.mui-enter-active {
    transform: translateY(0)
}

.slide-in-right.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: translateX(100%);
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-right.mui-enter.mui-enter-active {
    transform: translateX(0)
}

.slide-out-down.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: translateY(0);
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-down.mui-leave.mui-leave-active {
    transform: translateY(100%)
}

.slide-out-right.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: translateX(0);
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-right.mui-leave.mui-leave-active {
    transform: translateX(100%)
}

.slide-out-up.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: translateY(0);
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-up.mui-leave.mui-leave-active {
    transform: translateY(-100%)
}

.slide-out-left.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: translateX(0);
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-left.mui-leave.mui-leave-active {
    transform: translateX(-100%)
}

.fade-in.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    opacity: 0;
    transition-property: opacity
}

.fade-in.mui-enter.mui-enter-active {
    opacity: 1
}

.fade-out.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    opacity: 1;
    transition-property: opacity
}

.fade-out.mui-leave.mui-leave-active {
    opacity: 0
}

.hinge-in-from-top.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateX(-90deg);
    transform-origin: top;
    transition-property: transform,opacity;
    opacity: 0
}

.hinge-in-from-top.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-in-from-right.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateY(-90deg);
    transform-origin: right;
    transition-property: transform,opacity;
    opacity: 0
}

.hinge-in-from-right.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-in-from-bottom.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateX(90deg);
    transform-origin: bottom;
    transition-property: transform,opacity;
    opacity: 0
}

.hinge-in-from-bottom.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-in-from-left.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateY(90deg);
    transform-origin: left;
    transition-property: transform,opacity;
    opacity: 0
}

.hinge-in-from-left.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-in-from-middle-x.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateX(-90deg);
    transform-origin: center;
    transition-property: transform,opacity;
    opacity: 0
}

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-in-from-middle-y.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateY(-90deg);
    transform-origin: center;
    transition-property: transform,opacity;
    opacity: 0
}

.hinge-in-from-middle-y.mui-enter.mui-enter-active,.hinge-out-from-top.mui-leave {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-out-from-top.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform-origin: top;
    transition-property: transform,opacity
}

.hinge-out-from-top.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0
}

.hinge-out-from-right.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: right;
    transition-property: transform,opacity;
    opacity: 1
}

.hinge-out-from-right.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0
}

.hinge-out-from-bottom.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: bottom;
    transition-property: transform,opacity;
    opacity: 1
}

.hinge-out-from-bottom.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateX(90deg);
    opacity: 0
}

.hinge-out-from-left.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: left;
    transition-property: transform,opacity;
    opacity: 1
}

.hinge-out-from-left.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0
}

.hinge-out-from-middle-x.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: center;
    transition-property: transform,opacity;
    opacity: 1
}

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0
}

.hinge-out-from-middle-y.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: center;
    transition-property: transform,opacity;
    opacity: 1
}

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0
}

.scale-in-up.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: scale(.5);
    transition-property: transform,opacity;
    opacity: 0
}

.scale-in-up.mui-enter.mui-enter-active {
    transform: scale(1);
    opacity: 1
}

.scale-in-down.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: scale(1.5);
    transition-property: transform,opacity;
    opacity: 0
}

.scale-in-down.mui-enter.mui-enter-active,.scale-out-up.mui-leave {
    transform: scale(1);
    opacity: 1
}

.scale-out-up.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-property: transform,opacity
}

.scale-out-up.mui-leave.mui-leave-active {
    transform: scale(1.5);
    opacity: 0
}

.scale-out-down.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: scale(1);
    transition-property: transform,opacity;
    opacity: 1
}

.scale-out-down.mui-leave.mui-leave-active {
    transform: scale(.5);
    opacity: 0
}

.spin-in.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: rotate(-270deg);
    transition-property: transform,opacity;
    opacity: 0
}

.spin-in.mui-enter.mui-enter-active,.spin-out.mui-leave {
    transform: rotate(0);
    opacity: 1
}

.spin-out.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-property: transform,opacity
}

.spin-in-ccw.mui-enter,.spin-out.mui-leave.mui-leave-active {
    transform: rotate(270deg);
    opacity: 0
}

.spin-in-ccw.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-property: transform,opacity
}

.spin-in-ccw.mui-enter.mui-enter-active,.spin-out-ccw.mui-leave {
    transform: rotate(0);
    opacity: 1
}

.spin-out-ccw.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-property: transform,opacity
}

.spin-out-ccw.mui-leave.mui-leave-active {
    transform: rotate(-270deg);
    opacity: 0
}

.slow {
    transition-duration: .75s!important
}

.fast {
    transition-duration: .25s!important
}

.linear {
    transition-timing-function: linear!important
}

.ease {
    transition-timing-function: ease!important
}

.ease-in {
    transition-timing-function: ease-in!important
}

.ease-out {
    transition-timing-function: ease-out!important
}

.ease-in-out {
    transition-timing-function: ease-in-out!important
}

.bounce-in {
    transition-timing-function: cubic-bezier(.485,.155,.24,1.245)!important
}

.bounce-out {
    transition-timing-function: cubic-bezier(.485,.155,.515,.845)!important
}

.bounce-in-out {
    transition-timing-function: cubic-bezier(.76,-.245,.24,1.245)!important
}

.short-delay {
    transition-delay: .3s!important
}

.long-delay {
    transition-delay: .7s!important
}

.shake {
    animation-name: a
}

@keyframes a {
    0%,10%,20%,30%,40%,50%,60%,70%,80%,90% {
        transform: translateX(7%)
    }

    5%,15%,25%,35%,45%,55%,65%,75%,85%,95% {
        transform: translateX(-7%)
    }
}

.spin-ccw,.spin-cw {
    animation-name: b
}

@keyframes b {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.wiggle {
    animation-name: c
}

@keyframes c {
    40%,50%,60% {
        transform: rotate(7deg)
    }

    35%,45%,55%,65% {
        transform: rotate(-7deg)
    }

    0%,30%,70%,to {
        transform: rotate(0)
    }
}

.shake,.spin-ccw,.spin-cw,.wiggle {
    animation-duration: .5s
}

.infinite {
    animation-iteration-count: infinite
}

.slow {
    animation-duration: .75s!important
}

.fast {
    animation-duration: .25s!important
}

.linear {
    animation-timing-function: linear!important
}

.ease {
    animation-timing-function: ease!important
}

.ease-in {
    animation-timing-function: ease-in!important
}

.ease-out {
    animation-timing-function: ease-out!important
}

.ease-in-out {
    animation-timing-function: ease-in-out!important
}

.bounce-in {
    animation-timing-function: cubic-bezier(.485,.155,.24,1.245)!important
}

.bounce-out {
    animation-timing-function: cubic-bezier(.485,.155,.515,.845)!important
}

.bounce-in-out {
    animation-timing-function: cubic-bezier(.76,-.245,.24,1.245)!important
}

.short-delay {
    animation-delay: .3s!important
}

.long-delay {
    animation-delay: .7s!important
}

.driver-line {
    width: 100%;
    height: 1px;
    background-color: rgba(0,0,0,.08)
}

.vertically-middle__by_position {
    position: relative
}

.vertically-middle__by_position>div {
    position: absolute;
    transform: translateY(-50%);
    top: 50%
}

.gray-desc {
    opacity: .7
}

@media screen and (min-width: 40em) {
    h1,h2 {
        font-weight:300
    }
}

h1 .punctuation,h2 .punctuation,h3 .punctuation,h4 .punctuation,h5 .punctuation,h6 .punctuation {
    letter-spacing: -.5em
}

h6 {
    font-weight: 500
}

h1 {
    letter-spacing: -.012em
}

h2,h3 {
    letter-spacing: -.008em
}

h6 {
    letter-spacing: .012em
}

h6.caps {
    text-transform: uppercase;
    font-size: .875rem;
    letter-spacing: .03em
}

span.anchor:after {
    font-family: icomoon!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    margin-left: .2em;
    content: "\e909"
}

a.anchor:hover,a.external:hover,a.underline:hover {
    text-decoration: underline
}

a.anchor:after,a.external:after {
    font-family: icomoon!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    margin-left: .2em
}

a.anchor:after {
    content: "\e909"
}

a.external:after {
    content: "\e907"
}

a.icon {
    color: #cacaca;
    text-decoration: none
}

a.icon:hover {
    background: none;
    color: #14b1d1
}

a.invert {
    color: #cacaca
}

p.small {
    font-size: .875rem
}

p.xsmall {
    font-size: .75rem
}

p em {
    font-weight: 600;
    font-style: normal
}

.text-markup,p.gray {
    color: #9e9e9e
}

.text-markup {
    font-size: .8125rem;
    letter-spacing: 0;
    line-height: 1.41;
    padding-bottom: 3rem;
    padding-right: 2rem
}

.text-markup:before {
    content: " ";
    width: 30px;
    height: 1px;
    background: #e0e0e0;
    display: block;
    margin-bottom: 2em
}

@media screen and (max-width: 39.9375em) {
    .text-markup {
        text-align:center;
        padding-left: 2rem;
        padding-top: 2rem
    }

    .text-markup:before {
        margin: 0 auto;
        margin-bottom: 2em
    }
}

@keyframes d {
    0% {
        transform: translateY(-8px)
    }

    to {
        transform: translateY(8px)
    }
}

@keyframes e {
    0% {
        transform: translateY(1em)
    }

    to {
        transform: translateY(-1em)
    }
}

@keyframes f {
    0% {
        transform: translateY(-5em)
    }

    to {
        transform: translateY(5em)
    }
}

@keyframes g {
    0% {
        transform: translateY(-3em)
    }

    to {
        transform: translateY(3em)
    }
}

@keyframes h {
    0% {
        opacity: 0;
        transform: scale(0)
    }

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

    to {
        opacity: 0;
        transform: scale(1);
        visibility: hidden
    }
}

@keyframes i {
    0% {
        opacity: 0;
        transform: translateY(155px);
        transform-origin: bottom
    }

    to {
        opacity: 1;
        transform: translateY(125px)
    }
}

@keyframes j {
    0% {
        opacity: 0;
        transform: translateY(-20px);
        transform-origin: top left
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes k {
    0% {
        opacity: 0;
        transform: translateY(155px) translateX(2em);
        transform-origin: bottom
    }

    50% {
        opacity: 1;
        transform: translateY(0) translateX(2em)
    }

    70% {
        opacity: 1;
        transform: translateY(0) translateX(2em)
    }

    to {
        opacity: 0;
        visibility: hidden
    }
}

@keyframes l {
    0% {
        opacity: 0;
        transform: translateY(20em) translateX(2em);
        transform-origin: top left
    }

    to {
        opacity: 1;
        transform: translateY(20em) translateX(0)
    }
}

@keyframes m {
    0% {
        opacity: 0;
        transform: translateY(12em) rotateX(45deg)
    }

    to {
        opacity: 1;
        transform: translateY(10em) rotateX(0deg)
    }
}

@keyframes n {
    0% {
        transform: translateY(0) translateX(.5em)
    }

    to {
        transform: translateY(-25em) translateX(.5em)
    }
}

@keyframes o {
    0% {
        height: 15em
    }

    to {
        height: 0
    }
}

[class*=cubic-easeinout] {
    transition: transform cubic-bezier(.19,1,.22,1),opacity cubic-bezier(.19,1,.22,1),background-color cubic-bezier(.19,1,.22,1)
}

[class*="--snap"] {
    transition-duration: .75s,.75s,.75s
}

[class*="--fast"] {
    transition-duration: 1s,1s,1s
}

[class*="--quick"] {
    transition-duration: 1.35s,1.35s,1.35s
}

[class*="--medium"] {
    transition-duration: 1.75s,1.75s,1.75s
}

[class*="--modal"] {
    transition-duration: 1.5s,.35s,.35s
}

[class*="--slow-2500ms"] {
    transition-duration: 2.5s,2.5s,2.5s
}

[class*="--slow-4s"] {
    transition-duration: 4s,4s,4s
}

.delay-075s {
    transition-delay: 75ms
}

.button {
    transition: all .4s cubic-bezier(.19,1,.22,1)
}

.text-mask-reveal {
    transform: translate(0) translateZ(0)!important
}

.text-mask-hidden-left {
    transform: translateX(-100%)
}

.cube {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 40vw;
    height: 40vw;
    -webkit-user-select: none;
    -webkit-touch-callout: none
}

.cube.bottom-right {
    top: auto;
    left: auto;
    bottom: 15%;
    right: -5%
}

.cube.bottom-right .side {
    border: 2px solid hsla(0,0%,100%,.1)
}

.cube .inner {
    position: relative;
    width: 40vw;
    height: 40vw;
    transform: translateZ(0);
    transform-style: preserve-3d
}

.cube .side {
    position: absolute;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.05);
    border: 2px solid hsla(0,0%,100%,.15);
    opacity: 0
}

.cube .side--1 {
    transform: translateZ(20vw);
    animation: q 3s ease-in-out forwards
}

.cube .side--2 {
    transform: rotateY(180deg) translateZ(40vw);
    animation: r 3s ease-in-out forwards;
    animation-delay: .3s
}

.cube .side--3 {
    transform: rotateY(90deg) translateZ(20vw);
    animation: s 3s ease-in-out forwards;
    animation-delay: .6s
}

.cube .side--4 {
    transform: rotateY(-90deg) translateZ(20vw);
    animation: t 3s ease-in-out forwards;
    animation-delay: .9s
}

.cube .side--5 {
    transform: rotateX(90deg) translateZ(20vw);
    animation: u 3s ease-in-out forwards;
    animation-delay: 1.2s
}

.cube .side--6 {
    transform: rotateX(-90deg) translateZ(20vw);
    animation: v 3s ease-in-out forwards;
    animation-delay: 1.5s
}

.cube.nofill .side {
    background: none
}

.cube {
    transition: transform 15s
}

.cube .inner {
    animation: p 20s linear infinite
}

.cube.start {
    transform: scale(.2);
    transition: transform 5s
}

@keyframes p {
    0% {
        transform: rotateX(0deg) rotateY(0deg)
    }

    to {
        transform: rotateX(1turn) rotateY(1turn)
    }
}

@keyframes q {
    0% {
        transform: translateZ(160vw)
    }

    to {
        transform: translateZ(20vw);
        opacity: 1
    }
}

@keyframes r {
    0% {
        transform: rotateY(0deg) translateZ(160vw)
    }

    to {
        transform: rotateY(180deg) translateZ(20vw);
        opacity: .9
    }
}

@keyframes s {
    0% {
        transform: rotateY(0deg) translateZ(160vw)
    }

    to {
        transform: rotateY(90deg) translateZ(20vw);
        opacity: .8
    }
}

@keyframes t {
    0% {
        transform: rotateY(0deg) translateZ(160vw)
    }

    to {
        transform: rotateY(-90deg) translateZ(20vw);
        opacity: .7
    }
}

@keyframes u {
    0% {
        transform: rotateX(0deg) translateZ(160vw)
    }

    to {
        transform: rotateX(90deg) translateZ(20vw);
        opacity: .6
    }
}

@keyframes v {
    0% {
        transform: rotateX(0deg) translateZ(160vw)
    }

    to {
        transform: rotateX(-90deg) translateZ(20vw);
        opacity: .5
    }
}

@keyframes w {
    0% {
        opacity: 0;
        transform: scale(0)
    }

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

    80% {
        transform: scale(1);
        opacity: .6
    }

    to {
        opacity: 0
    }
}

@keyframes x {
    0% {
        opacity: 0
    }

    to {
        opacity: .6
    }
}

@keyframes y {
    0% {
        opacity: 0;
        transform: translateY(15%)
    }

    15% {
        opacity: 1;
        transform: translateY(0)
    }

    85% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        transform: translateY(5%);
        opacity: 0
    }
}

@keyframes z {
    0% {
        background-color: #f66869
    }

    to {
        background-color: #e23233
    }
}

@keyframes A {
    0% {
        opacity: 0;
        transform: translateY(-5%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.button {
    font-weight: 500;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.button.secondary {
    color: #000;
    border: 1px solid #ccc
}

.button.secondary:hover {
    color: #000
}

.button.hollow {
    border: 1px solid #bdbdbd;
    border-radius: 3px;
    background: none;
    color: #575757
}

.button.hollow:hover {
    border-color: #bdbdbd;
    color: #1198b4
}

.button.invert {
    color: #000;
    background: #f4f4f4;
    text-shadow: none
}

.button.invert:hover {
    opacity: .7
}

.button.invert.secondary {
    background: none;
    border: 1px solid #f4f4f4;
    color: #f4f4f4
}

.button.tiny {
    text-transform: uppercase;
    font-weight: 600
}

.button.white {
    background: #fff;
    color: #c7152d
}

.button.white:hover {
    box-shadow: 0 10px 10px HSLA(0,0,100%,.2)!important
}

.button.green {
    background: #66bb6a
}

.button.green:hover {
    box-shadow: 0 10px 10px HSLA(123,38%,57%,.2)!important
}

.button.cyan {
    background: #3fad86
}

.button.cyan:hover {
    box-shadow: 0 10px 10px rgba(63,173,134,.2)!important
}

.button.red {
    background: #f66869
}

.button.red:hover {
    box-shadow: 0 10px 10px HSLA(360,89%,69%,.2)!important
}

.button.cta {
    border-radius: 10em;
    text-transform: uppercase;
    letter-spacing: .022em;
    transition: all .2s ease;
    margin: 0 .2em
}

.button.cta:hover {
    box-shadow: 0 10px 10px rgba(0,189,229,.2);
    transform: translateY(-1px)
}

.button.cta.nohover {
    box-shadow: none;
    transform: none
}

.button.cta:active {
    box-shadow: 0 4px 5px rgba(0,189,229,.2);
    transform: translateY(1px)
}

.button.cta.hollow {
    border-radius: 10em;
    text-transform: none;
    background: transparent;
    border: 1px solid #14b1d1;
    color: #14b1d1
}

.button.cta.hollow.white {
    color: #fefefe;
    border: 1px solid #fefefe
}

.button.cta.hollow:hover {
    background-color: #14b1d1;
    border-color: #14b1d1;
    color: #fff
}

.top-bar {
    width: 100%;
    padding: .5rem 0!important
}

.top-bar,.top-bar ul {
    background: transparent
}

.top-bar ul li a {
    font-size: .875rem;
    color: rgba(0,0,0,.6);
    transition: color .2s ease;
    padding: .7rem
}

.top-bar ul li a:hover {
    color: #1198b4
}

.top-bar ul li a img {
    width: 24px;
    height: 24px;
    margin-right: 14px
}

.top-bar ul .submenu {
    padding: 9px;
    background: #fefefe;
    border-radius: 3px;
    border: 1px solid #eee;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.05)
}

.top-bar .cta.hollow {
    padding: .5em .8em .4em;
    font-size: .875rem;
    font-weight: 400
}

.dropdown.menu>li.is-dropdown-submenu-parent a {
    white-space: nowrap
}

.dropdown.menu>li.is-dropdown-submenu-parent>a:after {
    content: "v";
    font-family: icomoon!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    border: none;
    width: auto;
    top: 35%;
	color:#14b1d1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.top-bar-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    padding: 1em 0
}

.top-bar-wrapper.index-with-activity {
    top: auto
}

@media screen and (min-width: 40em) {
    .top-bar-wrapper.is-fixed {
        position:fixed;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        box-shadow: 0 0 0 transparent;
        background: hsla(0,0%,100%,0)
    }
}

.top-bar-wrapper.fixed {
    background: hsla(0,0%,100%,.95);
    padding: .1em 0;
    box-shadow: 0 2px 30px rgba(0,0,0,.05)
}

.top-bar-left .big a {
    font-size: 1rem
}

.countdown-logo,.top-bar__logo {
    background: url(../img/logo-black.svg) 0 no-repeat;
    height: 16px;
    width: 120px;
    padding: 1.1rem 1rem
}

.tabs {
    border-radius: 3px 3px 0 0
}

.tabs .tabs-title a {
    background-color: transparent;
    font-weight: 500;
    color: #616161;
    font-size: .875rem;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px
}

.tabs .tabs-title.is-active a {
    color: #0a0a0a;
    border-bottom: 2px solid #35c8e6
}

.tabs-content {
    border-radius: 0 0 3px 3px
}

.nav.block-grid {
    background: #fafafa
}

.nav.block-grid.no-border ul li {
    border: none
}

.nav.block-grid ul {
    width: 100%;
    text-align: center;
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.nav.block-grid ul li {
    list-style: none;
    width: 33%;
    display: -ms-flexbox;
    display: flex;
    border-right: 1px solid #eee
}

@media screen and (max-width: 39.9375em) {
    .nav.block-grid ul li {
        width:100%;
        border: none;
        border-bottom: 1px solid #eee
    }
}

.nav.block-grid ul li>a {
    padding: 2em;
    padding-bottom: 2.5em;
    width: 100%;
    display: block;
    transition: background .2s ease;
    height: inherit;
    position: relative
}

@media screen and (max-width: 39.9375em) {
    .nav.block-grid ul li>a {
        padding:2em 1em
    }
}

.nav.block-grid ul li>a h5 {
    font-size: 1rem;
    color: #0a0a0a;
    margin-bottom: 8px
}

.nav.block-grid ul li>a span {
    display: block;
    font-size: .875rem
}

.nav.block-grid ul li>a span.description {
    color: #0a0a0a;
    line-height: 1.4;
    margin-bottom: 3em
}

.nav.block-grid ul li>a span.anchor {
    position: absolute;
    bottom: 2.5em;
    width: 100%;
    text-align: center;
    left: .2em
}

.nav.block-grid ul li>a:hover {
    background-color: #f2f2f2
}

.nav.block-grid ul li>a:hover .anchor {
    text-decoration: underline
}

.nav.block-grid ul li:last-child {
    border: none
}

.nav-block-grid__icon {
    height: 80px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 8px
}

.subnav-container {
    background: #f0f0f0;
    height: 50px;
    z-index: 99!important;
    transition: all .2s ease
}

.subnav-container.dark-mode.is-stuck {
    background: HSL(300,14%,1%)
}

.subnav-container.dark-mode.is-stuck .subnav-bar li a {
    color: hsla(0,0%,100%,.4)
}

.subnav-container.dark-mode.is-stuck .subnav-bar li a.active {
    color: hsla(0,0%,100%,.85)
}

.subnav-container.dark-mode.is-stuck .button.hollow {
    color: #fefefe
}

.subnav-container.is-stuck {
    background: #fcfcfc;
    box-shadow: 0 2px 4px rgba(0,0,0,.05)
}

.subnav-container .button.cta {
    color: #fefefe;
    font-weight: 500
}

.subnav-container .subnav-bar {
    opacity: 0;
    transition: opacity .2s ease
}

.subnav-container.is-stuck .subnav-bar {
    opacity: 1
}

.float-right {
    float: right
}

.subnav-bar li a {
    padding: 1rem 1.2rem;
    color: #bdbdbd;
    text-transform: uppercase;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.125rem;
    letter-spacing: .012rem
}

.subnav-bar li a:hover {
    color: #1198b4
}

.subnav-bar li a.active {
    color: #0a0a0a
}

.subnav-bar ul.menu.left li:first-child a {
    padding-left: 0
}

.subnav-bar .button {
    padding: .3rem 1rem;
    margin-top: .6rem
}

.subnav-bar .button.hollow {
    border-color: transparent;
    border-radius: 50px
}

.side-bar {
    font-size: .875rem;
    font-weight: 500
}

.side-bar ul.menu li {
    margin-bottom: .5em
}

.side-bar a {
    color: #0a0a0a;
    border-radius: 3px;
    transition: background-color .2s ease
}

.side-bar a:hover {
    background-color: #f5f5f5
}

.side-bar a span.description {
    display: block;
    color: #757575;
    font-size: .75rem;
    margin-top: .12em
}

.side-bar a.active {
    background-color: #e0e0e0;
    color: #0a0a0a
}

.side-bar a.active span.description {
    color: #0a0a0a
}

.accordion .accordion-content,.accordion .accordion-title {
    border: 1px solid transparent;
    border-bottom-color: #e0e0e0
}

.accordion .accordion-title {
    padding-left: 0;
    padding-right: 2rem;
    line-height: 1.5
}

.accordion .accordion-title:focus,.accordion .accordion-title:hover {
    background-color: inherit
}

.accordion .accordion-content {
    color: currentColor;
    padding-left: 0
}

.title-bar {
    background: transparent;
    width: 100%;
    color: #212121
}

.title-bar .countdown-logo,.title-bar .top-bar__logo {
    padding: 0
}

.title-bar--active .countdown-logo,.title-bar--active .top-bar__logo {
    background-image: url(../img/logo-white.svg)
}

body.no-scrolling {
    overflow: hidden;
    position: fixed;
    width: 100%
}

.menu-icon {
    float: right
}

.title-bar__toggle {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    float: right;
    width: 22px;
    height: 25px;
    cursor: pointer;
    z-index: 1
}

.title-bar__toggle span {
    transition: all .25s ease;
    transform-origin: 50% 50%;
    display: block;
    margin: 4px 0;
    height: 3px;
    background: #22222a
}

.is-resizing .title-bar__toggle span {
    transition: none
}

.title-bar__toggle span:nth-child(3) {
    margin-top: -7px
}

.title-bar--active .title-bar__toggle span {
    background: #fff
}

.title-bar--active .title-bar__toggle span:first-child {
    transform: scale(0) translateY(7px)
}

.title-bar--active .title-bar__toggle span:nth-child(2) {
    transform: rotate(45deg)
}

.title-bar--active .title-bar__toggle span:nth-child(3) {
    transform: rotate(-45deg)
}

.title-bar--active .title-bar__toggle span:nth-child(4) {
    transform: scale(0) translateY(-7px)
}

.mobile-nav {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 98;
    padding-top: 4em;
    padding-bottom: 2em;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    background-color: rgba(0,0,0,.9);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transform: translateY(-2em);
    opacity: 0;
    display: none;
    transition: all .2s ease;
    font-size: 1rem
}

.mobile-nav dl {
    margin-bottom: 0
}

.mobile-nav.show {
    opacity: 1;
    display: block;
    transform: translateY(0)
}

.mobile-nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.mobile-nav ul li.divider {
    border-bottom: 1px solid hsla(0,0%,100%,.2)
}

.mobile-nav ul li a {
    display: block;
    color: hsla(0,0%,100%,.8);
    transition: color .2s ease;
    padding: .7rem 1rem;
    font-weight: 300
}

.mobile-nav ul li a:hover {
    color: #fff;
    background-color: hsla(0,0%,100%,.2)
}

.mobile-nav ul dd>a {
    padding: .4rem 1.2rem
}

.ui-mask {
    background-color: rgba(0,0,0,.5);
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 2;
    position: fixed;
    display: none;
    transition: all .5s
}

.ui-mask.show {
    display: block
}

.callout {
    border: 1px solid #e0e0e0
}

.callout h6 {
    font-size: .875rem;
    margin-bottom: .35em
}

.callout p.small,.callout p.xsmall {
    line-height: 1.2
}

.callout.fill {
    border: none;
    background: #f5f5f5
}

.stat-number {
    font-weight: 300
}

.stat-number h1 {
    font-weight: 200;
    font-size: 4.25rem;
    margin-bottom: -.2em
}

.stat-number h1 span.small {
    font-size: 30%;
    font-weight: 400
}

.reveal {
    background: #fff;
    border: 1px solid rgba(0,0,0,.3);
    box-shadow: 0 12px 15px 0 rgba(0,0,0,.05);
    border-radius: 3px
}

.reveal-overlay {
    background-color: rgba(0,0,0,.24)
}

.code {
    background: #fff;
    padding: 16px;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px #e0e0e0,inset 49px 0 0 #fafafa,inset 50px 0 0 #e8e8eb;
    margin-bottom: 1.2rem
}

.code pre {
    counter-reset: a
}

.code pre div {
    font-family: Menlo,Consolas,Liberation Mono,Courier,monospace;
    font-size: .75rem;
    width: 100%
}

.code pre div:before {
    font-size: .625rem;
    font-weight: 400;
    position: relative;
    top: 2px;
    float: left;
    width: 12px;
    margin-right: 40px;
    content: counter(a);
    counter-increment: a;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    text-align: right;
    color: #bdbdbd
}

ul.menu li a {
    transition: color .2s ease,border-color .2s ease
}

table tfoot,table thead {
    background: transparent;
    border-left: none;
    border-right: none
}

table tfoot tr,table thead tr {
    border-bottom: 1px solid #bdbdbd
}

table tbody,table tfoot,table thead {
    border: none;
    background-color: transparent
}

table tbody tr {
    border-bottom: 1px solid #e0e0e0
}

table tbody tr:nth-child(2n) {
    background: transparent
}

table tbody td,table tbody th {
    padding: 1rem 1rem 1.225rem
}

table tfoot td,table tfoot th,table thead td,table thead th {
    padding: .625rem 1rem .825rem
}

@media screen and (max-width: 39.9375em) {
    table tbody tr {
        padding:2em 0 1.5em
    }

    table tbody tr:first-child {
        border-top: 1px solid #e0e0e0
    }

    table tbody tr td:first-child {
        font-weight: 600
    }
}

.pricing-table {
    text-align: left
}

.pricing-table td h3 {
    text-align: left;
    margin-bottom: 0
}

.pricing-table td h3 .small {
    font-size: 1rem;
    font-weight: 400;
    padding-left: .2em
}

.news {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin: 0
}

.news a,.news h1,.news h2,.news h3,.news h4,.news h5,.news h6,.news p {
    margin-bottom: 0
}

@media screen and (max-width: 39.9375em) {
    .news a,.news h1,.news h2,.news h3,.news h4,.news h5,.news h6,.news p {
        margin:.5em 0 0
    }
}

.news.ld-content>.row {
    padding: 1em 0
}

.list--style-none {
    list-style: none;
    margin: 0
}

.noselect,.scene-viewes .scene,ul.device-wall li,ul.device-wall li .device {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.countdown,.fullscreen {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden
}

.hero.countdown,.hero.fullscreen {
    padding: 0
}

footer {
    width: 100%;
    padding: 60px 0 10px;
    background: #f7f7f7;
    box-shadow: inset 0 1px 0 0 rgba(0,0,0,.03)
}

footer ul.row {
    width: 75%;
    margin: 0 auto 50px;
    list-style: none
}

footer ul.row li {
    list-style: none;
    margin-bottom: 30px
}

footer ul.row li a {
    font-size: 14px;
    line-height: 22px;
    color: #606060
}

footer ul.row dt {
    margin-bottom: 14px;
    color: #202020;
    font-weight: 400
}

footer ul.row .phone,footer ul.row dt {
    font-size: 18px;
    line-height: 28px
}

footer ul.row .time {
    margin-bottom: 33px;
    font-size: 14px;
    color: #606060;
    line-height: 22px
}

footer ul.row .weixin {
    position: relative
}

footer ul.row .weixin .we-ico {
    width: 22px;
    height: 22px
}

footer ul.row .weixin .we-qr {
    position: absolute;
    left: -3.125rem;
    top: -7.75rem;
    display: none;
    width: 7.625rem;
    height: 8.0625rem
}

footer ul.row .weixin a:hover+.we-qr {
    display: inline-block
}

footer .beian {
    width: 80%;
    margin: 0 auto;
    color: #606060;
    font-size: 12px
}

footer .beian a {
    color: #606060
}

footer .beian p:last-child {
    text-align: right
}

@media screen and (max-width: 414px) {
    footer ul.row {
        margin-bottom:50px
    }

    footer ul.row li:nth-child(2n) {
        padding-left: 20%
    }

    footer .beian p:last-child {
        text-align: left
    }
}

.footer__language-switcher {
    position: relative;
    width: 25px;
    height: 16px;
    cursor: pointer;
    float: right;
    margin-top: 5px;
    transition: transform .2s ease
}

.footer__language-switcher .lang {
    color: #616161;
    border: 1px solid #616161;
    border-radius: 2px;
    width: 16px;
    height: 16px;
    position: absolute;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    background: #fafafa
}

.footer__language-switcher .lang.han {
    top: -2px;
    left: -2px;
    font-size: 11px;
    font-weight: 600
}

.footer__language-switcher .lang.en,.footer__language-switcher .lang.han {
    padding-left: 1px;
    transition: top .2s ease-out,left .2s ease-in,background .2s ease,color .2s ease
}

.footer__language-switcher .lang.en {
    top: 2px;
    left: 11px;
    font-weight: 500
}

.footer__language-switcher:hover .lang.han {
    top: 2px;
    left: 11px;
    border-color: #616161;
    color: #fafafa;
    background: #616161
}

.footer__language-switcher:hover .lang.en {
    top: -2px;
    left: -2px
}

.footer__language-switcher:active {
    transform: scale(.95)
}

.ld-content>.row {
    padding: 4rem 0
}

@media screen and (max-width: 39.9375em) {
    .ld-content>.row {
        padding:2rem 0
    }
}

.ld-content p:last-child {
    margin-bottom: 0
}

.ld-content p.gray {
    color: rgba(0,0,0,.4)
}

.ld-content dl dt {
    margin-top: 1em
}

.ld-content--center,.ld-content--center h3,.ld-content--center img,.ld-content--center p {
    text-align: center
}

.ld-content--no-overflow,.ld-content--no-padding {
    width: 100%;
    overflow: hidden
}

.ld-content--no-padding>.row {
    padding: 0
}

@media screen and (max-width: 39.9375em) {
    .ld-content--no-padding .ld-content__body {
        padding:4rem 2em 0
    }
}

.ld-content--no-padding-bottom>.row {
    padding-bottom: 0
}

.ld-content--blue {
    background: linear-gradient(90deg,#3396f2,#4693ff);
    color: #fff
}

.ld-content--gray {
    background: #fafafa;
    border-bottom: 1px solid #ebebeb
}

.ld-content--gray>.row {
    border-bottom: none!important
}

.ld-content--no-border {
    border-bottom: none
}

.ld-content--no-border>.row {
    border-bottom: none!important
}

.ld-content--bluegreen,.ld-content--darkgray,.ld-content--invert,.ld-content--midgray {
    color: #fefefe;
    background: linear-gradient(-180deg,#0f0f0f,#0a0a0a)
}

.ld-content--bluegreen h1,.ld-content--bluegreen h2,.ld-content--bluegreen h3,.ld-content--bluegreen h4,.ld-content--bluegreen h5,.ld-content--bluegreen h6,.ld-content--darkgray h1,.ld-content--darkgray h2,.ld-content--darkgray h3,.ld-content--darkgray h4,.ld-content--darkgray h5,.ld-content--darkgray h6,.ld-content--invert h1,.ld-content--invert h2,.ld-content--invert h3,.ld-content--invert h4,.ld-content--invert h5,.ld-content--invert h6,.ld-content--midgray h1,.ld-content--midgray h2,.ld-content--midgray h3,.ld-content--midgray h4,.ld-content--midgray h5,.ld-content--midgray h6 {
    color: #fefefe;
    text-shadow: 0 3px 5px rgba(0,0,0,.25)
}

.ld-content--bluegreen .ld-content__hero h5,.ld-content--bluegreen p,.ld-content--darkgray .ld-content__hero h5,.ld-content--darkgray p,.ld-content--invert .ld-content__hero h5,.ld-content--invert p,.ld-content--midgray .ld-content__hero h5,.ld-content--midgray p {
    text-shadow: 0 2px 3px rgba(0,0,0,.25);
    color: hsla(0,0%,100%,.8)
}

.ld-content--bluegreen>.row,.ld-content--darkgray>.row,.ld-content--invert>.row,.ld-content--midgray>.row {
    border-bottom: none!important
}

.ld-content--bluegreen {
    background: #2a6591;
    background: radial-gradient(circle farthest-side at left bottom,#43a1bf 0,#3a9cc9 10%,#2a6591 34%,#284682 63%,#223054 100%)
}

.ld-content--darkgray {
    background: #4c5b6e;
    background-image: linear-gradient(163deg,#1b2128,#61758e)
}

.ld-content--midgray {
    background: #607485;
    background: radial-gradient(circle farthest-side at left top,#98aeb9 0,#798f9d 30%,#607485 100%)
}

.ld-content--lightgray {
    background: #eee;
    background: radial-gradient(circle farthest-side at left top,#fcfcfc 0,#eaeaea 100%)
}

.ld-content--productgray {
    background: #f0f0f0;
    border-bottom: 1px solid #ebebeb
}

.ld-content--white {
    background: #fff;
    border-bottom: 1px solid #ebebeb
}

.ld-content--productblue {
    background: #f7fafc;
    background-image: linear-gradient(-180deg,#f7fafc 3%,#f0f4fa 98%)
}

.ld-content-productyellow {
    background: #fdfcf9;
    background-image: linear-gradient(-180deg,#fdfcf9,#fcfaf0 95%);
    border-bottom: 1px solid #ebebeb
}

.ld-content-productwhite {
    background: #fff;
    background-image: linear-gradient(-180deg,#fff,#fafafa);
    border-bottom: 1px solid #ebebeb
}

.bottom-cta {
    text-align: center;
    padding: 60px 0 120px
}

.bottom-cta p:last-child {
    margin-bottom: 0
}

.bottom-cta--border-top>.row {
    border-top: 1px solid #ebebeb
}

.bottom-cta .logo-grid__column {
    padding: 0
}

.bottom-divider {
    height: 3px;
    background: #fafafa
}

.bottom-divider hr {
    border-color: #ebebeb;
    margin-top: 0
}

.bottom-cta--gray {
    background: #fafafa
}

.bottom-cta--blue {
    background: #35c8e6;
    color: #fff;
    padding-top: 138px;
    height: 420px;
    box-sizing: border-box
}

.bottom-cta--bottom {
    margin-top: 24px;
    font-weight: 700
}

.bottom-cta--bottom a {
    color: #fff
}

.button.register {
    margin-top: 36px;
    background-color: #fff;
    color: #35c8e6
}

.bottom-cta--black {
    background: #474747;
    color: #fff
}

.bottom-cta--nonprofit {
    background-image: url(../img/bottom-cta--nonprofit.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    color: #29614e
}

.bottom-cta--outline>.row {
    border: 1px solid #ebebeb!important;
    padding: 4rem 0 2.5rem;
    border-radius: 3px
}

.ld-floating-logo-wall {
    box-shadow: 0 12px 36px rgba(0,0,0,.1);
    padding: 2rem 6rem;
    border-radius: 10px;
    transform: translateY(-2.5rem);
    background: #fefefe
}

.ld-floating-logo-wall>.row {
    width: 100%
}

.ld-floating-logo-wall .column,.ld-floating-logo-wall .columns {
    text-align: center
}

@media screen and (max-width: 39.9375em) {
    .ld-floating-logo-wall .column,.ld-floating-logo-wall .columns {
        padding:1em 0
    }
}

.ld-floating-logo-wall img {
    max-height: 42px
}

.ld-feature-grid {
    text-align: center
}

.ld-feature-grid__column {
    padding: 2rem 0 4rem
}

.ld-feature-grid__column p {
    padding: 0 3em;
    color: #616161
}

@media screen and (max-width: 39.9375em) {
    .ld-feature-grid__column p {
        padding:0 1em
    }
}

.ld-feature-grid__column h5,.ld-feature-grid__column h6 {
    margin-bottom: .5em
}

.ld-feature-grid--left {
    text-align: left
}

.ld-feature-grid--left .ld-feature-grid__column p {
    padding-left: 0
}

.ld-feature-grid--no-padding .ld-feature-grid__column {
    padding-bottom: 0
}

.ld-feature-grid__icon {
    padding: 2rem 0;
    height: 7.5rem;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ld-feature-grid__digit {
    color: #bdbdbd
}

.ld-feature-grid__digit h1 {
    margin-bottom: .5rem
}

.ld-faq>.row {
    padding: 4rem 0;
    border-bottom: none!important
}

@media screen and (max-width: 39.9375em) {
    .ld-faq>.row {
        padding:2rem 0
    }
}

.ld-faq h4 {
    text-align: center
}

.ld-faq .accordion {
    border: none
}

.ld-faq .accordion .accordion-item a {
    font-size: 1rem;
    color: #14b1d1
}

.ld-faq .accordion .accordion-item.is-active {
    background: none
}

.ld-faq .accordion .accordion-item:last-child a {
    border: none
}

.ld-faq .accordion .accordion-title {
    transition: background .2s ease
}

.ld-faq .accordion .accordion-title:hover {
    background: #f5f5f5
}

.ld-faq .accordion .accordion-title:focus {
    background: none
}

.ld-content-container section:last-child>.row {
    border: none
}

.ld-logo-wall {
    text-align: center
}

.ld-logo-wall>.row {
    padding: 2rem 0
}

@media screen and (max-width: 39.9375em) {
    .ld-logo-wall>.row {
        padding:0
    }
}

.ld-logo-wall img {
    max-height: 25px
}

.ld-logo-wall .ld-logo-wall__grid {
    margin: 2.48447rem 0
}

.typical-case-logo-wall {
    padding: 0 0 3rem
}

.typical-case-logo-wall img {
    max-height: 18px
}

.typical-case-logo-wall h4,.typical-case-logo-wall p {
    text-align: left
}

.typical-case-logo-wall .text-gray {
    color: #9a9a9a
}

.typical-case-logo-wall .thumbnail-bg {
    position: relative;
    width: 100%;
    height: 252px;
    border-radius: 3px;
    background: hsla(0,0%,100%,.95);
    box-shadow: 0 3px 24px 0 rgba(0,0,0,.05);
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 2rem
}

.typical-case-logo-wall .thumbnail-bg.shiji {
    background-image: url(/assets/img/customer-case-shiji.png);
    background-position: 100%
}

.typical-case-logo-wall .thumbnail-bg.mmcar {
    background-image: url(/assets/img/customer-case-mmcar.jpg);
    background-position: 50%
}

.typical-case-logo-wall .thumbnail-bg .small-logo {
    position: absolute;
    bottom: -1em;
    right: -1rem;
    width: 55px;
    height: 55px;
    border-radius: 14px;
    box-shadow: 0 2px 4px rgba(0,0,0,.05),0 8px 12px rgba(0,0,0,.1);
    background-size: cover;
    background-repeat: no-repeat
}

.typical-case-logo-wall .thumbnail-bg .small-logo.shiji {
    background-image: url(../img/shiji-small-logo.png)
}

.typical-case-logo-wall .thumbnail-bg .small-logo.mmcar {
    background-image: url(../img/mmcar-small-logo1.png)
}

.typical-case-logo-wall .logo-icon {
    margin-bottom: 1rem
}

.ld-logo-wall--grayscale img {
    transition: all .2s ease;
    filter: grayscale(100%) brightness(120%)
}

.ld-logo-wall--grayscale img:hover {
    filter: grayscale(0) brightness(100%)
}

.device-android-shell {
    background: url(../img/device-white-android-shell.png) no-repeat;
    background-size: 265px 502px;
    width: 265px;
    height: 502px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi),screen and (-webkit-min-device-pixel-ratio:2) {
    .device-android-shell {
        background-image:url(../img/device-white-android-shell@2x.png)
    }
}

.device-android-shell .device-screen {
    width: 213px;
    height: 377px;
    margin-top: 58px;
    margin-left: 25px;
    background-color: #e0e0e0;
    background-size: 213px 377px;
    background-repeat: no-repeat
}

.ld-content__hero {
    padding-bottom: 2rem;
    text-align: center
}

.ld-content__hero h2 {
    text-align: center;
    margin-bottom: .2em
}

.ld-content__hero h5 {
    text-align: center;
    margin-bottom: .5em;
    color: #616161
}

.ld-content__hero h3 {
    font-weight: 300;
    font-size: 1.5rem;
    margin-bottom: .5em;
    margin-top: 1em
}

.ld-content__hero h6 {
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.5rem
}

.ld-content__hero--left,.ld-content__hero--left h2,.ld-content__hero--left h3,.ld-content__hero--left h4,.ld-content__hero--left h5,.ld-content__hero--left h6 {
    text-align: left
}

.ld-content__hero .ld-content__heroicon {
    margin-bottom: 1.2em
}

.ld-content__hero--no-padding {
    padding-bottom: 0
}

.ld-content__heroicon {
    border-radius: 100%;
    width: 61px;
    height: 61px;
    margin: 0 auto
}

.ld-content__heroicon--small {
    width: 32px;
    height: 32px;
    background-size: contain!important
}

.ld-content__callout {
    margin-bottom: 2em
}

.ld-content__callout .left,.ld-content__callout .left h3 {
    text-align: right;
    margin: 0;
    margin-top: .15em
}

.ld-content__callout .right,.ld-content__callout .right h1 {
    text-align: left;
    font-size: 4.25rem;
    font-weight: 100;
    margin: 0
}

.ld-ingridcta .inner-row {
    padding: 2em;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 6px;
    margin-bottom: 4em
}

@media screen and (max-width: 39.9375em) {
    .ld-ingridcta .inner-row {
        margin-bottom:1em
    }
}

.ld-ingridcta .inner-row p {
    margin: 0
}

.ld-icongrid__icon {
    padding-bottom: 1em
}

.hero {
    padding: 100px 0 70px;
    position: relative
}

.hero h1,.hero h2,.hero h3,.hero h4,.hero p {
    width: 100%;
    text-align: center
}

.hero.text-left h1,.hero.text-left h2,.hero.text-left h3,.hero.text-left h4,.hero.text-left p {
    width: 100%;
    text-align: left
}

.hero--large-padding {
    padding: 12em 0 7em
}

@media screen and (max-width: 39.9375em) {
    .hero--large-padding {
        padding:8em 0 5em
    }
}

.hero--text-align-left h1,.hero--text-align-left h2,.hero--text-align-left h3,.hero--text-align-left h4,.hero--text-align-left h5,.hero--text-align-left h6,.hero--text-align-left p {
    text-align: left;
    width: auto
}

@media screen and (max-width: 39.9375em) {
    .hero--text-align-left h1,.hero--text-align-left h2,.hero--text-align-left h3,.hero--text-align-left h4,.hero--text-align-left h5,.hero--text-align-left h6,.hero--text-align-left p {
        text-align:center
    }
}

.hero--text-align-left .align-self-middle svg {
    margin: 0 auto;
    display: block
}

.hero.is-full-height {
    padding: 0;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

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

.slide-line-box {
    margin-top: -50px;
    height: 50px!important
}

.slide-line .column,.slide-line .columns {
    opacity: .75
}

.slide-line .bg-line {
    height: 2px;
    background-color: rgba(0,0,0,.08)
}

.slide-line .active-line {
    background-color: #202020;
    height: 100%;
    width: 0
}

.slide-line .line-desc {
    margin-top: 20px
}

.slide-line img {
    height: 28px;
    margin-right: 16px
}

.activity-box {
    position: relative
}

.activity-box .close-btn {
    position: absolute;
    right: 20px;
    top: 10px
}

.activity-box .close-btn span {
    float: left;
    color: #b7b5b5;
    font-size: 16px;
    line-height: 28px
}

.activity-box img {
    max-width: none;
    width: 100%;
    height: 100%
}

.activity-box .close-img {
    width: 20px;
    margin-left: 10px
}

@media screen and (max-width: 414px) {
    .hero-activity {
        min-width:100%;
        bottom: 0;
        font-size: 12px
    }

    .iconwall-item {
        margin-bottom: 10px
    }
}

@media screen and (min-width: 414px) {
    .hero-scene-intro {
        top:-50px
    }

    .line-box-wrap {
        margin-top: -80px
    }
}

.hero--no-padding>.row .columns {
    padding: 0
}

.hero--no-content {
    padding: 0;
    height: 5.125em
}

.hero-link {
    font-size: 16px;
    margin-right: 24px
}

.hero--clip {
    overflow: hidden;
    border-bottom: 1px solid #ebebeb
}

.hero-copy {
    margin: 0 auto;
    transition: all .5s ease;
    z-index: 9
}

.hero-copy.text-animate {
    transform: translateY(-10px) rotateY(0deg) rotateX(45deg) rotate(0deg) scale(.5);
    transform-origin: bottom;
    opacity: 0
}

.hero-copy h1 {
    margin-bottom: .2rem
}

.hero-copy.is-animated {
    opacity: 1;
    transform: rotateY(0deg) rotateX(0deg) rotate(0deg) scale(1)
}

.hero-copy--longform h1 {
    margin-bottom: 1rem
}

.hero-copy--longform h4 {
    text-align: center;
    transform: translateX(.5rem);
    animation: n 20s forwards linear;
    animation-delay: 2s;
    padding-top: 2rem
}

.hero-copy__starwars {
    height: 15rem;
    overflow: hidden;
    animation: o 1s forwards ease;
    animation-delay: 22s;
    position: relative
}

.starwars-mask {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(-180deg,#fcfcfc 1%,hsla(0,0%,99%,0) 20%,hsla(0,0%,99%,0) 80%,#fbfbfb);
    z-index: 2
}

.hero-pic {
    text-align: center;
    transform: translateY(10rem);
    margin-top: -10rem;
    padding-top: 2rem
}

.countdown-bg,.hero-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

.hero-bg {
    z-index: -1!important
}

@media screen and (min-width: 40em) {
    .hero-bg.home {
        -webkit-mask-image:linear-gradient(-90deg,transparent,#000 22%,#000 48%,rgba(0,0,0,.2) 78%,transparent);
        height: 107%
    }
}

.hero-bg.home>.row {
    height: 100%
}

.hero-coin {
    width: 30px;
    height: 30px;
    background: #e0e0e0;
    position: absolute;
    top: -10%;
    left: 50%
}

.hero-icons {
    padding: 1rem 0
}

.device-wall-wrap {
    width: 100%;
    overflow-x: hidden;
    overflow: hidden;
    margin-bottom: 2rem
}

@media screen and (max-width: 39.9375em) {
    .device-wall-wrap {
        overflow-x:scroll
    }
}

ul.device-wall {
    list-style: none;
    list-style-type: none;
    width: 100%;
    transform: rotateY(0deg) rotateX(-15deg) rotate(0deg) scale(1);
    transition: all 1s ease
}

ul.device-wall.is-animated {
    transform: rotateY(0deg) rotateX(0deg) rotate(0deg) scale(1)
}

ul.device-wall li {
    margin-right: 1rem;
    vertical-align: bottom;
    padding-bottom: 2rem;
    transition: all .4s ease;
    opacity: 0;
    transform: translateY(-10px)
}

ul.device-wall li.is-animated {
    opacity: 1;
    transform: translateY(0)
}

ul.device-wall li .device {
    background-repeat: no-repeat;
    background-position: bottom;
    position: relative
}

ul.device-wall li .device.web {
    width: 34.75rem;
    height: 24.625rem;
    background-size: contain;
    background-image: url(../img/web-chrome.png)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi),screen and (-webkit-min-device-pixel-ratio:2) {
    ul.device-wall li .device.web {
        background-image:url(../img/web-chrome@2x.png)
    }
}

ul.device-wall li .device.apple-pay {
    width: 12.875rem;
    height: 25.375rem;
    background-size: contain;
    background-image: url(../img/phone-apple-pay.png)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi),screen and (-webkit-min-device-pixel-ratio:2) {
    ul.device-wall li .device.apple-pay {
        background-image:url(../img/phone-apple-pay@2x.png)
    }
}

ul.device-wall li .device.wechat {
    width: 13.5625rem;
    height: 27.1875rem;
    background-size: contain;
    background-image: url(../img/phone-hongbao.png)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi),screen and (-webkit-min-device-pixel-ratio:2) {
    ul.device-wall li .device.wechat {
        background-image:url(../img/phone-hongbao@2x.png)
    }
}

ul.device-wall li .device.qr {
    width: 12.25rem;
    height: 14.8125rem;
    background-size: contain;
    background-image: url(../img/qr-card.png)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi),screen and (-webkit-min-device-pixel-ratio:2) {
    ul.device-wall li .device.qr {
        background-image:url(../img/qr-card@2x.png)
    }
}

ul.device-wall li .device.qr .qr-label {
    width: 100%;
    position: absolute;
    padding: 1.25rem;
    text-align: center;
    color: #757575
}

ul.device-wall li .device-label {
    display: block;
    width: 100%;
    text-align: center;
    z-index: 1;
    position: relative;
    font-size: .875rem;
    font-weight: 500
}

ul.device-wall li .device-label span {
    transition: all .2s ease;
    position: absolute;
    display: block;
    width: 100%
}

ul.device-wall li .device-label .title {
    bottom: -1rem
}

ul.device-wall li .device-label .description {
    bottom: -.5rem;
    opacity: 0;
    text-align: center;
    font-weight: 400
}

ul.device-wall li:hover {
    cursor: pointer
}

ul.device-wall li:hover .device-label .title {
    bottom: -1.5rem;
    opacity: 0
}

ul.device-wall li:hover .device-label .description {
    bottom: -1rem;
    opacity: 1
}

ul.device-wall li.focus-out {
    opacity: .6;
    transform: scale(.95);
    filter: grayscale(100%)
}

.phone-title:not(:first-child) {
    display: none
}

.text-mask {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    height: 6.25rem
}

@media screen and (max-width: 39.9375em) {
    .text-mask {
        height:3.75rem;
        margin-bottom: 1em
    }
}

.text-mask.multi {
    height: 12.5rem
}

.hero-title-carousel {
    display: block;
    position: relative;
    width: 100%;
    list-style: none;
    margin-left: 0
}

.hero-title-carousel li {
    display: block;
    position: absolute;
    width: 100%
}

.hero-title-carousel-hide {
    opacity: 0!important;
    transform: translateY(-100%) translateZ(0)!important
}

.hero-title-carousel-reveal {
    transform: translateY(100%) translateZ(0)
}

.hero footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: transparent!important;
    padding-top: 0;
    padding-bottom: 1em;
    opacity: .4;
    transition: all .5s ease
}

.hero footer:hover {
    opacity: .7
}

.hero footer p {
    text-align: left;
    display: none
}

@media screen and (max-width: 39.9375em) {
    .hero footer {
        display:none
    }
}

.line-box-wrap {
    width: 558px;
    height: 393px;
    position: relative
}

@media screen and (max-width: 39.9375em) {
    .line-box-wrap {
        width:auto;
        transform: scale(.8) translateY(20%)
    }
}

.line-box-viewport {
    position: absolute;
    width: 105%;
    height: 100%;
    margin-left: -1em
}

@media screen and (max-width: 39.9375em) {
    .line-box-viewport {
        margin-left:auto
    }
}

.line-boxes {
    position: relative;
    width: 2500px;
    padding-top: 52px;
    transform: translate3d(-430px,0,0)
}

@media screen and (max-width: 39.9375em) {
    .line-boxes {
        opacity:0
    }
}

.line-boxes:last-child {
    margin-right: 0
}

.line-boxes .box {
    float: left;
    width: 166px;
    height: 294px;
    margin-right: 17px;
    background-repeat: no-repeat;
    background-size: cover
}

.line-boxes .box.web {
    width: 424px;
    background-image: url(../img/wireframe-dashboard.png)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi),screen and (-webkit-min-device-pixel-ratio:2) {
    .line-boxes .box.web {
        background-image:url(../img/wireframe-dashboard@2x.png)
    }
}

.line-boxes .box.apple-pay {
    background-image: url(../img/wireframe-app.png)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi),screen and (-webkit-min-device-pixel-ratio:2) {
    .line-boxes .box.apple-pay {
        background-image:url(../img/wireframe-app@2x.png)
    }
}

.line-boxes .box.hongbao {
    background-image: url(../img/wireframe-hongbao.png)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi),screen and (-webkit-min-device-pixel-ratio:2) {
    .line-boxes .box.hongbao {
        background-image:url(../img/wireframe-hongbao@2x.png)
    }
}

.line-boxes .box.qr {
    background-image: url(../img/wireframe-coupon.png)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi),screen and (-webkit-min-device-pixel-ratio:2) {
    .line-boxes .box.qr {
        background-image:url(../img/wireframe-coupon@2x.png)
    }
}

.scene-slider-wrap {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 303px;
    height: 426px
}

.scene-slider-wrap .iphone-hand-bg {
    position: absolute;
    top: 80px;
    width: 378px;
    height: 573px;
    background-image: url(../img/home-phone-hand.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: none
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi),screen and (-webkit-min-device-pixel-ratio:2) {
    .scene-slider-wrap .iphone-hand-bg {
        background-image:url(../img/home-phone-hand@2x.png)
    }
}

.device-iphone6 {
    box-sizing: border-box;
    top: 8px;
    left: 44px;
    width: 182px;
    height: 380px;
    padding: 44px 8px 40px;
    border-radius: 25px;
    z-index: 2;
    box-shadow: 0 0 0 1px rgba(0,0,0,.15),0 5px 10px 0 rgba(0,0,0,.05),0 15px 15px 0 rgba(0,0,0,.03),inset 0 0 1px 0 rgba(0,0,0,.14)
}

.device-iphone6,.device-iphone6 .topbar {
    position: absolute;
    background-color: #fcfcfc
}

.device-iphone6 .topbar {
    top: 0;
    left: 0;
    width: 100%;
    height: 44px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px
}

.device-iphone6 .screen {
    position: relative;
    width: 100%;
    height: 294px;
    overflow: hidden;
    border-radius: 1px
}

.device-iphone6 .camera {
    top: 8px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    transform: translateX(-50%)
}

.device-iphone6 .camera,.device-iphone6 .speaker {
    position: absolute;
    left: 50%;
    background-color: #1d1c1c
}

.device-iphone6 .speaker {
    top: 20px;
    width: 28px;
    height: 3px;
    border-radius: 4px;
    transform: translateX(-49%)
}

.device-iphone6 .speaker-before {
    position: absolute;
    top: 18px;
    left: 33%;
    width: 6px;
    height: 6px;
    background: #272626;
    border-radius: 50%;
    transform: translateX(-49%)
}

.device-iphone6 .home {
    position: absolute;
    bottom: 6px;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #d9d9d9
}

.device-iphone6 .home:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #fcfcfc
}

.scene-viewes {
    position: relative;
    width: 2500px;
    height: 100%
}

.scene-viewes .scene {
    position: relative;
    float: left;
    width: 166px;
    height: 294px;
    background-repeat: no-repeat;
    background-size: cover
}

.scene-viewes .scene.apple-pay {
     width: 180px;
    height: 293px;
    background-size: cover;
    border: 1px solid rgba(0,0,0,.3);
    background-image: url(./slider/4.png); // Ici Ying
}

.scene-viewes .scene.hongbao {
    width: 430px;
    height: 293px;
    background-size: cover;
    background-image: url(./slider/1.png);
}

.scene-viewes .scene.qr {
    width: 162px;
    height: 293px;
    background-size: cover;
    background-image: url(./slider/3.png);
}

.scene-viewes .scene.web {
    width: 420px;
    height: 293px;
    background-image: url(./slider/2.png);
    background-size: cover
}

.home-feature__copy p {
    font-size: 16px;
    color: #606060
}

.hero-scene-intro {
    position: relative;
    z-index: 9
}

@media screen and (max-width: 39.9375em) {
    .hero-scene-intro {
        margin-left:auto;
        margin-right: auto
    }
}

.hero-scene-intro .viewport {
    position: relative;
    width: 100%;
    min-width: 370px;
    margin-bottom: -40px;
    height: 240px;
    overflow: hidden
}

@media screen and (max-width: 39.9375em) {
    .hero-scene-intro .viewport {
        height:88px
    }
}

.hero-scene-intro .viewport li {
    height: 240px
}

.hero-scene-intro h1,.hero-scene-intro h4,.hero-scene-intro p {
    text-align: left
}

@media screen and (max-width: 39.9375em) {
    .hero-scene-intro h1,.hero-scene-intro h4,.hero-scene-intro p {
        text-align:center
    }
}

.hero-scene-intro h1 {
    word-break: keep-all
}

.hero-scene-intro h4 {
    margin-bottom: 1em;
    white-space: nowrap
}

.hero-scene-text {
    position: relative;
    display: block;
    width: 100%;
    height: 646px;
    min-width: 370px;
    list-style: none;
    margin-left: 0
}

.hero.fullheight {
    height: 700px;
    min-height: 485px
}

.hero.fullheight>.row {
    height: 100%
}

@media screen and (max-width: 39.9375em) {
    .hero.fullheight {
        padding-top:7rem;
        min-height: 600px;
        height: 600px
    }

    .hero.fullheight h1.show-for-small-only {
        margin-bottom: .2em
    }
}

.fullheight-column-align {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

@media screen and (max-width: 39.9375em) {
    .fullheight-column-align {
        -ms-flex-item-align:start;
        align-self: flex-start
    }
}

.styleguide .top-bar {
    background: #fefefe;
    border-bottom: 1px solid #ebebeb
}

.styleguide .side-bar {
    font-size: .875rem;
    font-weight: 500
}

.styleguide .side-bar ul.menu li {
    margin-bottom: .5em
}

.styleguide .side-bar a {
    color: #0a0a0a;
    border-radius: 3px;
    transition: background-color .2s ease
}

.styleguide .side-bar a:hover {
    background-color: #e0e0e0
}

.styleguide .side-bar a span.description {
    display: block;
    color: #757575;
    font-size: .75rem;
    margin-top: .12em
}

.styleguide .side-bar a.active {
    background-color: #35c8e6;
    color: #fefefe
}

.styleguide .side-bar a.active span.description {
    color: #fefefe
}

.styleguide-element {
    border: 1px solid #e0e0e0;
    padding: 1em;
    border-radius: 3px;
    margin-bottom: .5em
}

.styleguide-element.no-padding {
    padding: 0
}

.styleguide-element.h1-no-margin h1 {
    margin-bottom: .5rem
}

.styleguide-element .row:last-child .callout {
    margin: 0
}

.styleguide-caption {
    font-size: .75rem;
    font-weight: 500;
    display: inline-block;
    color: #8a8a8a;
    line-height: 1.2
}

.styleguide-content {
    margin-top: 2em
}

.styleguide-head {
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #ebebeb
}

.styleguide-head h2 {
    margin-bottom: .1em
}

.styleguide-section {
    padding: 1em 0
}

.styleguide-section h3 {
    margin-bottom: .45em
}

.styleguide-section h6.styleguide-section--title {
    margin-bottom: .7em;
    font-size: .875rem;
    margin-top: 1em
}

.color-palette {
    list-style: none;
    margin: 0;
    clear: both
}

.color-palette .color-palette-item {
    width: 10em;
    background: #fff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
    border-radius: 3px;
    float: left;
    margin-right: .5em;
    margin-bottom: .5em
}

.color-palette .color-palette-item .fill {
    width: 100%;
    height: 6.21118em;
    border-radius: 3px 3px 0 0;
    border-bottom: 1px solid rgba(0,0,0,.05)
}

.color-palette .color-palette-item .info {
    font-size: .75rem;
    padding: .5em
}

.color-palette .color-palette-item .info .name {
    font-weight: 500;
    font-size: .875rem
}

.color-palette .color-palette-item .info .meta,.color-palette .color-palette-item .info .var {
    font-family: Menlo,Consolas,Liberation Mono,Courier,monospace;
    display: block;
    text-transform: lowercase;
    font-size: .75rem
}

.hero.invert,.theme-career .hero,.theme-invert .hero,.theme-ld-career .hero,.theme-orange-purple .hero,.theme-pink-black .hero {
    color: #fefefe
}

.hero.invert h1,.hero.invert h2,.hero.invert h3,.hero.invert h4,.hero.invert h5,.hero.invert h6,.theme-career .hero h1,.theme-career .hero h2,.theme-career .hero h3,.theme-career .hero h4,.theme-career .hero h5,.theme-career .hero h6,.theme-invert .hero h1,.theme-invert .hero h2,.theme-invert .hero h3,.theme-invert .hero h4,.theme-invert .hero h5,.theme-invert .hero h6,.theme-ld-career .hero h1,.theme-ld-career .hero h2,.theme-ld-career .hero h3,.theme-ld-career .hero h4,.theme-ld-career .hero h5,.theme-ld-career .hero h6,.theme-orange-purple .hero h1,.theme-orange-purple .hero h2,.theme-orange-purple .hero h3,.theme-orange-purple .hero h4,.theme-orange-purple .hero h5,.theme-orange-purple .hero h6,.theme-pink-black .hero h1,.theme-pink-black .hero h2,.theme-pink-black .hero h3,.theme-pink-black .hero h4,.theme-pink-black .hero h5,.theme-pink-black .hero h6 {
    color: #fefefe;
    text-shadow: 0 3px 5px rgba(0,0,0,.25)
}

.hero.invert label,.hero.invert p,.theme-career .hero label,.theme-career .hero p,.theme-invert .hero label,.theme-invert .hero p,.theme-ld-career .hero label,.theme-ld-career .hero p,.theme-orange-purple .hero label,.theme-orange-purple .hero p,.theme-pink-black .hero label,.theme-pink-black .hero p {
    text-shadow: 0 2px 3px rgba(0,0,0,.25);
    color: hsla(0,0%,100%,.8)
}

.theme-invert--image .hero {
    color: #fefefe
}

.theme-invert--image .hero h1,.theme-invert--image .hero h2,.theme-invert--image .hero h3,.theme-invert--image .hero h4,.theme-invert--image .hero h5,.theme-invert--image .hero h6 {
    color: #fefefe;
    text-shadow: 0 3px 5px rgba(0,0,0,.25)
}

.theme-invert--image .hero p {
    text-shadow: 0 2px 3px rgba(0,0,0,.25);
    color: hsla(0,0%,100%,.8)
}

.theme-invert--pattern.theme-career .hero,.theme-invert--pattern.theme-ld-career .hero,.theme-invert--pattern.theme-orange-purple .hero,.theme-invert--pattern.theme-pink-black .hero,.theme-invert.theme-invert--pattern .hero {
    background: url(../img/invert-bg.png) 0 0/991px 605px no-repeat,linear-gradient(-180deg,#0f0f0f,#0a0a0a)
}

.theme-products {
    overflow-x: hidden
}

.theme-products .top-bar ul li a {
    color: hsla(0,0%,100%,.7)
}

.theme-products .top-bar ul li a:hover {
    color: #fff
}

.theme-products .top-bar .submenu a {
    color: rgba(0,0,0,.6)
}

.theme-products .top-bar .submenu a:hover {
    color: rgba(0,0,0,.8)
}

.theme-products .button.cta.hollow {
    color: hsla(0,0%,100%,.7);
    border: 1px solid hsla(0,0%,100%,.7)
}

.theme-products .button.cta.hollow:hover {
    color: rgba(0,0,0,.7);
    border: 1px solid hsla(0,0%,100%,.7);
    background: #fff;
    box-shadow: 0 10px 10px hsla(0,0%,100%,.2)
}

.theme-products .hero {
    background-color: HSL(225,17%,5%);
    background-image: url(../img/bg-products.jpg);
    background-size: cover;
    background-position: 50%
}

.theme-products .hero-copy h1,.theme-products .hero-copy h2,.theme-products .hero-copy h3,.theme-products .hero-copy h4,.theme-products .hero-copy h5,.theme-products .hero-copy h6 {
    color: #fefefe;
    text-shadow: 0 3px 5px rgba(0,0,0,.25)
}

.theme-solution {
    overflow-x: hidden
}

.theme-solution .top-bar ul li a {
    color: hsla(0,0%,100%,.7)
}

.theme-solution .top-bar ul li a:hover {
    color: #fff
}

.theme-solution .top-bar .submenu a {
    color: rgba(0,0,0,.6)
}

.theme-solution .top-bar .submenu a:hover {
    color: #14b1d1
}

.theme-solution .button.cta.hollow {
    color: hsla(0,0%,100%,.7);
    border: 1px solid hsla(0,0%,100%,.7)
}

.theme-solution .button.cta.hollow:hover {
    color: rgba(0,0,0,.7);
    border: 1px solid hsla(0,0%,100%,.7);
    background: #fff;
    box-shadow: 0 10px 10px hsla(0,0%,100%,.2)
}

.theme-solution .hero {
    background-image: url(../img/solution-bg.png);
    background-size: cover;
    background-position: top
}

.theme-solution .hero-copy h1,.theme-solution .hero-copy h2,.theme-solution .hero-copy h3,.theme-solution .hero-copy h4,.theme-solution .hero-copy h5,.theme-solution .hero-copy h6 {
    color: #fefefe;
    text-shadow: 0 3px 5px rgba(0,0,0,.25)
}

.theme-solicit {
    overflow-x: hidden;
    background-color: #f3faf7
}

.theme-solicit .top-bar a {
    cursor: pointer
}

.theme-solicit .top-bar ul li a {
    color: #666
}

.theme-solicit .top-bar ul li a:hover {
    color: rgba(0,0,0,.8)
}

.theme-solicit .top-bar .submenu a {
    color: rgba(0,0,0,.6)
}

.theme-solicit .top-bar .submenu a:hover {
    color: rgba(0,0,0,.8)
}

.theme-new-products {
    overflow-x: hidden
}

.theme-new-products .top-bar ul li a {
    color: hsla(0,0%,100%,.7)
}

.theme-new-products .top-bar ul li a:hover {
    color: #fff
}

.theme-new-products .top-bar .submenu a {
    color: rgba(0,0,0,.6)
}

.theme-new-products .top-bar .submenu a:hover {
    color: rgba(0,0,0,.8)
}

.theme-new-products .button.cta.hollow {
    color: hsla(0,0%,100%,.7);
    border: 1px solid hsla(0,0%,100%,.7)
}

.theme-new-products .button.cta.hollow:hover {
    color: rgba(0,0,0,.7);
    border: 1px solid hsla(0,0%,100%,.7);
    background: #fff;
    box-shadow: 0 10px 10px hsla(0,0%,100%,.2)
}

.theme-new-products .hero {
    background-image: url(../img/solution/fund/solution-fund-banner.jpg);
    background-size: cover;
    background-position: 50%;
    height: 480px
}

.theme-new-products .hero-copy h1,.theme-new-products .hero-copy h2,.theme-new-products .hero-copy h3,.theme-new-products .hero-copy h4,.theme-new-products .hero-copy h5,.theme-new-products .hero-copy h6 {
    color: #fefefe
}

footer.invert {
    background: #212121;
    color: #757575
}

footer.invert ul.menu li a {
    color: #f5f5f5
}

footer.invert ul.menu li a:hover {
    color: #fff
}

footer.invert .footer__language-switcher .lang {
    border: 1px solid #f5f5f5;
    background: #212121;
    color: #f5f5f5
}

footer.invert .footer__language-switcher:hover .lang.han {
    border-color: #f5f5f5;
    color: #212121;
    background: #f5f5f5
}

.theme-career .top-bar ul li a,.theme-invert .top-bar ul li a,.theme-ld-career .top-bar ul li a,.theme-orange-purple .top-bar ul li a,.theme-pink-black .top-bar ul li a,.top-bar.invert ul li a {
    color: hsla(0,0%,100%,.7)
}

.theme-career .top-bar ul li a:hover,.theme-invert .top-bar ul li a:hover,.theme-ld-career .top-bar ul li a:hover,.theme-orange-purple .top-bar ul li a:hover,.theme-pink-black .top-bar ul li a:hover,.top-bar.invert ul li a:hover {
    color: #fff
}

.theme-career .top-bar ul li .submenu li a,.theme-invert .top-bar ul li .submenu li a,.theme-ld-career .top-bar ul li .submenu li a,.theme-orange-purple .top-bar ul li .submenu li a,.theme-pink-black .top-bar ul li .submenu li a,.top-bar.invert ul li .submenu li a {
    color: rgba(0,0,0,.6)
}

.theme-career .top-bar ul li .submenu li a:hover,.theme-invert .top-bar ul li .submenu li a:hover,.theme-ld-career .top-bar ul li .submenu li a:hover,.theme-orange-purple .top-bar ul li .submenu li a:hover,.theme-pink-black .top-bar ul li .submenu li a:hover,.top-bar.invert ul li .submenu li a:hover {
    color: #1198b4
}

.theme-career .button.cta.hollow,.theme-invert .button.cta.hollow,.theme-ld-career .button.cta.hollow,.theme-orange-purple .button.cta.hollow,.theme-pink-black .button.cta.hollow {
    color: hsla(0,0%,100%,.7);
    border: 1px solid hsla(0,0%,100%,.7)
}

.theme-career .button.cta.hollow:hover,.theme-invert .button.cta.hollow:hover,.theme-ld-career .button.cta.hollow:hover,.theme-orange-purple .button.cta.hollow:hover,.theme-pink-black .button.cta.hollow:hover {
    color: rgba(0,0,0,.7);
    border: 1px solid hsla(0,0%,100%,.7);
    background: #fff;
    box-shadow: 0 10px 10px hsla(0,0%,100%,.2)
}

.theme-career .title-bar,.theme-cmbwallet .title-bar,.theme-invert .title-bar,.theme-ld-career .title-bar,.theme-orange-purple .title-bar,.theme-pink-black .title-bar {
    color: #fff
}

.theme-career .title-bar__toggle span,.theme-cmbwallet .title-bar__toggle span,.theme-invert .title-bar__toggle span,.theme-ld-career .title-bar__toggle span,.theme-orange-purple .title-bar__toggle span,.theme-pink-black .title-bar__toggle span,.theme-products .title-bar__toggle span,.theme-solution .title-bar__toggle span {
    background: #fff
}

.invert.countdown-logo,.theme-career .countdown-logo,.theme-career .top-bar__logo,.theme-cmbwallet .countdown-logo,.theme-cmbwallet .top-bar__logo,.theme-invert .countdown-logo,.theme-invert .top-bar__logo,.theme-ld-career .countdown-logo,.theme-ld-career .top-bar__logo,.theme-new-products .countdown-logo,.theme-new-products .top-bar__logo,.theme-orange-purple .countdown-logo,.theme-orange-purple .top-bar__logo,.theme-pink-black .countdown-logo,.theme-pink-black .top-bar__logo,.theme-products .countdown-logo,.theme-products .top-bar__logo,.theme-solution .countdown-logo,.theme-solution .top-bar__logo,.top-bar__logo.invert {
    background: url(../img/logo-white.svg) 0 no-repeat
}

.theme-orange-blue .hero {
    background-image: linear-gradient(-180deg,#fff7eb 8%,#cde9ff)
}

.theme-light-gray .hero {
    background-image: linear-gradient(-180deg,#f6f8fa,#f1f3f4)
}

.theme-medium-gray {
    background-color: #fafafa
}

.theme-medium-gray .hero {
    background: #fafafa
}

.theme-pink-blue .hero {
    background-image: linear-gradient(-180deg,#feebff 8%,#aadbff)
}

.theme-nonprofit {
    background: #f3fffe
}

.theme-nonprofit h1,.theme-nonprofit h2,.theme-nonprofit h3 {
    color: #29614e
}

.theme-nonprofit h4,.theme-nonprofit h6,.theme-nonprofit p,.theme-nonprofit span {
    color: #48b691
}

.theme-nonprofit h5 {
    color: #9e9e9e
}

.theme-nonprofit .hero {
    background-image: linear-gradient(0deg,#f3fffe,#e1fefc)
}

.theme-nonprofit .ld-content-container section>.row {
    border-color: #c8ede3
}

.theme-nonprofit footer {
    background: #f3fffe
}

.theme-nonprofit .button {
    background: #48b691
}

.theme-nonprofit .ld-content__callout h1,.theme-nonprofit .ld-content__callout h2,.theme-nonprofit .ld-content__callout h3,.theme-nonprofit .ld-content dl dd,.theme-nonprofit .ld-content dl dt {
    color: #48b691
}

.theme-nonprofit .ld-content__hero h6 {
    color: #29614e
}

.theme-nonprofit .ld-ingridcta .inner-row {
    border: 1px solid rgba(72,182,145,.25)
}

.theme-nonprofit .ld-ingridcta .inner-row p {
    margin-bottom: 1rem
}

.theme-nonprofit .ld-ingridcta .inner-row.noborder {
    border: 0
}

.theme-cmbwallet .top-bar ul li a {
    color: hsla(0,0%,100%,.7)
}

.theme-cmbwallet .top-bar ul li a:hover {
    color: #fff
}

.theme-cmbwallet .top-bar .submenu a {
    color: rgba(0,0,0,.6)
}

.theme-cmbwallet .top-bar .submenu a:hover {
    color: rgba(0,0,0,.8)
}

.theme-cmbwallet .button.cta.hollow {
    color: hsla(0,0%,100%,.7);
    border: 1px solid hsla(0,0%,100%,.7)
}

.theme-cmbwallet .button.cta.hollow:hover {
    color: rgba(0,0,0,.7);
    border: 1px solid hsla(0,0%,100%,.7);
    background: #fff;
    box-shadow: 0 10px 10px hsla(0,0%,100%,.2)
}

.theme-cmbwallet .ld-feature-grid__icon {
    height: 9.5rem
}

@media screen and (max-width: 39.9375em) {
    .theme-cmbwallet .ld-feature-grid__column {
        padding:2rem 0 0
    }
}

.theme-cmbwallet .hero--large-padding {
    padding: 12em 0 14em
}

@media screen and (max-width: 39.9375em) {
    .theme-cmbwallet .hero--large-padding {
        padding:9em 0 10em
    }
}

@media screen and (max-width: 39.9375em) {
    .theme-cmbwallet h2 {
        font-size:1.5rem
    }
}

.theme-pink-black .hero {
    background-image: radial-gradient(circle farthest-side at left bottom,#f8cdda,#1d2b64 80%,#0e153a)
}

.theme-orange-purple .hero {
    background-image: radial-gradient(circle farthest-corner at right bottom,#ffd08a 0,#ffa376 28%,#d26578 52%,#682a84 79%,#241668 100%)
}

.theme-career {
    color: #9e9e9e
}

.theme-career,.theme-career .hero,.theme-career .nav.block-grid {
    background: #2c2c2c
}

.theme-career .ld-content__hero h5 {
    color: #9e9e9e
}

.theme-career .ld-faq .accordion .accordion-item a {
    color: #fefefe
}

.theme-career .ld-faq .accordion .accordion-title:hover {
    background: #212121
}

.theme-career .accordion {
    background: #2c2c2c
}

.theme-career .accordion .accordion-content,.theme-career .accordion .accordion-title {
    border-bottom-color: #212121
}

.theme-career .accordion .accordion-content {
    background-color: #2c2c2c
}

.theme-career .ld-career-list span.location {
    color: #9e9e9e
}

.theme-career .nav.block-grid ul li {
    border-right-color: #2c2c2c;
    border-bottom-color: #212121
}

.theme-career .nav.block-grid ul li>a:hover {
    background: rgba(33,33,33,.3)
}

.theme-career .nav.block-grid ul li>a h5 {
    color: #fefefe
}

.theme-career .nav.block-grid ul li>a span.description {
    color: #9e9e9e
}

.theme-career h2,.theme-career h3 {
    color: #fefefe
}

.hljs-comment,.hljs-quote {
    color: #8e908c
}

.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable {
    color: #c82829
}

.hljs-built_in,.hljs-builtin-name,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type {
    color: #f5871f
}

.hljs-attribute {
    color: #eab700
}

.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol {
    color: #718c00
}

.hljs-section,.hljs-title {
    color: #4271ae
}

.hljs-keyword,.hljs-selector-tag {
    color: #8959a8
}

.hljs {
    display: block;
    overflow-x: auto;
    color: #4d4d4c
}

.hljs-emphasis {
    font-style: italic
}

.hljs-strong {
    font-weight: 700
}

.gallery-modal {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    height: 100vh;
    z-index: -99;
    overflow-y: auto
}

.gallery-modal.gallery-modal-open {
    visibility: visible;
    opacity: 1;
    z-index: 99;
    transition: opacity .5s ease-in
}

.gallery-modal .large-digit {
    font-size: 2rem;
    font-weight: 200;
    color: #757575
}

.gallery-modal .content {
    font-size: .875rem;
    font-weight: 300;
    display: block;
    color: #212121;
    letter-spacing: .125em;
    margin-top: -.6em
}

.gallery-modal .large-unit {
    font-size: 2rem;
    font-weight: 200;
    color: #757575
}

.gallery-container {
    padding-top: 65px;
    background: #f8f8f8
}

@media screen and (max-width: 39.9375em) {
    .gallery-container {
        padding-top:48px
    }
}

.gallery-container .row.nowrap {
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important
}

.gallery-container .gallery-nav-pane {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    overflow-x: auto;
    z-index: 1;
    background: #fff
}

.gallery-container .gallery-nav-pane .modal-icon {
    position: fixed;
    top: 0;
    width: 80px;
    height: 65px;
    background: #fff;
    z-index: 100
}

.gallery-container .gallery-nav-pane .modal-icon--close {
    width: 100%;
    height: 100%;
    background-image: url(../img/button-close.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 29px 27px;
    cursor: pointer
}

@media screen and (max-width: 39.9375em) {
    .gallery-container .gallery-nav-pane .modal-icon--close {
        background-size:20px 18px
    }
}

.gallery-container .gallery-nav-pane .modal-icon--back {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    background-image: url(../img/button-back.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 29px 27px;
    cursor: pointer
}

@media screen and (max-width: 39.9375em) {
    .gallery-container .gallery-nav-pane .modal-icon--back {
        background-size:20px 18px
    }
}

.gallery-container .gallery-nav-pane .fixed-nav {
    margin: 0 0 0 80px;
    padding: 0;
    white-space: nowrap;
    list-style: none;
    max-width: 1024px
}

.gallery-container .gallery-nav-pane .fixed-nav .fixed-nav__item {
    display: inline-block;
    margin-right: 2rem
}

@media screen and (max-width: 39.9375em) {
    .gallery-container .gallery-nav-pane .fixed-nav .fixed-nav__item {
        margin-right:1rem
    }
}

.gallery-container .gallery-nav-pane .fixed-nav .nav-link {
    height: 65px;
    line-height: 65px;
    color: #919191;
    padding: 7px 13px
}

.gallery-container .gallery-nav-pane .fixed-nav .nav-link.active {
    color: #0a0a0a;
    border-radius: 100px;
    background-color: #f3f3f3
}

.gallery-container .fixed-content-grid {
    position: fixed;
    top: 133px;
    left: 50%;
    width: 43.9453%;
    max-width: 450px;
    min-width: 300px;
    bottom: 1.5rem;
    overflow-y: auto;
    opacity: 0;
    transform: translate3d(450px,0,0);
    transition: all .5s ease-in-out
}

@media screen and (max-width: 39.9375em) {
    .gallery-container .fixed-content-grid {
        margin-left:-150px;
        top: 88px
    }
}

.gallery-container .fixed-content-grid.opened {
    opacity: 1;
    transform: translateZ(0)
}

.gallery-container .fixed-content-grid .products-detail-grid-item {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-left: 16px;
    transition: all .25s cubic-bezier(.25,.46,.45,.94)
}

.gallery-container .fixed-content-grid .products-detail-grid-item.active {
    opacity: 1;
    z-index: 3
}

.gallery-container .fixed-content-grid .products-detail-grid-item h4 {
    font-size: 1.5rem;
    color: #3e3e3e;
    margin-bottom: 7px
}

.gallery-container .fixed-content-grid .products-detail-grid-item h5 {
    font-size: 1.125rem;
    color: #8c8c8c;
    margin-bottom: 26px
}

@media screen and (max-width: 39.9375em) {
    .gallery-container .fixed-content-grid .products-detail-grid-item h5 {
        margin-bottom:12px
    }
}

.gallery-container .fixed-content-grid .accordion,.gallery-container .fixed-content-grid .accordion-content {
    background: #f8f8f8
}

.gallery-container .fixed-content-grid .accordion {
    margin-top: 1.5rem
}

.gallery-container .fixed-content-grid .accordion-title {
    font-size: 18px;
    padding-left: 0;
    color: #212121
}

.gallery-container .fixed-content-grid .accordion-title:focus,.gallery-container .fixed-content-grid .accordion-title:hover,.gallery-container .fixed-content-grid .accordion-title:visited {
    background: none
}

.gallery-container .fixed-content-grid .accordion-content {
    padding-left: 0
}

.gallery-container .gallery-content-pannel {
    min-height: 100%;
    min-height: 100vh;
    padding-top: 2rem
}

.gallery-container .gallery-content-pannel p.small {
    color: #898989
}

.gallery-container .gallery-content-pannel .products-grid {
    width: 67.3067%;
    max-width: 350px;
    min-width: 290px;
    margin: 0 auto
}

.gallery-container .gallery-content-pannel .products-grid-item {
    width: 100%;
    margin-bottom: 1.25rem;
    opacity: .7
}

.gallery-container .gallery-content-pannel .products-grid-item.active {
    opacity: 1
}

.gallery-container .gallery-content-pannel .products-card {
    position: relative;
    border: none;
    box-shadow: 0 2px 4px rgba(0,0,0,.12);
    border-radius: 3px;
    padding: 1rem;
    cursor: pointer
}

.gallery-container .gallery-content-pannel .products-card:hover {
    box-shadow: 0 6px 10px rgba(0,0,0,.08)
}

.gallery-container .gallery-content-pannel .products-card .column:first-child,.gallery-container .gallery-content-pannel .products-card .columns:first-child {
    padding-right: 0
}

.gallery-container .gallery-content-pannel .product-card__logo {
    font-size: 2.5rem;
    padding-right: 1em
}

.gallery-container .gallery-content-pannel .product-card__info {
    position: relative
}

.gallery-container .gallery-content-pannel .product-card__info:after {
    content: "\e909";
    position: absolute;
    right: 0;
    top: 50%;
    font-size: 1.5rem;
    color: #8a8a8a;
    transform: translateY(-50%);
    font-family: icomoon!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    margin-left: .2em
}

.gallery-container .gallery-content-pannel .product-card__info h6 {
    font-size: 1rem;
    margin-bottom: 4px
}

.gallery-container .gallery-content-pannel .product-card__info p {
    font-size: .875rem;
    color: #616161;
    padding: 0;
    margin: 0
}

.stickers-wrap .business-friend {
    background-color: #f5f7f8
}

.stickers-wrap .business-friend.h5 {
    padding-top: 0
}

.stickers-wrap .h4title {
    margin-top: 40px;
    font-weight: 700;
    font-size: 18px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(0,0,0,.08)
}

.stickers-wrap .stickers {
    background-color: #f5f7f8
}

.stickers-wrap .stickers ul {
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    margin: 0
}

.stickers-wrap .stickers li {
    display: inline-block;
    margin: 0 -21px
}

.stickers-wrap .stickers img {
    margin-bottom: 20px;
    height: 300px
}

.event-banner {
    text-align: center;
    line-height: 30px;
    background-color: #f0f0f0;
    font-size: 12px;
    padding: 0 .5rem
}

@media screen and (max-width: 39.9375em) {
    .event-banner {
        display:none
    }
}

.event-banner a {
    display: inline-block;
    color: #212121
}

.event-banner a:hover {
    text-decoration: underline
}

.row {
    max-width: 100%!important
}

.row,.row-d {
    margin-left: auto!important;
    margin-right: auto!important
}

.row-d {
    max-width: 75rem!important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

@media screen and (max-width: 414px) {
    .home-main-con {
        padding:48px 0
    }

    .iconwall-item {
        text-align: center
    }
}

.nav.block-grid.new-features ul {
    margin: 0
}

.nav.block-grid.new-features li {
    position: relative;
    padding: 0;
    transition: transform .2s ease;
    width: auto;
    -ms-flex: 1;
    flex: 1
}

@media screen and (max-width: 39.9375em) {
    .nav.block-grid.new-features li {
        -ms-flex:0 0 100%;
        flex: 0 0 100%;
        margin-bottom: .5em
    }
}

@media screen and (max-width: 39.9375em) {
    .nav.block-grid.new-features li:not(:last-child) a.block-grid-link {
        border-bottom:none
    }
}

.nav.block-grid.new-features li:last-child,.nav.block-grid.new-features li:last-child a.block-grid-link {
    border-right: none
}

.nav.block-grid.new-features li a.block-grid-link {
    z-index: 1;
    border-radius: 0;
    border: 1px solid #ebebeb;
    border-left: none
}

.nav.block-grid.new-features li a.block-grid-link h5 {
    z-index: 1
}

.nav.block-grid.new-features li a.block-grid-link .description {
    margin: 0 auto .5em;
    z-index: 1;
    max-width: 265px;
    opacity: .6
}

.nav.block-grid.new-features li a.block-grid-link .anchor {
    margin-bottom: -.5em;
    display: none;
    z-index: 1
}

.nav.block-grid.new-features li a.block-grid-link .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    opacity: 0;
    transition: opacity .2s ease
}

.nav.block-grid.new-features li a.block-grid-link a {
    color: #0a0a0a
}

.nav.block-grid.new-features li:after {
    width: calc(100% - 0px);
    height: 100%;
    position: absolute;
    bottom: -5px;
    left: 0;
    content: " ";
    filter: blur(10px) brightness(.9);
    z-index: 0;
    opacity: 0;
    transition: all .2s ease-in-out
}

.nav.block-grid.new-features li.white-text a .description,.nav.block-grid.new-features li.white-text a h5 {
    text-shadow: none;
    font-weight: 400
}

.nav.block-grid.new-features li.white-text:hover a .description,.nav.block-grid.new-features li.white-text:hover a h5 {
    color: #fff;
    text-shadow: 0 0 4px rgba(0,0,0,.4);
    font-weight: 400
}

.nav.block-grid.new-features li.payments:after,.nav.block-grid.new-features li.payments span.bg {
    background-image: linear-gradient(-41deg,#e82b4d,#ffacac);
    background-position: 20% 50%
}

.nav.block-grid.new-features li.account:after,.nav.block-grid.new-features li.account span.bg {
    background-image: linear-gradient(-163deg,#6fcfd3 4%,#48b8d0)
}

.nav.block-grid.new-features li.platform:after,.nav.block-grid.new-features li.platform span.bg {
    background-image: linear-gradient(110deg,#64adee 10%,#3f6aaf)
}

.nav.block-grid.new-features li.bi:after,.nav.block-grid.new-features li.bi span.bg {
    background-image: linear-gradient(-63deg,#83d8dd,#5dd5b1)
}

.nav.block-grid.new-features li.sky:after,.nav.block-grid.new-features li.sky span.bg {
    background-image: linear-gradient(36deg,#d3f1f9,#f9fdee 89%)
}

.nav.block-grid.new-features li:hover {
    transform: scale(1.05);
    z-index: 9
}

.nav.block-grid.new-features li:hover a h5,.nav.block-grid.new-features li:hover a span.bg {
    opacity: 1
}

.nav.block-grid.new-features li:hover:after {
    bottom: -12px;
    filter: blur(12px) brightness(.9);
    opacity: .5
}

.nav.block-grid.new-features li:hover a a {
    color: #fff;
    opacity: .7;
    text-decoration: underline
}

.nav.block-grid.new-features li:hover a a:hover {
    opacity: 1
}

.nav.block-grid.new-features li:active:after {
    bottom: -5px;
    filter: blur(8px) brightness(.9);
    opacity: .5
}

.home-feature {
    padding: 6.25rem 0;
    position: relative
}

@media screen and (max-width: 39.9375em) {
    .home-feature {
        padding:3rem 0
    }
}

.home-feature--text-centered .home-feature__copy {
    margin: 120px auto 0
}

.home-feature--text-centered .home-feature__copy h2 {
    margin-bottom: 24px
}

.home-feature--text-centered .home-feature__copy h2,.home-feature--text-centered .home-feature__copy h5,.home-feature--text-centered .home-feature__copy p {
    text-align: center
}

.home-content h2 {
    font-weight: 400
}

.home-content .difficult {
    background-color: #f5f7f8;
    padding: 40px 0;
    margin-bottom: 80px
}

.home-content .difficult h3 {
    margin-bottom: 24px
}

.home-content .difficult-box>div {
    overflow: hidden;
    height: 160px;
    padding: 0 71px;
    text-align: center;
    border-right: 1px solid rgba(0,0,0,.08);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 48px
}

.home-content .difficult-box>div h4 {
    font-weight: 700;
    font-size: 18px;
    line-height: 160px;
    margin-bottom: 16px
}

.home-content .difficult-box>div:first-child {
    background-image: url(../img/newhome/1.png)
}

.home-content .difficult-box>div:nth-child(2) {
    background-image: url(../img/newhome/2.png)
}

.home-content .difficult-box>div:nth-child(3) {
    background-image: url(../img/newhome/3.png)
}

.home-content .difficult-box>div:nth-child(4) {
    background-image: url(../img/newhome/4.png)
}

.home-content .difficult-desc {
    display: none
}

.home-content .difficult-desc p {
    margin-bottom: 10px;
    font-size: 14px
}

.home-content .product-box {
    margin: 33px 0 0;
    padding-top: 67px;
    border-top: 1px solid rgba(0,0,0,.08);
    color: #202020;
    font-size: 14px
}

.home-content .product-box p {
    opacity: .7
}

.home-content .product-box-bottom h2 {
    margin-top: 24px;
    margin-bottom: 0
}

.home-content .product-box img {
    margin-top: -50px;
    height: 360px;
    display: inline
}

.home-content .product-box .product-item {
    margin-bottom: 90px
}

.home-content .product-box .product-item:nth-child(2n) img {
    float: left;
    margin-left: -60px
}

.home-content .product-box .product-item:nth-child(2n-1) img {
    float: right;
    margin-right: -60px
}

.home-content .product-box .product-item .privatization-img img {
    height: 300px;
    margin-left: 40px;
    margin-top: -20px
}

.home-content .business-friend {
    background-color: #f5f7f8;
    padding-top: 72px
}

.home-content .business-friend.h5 {
    padding-top: 0
}

.home-content .business-friend .home-feature__copy {
    margin-bottom: 48px
}

.home-content .business-friend .play-btn {
    position: absolute;
    right: 44px;
    bottom: 16px;
    height: 48px;
    width: 48px;
    background-color: rgba(0,0,0,.35);
    border-radius: 50%
}

.home-content .business-friend .play-btn img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -12.5px;
    margin-left: -6px;
    height: 25.35px
}

.home-content .business-friend .video1,.home-content .business-friend .video2,.home-content .business-friend .video3 {
    display: inline-block;
    position: relative;
    outline: 0 none;
    cursor: pointer
}

.home-content .business-friend .video1 {
    padding-right: 20px
}

.home-content .business-friend .video2 {
    margin-bottom: 20px
}

.home-content .business-friend .video2 .play-btn,.home-content .business-friend .video3 .play-btn {
    right: 24px
}

.home-content .business-friend .h4title {
    margin-top: 40px;
    font-weight: 700;
    font-size: 18px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(0,0,0,.08)
}

.home-content .stickers {
    background-color: #f5f7f8
}

.home-content .stickers ul {
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    margin: 0
}

.home-content .stickers li {
    display: inline-block;
    margin: 0 -21px
}

.home-content .stickers img {
    margin-bottom: 20px;
    height: 300px
}

.home-content .text-desc {
    position: absolute;
    left: 24px;
    bottom: 16px;
    color: #fff
}

.home-content .text-desc .video-text {
    font-size: 14px;
    opacity: .75
}

.home-content .text-desc .video-desc {
    font-size: 24px
}

.bottom-tools {
    padding: 40px 0
}

.bottom-tools>div {
    padding: 35px 0 28px;
    cursor: pointer
}

.bottom-tools>div:not(:last-child) {
    border-right: 1px solid rgba(0,0,0,.08)
}

.bottom-tools img {
    height: 48px;
    margin-bottom: 25px
}

.bottom-tools .had-hover {
    display: none
}

.bottom-tools .had-hover img {
    height: 160px;
    margin-bottom: 0
}

.video video {
    width: 100%
}

@media screen and (max-width: 414px) {
    .home-main-con {
        padding-bottom:0!important
    }

    .home-content .product-module .outer:first-child {
        padding-right: 0
    }

    .home-content .product-module .outer:last-child {
        padding-left: 0
    }

    .home-content .product-module .outer .product-module-item {
        margin-bottom: 2px;
        padding: 44px 54px 36px
    }

    .link-all {
        padding: 32px 0;
        margin-top: -50px;
        background-color: #f5f7f8
    }

    .product-box {
        border-top: none!important;
        padding-top: 0!important
    }

    .product-box img {
        height: auto!important;
        margin-top: 0!important
    }

    .product-box .product-item:nth-child(2n-1) img {
        margin-right: 0!important
    }

    .product-box .product-item:nth-child(2n) img {
        margin-left: 0!important
    }

    .business-friend .video1,.business-friend .video2,.business-friend .video3 {
        margin-bottom: 16px
    }

    .business-friend .video1 {
        padding-right: 0!important
    }

    .business-friend .play-btn {
        right: 24px!important
    }

    .bottom-tools {
        padding: 0!important
    }

    .bottom-tools>div:first-child,.bottom-tools>div:nth-child(2) {
        border-bottom: 1px solid rgba(0,0,0,.08)
    }
}

.home-feature__copy h2 {
    font-weight: 300;
    font-size: 2.125rem
}

@media screen and (max-width: 39.9375em) {
    .home-feature__copy h2 {
        font-size:1.75rem
    }
}

.home-feature__copy h5 {
    color: #9e9e9e
}

@media screen and (max-width: 39.9375em) {
    .home-feature__copy h5 {
        font-size:1rem
    }
}

.home-feature__copy p {
    line-height: 1.75
}

@media screen and (max-width: 39.9375em) {
    .home-feature__copy p {
        font-size:.875rem
    }
}

.home-feature__copy p a {
    font-weight: 400
}

.home-feature__bg.api {
    height: 229px;
    width: 466px;
    background-image: url(../img/home-planets.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 24px auto
}

@media screen and (max-width: 39.9375em) {
    .home-feature__bg.api {
        width:100%
    }
}

.home-feature__bg.providers {
    height: 614px;
    width: 443px;
    position: relative;
    margin: 0 auto;
    margin-top: -10em
}

@media screen and (max-width: 39.9375em) {
    .home-feature__bg.providers {
        transform:translateX(-5rem);
        margin-top: -5em;
        margin-bottom: 2em
    }

    .home-feature__bg.providers .stick-label.order-2 {
        left: 156px!important
    }
}

.home-feature__bg.providers .phone-1 {
    width: 242px;
    height: 458px;
    background-image: url(../img/home-iphone-pay.png);
    background-size: 243px 458px;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(-10px)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi),screen and (-webkit-min-device-pixel-ratio:2) {
    .home-feature__bg.providers .phone-1 {
        background-image:url(../img/home-iphone-pay@2x.png)
    }
}

.home-feature__bg.providers .phone-1.end {
    transform: translateY(40px)
}

@media screen and (max-width: 39.9375em) {
    .home-feature__bg.providers .phone-1.end {
        transform:translateY(10px)
    }
}

.home-feature__bg.providers .phone-2 {
    width: 264px;
    height: 375px;
    background-image: url(../img/home-iphone-hongbao.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 239px;
    z-index: 2
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi),screen and (-webkit-min-device-pixel-ratio:2) {
    .home-feature__bg.providers .phone-2 {
        background-image:url(../img/home-iphone-hongbao@2x.png)
    }
}

.home-feature__bg.providers .phone-2.end {
    transform: translateY(70px)
}

@media screen and (max-width: 39.9375em) {
    .home-feature__bg.providers .phone-2.end {
        transform:translateY(20px)
    }
}

.home-feature__bg.providers .shadow {
    width: 343px;
    height: 303px;
    background: url(../img/home-phones-shadow-outer.png);
    position: absolute;
    left: -55px;
    bottom: -318px;
    z-index: 1;
    opacity: .5
}

@media screen and (max-width: 39.9375em) {
    .home-feature__bg.providers .shadow {
        display:none
    }
}

.home-feature__bg.providers .shadow.end {
    bottom: -333px;
    opacity: 1
}

@media screen and (max-width: 39.9375em) {
    .home-feature__bg.providers .shadow.end {
        opacity:0
    }
}

.home-feature__bg.providers .shadow .inner {
    width: 148px;
    height: 100px;
    position: absolute;
    right: 20px;
    top: 30px;
    background: url(../img/home-phones-shadow-inner.png);
    opacity: .1
}

.home-feature__bg.providers .shadow .inner.end {
    opacity: 1
}

.home-feature__bg.providers .stick-label {
    width: 180px
}

.home-feature__bg.providers .stick-label h6 {
    font-size: .8125rem;
    margin-bottom: 4px
}

.home-feature__bg.providers .stick-label p {
    font-size: .75rem;
    color: #616161
}

.home-feature__bg.providers .stick-label.order-1 {
    position: absolute;
    top: 166px;
    left: -115px;
    padding-right: 80px;
    background: url(../img/home-tip-line-left.svg) no-repeat right 40%
}

.home-feature__bg.providers .stick-label.order-2 {
    position: absolute;
    top: 258px;
    left: 196px;
    width: 230px;
    padding-left: 100px;
    background: url(../img/home-tip-line-right.svg) no-repeat left 5%
}

.home-feature__bg.dashboard {
    width: 681px;
    height: 424px;
    margin-left: 20px;
    background-repeat: no-repeat;
    background-image: url(../img/home-dashboard.png);
    background-size: cover
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi),screen and (-webkit-min-device-pixel-ratio:2) {
    .home-feature__bg.dashboard {
        background-image:url(../img/home-dashboard@2x.png)
    }
}

.home-feature__bg.transfercards {
    width: 503px;
    height: 350px;
    margin-left: 7px;
    margin-top: -13px;
    background-repeat: no-repeat;
    background-image: url(../img/products-transfers-card.png);
    background-size: cover
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi),screen and (-webkit-min-device-pixel-ratio:2) {
    .home-feature__bg.transfercards {
        background-image:url(../img/products-transfers-card@2x.png)
    }
}

.home-feature__bg.campaigns {
    width: 100%;
    height: 403px;
    margin-top: 0;
    background-repeat: no-repeat;
    background-image: url(../img/products-campaigns.png);
    background-size: contain;
    background-position: top
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi),screen and (-webkit-min-device-pixel-ratio:2) {
    .home-feature__bg.campaigns {
        background-image:url(../img/products-campaigns.png)
    }
}

.home-feature__stats {
    color: #757575;
    padding-bottom: 4em
}

.home-feature__stats .column,.home-feature__stats .columns {
    padding: 0 1.5em
}

.home-feature__stats .large-digit {
    font-size: 3rem;
    font-weight: 200
}

.home-feature__stats .content {
    font-size: .875rem;
    display: block;
    color: #212121;
    letter-spacing: .2em;
    margin-top: -.6em
}

.home-feature__iconwall .wall-icon {
    display: inline-block;
    height: 46px;
    width: 45px;
    margin-bottom: 18px;
    margin-left: 2px
}

.home-feature__iconwall .wall-icon.integration {
    background: url(../img/home-integration.svg) no-repeat 0
}

.home-feature__iconwall .wall-icon.reliable {
    background: url(../img/home-reliable.svg) no-repeat 0
}

.home-feature__iconwall .wall-icon.security {
    background: url(../img/home-security.svg) no-repeat 0
}

.home-feature__iconwall .wall-icon.transactions {
    background: url(../img/home-transactions.svg) no-repeat 0
}

.home-feature__iconwall .wall-icon.transfer {
    background: url(../img/products-transfers-icon-transfer.svg) no-repeat 0
}

.home-feature__iconwall .wall-icon.batchtransfer {
    background: url(../img/products-transfers-icon-batch.svg) no-repeat 0
}

.home-feature__iconwall .wall-icon.hongbao {
    background: url(../img/products-transfers-icon-hongbao.svg) no-repeat 0
}

.home-feature__iconwall .wall-icon.analyze {
    background: url(../img/product-icon-analyze.svg) no-repeat 0
}

.home-feature__iconwall .wall-icon.pulse {
    background: url(../img/product-icon-pulse.svg) no-repeat 0
}

.home-feature__iconwall .wall-icon.chair {
    background: url(../img/product-icon-chair.svg) no-repeat 0
}

.home-feature__iconwall .column,.home-feature__iconwall .columns {
    padding: 0 2em;
    padding-top: 2em
}

.home-feature__iconwall h6 {
    font-size: 18px;
    letter-spacing: .05em;
    margin-bottom: 10px;
    font-weight: 400
}

.home-feature__iconwall p {
    padding-right: 20px;
    font-size: 14px;
    color: #616161;
    line-height: 22px
}

.home-testimonial .orbit-container {
    height: 480px;
    overflow: hidden
}

.home-testimonial .orbit-container:focus {
    outline: none
}

.home-testimonial .orbit-bullets {
    position: absolute;
    bottom: 20px;
    width: 100%;
    z-index: 9
}

.home-testimonial .orbit-bullets button {
    width: 10px;
    height: 10px;
    border: 1px solid #eee;
    background: none;
    -webkit-filter: drop-shadow(0x 2px 4px rgba(0,0,0,.2))
}

.home-testimonial .orbit-bullets button.is-active {
    background: #eee
}

.home-testimonial .orbit-bullets button:focus {
    outline: none
}

.home-testimonial .orbit-image {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: 50%
}

.home-testimonial .orbit-image.tezign {
    background-image: url(../img/home-cases-tezign.jpeg)
}

.home-testimonial .orbit-image.deyin {
    background-image: url(../img/home-cases-deyin.jpeg)
}

.home-testimonial .orbit-image.jianshu {
    background-image: url(../img/home-cases-jianshu.jpeg)
}

.home-testimonial .orbit-image.huwai {
    background-image: url(../img/home-cases-huwai.jpeg)
}

.home-testimonial .orbit-image.dingxiang {
    background-image: url(../img/home-cases-dingxiang.jpeg)
}

.home-testimonial .orbit-slide {
    height: 480px;
    overflow: hidden;
    position: relative;
    transition-timing-function: cubic-bezier(.19,1,.22,1);
    transition-duration: 1s;
    width: 100%
}

.home-testimonial .orbit-slide .slide-content {
    position: absolute;
    top: 90px;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    z-index: 2;
    width: 100%
}

.home-testimonial .orbit-slide .slide-content h4 {
    font-size: 1.5rem;
    text-align: center;
    line-height: 1.41;
    text-shadow: 0 2px 8px rgba(0,0,0,.25);
    font-weight: 300
}

.home-testimonial .orbit-slide .slide-content p {
    color: #fff
}

.home-testimonial .orbit-slide .slide-content p a {
    color: #fff;
    line-height: 33px;
    text-shadow: 0 2px 8px rgba(0,0,0,.25)
}

@media screen and (max-width: 39.9375em) {
    .home-testimonial .orbit-slide .slide-content h4 {
        font-size:1.125rem
    }

    .home-testimonial .orbit-slide .slide-content p {
        font-size: .875rem
    }
}

.home-testimonial .orbit-slide:after {
    content: " ";
    width: 100%;
    height: 489px;
    background: rgba(0,0,0,.25);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.testimonial-logo {
    display: inline-block;
    background-position: 0;
    margin-bottom: -12px;
    margin-right: 15px
}

.testimonial-logo.border-right {
    border-right: 1px solid hsla(0,0%,100%,.7)
}

.testimonial-logo.white.deyin {
    background-size: 79px 33px;
    width: 94px;
    background-image: url(../img/testimonial-logo-deyin-w@2x.png)
}

.testimonial-logo.white.tezign {
    background-size: 148px 33px;
    width: 163px;
    background-image: url(../img/testimonial-logo-tezign-w@2x.png)
}

.testimonial-logo.white.jianshu {
    background-size: 43px 24px;
    width: 58px;
    background-image: url(../img/testimonial-logo-jianshu-w@2x.png)
}

.testimonial-logo.white.huwai {
    background-size: 71px 24px;
    width: 86px;
    background-image: url(../img/testimonial-logo-huwai-w@2x.png)
}

.testimonial-logo.white.dingxiang {
    background-size: 78px 30px;
    width: 86px;
    background-image: url(../img/testimonial-logo-dingxiang-w@2x.png)
}

.index-content {
    background-color: #f9f9f9
}

.index-content * {
    box-sizing: border-box
}

.index-content .label {
    display: inline-block;
    margin-right: 10px;
    background-image: linear-gradient(-135deg,#1eefb4,#4fe5f6);
    border-radius: 100px;
    vertical-align: middle
}

.index-content .activity-area {
    margin-bottom: 24px;
    text-align: center
}

.index-content .activity-area a {
    display: inline-block;
    vertical-align: middle
}

.index-content hr {
    max-width: 100%;
    margin: 0
}

.index-content h4 {
    font-size: 24px;
    color: #202020;
    line-height: 36px
}

.index-info-module {
    width: 80%;
    margin: 0 auto 120px;
    padding-top: 190px
}

.index-info-module h1 {
    margin-bottom: 36px
}

.index-info-module .link {
    margin-top: 73px
}

.index-info-module .link a {
    margin-right: 20px
}

.index-info-module img {
    width: 100%;
    height: auto
}

.index-sort-module {
    width: 80%;
    margin: 90px auto
}

.index-sort-module h2 {
    margin-bottom: 24px;
    font-size: 48px;
    color: #202020;
    line-height: 72px
}

.index-sort-module .sort-txt {
    margin-bottom: 10px
}

.index-sort-module .sort-item {
    padding: 44px 56px;
    height: 320px;
    background-size: 100%;
    background-position: 100% 100%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover
}

.index-sort-module .sort-item p {
    margin-bottom: 24px
}

.index-sort-module .sort-item.sort-1 {
    background-image: url(../img/sort-1.png)
}

.index-sort-module .sort-item.sort-2 {
    background-image: url(../img/sort-2.png)
}

.index-sort-module .sort-item.sort-3 {
    background-image: url(../img/sort-3.png)
}

.index-sort-module .sort-item.sort-4 {
    background-image: url(../img/sort-4.png)
}

.index-sort-module .large-6,.index-sort-module .medium-6 {
    padding-right: 25px;
    padding-left: 25px;
    padding-top: 50px
}

.index-reason-module {
    width: 80%;
    margin: 0 auto;
    text-align: center
}

.index-reason-module h2 {
    margin: 90px 0
}

.index-reason-module .reason-img {
    display: inline-block;
    width: 125px;
    height: 104px;
    background-repeat: no-repeat;
    background-size: cover
}

.index-reason-module .reason-img-1 {
    background-image: url(../img/reason-1.png)
}

.index-reason-module .reason-img-2 {
    background-image: url(../img/reason-2.png)
}

.index-reason-module .reason-img-3 {
    background-image: url(../img/reason-3.png)
}

.index-reason-module .reason-img-4 {
    background-image: url(../img/reason-4.png)
}

.index-reason-module .reason-img-5 {
    background-image: url(../img/reason-5.png)
}

.index-reason-module .reason-img-6 {
    background-image: url(../img/reason-6.png)
}

.index-reason-module p {
    margin-bottom: 90px
}

.index-customer-moudle {
    width: 80%;
    margin: 0 auto;
    padding-bottom: 50px
}

.index-customer-moudle h4 {
    margin-top: 60px;
    margin-bottom: 85px;
    font-size: 24px;
    color: #202020;
    line-height: 36px;
    text-align: center
}

.index-customer-moudle .customer-logo {
    margin-bottom: 60px;
    text-align: center
}

.index-customer-moudle .customer-logo img {
    max-width: 60%;
    max-height: 40px
}

.index-service-moudle {
    width: 80%;
    margin: 0 auto 60px;
    text-align: center
}

.index-service-moudle .columns {
    padding-bottom: 60px
}

.index-service-moudle h2 {
    margin: 90px 0;
    font-size: 36px;
    color: #202020;
    line-height: 54px
}

.index-service-moudle .service-img {
    display: inline-block;
    width: 104px;
    height: 104px;
    margin-bottom: 36px;
    background-repeat: no-repeat;
    background-size: cover
}

.index-service-moudle .service-img.service-img-1 {
    background-image: url(../img/service-1.png)
}

.index-service-moudle .service-img.service-img-2 {
    background-image: url(../img/service-2.png)
}

.index-service-moudle .service-img.service-img-3 {
    background-image: url(../img/service-3.png)
}

.index-service-moudle p {
    font-size: 14px;
    color: #606060;
    line-height: 22px
}

.index-case-moudle {
    position: relative;
    overflow: hidden
}

.index-case-moudle .arrow-left,.index-case-moudle .arrow-right {
    position: absolute;
    display: inline-block;
    width: 35px;
    height: 60px;
    background-color: #000;
    z-index: 10;
    opacity: .75
}

.index-case-moudle .arrow-left:after,.index-case-moudle .arrow-right:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -7px;
    margin-left: -7px;
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid hsla(0,0%,100%,.3);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    content: ""
}

.index-case-moudle .arrow-left:hover,.index-case-moudle .arrow-right:hover {
    background-color: #fff;
    opacity: 1
}

.index-case-moudle .arrow-left:hover:after,.index-case-moudle .arrow-right:hover:after {
    border-color: #212121
}

.index-case-moudle .arrow-left {
    left: 0;
    top: 50%;
    margin-top: -30px;
    border-radius: 0 3px 3px 0;
    line-height: 60px;
    text-align: center
}

.index-case-moudle .arrow-left:after {
    border-right: 0;
    border-top: 0
}

.index-case-moudle .arrow-right {
    right: 0;
    top: 50%;
    margin-top: -30px;
    border-radius: 3px 0 0 3px
}

.index-case-moudle .arrow-right:after {
    border-left: 0;
    border-bottom: 0
}

.index-case-moudle .case-list {
    position: relative;
    margin: 0;
    overflow: hidden
}

.index-case-moudle .case-list li {
    float: left;
    padding: 144px 0;
    height: 500px;
    background-color: rgba(0,0,0,.7);
    background-size: cover;
    list-style: none
}

.index-case-moudle .case-list li .clearfix {
    width: 620px;
    margin: 0 auto 60px;
    font-size: 24px;
    color: #fff;
    line-height: 36px;
    font-weight: 300
}

.index-case-moudle .case-list li .clearfix .pl {
    padding-left: 30px;
    margin-bottom: 70px
}

.index-case-moudle .case-list li .clearfix i {
    display: inline-block;
    width: 24px;
    float: left;
    line-height: 24px;
    font-size: 24px
}

.index-case-moudle .case-list li img {
    width: auto;
    height: 29px
}

.index-case-moudle .case-num {
    position: absolute;
    bottom: 40px;
    width: 100%;
    text-align: center
}

.index-case-moudle .case-num span {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 5px;
    border-radius: 50%;
    background: #ccc;
    box-shadow: inset 0 1px 0 0 rgba(0,0,0,.03);
    cursor: pointer
}

.index-case-moudle .case-num span.on {
    width: 10px;
    height: 10px;
    background: #fff;
    box-shadow: 0 2px 2px 0 rgba(73,65,65,.05)
}

.index-foot-moudle {
    width: 80%;
    margin: 70px auto 0;
    text-align: center;
    padding-bottom: 95px
}

.index-foot-moudle h4 {
    margin-bottom: 36px
}

.solicit-entry {
    background-image: url(./banner.png);
    background-size: cover;
    background-position: top;
    height: 240px;
    color: #fff;
    padding: 56px 0
}

.solicit-entry h2 {
    font-size: 36px;
    font-weight: 500;
    border-right: 1px solid hsla(0,0%,88%,.2);
    padding: 37px 40px 37px 0
}

.solicit-entry .desc {
    padding: 24px 0 40px 40px
}

.solicit-entry .desc .cta.hollow.white:hover {
    background-color: #fff;
    border-color: #fff;
    color: #14b1d1
}

.solicit-entry h5 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0
}

.solicit-entry p {
    margin-bottom: 16px;
    font-size: 16px
}

.pingxx-partner {
    background-image: url(./banner.png);
    background-size: cover;
    background-position: top;
    height: 454px;
    color: #fff;
    padding: 56px 0
}

.pingxx-partner .cta.hollow.white:hover {
    background-color: #fff;
    border-color: #fff;
    color: #14b1d1
}

.pingxx-partner h2 {
    font-size: 48px;
    line-height: 72px;
    font-weight: 300;
    padding: 60px 0 37px;
    margin: 0
}

.pingxx-partner .desc {
    margin-top: 24px;
    padding: 40px 34px;
    border-radius: 8px;
    background-color: #00d3d7;
    box-shadow: 0 0 36px 0 #00c2c7
}

.pingxx-partner h4 {
    padding-right: 47px;
    padding-bottom: 24px;
    font-size: 36px;
    line-height: 54px;
    margin-bottom: 24px;
    border-bottom: 1px solid hsla(0,0%,100%,.2);
    font-weight: 300
}

.pingxx-partner h5 {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
    margin: 0
}

.pingxx-partner p {
    margin-bottom: 16px;
    font-size: 16px
}

@media screen and (max-width: 414px) {
    .index-case-moudle,.index-customer-moudle,.index-info-module,.index-reason-module,.index-service-moudle,.index-sort-module {
        width:100%
    }

    .index-info-module {
        margin-top: -75px;
        padding-top: 100px
    }

    .index-info-module p {
        text-align: center
    }

    .index-info-module .link {
        margin: 50px 0 45px;
        text-align: center
    }

    .index-info-module img {
        width: 90%
    }

    h1 {
        text-align: center
    }

    h2 {
        font-size: 36px;
        line-height: 54px
    }

    .index-sort-module {
        margin-top: 60px
    }

    .index-sort-module .large-6,.index-sort-module .medium-6 {
        padding: 0;
        border-bottom: 1px solid #eee
    }

    .index-sort-module .sort-txt {
        width: 80%;
        margin: 0 auto;
        margin-bottom: 40px
    }

    .index-service-moudle h2 {
        margin: 30px 0 60px
    }

    .index-case-moudle .case-list li {
        width: 355px;
        height: 363px;
        padding: 54px 38px
    }

    .index-case-moudle .case-list li .clearfix {
        width: 90%;
        font-size: 18px
    }

    .index-content {
        padding-top: 90px
    }

    .solicit-entry {
        height: auto
    }

    .solicit-entry h2 {
        padding-right: 0;
        border-right: none;
        margin: 0
    }

    .solicit-entry .desc {
        padding-left: 0;
        text-align: center
    }

    .pingxx-partner {
        height: auto
    }

    .pingxx-partner h2 {
        padding-top: 0
    }

    .pingxx-partner .desc {
        margin-top: 48px
    }

    .pingxx-partner .desc h4 {
        padding-right: 0
    }
}

.products-grid>.column,.products-grid>.columns {
    padding-bottom: 1em;
    width: 33%;
    width: 100%
}

@media screen and (min-width: 40em) {
    .products-grid>.column,.products-grid>.columns {
        width:50%
    }
}

.products-filters a:before {
    content: " ";
    width: 10px;
    height: 10px;
    background: #bdbdbd;
    float: left;
    margin-right: .7em;
    margin-top: .1em;
    border-radius: 2px
}

.products-filters a.pc-web:before {
    background-color: #5b69c3
}

.products-filters a.qr:before {
    background-color: #d4e24a
}

.products-filters a.wechat:before {
    background-color: #3ea142
}

.products-filters a.mobile-web:before {
    background-color: #3ba3f8
}

.products-filters a.app:before {
    background-color: #f2514b
}

@media screen and (max-width: 39.9375em) {
    .products-filters a {
        width:100%
    }
}

.products-card {
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
    border-radius: 1px 1px 5px 5px;
    padding: 1.5rem
}

.product-card__info {
    text-align: left
}

.product-card__info h5 {
    margin-bottom: .4em
}

.product-card__info h6 {
    margin-bottom: 0
}

.product-card__rates h2 {
    text-align: right;
    margin-bottom: 0;
    color: #bdbdbd
}

.product-card__logo {
    font-size: 2rem;
    width: 2rem;
    color: #616161
}

.ld-content__heroicon.financing {
    background: url(../img/products-heroicon-financing.png) no-repeat;
    background-size: 61px 61px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi),screen and (-webkit-min-device-pixel-ratio:2) {
    .ld-content__heroicon.financing {
        background-image:url(../img/products-heroicon-financing@2x.png)
    }
}

.ld-content__heroicon.payment {
    background: url(../img/products-heroicon-payment.png) no-repeat;
    background-size: 61px 61px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi),screen and (-webkit-min-device-pixel-ratio:2) {
    .ld-content__heroicon.payment {
        background-image:url(../img/products-heroicon-payment@2x.png)
    }
}

.ld-content__heroicon.transfer {
    background: url(../img/products-heroicon-transfer.png) no-repeat;
    background-size: 61px 61px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi),screen and (-webkit-min-device-pixel-ratio:2) {
    .ld-content__heroicon.transfer {
        background-image:url(../img/products-heroicon-transfer@2x.png)
    }
}

.hero-bg-circle {
    width: 30rem;
    height: 30rem;
    background-color: #0a0a0a;
    position: absolute;
    top: 50%;
    left: 30%;
    border-radius: 100%
}

.hero-bg-circle.green {
    background-color: HSLA(128,41%,62%,.15);
    top: 65%;
    left: -20%;
    animation: e 10s ease-in-out infinite alternate;
    width: 80em;
    height: 80em
}

.hero-bg-circle.yellow {
    background-color: HSLA(47,100%,55%,.3);
    top: 50%;
    left: 70%;
    width: 40em;
    height: 40em;
    animation: g 10s ease-in-out infinite alternate
}

.hero-bg-circle.blue {
    background-color: HSLA(201,100%,67%,.2);
    top: 70%;
    left: 30%;
    animation: f 10s ease-in-out infinite alternate;
    width: 60em;
    height: 60em
}

.ld-fq-feature-account {
    height: 420px;
    overflow: hidden;
    position: relative;
    padding: 0 2em;
    max-width: 390px;
    margin: 0 auto;
    min-width: 220px
}

.ld-fq-feature-item {
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ld-fq-buy-card {
    background: #fefefe;
    color: #0a0a0a;
    width: 150px;
    border-radius: 3px;
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.05);
    left: 0;
    top: 10rem;
    animation: d 10s ease-in-out infinite alternate;
    padding: 0 1em
}

.ld-fq-buy-card h3 {
    margin-bottom: .2em;
    color: #66bb6a;
    text-shadow: none
}

.ld-fq-buy-card h3 .small {
    font-size: .875rem
}

.ld-fq-approval {
    right: 0;
    top: 4rem;
    transition: transform .2s ease-in-out
}

.ld-fq-approval:hover {
    transform: translateY(-2rem)
}

.ld-fq-approval .device-screen {
    background-image: url(../img/fq-approval-screen.png)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi),screen and (-webkit-min-device-pixel-ratio:2) {
    .ld-fq-approval .device-screen {
        background-image:url(../img/fq-approval-screen@2x.png)
    }
}

.header-content-background-white {
    background: #fff
}

.contact-con {
    position: relative;
    min-height: 500px
}

.contact-form-container {
    padding: 4rem 0
}

.contact-form-container select {
    font-size: 14px
}

.contact-form-container input[type=text]:focus,.contact-form-container textarea:focus {
    border-color: #35c8e6
}

.contact-address-container {
    padding: 4rem 0 1rem;
    border-top: 1px solid rgba(0,0,0,.05)
}

.contact-address-container h3 {
    margin-bottom: 0;
    text-align: left
}

.contact-address-container h4 {
    text-align: left;
    margin-bottom: 1.2em
}

.contact-address-container h5 {
    font-size: 1rem;
    margin-bottom: 0
}

.contact-address-container p {
    margin: .7em 0;
    font-size: .875rem;
    font-weight: 300;
    text-align: left
}

.contact-address-container .column,.contact-address-container .columns {
    position: relative
}

.contact-address-container a {
    font-size: .875rem
}

.contact-address-container a.external {
    position: absolute;
    bottom: -2em
}

@media screen and (max-width: 39.9375em) {
    .contact-address-container .column,.contact-address-container .columns {
        margin-bottom:2em
    }
}

.theme-ld-career .hero {
    background: linear-gradient(0deg,rgba(0,0,0,.35) 40%,rgba(0,0,0,.65)),url(../img/career-bg.jpg) 50%/cover no-repeat
}

.about-members__avatar {
    border-radius: 100%
}

.countdown {
    text-align: center;
    background-image: linear-gradient(-180deg,#fff,#f5f5f5);
    overflow: hidden
}

.countdown-timer {
    padding-top: 3em
}

.countdown-timer__digit {
    font-size: 6rem;
    margin-bottom: 0
}

@media screen and (max-width: 39.9375em) {
    .countdown-timer__digit {
        font-size:3rem
    }
}

.countdown-timer__unit {
    font-weight: 400
}

.countdown-row {
    z-index: 5;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.countdown-mask {
    z-index: 4;
    height: 40%;
    background-image: linear-gradient(-180deg,#fff,hsla(0,0%,100%,0) 95%)
}

.countdown-bg,.countdown-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.countdown-bg {
    height: 100%;
    right: 0;
    bottom: 0;
    z-index: 0;
    perspective: 500px
}

.countdown-bg__piece {
    height: 7.5rem;
    width: 7.5rem;
    background: #f5f5f5;
    position: absolute;
    top: -8rem
}

.countdown-logo {
    margin: 0 auto
}

.countdown-copy {
    padding: 2em 0
}

.apple-pay-hero-intro {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: -1
}

.apple-pay-logo {
    animation: h 1s forwards ease-in-out
}

.hero-delay {
    width: 100%;
    z-index: 1
}

.hero-delay h1,.hero-delay h2,.hero-delay h3,.hero-delay h4,.hero-delay h5,.hero-delay h6,.hero-delay p {
    text-align: left
}

.hero-delay-copy {
    opacity: 0;
    transform: scale(0);
    animation: j .8s forwards ease;
    animation-delay: 1s
}

@media screen and (max-width: 39.9375em) {
    .hero-delay-copy {
        animation:l .8s forwards ease;
        animation-delay: 2s
    }
}

.hero-delay-copy .links a {
    margin-right: 1.5em
}

.hero-delay-copy .typical-case-logo-wall {
    margin-top: 1.5rem
}

@media screen and (max-width: 39.9375em) {
    .hero-delay-copy .typical-case-logo-wall {
        padding:0
    }
}

.apple-pay-hand {
    background-image: url(../img/apple-pay-hand.png);
    background-size: 377px 634px;
    width: 377px;
    height: 634px;
    position: relative;
    opacity: 0;
    animation: i .8s forwards ease;
    animation-delay: 1.1s;
    margin: 0 auto
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi),screen and (-webkit-min-device-pixel-ratio:2) {
    .apple-pay-hand {
        background-image:url(../img/apple-pay-hand@2x.png)
    }
}

@media screen and (max-width: 39.9375em) {
    .apple-pay-hand {
        animation:k .8s forwards ease;
        animation-delay: 1s
    }
}

.apple-pay-hand-mask {
    width: 100%;
    height: 20%;
    bottom: 0;
    left: 0;
    position: absolute;
    background-image: linear-gradient(-179deg,transparent,#0a0a0a)
}

.apple-pay-screen {
    width: 160px;
    height: 282px;
    position: absolute;
    top: 53px;
    left: 57px;
    background: url(../img/apple-pay-screen@2x.png);
    background-size: contain;
    overflow: hidden
}

.apple-pay-screen-form {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../img/apple-pay-form@2x.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    transform: translateY(200px);
    z-index: 2
}

.apple-pay-screen-form,.apple-pay-screen-mask {
    width: 100%;
    height: 100%;
    transition: all .3s ease-in-out
}

.apple-pay-screen-mask {
    background: #0a0a0a;
    opacity: 0;
    z-index: 1
}

.apple-pay-screen:hover {
    cursor: pointer
}

.apple-pay-screen:hover .apple-pay-screen-form {
    transform: translateY(0)
}

.apple-pay-screen:hover .apple-pay-screen-mask {
    opacity: .5
}

.hero-copy.price p {
    color: #666
}

.price-title {
    padding-top: 90px
}

.pricing-plan {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-top: 33px
}

.pricing-plan,.pricing-plan * {
    box-sizing: border-box
}

.pricing-plan h1,.pricing-plan h2,.pricing-plan h3,.pricing-plan h4,.pricing-plan h5,.pricing-plan h6 {
    font-weight: 400
}

.pricing-plan-contact {
    display: none
}

.pricing-plan-item .title a {
    display: inline-block;
    padding: 8px;
    margin: 15px 0;
    width: 49%;
    color: #999;
    font-size: 16px;
    text-align: center
}

.pricing-plan-item .title a.active {
    color: #222
}

.pricing-plan-item .title a:last-child {
    border-left: 1px solid #eee
}

.pricing-plan-feature {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 12px 10px;
    background: #27c8e8;
    border-radius: 5px 5px 0 0
}

.pricing-plan-feature .columns {
    padding: 5px
}

.pricing-plan-feature .feature-item {
    height: 120px;
    padding: 12px 15px;
    background: #3dd6f4;
    border-radius: 4px;
    color: #fff
}

.pricing-plan-feature .feature-item p {
    margin: 0;
    font-size: 12px;
    line-height: 18px
}

.pricing-plan-feature .feature-item h5 {
    margin: 0;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    font-weight: 600
}

.pricing-plan-feature.senior {
    background: #0b5e8f
}

.pricing-plan-feature.senior .feature-item {
    background: #1073a7
}

.pricing-plan-list {
    margin: 0;
    padding: 0;
    list-style: none;
    min-height: 600px;
    background: #fff;
    border-radius: 0 0 5px 5px
}

.pricing-plan-list li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding-top: 28px;
    padding-bottom: 27px;
    border-top: 1px solid #f5f5f5;
    position: relative
}

.pricing-plan-list li .most-popular {
    position: absolute;
    top: 50%;
    left: -23px;
    display: block;
    width: 23px;
    margin-top: -30px;
    padding: 5px;
    border-radius: 3px 0 0 3px;
    background: #27c8e8;
    font-size: 11px;
    line-height: 1;
    color: #fff;
    text-align: center;
    font-weight: 600
}

.pricing-plan-list li>div:first-child {
    padding-left: 40px
}

.pricing-plan-list li h4 {
    margin-bottom: 5px;
    line-height: 20px;
    font-size: 14px;
    color: #212121;
    font-weight: 700
}

.pricing-plan-list li .pricing-plan-price {
    margin-bottom: 27px;
    font-size: 20px;
    color: #424242;
    font-weight: 300
}

.pricing-plan-list li p {
    margin: 0;
    font-size: 14px;
    line-height: 28px;
    color: #616161
}

.pricing-plan-senior {
    min-height: 1040px;
    background: #fff;
    border-radius: 0 0 5px 5px;
    padding-top: 273px
}

.pricing-plan-senior .senior-txt {
    font-size: 20px;
    color: #212121;
    text-align: center
}

.pricing-plan-senior .senior-txt-s {
    margin-bottom: 50px;
    font-size: 14px;
    color: #a1a1a1;
    text-align: center
}

.pricing-plan-senior .senior-tip {
    margin-bottom: 124px;
    font-size: 14px;
    color: #a1a1a1;
    text-align: center
}

.pricing-plan-senior .button.btn-senior {
    border: 1px solid #335277;
    border-radius: 100px;
    background: none;
    color: #335277;
    font-size: 14px;
    letter-spacing: .7px;
    text-transform: none
}

@media only screen and (max-width: 414px) {
    .pricing-plan-list li {
        padding-left:0;
        text-align: center
    }

    .pricing-plan-list li>div:first-child {
        padding-left: 0
    }

    .pricing-plan-list li:last-child {
        border-top: 2px solid #27c8e8;
        padding-top: 50px
    }

    .pricing-plan-list li .most-popular {
        position: absolute;
        top: 28px;
        left: 50%;
        display: block;
        width: 60px;
        margin-left: -30px;
        padding: 5px;
        border-radius: 0 0 3px 3px;
        background: #27c8e8;
        font-size: 11px;
        line-height: 1;
        color: #fff;
        text-align: center
    }

    .pricing-plan-list .button.hollow {
        margin-bottom: 20px
    }

    .pricing-plan-senior {
        padding-top: 100px;
        min-height: 360px
    }

    .pricing-plan-senior .senior-tip {
        margin-bottom: 50px
    }
}

@media screen and (min-width: 64em) {
    .pricing-plan-item.large-6 {
        -ms-flex:0 0 48%;
        flex: 0 0 48%;
        max-width: 48%
    }
}

@media screen and (min-width: 40em) {
    .pricing-plan-item.medium-6 {
        -ms-flex:0 0 48%;
        flex: 0 0 48%;
        max-width: 48%
    }
}

@media only screen and (min-width: 1024px) {
    .pricing-plan-contact {
        display:block;
        padding-top: 450px;
        font-size: 50px;
        color: #ccc;
        text-align: center;
        -ms-flex: 0 0 4%;
        flex: 0 0 4%;
        max-width: 4%
    }
}

.pricing-table-bg {
    background: #fff
}

.pricing-head-container .column,.pricing-head-container .columns,.pricing-individual-table .column,.pricing-individual-table .columns {
    position: relative;
    transition: all .2s ease;
    border-right: 1px solid #eee
}

.pricing-head-container .column:first-child,.pricing-head-container .columns:first-child,.pricing-individual-table .column:first-child,.pricing-individual-table .columns:first-child {
    border-left: 1px solid #eee
}

.pricing-head-container .column:last-child,.pricing-head-container .columns:last-child,.pricing-individual-table .column:last-child,.pricing-individual-table .columns:last-child {
    border: 1px solid #35c8e6
}

.pricing-head-container .column:last-child:before,.pricing-head-container .columns:last-child:before,.pricing-individual-table .column:last-child:before,.pricing-individual-table .columns:last-child:before {
    content: "最受欢迎";
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fefefe;
    font-size: 14px;
    background-color: #35c8e6;
    box-shadow: -1px 0 0 #35c8e6,1px 0 0 #35c8e6
}

@media screen and (max-width: 39.9375em) {
    .pricing-head-container .column:last-child:before,.pricing-head-container .columns:last-child:before,.pricing-individual-table .column:last-child:before,.pricing-individual-table .columns:last-child:before {
        display:none
    }
}

.pricing-head-container .column:last-child:after,.pricing-head-container .columns:last-child:after,.pricing-individual-table .column:last-child:after,.pricing-individual-table .columns:last-child:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 20px;
    background: #fff;
    box-shadow: -1px 0 0 #35c8e6,1px 0 0 #35c8e6,0 1px 0 #35c8e6
}

@media screen and (max-width: 39.9375em) {
    .pricing-head-container .column:last-child:after,.pricing-head-container .columns:last-child:after,.pricing-individual-table .column:last-child:after,.pricing-individual-table .columns:last-child:after {
        display:none
    }
}

@media screen and (max-width: 39.9375em) {
    .pricing-head-container .column:last-child,.pricing-head-container .columns:last-child,.pricing-individual-table .column:last-child,.pricing-individual-table .columns:last-child {
        border-top:none;
        border-left: none;
        border-right: none;
        border-bottom: 1px solid #eee
    }
}

@media screen and (max-width: 39.9375em) {
    .pricing-head-container .column,.pricing-head-container .columns,.pricing-individual-table .column,.pricing-individual-table .columns {
        border-right-color:transparent;
        border-left-color: transparent;
        border-bottom: 1px solid #eee
    }
}

@media screen and (min-width: 40em) {
    .pricing-head-container .column:not(:last-child) .pricing-head,.pricing-head-container .columns:not(:last-child) .pricing-head,.pricing-individual-table .column:not(:last-child) .pricing-head,.pricing-individual-table .columns:not(:last-child) .pricing-head {
        border-right:none
    }
}

.pricing-head-container .column:last-child .pricing-body span[data-description]:hover:after,.pricing-head-container .columns:last-child .pricing-body span[data-description]:hover:after,.pricing-individual-table .column:last-child .pricing-body span[data-description]:hover:after,.pricing-individual-table .columns:last-child .pricing-body span[data-description]:hover:after {
    top: 90%;
    left: 50%
}

.pricing-head {
    text-align: center;
    padding: 1.5em 1em .5em;
    background: #fff
}

.pricing-head__copy {
    margin-bottom: .7em;
    min-height: 95px
}

.pricing-head__copy h5 {
    font-weight: 500;
    margin-bottom: 16px
}

.pricing-head__copy h6 {
    font-size: .75rem;
    font-weight: 500;
    text-transform: uppercase;
    color: #9e9e9e;
    margin-bottom: 0
}

.pricing-head__copy p {
    color: #999;
    font-size: .875rem;
    line-height: 1.4
}

.pricing-head .button.cta {
    padding: .7em 1.61em;
    margin-bottom: 0
}

.price-wrap {
    min-height: 80px
}

h3.price {
    margin-left: 12px;
    position: relative;
    font-weight: 300;
    font-size: 2rem;
    margin-bottom: 2px
}

h3.price .unit {
    font-size: 1rem;
    font-weight: 400
}

h3.price .number {
    position: relative
}

h3.price .symbol {
    position: absolute;
    top: 3px;
    left: -20px;
    font-size: 1.5rem;
    font-weight: 300
}

p.desc {
    font-size: .75rem;
    color: #666;
    margin-bottom: 0
}

.pricing-body {
    margin-left: 0;
    list-style-type: none;
    text-align: left;
    background: transparent;
    font-size: 14px
}

@media screen and (max-width: 39.9375em) {
    .pricing-body {
        text-align:center
    }
}

.pricing-body .label {
    font-size: 10px;
    display: inline-block;
    vertical-align: middle;
    color: #666;
    padding: 4px;
    border-radius: 3px;
    margin-left: 4px
}

.pricing-body li {
    padding: 1em 0 1em 1.2em
}

.pricing-body li .icon-check {
    display: inline-block;
    margin-right: 8px
}

@media screen and (max-width: 39.9375em) {
    .pricing-body li .icon-check {
        display:none
    }
}

.pricing-body li p {
    margin: 0;
    padding: .3em .2em;
    color: #757575;
    cursor: default
}

.pricing-body li span[data-description] {
    position: relative
}

.pricing-body li span[data-description]:hover {
    cursor: help
}

.pricing-body li span[data-description]:hover:after {
    content: attr(data-description);
    position: absolute;
    top: 90%;
    width: 160px;
    padding: 12px 20px;
    background: #00b7d3;
    color: #fefefe;
    transition: all .3s;
    font-size: 12px;
    border-radius: 3px;
    text-align: justify;
    z-index: 9
}

@media screen and (max-width: 39.9375em) {
    .pricing-body li span[data-description]:hover:after {
        display:none
    }
}

.pricing-body li span[data-description]:hover .notification-caret:after {
    opacity: 1;
    transform: rotate(-45deg) scale(1)
}

.pricing-body li span[data-description] .notification-caret {
    transition: all .3s;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10px;
    z-index: 1
}

.pricing-body li span[data-description] .notification-caret:after {
    left: 48%;
    border: 1px solid #00b7d3;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 12px;
    height: 12px;
    transform: rotate(-45deg) scale(0);
    transform-origin: 0 0;
    z-index: 1;
    opacity: 0
}

.pricing-body li .strikethrough {
    text-decoration: line-through;
    color: #d5d5d5;
    padding-left: 22px
}

@media screen and (max-width: 39.9375em) {
    .pricing-body li .strikethrough {
        padding-left:0
    }
}

.pricing-body li .number {
    color: #212121;
    padding: .2em 0 .05em;
    transition: all .2s ease-in-out
}

@media screen and (min-width: 40em) {
    .pricing-body li:not(:last-child) {
        border-bottom:1px solid rgba(0,0,0,.05)
    }
}

.pricing-section h4 {
    text-align: center;
    width: 100%;
    margin-bottom: 1.1em
}

.pricing-section__customer-logos {
    position: relative;
    width: 100%;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pricing-section__customer-logos .border {
    border-top: 1px solid #eaeaea
}

.pricing-section__customer-logos .animate {
    opacity: .7;
    list-style: none;
    position: relative;
    z-index: 1;
    top: 0;
    left: 0;
    height: 110px;
    width: 3210px;
    margin-bottom: 0;
    transform: translateX(-250px);
    animation: C 50s linear 1
}

.pricing-section__customer-logos .animate li {
    position: relative;
    text-align: justify;
    line-height: 0;
    letter-spacing: -.31em;
    float: left;
    overflow: hidden;
    height: 100%;
    width: 1600px
}

.pricing-section__customer-logos figure {
    margin: 0;
    padding: 0
}

.pricing-section__customer-logos .customer-logo {
    width: 200px;
    padding: 2rem 0;
    display: inline-block;
    vertical-align: middle;
    text-align: center
}

.pricing-section__customer-logos .customer-logo .logo {
    max-width: 70%
}

.pricing-section__all-plans {
    font-size: .875rem;
    background: #fafafa;
    padding: 38px 0 0
}

.pricing-section__all-plans .title {
    padding-bottom: 2rem;
    color: #999;
    text-align: center
}

.pricing-section__all-plans .content {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    color: #666
}

.pricing-section__all-plans .content li {
    float: left;
    margin-left: 16px;
    padding-bottom: 2rem
}

.pricing-section__all-plans .content li .icon-check {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 50%;
    margin-right: 5px;
    font-size: 10px
}

.pricing-section__all-plans .content li strong {
    font-weight: 600
}

@media screen and (max-width: 39.9375em) {
    .pricing-section__all-plans .content li {
        float:none;
        margin-left: 0;
        display: block;
        text-align: center
    }
}

.pricing-section__desc {
    opacity: .7;
    margin-bottom: 1.5rem;
    font-size: 14px
}

.pricing-section__contact {
    text-align: center;
    background-color: #fff
}

.pricing-section__contact .content {
    padding: 3rem 0;
    font-weight: 500;
    border-bottom: 1px solid #eaeaea
}

@media screen and (max-width: 39.9375em) {
    .pricing-section__contact .content {
        line-height:50px
    }
}

.pricing-section__contact .content span {
    line-height: 36px
}

.pricing-section__contact a.button {
    position: relative;
    margin-left: 1rem;
    margin-bottom: 0;
    width: 191px;
    font-size: 14px;
    padding: 0;
    line-height: 34px;
    vertical-align: bottom
}

.pricing-section__contact a.button:hover {
    text-decoration: none
}

@media screen and (max-width: 39.9375em) {
    .pricing-section__contact a.button {
        margin-left:0
    }
}

.pricing-section__contact .icon-chevron-right {
    display: inline-block;
    margin-left: 8px;
    font-size: 12px
}

.pricing-section__faq {
    padding: 108px 0 4rem;
    background-color: #fff
}

.pricing-section__faq p.link {
    margin: 33px 0 44px
}

.pricing-section__faq h2 {
    margin-bottom: 54.8px
}

.pricing-section__faq h3 {
    margin-bottom: 2rem
}

.pricing-section__faq .accordion-item.is-active {
    background: none
}

.pricing-section__faq .accordion-item:last-child>a {
    border: none
}

.pricing-section__faq .accordion-item:first-child>a {
    border-top: 1px solid #eaeaea
}

.pricing-section__faq .accordion-item .accordion-title {
    font-size: 15px;
    color: #212121;
    font-weight: 600
}

.pricing-section__faq .accordion-item .accordion-title[aria-expanded=true] {
    border-bottom-color: transparent
}

.pricing-section__faq .accordion-item .accordion-content {
    font-size: .875rem;
    color: #666
}

.pricing-compare.on .number {
    box-shadow: inset 0 -1px 0 0 #fff,inset 0 -4px 0 0 #fedc58
}

.pricing-individual-item {
    border: 1px solid #ebebeb
}

.pricing-individual-item:not(:last-child) {
    border-right: none
}

.pricing-individual-item .pricing-head {
    text-align: left;
    padding: 2.5em 2em;
    border: none
}

.pricing-individual-item h5 {
    margin-bottom: .2em
}

.pricing-individual-item dl,.pricing-individual-item p {
    font-size: .875rem
}

.pricing-individual-item dl span.amount,.pricing-individual-item p span.amount {
    font-weight: 500;
    padding-left: .5em
}

.pricing-faq-item,.pricing-section__faq h4 {
    margin-bottom: 2em
}

.pricing-faq-item h6 {
    font-weight: 700
}

.pricing-faq-item h6,.pricing-faq-item p {
    font-size: .875rem;
    margin-bottom: .7em
}

.footnotes p {
    color: #8a8a8a;
    font-size: .75rem
}

.dashboard-hero-pic {
    animation: m .5s forwards ease
}

.docs-nav {
    text-align: center
}

.docs-nav .row {
    border-bottom: 1px solid #e0e0e0
}

@media screen and (max-width: 39.9375em) {
    .docs-nav .row {
        -ms-flex-wrap:nowrap;
        flex-wrap: nowrap;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        width: 100%
    }

    .docs-nav .row .columns {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

.docs-nav a {
    padding: 1.21em 0;
    display: block;
    width: 100%;
    color: #616161;
    font-weight: 500;
    margin-bottom: -1px
}

.docs-nav a.active {
    color: #0a0a0a;
    border-bottom: 2px solid #35c8e6
}

@media screen and (max-width: 39.9375em) {
    .docs-nav a.active {
        color:#14b1d1
    }
}

.doc-filters {
    width: 100%
}

.docs-upnext {
    float: right;
    margin-top: 1.5em
}

.docs-upnext a {
    display: block
}

.docs-head .channel-select-item,.docs-head .language-select-item {
    opacity: 0;
    transition: all .2s ease;
    transition-delay: .2s
}

.docs-head .channel-select-item.on,.docs-head .language-select-item.on {
    opacity: 1
}

.docs-head .dropdown.menu {
    float: right
}

.docs-head .dropdown.menu>li {
    font-size: .75rem;
    padding-left: 10px
}

.docs-head .dropdown.menu>li>a {
    padding-left: 0;
    font-size: .875rem;
    margin-top: -10px
}

.docs-head .dropdown.menu .submenu {
    background: #fefefe;
    border-radius: 3px;
    border: 1px solid #eee;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.05);
    font-size: .875rem;
    overflow-y: auto;
    max-height: 20.5em
}

.docs-content-container {
    padding: 2em 0
}

.docs-article-select-toggle {
    border: 1px solid #e0e0e0;
    text-align: center;
    width: 100%;
    display: block;
    padding: 1em 0;
    margin-top: -1em;
    font-weight: 300;
    color: #14b1d1
}

.docs-article-select li.subcategory:not(.is-index) {
    display: none
}

.docs-article-select li.subcategory.disabled {
    pointer-events: none
}

.docs-article-select a.active {
    background: #35c8e6;
    color: #fefefe
}

.docs-article-select a.subcategory {
    margin-left: 1em
}

.docs-article-select a.subcategory.is-index {
    margin-left: 0
}

.docs-article-select a.subcategory.disabled {
    pointer-events: none;
    cursor: default;
    color: #757575;
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .0125em
}

@media screen and (max-width: 39.9375em) {
    .docs-article-select {
        max-height:0;
        transition: all .5s ease-in-out;
        overflow: hidden;
        margin-bottom: 2em;
        opacity: 0
    }

    .docs-article-select.on {
        max-height: 999px;
        padding: 1em 0;
        border-bottom: 1px solid #ebebeb;
        opacity: 1
    }
}

.docs-content {
    color: #616161
}

.docs-content a:hover {
    text-decoration: underline
}

.docs-content p {
    line-height: 1.67rem;
    margin-bottom: 1.67rem
}

.docs-content h1,.docs-content h2,.docs-content h3,.docs-content h4,.docs-content h5,.docs-content h6 {
    color: #0a0a0a
}

.docs-content h3 {
    font-size: 1.25rem;
    border-top: 1px solid #e0e0e0;
    padding-top: 1.67rem;
    margin-top: 1.67rem
}

.docs-content h4,.docs-content h5,.docs-content h6 {
    font-size: 1rem;
    margin-bottom: .8rem;
    margin-top: 2.505rem;
    font-weight: 500
}

.docs-content code {
    background: #fff;
    border-radius: 4px;
    font-family: Menlo,Consolas,Liberation Mono,Courier,monospace;
    font-size: .9375rem;
    color: #c82829;
    border: 1px solid #e8e8eb
}

.docs-content pre>code {
    background: none;
    border: none;
    padding: 0
}

.docs-content pre>code.hide {
    visibility: hidden
}

.docs-content ol li {
    padding-left: .5em;
    padding-bottom: .5em
}

.docs-content ul:not(.menu) {
    list-style: none;
    margin-left: 0
}

.docs-content ul:not(.menu) li {
    position: relative;
    padding-left: 30px;
    margin-bottom: .5em
}

.docs-content ul:not(.menu) li:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    left: 10px;
    top: 9px;
    border-radius: 50%;
    background: #939da3
}

.docs-content .code-filter .channel-description {
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    padding-bottom: .2em
}

.docs-content img {
    border: 1px solid #ebebeb
}

.hero-top {
    position: relative;
    top: -87px;
    margin-top: 0
}

.hero-docs h1 {
    font-size: 4.25rem;
    font-weight: 100;
    text-align: right
}

@media screen and (max-width: 39.9375em) {
    .hero-docs h1 {
        text-align:left;
        margin-left: 16px;
        font-size: 3rem
    }
}

.hero-docs h4 {
    text-align: left;
    color: hsla(0,0%,100%,.6)!important;
    width: auto
}

@media screen and (max-width: 39.9375em) {
    .hero-docs h4 {
        margin-left:16px;
        margin-top: .5em
    }
}

.hero-docs h4 a {
    color: #fff;
    position: relative
}

.hero-docs h4 a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    border-bottom: 1px solid #fefefe;
    transition: .4s
}

.hero-docs h4 a:hover:after {
    width: 100%
}

.hero-docs .hero-copy {
    margin: 3.5em 0 2em
}

.hero-docs p.buttons {
    margin-bottom: 0
}

.hero-docs p.buttons a:first-child {
    margin-right: .5em
}

.hero-downloads {
    padding: 8rem 0;
    min-height: 100vh;
    background-color: #000
}

.hero-downloads h1,.hero-downloads h2,.hero-downloads h3,.hero-downloads h4 {
    text-align: left;
    width: auto
}

.hero-downloads h1 {
    margin-bottom: 1em
}

.hero-downloads h3 {
    margin-bottom: .5em
}

.hero-downloads p.buttons {
    color: hsla(0,0%,100%,.5)
}

.downloads-list {
    list-style: none;
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 2em
}

.downloads-list li {
    padding: 0 1.875rem 1.875rem 0
}

.downloads-list li a {
    display: block;
    width: 12.5rem;
    height: 7.5rem;
    padding: 1.25rem 1.875rem 1.0625rem;
    background: #202020;
    border-radius: 3px;
    transition: all .5s ease;
    font-size: 1.25rem;
    color: #fefefe
}

.downloads-list li a span {
    display: block;
    margin-bottom: 2rem
}

.downloads-list li a span:after {
    position: relative;
    top: -.125rem;
    left: -1.25rem;
    margin-left: .5rem;
    font-family: icomoon!important;
    content: "\e904";
    color: #35c8e6;
    font-size: .75rem;
    opacity: 0
}

.downloads-list li a small {
    display: block;
    font-size: .75rem;
    color: hsla(0,0%,100%,.35)
}

.downloads-list li a:hover {
    background: #2a2a2a;
    box-shadow: 0 0 5px 0 #000,inset 0 1px 0 0 hsla(0,0%,100%,.05)
}

.downloads-list li a:hover span:after {
    opacity: 1;
    left: 0;
    animation: B .5s
}

@keyframes B {
    0% {
        left: -1.25rem;
        opacity: .3
    }

    50% {
        opacity: .6
    }

    to {
        left: 0;
        opacity: 1
    }
}

.downloads-content h3 {
    font-weight: 400
}

.downloads-content h3:after {
    content: "";
    display: inline-block;
    margin-left: 2px;
    width: .875rem;
    height: 0;
    border-bottom: 2px solid #35c8e6;
    overflow: hidden
}

@media screen and (max-width: 39.9375em) {
    .downloads-content {
        margin-left:16px!important
    }
}

.hero.hero-surface {
    padding-top: 6rem;
    padding-bottom: 0
}

.hero.hero-surface .hero-copy {
    width: 415px;
    height: 415px;
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    box-shadow: 0 3px 24px 0 rgba(0,0,0,.05);
    text-align: left;
    padding: 5rem 3.125rem;
    transform: translateY(4.375rem)
}

.hero.hero-surface .hero-copy h1 {
    font-family: Baskerville,Songti SC,新細明體,MingLiU,serif;
    font-weight: 400;
    text-align: left;
    color: #0a0a0a;
    text-shadow: none
}

.hero.hero-surface .hero-copy h4 {
    text-align: left;
    font-weight: 300
}

.hero.hero-surface .hero-copy--notransform {
    padding: 3rem 3.125rem 5rem;
    transform: none;
    color: #fff;
    background: none;
    border: none;
    box-shadow: none
}

.hero.hero-surface .hero-copy--notransform h1,.hero.hero-surface .hero-copy--notransform h4 {
    color: #fff
}

.hero.hero-surface .hero-copy h1 {
    margin-bottom: 1.41rem
}

@media screen and (max-width: 39.9375em) {
    .hero.hero-surface .hero-copy {
        background:rgba(0,0,0,.5);
        color: #fff;
        width: auto;
        height: auto;
        transform: translateY(-1rem)
    }

    .hero.hero-surface .hero-copy h1,.hero.hero-surface .hero-copy h4 {
        color: #fff;
        text-shadow: 0 0 10px rgba(0,0,0,.5)
    }
}

.hero.hero-surface.secondary {
    padding-top: 8rem
}

.hero.hero-surface.secondary .hero-copy {
    width: 100%;
    height: 177px;
    padding: 1rem 1rem 0;
    text-align: center
}

.hero.hero-surface.secondary .hero-copy h2 {
    font-family: Baskerville,Songti SC,新細明體,MingLiU,serif;
    color: rgba(0,0,0,.8);
    text-shadow: none;
    margin-bottom: .2rem
}

.hero.hero-surface.secondary .hero-copy h5 {
    color: #9e9e9e;
    text-shadow: none
}

.hero.hero-surface.secondary .hero-copy .breadcrumbs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.hero.hero-surface.secondary .hero-copy .breadcrumbs li {
    text-transform: none
}

.hero.hero-surface.secondary .hero-copy .breadcrumbs li:not(:last-child):after {
    font-family: icomoon!important;
    content: "\e909";
    top: -1px
}

.hero.hero-surface.secondary .hero-copy .breadcrumbs a,.hero.hero-surface.secondary .hero-copy .breadcrumbs span {
    color: #aeaeae;
    font-size: 1rem;
    font-weight: 300
}

@media screen and (max-width: 39.9375em) {
    .hero.hero-surface.secondary .hero-copy {
        height:167px;
        background: #fff;
        transform: translateY(-2rem)
    }
}

@media screen and (max-width: 39.9375em) {
    .hero.hero-surface.secondary {
        padding-top:9rem
    }
}

.hero-bg.testimonial {
    background-image: linear-gradient(137deg,transparent 30%,rgba(0,0,0,.45)),url(../img/testimonial-top.jpg);
    background-size: cover;
    background-position: 50%
}

.hero-bg.testimonial.shiji {
    background-image: linear-gradient(20deg,transparent 30%,rgba(0,0,0,.45)),url(../img/customer-case-shiji.png)
}

.hero-bg.testimonial.travel {
    background-image: linear-gradient(37deg,transparent 30%,rgba(0,0,0,.45)),url(../img/customer-case-travel.jpg)
}

.hero-bg.testimonial.sandbox {
    background-image: linear-gradient(0deg,transparent 30%,rgba(0,0,0,.45)),url(../img/customer-case-sandbox.jpg)
}

.hero-bg.testimonial.mmcar {
    background-image: linear-gradient(37deg,transparent 30%,rgba(0,0,0,.45)),url(../img/customer-case-mmcar.jpg)
}

.hero-bg.testimonial.qqchou {
    background-image: linear-gradient(0deg,transparent 30%,rgba(0,0,0,.45)),url(../img/customer-case-qqchou.jpg)
}

.hero-bg.testimonial.deyin {
    background-image: linear-gradient(37deg,transparent 30%,rgba(0,0,0,.45)),url(../img/home-cases-deyin.jpeg)
}

.hero-bg.testimonial.tezign {
    background-image: linear-gradient(20deg,transparent 30%,rgba(0,0,0,.45)),url(../img/home-cases-tezign.jpeg)
}

.hero-bg.testimonial.jianshu {
    background-image: linear-gradient(37deg,transparent 30%,rgba(0,0,0,.45)),url(../img/home-cases-jianshu.jpeg)
}

.hero-bg.testimonial.dingxiang {
    background-image: linear-gradient(37deg,transparent 30%,rgba(0,0,0,.45)),url(../img/home-cases-dingxiang.jpeg)
}

.hero-bg.testimonial.huwai {
    background-image: linear-gradient(37deg,transparent 30%,rgba(0,0,0,.45)),url(../img/home-cases-huwai.jpeg)
}

.testimonial-categories {
    padding-top: 7em;
    text-align: center
}

@media screen and (max-width: 39.9375em) {
    .testimonial-categories {
        padding-top:2em
    }
}

.testimonial-categories .tab {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    box-shadow: 0 3px 24px 0 rgba(0,0,0,.05)
}

.testimonial-categories h5 {
    font-size: .875rem;
    font-weight: 400
}

.testimonial-categories--new {
    transform: translateY(-2rem);
    background: #fff;
    box-shadow: 0 3px 24px 0 rgba(0,0,0,.05);
    text-align: center;
    margin-bottom: 3rem
}

.testimonial-categories--new .tabs {
    border: none
}

.testimonial-categories--new .tabs-title {
    width: 50%
}

.testimonial-categories--new .tabs-title>a {
    font-size: 1.25rem;
    font-weight: 200;
    background-color: #fefefe;
    border: 1px solid rgba(0,0,0,.05);
    padding: 1.8rem 1.5rem;
    box-shadow: inset 5px -5px 25px 0 rgba(0,0,0,.05)
}

.testimonial-categories--new .tabs-title>a#panel2-label {
    border-left: none
}

@media screen and (max-width: 39.9375em) {
    .testimonial-categories--new .tabs-title>a {
        padding:1rem;
        font-size: 1rem
    }
}

.testimonial-categories--new .tabs-title.is-active a {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.05);
    box-shadow: none
}

.testimonial-categories--new .tabs-content {
    border: none
}

.testimonial-categories--new .tabs-panel {
    padding-top: 2rem;
    transition: all .35 ease-in
}

.testimonial-categories--new .tabs-panel a {
    color: currentColor
}

.testimonial-categories--new .tabs-panel a.active {
    color: #14b1d1
}

.testimonial-categories--new h5 {
    font-size: .875rem;
    font-weight: 400
}

@media screen and (max-width: 39.9375em) {
    .testimonial-categories--new .testimonial-categories__icon {
        display:none
    }
}

.testimonial-categories--new .all.active.active .testimonial-categories__icon {
    background-image: url(../img/testimonial-icon-all1.svg)
}

.testimonial-categories--new .social.active .testimonial-categories__icon {
    background-image: url(../img/testimonial-icon-social1.svg)
}

.testimonial-categories--new .shopping.active .testimonial-categories__icon {
    background-image: url(../img/testimonial-icon-shopping1.svg)
}

.testimonial-categories--new .platform.active .testimonial-categories__icon {
    background-image: url(../img/testimonial-icon-platform1.svg)
}

.testimonial-categories--new .o2o.active .testimonial-categories__icon {
    background-image: url(../img/testimonial-icon-o2o1.svg)
}

.testimonial-categories--new .health.active .testimonial-categories__icon {
    background-image: url(../img/testimonial-icon-health1.svg)
}

.testimonial-categories--new .education.active .testimonial-categories__icon {
    background-image: url(../img/testimonial-icon-education1.svg)
}

.testimonial-categories--new .nonprofit.active .testimonial-categories__icon {
    background-image: url(../img/testimonial-icon-nonprofit1.svg)
}

.testimonial-categories--new .travel.active .testimonial-categories__icon {
    background-image: url(../img/testimonial-icon-travel1.svg)
}

.testimonial-categories--new .apple-pay.active .testimonial-categories__icon {
    background-image: url(../img/testimonial-icon-applepay1.svg)
}

.testimonial-categories--new .fenqi.active .testimonial-categories__icon {
    background-image: url(../img/testimonial-icon-fenqi1.svg)
}

.testimonial-categories--new .cmb.active .testimonial-categories__icon {
    background-image: url(../img/testimonial-icon-cmb1.svg)
}

.testimonial-categories--new .foreign.active .testimonial-categories__icon {
    background-image: url(../img/testimonial-icon-foreign1.svg)
}

.testimonial-categories__icon {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    margin-bottom: 1em;
    background-position: 50%;
    background-repeat: no-repeat
}

.testimonial-categories__icon.all {
    background-image: url(../img/testimonial-icon-all.svg)
}

.testimonial-categories__icon.travel {
    background-image: url(../img/testimonial-icon-travel.svg)
}

.testimonial-categories__icon.nonprofit {
    background-image: url(../img/testimonial-icon-nonprofit.svg)
}

.testimonial-categories__icon.education {
    background-image: url(../img/testimonial-icon-education.svg)
}

.testimonial-categories__icon.health {
    background-image: url(../img/testimonial-icon-health.svg)
}

.testimonial-categories__icon.social {
    background-image: url(../img/testimonial-icon-social.svg)
}

.testimonial-categories__icon.o2o {
    background-image: url(../img/testimonial-icon-o2o.svg)
}

.testimonial-categories__icon.platform {
    background-image: url(../img/testimonial-icon-platform.svg)
}

.testimonial-categories__icon.shopping {
    background-image: url(../img/testimonial-icon-shopping.svg)
}

.testimonial-categories__icon.apple-pay {
    background-image: url(../img/testimonial-icon-applepay.svg)
}

.testimonial-categories__icon.fenqi {
    background-image: url(../img/testimonial-icon-fenqi.svg)
}

.testimonial-categories__icon.cmb {
    background-image: url(../img/testimonial-icon-cmb.svg)
}

.testimonial-categories__icon.foreign {
    background-image: url(../img/testimonial-icon-foreign.svg)
}

.testimonial-card {
    position: relative;
    width: 97%;
    padding-bottom: 7rem;
    margin-bottom: 3rem;
    background: #fefefe;
    border: 1px solid rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    border-radius: 3px;
    overflow: hidden;
    display: block;
    transition: box-shadow .2s ease,opacity .2s ease
}

.testimonial-card:hover {
    box-shadow: 0 10px 50px rgba(102,136,153,.15)
}

.testimonial-card:hover .testimonial-card__text {
    transform: translateY(3.5rem);
    background: #fefefe
}

.testimonial-card:last-child {
    border-bottom: none
}

@media screen and (max-width: 39.9375em) {
    .testimonial-card {
        width:100%;
        left: 0!important
    }
}

.testimonial-card .testimonial__fullbleed {
    position: absolute;
    width: 100%;
    transition: height .3s ease
}

.testimonial-card__text {
    position: relative;
    padding: 40px 45px;
    border: 1px solid rgba(0,0,0,.05);
    background: hsla(0,0%,100%,.95);
    box-shadow: 0 3px 20px 0 rgba(0,0,0,.05);
    transform: translateY(4.5rem);
    transition: all .2s ease
}

.testimonial-card__text a {
    position: absolute;
    right: 45px;
    bottom: 2.3rem
}

@media screen and (max-width: 39.9375em) {
    .testimonial-card__text {
        margin:0 auto;
        padding: 28px 35px
    }

    .testimonial-card__text hr {
        margin: 0 0 1rem
    }

    .testimonial-card__text a {
        right: 18px;
        bottom: 28px;
        font-size: .875rem
    }
}

p.quote {
    font-family: Baskerville,Songti SC,新細明體,MingLiU,serif;
    font-size: 1.125rem;
    line-height: 1.78;
    color: #616161;
    letter-spacing: .05rem;
    font-weight: 300;
    min-height: 128px
}

.testimonial-section {
    padding: 5rem 0 0
}

@media screen and (max-width: 39.9375em) {
    .testimonial-section {
        padding:3rem 0 0
    }
}

.testimonial-section.secondary {
    padding: 10rem 0
}

@media screen and (max-width: 39.9375em) {
    .testimonial-section.secondary {
        padding-top:4rem;
        padding-bottom: 6rem
    }

    .testimonial-section.secondary h2 {
        text-align: center
    }
}

@media screen and (max-width: 39.9375em) {
    .testimonial-section__head .company-info {
        margin-bottom:1em
    }
}

.testimonial-section__head .company-info h2 {
    margin-bottom: .1em
}

.testimonial-section__head .company-info h5 {
    color: #9e9e9e;
    font-size: 1.125rem
}

@media screen and (max-width: 39.9375em) {
    .testimonial-section__head h2,.testimonial-section__head h5 {
        text-align:center
    }

    .testimonial-section__head h2 {
        margin-bottom: 1em
    }

    .testimonial-section__head h2 .punctuation {
        letter-spacing: -.8em
    }
}

.testimonial-section__body {
    font-weight: 300
}

.testimonial-section__body p {
    text-align: justify;
    line-height: 2;
    word-break: normal;
    word-wrap: break-word
}

.testimonial-section__body dl {
    margin-bottom: 22px
}

@media screen and (max-width: 39.9375em) {
    .testimonial-section__body dl {
        text-align:center;
        margin-top: 2em
    }
}

.testimonial-section__body dl dt {
    color: #9e9e9e;
    font-size: .8125rem;
    font-weight: 400
}

.testimonial-section__body dl dd {
    font-size: 1.125rem;
    font-weight: 300;
    margin-bottom: .2em
}

.testimonial__company-description {
    font-size: .8125rem;
    color: #9e9e9e;
    letter-spacing: 0;
    line-height: 1.41;
    padding-bottom: 3rem;
    padding-right: 2rem
}

.testimonial__company-description.dingxiang {
    padding-bottom: 1.3rem
}

@media screen and (max-width: 39.9375em) {
    .testimonial__company-description.dingxiang {
        padding-bottom:3rem
    }
}

.testimonial__company-description.qqchou {
    padding-bottom: 0
}

@media screen and (max-width: 39.9375em) {
    .testimonial__company-description.qqchou {
        padding-bottom:3rem
    }
}

.testimonial__company-description:before {
    content: " ";
    width: 30px;
    height: 1px;
    background: #e0e0e0;
    display: block;
    margin-bottom: 2em
}

@media screen and (max-width: 39.9375em) {
    .testimonial__company-description {
        text-align:center;
        padding-left: 2rem;
        padding-top: 2rem
    }

    .testimonial__company-description:before {
        margin: 0 auto;
        margin-bottom: 2em
    }
}

.testimonial__quote-card {
    background: hsla(0,0%,100%,.95);
    border: 1px solid rgba(0,0,0,.05);
    box-shadow: 0 3px 20px 0 rgba(0,0,0,.05);
    padding: 40px 45px;
    transform: translateY(5.5em);
    margin-top: -4em;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.testimonial__quote-card.secondary.shiji {
    transform: translateY(6.1em)
}

@media screen and (max-width: 39.9375em) {
    .testimonial__quote-card.secondary.shiji {
        transform:translateY(2em)
    }
}

.testimonial__quote-card.secondary.mmcar {
    transform: translateY(6em)
}

@media screen and (max-width: 39.9375em) {
    .testimonial__quote-card.secondary,.testimonial__quote-card.secondary.mmcar {
        transform:translateY(2em)
    }
}

.testimonial__quote-card p {
    font-family: Baskerville,Songti SC,新細明體,MingLiU,serif;
    font-size: 1.125rem;
    line-height: 1.78;
    color: #616161;
    letter-spacing: .05rem;
    font-weight: 300
}

.testimonial__fullbleed {
    height: 262px;
    background-size: cover;
    background-position: 50%
}

.testimonial__fullbleed.shiji {
    background-image: url(../img/customer-case-shiji.png)
}

.testimonial__fullbleed.travel {
    background-image: url(../img/customer-case-travel.jpg)
}

.testimonial__fullbleed.mmcar {
    background-image: url(../img/customer-case-mmcar.jpg)
}

.testimonial__fullbleed.sandbox {
    background-image: url(../img/customer-case-sandbox.jpg)
}

.testimonial__fullbleed.qqchou {
    background-image: url(../img/customer-case-qqchou.jpg)
}

.testimonial__fullbleed.tezign {
    background-image: url(../img/home-cases-tezign.jpeg)
}

.testimonial__fullbleed.deyin {
    background-image: url(../img/home-cases-deyin.jpeg)
}

.testimonial__fullbleed.jianshu {
    background-image: url(../img/home-cases-jianshu.jpeg)
}

.testimonial__fullbleed.huwai {
    background-image: url(../img/home-cases-huwai.jpeg)
}

.testimonial__fullbleed.dingxiang {
    background-image: url(../img/home-cases-dingxiang.jpg)
}

.testimonial-logo {
    height: 33px;
    width: 100%;
    background-repeat: no-repeat;
    border-right: none
}

.testimonial-logo.tezign {
    background-size: 140px 25px;
    background-image: url(../img/testimonial-logo-tezign@2x.png)
}

@media screen and (max-width: 39.9375em) {
    .testimonial-logo.tezign {
        background-size:84px 15px
    }
}

.testimonial-logo.jianshu {
    background-size: 36px 16px;
    background-image: url(../img/testimonial-logo-jianshu@2x.png)
}

.testimonial-logo.huwai {
    background-size: 64px 16px;
    background-image: url(../img/testimonial-logo-huwai@2x.png)
}

.testimonial-logo.deyin {
    background-size: 71px 25px;
    background-image: url(../img/testimonial-logo-deyin@2x.png)
}

.testimonial-logo.dingxiang {
    background-size: 71px 22px;
    background-image: url(../img/testimonial-logo-dingxiang@2x.png)
}

.testimonial-logo.shiji {
    background-size: 41px 20px;
    background-image: url(../img/testimonial-logo-shiji@2x.png)
}

.testimonial-logo.sandbox {
    background-size: 140px 25px;
    background-image: url(../img/testimonial-logo-sandbox@2x.png)
}

@media screen and (max-width: 39.9375em) {
    .testimonial-logo.sandbox {
        background-size:84px 15px
    }
}

.testimonial-logo.travel {
    background-size: 75px 18px;
    background-image: url(../img/testimonial-logo-travel@2x.png)
}

.testimonial-logo.mmcar {
    background-size: 81px 19px;
    background-image: url(../img/testimonial-logo-mmcar@2x.png)
}

.testimonial-logo.qqchou {
    background-size: 64px 20px;
    background-image: url(../img/testimonial-logo-qqchou@2x.png)
}

.nav-padding {
    padding: 2rem 0
}

.terms-content {
    padding: 5rem 0
}

.terms-content h2 {
    font-weight: 200
}

.terms-content h3 {
    font-weight: 200;
    margin-top: 3rem
}

.terms-content h4 {
    font-weight: 200;
    margin-top: 2rem;
    margin-bottom: 2rem
}

.terms-content p {
    font-weight: 300
}

.mediaList {
    margin: 2rem auto
}

.mediaList .column,.mediaList .columns {
    padding: 2rem
}

.mediaList a {
    display: block;
    height: 50px;
    text-indent: -9999px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain!important
}

.mediaList .people {
    background-image: url(../img/press/logo-people.png)
}

.mediaList .huanqiu {
    background-image: url(../img/press/logo-huanqiu.png)
}

.mediaList .souhu {
    background-image: url(../img/press/logo-souhu.jpg)
}

.mediaList .ceweekly {
    background-image: url(../img/press/logo-ceweekly.png)
}

.mediaList .cn21 {
    background-image: url(../img/press/logo-cn21.jpg)
}

.mediaList .tencentech {
    background-image: url(../img/press/logo-tencent.png);
    background-size: 80px auto
}

.mediaList .techweb {
    background-image: url(../img/press/logo-techweb.png);
    background-size: 80px auto
}

.mediaList .touzi {
    background-image: url(../img/press/logo-touzi.png);
    background-size: 80px auto
}

.mediaList .heima {
    background-image: url(../img/press/logo-heima.png);
    background-size: 80px auto
}

.mediaList .kr36 {
    background-image: url(../img/press/logo-kr.png)
}

.mediaList .csdn {
    background-image: url(../img/press/logo-csdn.png)
}

.mediaList .nsb {
    background-image: url(../img/press/logo-nsb.png)
}

.mediaList .pingwest {
    background-image: url(../img/press/logo-pw.png)
}

.mediaList .technode {
    background-image: url(../img/press/logo-tn.png)
}

.mediaList .cbnweek {
    background-image: url(../img/press/logo-cbn.png)
}

.mediaList .geekpark {
    background-image: url(../img/press/logo-geekpark.png)
}

.mediaList .forbes {
    background-image: url(../img/press/forbes.png)
}

.mediaList .fenghuang {
    background-image: url(../img/press/logo-fenghuang.png);
    background-size: 80px auto
}

.mediaList .yiou {
    background-image: url(../img/press/logo-yiou.jpg);
    background-size: 80px auto
}

.mediaList .qianzhan {
    background-image: url(../img/press/logo-qianzhan.png);
    background-size: 80px auto
}

.mediaList .chuangye {
    background-image: url(../img/press/logo-chuangye.png);
    background-size: 80px auto
}

.mediaList .caijing {
    background-image: url(../img/press/logo-caijing.png);
    background-size: 80px auto
}

.mediaList .zhongshang {
    background-image: url(../img/press/logo-zhongshang.png);
    background-size: 80px auto
}

.mediaList .zhifu {
    background-image: url(../img/press/logo-zhifu.png);
    background-size: 80px auto
}

.mediaList .jiemian {
    background-image: url(../img/press/logo-jiemian.png);
    background-size: 80px auto
}

.mediaList .toutiao {
    background-image: url(../img/press/logo-toutiao.png);
    background-size: 80px auto
}

.mediaList .techdaily {
    background-image: url(../img/press/techdaily.png)
}

.mediaList .chuangjian {
    background-image: url(../img/press/chuangjian.png)
}

.mediaList .netease {
    background-image: url(../img/press/netease.png)
}

.mediaList .ebrun {
    background-image: url(../img/press/logo-ebrun.jpg);
    background-size: 80px auto
}

.mediaList .lieyun {
    background-image: url(../img/press/logo-lieyun.jpg);
    background-size: 80px auto
}

.mediaList .tuobe {
    background-image: url(../img/press/logo-2b.png);
    background-size: 100px auto
}

@media (-moz-min-device-pixel-ratio: 1.3),(-webkit-min-device-pixel-ratio:1.3),(min-device-pixel-ratio:1.3),(min-resolution:1.3dppx) {
    .mediaList .kr36 {
        background-image:url(../img/press/logo-kr@2x.png);
        background-size: 55px 31px
    }

    .mediaList .csdn {
        background-image: url(../img/press/logo-csdn@2x.png);
        background-size: 100px 23px
    }

    .mediaList .nsb {
        background-image: url(../img/press/logo-nsb@2x.png);
        background-size: 96px 21px
    }

    .mediaList .pingwest {
        background-image: url(../img/press/logo-pw@2x.png);
        background-size: 100px 18px
    }

    .mediaList .technode {
        background-image: url(../img/press/logo-tn@2x.png);
        background-size: 100px 16px
    }

    .mediaList .cbnweek {
        background-image: url(../img/press/logo-cbn@2x.png);
        background-size: 100px 19px
    }

    .mediaList .geekpark {
        background-image: url(../img/press/logo-geekpark@2x.png);
        background-size: 100px 27px
    }

    .mediaList .forbes {
        background-image: url(../img/press/forbes@2x.png);
        background-size: 100px 26px
    }

    .mediaList .techdaily {
        background-image: url(../img/press/techdaily@2x.png);
        background-size: 100px 19px
    }

    .mediaList .chuangjian {
        background-image: url(../img/press/chuangjian@2x.png);
        background-size: 99px 25px
    }

    .mediaList .netease {
        background-image: url(../img/press/netease@2x.png);
        background-size: 100px 24px
    }

    .mediaList .tuobe {
        background-image: url(../img/press/logo-2b@2x.png);
        background-size: 100px 28px
    }
}

.articles-container {
    border-top: 1px solid rgba(0,0,0,.05);
    border-bottom: 1px solid rgba(0,0,0,.05);
    padding: 1rem 0
}

.articles-container .column,.articles-container .columns {
    padding: 3rem 2rem
}

.articles-container .column a:hover,.articles-container .columns a:hover {
    text-decoration: underline
}

.articles-container .column h4,.articles-container .columns h4 {
    font-size: 1.25rem;
    margin-bottom: 1.5rem
}

.articles-container .column .content,.articles-container .columns .content {
    font-weight: 300;
    margin-bottom: 1.5rem
}

.articles-container .column .reporter,.articles-container .columns .reporter {
    color: #a6aeb3
}

.downloads-container {
    padding: 3rem 0 5rem
}

.downloads-container h4 {
    text-align: center;
    margin-bottom: 1.41rem
}

.downloads-container a {
    width: 100%;
    height: 80px;
    display: block;
    background-repeat: no-repeat;
    background-position: 50%;
    border: 1px solid rgba(0,0,0,.1)
}

.downloads-container a span {
    width: 100%;
    height: 100%;
    line-height: 80px;
    background: rgba(0,0,0,.5);
    opacity: 0;
    transition: all .2s ease;
    display: inline-block;
    text-align: center;
    color: #fff;
    text-shadow: 0 0 10px rgba(0,0,0,.5)
}

.downloads-container a:hover span {
    opacity: 1
}

.downloads-container .white_m {
    background-image: url(../img/logo/white_logo.png)
}

.downloads-container .white_s {
    background-image: url(../img/logo/white_logo_icon.png)
}

.downloads-container .black_m {
    background-color: #000;
    background-image: url(../img/logo/black_logo.png)
}

.downloads-container .black_s {
    background-color: #000;
    background-image: url(../img/logo/black_icon_logo.png)
}

.hero.hero-cmbwallet {
    background-image: url(../img/cmb-bg-rainbow.png),linear-gradient(-50deg,#cf1d3a,#ed7267 76%,#f68a74);
    background-repeat: no-repeat;
    background-position: 27% 110%;
    color: #fefefe
}

@media screen and (max-width: 39.9375em) {
    .hero.hero-cmbwallet h1 {
        text-shadow:0 0 15px HSL(356,67%,37%)
    }

    .hero.hero-cmbwallet .hero-copy {
        padding-top: 0
    }
}

.hero.hero-cmbwallet .cmb-logo {
    width: 180px;
    height: 181px;
    margin: 1rem auto;
    background-image: url(../img/cmb-logo.svg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative
}

.hero.hero-cmbwallet .cmb-logo:before {
    content: "";
    position: absolute;
    top: -56px;
    left: -16px;
    width: 217px;
    height: 289px;
    background-image: url(../img/cmb-logo-points.svg);
    background-size: cover;
    background-repeat: no-repeat
}

.hero.hero-cmbwallet .hero-bg #front-rainbow {
    width: 100%;
    bottom: 0;
    position: absolute
}

.cmb-feature {
    position: relative
}

.cmb-feature__bg {
    padding-top: 4rem;
    height: 429px
}

.cmb-feature__bg--building {
    width: 682px;
    height: 365px;
    background-image: url(../img/cmb-bg-building.svg);
    background-size: cover
}

@media screen and (max-width: 39.9375em) {
    .cmb-feature__o2o--text h5 {
        margin-top:1.25rem
    }
}

.devider {
    width: 80%;
    max-width: 168px
}

.devider hr {
    margin: 2em 0
}

@media screen and (max-width: 39.9375em) {
    .ld-content__body--text {
        margin-top:1.25rem;
        padding-top: 1.25rem;
        border-top: 1px solid #ebebeb
    }
}

@media screen and (max-width: 39.9375em) {
    .ld-content__body--text h5 {
        margin-top:1.25rem
    }
}

.cmb-feature__items {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #616161
}

@media screen and (max-width: 39.9375em) {
    .cmb-feature__items {
        font-size:.875rem
    }
}

.cmb-wallet-pay {
    position: relative;
    min-width: 240px;
    height: 469px;
    overflow: hidden;
    padding-top: 2rem;
    padding-left: 2rem
}

.cmb-wallet-pay p {
    font-size: .625rem;
    color: #5d5959;
    margin-bottom: .2rem
}

.cmb-wallet-pay h3 {
    font-size: 1.25rem;
    margin-bottom: .5rem
}

.cmb-wallet-pay__device {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 303px;
    height: 405px;
    transition: all .5s cubic-bezier(.23,1,.32,1)
}

.cmb-wallet-pay__device .button {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    margin: 0;
    border: 0;
    border-radius: 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    font-size: .8125rem;
    font-weight: 400
}

.cmb-wallet-pay__device.animated #step1 {
    z-index: 90;
    animation: w .5s forwards ease;
    cursor: default
}

.cmb-wallet-pay__device.animated #overlay {
    z-index: 93;
    animation: x .5s forwards ease;
    animation-delay: .6s
}

.cmb-wallet-pay__device.animated #step2 {
    z-index: 95;
    animation: y 2s forwards ease-in;
    animation-delay: 1.1s
}

.cmb-wallet-pay__device.animated #pay {
    z-index: 97;
    animation: z .3s forwards ease-in;
    animation-delay: 2s
}

.cmb-wallet-pay__device.animated #step3 {
    z-index: 99;
    animation: A .8s forwards ease;
    animation-delay: 3.2s
}

.cmb-wallet-pay__screen {
    position: relative;
    width: 166px;
    height: 294px;
    border: 1px solid rgba(0,0,0,.3);
    background-image: url(../img/cmb-applepay-screen@2x.png);
    background-size: contain;
    background-repeat: no-repeat
}

.cmb-wallet-pay__selection {
    position: relative;
    bottom: 87px;
    left: 0;
    width: 166px;
    height: 30px;
    background-color: rgba(0,0,0,.3);
    opacity: 0;
    z-index: 1;
    cursor: pointer
}

.cmb-wallet-pay__overlay {
    top: 0;
    width: 166px;
    height: 294px;
    background-color: #868686
}

.cmb-wallet-pay__finish,.cmb-wallet-pay__overlay {
    position: absolute;
    opacity: 0;
    transition: all .5s cubic-bezier(.23,1,.32,1);
    z-index: -1
}

.cmb-wallet-pay__finish {
    top: 64px;
    left: 7px;
    width: 152px;
    height: 168px;
    background-color: #fff;
    padding-top: 8px;
    text-align: center;
    border-radius: 3px
}

.cmb-wallet-pay__finish .button {
    background-color: #fff;
    color: rgba(0,0,0,.8);
    border-top: 1px solid #e0e0e0
}

.cmb-wallet-pay__finish .button:hover {
    color: rgba(0,0,0,.4)
}

.cmb-wallet-pay__finish--icon {
    position: relative;
    margin: .5rem auto;
    width: 40px;
    height: 40px;
    border: 2px solid #34b3e0;
    border-radius: 50%
}

.cmb-wallet-pay__finish--icon:before {
    left: 5px;
    width: 12px;
    transform-origin: right;
    transform: rotate(40deg)
}

.cmb-wallet-pay__finish--icon:after,.cmb-wallet-pay__finish--icon:before {
    content: "";
    position: absolute;
    bottom: 28%;
    height: 2px;
    background-color: #34b3e0
}

.cmb-wallet-pay__finish--icon:after {
    right: 1px;
    width: 18px;
    transform-origin: left;
    transform: rotate(-40deg)
}

.cmb-wallet-pay__finish--text {
    color: #34b3e0;
    font-size: .875rem
}

.cmb-wallet-pay__charge {
    position: absolute;
    top: 64px;
    left: 7px;
    width: 152px;
    height: 168px;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
    opacity: 0;
    background-color: #fff;
    text-align: center;
    padding: 6px;
    z-index: -1
}

.cmb-wallet-pay__charge h3.price {
    color: #ef5350
}

.cmb-wallet-pay__charge .input-pwd {
    position: relative;
    width: 95%;
    margin: 0 auto;
    overflow: hidden
}

.cmb-wallet-pay__charge .input-pwd__cell {
    float: left;
    margin: 0;
    width: 16.6%;
    height: 26px;
    border: 1px solid #ceced2;
    border-right: none;
    position: relative
}

.cmb-wallet-pay__charge .input-pwd__cell:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-3px,-3px);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #d8d8d8
}

.cmb-wallet-pay__charge .input-pwd__cell:last-child {
    border: 1px solid #ceced2
}

.cmb-wallet-pay__charge #bank {
    width: 100%;
    margin: .5rem;
    position: relative
}

.cmb-wallet-pay__charge #bank:before {
    content: "";
    position: absolute;
    top: 2px;
    left: -4px;
    width: 14px;
    height: 14px;
    background-image: url(../img/ccb_logo.png);
    background-repeat: no-repeat;
    background-size: cover
}

.cmb-wallet-pay__charge hr {
    margin: .2rem 0
}

.cmb-intro.ld-content {
    background-image: url(../img/cmb-bg-intro.svg);
    background-repeat: no-repeat;
    background-size: cover;
    color: #fefefe
}

.cmb-activity.ld-content {
    background-color: #fff9fb
}

.cmb-activity.ld-content a:not(.cta),.cmb-activity.ld-content h2.main-title {
    color: #f66869
}

.ld-career-list span.location {
    float: left;
    padding-right: 2em;
    color: #757575
}

@media screen and (max-width: 39.9375em) {
    .ld-career-list .accordion-title {
        padding-right:2rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }
}

.ld-career-list .accordion-content {
    padding-top: 2em
}

.ld-career-list .accordion-content h4 {
    text-align: left;
    margin-bottom: 1.2em
}

.ld-career-list .accordion-content ul {
    margin-bottom: 2em
}

.ld-career-list .accordion-content h6 {
    margin-bottom: .5em
}

.ld-career-list .accordion-content a.button {
    color: #fefefe
}

.hero-career {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -ms-flex-align: center;
    align-items: center
}

.hero-career>.row {
    width: 100%
}

.hero-career .polygon {
    width: 200px;
    height: 111px;
    position: absolute;
    background-image: url(../img/polygon.gif);
    background-position: 0 50%;
    background-repeat: no-repeat
}

.hero-career h1,.hero-career p {
    text-align: left
}

@media screen and (max-width: 39.9375em) {
    .hero-career h1,.hero-career p {
        text-align:center
    }
}

.hero-career h1 {
    margin-bottom: 2rem;
    font-family: Baskerville,Songti SC,新細明體,MingLiU,serif;
    font-weight: 400
}

.hero-career .hero-bg {
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden
}

.hero-career .hero-bg .hreo-bg-content {
    position: relative;
    width: 110%;
    height: 110%
}

.ld-content-career .tabs {
    background: transparent;
    border: none
}

.ld-content-career .tabs-title {
    float: none;
    display: block;
    padding: 1rem 0
}

@media screen and (max-width: 39.9375em) {
    .ld-content-career .tabs-title {
        float:left;
        width: 50%
    }
}

.ld-content-career .tabs-title>a {
    display: inline-block;
    font-size: 1.2rem;
    padding: 0;
    padding-bottom: .5rem;
    font-weight: 400;
    color: #fff;
    transition: all .4s
}

@media screen and (max-width: 39.9375em) {
    .ld-content-career .tabs-title>a {
        font-size:1rem
    }
}

.ld-content-career .tabs-title.is-active a {
    color: #fff;
    border-bottom-color: #9e9e9e
}

.ld-content-career .tabs-content {
    background: transparent;
    border: none;
    height: 372px
}

@media screen and (max-width: 39.9375em) {
    .ld-content-career .tabs-content {
        padding-top:1rem;
        height: 302px
    }
}

.ld-content-career .tabs-panel {
    position: relative;
    height: 100%
}

.ld-content-career .team-desc {
    line-height: 2;
    padding: 2rem 0;
    min-height: 200px
}

@media screen and (max-width: 39.9375em) {
    .ld-content-career .team-desc {
        min-height:130px;
        padding: 0 2rem 1rem 0
    }
}

.ld-content-career .team-signs-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 375px 297px
}

@media screen and (max-width: 39.9375em) {
    .ld-content-career .team-signs-bg {
        background-size:293px auto
    }
}

.ld-content-career .team-signs-bg.products {
    background-image: url(../img/polygon-big.svg);
    background-position: 30% 10%
}

@media screen and (max-width: 39.9375em) {
    .ld-content-career .team-signs-bg.products {
        background-position:0 0;
        left: -1.5rem;
        background-size: 317px auto
    }
}

.ld-content-career .team-signs-bg.engineer {
    background-image: url(../img/five-line.svg)
}

.ld-content-career .team-signs-bg.misc {
    background-image: url(../img/incline-rectangle.svg)
}

@media screen and (max-width: 39.9375em) {
    .ld-content-career .team-signs-bg.misc {
        background-position:0 0
    }
}

.ld-content-career .team-signs-bg.operations {
    background-image: url(../img/triangle-big.svg);
    background-position: 30% -10%
}

@media screen and (max-width: 39.9375em) {
    .ld-content-career .team-signs-bg.operations {
        background-position:0 0
    }
}

.ld-content-career .team-signs-bg.marketing {
    background-image: url(../img/cross-line-big.svg)
}

@media screen and (max-width: 39.9375em) {
    .ld-content-career .team-signs-bg.marketing {
        background-position:0 0;
        background-size: 267px auto
    }
}

.ld-content-career .team-signs-bg.options {
    background-image: url(../img/slashline-big.svg)
}

@media screen and (max-width: 39.9375em) {
    .ld-content-career .team-signs-bg.options {
        background-position:0 0;
        background-size: 158px auto
    }
}

.image-walls {
    position: absolute;
    top: 0
}

.image-walls.left {
    left: 0;
    width: 46%
}

@media screen and (max-width: 39.9375em) {
    .image-walls.left {
        top:41%;
        width: 100%
    }
}

.image-walls.right {
    right: 0;
    width: 49%
}

@media screen and (max-width: 39.9375em) {
    .image-walls.right {
        top:53%;
        width: 100%
    }
}

.image-walls #pingerChat {
    width: 100%;
    height: 502px;
    background-image: url(../img/career-chat1.jpg);
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: cover!important
}

@media screen and (max-width: 39.9375em) {
    .image-walls #pingerChat {
        height:343px
    }
}

.image-walls #dinerHall {
    width: 100%;
    height: 343px;
    background-image: url(../img/career-diner.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover!important;
    margin-bottom: 2rem
}

@media screen and (max-width: 39.9375em) {
    .image-walls #dinerHall {
        margin-bottom:1rem
    }
}

.image-walls #tabelGame {
    width: 300px;
    height: 192px;
    background-image: url(../img/career-game.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover!important
}

.image-walls .bottom {
    display: -ms-flexbox;
    display: flex
}

.image-walls .desc {
    max-width: 240px;
    padding-left: 1.2rem
}

@media screen and (max-width: 39.9375em) {
    .image-walls .desc {
        text-align:left
    }
}

#jobDetails>.row {
    margin-bottom: 4rem
}

@media screen and (max-width: 39.9375em) {
    #jobDetails>.row {
        margin-bottom:2rem
    }
}

#pingerStory {
    position: relative;
    height: 534px
}

#pingerStory .content {
    min-height: 423px;
    margin-bottom: 2rem
}

@media screen and (max-width: 39.9375em) {
    #pingerStory .content {
        min-height:323px
    }
}

#pingerStory .story-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 524px;
    height: 452px;
    background-image: url(../img/polygonline-large.svg);
    background-size: cover;
    background-repeat: no-repeat;
    transform: translate(-68%,-37%)
}

@media screen and (max-width: 39.9375em) {
    #pingerStory .story-bg {
        display:none
    }
}

@media screen and (max-width: 39.9375em) {
    #pingerStory #storyMakrup {
        margin-top:23rem
    }
}

@media screen and (max-width: 39.9375em) {
    #pingerStory {
        height:930px
    }
}

#pingerLife {
    margin: 4rem 0;
    position: relative;
    height: 679px
}

@media screen and (max-width: 39.9375em) {
    #pingerLife {
        margin-top:0;
        height: 1069px
    }
}

#pingerLife .benefits-list h2 {
    margin-bottom: 3rem
}

@media screen and (max-width: 39.9375em) {
    #pingerLife .benefits-list h2 {
        margin-bottom:1.8rem
    }
}

#pingerLife .benefits-list dl {
    margin-bottom: 5rem
}

@media screen and (max-width: 39.9375em) {
    #pingerLife .benefits-list dl {
        margin-bottom:2.5rem
    }
}

#pingerLife .benefits-list dt {
    font-weight: 400;
    margin-top: .5em
}

@media screen and (max-width: 39.9375em) {
    #pingerLife .benefits-list {
        margin-bottom:1rem
    }
}

#pingerLife .benefits-extra {
    margin-top: 2rem;
    max-width: 340px;
    color: #fefefe
}

#pingerLife .benefits-extra a {
    color: #fefefe
}

#pingerLife .benefits-extra a:hover {
    color: #cecece
}

#pingerLife .life-bg {
    position: absolute;
    left: 45%;
    top: 73%;
    width: 332px;
    height: 286px;
    background-image: url(../img/polygonline-medium.svg);
    background-size: cover;
    background-repeat: no-repeat;
    transform: translate(-50%);
    z-index: 99
}

@media screen and (max-width: 39.9375em) {
    #pingerLife .life-bg {
        display:none
    }
}

#pingerOverview {
    position: relative;
    height: 414px;
    margin: 2rem 0 4rem
}

#pingerOverview .viewport {
    position: relative;
    width: 85%;
    height: 100%;
    overflow: hidden
}

@media screen and (max-width: 39.9375em) {
    #pingerOverview .viewport {
        width:100%;
        height: 291px
    }
}

#pingerOverview .views {
    height: 100%;
    width: 400%
}

#pingerOverview .view {
    float: left;
    width: 25%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover!important
}

#pingerOverview .view.first {
    background-image: url(../img/career-life1.jpg)
}

#pingerOverview .view.second {
    background-image: url(../img/career-life2.jpg)
}

#pingerOverview .view.third {
    background-image: url(../img/career-life3.jpg)
}

#pingerOverview .content {
    position: absolute;
    left: 87%;
    bottom: -2rem;
    width: 10%;
    min-width: 150px;
    max-width: 240px
}

@media screen and (max-width: 39.9375em) {
    #pingerOverview .content {
        position:relative;
        width: 70%;
        margin: 1rem auto 2rem;
        left: auto;
        bottom: auto
    }
}

.hero.hero-about {
    padding: 9rem 0 8rem
}

.hero.hero-about h1 {
    font-family: Baskerville,Songti SC,新細明體,MingLiU,serif;
    font-weight: 400;
    text-align: left;
    color: #fefefe;
    text-shadow: none
}

@media screen and (max-width: 39.9375em) {
    .hero.hero-about h1 {
        text-align:center
    }
}

@media screen and (max-width: 39.9375em) {
    .hero.hero-about {
        padding-bottom:18rem
    }
}

.hero-bg.aboutus {
    background-color: #dedede;
    background-image: url(../img/herobg-stars.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.hero-bg.aboutus>.row {
    height: 100%
}

.hero-bg.aboutus .illustration-pinger-wrap {
    width: 260px;
    height: 221px;
    position: relative;
    background-image: url(../img/illustration-pinger1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    transform: translateX(3rem)
}

@media screen and (max-width: 39.9375em) {
    .hero-bg.aboutus .illustration-pinger-wrap {
        margin:0 auto;
        transform: translateY(-3rem)
    }
}

@media screen and (max-width: 39.9375em) {
    .hero-bg.aboutus .fullheight-column-align {
        -ms-flex-item-align:end;
        align-self: flex-end
    }
}

.ld-content--about .overview {
    color: #9e9e9e
}

@media screen and (max-width: 39.9375em) {
    .ld-content--about .overview {
        text-align:center
    }
}

.ld-content--about #about {
    background-color: #fff;
    transform: translate3d(0,-2rem,0);
    box-shadow: 0 3px 20px 0 rgba(0,0,0,.05);
    padding: 4rem 2rem 2rem;
    background-image: url(../img/building.jpg);
    background-position: 3rem calc(100% - 48px);
    background-repeat: no-repeat;
    background-origin: content-box;
    background-size: 300px auto
}

@media screen and (max-width: 39.9375em) {
    .ld-content--about #about {
        background:#fff
    }
}

@media screen and (min-width: 40em) {
    .ld-content--about #about .overview {
        padding-left:3rem
    }
}

.ld-content--about #about .title {
    padding: 0 3rem 2rem
}

@media screen and (max-width: 39.9375em) {
    .ld-content--about #about .title {
        padding:0;
        text-align: center
    }
}

.ld-content--about #about .content {
    padding: 0 2rem 2rem
}

@media screen and (max-width: 39.9375em) {
    .ld-content--about #about .content {
        padding:0
    }
}

.ld-content--about #about .content p {
    line-height: 2
}

.ld-content--about #team {
    padding: 2rem 0
}

.ld-content--about #team-copy {
    margin-bottom: 0
}

@media screen and (max-width: 39.9375em) {
    .ld-content--about #team-copy {
        text-align:center
    }
}

.ld-content--about #team-members {
    position: relative;
    padding-top: 3rem;
    margin-bottom: 2rem
}

.ld-content--about #team-members:before {
    position: absolute;
    content: "";
    top: 18px;
    left: 0;
    width: 100%;
    height: 50px;
    z-index: 3;
    background-image: linear-gradient(#fff,hsla(0,0%,100%,.5) 58%,hsla(0,0%,100%,0))
}

@media screen and (max-width: 39.9375em) {
    .ld-content--about #team-members:before {
        display:none
    }
}

.ld-content--about .members-container {
    position: relative;
    height: 385px;
    overflow-y: scroll;
    transform: translateY(-30px)
}

.ld-content--about .members-container .ld-feature-grid__colum {
    position: relative
}

.ld-content--about .members-container .ld-feature-grid__icon {
    position: relative;
    height: 8.5rem
}

.ld-content--about .members-container .ld-feature-grid__icon .name {
    opacity: 0;
    position: absolute;
    top: 2rem;
    left: 50%;
    margin-left: -41px;
    background-color: rgba(0,0,0,.45);
    width: 82px;
    height: 80px;
    border-radius: 50%;
    line-height: 80px;
    text-align: center;
    color: #fefefe;
    transition: opacity .3s;
    cursor: pointer
}

.ld-content--about .members-container .ld-feature-grid__icon .name:hover {
    opacity: 1
}

.ld-content--about ul.team-nav {
    margin: 0;
    padding: 1rem 1.25rem 2rem;
    height: 370px;
    list-style: none;
    position: relative
}

.ld-content--about ul.team-nav.fixed {
    position: fixed
}

.ld-content--about ul.team-nav li {
    height: 60px;
    line-height: 60px
}

.ld-content--about ul.team-nav li a {
    position: relative;
    color: #9e9e9e
}

.ld-content--about ul.team-nav li a:before {
    content: "";
    display: block;
    position: absolute;
    left: -20px;
    top: -18px;
    height: 60px;
    width: 2px;
    background-color: transparent;
    z-index: 1;
    transition: all .2s ease
}

.ld-content--about ul.team-nav li a.active:before {
    background-color: #35c8e6
}

.ld-content--about ul.team-nav:after {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    left: 0;
    bottom: 15px;
    width: 2px;
    background: #eee;
    border-radius: 50px
}

.hero-icons {
    max-width: 960px;
    margin: 0 auto;
    margin-top: 5em
}

.hero-icons h5,.hero-icons h6,.hero-icons p {
    color: #fefefe
}

.hero-icons h6 {
    text-align: center;
    font-size: .875rem;
    font-weight: 500;
    margin-bottom: 7px
}

.hero-icons p {
    font-size: .8125rem;
    font-weight: 400
}

.hero-icons .column,.hero-icons .columns {
    opacity: .7;
    transition: opacity .2s ease
}

.hero-icons .column:hover,.hero-icons .columns:hover {
    opacity: 1
}

@media screen and (max-width: 39.9375em) {
    .hero-icons .column,.hero-icons .columns {
        padding-bottom:1.5em
    }
}

.hero-icons__icon {
    margin-bottom: .8125rem;
    height: 44px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.hero-icons__icon img {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.products-hero {
    height: 750px
}

.products-hero .hero-copy {
    margin-top: 72px
}

.products-hero .hero-copy h1 {
    font-size: 3rem;
    font-weight: 300;
    line-height: 72px;
    margin-bottom: 28px
}

@media screen and (max-width: 39.9375em) {
    .products-hero .hero-copy h1 {
        font-size:3rem
    }
}

.products-hero .hero-copy h4 {
    margin-bottom: 120px;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    opacity: .7
}

.products-hero .hero-copy h3 {
    margin-bottom: 24px;
    font-size: 24px
}

.products-hero .hero-copy h3 img {
    margin-right: 10px;
    vertical-align: -2px
}

.products-hero .hero-copy .hero-arrow {
    display: inline-block;
    width: 22px;
    height: 36px;
    background: url(../img/arrowdown.png);
    background-size: cover
}

.products-section-head {
    padding-top: 6.125rem;
    padding-bottom: 5.125rem
}

.products-section-head p {
    color: #565656;
    padding-top: 44px
}

@media screen and (max-width: 39.9375em) {
    .products-section-head p {
        padding-top:7px
    }
}

.products-section-head p.no-padding-top {
    padding-top: 0
}

.products-section-head p.more {
    font-size: 16px;
    padding-top: 0;
    padding-right: 6px;
    margin-top: -2px
}

@media screen and (max-width: 39.9375em) {
    .products-section-head p.more {
        padding-right:0;
        margin-bottom: 1rem
    }
}

.products-section-head h2+p {
    padding-top: 0
}

.products-section-head .home-feature__copy h5 {
    margin-bottom: 13px
}

.products-section-head .home-feature__bg {
    margin-top: 2em
}

.products-section-head.is-comingsoon p {
    padding-top: 5.5em
}

@media screen and (max-width: 39.9375em) {
    .products-section-head.is-comingsoon p {
        padding-top:7px
    }
}

.products-section-head--no-bottom-padding {
    padding-bottom: 0
}

.products-section-hero h5 {
    font-size: 1.125rem;
    text-align: center;
    color: #717171;
    margin-bottom: 7px
}

.products-section-hero h2 {
    font-size: 1.75rem;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 300
}

.products-section-hero p {
    font-size: 1rem;
    text-align: center;
    color: #616161
}

.products-methodspromo {
    background: transparent!important
}

.products-methodspromo .hero-icons__icon img {
    -ms-flex-item-align: center!important;
    -ms-grid-row-align: center!important;
    align-self: center!important
}

.products-methodspromo li:hover {
    transform: scale(1)!important
}

.products-methodspromo li a.block-grid-link h6 {
    color: #343434;
    margin-bottom: 3px;
    font-size: .875rem;
    padding-top: 9px;
    font-weight: 500
}

.products-methodspromo li a.block-grid-link h5 {
    margin-bottom: -6px!important
}

.products-method-icons {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-top: -2rem
}

.products-method-icons>ul {
    list-style: none;
    position: relative;
    z-index: 1;
    top: 0;
    left: 0;
    height: 155px;
    width: 3636px;
    margin-bottom: 3rem
}

.products-method-icons>ul.animate {
    animation: C 60s linear 1
}

.products-method-icons li {
    position: relative;
    text-align: justify;
    text-justify: distribute-all-lines;
    line-height: 0;
    letter-spacing: -.31em;
    float: left;
    overflow: hidden;
    height: 155px;
    width: 1818px
}

.products-method-icons>ul>li>* {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    line-height: 1;
    letter-spacing: 0;
    margin: 2em 7px
}

.products-iconwall {
    padding-bottom: 3.125rem;
    padding-top: 1.125rem;
    border-top: 1px solid rgba(0,0,0,.06)
}

.products-iconwall .iconwall-item {
    padding-left: .9375rem
}

@media screen and (min-width: 64em) {
    .products-iconwall .iconwall-item {
        padding-right:10rem
    }
}

@media screen and (max-width: 39.9375em) {
    .products-iconwall .iconwall-item {
        text-align:center
    }

    .products-iconwall .iconwall-item .wall-icon {
        margin: 0 auto;
        margin-bottom: 13px
    }

    .products-iconwall .iconwall-item p {
        width: 60%;
        margin: 0 auto
    }
}

.pay-container .module-fir {
    padding-top: 80px;
    padding-bottom: 48px;
    border-bottom: 1px solid rgba(0,0,0,.05);
    color: #202020
}

.pay-container .module-fir h2 {
    margin-bottom: 12px;
    font-size: 48px;
    line-height: 70px
}

.pay-container .module-fir p {
    font-size: 16px;
    line-height: 24px
}

.pay-container .module-sec {
    padding: 88px 0
}

.pay-container .module-sec .division {
    margin-bottom: 68px
}

.pay-container .module-sec .division h3 {
    font-size: 36px;
    line-height: 52px
}

.pay-container .module-sec .division p {
    margin-bottom: 22px;
    font-size: 16px;
    line-height: 24px
}

.pay-container .module-sec .division .function {
    cursor: pointer;
    padding-right: 22px;
    padding-bottom: 22px
}

.pay-container .module-sec .division .function .fun-in {
    padding: 16px;
    background: #f9f9f9;
    border-radius: 5px
}

.pay-container .module-sec .division .function .fun-in strong {
    color: #909090
}

.pay-container .module-sec .division .function .fun-in p {
    margin-bottom: 0
}

.pay-container .module-sec .division .function .api-in {
    padding: 10px 26px 26px;
    background: #f9f9f9;
    border-radius: 5px;
    cursor: default
}

.pay-container .module-sec .division .function .api-in img {
    margin-bottom: 6px
}

.pay-container .module-sec .division .function .api-in strong {
    display: block;
    margin-bottom: 8px;
    font-size: 18px
}

.pay-container .module-sec .division .function .api-in p {
    margin-bottom: 0;
    font-size: 14px;
    opacity: .7
}

.pay-container .module-sec .division .function .loan,.pay-container .module-sec .division .function .special-channel {
    height: 200px
}

.pay-container .module-sec .division .function .authentication-service {
    height: 250px
}

.pay-container .module-sec .division .function .img-box img {
    width: 100%;
    height: 100%
}

.product-info {
    padding: 86px 0
}

.product-info .odd {
    padding-right: 135px
}

.product-info strong {
    display: block;
    margin-bottom: 16px;
    font-size: 72px;
    font-weight: 500;
    line-height: 1;
    color: hsla(0,0%,100%,.5)
}

.product-info h2 {
    font-size: 48px;
    line-height: 70px
}

.product-info h5 {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 700
}

.product-info p {
    font-size: 14px;
    color: hsla(0,0%,100%,.5)
}

.product-info .mb {
    margin-bottom: 64px
}

.module-thi {
    padding: 46px 0;
    background-color: #1f3074;
    color: #fff
}

.customer-btn-outer {
    margin: 72px 0 88px
}

.customer h2 {
    margin: 88px 0 72px
}

.dev-links-outer {
    background-color: #f9f9f9;
    padding: 108px 0 164px
}

.dev-links {
    margin-top: 64px;
    border-right: 1px solid rgba(0,0,0,.05);
    text-align: center
}

.dev-links:first-child {
    text-align: left
}

.dev-links:last-child {
    border-right: 0
}

@media only screen and (max-width: 414px) {
    .product-info .odd {
        padding-right:0
    }

    .product-info h2 {
        -ms-flex-order: -1;
        order: -1
    }

    .dev-links-outer {
        padding: 40px 0 56px
    }

    .dev-links {
        margin-top: 30px;
        text-align: left
    }

    .pay-container .module-sec .division .function {
        padding-right: 10px;
        padding-bottom: 10px
    }

    .pay-container .module-sec .division p {
        font-size: 12px
    }
}

.method-icon {
    width: 188px;
    height: 122px
}

.method-icon-alipay {
    background-image: url(../img/products-methods-alipay@2x.png)
}

.method-icon-alipay,.method-icon-wechat {
    background-size: contain;
    background-repeat: no-repeat
}

.method-icon-wechat {
    background-image: url(../img/products-methods-wechat@2x.png)
}

.method-icon-applepay {
    background-image: url(../img/products-methods-applepay@2x.png)
}

.method-icon-applepay,.method-icon-unionpay {
    background-size: contain;
    background-repeat: no-repeat
}

.method-icon-unionpay {
    background-image: url(../img/products-methods-unionpay@2x.png)
}

.method-icon-cmb {
    background-image: url(../img/products-methods-cmb@2x.png)
}

.method-icon-cmb,.method-icon-visa {
    background-size: contain;
    background-repeat: no-repeat
}

.method-icon-visa {
    background-image: url(../img/products-methods-visa@2x.png)
}

.method-icon-mastercard {
    background-image: url(../img/products-methods-mastercard@2x.png)
}

.method-icon-fenqile,.method-icon-mastercard {
    background-size: contain;
    background-repeat: no-repeat
}

.method-icon-fenqile {
    background-image: url(../img/products-methods-fenqile@2x.png)
}

.method-icon-qq {
    background-image: url(../img/products-methods-qq@2x.png);
    background-size: contain;
    background-repeat: no-repeat
}

@keyframes C {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-50%)
    }
}

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

    50% {
        transform: rotate(180deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.label-comingsoon {
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 3px;
    font-size: .8125rem;
    color: rgba(0,0,0,.4);
    letter-spacing: .04px;
    padding: .2em .5em;
    display: inline-block;
    margin-bottom: 2em
}

.payments-carousel {
    height: 660px;
    overflow: hidden
}

.payments-carousel :focus {
    outline: none
}

.payments-carousel .orbit-container {
    height: 480px;
    position: relative;
    overflow: inherit
}

@media screen and (max-width: 39.9375em) {
    .payments-carousel .orbit-container {
        height:380px
    }
}

.payments-carousel .orbit-slide {
    height: 480px;
    position: relative
}

@media screen and (max-width: 39.9375em) {
    .payments-carousel .orbit-slide {
        height:380px
    }
}

.payments-carousel .slide-text {
    position: absolute;
    bottom: -130px;
    height: 60px;
    text-align: center;
    width: 100%;
    z-index: 9
}

.payments-carousel .slide-text p {
    margin-bottom: 7px;
    font-size: .875rem
}

@media screen and (max-width: 39.9375em) {
    .payments-carousel .slide-text {
        bottom:-160px
    }
}

.payments-carousel .product-slide {
    height: 480px;
    overflow: hidden
}

@media screen and (max-width: 39.9375em) {
    .payments-carousel .product-slide {
        height:380px
    }

    .payments-carousel .product-slide img {
        max-width: 800px
    }
}

.payments-carousel .orbit-next {
    right: 1em
}

.payments-carousel .orbit-next:active,.payments-carousel .orbit-next:focus,.payments-carousel .orbit-next:hover,.payments-carousel .orbit-next:visited {
    background: rgba(0,0,0,.1)
}

.payments-carousel .orbit-bullets {
    padding: 1em 0 7em
}

.payments-carousel .orbit-bullets button {
    width: auto;
    background: none;
    color: #848484;
    padding: 0 .5em;
    border-radius: 0
}

.payments-carousel .orbit-bullets button.is-active {
    color: #0a0a0a
}

.shadow-mask {
    height: 150px;
    width: 100%;
    background: url(../img/products-carousel-mask.png);
    background-repeat: no-repeat;
    background-size: 648px 88px;
    background-position: bottom;
    position: absolute;
    bottom: -2px;
    z-index: 9
}

.products-account-preview .content {
    height: 390px;
    overflow: hidden;
    position: relative;
    text-align: center
}

@media screen and (max-width: 39.9375em) {
    .products-account-preview .content {
        height:180px
    }
}

.products-account-preview .content img {
    margin: 0 auto
}

.products-account-preview .shadow-mask {
    bottom: 0
}

.products-account-preview .description {
    padding: 1.125rem 0 5.125rem
}

.products-account-preview .description h6 {
    font-size: .875rem;
    text-align: center;
    margin-bottom: 7px
}

.products-account-preview .description p {
    font-size: .8125rem;
    text-align: center
}

.products-platform-bg {
    height: 350px;
    width: 100%;
    padding-top: 20px;
    overflow: hidden
}

.products-platform-bg .sun {
    height: 672px;
    width: 672px;
    margin: 0 auto;
    background: url(../img/products-platform-sun.png);
    background-size: 672px 662px;
    background-position: 50%;
    background-repeat: no-repeat;
    animation: D 30s linear infinite
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi),screen and (-webkit-min-device-pixel-ratio:2) {
    .products-platform-bg .sun {
        background:url(../img/products-platform-sun@2x.png);
        background-size: 672px 662px;
        background-repeat: no-repeat
    }
}

.products-tool-card {
    text-align: center;
    margin-bottom: 5.125rem
}

.products-tool-card .products-tool-card-image {
    height: 150px
}

.products-tool-card h6,.products-tool-card p {
    text-align: center;
    font-size: .875rem
}

.products-tool-card h6 {
    margin-top: 26px;
    margin-bottom: 7px;
    color: #313131
}

.products-tool-card p.more {
    font-size: 16px
}

.hero-campagin {
    width: 100%;
    padding-top: 30px;
    height: 593px;
    background-image: url(../img/bg-hero-campagin.png);
    background-position: 0 0;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    padding-top: 10rem;
    padding-bottom: 0
}

.hero-campagin h1,.hero-campagin h2,.hero-campagin h3,.hero-campagin h4,.hero-campagin h5,.hero-campagin p {
    text-align: left
}

.hero-campagin h5 {
    color: #9e9e9e
}

.hero-campagin p {
    margin-top: 12px;
    color: #616161
}

@media screen and (max-width: 39.9375em) {
    .hero-campagin .home-feature__bg.campaigns {
        margin-top:10px
    }
}

#campagin-features .section-title,#campagin-functions .section-title {
    color: #9e9e9e;
    margin-bottom: 2rem
}

@media screen and (max-width: 39.9375em) {
    #campagin-features .section-title,#campagin-functions .section-title {
        text-align:center
    }
}

#campagin-features p,#campagin-functions p {
    margin-top: 12px;
    color: #616161
}

@media screen and (max-width: 39.9375em) {
    #campagin-features p,#campagin-functions p {
        text-align:center
    }
}

#campagin-features .column-title,#campagin-functions .column-title {
    position: relative;
    padding-bottom: 16px;
    font-size: 24px;
    color: #333
}

#campagin-features .column-title:after,#campagin-functions .column-title:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 1px;
    background-color: #ebebeb
}

@media screen and (max-width: 39.9375em) {
    #campagin-features .column-title,#campagin-functions .column-title {
        text-align:center
    }

    #campagin-features .column-title:after,#campagin-functions .column-title:after {
        left: 50%;
        width: 40px;
        margin-left: -20px;
        background: #9e9e9e
    }
}

#campagin-functions {
    border-bottom: 1px solid #eee
}

#campagin-functions .row.align-center {
    padding-bottom: 2rem
}

#campagin-functions .column-large-padding {
    margin-bottom: 3rem
}

#campagin-features .column-large-padding {
    padding: 0 2rem
}

#campagin-features .column-large-padding:first-child {
    margin-bottom: 6rem
}

@media screen and (max-width: 39.9375em) {
    #campagin-features .column-large-padding,#campagin-features .column-large-padding:first-child {
        margin-bottom:4rem
    }
}

#campagin-functions {
    border-top: 1px solid #ebebeb
}

#campagin-functions .item-icon {
    padding-bottom: 1rem
}

@media screen and (max-width: 39.9375em) {
    #campagin-functions .item-icon {
        text-align:center;
        padding-bottom: 1rem
    }
}

#campagin-functions h5 {
    margin-bottom: .5rem
}

@media screen and (max-width: 39.9375em) {
    #campagin-functions h5 {
        text-align:center
    }
}

#campagin-functions p {
    margin-top: 0
}

#campagin-functions .column-large-padding {
    padding: 0 2rem
}

#campagin-functions .column-large-padding:first-child {
    margin-bottom: 3rem
}

@media screen and (max-width: 39.9375em) {
    #campagin-functions .column-large-padding,#campagin-functions .column-large-padding:first-child {
        margin-bottom:3rem
    }
}

#campagin-overview {
    padding: 4rem 0;
    position: relative;
    overflow: hidden
}

#campagin-overview .bg {
    position: absolute;
    top: 0;
    left: 50%;
    width: 605px;
    height: 100%;
    transform: translateX(-50%);
    background-image: url(../img/campagin-bg1.png);
    background-repeat: no-repeat;
    background-size: cover
}

.hero-account {
    background-image: url(../img/bg-account.jpg)!important
}

.account-title h3 img {
    vertical-align: -5px!important
}

.system-box {
    padding-top: 66px
}

.system-box>div {
    height: 112px;
    cursor: pointer
}

.system-box>div .box-icon {
    float: left;
    display: inline-block;
    width: 118px;
    height: 112px;
    line-height: 112px;
    text-align: center
}

.system-box>div .box-icon>img {
    width: 60px
}

.system-box .box-active {
    background-color: #f9f9f9
}

.system-box-phone.moudle-6.show-for-small-only .arrow-s-l,.system-box-phone.moudle-6.show-for-small-only .arrow-s-r {
    top: 75px
}

.system-box-phone .scen {
    background-image: none
}

.phone-only {
    display: none
}

.box-desc {
    padding-top: 32px
}

.box-desc-title {
    font-size: 18px;
    font-weight: 600
}

.box-desc-message {
    opacity: .7;
    font-size: 14px;
    margin-top: 3px;
    padding: 0 10px
}

#account-switch-one>div {
    cursor: pointer
}

.system-box-image {
    position: relative
}

.system-box-image .account-rect-img {
    width: 378px;
    height: 540px
}

.system-box-image .account-contain-img,.system-box-image .account-frame-img {
    position: absolute;
    left: 124px
}

.system-box-image .account-frame-img {
    width: 292px;
    top: 0
}

.system-box-image .account-contain-img {
    top: 65px;
    left: 146px;
    width: 240px
}

.system-box-image #consumer-client,.system-box-image #transfer-client,.system-box-image #withdraw-client {
    display: none
}

.control-box-fun {
    position: relative
}

.control-box {
    margin: 30px 0 0 210px
}

.control-box span {
    cursor: pointer;
    margin: 3px
}

.control-box .unactive-control {
    opacity: .7;
    font-size: 14px;
    border-bottom: 1px solid #aaa;
    padding-bottom: 4px
}

.box-row {
    padding: 55px 0
}

.account-box {
    background-color: #f9f9f9;
    position: relative
}

.account-box .account-manager img {
    width: 160px
}

.account-box .box-desc {
    display: block;
    text-align: -webkit-center;
    text-align: -moz-center
}

.account-box .box-desc-message {
    max-width: 343px
}

.coupon_manager_title {
    position: relative;
    height: 155px
}

.coupon_manager_title p {
    max-width: 720px;
    position: absolute;
    right: 0
}

.coupon-box .account-rect-img {
    width: 514px;
    height: auto
}

.coupon-box .account-coupon-img {
    position: absolute;
    top: 25px;
    left: 0;
    width: 460px
}

#coupon_consumer-big {
    width: 250px;
    left: 20%;
    top: 0
}

.coupon>div {
    height: 136px
}

.coupon>div .box-icon {
    line-height: 136px;
    height: 136px
}

#scenSlide1 .arrow-s-l,#scenSlide1 .arrow-s-r {
    top: 95px
}

#scenSlide1 a {
    height: 175px
}

#scenSlide1 img {
    width: 20em
}

.horizontal.account {
    padding-left: 0;
    margin-top: 100px
}

@media screen and (max-width: 39.9375em) {
    .account-title {
        text-align:-webkit-center!important;
        text-align: -moz-center!important
    }

    .account-title>h1 {
        font-size: 30px!important;
        line-height: 1.5!important;
        width: 238px!important
    }

    .account-title>h4 {
        margin-bottom: 70px!important
    }

    .pc-only {
        display: none!important
    }

    .phone-only {
        display: inherit!important
    }

    .module-fir.fir-title>h2 {
        font-size: 30px!important;
        line-height: 43.5px!important
    }

    .module-sec {
        padding-top: 44px!important;
        padding-bottom: 0!important
    }

    .sec-title>h3 {
        font-size: 22px!important;
        margin-bottom: 0!important
    }

    .coupon_manager_title {
        text-align: left!important;
        height: auto
    }

    .coupon_manager_title h3 {
        font-size: 37px
    }

    .coupon_manager_title p {
        font-size: 13px;
        position: inherit
    }
}

@media screen and (max-width: 66.5em) and (min-width:40em) {
    .hide-for-medium-only.medium {
        display:none!important
    }
}

@media screen and (max-width: 73.5em) and (min-width:40em) {
    .hide-for-medium-only.large {
        display:none!important
    }
}

.hero-platform {
    background-image: url(../img/bg-platform.png)!important
}

.platform-title h3 img {
    vertical-align: -9px!important
}

.horizontal {
    padding-left: 36px
}

.horizontal .system-box-image .account-rect-img {
    height: auto;
    width: 514px
}

.horizontal .system-box-image .account-contain-img {
    left: 40px;
    top: 20px;
    width: 460px
}

.horizontal.platform {
    margin-top: 40px
}

.module-sec.platform {
    padding-bottom: 0
}

.platform-business h3 {
    text-align: center;
    margin-top: 72px
}

.control-box-fun.platform {
    margin-bottom: 81px
}

.control-box-fun.platform .control-box {
    margin: 0
}

.img-hidden>img:not(:first-child) {
    display: none
}

#scenSlidePlatform1 .account-contain-img,#scenSlidePlatform2 .account-contain-img,#scenSlidePlatform3 .account-contain-img,#scenSlidePlatform4 .account-contain-img {
    width: 17em
}

#scenSlidePlatform1 .arrow-s-l,#scenSlidePlatform1 .arrow-s-r {
    top: 95px
}

#scenSlidePlatform1 a {
    height: 175px
}

.pc-rect {
    position: relative;
    min-height: 13em
}

.pc-rect .pc-rect-bg {
    position: absolute;
    top: 0;
    width: 80%;
    left: 10%;
    z-index: -1
}

.pc-rect .scen {
    position: absolute;
    top: 10%;
    left: 17%
}

.big-item>div {
    height: 135px
}

.big-item>div>.box-icon {
    height: 135px;
    line-height: 135px
}

@media screen and (max-width: 39.9375em) {
    .hero-platform {
        background-image:url(../img/bg-platform-mobile.png)!important
    }

    .fenrun {
        background-color: #f5f7f8
    }
}

.hero-token {
    background-image: url(../img/products/token/token-bg.png)!important;
    height: 750px
}

.product-header h3 {
    font-size: 24px;
    margin-bottom: 48px
}

.product-header h3 img {
    vertical-align: -9px!important;
    margin-right: 13px
}

.product-header .bate-icon {
    height: 24px;
    vertical-align: -3px!important
}

.product-header h1 {
    font-size: 48px;
    margin-bottom: 32px
}

.product-header p {
    opacity: .75;
    color: #fff
}

.product-header .hero-box {
    margin-top: 205px
}

.product-token-container {
    color: #202020
}

.product-token-container .module-fir {
    margin: 80px 0 50px
}

.product-token-container .module-sec {
    margin: 80px 0 160px
}

.product-token-container .advantage-box {
    margin-top: 25px
}

.product-token-container .advantage-box .advantage-item {
    margin-bottom: 25px
}

.product-token-container .advantage-box .advantage-item img {
    margin-right: 10px;
    margin-top: -3px
}

.product-token-container .advantage-box .advantage-item p {
    margin-top: 9px
}

.product-token-container .advantage-box .advantage-item .advantage-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5
}

.product-token-container .token-products {
    margin-top: 91px
}

.products-token.pricing-section__faq {
    border: none;
    padding-top: 0
}

.products-token.bottom-cta {
    height: 372px
}

@media screen and (max-width: 39.9375em) {
    .token-products {
        margin-top:80px!important
    }

    .product-token-container .module-sec {
        margin: 20px 0 40px
    }
}

.hero-cross_border {
    background-image: url(../img/products/cross_border/big-bg.jpg)!important;
    height: 750px
}

.cross_border.description {
    opacity: .7
}

.cross_border.break-word {
    word-wrap: break-word
}

.cross-border-container .module-fir {
    margin-top: 80px;
    margin-bottom: 120px
}

.cross-border-container .module-fir-title {
    margin-bottom: 50px
}

.cross-border-container .module-sec {
    margin-bottom: 120px
}

.cross_border .cb-product {
    padding-right: 24px
}

.cross_border .cb-product-box {
    position: relative;
    padding: 10px 0;
    cursor: pointer;
    border-radius: 3px;
    background-color: #f5f7f8;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.15)
}

.cross_border .cb-product-box .icon {
    font-size: 33px;
    color: #bbb
}

.cross_border .cb-product-box .icon-paypal {
    width: 33px;
    height: 33px;
    background: url(../img/products/cross_border/PayPal.svg) no-repeat
}

.cross_border .cb-product-box.active {
    background-color: #35c8e6;
    color: #fff;
    box-shadow: none
}

.cross_border .cb-product-box.active .icon {
    color: #fff
}

.cross_border .cb-product-box.active .icon-paypal {
    background: url(../img/products/cross_border/PayPal_w.svg) no-repeat
}

.cross_border .cb-product-box:not(:last-child) {
    margin-bottom: 16px
}

.cross_border .cb-product-box-r {
    height: 257px
}

.cross_border .cb-alipay .icon {
    font-size: 30px
}

.cross_border .cb-alipay-info>div,.cross_border .cb-wechat-info>div {
    width: 100%
}

.cross_border .cb-info {
    height: 100%;
    background-color: #f5f7f8;
    transition: all .2s ease-in
}

.cross_border .cb-info img {
    height: 72px
}

.cross_border .cb-info>div p {
    margin-top: 20px;
    font-size: 14px
}

@media screen and (max-width: 39.9375em) {
    .hero-cross_border {
        background-image:url(../img/products/cross_border/m-bg.jpg)!important
    }

    .cross_border .icon-title-box-m {
        margin-bottom: 20px
    }

    .cross_border .icon-title-m {
        font-size: 20px
    }

    .cross_border .icon-alipay-m {
        font-size: 45px;
        color: #4cc8e6
    }

    .cross_border .icon-wechat-m {
        font-size: 45px;
        color: #84d37c
    }

    .cross_border .cb-info-m {
        margin-top: 15px
    }
}

.pro-consult {
    position: fixed;
    bottom: 1.875rem;
    right: 2.25rem;
    z-index: 97
}

.pro-consult .button {
    font-size: .9375rem
}

.pro-slide {
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: fixed;
    top: 0;
    bottom: 0;
    right: -26.25rem;
    width: 26.25rem;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.05);
    z-index: 1001;
    transform: translateZ(0);
    -webkit-transform: translateZ(0)
}

.pro-slide.down {
    animation: G .5s
}

.pro-slide.on {
    right: 0;
    animation: F .5s
}

.pro-con {
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    padding: 3.125rem 3.125rem 1.25rem;
    overflow-y: scroll
}

.pro-con .button {
    margin-top: 1.5rem
}

.pro-txt {
    color: #909090;
    font-size: 16px
}

.pos-middle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0)
}

.pro-ico {
    position: relative;
    display: block;
    margin-bottom: 55px
}

.pro-ico .pro-icon-success.pro-draw:after {
    animation: E 1s ease .1s;
    animation-fill-mode: forwards;
    transform: scaleX(1) rotate(135deg)
}

.pro-ico .pro-icon-success:after {
    position: absolute;
    right: 95px;
    top: -55px;
    opacity: 1;
    height: 84px;
    width: 40px;
    transform-origin: right bottom;
    border-right: 4px solid #35c8e6;
    border-top: 4px solid #35c8e6;
    border-radius: 2px;
    content: ""
}

@keyframes E {
    0% {
        height: 0;
        width: 0;
        opacity: 0
    }

    20% {
        height: 40px;
        width: 0;
        opacity: 1
    }

    40% {
        height: 40px;
        width: 44px;
        opacity: 1
    }

    to {
        height: 40px;
        width: 84px;
        opacity: 1
    }
}

select.sel {
    background-color: #fbfbfb;
    border-radius: 3px;
    outline: 0
}

.pro-close-outer {
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    position: relative;
    background-color: #fff;
    border-top: 1px solid #f8f8f8
}

.pro-close-outer .pro-tip {
    position: relative;
    margin-left: 50px;
    margin-top: 46px;
    margin-bottom: 46px;
    font-size: 13px;
    color: #aaa
}

.pro-close-outer .pro-tip strong {
    position: relative;
    color: #707070;
    cursor: pointer
}

.pro-close-outer .pro-tip strong:hover+img {
    display: block
}

.pro-close-outer .pro-tip img {
    position: absolute;
    left: 0;
    top: -7.75rem;
    display: none;
    width: 7.625rem;
    height: 8.0625rem
}

.pro-close-outer .pro-close {
    position: absolute;
    right: 36px;
    top: 30px;
    border: 1px solid #f0f0f0;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
    text-align: center;
    background-color: #fff
}

.pro-close-outer .pro-close:hover {
    background-color: #f0f0f0
}

.pro-close-outer .pro-close:after {
    font-family: icomoon!important;
    content: "Close";
    color: #707070;
    font-size: 1.25rem;
    line-height: 3.125rem;
    font-weight: 200
}

@media screen and (max-width: 39.9375em) {
    .pro-consult {
        bottom:0;
        right: 0;
        left: 0;
        padding: .5rem 0;
        background-color: #fff;
        box-shadow: 0 2px 12px 0 rgba(0,0,0,.05);
        text-align: center
    }

    .pro-con {
        padding: 1.75rem
    }

    .pro-slide {
        right: -100%;
        bottom: 0;
        width: 100%;
        padding-bottom: 3.4375rem
    }

    .pro-slide h3 {
        text-align: center;
        font-size: 1.4375rem
    }

    .pro-slide .button {
        display: block;
        width: 100%;
        margin-top: 1.2rem
    }

    .pro-slide.on {
        right: 0
    }

    .pro-tip {
        display: none
    }

    .pro-close-outer .pro-close {
        position: absolute;
        border: 0;
        right: 0;
        top: 0;
        width: 100%;
        height: 3.4375rem;
        line-height: 3.4375rem;
        border-radius: 0;
        text-align: center;
        background-color: #fff
    }

    .pro-close-outer .pro-close:hover {
        background-color: #f0f0f0
    }

    .pro-close-outer .pro-close:after {
        font-family: icomoon!important;
        content: "Close";
        color: #707070;
        font-size: 1.25rem;
        line-height: 3.125rem;
        font-weight: 200
    }

    footer {
        padding-bottom: 4.375rem
    }
}

@keyframes F {
    0% {
        opacity: 0;
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes G {
    0% {
        transform: translate3d(-100%,0,0)
    }

    to {
        transform: translateZ(0)
    }
}

.theme-solicit p {
    margin-bottom: 1rem
}

.theme-solicit h2 {
    margin-bottom: 40px
}

.theme-solicit .hero {
    padding: 181px 0 0;
    position: relative
}

.theme-solicit .hero .bg-img {
    position: absolute;
    top: 107px;
    z-index: -1
}

.theme-solicit .hero .bg-img-mobile {
    position: absolute;
    z-index: -1;
    top: 19.2rem
}

.theme-solicit .hero h1,.theme-solicit .hero h2,.theme-solicit .hero h3,.theme-solicit .hero h4,.theme-solicit .hero p {
    text-align: left
}

.theme-solicit .hero h1 {
    font-weight: 600;
    font-size: 48px;
    display: inline-block;
    background-image: -webkit-gradient(linear,0 0,30% 0,from(#44d89e),to(#35c8e6));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.theme-solicit .hero p {
    margin-bottom: 20px
}

.theme-solicit .hero .join,.theme-solicit .hero p span {
    font-weight: 700;
    color: #3dd0c0
}

.theme-solicit .hero .join {
    margin-top: 70px;
    cursor: pointer
}

.theme-solicit .hero .belief {
    margin-top: 104px;
    padding-bottom: 64px;
    border-bottom: 1px solid rgba(0,0,0,.08)
}

.theme-solicit .hero .belief>div {
    padding-right: 20px
}

.theme-solicit .hero .belief>div:last-child {
    padding-right: 0
}

.theme-solicit .hero .belief .gradient {
    background-image: -webkit-gradient(linear,0 0,100% 0,from(#44d89e),to(#35c8e6));
    height: 2px;
    margin-bottom: 20px
}

.theme-solicit .hero .belief-title {
    color: #3dd0c0;
    margin-top: 20px
}

.theme-solicit .hero .belief-title img {
    width: 40px;
    margin-right: 10px
}

.theme-solicit .hero .belief-title span {
    font-size: 18px;
    font-weight: 600
}

.theme-solicit .hero .belief-desc {
    margin-top: 10px;
    opacity: .7;
    font-size: 14px;
    line-height: 21px
}

.theme-solicit .superiority {
    padding-right: 13.33px;
    margin-bottom: 20px
}

.theme-solicit .superiority:nth-child(3n-1) {
    padding: 0 6.66px
}

.theme-solicit .superiority:nth-child(3n) {
    padding-left: 13.33px;
    padding-right: 0
}

.theme-solicit .superiority-box {
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 5px;
    height: 162px;
    padding: 24px 32px 36px
}

.theme-solicit .superiority:last-child {
    margin-right: 0
}

.theme-solicit .superiority-title {
    margin-bottom: 10px
}

.theme-solicit .superiority-title .color-box {
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 15px;
    line-height: 0;
    height: 16px;
    width: 5px
}

.theme-solicit .superiority-title .color-box i {
    width: 5px;
    height: 8px;
    display: inline-block
}

.theme-solicit .superiority-title .color-box i:first-child {
    background-color: #44d89e;
    border-radius: 5px 5px 0 0
}

.theme-solicit .superiority-title .color-box i:last-child {
    background-color: #35c8e6;
    border-radius: 0 0 5px 5px
}

.theme-solicit .superiority-title span {
    font-size: 18px;
    font-weight: 600
}

.theme-solicit .superiority-desc {
    margin-top: 10px;
    opacity: .7;
    font-size: 14px;
    line-height: 21px
}

.theme-solicit .cooperater {
    background-image: url(../img/solicit/cooperater-bg.png);
    background-size: cover;
    background-position: 50%;
    height: 559px;
    padding: 73px 0 88px
}

.theme-solicit .cooperater h2 {
    color: #fff;
    margin-bottom: 48px
}

.theme-solicit .cooperater-item {
    text-align: center
}

.theme-solicit .cooperater-item:first-child > .cooperater-box {
    background: #d9f5f8;
    color: #034b83
}

.theme-solicit .cooperater-item:nth-child(2)>.cooperater-box {
    background: #dbfff1;
    color: #0b593b
}

.theme-solicit .cooperater-item:nth-child(3)>.cooperater-box {
    background: #deebf9;
    color: #234288
}

.theme-solicit .cooperater-item:nth-child(4)>.cooperater-box {
    background: #dffdff;
    color: #11626b
}

.theme-solicit .cooperater-sec-row {
    margin-top: -24px
}

.theme-solicit .cooperater-item-sec {
    text-align: center
}

.theme-solicit .cooperater-item-sec:first-child > .cooperater-box {
    background: #f9f3f4;
    color: #823040
}

.theme-solicit .cooperater-item-sec:nth-child(2)>.cooperater-box {
    background: #fee9db;
    color: #a14a15
}

.theme-solicit .cooperater-item-sec:nth-child(3)>.cooperater-box {
    background: #fffdf0;
    color: #886100
}

.theme-solicit .cooperater-box {
    display: inline-table;
    height: 160px;
    width: 160px;
    font-size: 20px;
    line-height: 30px;
    border-radius: 10px;
    box-shadow: 0 8px 8px 0 rgba(0,0,0,.05);
    background-image: linear-gradient(45deg,#fff,hsla(0,0%,100%,0))
}

.theme-solicit .cooperater-box h4 {
    font-size: 20px;
    font-weight: 600;
    display: table-cell;
    vertical-align: middle
}

.theme-solicit .all-support h2 {
    margin: 72px 0 40px
}

.theme-solicit .policy-row {
    padding-bottom: 72px;
    border-bottom: 1px solid rgba(0,0,0,.08)
}

.theme-solicit .policy {
    margin-bottom: 31px;
    padding-right: 13.33px
}

.theme-solicit .policy:nth-child(3n-1) {
    padding: 0 6.66px
}

.theme-solicit .policy:nth-child(3n) {
    padding-left: 13.33px;
    padding-right: 0
}

.theme-solicit .policy:first-child .policy-box span {
    display: table-cell;
    vertical-align: middle
}

.theme-solicit .policy:first-child .policy-box span img {
    height: 36px;
    margin-right: 8px
}

.theme-solicit .policy-box {
    padding-top: 18px;
    border-top: 2px solid #606060
}

.theme-solicit .policy-box h4 {
    font-size: 18px;
    font-weight: 600;
    display: table-cell;
    vertical-align: middle
}

.theme-solicit .policy-box p {
    margin-top: 8px;
    opacity: .7;
    font-size: 14px
}

.theme-solicit .cooperater-flux-fir {
    padding-bottom: 72px;
    border-bottom: 1px solid rgba(0,0,0,.08)
}

.theme-solicit .cooperater-flux-box {
    padding: 0 8px
}

.theme-solicit .cooperater-flux-box>div {
    position: relative;
    background-color: #fff;
    padding: 35px 20px;
    transform: skewX(-7.5deg);
    border-radius: 5px;
    min-height: 158px
}

.theme-solicit .cooperater-flux-box>div img {
    position: absolute;
    top: -15px;
    left: 10px;
    height: 40px;
    transform: skewX(7.5deg)
}

.theme-solicit .cooperater-flux-box>div p {
    margin-top: 10px;
    color: #202020;
    font-size: 14px;
    transform: skewX(7.5deg)
}

.theme-solicit .contact-us {
    padding-bottom: 72px
}

.theme-solicit .contact-us .contact-form-box {
    margin-top: 72px
}

.theme-solicit .contact-us .contact-form-box p {
    margin-bottom: 32px
}

.theme-solicit .contact-us .contact-form-box input {
    background-color: #f3faf7;
    border-radius: 5px;
    border: 1px solid #e1e1e1;
    outline: 0
}

.theme-solicit .contact-us .contact-form-box .desc {
    opacity: .7;
    font-size: 14px
}

.theme-solicit .contact-us .contact-form-box .last-row {
    margin-top: 18px
}

@media screen and (max-width: 39.9375em) {
    .mobile-center {
        text-align:center!important
    }

    .theme-solicit h1.mobile {
        font-size: 30px;
        background-image: -webkit-gradient(linear,0 0,80% 0,from(#44d89e),to(#35c8e6))
    }

    .theme-solicit h2 {
        font-size: 22px!important;
        margin-bottom: 24px!important;
        font-weight: 400!important
    }

    .theme-solicit .join {
        font-size: 18px!important;
        font-weight: 500!important
    }

    .theme-solicit .belief>div {
        padding-right: 0!important
    }

    .theme-solicit .superiority {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .theme-solicit .superiority:last-child {
        margin-bottom: 40px
    }

    .theme-solicit .cooperater {
        background-image: url(../img/solicit/cooperater-bg-mobile.png)!important;
        height: auto!important
    }

    .theme-solicit .cooperater-box {
        margin-bottom: 10px!important
    }

    .theme-solicit .cooperater-sec-row {
        margin-top: 0!important
    }

    .theme-solicit .all-support h2 {
        margin-top: 40px!important
    }

    .theme-solicit .all-support-fir-box .after-sales-box-fir {
        padding-left: 0!important;
        height: 350px!important
    }

    .theme-solicit .policy-row {
        padding-bottom: 0!important;
        border: none!important
    }

    .theme-solicit .policy {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .theme-solicit .cooperater-flux-box>div {
        margin-bottom: 30px!important;
        min-height: 0!important
    }

    .theme-solicit .contact-us .contact-form-box {
        margin-top: 0!important
    }

    .theme-solicit .contact-us label.middle {
        margin-bottom: 0!important
    }
}

.scenes .scenes-header {
    margin-top: 180px;
    padding-bottom: 85px
}

.scenes .scenes-header .scenes-title {
    padding-right: 40px;
    position: relative
}

.scenes .scenes-header .scenes-title img {
    position: absolute;
    z-index: -1;
    left: 25px
}

.scenes .scenes-header .scenes-title h1 {
    margin-top: 15px
}

.scenes .scenes-box-desc,.scenes .scenes-desc {
    opacity: .7
}

.scenes .scenes-box-desc {
    font-size: 14px;
    margin-top: 16px;
    width: 100px
}

.scenes .scenes-list {
    padding: 56px 0;
    background-color: #f5f7f8
}

.scenes .scenes-list .scenes-list-box>div {
    margin-bottom: 24px
}

.scenes .scenes-list .scenes-box {
    width: 100px;
    height: 100px;
    line-height: 100px;
    cursor: pointer;
    background-color: #fff;
    box-shadow: 0 0 12px 0 hsla(190,7%,84%,.31);
    border-radius: 20px;
    transition: all .2s ease-in
}

.scenes .scenes-list .scenes-box:hover {
    box-shadow: 0 0 12px 0 rgba(58,204,200,.7)
}

.scenes .module-sec {
    padding: 80px 0
}

.scenes .scenes-client {
    margin-top: 70px;
    padding: 50px 80px;
    border-radius: 17px;
    box-shadow: 0 0 19px 1px #e1e8eb
}

.scenes .scenes-client .client-logo {
    position: relative
}

.scenes .scenes-client .client-logo img {
    position: relative;
    top: -65px;
    z-index: 1;
    height: 164px
}

.scenes .scenes-client .client-logo img.right {
    right: 0
}

.scenes .scenes-client p {
    font-size: 14px;
    margin-bottom: 0
}

.scenes .scenes-client .driver-line {
    width: 20%;
    margin: 24px 0
}

.scenes .scenes-client .used-channel a {
    margin-right: 10px
}

.scenes .hide-for-small-only.client-logo {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.scenes .scenes-dev-links {
    padding: 108px 0 164px
}

.scenes .qr-code-scenes-box {
    height: 181px;
    font-size: 14px;
    padding: 20px 15px;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0 0 12px 0 hsla(190,7%,84%,.31)
}

.scenes .qr-code-scenes-box span {
    opacity: .7
}

.scenes .scenes-qr-box {
    cursor: pointer
}

.scenes .qr-code-scenes-box-title {
    margin-bottom: 10px;
    margin-left: 20px;
    opacity: .7
}

@media screen and (max-width: 39.9375em) {
    .scenes-header {
        margin-top:140px!important;
        padding-bottom: 100px!important
    }

    .scenes h1 {
        text-align: left
    }

    .scenes .scenes-desc-title {
        line-height: 1.8;
        font-size: 18px
    }

    .scenes .scenes-client {
        padding: 50px 20px
    }

    .scenes .pricing-section__faq {
        border-top: none
    }
}

.wiki {
    padding-top: 80px
}

.wiki-title {
    margin: 55px auto
}

.wiki-body {
    padding: 65px 0;
    background-color: #f5f7f8
}

.wiki-ul-box {
    margin-left: 1.25rem
}

.wiki .wiki-remarks {
    padding-left: 45px;
    text-indent: -45px
}

.wiki-info {
    padding-right: 15px
}

.wiki-info-sub-title,.wiki-info-title {
    margin-bottom: 40px
}

.wiki-info li,.wiki-info p {
    font-size: 14px
}

.wiki-info-back a {
    margin-right: 10px
}

.wiki .out-link-box {
    padding: 30px 20px;
    margin-bottom: 30px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 0 11px 0 hsla(0,0%,80%,.59)
}

.wiki .out-link-box a {
    font-size: 14px
}

.wiki .out-link-box a.anchor {
    float: right
}

.wiki .wiki-dev-links {
    padding: 108px 0 164px
}

ul.device-wall.device-wall--en .device.web {
    background-image: url(../img/web-chrome-en.png)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi),screen and (-webkit-min-device-pixel-ratio:2) {
    ul.device-wall.device-wall--en .device.web {
        background-image:url(../img/web-chrome-en@2x.png)
    }
}

ul.device-wall.device-wall--en .device.apple-pay {
    background-image: url(../img/phone-apple-pay-en.png)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi),screen and (-webkit-min-device-pixel-ratio:2) {
    ul.device-wall.device-wall--en .device.apple-pay {
        background-image:url(../img/phone-apple-pay-en@2x.png)
    }
}

ul.device-wall.device-wall--en .device.wechat {
    background-image: url(../img/phone-hongbao-en.png)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi),screen and (-webkit-min-device-pixel-ratio:2) {
    ul.device-wall.device-wall--en .device.wechat {
        background-image:url(../img/phone-hongbao-en@2x.png)
    }
}

.div-middle,.theme-new-products .desc-item-box,.theme-new-products .module-info.two-child>div>div {
    display: -ms-flexbox;
    display: flex;
    -moz-display: flex
}

.div-middle>div,.theme-new-products .desc-item-box>div,.theme-new-products .module-info.two-child>div>div>div {
    -ms-flex-align: center;
    align-items: center
}

.module-body {
    padding: 96px 0 80px
}

.module-body .module-desc {
    margin-bottom: 72px
}

.theme-new-products h5 {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    opacity: .85;
    margin-bottom: 8px
}

.theme-new-products .hero-copy h5 {
    margin-top: 20px
}

.theme-new-products .hero {
    position: relative;
    margin-bottom: 40px
}

.theme-new-products .hero p {
    font-size: 14px;
    color: #fff
}

.theme-new-products .hero p span {
    cursor: pointer
}

.theme-new-products .hero-desc {
    position: absolute;
    width: 100%;
    top: 58%;
    transform: translateY(-50%)
}

.theme-new-products .hero-arrow {
    display: inline-block;
    width: 22px;
    height: 36px;
    background: url(../img/arrowdown.png);
    background-size: cover;
    margin: 30px 0 8px
}

.theme-new-products .module-title {
    margin-bottom: 32px
}

.theme-new-products .module-info.two-child>div>div img {
    height: auto;
    width: auto
}

.theme-new-products .module-info.two-child>div>div p {
    padding-left: 13px;
    text-indent: -10pt
}

.theme-new-products .desc-item-box .desc-item {
    margin-bottom: 32px
}

.theme-new-products .desc-item-box .desc-item p {
    opacity: .7;
    font-size: 14px
}

.theme-new-products .hr-bottom {
    border-bottom: 1px solid rgba(0,0,0,.08)
}

.theme-new-products .our-superiority .superiority-box>div {
    padding: 22px;
    overflow-y: hidden
}

.theme-new-products .our-superiority .superiority-box>div p {
    opacity: .7;
    width: 238px;
    font-size: 14px
}

.theme-new-products .our-superiority .superiority-title {
    padding-top: 40px;
    margin-bottom: 32px
}

.theme-new-products .our-superiority .line-3 {
    display: inline-block;
    float: left;
    margin-right: 16px;
    margin-top: 3px;
    width: 4px;
    height: 17px;
    border-radius: 100px;
    background-image: linear-gradient(0deg,#b4ed50,#429321)
}

.theme-new-products .our-superiority h4 {
    float: left;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0
}

.theme-new-products .access-flow {
    background-size: cover
}

.theme-new-products .access-flow h2 {
    margin-bottom: 64px
}

.theme-new-products .get-solution-fund {
    height: 240px;
    background-image: linear-gradient(17deg,#4a7e0d,#87bf20);
    padding: 40px 0 60px
}

.theme-new-products .get-solution-fund h3 {
    margin: 32px 0;
    font-size: 24px;
    color: #fff;
    font-weight: 500
}

.theme-new-products .get-solution-fund .contact-us {
    background-color: #fff;
    color: #639915;
    font-weight: 400
}

.theme-new-products .get-solution-fund .contact-us:hover {
    box-shadow: 0 8px 10px rgba(60,105,7,.3)
}

@media screen and (max-width: 39.9375em) {
    .theme-new-products .module-body {
        padding-bottom:0!important
    }

    .theme-new-products .module-info {
        margin-bottom: 0!important
    }

    .theme-new-products .module-info>div>div {
        padding: 0!important;
        margin-bottom: 80px!important
    }

    .theme-new-products .phone-margin-top {
        margin-top: 40px
    }

    .theme-new-products .access-flow {
        padding-bottom: 96px!important
    }
}

.seamlessRolling li,.seamlessRolling ul {
    list-style: none
}

.seamlessRolling ul {
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    font-size: 0
}

.seamlessRolling li {
    display: inline-block
}

.seamlessRolling img {
    width: 100%
}

.seamlessRolling .seamlessRolling-box {
    position: absolute;
    bottom: 0
}

.distribution.hero {
    background-image: url(../img/solution/distribution/distribution-bg.png)
}

.distribution .desc-item-box h3 {
    font-size: 24px;
    font-weight: 400
}

.distribution .desc-item-box p {
    color: #202020;
    line-height: 2
}

.distribution .module-info {
    margin-bottom: 120px
}

.distribution.superiority h2 {
    margin-bottom: 72px
}

.distribution.superiority .superiority-outer-box {
    padding: 0 11px
}

.distribution.superiority .superiority-box {
    position: relative;
    padding: 72px 22px 65px;
    height: 232px
}

.distribution.superiority .superiority-box img {
    position: absolute;
    top: 50%;
    right: 22px;
    transform: translateY(-74%);
    height: 133px;
    z-index: -1
}

.distribution.superiority .superiority-box h4 {
    font-weight: 400;
    font-size: 24px;
    margin-bottom: 16px
}

.distribution.superiority .superiority-box .superiority-desc {
    font-size: 14px;
    opacity: .7
}

.sol_store.hero {
    background-image: url(../img/solution/store/bg.png)
}

.sol_retail.hero {
    background-image: url(../img/solution/retail/bg.png)
}

.sol_retail .module-info>div>div:last-child,.sol_store .module-info>div>div:last-child {
    padding-left: 0
}

.core-functions {
    background-color: #f5f7f8
}

.core-functions h2 {
    margin-bottom: 40px
}

.core-functions .core-outer-box {
    padding: 0 11px;
    margin-bottom: 22px
}

.core-functions .core-box {
    padding: 40px 22px;
    height: 205px;
    background-color: #fff;
    box-shadow: 0 0 5px 0 rgba(132,177,185,.24)
}

.core-functions .core-box h4 {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 0
}

.core-functions .core-box .hr-line {
    width: 100%;
    height: 1px;
    background-color: #f5f7f8;
    margin: 16px 0;
    position: relative
}

.core-functions .core-box .hr-line>span {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 29%;
    height: 100%;
    background-color: #53cfcf
}

.core-functions .core-box .core-desc {
    font-size: 14px;
    opacity: .7
}

.get-solution-distribution,.get-solution-retail,.get-solution-store {
    height: 240px;
    background-image: linear-gradient(17deg,#1e98a6,#62dad7);
    padding: 40px 0 60px
}

.get-solution-distribution h3,.get-solution-retail h3,.get-solution-store h3 {
    margin: 32px 0;
    font-size: 24px;
    color: #fff;
    font-weight: 500
}

.get-solution-distribution .contact-us,.get-solution-retail .contact-us,.get-solution-store .contact-us {
    background-color: #fff;
    color: #3898a5;
    font-weight: 400
}

.get-solution-distribution .contact-us:hover,.get-solution-retail .contact-us:hover,.get-solution-store .contact-us:hover {
    box-shadow: 0 8px 10px rgba(21,144,165,.3)
}

.get-solution-store {
    background-image: linear-gradient(17deg,#1b4b9c,#4d76cd)
}

.get-solution-store .contact-us {
    color: #1c4c9d
}

.get-solution-retail {
    background-image: linear-gradient(17deg,#60489d,#a693dd)
}

.get-solution-retail .contact-us {
    color: #5f3a9d
}

.get-solution-retail .contact-us:hover {
    box-shadow: 0 8px 10px rgba(95,58,157,.3)
}

@media screen and (max-width: 39.9375em) {
    .core-functions .core-box {
        height:250px!important
    }
}

* {
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: text
}

body,html {
    height: 100%
}