body{overflow-x: hidden;}
.btn-buy{margin-top: 20px;text-transform: uppercase;cursor: pointer;padding: 10px 20px;font-size: 14px;font-weight: 700;border-radius: 4px;}
.btn-buy svg{margin-right: 10px;}
#purchase-banner{background: url("../jpg/store-banner-3.jpg") center no-repeat;background-size: cover;}
#purchase-banner h1{font-size: 36px;line-height: 42px;}
#purchase-banner .buy-list{margin-top: 60px;}
#purchase-banner .buy-list .cell{padding: 40px;background-color: #ffffff;width: 48%;box-shadow: 2px 15px 30px 0 rgba(0,0,0,0.10);border-radius: 4px;}
#purchase-banner .buy-list .lft{width: 134px;}
#purchase-banner .buy-list .lft .img-box{position: relative;height: 140px;}
#purchase-banner .buy-list .lft picture img{max-width: 108px;height: 100px;}
#purchase-banner .buy-list .lft picture:last-child{transform: translate(26px, -60px)}
#purchase-banner .former-price{margin-top: 20px;display: block;}
#purchase-banner .current-price{font-size: 24px;}
#purchase-banner .buy-list .rgt{text-align: left;width: 65%;}
#purchase-banner .buy-list .rgt .title{font-size: 18px;}
#purchase-banner .buy-list .rgt p{margin-top: 20px;font-size: 16px;}
#purchase-banner .buy-list .btn-buy{text-transform: uppercase;font-size: 18px;padding-top:0;padding-bottom: 0;line-height: 46px;margin: 20px 0 0;}

#featured-products{text-align: center;}
#featured-products h2,#passfab-choice h2{font-size: 36px;line-height: 42px;margin-bottom: 60px;}
#featured-products ul{margin-top: 50px;}
#featured-products .cell{padding: 40px;border: 1px solid #EAEAEA;border-radius: 4px;position: relative;width: 31.8%;}
#featured-products .cell.type-2{width: 48.8%;}
#featured-products .cell:hover{border: 1px solid #EB7100;box-shadow: 3px 5px 15px 0 rgba(0,0,0,0.10);transition: all linear 0.3s;}
.labels{position:absolute;top:5px;right:-13px;background-color:#ec7001;color:#fff;font-size:14px;width:80px;line-height:32px;text-align:center;transform:rotate(45deg)}
.labels .tail{position:absolute;top:0;border-top:32px solid transparent}
.labels .tail:before{content:"";position:absolute;border-top:10px solid #ab403a;border-left:10px solid transparent;border-right:10px solid transparent}
.labels .tail-start{left:-31px;border-right:32px solid #ec7001}
.labels .tail-end{right:-39px;border-left:40px solid #ec7001}
.labels .tail-end:before{right:0}

#featured-products .labels{font-size: 18px;right: -9px;width: 72px;}
#featured-products .cell picture{width: 120px;}
#featured-products .cell .title{font-size: 18px;font-weight: 700;margin-top: 20px;}
#featured-products .cell .tip{margin: 10px 0 20px;max-width: 100%;}
#featured-products .cell .price del{opacity: 0.5;margin-right: 10px;}
#featured-products .cell .price span{font-size: 18px;}
#featured-products .cell .btn-buy{height: 36px;line-height: 36px;margin-left: 0;}
#featured-products .cell .rgt{margin-left: 30px;text-align: left;width: 72%;}
#featured-products .cell .rgt .title{margin-top: 0;}

#passfab-choice{background:url("../jpg/banner-map-2.jpg") center no-repeat;background-size: cover;text-align: center;}
#passfab-choice h2{margin-bottom: 20px;}
#passfab-choice .com-tip{max-width: 900px;margin: 0 auto 60px auto;}
#passfab-choice .ico{width: 50px;height: 50px;}
#passfab-choice .cell{width: 22%;}
#passfab-choice .cell .sub{font-size: 16px;line-height: 22px;margin: 20px 0 10px;font-weight: 700;}
#passfab-choice .cell .tip{opacity: .6;max-width: 100%;}

#buy-banner {background: url(../jpg/store-banner-3.jpg) no-repeat center top;padding: 40px 0;background-size: cover;}
#buy-banner h1 {font-size: 32px;margin: 0 0 20px;line-height: 32px;}
#buy-banner ul {margin: 0;}
#buy-banner ul li {padding-left: 30px;margin-right: 36px;position: relative;}
#buy-banner ul {flex-direction: row;}
#buy-banner ul li:not(:last-child) {margin-right: 36px;}
#buy-banner .switch-btns svg {margin-right: 5px}
#buy-banner .switch-btns a {opacity: 0.48;font-weight: 400;}
#buy-banner .switch-btns a:hover {opacity: 1;color: #0f0606;}
#buy-banner .switch-btns a:first-child {margin-right: 50px}
#buy-banner .switch-btns a.active {opacity: 1;}
#buy-banner .pic {margin-right: 40px;width: 130px;}
#buy-banner .pic picture {width: 100px}


#buy-cont {overflow: hidden;padding: 80px 0 0;}
#buy-cont .sub {font-size: 18px;font-weight: 700;margin-bottom: 30px}
#buy-cont .cell {position: relative;width: 23%;border: 1px solid #dfdfdf;border-radius: 4px;padding: 30px 2%;vertical-align: middle;box-sizing: border-box;text-align: center;font-size: 16px;transition: all linear .2s}
#buy-cont .cell.hot-border {border: 4px solid #ec7001;}
#buy-cont .cell:hover {border-color: #ec7001;transform: translateY(-5px);box-shadow: 1px 1px 8px rgba(255,120,3,.3)}
#buy-cont .price .new {font-size: 36px;color: #ec7001;font-weight: 700;display: inline-block;vertical-align: bottom;margin-right: 5px;}
#buy-cont .price .old {font-size: 16px;color: #8a8a8a;text-decoration: line-through;display: inline-block;vertical-align: 5px}
#buy-cont select {width: 100%;border: 1px solid #cfd9de}
#buy-cont select,#buy-cont .licence {margin: 30px 0;height: 30px;line-height: 30px}
#buy-cont .buy-now{height: 36px;line-height: 36px;font-weight: 700;justify-content: center;}
#buy-cont .hot:after{margin-top: -10px;}


#popup-wrap {background: rgba(0,0,0,.68);width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 9;display: none}
#popup-wrap.actived{display: block;}
#popup-wrap .close-btn {position: absolute;right: 2%;top: 2%;height: 30px;width: 30px;font-size: 32px;cursor: pointer;text-align: center;line-height: 32px;font-weight: 200}
#popup-wrap .close-btn:hover {color: #ec7001}

#cus-license {max-width: 700px;position: fixed;box-shadow: 0 0 20px 0 rgba(0,0,0,.2);background: #fff;padding: 40px 4%;left: 50%;top: 10%;box-sizing: border-box;transform: translateX(-50%)}
#cus-license .title {font-size: 24px;margin-bottom: 30px;font-weight: 400;}
#cus-license .group {margin-bottom: 20px}
#cus-license input[type=text],#cus-license input[type=tel],#cus-license input[type=email],#cus-license select {border: 1px solid #d8d8d8;height: 40px;line-height: 40px;padding: 0 10px;width: 48%;vertical-align: middle;position: relative;font-size: 14px;}
#cus-license select{width: 98%;}
#cus-license textarea {border: 1px solid #d8d8d8;width: 98%;min-height: 80px;font-family: inherit;padding: 10px;box-sizing: border-box;outline: 0;position: relative;font-size: 14px}
#cus-license .group span {font-size: 12px;color: #ec7001;position: absolute;}
#cus-license input[type=submit] {padding: 10px 40px;}

#buy-accept{margin: 20px 0 0;}
#buy-accept img {vertical-align: middle;}

#family-bundle{text-align: center;}
#family-bundle ul{background: #FFFFFF;box-shadow: 2px 15px 30px 0 rgba(0,0,0,0.10);border-radius: 4px;padding: 40px 50px;margin-top: 40px;}

#family-bundle .cell{max-width: 200px;}
#family-bundle .cell .pic{width: 100px;margin: 0 auto;}
#family-bundle .cell .sub{font-size: 12px;font-weight: 700;margin-top: 15px;}
#family-bundle .cell .tip{font-size: 12px;opacity: 0.6;margin: 5px 0 10px;}
#family-bundle .single .price{font-size: 18px;font-weight: 700;color: #EB7100;}
#family-bundle .plus,#family-bundle .equal{font-size: 60px;font-weight: bold;color: #D8D8D8;padding: 0 40px;}
#family-bundle .bundle .price{margin: 20px 0;}
#family-bundle .bundle .price del{font-size: 14px;opacity: 0.6;}
#family-bundle .bundle .price strong{font-size: 24px;color: #EB7100;margin-left: 10px;}
#family-bundle .bundle .orange-btn{height: 36px;}

#questions .learn-more{margin-bottom: 50px;font-size: 16px;}
#questions .cell{width: 100%;text-align: left;}
#questions .cell:first-child{margin-right: 80px;}
#questions ul:nth-of-type(2){margin-top: 50px;}
#questions .cell .sub{font-size: 18px;font-weight: 700;}
#questions .cell .txt{padding: 20px;font-size: 16px;background-color: #f6f6f6;margin-top: 15px;}

table{/*border: 1px solid #DFDFE4;*/}
#different-version .com-title{margin-bottom: 60px}
#different-version table{width: 100%;}
#different-version table th{background: rgba(42,46,74,.15);font-size: 18px;padding: 20px 1%;border-right: 1px solid #ffffff;}
#different-version table th:first-child{background-color: transparent;}
#different-version table td{padding: 10px 1%;position: relative;border: 1px solid #DFDFE4;}
#different-version table td.no:after{width: 12px;height: 2px;content: '';background: #2a2e4a;position: absolute;left: calc(50% - 4px);}
#different-version table td.yes:after{width: 14px;height: 14px;content: '';border: 1px solid #2a2e4a;border-radius: 50%;position: absolute;left: calc(50% - 4px);top: calc(50% - 7px);background: #2a2e4a;}
#different-version table td.td-price{text-align: center;}
#different-version table td.td-price:first-child{border: none;}
#different-version table td .price{font-size: 24px;color: #ec7001;margin: 20px 0 10px;}
#different-version table th:last-child{background: #ec7001;font-size: 18px;color: #ffffff;}
#different-version table td:last-child.yes:after{background: #ec7001;border-color: #ec7001;}
#different-version table td.sub{background: #F4F4F6;text-align: left;}
#different-version .cell:not(:last-child){margin-bottom: 30px;}
#different-version .sub{font-size: 16px;text-align: center;margin-bottom: 20px;}
#different-version .price{font-size: 24px;color: #ec7001;text-align: center;margin: 20px 0 10px;font-weight: 700;}
#different-version .btn{max-width: 111px;margin: 10px auto;display: block;font-size: 14px;font-weight: 700;padding: 7px 0;box-shadow: none;border-radius: 4px;}
#different-version .btn.orange-btn-border{padding: 5px;}
#different-version .btn.hidden{display: none;}

#different-version-mb .cell:not(:last-child){margin-bottom: 10px;border-bottom: 2px dashed #EAEAEA;padding-bottom: 20px;}
#different-version-mb .sub{font-size: 24px;text-align: center;}
#different-version-mb .price{font-size: 24px;color: #ec7001;text-align: center;margin: 0 0 10px;}
#different-version-mb .btn{max-width: 120px;margin: 5px auto;display: block;}


@media (max-width: 1220px){

}
@media(max-width: 960px) {
    #purchase-banner .buy-list .cell:first-child{margin-bottom: 40px;}
    #buy-cont .cell {width: 100%;margin-bottom: 20px;}
    #family-bundle .equal{transform: rotate(90deg);}
    #purchase-banner .buy-list .rgt{text-align: center;}
    #purchase-banner .buy-list .btn-buy{margin: 20px auto 0;}
    #different-version,#fix-nav{display:none}
    #different-version-mb{display:block}
}

@media (max-width: 769px){
    #purchase-banner h1.com-title{padding: 0 16px;}
    #purchase-banner h1,#featured-products h2{font-size: calc(20px + 1.5vw);}
    #passfab-choice h2{font-size: calc(18px + 1.5vw)}
    #featured-products h2{margin-bottom: 0;}
    #purchase-banner .buy-list{flex-direction: column;align-items: center;padding: 0 15px;}
    #featured-products{padding: 50px 0;}
    #featured-products ul{margin-top: 0;}
    #featured-products .cell{text-align: center;align-items: center;margin-top: 30px;}
    #featured-products .cell .rgt{margin-top: 20px;margin-left: 0;text-align: center;}
    #featured-products .cell:not(:first-child) {margin-left: 0;}
    #featured-products .cell .btn-buy{margin: 20px auto 0;}

    #passfab-choice .cell:not(:first-child) {margin-top: 30px;}

    #questions .cell:first-child{margin-bottom: 50px;}
    #buy-banner .cont ul{flex-direction: column;}
    #purchase-banner .buy-list .cell{padding: 20px;}
    #passfab-choice .cell{flex-direction: row;justify-content: space-between;text-align: left;}
    #passfab-choice .cell .ico{width: 20%;}
    #passfab-choice .cell .cont,#passfab-choice .cell .txt{width: 70%;}
    #buy-cont .sub{margin-bottom: 15px;}
    #buy-cont .licence{margin: 15px 0;}
    #family-bundle ul{padding: 20px;}
    #buy-banner .cont{margin-top: 20px;}
    #buy-banner .pic{margin-right: 0;}
    #buy-banner .pic picture{width: 130px;}
    #buy-banner .switch-btns{margin-top: 10px;}
    #family-bundle .plus, #family-bundle .equal{padding: 10px 40px;}

    #family-bundle ul:before{display: none;}
    #family-bundle ul:after{display: none;}
}