.group-btns{width: 424px;}
.group-btns .btn{
    width: 200px !important;
}
.group-btns .btn:first-child{margin-right: 24px;}

.newbanner{
    background: #EBF5F3 url(images/home-banner-bg2.svg) no-repeat center -40px;
    padding: 208px 0 0;
    width: 100%;
    overflow: hidden;
}
.newbanner .title{font-size: 44px;font-weight: 900;line-height: 1.2;margin-bottom: 24px;}
.newbanner .tip{margin-bottom: 40px;}
.newbanner .container .title,.newbanner .container p{max-width: 590px;}
.newbanner .time-tip{width: 360px;margin-top: 16px;}
.newbanner .btn{height: 52px;line-height: 52px;padding: 0 20px;width: 200px;}
.newbanner .btn::after{color: #444;}
.newbanner .btn:first-child{margin-right: 24px;}
.newbanner .container::before {
    content: '';
    position: absolute;
    width: 822px;
    height: 694px;
    background: url(images/home-banner-pt03.svg) no-repeat;
    right: -360px;
    top: -200px;
}
.newbanner .newbanner-play{
    position: absolute;
    right: 200px;
    top: 114px;
    border-radius: 80px;

    width: 104px;
    height: 104px;
    background: rgba(62, 207, 142, 0.6);
    box-shadow: 0px 16px 24px rgba(4, 100, 25, 0.08);
    transition: all ease 0.4s;
}

.newbanner .newbanner-play:hover{
    background: rgba(62, 207, 142, 0.8);
    cursor: pointer;
    box-shadow: 0px 8px 8px rgba(70, 120, 116, 0.2);transform: scale(1.1);
}

.newbanner-play-xs{
    position: relative;
    border-radius: 80px;
    width: 104px;
    height: 104px;
    background: rgba(62, 207, 142, 0.6);
    box-shadow: 0px 16px 24px rgba(4, 100, 25, 0.08);
    display: none;
    transition: all ease 0.4s;
}

.newbanner-play-xs:hover{
    cursor: pointer;
    background: rgba(62, 207, 142, 0.8);
    box-shadow: 0px 8px 8px rgba(70, 120, 116, 0.2);
    transform: scale(1.1);

}

.newbanner .play-icon{
    position: absolute;
    top:50%;
    left:52%;
    transform:translate(-50%, -50%);
}

.banner {
    background: #523AFF url(images/home-banner-bg.svg) no-repeat center center /cover;
    padding: 100px 0 214px;
    position: relative;
}

.banner::after,
.banner::before {
    position: absolute;
    content: ''
}

.banner::before {
    width: 598px;
    height: 707px;
    background: url(images/home-banner-pt01.png);
    right: 5px;
    top: 90px;
}

.banner::after {
    width: 206px;
    height: 200px;
    background: url(images/home-banner-pt02.svg);
    left: 54px;
    bottom: 40px;
}

.banner .title {
    font-size: 40px;
    color: #2EC997;
    margin-bottom: 18px;
    line-height: 1.2;
}

.banner .tip {
    font-size: 14px;
    margin-bottom: 40px;
}

.banner .tp {
    padding: 34px 32px 68px;
    border-bottom: 1px solid #EAEAEA;
}

.banner .bt {
    padding: 17px 10px 20px;
    font-size: 12px;
}


.banner form {
    box-shadow: 2px 15px 29px 0 rgba(13, 7, 77, 0.13);
    border-radius: 6px;
    position: relative;
    z-index: 1;
    width: 430px;
}

.banner form.invalid input[type="email"] {
    border-color: #F77062;
}

.banner form input[type="email"].error {
    border-color: #F77062;
    margin-bottom: 20px;
}

#email-error {
    margin-bottom: 20px;
    color: #F77062;
    display: block;
}

.banner .backup-tip {
    margin-bottom: 20px;
}

.banner ul {
    border-radius: 3px;
    padding: 42px 30px 56px 40px;
    font-size: 14px;
    margin-left: -8px;
    font-weight: 200;
    box-shadow: 2px 15px 29px 0 rgba(13, 7, 77, 0.13);
}

.banner ul.list-ok>li:not(:first-child) {
    margin-bottom: 12px;
}

.banner input[type="email"] {
    height: 42px;
    line-height: 42px;
    background: #FFFFFF;
    border: 1px solid #9CC2FD;
    box-shadow: 3px 3px 6px 0 rgba(66, 71, 112, 0.10);
    padding: 0 16px;
    margin-bottom: 22px;
    width: 100%;
}

.banner .btn {
    margin-bottom: 22px;
    height: 52px;
    line-height: 52px;
    width: 100%;
    font-size: 20px;
}


.banner .btn:first-child {
    margin-right: 24px;
}

.logo-group{margin-top: 200px;}
.logo-group .ico{padding: 0 20px;vertical-align: middle;color: #666;height: 64px;border-radius: 4px;}
.logo-group .ico:hover{background: #fff;box-shadow:0px 10px 24px 0px rgba(43,43,88,0.13);}
.logo-group .ico:hover svg.techadvisor{color: #CA0001;}
.logo-group .ico:hover svg.macworld{color: #2499CD;}
.logo-group .ico:hover svg.nextpit{color: #1E3343;}
.logo-group .ico:hover svg.windowscentral .aa{color: #242424;}
.logo-group .ico:hover svg.windowscentral .bb{color: #CF125F;}
.logo-group .ico:hover svg.windowscentral .cc{color: #80005A;}
.logo-group .ico:hover svg.windowscentral .dd{color: #F7B403;}
.logo-group .ico:hover svg.windowscentral .ee{color: #EB3E4A;}
.logo-group .ico:hover svg.windowscentral .ff{color: #80005A;}
.logo-group .ico:hover svg.imore{color: #FED600;}
.logo-group .ico:hover svg.androidpolice{color: #242424;}
.logo-group .ico:hover svg.androidcentral{color: #3ECF8E;}
.logo-group .ico:hover svg.techtimes{color: #0D233D;}
.logo-group .ico:hover svg.ilounge{color: #FD4E18;}
.logo-group .ico:hover svg.phandroid{color: #4CAE4F;}
.logo-group .swiper-wrapper{align-items: center;}
.logo-group .swiper-slide{width:auto !important;padding: 10px 0 35px;}

.features { background: #EBF5F3; padding: 90px 0 136px; }
.features .title{font-size: 36px;font-weight: 900;margin-bottom: 62px;line-height: 1.2;}
.features .cell { background: #FFFFFF; box-shadow:2px 4px 8px 0px rgba(43,43,88,0.06); border-radius:8px; width: 48.5%; margin-bottom: 32px; padding: 30px 40px; transition: all linear 0.2s; }
.features .cell:hover { transform: translateY(-5px); }
.features .cell .sub { font-size: 20px; line-height: 1.2; padding: 10px 0 18px; }
.features .cell .desc { padding-bottom: 20px; color:#5F6C7D; }
.features .btn { padding: 16px 0; width: 320px; margin: 37px auto 0; display: block; }


.top-motch { padding: 82px 0 90px; }
.top-motch .com-title{font-weight: 900;font-size: 36px;line-height: 1.2;}
.top-motch .cell { flex-basis: 30%; padding: 40px 26px 32px; box-shadow:0px 24px 20px 0px rgba(98,98,98,0.11),0px -3px 8px 0px rgba(0,0,0,0.04); border-radius:8px; margin-bottom: 56px; }
.top-motch .sub { font-size: 18px; padding: 14px 0 8px; }
.top-motch .cell p { font-size: 14px; color: #5F6C7D; }
.top-motch .btn{width: 224px;height: 52px;line-height: 52px;margin-bottom: 32px;}
.top-motch .learn-more svg{transition: all linear 0.2s;}
.top-motch .learn-more:hover svg{transform: translateX(5px);}

.third-send{background: #E1F2F0;padding: 126px 0 53px;width: 100%;overflow: hidden;}
.third-send .title{font-size: 36px;font-weight: 900;margin-bottom: 48px;position: relative;line-height: 1.2;}
.third-send .title::after{content: '';height: 4px;width: 26px;background: #3ECF8E;position: absolute;bottom: -20px;left: 0;}
.third-send .container{max-width: 1232px;}
.third-send .devices{height: 740px;}
.third-send .devices .rgt,.third-send .plugin .rgt{max-width: 304px;}
.third-send .devices .lft{width: 1268px;position: absolute;transform: translateX(-28%);}
.third-send .internation {height: 920px;}
.third-send .internation .lft{max-width: 476px;z-index: 1;}
.third-send .internation .rgt{position: absolute;right: 0;transform: translateX(28%);}
.third-send .plugin{height: 933px;}
.third-send .plugin .lft{position: absolute;transform: translateX(-40%);width: 1100px;box-shadow: 0 8px 32px  rgba(40, 138, 94, 0.1);font-size: 0;}
.third-send .plugin .title{font-size: 28px;}
.third-send .plugin .ce:first-child{margin-bottom: 80px;}
.third-send .learn-more{margin: 32px 0;}
.third-send .learn-more svg{transition: all linear 0.2s;}
.third-send .learn-more:hover svg{transform: translateX(5px);}
.third-send .btn{width: 204px;height:52px;line-height:52px}


.rated-star{background: #EBF5F3;padding: 136px 0 45px;}
.rated-star .com-title{font-weight: 900;font-size: 36px;line-height: 1.2;}
.rated-star .group{margin: 0 -10px;}
.rated-star .cell{width:224px; height:200px; background:#fff; box-shadow:0px 15px 30px 0px rgba(43,43,88,0.14); border-radius:8px;padding: 26px 17px 32px;margin: 0 10px 20px;}
.rated-star .cell .logo{height: 50px;display: flex;align-items: center;justify-content: center;margin-bottom: 23px;}
.rated-star .cell .num{margin-bottom: 10px;padding-top: 16px;border-top: 1px solid #e3e3e3;}

.rated-star1{background: #EBF5F3;padding: 136px 0 45px;}
.rated-star1 .group{margin: 0 -10px;}
.rated-star1 .com-title{font-weight: 900;font-size: 36px;line-height: 1.2;}
.rated-star1 .cell{width:224px; height:200px; background:#fff; box-shadow:0px 15px 30px 0px rgba(43,43,88,0.14); border-radius:8px;padding: 26px 17px 36px;margin: 0 10px 20px;}
.rated-star1 .cell .logo{height: 50px;display: flex;align-items: center;justify-content: center;margin-bottom: 23px;}
.rated-star1 .cell .num{margin-bottom: 10px;padding-top: 16px;border-top: 1px solid #e3e3e3;}
.rated-star1 .cell:hover{text-decoration:unset; text-decoration-color: #566278;transform: translateY(-15px);}



.our-say{background: #EBF5F3;padding-bottom: 30px;position: relative;}
.our-say .com-title{font-weight: 900;font-size: 36px;line-height: 1.2;}
.our-say::after{content: '';background: #fff;width: 100%;height: 200px;position: absolute;left: 0;bottom: 0;}
.our-say .swiper-wrapper{margin-top: -10px;}
.our-say .cell{background:#fff;box-shadow:0px 15px 30px 0px rgba(43,43,88,0.14);padding: 32px;margin: 10px 20px 68px;opacity: 0.5;}
.our-say .swiper-slide.swiper-slide-active .cell{opacity: 1;}
.our-say .info{padding-bottom: 24px;margin-bottom: 20px;border-bottom: 1px solid #e3e3e3;margin-top: 24px;}
.our-say .cell .gp img{margin-right: 15px;width: 48px;height: 48px;}
.our-say .swiper-pagination{bottom: -6px !important;} 
.our-say .swiper-pagination-bullet{width: 12px;height: 12px;margin: 0 6px !important;}


.international{padding-bottom: 140px;}
.international .com-title{font-size: 36px;font-weight: 900;line-height: 1.2;}
.international .learn-more{margin-bottom: 64px;}
.international .learn-more svg{transition: all linear 0.2s;}
.international .learn-more:hover svg{transform: translateX(5px);}
.international .group{margin: 0 -20px;}
.international .group img{margin: 0 18px;margin-bottom: 20px;}

.fea {
    padding: 100px 0 60px;
    border-bottom: 4px solid #F5F9FC
}

.fea .cell {
    background: #FFF;
    border: 1px solid #EDEDED;
    box-shadow: 2px 4px 8px 0 rgba(43,43,88,.06);
    border-radius: 1px;
    width: 49%;
    margin-bottom: 18px;
    padding: 30px 40px;
    transition: all linear .2s
}

.fea .cell:hover { transform: translateY(-5px) }
.fea .cell .sub { font-size: 20px; padding-bottom: 18px }
.fea .cell .desc { padding-bottom: 20px }
.fea .btn { padding: 16px 0; width: 320px; margin: 37px auto 0; display: block }
.setps {
    padding: 82px 0 90px;
    border-bottom: 4px solid #F5F9FC
}

.setps .cell {
    box-sizing: border-box;
    flex-basis: 33.3333%;
    padding: 52px 36px 80px;
    border: 1px solid transparent
}

.setps .cell:hover {
    background: #FFF;
    border-color: #EDEDED;
    box-shadow: 8px 8px 16px 0 rgba(43,43,88,.08);
    border-radius: 1px
}

.setps .cell:hover+.cell {
    border-left: none
}

.setps .sub {
    font-size: 18px;
    padding: 14px 0 8px
}

.setps .cell p {
    font-size: 14px;
    color: #5F6C7D
}

.setps .cell:not(:first-child) {
    border-left-color: #F5F9FC
}

.our {
    padding: 80px 0 58px
}

.our .cell {
    padding: 32px 30px 36px;
    background: #FFF;
    border: 1px solid #EDEDED;
    box-shadow: 8px 8px 16px 0 rgba(43,43,88,.08);
    border-radius: 1px;
    width: 49%;
    margin-bottom: 36px;
    transition: all linear .2s
}

.our .cell:hover {
    transform: translateY(-5px)
}

.our .cell .rgt {
    flex-basis: calc(100% - 100px)
}

.our .cell .name {
    padding-top: 14px
}



.send {
    padding: 0;
    background: #F5F9FC;
    overflow: hidden;
}

.send .container {
    padding: 90px 16px 100px;
}

.send .container::after {
    background: #F5F9FC url(images/device.svg) no-repeat;
    content: '';
    position: absolute;
    right: -450px;
    top: -200px;
    width: 1094px;
    height: 1333px;
}

.send .com-title {
    font-size: 24px;
    position: relative;
}

.send .cont {
    max-width: 400px;
    position: relative;
    z-index: 1;
}

.send form {
    max-width: 350px;
}

.send .form-tips {
    font-size: 14px;
    padding-bottom: 10px;
}

.send input[type="email"] {
    height: 42px;
    line-height: 42px;
    background: #FFFFFF;
    border: 1px solid #9CC2FD;
    box-shadow: 3px 3px 6px 0 rgba(66, 71, 112, 0.10);
    padding: 0 16px;
    margin-bottom: 22px;
    width: 100%;
}

.send .btn {
    height: 52px;
    line-height: 52px;
    width: 100%;
}

.read-more {
    background: #F5F9FC;
    line-height: 40px;
    cursor: pointer;
    border-top: 2px solid #DEEAF4;
    height: 40px;
}

.read-more svg {
    transition: all linear 0.2s;
    margin-left: 4px;
}

.read-more.actived svg {
    transform: rotate(180deg);
}

.more-cont {
    padding: 40px 0 90px;
}

.more-cont h4 {
    font-size: 22px;
    margin-bottom: 20px;
    color: #42566D;
}

.more-cont p {
    font-size: 14px;
    color: #42566D;
}

.more-cont p {
    margin-bottom: 26px;
} 

.play-video{margin: 24px auto 0;width: 40px;height: 40px;border-radius: 40px;background: #fff;box-shadow: 0px 4px 4px rgba(70, 120, 116, 0.12);cursor: pointer;color: #C2C7D4;transition: all ease 0.4s;}
.play-video:hover{color: #0091FF;box-shadow: 0px 8px 8px rgba(70, 120, 116, 0.2);transform: scale(1.2);}



.tools{padding: 80px 0 160px;}
.tools .lft{width: 622px;margin: 0;}
.tools .lft .swiper-wrapper{align-items: center;}
.tools .rgt{width: 395px;margin-left: 4%;margin-right: 0;}
.tools .rgt .sub{font-size: 22px;font-weight: 800;color:  #5F6C7D;cursor: pointer;}
.tools .rgt .tip{padding: 16px 0 24px;}
.tools .rgt .link svg{margin-left: 10px;transition: all ease-in-out 0.4s;}
.tools .rgt .link:hover svg{transform: translateX(6px);}
.tools .rgt .cell{margin-bottom: 32px;padding-left: 32px;border-left: 2px solid rgba(85, 85, 85, 0.2);}
.tools .rgt .cell .cont{display: none;}
.tools .rgt .swiper-wrapper{flex-direction: column;}
.tools .rgt .swiper-slide-thumb-active .cont{display: block;}
.tools .rgt .swiper-slide-thumb-active .sub{color: #0D2366;}
.tools .rgt .swiper-slide-thumb-active.cell{border-left-color: #0091FF;}


.bott-banner{background: url(images/bottom-banner.svg) no-repeat center bottom;padding-bottom: 0;}
.bott-banner .lft{margin-right: 80px;margin-bottom: 30px;}
.bott-banner .lft img{vertical-align: bottom;}
.bott-banner .rgt .btn{width: 214px;height: 56px;line-height: 56px;margin-bottom: 16px;margin-top: -20px;}


.com-how2send {
    transform: translateY(-42px);
}
.com-how2send>.com-how2send__title {
    color: #566278;
    margin-bottom: 30px;
}

.com-how2send>.com-how2send__list {
    max-width: 500px;
    margin: 0 auto;
    
}

.com-how2send>.com-how2send__end {
    color: #566278;
    margin: 30px auto 20px auto;
}


.send_fax_guide{
    margin-bottom: 160px;
}

.com-block .send_fax_guide h2{
    padding-bottom: 24px;
}

.com-block .send_fax_guide h2::after{
   content:none;
}

.send_fax_guide .content{
    background-color: #DEF7F5;
    border-radius: 40px;
    padding: 72px 64px;
}
.send_fax_guide .tip{
    margin-top: 24px;
}

.send_fax_guide .content_cards{
    margin-top: 25px;
}

.send_fax_guide .content_cards .card{
    margin-top: 18px;
}
.content_cards p{
    margin-top: 30px;
}

.layer{
    display: none;
    width: 100%; 
    height: 100%; 
    background-color: #000000cc; 
    z-index: 998;
    position: fixed; 
}

.layer.active{
    display: block;      
}


#ytb-frame{
    z-index: 999;
    width: 1280px; height: 720px;
    position: fixed; 
    left: 50%; 
    top: 50%;
  
    transform: translate(-50%, -50%); 
    -webkit-transform: translate(-50%, -50%);
}

@media (max-width: 960px) {
    main{width: 100%;overflow: hidden;}
    .third-send .title,.features .title,.top-motch .com-title,.international .com-title,.rated-star .com-title,.our-say .com-title{font-size: calc(18px + 1.8vw);}
    .third-send .plugin .title{font-size: calc(16px + 1.2vw);}
    .international{padding-bottom: 80px;}
    .rated-star{padding: 80px 0 40px;}
    .newbanner{padding-top: 180px;background-image: none;padding-top: 80px;}
    .newbanner .container::before{display: none;}
    .newbanner .container .title, .newbanner .container p{max-width: 100%;}
    .logo-group{margin-top: 24px;}
    .third-send{padding: 80px 0 40px;}
    .third-send .plugin .lft{margin-bottom: 50px;}
    .third-send .devices .lft,.third-send .plugin .lft,.third-send .internation .rgt{position: static;transform: none;text-align: center;width: 100%;}
    .third-send .plugin,.third-send .internation,.third-send .devices{height: auto;}
    .third-send .devices .rgt, .third-send .plugin .rgt,.third-send .internation .lft{max-width: 100%;}
    .third-send .internation .lft{padding: 20px 0;border-top: 2px solid #e3e3e3;border-bottom: 2px solid #e3e3e3;margin: 40px 0;}
    .bott-banner .rgt{width: 100%;margin-bottom: 30px;padding-top: 20px;}
    .bott-banner .lft{margin-right: 0;}
    .our-say::after{display: none;}
    .our-say .cell{opacity: 1;}
    .what-is .rgt,
    .latest-ud .rgt {
        margin-bottom: 20px;
    }
    .our-pro .cell {
        padding: 30px 10%;
        margin-bottom: 20px;
    }
    
    .our-pro,.third-send .devices .lft {
        margin-bottom: 40px;
    }
    .banner {
        background-image: linear-gradient(23deg, #08E9FF 0%, #1BA9FF 40%, #3E62FF 64%, #5533FF 80%);
        padding: 56px 0 60px;
    }
    .banner .title {
        margin: 0 auto;
        font-size: calc(24px + 2vw);
    }

    .newbanner .title{font-size: calc(24px + 2vw);}
    .newbanner .newbanner-play{
        display: none;
    }

    .newbanner-play-xs{
        display: block;
        margin:64px auto 0 auto;
        transform: translateX(-10%);
    }

    .newbanner-play-xs:hover{
        transform: translateX(-10%) scale(1.1);
    }

    .banner .tip,
    .banner.v2 .tip {
        margin: 24px auto 48px auto;
        font-size: calc(14px + 0.5vw);
    }
    .banner .btn:first-child {
        margin-right: 0px;
    }
    .banner .cont {
        max-width: 100%;
    }
    .banner::after,
    .banner::before {
        display: none;
    }
    .send .container::after {
        display: none;
    }
    .banner .container::before {
        display: none;
    }
    .fea {
        padding: 48px 0 50px;
    }
}

@media (max-width: 769px) {
    .international{padding-bottom: 48px;}
    .international .com-tip{padding-bottom: 25px;}
    .international .learn-more,.tools .lft{margin-bottom: 30px;}
    .newbanner .btn:first-child{margin-right: 0;margin-bottom: 20px;}
    .group-btns .btn{margin: 10px !important;}

    .newbanner-play-xs{
        margin:12px auto 0 auto;
        transform: scale(0.6);
    }

    .newbanner-play-xs:hover{
        transform: scale(0.7);
    }

    .logo-group{margin-top: -12px;}
    .features,.tools{padding: 60px 0 80px;}
    .top-motch{padding:60px 0;}
    .third-send{padding: 60px 0 30px;}
    .third-send .plugin .ce:first-child{margin-bottom: 40px;}
    .setps .cell {
        background: #FFFFFF;
        border: 1px solid #EDEDED;
        box-shadow: 8px 8px 16px 0 rgba(43, 43, 88, 0.08);
        border-radius: 1px;
    }
    .setps .cell:not(:last-child) {
        border-right: none;
        margin-bottom: 20px;
    }
    .send {
        background: #F5F9FC;
    }
    .our .cell .lft {
        margin-bottom: 12px;
        width: 34px;
        height: 34px;
    }
    .send .cont,
    .send form {
        max-width: 100%;
    }
    .enter-price .lft{
        display: none;
    }
    .enter-price{
        margin-bottom: 80px;
    }

    .send_fax_guide {
        margin-bottom: 80px;
    }

    .send_fax_guide .content{
        padding: 52px 34px;
    }

    .content_cards p{
        margin-top: 2px;
    }

    .send_fax_guide .content_cards {
        margin-top: 30px;
    }

    .send_fax_guide .content_cards .card {
        margin-top: 38px;
    }
}

@media (max-width: 480px) {
    .banner .tp {
        padding: 30px 16px 40px;
    }
    .banner .btn {
        font-size: 16px;
    }
    .banner .btn:first-child {
        margin-right: 0px;
    }
}