@charset "utf-8";
html,body{font-family: "Segoe UI",Segoe, "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"Helvetica,sans-serif;scroll-behavior: smooth;}
*{margin: 0;padding: 0;box-sizing: border-box;}
.container{max-width: 1200px;margin: 0 auto;position: relative;padding: 0 10px;}
.inline-block{display: inline-block;}
.justify{font-size: 0;text-align: justify;}
.justify:after{content: '';display: inline-block;width: 100%;}
.justify>.inline-block{vertical-align: top;box-sizing: border-box;}
#gotop{background: #04c6d6;color: #FFF;width: 48px;height: 48px;text-align: center;line-height: 48px;right: 1%;position: fixed;bottom:1%;}
.btn.hidden,.link.hidden{display: none;}
.btn{font-size: 20px;font-weight: bold;background: #F76B20 url("images/download.svg") no-repeat 18px 10px;color: #FFF;padding: 16px 22px 16px 65px;display: inline-block;}
.btn-buy{padding: 8px 20px;border: 2px solid #fff;margin: 10px;transition: all linear 0.2s;font-size: 18px;border-radius: 3px;text-transform: uppercase;box-shadow: 2px 16px 32px rgba(255,97,46,0.16);display: inline-flex;align-items:center;word-break:keep-all;white-space:nowrap;background: none;}
.btn-buy:hover{filter: contrast(86%);}
.btn-buy .rgt1{padding-left: 10px;}
.btn svg{margin-right: 10px;}
.mb-btn .btn{background: #F76B20;padding: 16px 22px 16px 22px;display: inline-flex;margin: 10px;}
.mb-btn svg{margin-right: 10px;}
.btn:hover{text-decoration: none;color: #FFF;background-color: #E9651E;}
.top-banner{background: url("images/banner.jpg") no-repeat center top;color: #FFF;margin-top: 50px;background-size: cover;}
.top-banner .container{padding: 100px 10px 80px;}
.top-banner .lft{width: 70%;}
.top-banner .rgt{position: absolute;right: 0;bottom: -4px;}
.top-banner .sub{font-size: 24px;margin-bottom: 15px;}
.top-banner .title{font-size: 40px;line-height: 1.2em;font-weight: 400;}
.top-banner .tip{font-size: 20px;margin:20px 0 40px;}
.top-banner .sub-tip{font-size: 12px;margin:10px 0 0px 10px;}
.nav-link{background: #f7f7f7;font-size: 0;}
.nav-link a{display: inline-block;width: 33.3333%;text-align: center;padding: 20px 2% 30px;font-size: 16px;vertical-align: top;min-height: 160px;}
.nav-link a:hover{background: #FFF;}
.nav-link span{display: block;margin-top: 10px;}

.remove-passcode{padding: 65px 0;text-align: center;}
.remove-passcode .title{font-size: 32px;margin-bottom: 40px;}
.remove-passcode .cell{width: 33.3333%;font-size: 16px;text-align: center;padding: 0 4%;}
.remove-passcode .cell p{color: #6d6d6d;margin: 15px 0 0 0;line-height: 1.4;}
.remove-passcode .sub{font-size: 16px;font-weight: bold;margin: 30px 0 15px;}

.factory-reset{background: #f7f7f7;text-align: center;padding: 65px 0;}
.factory-reset .title{font-size: 32px;line-height: 1.2em;margin-bottom: 40px;}
.factory-reset .cell{width: 50%;text-align: center;padding: 0 4%;}
.factory-reset .cell p{color: #6d6d6d;margin: 15px 0 0 0;line-height: 1.4;}
.factory-reset .sub{font-size: 16px;font-weight: bold;margin: 30px 0 15px;}
.factory-reset p{font-size: 16px;}

.how-to{text-align: center;padding: 65px 0 40px;}
.how-to .title{font-size: 32px;margin-bottom: 20px;line-height: 1.2em}
.how-to .video{position: relative;display: inline-block;}
.how-to .video:after{content: '';width: 64px;height: 64px;border-radius: 50%;background: rgba(0,0,0,0.36);position: absolute;left: calc(50% - 32px);top:calc(50% - 32px);transition: all linear 0.2s;}
.how-to .video:before{content: '';width: 0;height: 0;border-style: solid;border-width: 12px 0 12px 16px;border-color: transparent transparent transparent #fff;position: absolute;left: calc(50% - 6px);top:calc(50% - 12px);z-index: 1;}
.how-to .video:hover{cursor: pointer;}
.how-to .video:hover:after{background: rgba(0,0,0,0.68);}

.reviews-cont{background: url("images/reviews-bg.jpg") no-repeat center top;padding: 65px 0 100px;font-size: 0;background-size: cover;}
.reviews-cont .title{font-size: 32px;text-align: center;color: #fff;margin-bottom: 40px;}
.reviews-cont .ce{width: 50%;display: inline-block;color: #FFF;vertical-align: top;font-size: 16px;padding: 0 5%;}
.reviews-cont .sub{font-size: 18px;font-weight: bold;margin-bottom: 10px;}
.reviews-cont .star{background: url("images/stars.svg");height: 18px;width: 90px;margin-bottom: 10px;}
.reviews-cont .swiper-pagination{bottom:-60px !important;left: 50%;transform: translateX(-50%);}
.reviews-cont .swiper-pagination-bullet{width: 40px;height: 6px;border-radius: 0;background: #fff;margin: 0 5px;}

.bottom-banner{background: #f7f7f7;padding: 65px 0;text-align: center;}
.bottom-banner .sub{font-size: 24px;margin-bottom: 16px;}
.bottom-banner .title{font-size: 32px;line-height: 1.2em;margin-bottom: 40px;}
.bottom-banner .free-download{}

.popu-cont{background: rgba(0,0,0,0.86);position: fixed;left: 0;top:0;width: 100%;height: 100%;z-index: 1;display: none;}
.popu-cont .popu-wrap{width: 50%;height: 0;padding-top: 28.125%;position: relative;left: 50%;transform: translateX(-50%);top:8%;}
.popu-cont .close-btn{color: #FFF;font-size: 36px;position: absolute;right: -40px;top:0;font-weight: 200;height: 30px;width: 30px;line-height: 30px;text-align: center;}
.popu-cont .close-btn:hover{cursor: pointer;color: #ec7001;}
.popu-cont iframe{position: absolute;left: 0;top:0;width: 100%;height: 100%;}

.mb-btn{display: none}

#links a {text-decoration: none }
#links a:hover {text-decoration: underline; color: #3d3d3d }
#links,#copyright {width: 90%; margin: 0 auto }
#copyright {margin: 10px auto } .language-ico {float: left; width: 20px; height: 20px; display: block; margin-right: 10px }
.popup {position: relative; display: inline-block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.popup .popuptext {visibility: hidden; width: 120px; background-color: #fff; color: #fff; text-align: center; border-radius: 6px; padding: 8px 10px; position: absolute; z-index: 999; bottom: 125%; left: 50%; margin-left: -70px }
.popup .popuptext::after {content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent }
.popup .show {visibility: visible; -webkit-animation: fadeIn 1s; animation: fadeIn 1s; background-color: #fff; box-shadow: 0 0 15px #666; color: #3d3d3d }
.popup .popuptext a {display: block; text-decoration: none; text-align: left; color: #000; padding: 5px; font-size: 12px; }
#links .popup .popuptext a:hover {background-color: #0096ff; color: #fff; text-decoration: none }

@media (max-width: 960px){
    .top-banner .rgt{display: none;}
    .top-banner .lft{width: 100%;text-align: center;}
    .top-banner .title{font-size: calc(24px + 1.5vw)!important;}
    .top-banner .sub,.top-banner .tip{font-size: calc(14px + 1.5vw);}
}

@media (max-width: 769px){
    .nav-link a,.remove-passcode .cell,.factory-reset .cell,.how-to .video img,.reviews-cont .ce{width: 100%;}
    .remove-passcode .cell:not(:first-child),.factory-reset .cell:not(:first-child),.reviews-cont .ce:not(:first-child){margin-top: 40px;}
    a.btn[href$=".exe"],a.btn[href$=".dmg"],header a.link{display: none;}
    .top-banner{margin-top: 50px;}
    .title{font-size: calc(20px + 1.5vw)!important;}
    .btn-buy{display: none;}
    .mb-btn{display: block;}
    nav.header-fix{display: none;}
}