.mobile {
    display: none
}

block {
    nav-down: auto
}

.device-mobile .mobile {
    display: block
}

.device-mobile .pc {
    display: none
}

.bg-mp4 {
    opacity: .05
}

.bg-mp4, .video-mask {
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 100%;
    z-index: -1
}

.video-mask {
    height: 100%;
    background: url(videomask.54656cef.png);
    background-size: cover
}

a.logo-v1 {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
    padding: 2px 5px 2px 3px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    background: #ffe400;
    z-index: 1200
}

a.logo-v1 img {
    width: 36px;
    height: 36px;
    display: block
}

.site-cta {
    margin: 0
}

.inner h1 {
    margin-bottom: 17px
}

.site-cta a.download-url {
    margin-bottom: 10px;
    background: #fff;
    width: 110px;
    height: 33px;
    display: block;
    font-size: 10px;
    border-radius: 33px;
    line-height: 33px;
    color: #000;
    text-decoration: none
}

.site-cta a.download-url.disabled {
    opacity: .4
}

.site-cta a.download-url.two-lines span.text {
    text-align: left;
    display: inline-block;
    padding: 4px;
    line-height: 12px
}

.site-cta a.download-url .icon {
    height: 15px;
    display: inline-block;
    vertical-align: -4px;
    margin-right: 5px
}

.site-cta a.download-url .icon img {
    height: 100%
}

.site-cta a.download-url.two-lines .icon {
    vertical-align: 4px
}

.site-cta a.download-url.two-lines .text2 {
    font-size: 8px;
    display: inline-block;
    vertical-align: 3px
}

.right-section .section {
    background-image: url(bg_pc.69406942.jpg);
    background-size: cover
}

.right-section .section, .section-sub {
    position: absolute;
    background-repeat: no-repeat;
    background-position: 50%
}

.section-sub {
    height: 70%;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(1.jpg);
    background-size: contain
}

.right-section .container-fluid {
    padding: 0
}

h2.section-title {
    font-size: 29px
}

h3.section-subtitle {
    font-size: 18px
}

.device-mobile h2.section-title {
    font-size: 28px
}

.device-mobile h3.section-subtitle {
    font-size: 21px
}

.phone img {
    width: 100%
}

.phone .screen-shot {
    position: absolute;
    top: 12.586567164%;
    left: 0;
    right: 0;
    margin: auto;
    width: 88.6666666667%
}

.logo {
    width: 391px;
    height: 192px;
    display: block;
    background-image: url(logo.png);
    background-size: cover
}

#section-download, #section-header, .left-bg {
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.download-div {
    position: relative
}

.download-div .left {
    /* width: 500px */
}

.device-mobile .download-div .left {
    padding-right: 0
}

.download-div .right {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%
}

.download-div .right img {
    height: 100%
}

.device-mobile .download-div .right {
    display: none
}

.download-btn {
    display: inline-block;
    width: 168px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: contain
}

.download-btn.ios {
    background-image: url(ios.9ffe2d56.png)
}

.download-btn.android {
    background-image: url(android.f037cb43.png)
}

.device-mobile.android .download-btn.ios, .device-mobile.ios .download-btn.android {
    display: none
}

section#section-5 {
    background-color: #000;
    color: #fff
}

@media (max-width: 767px) {
    section#section-1 .section-header, section#section-2 .section-header, section#section-3 .section-header, section#section-4 .section-header, section .section-header {
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-grow: 1;
        flex-grow: 1
    }

    section .section-main {
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    section .section-main .phone-svg {
        width: 100%
    }
}

@media (max-width: 540px) {
    .logo {
        width: 232px;
        height: 232px;
        /*background-image: url(logo_m.c1e7f617.png)*/
    }

    a.download-btn {
        width: 162px;
        height: 55px;
        background-position: 50%;
        margin-top: 48px
    }
}

.site-cta a.svg-btn:first-child {
    margin-right: 10px
}

.site-cta a.svg-btn svg {
    display: block;
    width: 80%
}

.device-mobile .site-cta a.svg-btn svg {
    width: 100%
}

.phone-svg {
    width: 37.5%
}

.logo-svg {
    width: 40.12%
}

.bottom-info {
    padding-bottom: 40px
}

.bottom-info a, .bottom-info p {
    margin: 5px;
    color: #999
}