html{line-height: inherit}
body{overflow-x:hidden;}
main{background: #fff;}

.ytp-hide-controls .ytp-watermark{display: none}
/* base */
.sec-title{font-size:2rem;font-weight: 700; text-align: center;}
.sec-desc{font-size:1.25rem;font-weight: normal; text-align: center;margin-top: 1rem;}
.sec-desc-sub{line-height: 1.33;}
.mt-6{margin-top: 3.75rem;}
.text-pro{color:#7f05ff;}
.text-support-dark{color:#00d07f;}
.bg-green-light{background: #def7ff;}
i[data-icon='symbol-import']{font-size: 1.125rem;vertical-align: baseline;}
i[data-icon='arrow-right']{font-size: 1.625rem;vertical-align: middle;}
.home-gray{background: #e3e8e8;}
.home-gray2{background: #dee6f3;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;}
.home-py85{padding: 5.3125rem 0.9375rem;}
.home-mt80{margin-top: 5rem;}
.home-pb138{padding-bottom: 8.625rem;}
.home-py100{padding: 6.25rem 0.9375rem}
.py-144{padding-top: 9rem;padding-bottom: 9rem;}
.btn-outline-pro{border-color: #7c43ff;}
.btn-outline-pro:hover{color: #fff!important;background-color: #7c43ff;border-color: #7c43ff;}

/* svg lottie */
.lottie-icon-container { height: 4.5rem; position: relative; width: 4.5rem; }
.lottie-icon-container i:last-of-type:not(:first-of-type) { opacity: 0; position: absolute; top: 0; }
.lottie-icon-container.active i:first-of-type { opacity: 0; } /* csslint allow: adjoining-classes */
.lottie-icon-container.active i:last-of-type { opacity: 1; } /* csslint allow: adjoining-classes */
.lottie-icon-container{display: inline-block;;text-align: center}
.lottie-icon-container i{background-color:#fff;width:100%;height:100%;display:inline-block;overflow: hidden;transform: translate3d(0,0,0);text-align: center;opacity: 1;}



/* line-height */
.line-heigh-1_33{
    line-height: 1.33;
}
.line-heigh-1_38{
    line-height: 1.38;
}
@media screen and  (max-width:1024px){
    .py-144{padding-top: 6.3rem;padding-bottom: 6.3rem;}
}
@media screen and  (max-width:1023px){
    .sec-title{font-size: 2.5rem;}
    .sec-desc{font-size:1.2rem;}
    .home-py85{padding: 2.3125rem 0.9375rem;}
    .home-mt80{margin-top: 2.5rem;}
    .home-py100{padding: 4.25rem 0.9375rem}
}

@media screen and  (max-width:767px){
    .modal-youtube{padding: 0 1rem!important;}
    .modal-dialog{margin:0}
    .py-144{padding-top: 3.5rem;padding-bottom: 3.5rem;}
    .sec-title{font-size: 1.8rem;}
    .sec-desc{font-size:0.9rem;}
}

.mt-60{margin-top: 3.75rem;}
@media screen and (max-width:767px){
    .mt-60{margin-top:1.35rem;}
}

/* extend */
@media screen and (min-width:1200px){
    .px-xl-6{padding-left:6.875rem!important;padding-right: 6.875rem!important;}
}
/* mkt-hero */
.mkt-hero {min-height: 27.3125rem;background-size: cover!important;background-position: center;margin-bottom: 20vh;}
.mkt-hero .banner.banner-top{background-image: url('https://static.wondershare.com/images-filmora/images/filmora_home2019/banner-bns-top.jpg')}
.mkt-hero .banner .title{font-size: 3.5rem;font-weight:normal;line-height: 1.14}
.mkt-hero .banner .desc{font-size:1.875rem;font-weight:normal;}
.mkt-hero .left-box ul li{list-style: none;}
/* .mkt-hero .banner .btn-action{width: 10rem;} */
.mkt-hero .banner .info-box{margin-left: 5rem;}
.mkt-hero .left-box{z-index: 10;position: relative;max-width: 32.125rem;min-height: 28.0625rem}
.mkt-hero  .sp-row{position: relative;top: 20vh}
.mkt-hero .sp-img{max-width: 727px;height:396px;position:relative;left:-7vw;top:-5vh;z-index: 1;}
.mkt-hero .sp-img .wsc-youtube-mask{position:absolute;width: 100%;height: 100%;z-index: 2;top:0;}



@media screen and (max-width:1023px){
    .mkt-hero .banner{margin-bottom:10rem;}
    .mkt-hero .banner .title{font-size: 3rem;}
    .mkt-hero .banner .desc{font-size:1.6rem;}
    .mkt-hero .info-box{position: relative;top: 32%;left: -19%;}
    .mkt-hero .sp-img{position: inherit;left:0;top:0;z-index: 1;height: 13.1875rem!important;width: 100%;}
 }
@media screen and (max-width:767px){

    .mkt-hero{background-size: contain!important;margin-bottom: 13vh;}
    .mkt-hero .left-box{min-height:auto}
    .mkt-hero  .sp-row{position: relative;top: 10vh}
    .mkt-hero .banner .title{font-size: 2rem}
    .mkt-hero .banner .desc{font-size:1.2rem;}
    .mkt-hero .banner{min-height: 14.375rem}
    .mkt-hero .banner .info-box{margin-left: 2rem;width: 100%;}
    .mkt-hero .banner.banner-top{background-image: url('https://static.wondershare.com/images-filmora/images/filmora_home2019/banner-bns-top-mb.jpg')}
    .mkt-hero .info-box{top: 33vh;right: 0;left: auto;width: 97%;}
    .mkt-hero .info-box .btn{width: 7.875rem;font-size: 0.875rem;padding: 0.9375rem 0.3125rem;}
    .mkt-hero .info-box .btn.btn-outline-primary{padding: 0.75rem 0.3125rem;}
    
}


/* communicate:cmt*/
.mkt-easy .item{ border-radius: 4px;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);transition:all .6s ease}
.mkt-easy .item:hover{transform: translateY(-1%)}
.mkt-easy .item .desc{min-height:2.5rem}
/* .mkt-easy .item .img-box{height: 12.9375rem;} */
/* .mkt-easy .item .img-box img{width: 100%;height: 100%;} */



@media screen and (max-width:1023px){
    /* .mkt-easy .item .desc{min-height: 11rem;} */
}
@media screen and (max-width:767px){
    .mkt-easy .item .desc{min-height: auto;}
}

/* effort */
.effort .img-icon{
    max-width:600px;
}
@media screen and (max-width:767px){
    .effort .img-icon{
        max-width:100%!important;
    }
}

.mkt-ready table{max-width: 600px;margin: auto;margin-top: 6.625rem;}
.mkt-ready table td{border:none;padding-left:1.125rem;}
.mkt-ready table tr td:nth-child(1){ text-align: left;border-right:1px solid #e7f5fe}
.mkt-ready table tr td:nth-child(2){ border-right:1px solid #e7f5fe}
.mkt-ready table tbody tr:nth-child(odd){background:#e7f5fe}
.mkt-ready table .wsc-icon[data-icon='extra-check']{font-size: 1rem;color: #36cffc}
.mkt-ready table .wsc-icon.info-circle{width: 12px;height: 12px;vertical-align: middle;;display: inline-block;
    background:url('https://static.wondershare.com/images-filmora/images/filmora_home2019/info-circle.svg');background-size: cover;}

    
/* buy */
.bns-buy{background: #def7ff;margin-top: 10.25rem;padding: 4.5rem 0 4.25rem 0}
.bns-buy .title{font-size: 3.5rem;line-height: 1.2}
.bns-buy .film-box{max-width: 33.3125rem;position: absolute;top:-28vh;right:0}
.bns-buy .info{margin-top: 1.375rem;width: 80%;}
.bns-buy .review-title{font-size: 2rem;color:#28a5fa}

@media screen and (min-width:1025px){
    .bns-buy{
        padding-bottom: 18vh;}
}

@media screen and (max-width:1023px){
    .bns-buy .film-box{transform: scale(.8);right: -39%;}
}

@media screen and (max-width:767px){
    .bns-buy{margin-top:10.25rem;padding:2.5rem 0 2.25rem 0}
    .bns-film .item.filmstocks{background: url('https://static.wondershare.com/images-filmora/images/filmora_home2019/bns-filmstocks-mb.jpg');height: 22.5rem;}
    .bns-buy .title{font-size: 1.9rem}
    .bns-buy .film-box{max-width:19.3125rem;position: absolute;left:24vw;width: 100%;transform: scale(.8) translateY(26%);
        top: -47vh;}
    .bns-buy .info{margin-top: 3.125rem}
    .bns-buy .btn{width: 47%;font-size: 0.875rem;padding: 0.9375rem 0.3125rem}
    .bns-buy .btn.btn-outline-primary{padding: 0.75rem 0.3125rem}
    .bns-buy .review-title{font-size: 1.2rem}
    .bns-buy .info img{width: 125%;}
    .bns-buy .buy-box{margin-top: 5vh;}
}